diff --git a/resources/css/edugain.css b/resources/css/edugain.css index bd7f51ba457379cf2c52c026c86192c180a0e2a8..cbb61295a816037d401eb67de3bcced71b54d867 100644 --- a/resources/css/edugain.css +++ b/resources/css/edugain.css @@ -1,401 +1,401 @@ -@CHARSET "UTF-8"; - -/* html { - background-color: #FFF; - height: 100%; -}*/ - -body { - color: #004360; - background-color: #FFF; - font-family: "Open Sans", Helvetica, sans-serif; - font-size: 14px; - line-height: 1.4; - margin: 0px; -/* height: 100%; */ -} - -input, textarea, select, button { - font-size: 14px; -} - -header { - position: relative; - padding: 0; - height: 115px; - width: 100%; - background: #003f5f; -} - -#header_text { - color: white; - font-size: 18px; - font-weight: bold; - position: absolute; - left: 100px; - top: 50px; - z-index: 100; -} - - -h1, h2 { - margin: 0; - padding: 0; - font-weight: bold; -} - -h1 { - font-size: 1.5em; - padding-bottom: 0.7em; -} - -h2 { - font-size: 1.2em; -} - -dt { - font-weight: bold; - padding-top: 0.4em; -} - -img { - border: none; -} - - -a { - color: #f1893b; -} - -a:hover,a:focus,a:active { - color: #004360; -} - -footer { - width: 100%; - background-color: #EEE; - font-size: 12px; -} - -footer .col-1-1 { - text-align: left; -} - -footer .col-1-2 { - text-align: right; - white-space: nowrap; -} - -footer a:not(:last-child) { - padding-right: 1em; -} - -footer a { - text-decoration: none; -} - -button, .button { - background: #214BB5; - border: 2px solid #214BB5; - font-weight: bold; - border-radius: 3px; - text-decoration: none!important; -} -button:hover, .button:hover { - background: none; - color: #214BB5; -} - - - -/* ======= ======= Classes ======= ======= */ -/** Wizard **/ -.wizard > .steps > ol > li.current { - background: #214BB5; -} -.wizard > .steps > ol > li.done { - background: #9DC8E2; -} -.wizard > .content { - border: 2px solid #214BB5; -} -.help { - vertical-align: bottom; -} - -.help:hover { - cursor: help; -} -.central-section { - box-sizing: border-box; - display: table; - width: 100%; - padding-left: 0.5em; - padding-right: 0.5em; -} - -.col-1-2 { - padding-top: 1em; -} - -.alignment-3 { - text-align: center; -} - -.page-title { - color: #f1893b; - font-weight: normal; - white-space: nowrap; -} - -.info-section { - margin-bottom: 0.5em ; -} - -.info-section h3 { - margin: 1em 0 0 0; - text-decoration: none; -} -.info-section h3 a{ - text-decoration: none; -} -.info-section h3 a:hover{ - color: #f1893b; -} -.info-section img { - display: none; -} - -.validator_warn { - background-repeat: no-repeat; - background-size: 20px 20px; - background-position: 90% 5px; - background-image: url('../images/warning-icon.png'); -} -/* ------- Table Style 1 ------- */ - -.ts-1 { - border-collapse: collapse; - margin: auto; - padding-top: 1.5em; -} - -.ts-1 tr:not(:last-child) th, .ts-1 tr:not(:last-child) td { - border-bottom: 1px solid #ffccaa; - /* border-bottom: 1px solid #f1893b; */ - margin: 0; -} -.ts-1 th{ - font-weight: normal; - text-align: left; - padding: 0.6em 2em 0.6em 1em; - border-right: 1px solid #ffccaa; - /* border-right: 1px solid #f1893b; */ -} -.ts-1 td{ - text-align: right; - padding: 0.6em 1em 0.6em 2em; -} - -.ts-1 caption, .ts-1 th[colspan="2"] { - color: #FFF; - background-color: #F1893B; - font-size: 1.1em; - font-weight: normal; - padding: 0.2em 1em; - margin-bottom: 0.4em; -} -.ts-1 caption img, .ts-1 th[colspan="2"] img { - vertical-align: middle; - float: right; - /* padding-left: 1em; */ - padding: 0.2em; -} -/* ------- End of Table Style 1 ------- */ - -.member-div { - padding-bottom: 0.2em; - padding-right: 0.2em; -} - -.member-div .additional-info { - color: #FF0000; -} - -.member-div:hover { - background-color: #FFCCAA; - cursor: pointer; -} -.member-div.selected { - background-color: #F1893B; - color: #FFF; - cursor: pointer; -} - -.member-div.selected .additional-info { - color: #000000; -} - -.federation-details { - display: none; - position: absolute; - left: 0; - top: 2em; - width: 100%; - background-color: #FFF; - text-align: left; - border: 1px solid #FFCCAA; - padding: 1em; - margin-left: 1em; -} - -/* Specific images */ - -#main_logo { - width: 180px; -} - -#geant_logo { - width: 100px; - padding-right: 1em; -} - -#world_small { - width: 100%; -} - -@media screen and (min-width: 400px) { - #world_small { - width: 400px; - } -} - -/* eduGAIN Numbers table */ -#eduGAIN-numbers-table_1 { - padding-top: 1em; -} -#eduGAIN-numbers-table_2 { - display: none; -} - -#entity_details { - display: none; -} - - -/* Entities Table */ -table.entity_listing { - width: 100%; - border: 1px solid #F1893B; -} -table.entity_listing th { - background-color: #F1893B; - color: #FFF; -} - -table.entity_listing tr td.entity-role { - text-align: center; - background-color: #F1893B; - color: #FFF; -} - -table.entity_listing { - border-collapse: collapse; -} - -table.entity_listing td { - border: 1px solid #F1893B; - padding-left: 0.5em; -} - -table.entity_listing tr td:first-child { -} - -table.entity_listing tr td:last-child { -} - -table.entity_listing tr.entry-even { - background-color: #EEE; -} - -/* Entity Information table */ - -table.entity_details { - background-color: #FFF; - width: 100%; - padding: 0.2em; -} - -table.entity_details th { - border-bottom: 1px solid #EEE; - background-color: #DDD; - text-align: left; - padding-left: 0.5em; -} - -table.entity_details td { - border-bottom: 1px solid #EEE; - padding-left: 0.5em; -} - -table.entity_details .details_header { - font-weight: bold; - color: #f1893b; - padding-left: 0.5em; -} - -table.entity_details .details_subheader { - font-weight: bold; - color: #004360; - padding-left: 0.5em; -} - -.drop-shadow { - -webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75); - -moz-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75); - box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75); -} - -#wrap { - padding-bottom: 1em; -} - -#breadcrumb { - color: #999999; -} - -#show_xml_warn { - display: none; -} - -#show_xml_warn p { - margin: 1em; -} - -#html_templates { - display: none; -} - -#edugain_news dl dt { - line-height: 1.0; -} - -#edugain_news dl dd ul { - -webkit-margin-before: 0px; - -webkit-margin-after: 0.5ex; -} - -#loading { - position: fixed; - left: 45%; - top: 50%; - display: none; -} - -@media screen and (max-width: 800px) { - header, - #geant_logo_t img, - #edugain_logo img { - height: 75px !important; - } +@CHARSET "UTF-8"; + +/* html { + background-color: #FFF; + height: 100%; +}*/ + +body { + color: #004360; + background-color: #FFF; + font-family: "Open Sans", Helvetica, sans-serif; + font-size: 14px; + line-height: 1.4; + margin: 0px; +/* height: 100%; */ +} + +input, textarea, select, button { + font-size: 14px; +} + +header { + position: relative; + padding: 0; + height: 115px; + width: 100%; + background: #003f5f; +} + +#header_text { + color: white; + font-size: 18px; + font-weight: bold; + position: absolute; + left: 100px; + top: 50px; + z-index: 100; +} + + +h1, h2 { + margin: 0; + padding: 0; + font-weight: bold; +} + +h1 { + font-size: 1.5em; + padding-bottom: 0.7em; +} + +h2 { + font-size: 1.2em; +} + +dt { + font-weight: bold; + padding-top: 0.4em; +} + +img { + border: none; +} + + +a { + color: #f1893b; +} + +a:hover,a:focus,a:active { + color: #004360; +} + +footer { + width: 100%; + background-color: #EEE; + font-size: 12px; +} + +footer .col-1-1 { + text-align: left; +} + +footer .col-1-2 { + text-align: right; + white-space: nowrap; +} + +footer a:not(:last-child) { + padding-right: 1em; +} + +footer a { + text-decoration: none; +} + +button, .button { + background: #214BB5; + border: 2px solid #214BB5; + font-weight: bold; + border-radius: 3px; + text-decoration: none!important; +} +button:hover, .button:hover { + background: none; + color: #214BB5; +} + + + +/* ======= ======= Classes ======= ======= */ +/** Wizard **/ +.wizard > .steps > ol > li.current { + background: #214BB5; +} +.wizard > .steps > ol > li.done { + background: #9DC8E2; +} +.wizard > .content { + border: 2px solid #214BB5; +} +.help { + vertical-align: bottom; +} + +.help:hover { + cursor: help; +} +.central-section { + box-sizing: border-box; + display: table; + width: 100%; + padding-left: 0.5em; + padding-right: 0.5em; +} + +.col-1-2 { + padding-top: 1em; +} + +.alignment-3 { + text-align: center; +} + +.page-title { + color: #f1893b; + font-weight: normal; + white-space: nowrap; +} + +.info-section { + margin-bottom: 0.5em ; +} + +.info-section h3 { + margin: 1em 0 0 0; + text-decoration: none; +} +.info-section h3 a{ + text-decoration: none; +} +.info-section h3 a:hover{ + color: #f1893b; +} +.info-section img { + display: none; +} + +.validator_warn { + background-repeat: no-repeat; + background-size: 20px 20px; + background-position: 90% 5px; + background-image: url('../images/warning-icon.png'); +} +/* ------- Table Style 1 ------- */ + +.ts-1 { + border-collapse: collapse; + margin: auto; + padding-top: 1.5em; +} + +.ts-1 tr:not(:last-child) th, .ts-1 tr:not(:last-child) td { + border-bottom: 1px solid #ffccaa; + /* border-bottom: 1px solid #f1893b; */ + margin: 0; +} +.ts-1 th{ + font-weight: normal; + text-align: left; + padding: 0.6em 2em 0.6em 1em; + border-right: 1px solid #ffccaa; + /* border-right: 1px solid #f1893b; */ +} +.ts-1 td{ + text-align: right; + padding: 0.6em 1em 0.6em 2em; +} + +.ts-1 caption, .ts-1 th[colspan="2"] { + color: #FFF; + background-color: #F1893B; + font-size: 1.1em; + font-weight: normal; + padding: 0.2em 1em; + margin-bottom: 0.4em; +} +.ts-1 caption img, .ts-1 th[colspan="2"] img { + vertical-align: middle; + float: right; + /* padding-left: 1em; */ + padding: 0.2em; +} +/* ------- End of Table Style 1 ------- */ + +.member-div { + padding-bottom: 0.2em; + padding-right: 0.2em; +} + +.member-div .additional-info { + color: #FF0000; +} + +.member-div:hover { + background-color: #FFCCAA; + cursor: pointer; +} +.member-div.selected { + background-color: #F1893B; + color: #FFF; + cursor: pointer; +} + +.member-div.selected .additional-info { + color: #000000; +} + +.federation-details { + display: none; + position: absolute; + left: 0; + top: 2em; + width: 100%; + background-color: #FFF; + text-align: left; + border: 1px solid #FFCCAA; + padding: 1em; + margin-left: 1em; +} + +/* Specific images */ + +#main_logo { + width: 180px; +} + +#geant_logo { + width: 100px; + padding-right: 1em; +} + +#world_small { + width: 100%; +} + +@media screen and (min-width: 400px) { + #world_small { + width: 400px; + } +} + +/* eduGAIN Numbers table */ +#eduGAIN-numbers-table_1 { + padding-top: 1em; +} +#eduGAIN-numbers-table_2 { + display: none; +} + +#entity_details { + display: none; +} + + +/* Entities Table */ +table.entity_listing { + width: 100%; + border: 1px solid #F1893B; +} +table.entity_listing th { + background-color: #F1893B; + color: #FFF; +} + +table.entity_listing tr td.entity-role { + text-align: center; + background-color: #F1893B; + color: #FFF; +} + +table.entity_listing { + border-collapse: collapse; +} + +table.entity_listing td { + border: 1px solid #F1893B; + padding-left: 0.5em; +} + +table.entity_listing tr td:first-child { +} + +table.entity_listing tr td:last-child { +} + +table.entity_listing tr.entry-even { + background-color: #EEE; +} + +/* Entity Information table */ + +table.entity_details { + background-color: #FFF; + width: 100%; + padding: 0.2em; +} + +table.entity_details th { + border-bottom: 1px solid #EEE; + background-color: #DDD; + text-align: left; + padding-left: 0.5em; +} + +table.entity_details td { + border-bottom: 1px solid #EEE; + padding-left: 0.5em; +} + +table.entity_details .details_header { + font-weight: bold; + color: #f1893b; + padding-left: 0.5em; +} + +table.entity_details .details_subheader { + font-weight: bold; + color: #004360; + padding-left: 0.5em; +} + +.drop-shadow { + -webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75); + -moz-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75); + box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75); +} + +#wrap { + padding-bottom: 1em; +} + +#breadcrumb { + color: #999999; +} + +#show_xml_warn { + display: none; +} + +#show_xml_warn p { + margin: 1em; +} + +#html_templates { + display: none; +} + +#edugain_news dl dt { + line-height: 1.0; +} + +#edugain_news dl dd ul { + -webkit-margin-before: 0px; + -webkit-margin-after: 0.5ex; +} + +#loading { + position: fixed; + left: 45%; + top: 50%; + display: none; +} + +@media screen and (max-width: 800px) { + header, + #geant_logo_t img, + #edugain_logo img { + height: 75px !important; + } } \ No newline at end of file diff --git a/resources/css/style.css b/resources/css/style.css index 30336456e191873adcb0ec2ebcfd452992d87bc4..0ce1166902172441a7a25d229327a7ad2dde76c4 100644 --- a/resources/css/style.css +++ b/resources/css/style.css @@ -209,4 +209,4 @@ main form { float: none; text-align: center; } -} \ No newline at end of file +}