MediaWiki:Vector.css

From RationalWiki
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;
  }
}
Retrieved from "https://rationalwiki.org/w/index.php?title=MediaWiki:Vector.css&oldid=1852535"