MediaWiki:Vector.css
Jump to navigation
Jump to search
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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Vector skin */
/*Main page skin*/
.mp_header {
width:100%;
border-spacing:0;
border: none;f
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;
margin-top:-2em;
}
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("/w/images/b/b8/Wigo_blog.png");
}
#adk_wigo_clogs a {
background-image: url("/w/images/6/6e/Wigo_clog.png");
}
#adk_wigo_world a {
background-image: url("/w/images/d/df/Wigo_world.png");
}
#adk_wigo_bar a {
background-image: url("/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;
}
}