User

Tom Hutchison/foreground.css

From Joomla! Documentation

< User:Tom Hutchison

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Framing images in Help Screens, but not notices */
.ns-138 .ambox-notice a img {
border: none;
padding: 0;
}
.ns-138 .page-content a img {
border: solid 2px #eeeffe;
padding: 3px;
}

/*GSE Fixes*/
.gsc-search-box.gsc-search-box-tools table {
margin:.25em 0;
}

.wikitable.striped {
background: linen;
}

#page-content .center {
text-align:center;
}
table p {
margin:.75em 0 .75em 0
}
table.wikitable > tr > td, table.wikitable > * > tr > td {
border: 3px #fff solid;
padding: 0 .6em;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
padding: .5em .6em;
font-size: .85em;
background-color:gainsboro;
}

@media only screen and (max-width: 480px) {
.version {
font-size: 80%;
display: block;
position: relative;
width: 100%;
text-align: right;
}
}

/* Table Responsive Trick for small screens */
@media screen and (max-width: 1180px) {
	table {
		overflow-x: auto;
		display: inline-block;
	}
}

@media screen and (max-width: 782px) { 
table.new-responsive tbody td:before {
    content: attr(data-th);
    display: block;
    text-align: center;
    font-weight:bold;
    font-size:16px;	
}
}
@media screen and (max-width: 782px) {
table.new-responsive tr td:first-child {
    background: #ddd;
    font-weight: bold;
    font-size: 20px;
    padding:.5em;
}
}
@media screen and (max-width: 782px) {
table.new-responsive thead {
    display: none;
} }
@media screen and (max-width: 782px) {
table.new-responsive tbody tr:first-child {
    display:none;
}
}

@media screen and (max-width: 782px) {
table.new-responsive tbody td {
    display: block !important;
    text-align: center !important;
}
}
@media screen and (max-width: 782px) {
table.new-responsive tbody td ul {
    display: block !important;
    text-align: left
     !important;
}
}