MediaWiki:Metrolook.css: Difference between revisions

 
m Protected "MediaWiki:Metrolook.css": High traffic page ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))
 
(3 intermediate revisions by one other user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Metrolook skin */
/* CSS placed here will affect users of the Metrolook skin */
/* CSS placed here will affect users of the Vector skin */
/* CSS placed here will affect users of the Vector skin */
/* positioning for custom logos and whatnot */
.logothing {
display: block;
width: 160px;
position: absolute;
left: -12.2em;
top: -2.8em;
background: none;
}
<style>
<style>
@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
Line 151: Line 140:
border:0;
border:0;
background-color:#4c4c4c
background-color:#4c4c4c
}
#mw-navigation div#mw-panel div.portal{
background-image:none;
border-top:0px solid #4c4c4c
}
#mw-navigation div#mw-panel div.portal#p-logo,#mw-navigation div#mw-panel div.portal#p-navigation{
border-top:none
}
}
html{
html{
Line 236: Line 218:
-o-transition:margin-left 250ms,padding 250ms;
-o-transition:margin-left 250ms,padding 250ms;
transition:margin-left 250ms,padding 250ms
transition:margin-left 250ms,padding 250ms
}
body.vector-animateLayout #p-logo{
-webkit-transition:left 250ms;
-moz-transition:left 250ms;
-o-transition:left 250ms;
transition:left 250ms
}
}
body.vector-animateLayout #mw-panel{
body.vector-animateLayout #mw-panel{
Line 281: Line 257:
margin:0;
margin:0;
padding-left:10em
padding-left:10em
}
#p-personal li{
line-height:1.125em;
float:left;
margin-left:.75em;
margin-top:.5em;
font-size:.75em;
white-space:nowrap
}
#pt-userpage,#pt-anonuserpage{
background-position:left top;
background-repeat:no-repeat;
background-image:url('skins/Vector/images/user-icon.png');
background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */
url('skins/Vector/images/user-icon.svg');
background-image:linear-gradient(transparent, transparent),/* @embed */
url('skins/Vector/images/user-icon.svg');
padding-left:15px !important
}
}
#p-search{
#p-search{