Join the PidgiNet Discord! https://discord.gg/Eg9QahqpXf
Difference between revisions of "User:Pika3323/metrolook.css"
on PidgiWiki, the video game media repository
(Created page with "#mw-panel{ left:-168px !important; background:#f3f3f3; transition:left 0.2s; } #content{ margin-left:0 !important; width:calc(100% - 160px) !important; } #mw-panel:hover{ left...") |
|||
Line 11: | Line 11: | ||
left:0 !important; | left:0 !important; | ||
} | } | ||
+ | @media (max-width:768px) { | ||
+ | #username-text { | ||
+ | display:none; | ||
+ | } | ||
+ | #left-navigation { | ||
+ | display:none; | ||
+ | position:fixed; | ||
+ | top:auto; | ||
+ | bottom:0px; | ||
+ | left:auto; | ||
+ | z-index:1000; | ||
+ | list-style:none; | ||
+ | padding:0; | ||
+ | margin:0 auto; | ||
+ | line-height:1.5em; | ||
+ | background:#CF8B54; | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | } | ||
+ | #siteLogoBar { | ||
+ | width:165px; | ||
+ | float:none; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | div#mw-panel { | ||
+ | display:none; | ||
+ | top:40px; | ||
+ | background:#f3f3f3; | ||
+ | } | ||
+ | div#content { | ||
+ | top:40px; | ||
+ | width:100%; | ||
+ | margin-left:0; | ||
+ | } | ||
+ | #hamburgerIcon { | ||
+ | width:50px; | ||
+ | height:40px; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | } | ||
+ | #hamburgerIcon:hover { | ||
+ | background:#9F6F40; | ||
+ | } | ||
+ | #hamburgerIcon img { | ||
+ | padding:0 5px; | ||
+ | } | ||
+ | #userIcon20 { | ||
+ | display:none; | ||
+ | } | ||
+ | #userIcon40 { | ||
+ | display:block; | ||
+ | } | ||
+ | #usermenu { | ||
+ | right:0px; | ||
+ | padding-right:0px; | ||
+ | padding-left:5px; | ||
+ | } | ||
+ | #editbutton { | ||
+ | cursor:pointer; | ||
+ | display:block; | ||
+ | float:right; | ||
+ | width:40px; | ||
+ | height:40px; | ||
+ | margin:8px; | ||
+ | background-image: url(/wiki/skins/metrolook/images/edit-icon.png); | ||
+ | } | ||
+ | #editbutton:hover { | ||
+ | background:#E0E0E0; | ||
+ | background-image: url(/wiki/skins/metrolook/images/edit-icon-hover.png); | ||
+ | } | ||
+ | } | ||
+ | @media (max-width:600px) { | ||
+ | #jcctile { | ||
+ | clear:left; | ||
+ | } | ||
+ | #tilegrouptable { | ||
+ | width:260px; | ||
+ | height:260px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | #tilegroup { | ||
+ | padding-left:0px; | ||
+ | width:260px; | ||
+ | height:260px; | ||
+ | } | ||
+ | #top-tile-bar { | ||
+ | height:330px; | ||
+ | } | ||
+ | .tilebar { | ||
+ | height:330px; | ||
+ | } | ||
+ | } | ||
+ | @-ms-viewport { width: device-width; } | ||
+ | @-o-viewport { width: device-width; } | ||
+ | @viewport { width: device-width; } |
Revision as of 17:50, 21 December 2014
#mw-panel{ left:-168px !important; background:#f3f3f3; transition:left 0.2s; } #content{ margin-left:0 !important; width:calc(100% - 160px) !important; } #mw-panel:hover{ left:0 !important; } @media (max-width:768px) { #username-text { display:none; } #left-navigation { display:none; position:fixed; top:auto; bottom:0px; left:auto; z-index:1000; list-style:none; padding:0; margin:0 auto; line-height:1.5em; background:#CF8B54; width:100%; text-align:center; } #siteLogoBar { width:165px; float:none; margin:0 auto; } div#mw-panel { display:none; top:40px; background:#f3f3f3; } div#content { top:40px; width:100%; margin-left:0; } #hamburgerIcon { width:50px; height:40px; float:left; display:block; } #hamburgerIcon:hover { background:#9F6F40; } #hamburgerIcon img { padding:0 5px; } #userIcon20 { display:none; } #userIcon40 { display:block; } #usermenu { right:0px; padding-right:0px; padding-left:5px; } #editbutton { cursor:pointer; display:block; float:right; width:40px; height:40px; margin:8px; background-image: url(/wiki/skins/metrolook/images/edit-icon.png); } #editbutton:hover { background:#E0E0E0; background-image: url(/wiki/skins/metrolook/images/edit-icon-hover.png); } } @media (max-width:600px) { #jcctile { clear:left; } #tilegrouptable { width:260px; height:260px; margin:0 auto; } #tilegroup { padding-left:0px; width:260px; height:260px; } #top-tile-bar { height:330px; } .tilebar { height:330px; } } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; }