MediaWiki:Vector.css
From RationalWiki
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* CSS placed here will affect users of the Vector skin */ /*Main page skin*/ .mp_header { width:100%; border-spacing:0; border: none; margin-top:0; } .mp_title { font-size:188%; line-height:1.2em; padding:.5em, 0, 0, 0; width:auto; text-align:left; padding-top:.1em; } .mp_title_underline { display:block; height:1px; background: #FFF; background:-moz-linear-gradient( left, #AAAAAA 0%, #FFF 100% ); background:-o-linear-gradient( left, #AAAAAA 0%, #FFF 100% ); background:-ms-linear-gradient( left, #AAAAAA 0%, #FFF 100% ); background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#AAAAAA), to(#FFF)); background: linear-gradient( left, #AAAAAA 0%, #FFF 100% ); } .mp_header_rightlinks { width:24%; font-size:95%; text-align:left; } .mp_rightlinks_bullet { display:none; } .mp_header_slogan { font-size:95%; } .mp_box { width:50%; vertical-align:top; } .mp_gradient_border { padding:1px; } .mp_left_border { background: #CCC; background:-moz-linear-gradient( top, #CCC 0%, #FFF 100% ); background:-o-linear-gradient( top, #CCC 0%, #FFF 100% ); background:-ms-linear-gradient( top, #CCC 0%, #FFF 100% ); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#FFF)); background: linear-gradient( top, #CCC 0%, #FFF 100% ); } .mp_box_inside { width:100%; height:100%; vertical-align:top; } .mp_left_inside { background: #FFF; background:-moz-linear-gradient( top, #f5f5f5 0%, #FFF 100% ); background:-o-linear-gradient( top, #f5f5f5 0%, #FFF 100% ); background:-ms-linear-gradient( top, #f5f5f5 0%, #FFF 100% ); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#FFF)); background: linear-gradient( top, #f5f5f5 0%, #FFF 100% ); } .mp_section_header { border-bottom:thin solid #CCC; font-size:larger; text-align:left; } .mp_wigo_border { background: #65CF31; background:-moz-linear-gradient( top, #65CF31 0%, #FFF 100% ); background:-o-linear-gradient( top, #65CF31 0%, #FFF 100% ); background:-ms-linear-gradient( top, #65CF31 0%, #FFF 100% ); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#65CF31), to(#FFF)); background: linear-gradient( top, #65CF31 0%, #FFF 100% ); } .mp_wigo_inside { background: #FFF; background:-moz-linear-gradient( top, #D0F0C0 0%, #FFF 40% ); background:-o-linear-gradient( top, #D0F0C0 0%, #FFF 40% ); background:-ms-linear-gradient( top, #D0F0C0 0%, #FFF 40% ); background:-webkit-gradient(linear, 0% 0%, 0% 40%, from(#D0F0C0), to(#FFF)); background: linear-gradient( top, #D0F0C0 0%, #FFF 40% ); } .mp_participate_border { background: #7535CB; background-image:-moz-linear-gradient( top, #7535CB 0%, #FFF 100% ); background-image:-o-linear-gradient( top, #7535CB 0%, #FFF 100% ); background-image:-ms-linear-gradient( top, #7535CB 0%, #FFF 100% ); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7535CB), to(#FFF)); background-image: linear-gradient( top, #7535CB 0%, #FFF 100% ); } .mp_participate_inside { background: #FFF; background:-moz-linear-gradient( top, #ddcef2 0%, #FFF 40% ); background:-o-linear-gradient( top, #ddcef2 0%, #FFF 40% ); background:-ms-linear-gradient( top, #ddcef2 0%, #FFF 40% ); background:-webkit-gradient(linear, 0% 0%, 0% 40%, from(#ddcef2), to(#FFF)); background: linear-gradient( top, #ddcef2 0%, #FFF 40% ); } .mp_left_inside .thumb { border-color:transparent !important; } /*Make donation link stand out and look less like a menu item*/ #p-support .body { background:none; background-image:none !important; border:none; height:auto; margin:auto !important; } #p-support .body ul { list-style:none; text-align:center; margin:auto; } #p-support .body ul li { padding-top:1em !important; padding-bottom:1em !important; } #p-support .body a { color:blue; background: #FFEFC8; background: -moz-linear-gradient(top, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: -o-linear-gradient(top, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: -ms-linear-gradient(top, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFDFA8), color-stop(0.02, #FFCE7B), color-stop(0.97, #EBA42D), color-stop(1.0, #B3802B)); background: linear-gradient(top, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); border: 1px solid #FFA500; padding: 0.3em 1.5em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; font-weight: bold; font-size:larger; } #p-support .body a:focus, #p-support .body a:hover { outline: none; text-decoration:none; background: #FFDFA8; background: -moz-linear-gradient(top, #FFDFA8 0%, #FFD794 2%, #EBAD44 97%, #B3802B 100%); background: -ms-linear-gradient(top, #FFDFA8 0%, #FFD794 2%, #EBAD44 97%, #B3802B 100%); background: -o-linear-gradient(top, #FFDFA8 0%, #FFD794 2%, #EBAD44 97%, #B3802B 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFDFA8), color-stop(0.02, #FFD794), color-stop(0.97, #EBAD44), color-stop(1.0, #B3802B)); background: linear-gradient(top, #FFDFA8 0%, #FFD794 2%, #EBAD44 97%, #B3802B 100%); } #p-support .body a:active { background: #FFDFA8; background: -moz-linear-gradient(bottom, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: -ms-linear-gradient(bottom, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: -o-linear-gradient(bottom, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #FFDFA8), color-stop(0.02, #FFCE7B), color-stop(0.97, #EBA42D), color-stop(1.0, #B3802B)); background: linear-gradient(bottom, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); } #p-support h5 { display:none; } span.updatedmarker { background-color: lime; color: black; } /* TEST CASES */ .adk_wigo_icon a, .adk_wigo_icon strong { background-repeat: no-repeat; background-attachment: scroll; padding-top:44px; height:20px; overflow: hidden; width:64px; text-indent:-9999px; display:block; margin:auto; float:left; } .adk_wigo_icon a:hover { background-position: 0px -64px; background-image: no-repeat; } #adk_wigo_blogs a { background-image: url("http://rationalwiki.org/w/images/b/b8/Wigo_blog.png"); } #adk_wigo_clogs a { background-image: url("http://rationalwiki.org/w/images/6/6e/Wigo_clog.png"); } #adk_wigo_world a { background-image: url("http://rationalwiki.org/w/images/d/df/Wigo_world.png"); } #adk_wigo_bar a { background-image: url("http://rationalwiki.org/w/images/4/47/Wigo_bar.png"); } /*Media queries*/ /*Full screen*/ @media all and (min-width: 1200px) { .adk_mp_right { width:60%; padding-left:0.2em; float:right; } .adk_mp_left { width:40%; padding-right:0.2em; } .adk_mp_portal_right { width:50%; float:right; } .adk_mp_portal_left { width:50%; } } /*Medium screen*/ @media all and (min-width: 901px) and (max-width: 1199px) { .adk_mp_right { width:50%; padding-left:0.2em; float:right; } .adk_mp_left { width:50%; padding-right:0.2em; } .adk_mp_portal_right { margin-left:0%; } .adk_mp_portal_left { margin-right:0%; } } /*Mobile screen*/ @media all and (max-width: 900px) { .adk_mp_right { } .adk_mp_left { } .adk_wigo_icon { float:left; } .adk_wigo_blurb { display:none; } .adk_portal_list { display:none; } }