|
|
(12 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | blockquote {display:inline-block !important; border-left:none}
| + | @media (max-width: 40em) { |
− | textarea, input#wpSummary {width:100%;}
| + | /* Hide column labels */ |
− | .breakout{background-color:#F0F0F0;}
| + | .filehistory thead tr { |
− | .breakout th{background-color:#DDD;color:#555;text-align:center;padding:.3em;}
| + | position: absolute; |
− | .breakout td:nth-of-type(1){text-align:left;}
| + | top: -9999em; |
− | .bottomtemplate{background:#F0F0F0;padding:5px;}
| + | left: -9999em; |
− | .bottomtemphead{background:#DDD;color:#555;text-align:center;} | + | } |
− | .bottomtempalt{background-color:#CCC;font-size:.8em;padding:0.5rem;}
| + | .filehistory tr { |
− | .bottomtemptext, .bottomtemptext p{font-size:.8em !important;}
| + | border-bottom: 0; |
− | .expanded {max-width: none !important;}
| + | } |
− | #f-message {float:left; font-size:0.8em;}
| + | /* Leave a space between table rows */ |
− | #f-list {float:right; font-size:0.8em;}
| + | .filehistory tr + .filehistory tr { |
− | #privacy, #about, #disclaimer, #f-designby {display: inline !important;}
| + | margin-top: 1.5em; |
− | #f-viewcount {display:block;}
| + | } |
− | #wpTextbox1 {width:100%;}
| + | .filehistory th {display:none;} |
− | .tright {padding: 0 0 1rem 1rem;} | + | /* Get table cells to act like rows */ |
− | .mw-recentchanges-table input[type=submit] {margin-left: 5px;}
| + | .filehistory tr, |
− | .button span {font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; !important;}
| + | .filehistory td { |
− | .bits-bar, .bits-bar .has-form, .bits-bar .top-bar-section ul li.active > a , .bits-bar .top-bar-section .dropdown li a{background:#0165A9 !important;}
| + | display: block; |
− | .bits-bar input {border: 1px solid #4b92bf;} | + | } |
− | .bits-bar button {background: #4b92bf !important; box-shadow: none !important;} | + | .filehistory td { |
− | .bits-bar .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"]{border-color: #015188 !important;}
| + | border: none; |
− | .bits-bar .top-bar-section .dropdown li a:hover {background-color: #015188 !important;}
| + | /* Leave a space for data labels */ |
− | ul#preftoc {list-style:none;}
| + | padding-left: 50%; |
− | ul#preftoc li.selected {
| + | } |
− | background: #2ba6cb;
| + | /* Add data labels */ |
− | color: #FFF;
| + | .filehistory td:before { |
− | padding: 0.5em;
| + | content: attr(data-label) " "; |
− | } | + | display: block; |
− | ul#preftoc li.selected a {color:#FFF; font-weight:bold;}
| |
− | ul#preftoc li {
| |
− | display: inline;
| |
− | background: #EEE;
| |
− | padding: 0.5em;
| |
− | border-right: 1px solid #DDD;
| |
− | border-top: 1px solid #DDD;
| |
− | } | |
− | div[itemtype="http://schema.org/Book"] .breakout a[href$='.pdf']::before {
| |
− | content: "PDF";
| |
− | color: #FFF;
| |
− | font-weight: bold;
| |
− | background: red;
| |
− | position: absolute;
| |
− | width: 32px;
| |
− | bottom: 0;
| |
− | right: 0;
| |
− | } | |
− | a[href$='.pdf'][class='image']::before {
| |
− | content: "PDF";
| |
− | color: #FFF;
| |
− | font-weight: bold;
| |
− | background: red;
| |
− | position: absolute;
| |
− | width: 32px;
| |
− | bottom: 0;
| |
− | right: 0;
| |
− | }
| |
− | .scanbox a[href$='.pdf'] {
| |
− | display: inline-block;
| |
− | position: relative;
| |
− | } | |
− | a.image {
| |
− | position: relative;
| |
− | display: inline-block;
| |
− | }
| |
− | .scanbox a[href$='.pdf']::before { | |
− | content: "PDF"; | |
− | font-family: "Open Sans",Helvetica,Arial,sans-serif;
| |
− | background: red; | |
− | color: white;
| |
| font-weight: bold; | | font-weight: bold; |
− | height: 8px;
| + | } |
− | width: 18px;
| |
− | font-size: 7px;
| |
− | display: inline-block;
| |
− | position: absolute;
| |
− | z-index: 99;
| |
− | line-height: 8px;
| |
− | bottom: 0;
| |
− | right: 0;
| |
− | } | |
− | .top-bar, .top-bar-section .has-form {
| |
− | background: #0E0E0E !important;
| |
− | }
| |
− | .mw-input input[type="submit"] {
| |
− | padding: 5px 10px 6px;
| |
− | border: 0 none;
| |
− | }
| |
− | td.mw-label {
| |
− | width: 10%;
| |
− | }
| |
− | td.mw-input {
| |
− | width: auto;
| |
− | }
| |
− | input[type="file"], input[type="checkbox"], input[type="radio"], select {
| |
− | padding: 5px;
| |
− | margin: 0 5px;
| |
− | }
| |
− | input#tagfilter {
| |
− | margin-left: 5px;
| |
− | }
| |
− | div.tleft, div.floatleft, table.floatleft {
| |
− | margin: 0 1.5rem 1.5rem 0;
| |
− | }
| |
− | #mw-content-text ul {
| |
− | display: inherit;
| |
− | margin: 0.5rem;
| |
− | }
| |
− | @media only screen and (min-width: 550px) {
| |
− | .ulin ul {
| |
− | display: inline-block;
| |
− | }}
| |
− | @media only screen and (max-width: 480px){
| |
− | .bobscreen, .bobscreen img {
| |
− | max-width: 100% !important;
| |
− | width: 100% !important;
| |
− | }
| |
− | .breakout {
| |
− | width: inherit !important;
| |
− | max-width: 100% !important;
| |
− | padding: 0px;
| |
− | float: none !important;
| |
− | margin: 0 auto;
| |
− | display: inline-block !important;
| |
− | position: relative;
| |
− | margin-left: 0 !important;
| |
− | }
| |
− | .breakout .breakout {
| |
− | float: left;
| |
− | display:table;
| |
− | width: 100% !important;
| |
− | max-width: initial !important;
| |
− | }
| |
− | }
| |
− | table tr.even, table tr.alt, table tr:nth-of-type(even) {
| |
− | background: #f7f7f7;
| |
− | }
| |
− | table tr th, table tr td {
| |
− | padding: 0.5625em 0.625em;
| |
− | font-size: 1em;
| |
− | color: #222222;
| |
− | }
| |
− | #footer {display:flex; flex-direction:row}
| |
− | dt.unpatrolled {color: #A02A22 !important;}
| |
− | a.skip-main {
| |
− | left:-999px;
| |
− | position:absolute;
| |
− | top:auto;
| |
− | width:1px;
| |
− | height:1px;
| |
− | overflow:hidden;
| |
− | z-index:-999;
| |
| } | | } |
− | a.skip-main:focus, a.skip-main:active {
| + | /* Stack labels vertically on smaller screens */ |
− | color: #fff; | + | @media (max-width: 20em) { |
− | background-color:#000;
| + | .filehistory td { |
− | left: auto;
| + | padding-left: 0.75em; |
− | top: auto;
| + | } |
− | width: 30%;
| + | .filehistory td:before { |
− | height: auto; | + | display: block; |
− | overflow:auto;
| + | margin-bottom: 0.75em; |
− | margin: 10px 35%; | + | margin-left: 0; |
− | padding:5px;
| + | } |
− | border-radius: 15px;
| |
− | border:4px solid yellow; | |
− | text-align:center;
| |
− | font-size:1.2em;
| |
− | z-index:999;
| |
| } | | } |