Difference between revisions of "MediaWiki:Vector.css"

From HORTS 1993
Jump to navigation Jump to search
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
@import url(https://fonts.googleapis.com/css?family=Forum);
@import url(https://fonts.googleapis.com/css?family=Cutive+Mono);
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');
@import url(https://fonts.googleapis.com/css?family=Play);
.mw-editsection { color:#b3b3b3 !important; font-size: 75% !important;}
#toc { float: right; font-size: 85% !important; }


body, H1, H2, H3, H4, .firstHeading, #firstHeading {
body, H1, H2, H3, H4, .firstHeading, #firstHeading {
       font-family: 'Titillium Web', sans-serif !important;
       font-family: 'Play', sans-serif !important;


}
}
.firstHeading, #firstHeading {
.firstHeading, #firstHeading {
       font-size: 130% !important;
       font-size: 125% !important;
}
}
H1 {
H1 {
       font-size: 120% !important;
       font-size: 115% !important;
      color: #008080 !important;
}
}
H2 {
H2 {
       font-size: 110% !important;
       font-size: 105% !important;
      color: #20B2AA !important;
 
}
}
H3 {
H3 {
       font-size: 100% !important;
       font-size: 95% !important;
      color: #20B2AA !important;
 
}
}
H4 {
H4 {
Line 22: Line 34:


.mw-head, #mw-head {
.mw-head, #mw-head {
       background-color:#012A2F;
       background: linear-gradient(to right, #262626, #1e7b7b);  
}
}
.portal {
.portal {
       font-size: 100% !important;
       font-size: 97% !important;
       font-weight: bold !important;
       font-weight: bold !important;
}
#p-navigation a {
    display: block;
    color:YELLOW;
}
#left-navigation, #right-navigation  {
margin-top: 2.24em !important;
}
/*
Styling for namespace tabs (page, discussion) and views (read, edit, view history, watch and other actions)
*/
/* Navigation Labels */
div.vectorTabs h3 {
display: none;
}
/* Namespaces and Views */
div.vectorTabs {
/* @noflip */
float: left;
height: 1.8em;
padding-left: 1px;
margin-top: 1em;
ul {
/* @noflip */
float: left;
height: 100%;
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
li {
/* @noflip */
float: left;
/* For IE6, overridden later to display:block by modern browsers */
display: inline-block;
height: 100%;
margin: 0;
padding-right:5px;
padding-left:5px;
background-color: #f3f3f3;
border-radius: 5px 5px 0px 0px;
}
/* IGNORED BY IE6 which doesn't support child selector */
> li {
display: block;
}
}
li {
&.new {
a,
a:visited{
color: #a55858;
}
}
&.selected {
.background-image('images/tab-current-fade.png');
a,
a:visited{
color: #333;
text-decoration: none;
}
}
&.icon {
a {
background-position: bottom right;
background-repeat: no-repeat;
}
}
a {
/* For IE6, overridden later to display:block by modern browsers */
display: inline-block;
height: 1.5em;
padding-left: 0.5em;
padding-right: 0.5em;
color: @menu-link-color;
cursor: pointer;
font-size: 0.8em;
}
/* Ignored by IE6 which doesn't support child selector */
> a {
display: block;
}
}
span {
display: inline-block;
a  {
/* For IE6, overridden later to display:block by modern browsers */
display: inline-block;
padding-top: 0.4em;
}
/* Ignored by IE6 which doesn't support child selector */
> a {
/* @noflip */
float: left;
display: block;
}
}
}
/* Variants and Actions */
div.vectorMenu {
/* @noflip */
direction: ltr;
/* @noflip */
float: left;
cursor: pointer;
position: relative;
}
body.rtl div.vectorMenu {
/* @noflip */
direction: rtl;
}
div#mw-head div.vectorMenu h3 {
/* @noflip */
float: left;
font-size: 1em;
height: 2.3em;
// This effectively moves the "background border" outside of the element to act like a real
// border. It is necessary for the dropdown (div.vectorMenu div.menu) to align well.
padding-right: 1px;
margin-right: -1px;
}
div.vectorMenu h3 span {
display: block;
font-size: 0.8em;
padding-left: 0.7em;
padding-top: 1em;
margin-right: 20px;
font-weight: normal;
color: @menu-main-heading-color;
}
div.vectorMenu h3 a {
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 2.3em;
.background-image-svg('images/arrow-down-icon.svg', 'images/arrow-down-icon.png');
background-position: 100% 70%;
background-repeat: no-repeat;
.transition(background-position 250ms);
}
div.vectorMenu.menuForceShow h3 a {
background-position: 100% 100%;
}
div.vectorMenuFocus h3 a {
.background-image-svg('images/arrow-down-focus-icon.svg', 'images/arrow-down-focus-icon.png');
}
div.vectorMenu div.menu {
// Match the width of the dropdown "heading" (the tab)
min-width: 100%;
position: absolute;
top: 2.3em;
left: -1px;
background-color: white;
border: solid 1px silver;
border-top-width: 0;
clear: both;
text-align: left;
display: none;
// overlap indicators (which has z-index 1, too)
z-index: 1;
}
/* Enable forcing showing of the menu for accessibility */
div.vectorMenu:hover div.menu,
div.vectorMenu.menuForceShow div.menu {
display: block;
}
div.vectorMenu ul {
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
text-align: left;
}
/* Fixes old versions of FireFox */
div.vectorMenu ul,
x:-moz-any-link {
min-width: 5em;
}
/* Returns things back to normal in modern versions of FireFox */
div.vectorMenu ul,
x:-moz-any-link,
x:default {
min-width: 0;
}
div.vectorMenu li {
padding: 0;
margin: 0;
text-align: left;
line-height: 1em;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorMenu li a {
display: inline-block;
padding: 0.5em;
white-space: nowrap;
color: @menu-link-color;
cursor: pointer;
font-size: 0.8em;
}
/* IGNORED BY IE6 */
div.vectorMenu li > a {
display: block;
}
div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
color: #333;
text-decoration: none;
}
}

Latest revision as of 14:19, 23 June 2016

@import url(https://fonts.googleapis.com/css?family=Forum);
@import url(https://fonts.googleapis.com/css?family=Cutive+Mono);
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');
@import url(https://fonts.googleapis.com/css?family=Play);

.mw-editsection { color:#b3b3b3 !important; font-size: 75% !important;}

#toc { float: right; font-size: 85% !important; }

body, H1, H2, H3, H4, .firstHeading, #firstHeading {
      font-family: 'Play', sans-serif !important;

}
.firstHeading, #firstHeading {
      font-size: 125% !important;
}
H1 {
      font-size: 115% !important;
      color: #008080 !important;
}
H2 {
      font-size: 105% !important;
      color: #20B2AA !important;

}
H3 {
      font-size: 95% !important;
      color: #20B2AA !important;

}
H4 {
      font-size: 90% !important;
}

.mw-head, #mw-head {
      background: linear-gradient(to right, #262626, #1e7b7b); 
}
.portal {
      font-size: 97% !important;
      font-weight: bold !important;
}
Retrieved from "http://horts.in/index.php?title=MediaWiki:Vector.css&oldid=934"