The 2024 Legal Defense Fundraiser has ended early due to the Board's decision to settle the suit. Donations will go towards the creation of a legal defense fund. Discussion on the matter can be found at the RationalMedia Foundation noticeboard. Thank you for your generous support.

Information icon.svg Campaigning is open for the RationalWiki 2024 Board of Trustees election.

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;
  }
}