User

Tom Hutchison/jforeground.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.
/* 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 {
    width: 100%;
    display: table;
}
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;
}
table.new-responsive tr td:first-child:before {
    display: none;
}
}
@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;
}
}
textarea#wpTestFilter {
    width: 100%;
}