From 21240aa448ed13f5e1df6a968a93c104bc8c3b56 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pavel=20B=C5=99ou=C5=A1ek?= <brousek@ics.muni.cz> Date: Sat, 24 Sep 2022 19:13:40 +0200 Subject: [PATCH] style: prettier --- .prettierignore | 6 + README.md | 10 +- .../processFilterConfigurations-example.md | 39 +- dictionaries/einfra.definition.json | 4 +- www/res/css/cesnet.css | 558 ++++++++++------ www/res/css/disco.css | 145 +++-- www/res/css/einfra.css | 593 +++++++++++------- 7 files changed, 824 insertions(+), 531 deletions(-) diff --git a/.prettierignore b/.prettierignore index e63377a..a780258 100644 --- a/.prettierignore +++ b/.prettierignore @@ -723,3 +723,9 @@ CHANGELOG.md .git *.min.css *.min.js + +www/res/bootstrap/css/bootstrap-theme.css +www/res/bootstrap/css/bootstrap.css +www/res/bootstrap/js/bootstrap.js +www/res/bootstrap/js/npm.js +www/res/js/jquery.js diff --git a/README.md b/README.md index fed430a..67f95d8 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,5 @@ # einfra-aai-proxy-idp-template + [](https://packagist.org/packages/cesnet/simplesamlphp-module-cesnet) [](https://packagist.org/packages/cesnet/simplesamlphp-module-cesnet) [](https://github.com/cesnet/einfra-aai-proxy-idp-template/actions/workflows/build_and_check.yml) @@ -13,10 +14,11 @@ This repository uses [Conventional Commits](https://www.npmjs.com/package/@commi Any change that significantly changes behavior in a backward-incompatible way or requires a configuration change must be marked as BREAKING CHANGE. ### Available scopes: -* theme -* Auth Process filters: - * computeloa - * iscesneteligible + +- theme +- Auth Process filters: + - computeloa + - iscesneteligible ## Instalation diff --git a/config-templates/processFilterConfigurations-example.md b/config-templates/processFilterConfigurations-example.md index 0640287..4abe073 100644 --- a/config-templates/processFilterConfigurations-example.md +++ b/config-templates/processFilterConfigurations-example.md @@ -1,28 +1,29 @@ ## ComputeLoA -Example how to configure ComputeLoA filter: -* Put something like this into saml20-idp-hosted.php: +Example how to configure ComputeLoA filter: - ```php - 11 => [ - 'class' => 'cesnet:ComputeLoA', - ], - ``` +- Put something like this into saml20-idp-hosted.php: + ```php + 11 => [ + 'class' => 'cesnet:ComputeLoA', + ], + ``` ## IsCesnetEligible + Example how to configure IsCesnetEligible filter: -* Interface says if attribute will be read from RPC or LDAP -* If interface is LDAP, LDAP.attributeName has to be filled -* RPC.attributeName has to be filled -* Put something like this into saml20-idp-hosted.php: +- Interface says if attribute will be read from RPC or LDAP +- If interface is LDAP, LDAP.attributeName has to be filled +- RPC.attributeName has to be filled +- Put something like this into saml20-idp-hosted.php: - ```php - 25 => [ - 'class' => 'cesnet:IsCesnetEligible', - 'interface' => 'RPC/LDAP', - 'RPC.attributeName' => 'urn:perun:user:attribute-def:def:isCesnetEligibleLastSeen', - 'LDAP.attributeName' => 'isCesnetEligible', - ], - ``` \ No newline at end of file + ```php + 25 => [ + 'class' => 'cesnet:IsCesnetEligible', + 'interface' => 'RPC/LDAP', + 'RPC.attributeName' => 'urn:perun:user:attribute-def:def:isCesnetEligibleLastSeen', + 'LDAP.attributeName' => 'isCesnetEligible', + ], + ``` diff --git a/dictionaries/einfra.definition.json b/dictionaries/einfra.definition.json index 2b371a1..1fb6248 100644 --- a/dictionaries/einfra.definition.json +++ b/dictionaries/einfra.definition.json @@ -30,8 +30,8 @@ "cs": "Vložte svůj login a heslo" }, "loginuserpass_error_title": { - "en": "Incorrect login or password", - "cs": "Neplatný login a heslo" + "en": "Incorrect login or password", + "cs": "Neplatný login a heslo" }, "loginuserpass_error_text": { "en": "Either no user with the given login could be found, or the password you gave was wrong. Please check the login and try again.", diff --git a/www/res/css/cesnet.css b/www/res/css/cesnet.css index 7b4c4ff..df3a38e 100644 --- a/www/res/css/cesnet.css +++ b/www/res/css/cesnet.css @@ -1,303 +1,449 @@ body { - background-color: #4b4d4a; + background-color: #4b4d4a; } -html, body { - height: 100%; - font-size: 14px; - min-width: 280px; - padding: 0px; -} - -h2, .h2 { - font-size: 2em; - margin: 0 0 .888em; -} - -h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { - font-family: 'Pathway Gothic One',Helvetica,Arial,sans-serif; - font-weight: normal; - padding: 0; - line-height: 1.2; - clear: left; - color: #005b99 !important; -} - - - -h2, .h2 { - font-size: 30px; +html, +body { + height: 100%; + font-size: 14px; + min-width: 280px; + padding: 0px; +} + +h2, +.h2 { + font-size: 2em; + margin: 0 0 0.888em; +} + +h1, +.h1, +h2, +.h2, +h3, +.h3, +h4, +.h4, +h5, +.h5, +h6, +.h6 { + font-family: "Pathway Gothic One", Helvetica, Arial, sans-serif; + font-weight: normal; + padding: 0; + line-height: 1.2; + clear: left; + color: #005b99 !important; +} + +h2, +.h2 { + font-size: 30px; } h2 { - display: block; - font-size: 1.5em; - -webkit-margin-before: 0.83em; - -webkit-margin-after: 0.83em; - -webkit-margin-start: 0px; - -webkit-margin-end: 0px; - font-weight: bold; + display: block; + font-size: 1.5em; + -webkit-margin-before: 0.83em; + -webkit-margin-after: 0.83em; + -webkit-margin-start: 0px; + -webkit-margin-end: 0px; + font-weight: bold; } -h1, .h1, h2, .h2, h3, .h3 { - margin-top: 20px; - margin-bottom: 10px; +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 10px; } - * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } /* LINKS */ -a, a:link, a:link, a:link, a:hover { - - text-decoration: none; - color: #000; - border-bottom: 1px dotted #000; - font-weight: normal; -} - - -a:link, a:visited { - text-decoration: none; - color: #000; - border-bottom: 1px dotted #000; - font-weight: normal; +a, +a:link, +a:link, +a:link, +a:hover { + text-decoration: none; + color: #000; + border-bottom: 1px dotted #000; + font-weight: normal; +} + +a:link, +a:visited { + text-decoration: none; + color: #000; + border-bottom: 1px dotted #000; + font-weight: normal; } a:visited { - color: #999; -} + color: #999; +} -a:hover, a:active { - text-decoration: none; - color: #333; - border-bottom: 1px solid #333; -} +a:hover, +a:active { + text-decoration: none; + color: #333; + border-bottom: 1px solid #333; +} .ui-widget-content { - border: 0px solid #ddd; + border: 0px solid #ddd; } - #header { - margin: auto; - background: #fff; - max-width: 720px; + margin: auto; + background: #fff; + max-width: 720px; } #header h1 { - line-height: 32px; - font-size: 28px; + line-height: 32px; + font-size: 28px; } #header .header-link { - text-decoration: none; - color: #222; + text-decoration: none; + color: #222; } #header img { - width: 170px; - margin: -16px auto 0 auto; - padding-top: 25px; + width: 170px; + margin: -16px auto 0 auto; + padding-top: 25px; } - #wrap { - width: 100%; - background: #fff; - padding-bottom: 64px; - border: 0px solid #fff; - position: relative; - text-align: left; - max-width: 100%; - margin: auto; + width: 100%; + background: #fff; + padding-bottom: 64px; + border: 0px solid #fff; + position: relative; + text-align: left; + max-width: 100%; + margin: auto; } -#languagebar_line{ - background: #4b4d4a; - margin-bottom: 20px; - border-bottom: 5px solid #ddd; +#languagebar_line { + background: #4b4d4a; + margin-bottom: 20px; + border-bottom: 5px solid #ddd; } #languagebar { - margin:0px auto; - max-width: 720px; - color: #ffffff; - height: 25px; - text-decoration: none; + margin: 0px auto; + max-width: 720px; + color: #ffffff; + height: 25px; + text-decoration: none; } #languagebar a, -#languagebar a:link , -#languagebar a:visited{ - color: #ddd; - text-decoration: none; - border-bottom: 0px; +#languagebar a:link, +#languagebar a:visited { + color: #ddd; + text-decoration: none; + border-bottom: 0px; } -#languagebar a:hover{ - color: #ffffff; - text-decoration: none; +#languagebar a:hover { + color: #ffffff; + text-decoration: none; } #content { - margin: 0px auto; - max-width: 720px; + margin: 0px auto; + max-width: 720px; } .btn:hover { - background-image: none; + background-image: none; } .ui-widget-header { - border-width: 0px; - border-bottom: 1px solid #ddd; - background: transparent; + border-width: 0px; + border-bottom: 1px solid #ddd; + background: transparent; } .ui-widget-header .ui-state-default { - border: 0px; - background: #fff; - color: #337ab7; + border: 0px; + background: #fff; + color: #337ab7; } .ui-widget-header .ui-state-default:hover { - background: #eee; - color: #23527c; + background: #eee; + color: #23527c; } .ui-widget-header .ui-state-active { - border: 1px solid #ddd; + border: 1px solid #ddd; } .ui-widget-header .ui-state-active:hover { - background: #fff; + background: #fff; } - hr { - border-top: 1px solid #ddd; + border-top: 1px solid #ddd; } -ul, menu, dir { - display: block; - text-align: left; - list-style-type: disc; - -webkit-margin-before: 1em; - -webkit-margin-after: 1em; - -webkit-margin-start: 0px; - -webkit-margin-end: 0px; - -webkit-padding-start: 40px; +ul, +menu, +dir { + display: block; + text-align: left; + list-style-type: disc; + -webkit-margin-before: 1em; + -webkit-margin-after: 1em; + -webkit-margin-start: 0px; + -webkit-margin-end: 0px; + -webkit-padding-start: 40px; } - ul { - list-style: square outside; -} - -p, ul, ol, dl, pre, table, hr, blockquote, figure, details, fieldset, address { - margin: 0 0 1.4em 0; - padding: 0; -} -ul, ol { - margin-top: 0; - margin-bottom: 10px; - padding: 0 0 0 1.5em; -} - -.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { - float: left; -} - - -.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { - position: relative; - min-height: 1px; - padding-left: 15px; - padding-right: 15px; + list-style: square outside; +} + +p, +ul, +ol, +dl, +pre, +table, +hr, +blockquote, +figure, +details, +fieldset, +address { + margin: 0 0 1.4em 0; + padding: 0; +} +ul, +ol { + margin-top: 0; + margin-bottom: 10px; + padding: 0 0 0 1.5em; +} + +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12 { + float: left; +} + +.col-xs-1, +.col-sm-1, +.col-md-1, +.col-lg-1, +.col-xs-2, +.col-sm-2, +.col-md-2, +.col-lg-2, +.col-xs-3, +.col-sm-3, +.col-md-3, +.col-lg-3, +.col-xs-4, +.col-sm-4, +.col-md-4, +.col-lg-4, +.col-xs-5, +.col-sm-5, +.col-md-5, +.col-lg-5, +.col-xs-6, +.col-sm-6, +.col-md-6, +.col-lg-6, +.col-xs-7, +.col-sm-7, +.col-md-7, +.col-lg-7, +.col-xs-8, +.col-sm-8, +.col-md-8, +.col-lg-8, +.col-xs-9, +.col-sm-9, +.col-md-9, +.col-lg-9, +.col-xs-10, +.col-sm-10, +.col-md-10, +.col-lg-10, +.col-xs-11, +.col-sm-11, +.col-md-11, +.col-lg-11, +.col-xs-12, +.col-sm-12, +.col-md-12, +.col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; } #footer { - font-size: 0.9em; - color: #e1e5e9; - background-color: #4b4d4a; - border-top: 10px solid #ddd; - text-align: left; - padding: 16px; - font-family: Helvetica,Arial,sans-serif; + font-size: 0.9em; + color: #e1e5e9; + background-color: #4b4d4a; + border-top: 10px solid #ddd; + text-align: left; + padding: 16px; + font-family: Helvetica, Arial, sans-serif; } #footer .col { - margin: auto; - line-height: 2.1em; + margin: auto; + line-height: 2.1em; } #footer .col h2 { - font-family: Helvetica,Arial,sans-serif; - font-weight: bold; - color: #e1e5e9 !important; - padding-bottom: .8em; - margin-bottom: 1em; - font-size: 1.05em; - text-transform: uppercase; - border-bottom: 1px solid #fff; - } - -#footer .col ul li { - list-style-type: none; - margin-left: 0; - padding-left: 25px; - background: #4b4d4a url(../img/bullet.png) no-repeat 0 .5em; -} -#footer .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { - float: left; + font-family: Helvetica, Arial, sans-serif; + font-weight: bold; + color: #e1e5e9 !important; + padding-bottom: 0.8em; + margin-bottom: 1em; + font-size: 1.05em; + text-transform: uppercase; + border-bottom: 1px solid #fff; } -#footer .col-sm-2 control-label{ - color: #fff; -} - -#footer.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { - position: relative; - min-height: 1px; - padding-left: 15px; - padding-right: 15px; +#footer .col ul li { + list-style-type: none; + margin-left: 0; + padding-left: 25px; + background: #4b4d4a url(../img/bullet.png) no-repeat 0 0.5em; +} +#footer .col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12 { + float: left; +} + +#footer .col-sm-2 control-label { + color: #fff; +} + +#footer.col-xs-1, +.col-sm-1, +.col-md-1, +.col-lg-1, +.col-xs-2, +.col-sm-2, +.col-md-2, +.col-lg-2, +.col-xs-3, +.col-sm-3, +.col-md-3, +.col-lg-3, +.col-xs-4, +.col-sm-4, +.col-md-4, +.col-lg-4, +.col-xs-5, +.col-sm-5, +.col-md-5, +.col-lg-5, +.col-xs-6, +.col-sm-6, +.col-md-6, +.col-lg-6, +.col-xs-7, +.col-sm-7, +.col-md-7, +.col-lg-7, +.col-xs-8, +.col-sm-8, +.col-md-8, +.col-lg-8, +.col-xs-9, +.col-sm-9, +.col-md-9, +.col-lg-9, +.col-xs-10, +.col-sm-10, +.col-md-10, +.col-lg-10, +.col-xs-11, +.col-sm-11, +.col-md-11, +.col-lg-11, +.col-xs-12, +.col-sm-12, +.col-md-12, +.col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; } #footer .col ul { - padding-left: 0; + padding-left: 0; } #footer a { - text-decoration: none; - color: #fff; - border-bottom: 1px ; - font-weight: normal; + text-decoration: none; + color: #fff; + border-bottom: 1px; + font-weight: normal; } #footer a:link { - text-decoration: none; - color: #fff; - border-bottom: 1px ; - font-weight: normal; + text-decoration: none; + color: #fff; + border-bottom: 1px; + font-weight: normal; } -#footer a:visited , #footer a:hover { - text-decoration: none; - color: #fff; - border-bottom: 1px solid #fff; - font-weight: normal; +#footer a:visited, +#footer a:hover { + text-decoration: none; + color: #fff; + border-bottom: 1px solid #fff; + font-weight: normal; } -#footer div{ - display: block; +#footer div { + display: block; } -.copyright{ - text-align: center; - width: 100%; +.copyright { + text-align: center; + width: 100%; } #footer img { - margin: 0px 16px; + margin: 0px 16px; } .row { - margin-left: -15px; - margin-right: -15px; -} \ No newline at end of file + margin-left: -15px; + margin-right: -15px; +} diff --git a/www/res/css/disco.css b/www/res/css/disco.css index 27fd274..9dc0617 100644 --- a/www/res/css/disco.css +++ b/www/res/css/disco.css @@ -1,131 +1,128 @@ div.metalist { - margin: 10px 0px; + margin: 10px 0px; } a.metaentry { - padding: 10px 15px 10px 35px; + padding: 10px 15px 10px 35px; } a.social { - padding: 10px; - text-align: left; - color: white; - border: 1px solid rgba(0,0,0,0.2); + padding: 10px; + text-align: left; + color: white; + border: 1px solid rgba(0, 0, 0, 0.2); } a.social:hover, a.social:focus { - color: white; - background: rgba(0,0,0,0.2); - border: 1px solid rgba(0,0,0,0.3); - box-shadow: 0px 0px 10px 30px rgba(0,0,0,0.1) inset; + color: white; + background: rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: 0px 0px 10px 30px rgba(0, 0, 0, 0.1) inset; } a.social img { - display: inline-block; - height: 40px; - max-height: 40px; - width: 40px; - max-width: 40px; - padding: 6px; - margin: -12px 0px -10px -10px; - border-right: 1px solid rgba(0,0,0,0.2); + display: inline-block; + height: 40px; + max-height: 40px; + width: 40px; + max-width: 40px; + padding: 6px; + margin: -12px 0px -10px -10px; + border-right: 1px solid rgba(0, 0, 0, 0.2); } a.social:hover img { - border-right: 1px solid rgba(0,0,0,0.3); + border-right: 1px solid rgba(0, 0, 0, 0.3); } - a.metaentry.favourite { - background-image: url(../../../../resources/icons/silk/star.png); - background-position: 10px center; + background-image: url(../../../../resources/icons/silk/star.png); + background-position: 10px center; } a.metaentry:hover { - background-position: 10px center; + background-position: 10px center; } a.metaentry .idp-logo { - float: right; - height: 20px; - max-width: 120px; + float: right; + height: 20px; + max-width: 120px; } a.metaentryrow .idp-logo { - max-height: 40px; - max-width: 200px; - padding: 3px; + max-height: 40px; + max-width: 200px; + padding: 3px; } .no-idp-found a.btn { - text-decoration: none; - color: white; - border-bottom: none; + text-decoration: none; + color: white; + border-bottom: none; } #misc .container-fluid .col-xs-12:last-child img { - max-height: 42px; - margin-top: -1px; + max-height: 42px; + margin-top: -1px; } @media screen and (max-width: 950px) { - a.metaentryrow .idp-logo { - margin-bottom: 10px; - } - #misc .container-fluid .col-xs-12:last-child img { - width: 193px; - } + a.metaentryrow .idp-logo { + margin-bottom: 10px; + } + #misc .container-fluid .col-xs-12:last-child img { + width: 193px; + } } .inlinesearch { - padding: 0px; - margin: 10px 0px 20px 0px; - float: none; + padding: 0px; + margin: 10px 0px 20px 0px; + float: none; } form#idpselectform input { - width: 100%; - background-position: 10px center; - padding: 10px 15px 10px 35px; - height: 46px; + width: 100%; + background-position: 10px center; + padding: 10px 15px 10px 35px; + height: 46px; } - .search-box { - margin-bottom: 16px; + margin-bottom: 16px; } .idp-list { - margin-bottom: 16px; + margin-bottom: 16px; } .metarowtable { - margin-left: auto; - margin-right: auto; - width: 500px;; - border: 0px; - text-align: center; + margin-left: auto; + margin-right: auto; + width: 500px; + border: 0px; + text-align: center; } -.metarowtable td img{ - display: block; - margin-left: auto; - margin-right: auto; +.metarowtable td img { + display: block; + margin-left: auto; + margin-right: auto; } .descriptionp { - text-align: center; - margin-bottom: 20px; + text-align: center; + margin-bottom: 20px; } .hrline { - width: 100%; - height: 10px; - border-bottom: 1px solid #F0F0F0; - text-align: center; - margin-top: 20px; - margin-bottom: 30px; + width: 100%; + height: 10px; + border-bottom: 1px solid #f0f0f0; + text-align: center; + margin-top: 20px; + margin-bottom: 30px; } -.hrline span { - background-color: #ffffff; - padding: 0 20px; +.hrline span { + background-color: #ffffff; + padding: 0 20px; } -.col-md-4{ - padding-left: 5px !important; - padding-right: 5px !important; +.col-md-4 { + padding-left: 5px !important; + padding-right: 5px !important; } - diff --git a/www/res/css/einfra.css b/www/res/css/einfra.css index 24142cb..63f9b75 100644 --- a/www/res/css/einfra.css +++ b/www/res/css/einfra.css @@ -1,342 +1,483 @@ body { - background-color: #4b4d4a; + background-color: #4b4d4a; } -html, body { - height: 100%; - font-size: 14px; - min-width: 280px; - padding: 0; -} - -h2, .h2 { - font-size: 30px; - margin: 0 0 .888em; -} - -h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { - font-family: 'Pathway Gothic One',Helvetica,Arial,sans-serif; - font-weight: normal; - padding: 0; - line-height: 1.2; - clear: left; - color: #005b99 !important; +html, +body { + height: 100%; + font-size: 14px; + min-width: 280px; + padding: 0; +} + +h2, +.h2 { + font-size: 30px; + margin: 0 0 0.888em; +} + +h1, +.h1, +h2, +.h2, +h3, +.h3, +h4, +.h4, +h5, +.h5, +h6, +.h6 { + font-family: "Pathway Gothic One", Helvetica, Arial, sans-serif; + font-weight: normal; + padding: 0; + line-height: 1.2; + clear: left; + color: #005b99 !important; } h2 { - display: block; - font-size: 1.5em; - -webkit-margin-before: 0.83em; - -webkit-margin-after: 0.83em; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - font-weight: bold; + display: block; + font-size: 1.5em; + -webkit-margin-before: 0.83em; + -webkit-margin-after: 0.83em; + -webkit-margin-start: 0; + -webkit-margin-end: 0; + font-weight: bold; } -h1, .h1, h2, .h2, h3, .h3 { - margin-top: 20px; - margin-bottom: 10px; +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 10px; } - * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } /* LINKS */ -a, a:link, a:hover { - - text-decoration: none; - color: #000; - border-bottom: 1px dotted #000; - font-weight: normal; +a, +a:link, +a:hover { + text-decoration: none; + color: #000; + border-bottom: 1px dotted #000; + font-weight: normal; } - -a:link, a:visited { - text-decoration: none; - color: #000; - border-bottom: 1px dotted #000; - font-weight: normal; +a:link, +a:visited { + text-decoration: none; + color: #000; + border-bottom: 1px dotted #000; + font-weight: normal; } a:visited { - color: #999; + color: #999; } -a:hover, a:active { - text-decoration: none; - color: #333; - border-bottom: 1px solid #333; +a:hover, +a:active { + text-decoration: none; + color: #333; + border-bottom: 1px solid #333; } .ui-widget-content { - border: 0 solid #ddd; + border: 0 solid #ddd; } - #header { - margin: auto; - background: #fff; - max-width: 960px; + margin: auto; + background: #fff; + max-width: 960px; } #header h1 { - line-height: 32px; - font-size: 28px; + line-height: 32px; + font-size: 28px; } #header .header-link { - text-decoration: none; - color: #222; + text-decoration: none; + color: #222; } #header img { - width: 350px; - margin: 0 auto; - padding-top: 25px; + width: 350px; + margin: 0 auto; + padding-top: 25px; } - #wrap { - width: 100%; - background: #fff; - padding-bottom: 64px; - border: 0 solid #fff; - position: relative; - text-align: left; - max-width: 100%; - margin: auto; + width: 100%; + background: #fff; + padding-bottom: 64px; + border: 0 solid #fff; + position: relative; + text-align: left; + max-width: 100%; + margin: auto; } -#languagebar_line{ - background: #4b4d4a; - margin-bottom: 20px; - border-bottom: 5px solid #ddd; +#languagebar_line { + background: #4b4d4a; + margin-bottom: 20px; + border-bottom: 5px solid #ddd; } #languagebar { - margin:0 auto; - max-width: 960px; - color: #ffffff; - height: 25px; - text-decoration: none; + margin: 0 auto; + max-width: 960px; + color: #ffffff; + height: 25px; + text-decoration: none; } #languagebar a, -#languagebar a:link , -#languagebar a:visited{ - color: #ddd; - text-decoration: none; - border-bottom: 0; +#languagebar a:link, +#languagebar a:visited { + color: #ddd; + text-decoration: none; + border-bottom: 0; } -#languagebar a:hover{ - color: #ffffff; - text-decoration: none; +#languagebar a:hover { + color: #ffffff; + text-decoration: none; } #content { - margin: 0 auto; - max-width: 960px; + margin: 0 auto; + max-width: 960px; } .btn:hover { - background-image: none; + background-image: none; } .ui-widget-header { - border-width: 0; - border-bottom: 1px solid #ddd; - background: transparent; + border-width: 0; + border-bottom: 1px solid #ddd; + background: transparent; } .ui-widget-header .ui-state-default { - border: 0; - background: #fff; - color: #337ab7; + border: 0; + background: #fff; + color: #337ab7; } .ui-widget-header .ui-state-default:hover { - background: #eee; - color: #23527c; + background: #eee; + color: #23527c; } .ui-widget-header .ui-state-active { - border: 1px solid #ddd; + border: 1px solid #ddd; } .ui-widget-header .ui-state-active:hover { - background: #fff; + background: #fff; } hr { - border-top: 1px solid #ddd; + border-top: 1px solid #ddd; } -ul, menu, dir { - display: block; - text-align: left; - list-style-type: disc; - -webkit-margin-before: 1em; - -webkit-margin-after: 1em; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - -webkit-padding-start: 40px; +ul, +menu, +dir { + display: block; + text-align: left; + list-style-type: disc; + -webkit-margin-before: 1em; + -webkit-margin-after: 1em; + -webkit-margin-start: 0; + -webkit-margin-end: 0; + -webkit-padding-start: 40px; } ul { - list-style: square outside; -} - -p, ul, ol, dl, pre, table, hr, blockquote, figure, details, fieldset, address { - margin: 0 0 1.4em; - padding: 0; -} - -ul, ol { - margin-top: 0; - margin-bottom: 10px; - padding: 0 0 0 1.5em; -} - -.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, -.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { - float: left; -} - - -.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, -.col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, -.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, -.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, -.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { - position: relative; - min-height: 1px; - padding-left: 15px; - padding-right: 15px; + list-style: square outside; +} + +p, +ul, +ol, +dl, +pre, +table, +hr, +blockquote, +figure, +details, +fieldset, +address { + margin: 0 0 1.4em; + padding: 0; +} + +ul, +ol { + margin-top: 0; + margin-bottom: 10px; + padding: 0 0 0 1.5em; +} + +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12 { + float: left; +} + +.col-xs-1, +.col-sm-1, +.col-md-1, +.col-lg-1, +.col-xs-2, +.col-sm-2, +.col-md-2, +.col-lg-2, +.col-xs-3, +.col-sm-3, +.col-md-3, +.col-lg-3, +.col-xs-4, +.col-sm-4, +.col-md-4, +.col-lg-4, +.col-xs-5, +.col-sm-5, +.col-md-5, +.col-lg-5, +.col-xs-6, +.col-sm-6, +.col-md-6, +.col-lg-6, +.col-xs-7, +.col-sm-7, +.col-md-7, +.col-lg-7, +.col-xs-8, +.col-sm-8, +.col-md-8, +.col-lg-8, +.col-xs-9, +.col-sm-9, +.col-md-9, +.col-lg-9, +.col-xs-10, +.col-sm-10, +.col-md-10, +.col-lg-10, +.col-xs-11, +.col-sm-11, +.col-md-11, +.col-lg-11, +.col-xs-12, +.col-sm-12, +.col-md-12, +.col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; } #footer { - font-size: 0.9em; - color: #e1e5e9; - background-color: #4b4d4a; - border-top: 10px solid #ddd; - text-align: left; - padding: 16px; - font-family: Helvetica,Arial,sans-serif; + font-size: 0.9em; + color: #e1e5e9; + background-color: #4b4d4a; + border-top: 10px solid #ddd; + text-align: left; + padding: 16px; + font-family: Helvetica, Arial, sans-serif; } #footer .col { - margin: auto; - line-height: 2.1em; + margin: auto; + line-height: 2.1em; } #footer .col h2 { - font-family: Helvetica,Arial,sans-serif; - font-weight: bold; - color: #e1e5e9 !important; - padding-bottom: .8em; - margin-bottom: 1em; - font-size: 1.05em; - text-transform: uppercase; - border-bottom: 1px solid #fff; + font-family: Helvetica, Arial, sans-serif; + font-weight: bold; + color: #e1e5e9 !important; + padding-bottom: 0.8em; + margin-bottom: 1em; + font-size: 1.05em; + text-transform: uppercase; + border-bottom: 1px solid #fff; } #footer .col ul li { - list-style-type: none; - margin-left: 0; - padding-left: 25px; - background: #4b4d4a url(../img/bullet.png) no-repeat 0 .5em; -} -#footer .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { - float: left; -} - -#footer .col-sm-2 control-label{ - color: #fff; -} - -#footer.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { - position: relative; - min-height: 1px; - padding-left: 15px; - padding-right: 15px; + list-style-type: none; + margin-left: 0; + padding-left: 25px; + background: #4b4d4a url(../img/bullet.png) no-repeat 0 0.5em; +} +#footer .col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12 { + float: left; +} + +#footer .col-sm-2 control-label { + color: #fff; +} + +#footer.col-xs-1, +.col-sm-1, +.col-md-1, +.col-lg-1, +.col-xs-2, +.col-sm-2, +.col-md-2, +.col-lg-2, +.col-xs-3, +.col-sm-3, +.col-md-3, +.col-lg-3, +.col-xs-4, +.col-sm-4, +.col-md-4, +.col-lg-4, +.col-xs-5, +.col-sm-5, +.col-md-5, +.col-lg-5, +.col-xs-6, +.col-sm-6, +.col-md-6, +.col-lg-6, +.col-xs-7, +.col-sm-7, +.col-md-7, +.col-lg-7, +.col-xs-8, +.col-sm-8, +.col-md-8, +.col-lg-8, +.col-xs-9, +.col-sm-9, +.col-md-9, +.col-lg-9, +.col-xs-10, +.col-sm-10, +.col-md-10, +.col-lg-10, +.col-xs-11, +.col-sm-11, +.col-md-11, +.col-lg-11, +.col-xs-12, +.col-sm-12, +.col-md-12, +.col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; } #footer .col ul { - padding-left: 0; + padding-left: 0; } #footer a { - text-decoration: none; - color: #fff; - border-bottom: 1px ; - font-weight: normal; + text-decoration: none; + color: #fff; + border-bottom: 1px; + font-weight: normal; } #footer a:link { - text-decoration: none; - color: #fff; - border-bottom: 1px ; - font-weight: normal; + text-decoration: none; + color: #fff; + border-bottom: 1px; + font-weight: normal; } -#footer a:visited , #footer a:hover { - text-decoration: none; - color: #fff; - border-bottom: 1px solid #fff; - font-weight: normal; +#footer a:visited, +#footer a:hover { + text-decoration: none; + color: #fff; + border-bottom: 1px solid #fff; + font-weight: normal; } -#footer div{ - display: block; +#footer div { + display: block; } -.copyright{ - text-align: center; - width: 100%; +.copyright { + text-align: center; + width: 100%; } #footer img { - margin-top: 10px; + margin-top: 10px; } .row { - margin-left: -15px; - margin-right: -15px; + margin-left: -15px; + margin-right: -15px; } .footer-logo-wrapper { - margin-top: 1em; - margin-bottom: 1em; + margin-top: 1em; + margin-bottom: 1em; } .footer-logo-wrapper img { - width: auto; - height: 100%; - max-height: 60px; + width: auto; + height: 100%; + max-height: 60px; } @media only screen and (max-width: 992px) { - .footer-logo-wrapper img { - margin-left: auto; - margin-right: auto; - } + .footer-logo-wrapper img { + margin-left: auto; + margin-right: auto; + } - #footer-logo-cesnet { - margin-top: 24px; - } + #footer-logo-cesnet { + margin-top: 24px; + } - #footer-logo-it4i { - margin-top: 27px; - } + #footer-logo-it4i { + margin-top: 27px; + } } @media only screen and (max-width: 768px) { - .footer-logo-wrapper img { - margin-left: auto; - margin-right: auto; - max-height: 40px; - } - - - #footer-logo-cesnet, - #footer-logo-cerit, - #footer-logo-it4i { - margin-top: 1em; - } -} \ No newline at end of file + .footer-logo-wrapper img { + margin-left: auto; + margin-right: auto; + max-height: 40px; + } + + #footer-logo-cesnet, + #footer-logo-cerit, + #footer-logo-it4i { + margin-top: 1em; + } +} -- GitLab