MediaWiki:Portal.css

/*********************************/ /* main page jquery tabs/sliders */ /*********************************/ .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs-hide { display: none !important; } /*****************************************************/ /* main page jquery tabs/sliders component containers*/ /*****************************************************/ /*.ui-widget { font-family: Verdana, Arial, Helvetica, sans-serif; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget-content { } .ui-widget-content a { color: #FEC356; } .ui-widget-header { border: 1px solid #aaaaaa; font-weight: bold; } .ui-widget-header a { color: #000; } */ /***************************************************/ /* main page jquery tabs/sliders interaction state */ /***************************************************/ /*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; }*/ /**********/ /* portal */ /**********/ .portal_container { } .portal_section ul { list-style: disc; } .portal_section { border: 1px solid #a8a8a8; margin: 0 0 10px 0; background: transparent; -moz-border-radius: 1em; border-radius: 1em; } .portal_header { padding: 0 1em; position: relative; } .portal_header_text { display: table; width: 100%; padding: 0.6em 0 0 0; border-bottom: 1px dotted #35586c; text-align: center; font-size: 2em; } .portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; bottom: -2em; } .portal_header, .portal_header a:link, .portal_header a:visited, .portal_header a:hover, .portal_header a:active { color: #35586c; } .portal_body { padding: 0.8em; } .portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; } .portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { color: #35586c; } .portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted #35586c; text-align: left; font-size: 1.8em; color:#35586c; } .portal_subheader_text2 { font-size:1em; display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted #35586c; text-align: left; font-size: 1em; color:#35586c; } /******************/ /* portal: slider */ /******************/
 * 1) portal_slider { margin: 0px; padding: 0px; position: relative; height: 450px; }
 * 2) portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #a8a8a8; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, #023667 0, #1060ad 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #023667), color-stop(100%, #1060ad)); background-image:-o-linear-gradient(bottom, #023667 0, #1060ad 100%); background-image:-ms-linear-gradient(bottom, #023667 0, #1060ad 100%); background-image:linear-gradient(bottom, #023667 0, #1060ad 100%); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); background-color:#012e59; color: #e3e6ea; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
 * 1) portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, #044482 0, #106ec9 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #044482), color-stop(100%, #106ec9)); background-image:-o-linear-gradient(bottom, #044482 0, #106ec9 100%); background-image:-ms-linear-gradient(bottom, #044482 0, #106ec9 100%); background-image:linear-gradient(bottom, #044482 0, #106ec9 100%); background-color:#012445; color: #FFF; }
 * 1) portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
 * 2) portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
 * 3) portal_slider > .portal_body { padding: 0; }