Common.css
From MusicTechWiki
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 / Edge: 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.
.line-top-bottom {
border: 1px solid #aaa;
border-right: none;
border-left: none;
}
.hlist dd, .hlist dt, .hlist li {
margin: 0;
display: inline;
}
.hlist dl, .hlist ol, .hlist ul {
margin: 0;
padding: 0;
}
.hlist dd:after, .hlist li:after {
content: " · ";
font-weight: 666;
padding:0 5px;
color:#fff;
}
.hlist dd:last-child:after, .hlist li:last-child:after {
content: "";
}
div#mw-content-text .hlist a.external[href ^="https://"] {
background:none;
padding: 0;
}
.hlist {
font-size:90%;
text-align:center;
}
.hlist ul a:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 3px;
}
li.LinkedIn a:before {
content: "\f08c";
}
li.Twitter a:before {
content: "\f099";
}
li.Instagram a:before {
content: "\f16d";
}
li.YouTube a:before {
content: "\f167";
}
li.SoundCloud a:before {
content: "\f0c2";
}
.panel.hlist {
background-color: #2ba6cb;
}
.panel.hlist ul li a {
color: #fff !important;
}
.mw-content-ltr .hlist ul, .mw-content-rtl .mw-content-ltr .hlist ul,
#mw-content-text .hlist ul {
margin:0;
}
form#mw-upload-form {
font-family: sans-serif;
line-height: 1.3;
}
tr.mw-htmlform-field-PFUploadSourceField td.mw-label {
width: 150px;
}
form#pfForm ul {
margin: 0;
}
.jw-display-icon-rewind, .jw-icon-rewind { display:none !important; }
.jw-related-item-title-content > .jw-related-item-title-text { font-size:0px; }
.jw-related-next-up-text + .jw-related-item-title-text { visibility: visible; }
.jw-related-item-title span { overflow:visible !important; white-space:normal !important; }
.jw-related-item-title-text em { visibility:visible; font-size:12px;}
#bloglist
{
float:left;
}
#bloglist ul
{
margin:0px !important;
padding:0px !important;
}
#bloglist ul li b,
#bloglist ul li a
{
padding-left:6px !important;
padding-right:6px !important;
padding-top:0px;
padding-bottom:0px;
height: 24px !important;
line-height:24px !important;
margin-top:0px !important;
margin-bottom:0px !important;
position:relative;
top:-2px;
}
#bloglist ul li
{
height: 24px !important;
font-weight:normal;
font-size:12px;
line-height:24px;
padding-top:0px !important;
margin-top:0px !important;
margin-bottom:5px !important;
}
#bloglist a
{
background-image: none !important;
}
div#content li dl, div#content li dl dd
{
margin-bottom:0px !important;
}
.postedit { display: none !important; }
div.gradebook_name
{
width:25em;
clear:both;
float:left;
border-top:1px solid #E0E0E0;
margin-top:.25em;
margin-bottom:.25em;
}
div.gradebook_score
{
width:5em;
float:left;
border-top:1px solid #e0e0e0;
margin-top:.25em;
margin-bottom:.25em;
}
div.gradebook_links
{
width:20em;
float:left;
border-top:1px solid #e0e0e0;
margin-top:.25em;
margin-bottom:.25em;
}
table.linedbox, table.blackline
{
border:0px;
margin:0px;
width:100%;
clear:both;
}
table.linedbox td.head, table.linedbox th {
text-align:left;
vertical-align:bottom;
background:#e0e0e0;
padding-right:2em;
padding-left:.75em;
margin-top:.25em;
}
table.linedbox td
{
text-align:left;
vertical-align:top;
padding-right:2em;
padding-left:.75em;
border-bottom:1px solid #e0e0e0;
}
table.blackline
{
border-collapse: collapse;
}
table.blackline tr
{
padding:0;
margin:0;
}
table.blackline td
{
border-bottom:1px solid black;
padding-top:2px;
padding-bottom:2px;
padding-right:4px;
vertical-align:middle;
margin-right:0;
margin-left:0;
}
table.blackline div.floatleft
{
margin:0px;
padding:0px;
}
table.blackline td img
{
padding-top:2px;
padding-bottom:2px;
margin-bottom:0px;
}
table.schedule tr th,
table.schedule tr td
{ width:93px;
white-space:nowrap;
}
table.schedule tr th + th,
table.schedule tr td + td
{ width:560px;
white-space:normal;
}
table.schedule tr th + th a,
table.schedule tr td + td a
{
white-space:nowrap;
}
table.schedule tr th + th + th,
table.schedule tr td + td + td
{ width:auto;
white-space:nowrap;
}
table.schedule
{
margin-top:1em;
margin-bottom:1em;
width:100%;
}
table.schedule td,
table.schedule th
{
text-align:left;
vertical-align:top;
border-bottom:1px solid #e0e0e0;
}
table.schedule th
{
font-weight: bold;
text-align: left;
}
table.schedule.event tr th + th + th,
table.schedule.event tr td + td + td
{
display:none;
}
table.boxtable tr { vertical-align:top }
table.videos
{
border:0px;
margin:0px;
width:100%;
clear:both;
}
table.videos td.head, table.videos th {
text-align:left;
vertical-align:bottom;
background:#e0e0e0;
padding-right:2em;
padding-left:.75em;
margin-top:.25em;
}
table.videos tr th,
table.videos tr td
{ width:1%; /* temp change to width */
line-height: 1em !important;
padding-top: .4em !important;
padding-bottom: .4em !important;
}
table.videos tr th + th,
table.videos tr td + td
{ width:20%;
white-space:nowrap;
}
table.videos tr th + th + th,
table.videos tr td + td + td
{ width:20%;
white-space:nowrap;
}
table.videos tr th + th + th + th,
table.videos tr td + td + td + td
{ width:15%;
white-space:nowrap;
}
table.videos td
{
text-align:left;
vertical-align:top;
padding-right:2em;
padding-left:.75em;
border-bottom:1px solid #e0e0e0;
}
div.thumbinner {
min-width: 200px !important; /* added by TM 7.7.09 */
text-align: left;
}
.thumbimage {
float:left;
}
.thumbcaption
{ clear: left;
}
.rnd_content, .rnd_content_top, .rnd_content_bottom, .rnd1, .rnd2, .rnd3
{
border-style:solid;
display:block;
}
.rnd1, .rnd2, .rnd3
{
font-size:1px;
height:1px;
line-height:1px;
overflow:hidden;
}
.rnd1
{
margin:0 4px;
border-width:1px 0px 0px 0px;
height:0px;
}
.rnd2
{
margin:0 2px;
border-width:0px 2px;
}
.rnd3
{
margin:0 1px;
border-width:0px 1px;
height: 2px;
}
.rnd_content
{ border-width:0px 1px;
margin:0 0 0 0;
padding: 5px 9px 5px 9px ;
}
.rnd_content_top
{ border-width:0px 1px;
margin:0 0 0 0;
padding: 0px 9px 5px 9px ;
}
.rnd_content_bottom
{ border-width:0px 1px;
margin:0 0 0 0;
padding: 5px 9px 0px 9px ;
}
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
width: auto;
}
table.attendance
{
width:100%;
}
table.attendance td.head, table.attendance th , table.attendance td.grey {
text-align:left;
vertical-align:bottom;
background:#e0e0e0;
padding-right:2em;
padding-left:.75em;
margin-top:.25em;
text-align:center
}
table.attendance td
{
text-align:center;
vertical-align:top;
padding:0;
margin:0;
border:1px solid #e0e0e0;
width:200px
}
td.attgrey {
background:#e0e0e0;
width:2em !important;
}
div.outerforumpost
{
border-left: 1px solid rgb(204, 204, 204) !important;
border-right: 1px solid rgb(204, 204, 204) !important;
border-bottom: 1px solid rgb(204, 204, 204) !important;
padding-left: 10px !important; padding-top: .5em !important; padding-bottom: .5em !important;
}
div.innerforumpost
{
padding: 0em 1em 0px 0em !important;
overflow:auto !important;
}
div.replyOuter
{
background-repeat: no-repeat !important;
background-position: 5px 50% !important;
vertical-align:top !important;
border:1px solid #3c78b5 !important;
clear:both !important;
background-color: #ffffff !important;
}
div.showcasebox
{ border:1px solid #cccccc !important; }
div.showcasebox p, .killinnerp p
{
display:inline !important;
padding:0px !important;
margin: 0px !important;
}
div.modulenav { text-align:center}
div.modulenav ul {list-style-type:none; margin:0; padding:0; overflow:hidden; white-space: normal !important;}
div.modulenav ul li
{
display: inline;
padding-left:.7em;
padding-right:.7em;
margin-left:.2em;
margin-right:.2em;
padding-top:.1em;
padding-bottom:.1em;
line-height:200%;
background-color:#eee;
border:1px solid #efefef;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.modulenav ul li:hover
{
background-color:#ccc;
border-top:1px solid #eee;
border-left:1px solid #eee;
border-bottom:1px solid #bbb;
border-right:1px solid #bbb;
color:black !important;
}
div.modulenav ul li a, div.modulenav ul li strong
{
white-space: nowrap !important;
background:none !important;
padding-right:0px !important;
}
div.modulenav ul li:active
{
background-color:#ccc;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
border-top:1px solid #bbb;
border-left:1px solid #bbb;
color:black !important;
}
div.modulenav ul li:hover a
{
color:black;
}
div.modulenav ul li a:hover
{
text-decoration:none;
color:black;
}
div.modulenav ul li a:active
{
text-decoration:none;
color:#666;
}
.multitrack
{
border:1px solid red;
}
table.multitrack
{
border:0px;
margin:0px;
width:100%;
}
table.multitrack td.head, table.multitrack th {
text-align:left;
vertical-align:bottom;
background:#e0e0e0;
padding-right:2em;
padding-left:.75em;
margin-top:.25em;
}
table.multitrack tr th,
table.multitrack tr td
{ width:200px !important;
padding: 0;
}
table.multitrack tr th + th ,
table.multitrack tr td + td
{
width:23px !important
}
table.multitrack tr th + th + th ,
table.multitrack tr td + td + td
{ width:300px !important;
}
table.multitrack tr th + th + th + th ,
table.multitrack tr td + td + td + td
{ width:85px !important;
}
table.multitrack tr th + th + th + th + th ,
table.multitrack tr td + td + td + td + td
{ width:85px !important;
}
table.multitrack tr th + th + th + th + th + th,
table.multitrack tr td + td + td + td + td + td
{ width:100px !important;
}
table.multitrack td
{
text-align:left;
vertical-align:top;
padding-right:2em;
padding-left:.75em;
border-bottom:1px solid #e0e0e0;
}
table.valigntop
{
border:0px;
margin:0px;
width:100%;
clear:both;
}
table.valigntop td.head, table.valigntop th {
text-align:left;
vertical-align:top;
}
table.valigntop td
{
text-align:left;
vertical-align:top;
}
.blogtitle .timestamp
{
font-size:60%;
float:right;
}
.blogtitle a
{
color:black !important;
}
/* Aran's styles */
table.aran-msg {
margin: 15px 0 0 0;
background-color: #f4f4f4;
border: 1px solid #ccc;
text-align: left;
width: 100%
}
td.aran-msg {
padding: 8px 8px 8px 58px;
}
table.aran-msg div {
min-height: 48px;
width: 1px;
}
td.aran-info {
background: url(https://www.organicdesign.co.nz/files/thumb/e/e1/Info.svg/50px-Info.svg.png) no-repeat scroll 5px center;
}
td.aran-warn {
background: url(https://www.organicdesign.co.nz/files/thumb/1/17/Warning.svg/40px-Warning.svg.png) no-repeat scroll 9px center;
}
td.aran-doc {
padding: 8px 8px 8px 70px;
background: url(https://www.organicdesign.co.nz/files/thumb/c/c4/Procedure.svg/48px-Procedure.svg.png) no-repeat scroll 11px center;
}
td.aran-stub {
padding: 10px 8px 10px 120px;
background: url(https://www.organicdesign.co.nz/files/9/9c/Cone.png) no-repeat scroll 28px center;
}
/* DPL Gallery */
div.content .dpl-gallery {
float: left;
text-align: center;
overflow: hidden;
margin: 0 0 4px 0;
}
.dpl-gallery .img {
overflow: hidden;
border: none;
margin: 4px;
width: 169px;
height: 104px;
padding: 0;
}
.dpl-gallery .link {
overflow: hidden;
width: 169px;
height: 40px;
}
/* Form in the "Submit a request" page */
.request-form { width: 717px; padding: 20px 0; }
.request-form input[type="text"] { width: 400px; }
.request-form textarea { width: 710px; height: 200px; }
.request-form input[type="submit"] { float: right; }
/* syntax highlighting */
code { font-size: 85% }
span.hljs-highlight {
background-color: #f5fd82;
}
/* page header buttons*/
div.pgheadleft,
div.pgheadright {
float:left;
height: 29px;
line-height:29px;
font-size:15px;
font-weight:normal;
color:White;
padding-left:15px;
padding-top:3px;
padding-bottom:3px;
}
div.pgheadbuttons
{
clear:both;
padding-top:0px;
padding-bottom:0px !important;
width:100%;
margin-left:5px;
text-align: left;
margin-bottom:0px !important;
}
div.prevnext
{
width: 716px;
margin-left:auto;
margin-right:auto;
padding-left:670px;
}
div.prevnextlower div
{
padding-top:.5em;
padding-bottom:.5em;
}
div.prevnext a
{
text-decoration:none;
/*color: #113f83;*/
color: #0645ad;
}
div.prevnext a:hover
{
text-decoration:underline;
}
div.innerprevnext
{
width:43px;float:right;margin:0px;
line-height: 1em !important;
height:16px;
}
div.innerprevnext img
{
margin:0px;
}
div.prevnext div.prevbutton, div.innerprevnext div.prevbutton
{
float:left;
width:16px;
height:16px;
line-height: 1em;
}
div.prevnext div.nextbutton, div.innerprevnext div.nextbutton
{
float:right;
width:16px;
height:16px;
line-height: 1em;
}
div.pgheadbuttons ul.nextprev
{
float:right;
margin-right:7px;
width:66px;
}
div.pgheadbuttons ul {
list-style-type:none;
margin:0;
padding:0px;
text-align:left;
/* margin-left:2px;*/
margin-bottom:7px;
/* margin-top:2px; */
background: none;
display: inline-block;
position:relative;
top: -1px;
}
div.pgheadbuttons ul:first-child {
/* border-left: 2px solid #c0c0c0;*/
border-left: 0;
}
div.pgheadbuttons ul li {
display: inline-block;
float:left;
/*background-color:white; */
/* border-bottom: 2px solid #c0c0c0;
border-right: 2px solid #c0c0c0;
border-top : 2px solid #c0c0c0;*/
padding-bottom: 1px;
padding-top: 2px;
text-align:left;
color:black;
margin:0px;
margin-right:3px;
background: #f0f0f0;
font-weight:bold;
/* background-color:#505050;*/
height:28px;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
/*color:#113f83;
height:23px;*/
}
div.pgheadbuttons ul li:hover {
/* background-color:#909090; */
}
div.pgheadbuttons ul li a:hover {
text-decoration:underline;
}
div.pgheadbuttons ul li b,
div.pgheadbuttons ul li a {
text-decoration:none;
padding-left:1em;
padding-right:1em;
/* color:#113f83;
height:23px;
font-size:12px;
line-height:23px;
*/
color:#0645ad;
/*color:#113f83;*/
height:28px;
/* font-size:15px; */
vertical-align:middle;
line-height:28px;
/* font-family:Verdana,arial,helvetica;*/
font-family: arial, helvetica, sans;
font-size: 14px;
}
div.pgheadbuttons ul li.active { background-color:white; }
div.pgheadbuttons ul li b { color:black; }
div.pgheadbuttons ul li:hover a { }
div.jwplayer * button, div.jwplayer * .button
{
margin-top:0px !important;
margin-bottom:0px !important;
}
dd
{
margin-bottom: 0.1em !important;
}
.boxtop table tr th, .boxtop table tr td
{
background-color:#f6fff1;
}
div.playercontainer {
/*max-width:800px;*/
}
div.playercontainer p {
margin:0px;
}
/* Aran's styles */
table.aran-msg {
margin: 15px 0 0 0;
background-color: #f4f4f4;
border: 1px solid #ccc;
text-align: left;
width: 100%
}
td.aran-msg {
padding: 8px 8px 8px 58px;
}
table.aran-msg div {
min-height: 48px;
width: 1px;
}
td.aran-info {
background: url(https://www.organicdesign.co.nz/files/thumb/e/e1/Info.svg/50px-Info.svg.png) no-repeat scroll 5px center;
}
td.aran-warn {
background: url(https://www.organicdesign.co.nz/files/thumb/1/17/Warning.svg/40px-Warning.svg.png) no-repeat scroll 9px center;
}
td.aran-doc {
padding: 8px 8px 8px 70px;
background: url(https://www.organicdesign.co.nz/files/thumb/c/c4/Procedure.svg/48px-Procedure.svg.png) no-repeat scroll 11px center;
}
td.aran-stub {
padding: 10px 8px 10px 120px;
background: url(https://www.organicdesign.co.nz/files/9/9c/Cone.png) no-repeat scroll 28px center;
}
/* syntax highlighting */
pre {
background-color: #f4f4f4;
padding: 5px 10px;
}
span.hljs-highlight {
background-color: #f5fd82;
}
/* button style for links to stand out used by Template:Button */
#page-content .musictechwiki-button {
color: white;
font-weight: bold;
background-color: #900;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
padding: 0px 5px;
}
#page-content .musictechwiki-button a {
color: white !important;
background-image: none !important;
padding: 0 !important;
}
#page-content .musictechwiki-button.blue {
background-color: #008cba;
}
#page-content .musictechwiki-button.green {
background-color: #090;
}
#page-content .musictechwiki-button.yellow {
background-color: #fd0;
color: #888;
}
span.mp3caption a
{
color: #4099ff !important;
}
.mw-category {
-webkit-column-width: 20em;
-moz-column-width: 20em;
column-width: 20em;
}
img.user-profile-image {
max-height: 250px;
width: auto;
}
/* Button Tweaks For Outdated(ugh!) Pageforms Extension */
input[type="submit"].forminput_button,
input[type="submit"].submit-button,
.query-button input[type="submit"] {
margin:.5em .5em 0;
background-color: #3366cc;
color: #fff;
border: 1px solid #3366cc;
padding: .5rem .5rem;
border-radius: 3px;
box-shadow: 0 2px 0 rgba(255,255,255,0.5) inset;
transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;
}
input[type="submit"].forminput_button:hover,
input[type="submit"].submit-button:hover,
.query-button input[type="submit"]:hover {
background-color: #447ff5;
border-color: #447ff5;
box-shadow: none;
transition: background-color 1000ms,color 100ms,border-color 100ms,box-shadow 100ms;
}
input[type="button"].submit-preview {
border: 1px solid #d0d0d0;
padding: .5rem .5rem;
border-radius: 3px;
box-shadow: 0 2px 0 rgba(255,255,255,0.5) inset;
}
.editCancel span.editHelp a {
text-decoration: none;
color: #b32424;
font-weight: 500;
margin: 0 .5rem;
}
.editCancel {
display: inline;
margin: .8em .8em 0 0;
}
#pfForm textarea, form input.formInput, #pfForm input.yearInput, #pfForm input.dayInput, #pfForm input.hoursInput, #pfForm input.minutesInput, #pfForm input.secondsInput {
border-radius: 3px;
border: 1px solid #BBB;
padding: .5em;
}