MediaWiki:Vector.css: Difference between revisions

From Linguifex
Jump to navigation Jump to search
Pardon me if it doesn't work.
 
No edit summary
 
(3 intermediate revisions by one other user not shown)
Line 80: Line 80:
.mp_section_header {
.mp_section_header {
   border-bottom:thin solid #CCC;
   border-bottom:thin solid #CCC;
  font-size:larger;
  text-align:left;
}
.mp_cerebro_header {
  border-bottom:thin solid #FFF;
   font-size:larger;
   font-size:larger;
   text-align:left;
   text-align:left;
Line 100: Line 106:
   background:-webkit-gradient(linear, 0% 0%, 0% 40%, from(#D0F0C0), to(#FFF));
   background:-webkit-gradient(linear, 0% 0%, 0% 40%, from(#D0F0C0), to(#FFF));
   background: linear-gradient( top, #D0F0C0 0%, #FFF 40% );
   background: linear-gradient( top, #D0F0C0 0%, #FFF 40% );
}
.mp_cerebro_border {
  background: #6D9EFF;
  background:-moz-linear-gradient( top, #6D9EFF 0%, #FFF 100% );
  background:-o-linear-gradient( top, #6D9EFF 0%, #FFF 100% );
  background:-ms-linear-gradient( top, #6D9EFF 0%, #FFF 100% );
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#6D9EFF ), to(#FFF));
  background: linear-gradient( top, #6D9EFF 0%, #FFF 100% );
}
.mp_cerebro_inside {
  background: #FFF;
  background:-moz-linear-gradient( top, #a0c0ff 0%, #FFF 40% );
  background:-o-linear-gradient( top, #a0c0ff 0%, #FFF 40% );
  background:-ms-linear-gradient( top, #a0c0ff 0%, #FFF 40% );
  background:-webkit-gradient(linear, 0% 0%, 0% 40%, from(#a0c0ff ), to(#FFF));
  background: linear-gradient( top, #a0c0ff 0%, #FFF 40% );
}
}


Line 123: Line 147:
   border-color:transparent !important;
   border-color:transparent !important;
}
}
/* CSS placed here will affect users of the Vector skin. */
/*<nowiki>*/
/* Move the top portlet links 0.5 em upwards. */
body.skin-vector-legacy #left-navigation {margin-top: 2em;}
body.skin-vector-legacy #right-navigation {margin-top: 2em;}
body.skin-vector-legacy #mw-head-base {height: 4.5em;}
/* [[Wiktionary:Beer_parlour#Heading level 4 appearance]]:
* h3 is 120% 1.2em, and h5 is 100%. make h4 110% = 1.1em.
* increase h3 to 125% to compensate, since otherwise h3 and h4 are too similar. */
@media screen {
.vector-body .mw-heading3, .vector-body h3 {
font-size: 1.25em;
}
.vector-body .mw-heading4, .vector-body h4 {
font-size: 1.1em;
}
}
/*</nowiki>*/

Latest revision as of 21:59, 6 November 2025

/* 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_cerebro_header {
  border-bottom:thin solid #FFF;
  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_cerebro_border {
  background: #6D9EFF;
  background:-moz-linear-gradient( top, #6D9EFF 0%, #FFF 100% );
  background:-o-linear-gradient( top, #6D9EFF 0%, #FFF 100% );
  background:-ms-linear-gradient( top, #6D9EFF 0%, #FFF 100% );
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#6D9EFF ), to(#FFF));
  background: linear-gradient( top, #6D9EFF 0%, #FFF 100% );
}

.mp_cerebro_inside {
  background: #FFF;
  background:-moz-linear-gradient( top, #a0c0ff 0%, #FFF 40% );
  background:-o-linear-gradient( top, #a0c0ff 0%, #FFF 40% );
  background:-ms-linear-gradient( top, #a0c0ff 0%, #FFF 40% );
  background:-webkit-gradient(linear, 0% 0%, 0% 40%, from(#a0c0ff ), to(#FFF));
  background: linear-gradient( top, #a0c0ff 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;
}

/* CSS placed here will affect users of the Vector skin. */
/*<nowiki>*/

/* Move the top portlet links 0.5 em upwards. */
body.skin-vector-legacy #left-navigation {margin-top: 2em;}
body.skin-vector-legacy #right-navigation {margin-top: 2em;}
body.skin-vector-legacy #mw-head-base {height: 4.5em;}

/* [[Wiktionary:Beer_parlour#Heading level 4 appearance]]:
	* h3 is 120% 1.2em, and h5 is 100%. make h4 110% = 1.1em.
	* increase h3 to 125% to compensate, since otherwise h3 and h4 are too similar. */
@media screen {
	.vector-body .mw-heading3, .vector-body h3 {
		font-size: 1.25em;
	}
	.vector-body .mw-heading4, .vector-body h4 {
		font-size: 1.1em;
	}
}

/*</nowiki>*/