Line 1,540: |
Line 1,540: |
| border:1px solid #A3BFB1; | | border:1px solid #A3BFB1; |
| background-color:#51565B | | background-color:#51565B |
| + | } |
| + | |
| + | /* User Message */ |
| + | .usermessage { |
| + | background-color: #FBE7DF; |
| + | border: 2px solid #B01E00; |
| + | border-top: 0; |
| + | color: black; |
| + | font-weight: normal; |
| + | margin: 0; |
| + | padding: .25em .5em; |
| + | vertical-align: middle; |
| + | } |
| + | |
| + | #wpUploadDescription{ |
| + | height:300px; |
| + | } |
| + | .postedit-container { |
| + | position: fixed; |
| + | top:auto; |
| + | bottom: 0; |
| + | height:auto; |
| + | left:0; |
| + | width:100%; |
| + | } |
| + | .postedit-container:hover { |
| + | cursor: pointer; |
| + | } |
| + | |
| + | .postedit { |
| + | left:-35px; |
| + | padding: .6em 3.6em .6em 1.1em; |
| + | line-height: 1.5625em; |
| + | color: #000; |
| + | background-color: #fff; |
| + | border:0; |
| + | border-top: 2px solid #000; |
| + | text-shadow: 0; |
| + | border-radius: 0; |
| + | -webkit-box-shadow: 0; |
| + | box-shadow: 0; |
| + | -webkit-transition: all 0.25s ease-in-out; |
| + | -moz-transition: all 0.25s ease-in-out; |
| + | -ms-transition: all 0.25s ease-in-out; |
| + | -o-transition: all 0.25s ease-in-out; |
| + | transition: all 0.25s ease-in-out; |
| + | text-align:center; |
| + | } |
| + | |
| + | .postedit-faded { |
| + | opacity: 0; |
| + | } |
| + | |
| + | .postedit-icon-checkmark { |
| + | /* @embed */ |
| + | background-image: url(/pictures/checkmark.png); |
| + | background-position: left; |
| + | } |
| + | |
| + | .postedit-close { |
| + | position: absolute; |
| + | padding: 0 .8em; |
| + | right: 0; |
| + | top: 0; |
| + | font-size: 1.5em; |
| + | font-weight: bold; |
| + | line-height: 2.2em; |
| + | color: black; |
| + | text-shadow:0; |
| + | text-decoration: none; |
| + | opacity: 1; |
| + | filter: alpha(opacity=100); |
| + | } |
| + | |
| + | .postedit-close:hover { |
| + | color: black; |
| + | text-decoration: none; |
| + | opacity: 0.8; |
| + | filter: alpha(opacity=80); |
| + | } |
| + | |
| + | #mw-panel { overflow-y:auto; } |
| + | @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; |
| + | } |
| + | div#content { |
| + | top:40px; |
| + | width:100%; |
| + | margin-left:0; |
| + | } |
| + | #hamburgerIcon { |
| + | position:static; |
| + | top:auto; |
| + | width:50px; |
| + | height:40px; |
| + | float:left; |
| + | display:block; |
| + | } |
| + | #hamburgerIcon:hover { |
| + | background:#9F6F40; |
| + | } |
| + | #hamburgerIcon img { |
| + | padding:0 5px; |
| + | } |
| + | #hamburgerIcon span { |
| + | display:none; |
| + | } |
| + | #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); |
| + | } |
| + | div.actionmenu ul { |
| + | position:fixed; |
| + | border:0; |
| + | border-top:solid 2px #CF8B54; |
| + | margin-left:0; |
| + | bottom:40px; |
| + | left:0; |
| + | width:100vw; |
| + | } |
| + | } |
| + | @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; } |
| + | .full { width: auto; max-width:820px; } |
| + | .reply { width: auto; max-width:750px; } |
| + | .f-message { width: auto; } |
| + | .r-message { width: auto; } |
| + | .mw-cookiewarning-container { |
| + | background: #fff; |
| + | color: #000; |
| + | border-top: 2px solid black; |
| + | opacity:1; |
| + | text-align:center; |
| + | font-weight:300; |
| + | padding:7.5px; |
| + | } |
| + | .mw-cookiewarning-text .mw-cookiewarning-dismiss, .mw-cookiewarning-text a { |
| + | border-radius: 0; |
| + | line-height:1.5; |
| } | | } |