Difference between revisions of "Foreground.css"

From Sega Retro

 
(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;
 
 
}
 
}

Latest revision as of 12:54, 6 September 2020

@media (max-width: 40em) {
  /* Hide column labels */
	.filehistory thead tr {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	.filehistory tr {
    border-bottom: 0;
  }
	/* Leave a space between table rows */
  .filehistory tr + .filehistory tr {
    margin-top: 1.5em;
  }
  .filehistory th {display:none;}
  /* Get table cells to act like rows */
  .filehistory tr,
  .filehistory td {
		display: block;
	}
	.filehistory td {
		border: none;
	/* Leave a space for data labels */
		padding-left: 50%;
	}
	/* Add data labels */
  .filehistory td:before {
    content: attr(data-label) " ";
    display: block;
    font-weight: bold;
  }
}
/* Stack labels vertically on smaller screens */
@media (max-width: 20em) {
  .filehistory  td {
    padding-left: 0.75em;
  }
  .filehistory  td:before {
    display: block;
    margin-bottom: 0.75em;
    margin-left: 0;
  }
}