MediaWiki:Vector.css: Difference between revisions

testing comments css
Undo revision 37751 by Lawiki1534 (talk)
Tag: Undo
Line 93: Line 93:
#left-navigation div.vectorTabs,#right-navigation div.vectorTabs{
#left-navigation div.vectorTabs,#right-navigation div.vectorTabs{
background-image:inherit;
background-image:inherit;
background-color:#250b2d
background-color:#e87057;
 
}
}
#left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul{
#left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul{
background-color:#250b2d
background-color:#e87057
}
}
#left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li{
#left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li{
background-color:#222;
background-color:#222;
background-image:-moz-linear-gradient(top, #2e2e2e 20%, #222 100%);
background-image:-moz-linear-gradient(top, #8c4434 20%, #8c4434 100%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #2e2e2e), color-stop(100%, #222));
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #8c4434), color-stop(100%, #8c4434));
background-image:-webkit-linear-gradient(top, #2e2e2e 20%, #222 100%);
background-image:-webkit-linear-gradient(top, #8c4434 20%, #8c4434 100%);
background-image:linear-gradient(#2e2e2e 20%, #222 100%)
background-image:linear-gradient(#e67860 20%, #8c4434 100%)
}
}
#left-navigation div.vectorTabs li.new a,#right-navigation div.vectorTabs li.new a,#left-navigation div.vectorTabs li.new a:visited,#right-navigation div.vectorTabs li.new a:visited{
#left-navigation div.vectorTabs li.new a,#right-navigation div.vectorTabs li.new a,#left-navigation div.vectorTabs li.new a:visited,#right-navigation div.vectorTabs li.new a:visited{
color:#ff4a24
color:#FFFFFF;
}
}
#left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected{
#left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected{
background-color:#333;
background-color:#333;
background-image:-moz-linear-gradient(top, #e87057 0, #333 10%);
background-image:-moz-linear-gradient(top, #ffa896 0, #ffa896 10%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e87057), color-stop(10%, #333));
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa896), color-stop(10%, #ffa896));
background-image:-webkit-linear-gradient(top, #e87057 0, #333 10%);
background-image:-webkit-linear-gradient(top, #ffa896 0, #ffa896 10%);
background-image:linear-gradient(#e87057 0, #333 10%)
background-image:linear-gradient(#ffa896 0, #e87057 50%)
}
}
#left-navigation div.vectorTabs li.selected a,#right-navigation div.vectorTabs li.selected a,#left-navigation div.vectorTabs li.selected a:visited,#right-navigation div.vectorTabs li.selected a:visited{
#left-navigation div.vectorTabs li.selected a,#right-navigation div.vectorTabs li.selected a,#left-navigation div.vectorTabs li.selected a:visited,#right-navigation div.vectorTabs li.selected a:visited{
color:#e87057
color:#FFFFFF
}
}
#left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a{
#left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a{
color:#e87057
color:#FFFFFF
}
}
#left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span{
#left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span{
Line 159: Line 160:
}
}
html{
html{
font-size:100%
font-size:100%;
}
}
html,body{
html,body{
Line 172: Line 173:
margin-left:10em;
margin-left:10em;
padding:1em;
padding:1em;
border:1px solid #250b2d;
border:1px solid #e87057;
border-right-width:0;
border-right-width:0;
margin-top:-1px;
margin-top:-1px;
Line 313: Line 314:
div#simpleSearch{
div#simpleSearch{
display:block;
display:block;
width:12.6em;
width:12.5em;
padding-right:1.4em;
padding-right:1.5em;
height:1.4em;
height:1.4em;
margin-top:.65em;
margin-top:.65em;
position:relative;
position:relative;
min-height:1px;
min-height:2px;
border:solid 1px #aaa;
border:solid 2px #e87057;
color:black;
color:black;
background-color:white;
background-color:1c1c1c;
background-image:/* @embed */
background-image:/* @embed */
url('skins/Vector/images/search-fade.png');
background-repeat:repeat-x;
background-position:top left;
border-radius:0px;
background-repeat:repeat-x
box-shadow: -0px -0px #262626;
}
}
div#simpleSearch input{
div#simpleSearch input{
Line 332: Line 333:
border:0;
border:0;
background-color:transparent;
background-color:transparent;
color:black
color:#c1c1c1
}
}
div#simpleSearch #searchInput{
div#simpleSearch #searchInput{
Line 466: Line 467:
float:left;
float:left;
cursor:pointer;
cursor:pointer;
position:relative
position:relative;
}
}
body.rtl div.vectorMenu{
body.rtl div.vectorMenu{
Line 491: Line 492:
font-weight:normal;
font-weight:normal;
color:#4d4d4d
color:#4d4d4d
}
div.vectorMenu li a{
transition: 0.4s
}
div.vectorMenu li:hover a{
background-color:#383838;
color:  #f54f2c
}
}
div.vectorMenu h3 a{
div.vectorMenu h3 a{
Line 685: Line 693:
background-repeat:repeat-x;
background-repeat:repeat-x;
background-image:url('skins/Vector/images/page-fade.png');
background-image:url('skins/Vector/images/page-fade.png');
background-color:#2a2a2a;
background-color:1c1c1c;
background-image:-moz-linear-gradient(top, #333 50%, #2a2a2a 100%);
background-image:-moz-linear-gradient(top, #333 50%, #2a2a2a 100%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #2a2a2a));
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #2a2a2a));
Line 900: Line 908:
   
   
::-webkit-scrollbar-track {
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1) !important;
-webkit-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
border-radius: 0px !important;
Line 909: Line 917:
border-radius: 0px !important;
border-radius: 0px !important;
background: #d13c17 !important;  
background: #d13c17 !important;  
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;  
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1) !important;  
}
}
   
   
Line 918: Line 926:
/* Usernames /*
/* Usernames /*


a[href="/wiki/User:ScreamerWiki123"]  { color:#52ffcb !important; font-weight: bold !important; }
a[href="/wiki/User:Screamer1234"]  { color:#52ffcb !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/
ere will be applied to all skins on the entire site. *****/
a[href="/wiki/User:Lawiki1534"]  { color:#2871F7 !important; font-weight: bold !important; }
a[href="/wiki/User:Lawiki1534"]  { color:#2871F7 !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/
ere will be applied to all skins on the entire site. *****/
a[href="/wiki/User:Sump"]  { color:cyan !important; font-weight: bold !important; }
a[href="/wiki/User:Sump"]  { color:cyan !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/
ere will be applied to all skins on the entire site. *****/
a[href="/wiki/User:HLDK"]  { color:orange !important; font-weight: bold !important; }
a[href="/wiki/User:HLDK"]  { color:orange !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/
ere will be applied to all skins on the entire site. *****/
a[href="/wiki/User:TheMan5"]  { color:white !important; font-weight: bold !important; }
a[href="/wiki/User:TheMan5"]  { color:white !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
ere will be applied to all skins on the entire site. *****/
ere will be applied to all skins on the entire site. *****/
a[href="/wiki/User:MoekaChiina"]  { color:#db4dff !important; font-weight: bold !important; }
a[href="/wiki/User:MoekaChiina"]  { color:#db4dff !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }
/***** CSS placed ha[href="/wiki/User:USERNAME"]  { color:COLOUR NAME !important; font-weight: bold !important; }