Difference between revisions of "MediaWiki:Common.css"

Revision as of 13:48, 22 June 2018

#mw-pages{padding-top:50px}
.marketswiki-page {text-align:left; width:100%;vertical-align:text-top; margin:0 0 15px 0; border:2px solid #25266C; font-weight:normal;}
.marketswiki-page-icon {text-align:left; background-color:#F6931E; padding:10px; border:none;width:40px;}
.marketswiki-page-content {text-align:left; background-color:#DADAE6; padding:5px; border:none; font-weight:normal; text-align:left;}
.marketswiki-page-content a:link {font-weight:bold;}

#front-page-container {width:785px}
#front-page-container .left {width:230px;float:left;background:#FFF;padding:15px 15px 15px 0;}
#front-page-container .events-left{width:377px;padding-right:15px;margin-right:15px;float:left;border-right:1px solid #B3D4BF;}
#front-page-container .events-right{width:377px;float:left}
#front-page-container .mid {width:380px;padding:15px;float:left;background:#FFF;border-right:1px solid #B3D4BF;border-left:1px solid #B3D4BF;}
#front-page-container .mid div img, #front-page-container .left div img{box-shadow: 0 0 3px rgba(50, 50, 50, 0.15);-webkit-box-shadow: 0 0 3px rgba(50, 50, 50, 0.15);max-width:380px;margin:10px 0}
#front-page-container .left div img{max-width:230px;margin:10px auto;display:block;box-shadow:none;-webkit-box-shadow:none}
#front-page-container .mid .entry{border-bottom:1px dotted #CCC;padding:0 0 10px;clear:both}
#front-page-container .right {width:100px;padding:15px 13px;float:left;text-align:center;}
#front-page-container a {background:none;color:#25266C;}
#front-page-container h3 a:link, #front-page-container h3 a:visited{color:#25266C;background:none;}
#front-page-container h3{font-size:1.4em;font-weight:normal;line-height:1.5;border-bottom:none;margin:0;padding:10px 0 0;}
#front-page-container h2{background:#0E743A;border-left:5px solid #109C4F;border-bottom:0;margin:0;padding:7px;font-size:1em;line-height:1;font-weight:bold;color:#FFF}
#front-page-container .sponsor-news h2,#front-page-container .reading h2,#front-page-container .events h2,#front-page-container .stats h2{margin-bottom:5px}
#front-page-container .pod h3{text-align:center}
#front-page-container p.divide{color:#DDD}
#front-page-container p.sponsor{color:#666;font-size:.75em}
#front-page-container p.sponsor.links{text-align:left;margin-bottom:5px}
#front-page-container #tt-blog{width:728px;margin:0 auto 35px;background-color:#133A61}
#front-page-container .sp{border-bottom:1px solid #B3D4BF;padding-bottom:25px}
#front-page-container .recent ul li,#front-page-container .popular ul li, #front-page-container .mw-feed {border-bottom:1px dotted #CCC;list-style:none;padding:5px 0;font-size:1em;margin:0}
#front-page-container .recent ul,#front-page-container .popular ul{margin:5px 0 25px;padding:0;}
#front-page-container .feature,#front-page-container .reading,#front-page-container .sponsor-news{margin:0 0 25px;padding:0;}
#front-page-container .feature p,#front-page-container .pod p{margin-bottom:0;font-size:1em}
#front-page-container .pod{border-bottom:1px dotted #CCC;padding-bottom:5px;margin-bottom:25px}
#front-page-container .events span.description{display:block;margin-top:10px;line-height:1.75em}
#front-page-container .events h3.title,#front-page-container .events span.title{font-weight:bold;font-size:1.15em}
#front-page-container .events .mw-feed{padding:10px 0}
#front-page-container .events{padding-bottom:25px}
#front-page-container .events span.more{float:right;font-weight:bold;color:#666;font-size:.9125em;display:block;}
#front-page-container .pod span.more{text-align:right;width:100%;font-weight:bold;color:#666;font-size:.9125em;display:block;border-top:1px dotted #CCC;padding-top:5px;margin-top:10px}
div#content a.external[href^="https://"], .link-https{background:none;font-weight:bold}
#front-page-container .feature span.more{font-size:.9125em;display:block;}
#front-page-container .pod span.date{color:#666;font-size:1em;display:block;font-weight:bold}
#front-page-container.podpage .entry{border-top:1px dotted #CCC;padding:10px 0;clear:both}
#front-page-container .desktop-sponsor{display:block;margin:0 auto}
#front-page-container span.author{font-size:.9125em;color:#666}

.page-Sandbox13 #share-jln {display:none}

div#footer{background:none;border-top:1px solid #B3D4BF}
div#content{background:#FFF;border-left:1px solid #B3D4BF}
#mw-head-base{background:url(http://www.marketswiki.com/wiki/images/custom-layout/green-line.gif) bottom left repeat-x}
div.vectorTabs span,div.vectorMenu h5 a{background:url(http://www.marketswiki.com/wiki/images/custom-layout/tab-bg.png) bottom right no-repeat}
div.vectorTabs{background:url(http://www.marketswiki.com/wiki/images/custom-layout/tab-bg.png) bottom left no-repeat}
div.vectorTabs ul li{background:url(http://www.marketswiki.com/wiki/images/custom-layout/tab-bg-full.png) bottom left repeat-x}
h1, h2{border-bottom:1px solid #6B966F}
div.vectorMenu ul{border:1px solid #B3D4BF;border-top:0}
div#mw-panel div.portal div.body{background:none;border-top:1px solid #B3D4BF}

#toc {border:1px solid #B3D4BF;margin:10px 10px 10px 0;padding: 5px;font-size: 95%;white-space: wrap;width:275px;z-index:1000;background:url("http://www.marketswiki.com/wiki/images/custom-layout/tab-bg-full.png") repeat-x left bottom #FFFFFF;border-bottom:none}
.catlinks{border:1px solid #B3D4BF;background:url(http://www.marketswiki.com/wiki/images/custom-layout/tab-bg-full.png) repeat-x left bottom #FFFFFF;border-bottom:none}
.infobox_org,.infobox_company,.infobox_person {border:1px solid #B3D4BF;float:right;margin:0 0 25px 10px;padding: 5px;font-size: 95%;white-space: wrap;width:295px;background:url("http://www.marketswiki.com/wiki/images/custom-layout/tab-bg-full.png") repeat-x left bottom #FFFFFF;border-bottom:none}

.infobox_org table th.left,.infobox_company table th.left,.infobox_person table th.left{text-align:right;vertical-align:top;padding-right:0.5em;}
.infobox_org table td.right,.infobox_company table td.right,.infobox_person table td.right{text-align:left;vertical-align:top;padding-right:0.5em;}
.infobox_org table td.right p,.infobox_company table td.right p,.infobox_person table td.right p{margin-top:0;padding-top:0}
.infobox_job{border:1px solid #B3D4BF;margin:0 0 25px 10px;padding:10px;font-size: 95%;white-space: wrap;background:url(http://www.marketswiki.com/wiki/images/custom-layout/tab-bg-full.png) repeat-x left bottom #FFFFFF;border-bottom:none}

.infobox_person table th.left.employer,.infobox_person table td.right.employer{border-bottom:1px dotted #B3D4BF;}
.infobox_person table th.left.occupation,.infobox_person table td.right.occupation{border-top:1px dotted #B3D4BF;}

#message {width: 885px;border:1px solid #AAAAAA;background:url(http://www.marketswiki.com/wiki/images/custom-layout/tab-bg-full.png) repeat-x;left bottom;}
.messageleft {float:left;width:212px;}
.item {padding:5px 0 5px 0; border-bottom:1px dotted #CCCCCC;margin:0px;}
.headerimage {margin:0 0 5px 0; }
.content {width:285px; margin:0 15px 15px 10px; font-size:11px; line-height:13px;}
#pagefloat {width: 305px;padding: 15px 0 0 0;margin: 0 0 15px 15px;background:#FFF url("http://www.marketsreformwiki.com/mktreformwiki/images/6/65/Bottom.png") repeat-x left bottom;clear:both;float:right;border:1px solid #aaa;}

.become-sponsor {float:right;font-size:11px;margin:-5px 0 0;}
.become-sponsor a:link, .become-sponsor a:visited {color:#666;text-decoration:underline;font-weight:normal;}
.become-sponsor a:hover, .become-sponsor a:active {text-decoration:none;}
table.collapsed tr.collapsable {display: none;}
.desktop-sponsor {display:block;margin:0 0 15px 0;}
.desktop-sponsor a:link, .desktop-sponsor a:visited {font-weight:normal;color:#666;}
#content .desktop-sponsor ul {list-style-type:square; list-style-image:none;line-height:1.5;padding-top:15px;}
#content .desktop-sponsor ul li {margin:0;padding:0;text-align:left}
.mobile-sponsor {display:none;margin:0 0 15px 0;}
.desktop-frontpage {display:block;}
.mobile-frontpage .desktop-sponsor{display:none}
.mobile-frontpage {display:inherit;}
#mf-frontads{display:none;}
.desktop-video {display:block;}
.mobile-video {display:none;}
#mw-content-text ul {margin:0 0 15px 15px;padding:0;}
#mw-content-text ol {margin:0 0 15px 15px;padding:0;}
li {margin:0 0 0 15px;padding:0;}
h3 {margin-bottom: 20px;}
.collapseButton {float: left;font-weight: bold;text-align: right;width: auto;margin-right:5px;color:#CCC;}  /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
.mw-feed {font-size:11px;padding:5px 0 5px 0; border-bottom:1px dotted #CCCCCC;margin:0px;}
.rss-box {margin:0px;}
.mwsponsorlist li {padding:5px 0 5px 0; 
border-bottom:1px dotted #CCCCCC;
margin:0;list-style: none;}
.mwsponsorlist ul {margin:0;}
.toptitle {text-align:left; background-color:#EEE; font-size:12px; border:none;}
.topkeypages {width:20%; text-align:left; background-color:#DDD; text-transform:uppercase; padding:5px; border:none;}
.topsummary {width:40%; text-align:left; background-color:#DDD; text-transform:uppercase; padding:5px; border:none;}
.topmeetings {width:25%; text-align:left; background-color:#DDD; text-transform:uppercase; padding:5px; border:none;}
.topdates {width:15%; text-align:left; background-color:#DDD; text-transform:uppercase; padding:5px; border:none;}
.orgkeypages {width:20%; text-align:left; background-color:#DDD; text-transform:uppercase; padding:5px; border:none;}
.orgsummary {width:30%; text-align:left; background-color:#DDD; text-transform:uppercase; padding:5px; border:none;}
.orgrelated {width:25%; text-align:left; background-color:#DDD; text-transform:uppercase; padding:5px; border:none;}
.orgmeetings {width:25%; text-align:left; background-color:#DDD; text-transform:uppercase; padding:5px; border:none;}

/* float clearing for IE6 */
* html .clearfix{height: 1%;overflow: visible;}

/* float clearing for IE7 */
*+html .clearfix{min-height: 1%;}

/* float clearing for everyone else */
.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size: 0;}

body.page-Main_Page h1.firstHeading { display:none; }
body.page-Sandbox3 h1.firstHeading { display:none; }
body.page-Sandbox6 h1.firstHeading { display:none; }
body.page-Sandbox20 h1.firstHeading { display:none; }
body.page-Sandbox3b h1.firstHeading { display:none; }
body.page-Sandbox30 h1.firstHeading { display:none; }
body.page-Sandbox13 h1.firstHeading { display:none; }
body.page-Sandbox31 h1.firstHeading { display:none; }
#siteNotice {width:900px;vertical-align:text-top;}
p {margin-bottom:15px;}
.mwsponsorimages {margin:15px 0 0 0;padding: 0 0 15px 0;border-bottom:1px dotted #CCCCCC;}
.mwsponsorimages-mobile {padding: 15px;width:120px;float:left;border-bottom:1px dotted #CCCCCC;}
#toc li {margin-bottom:7px;}
.timeline {float:right; margin:0 0 15px 15px; width: 410px;clear:both;}
.top-sp {float:left; margin:0 8px 0 0;}
.top-sp-last {float:left; margin:0;}
.item {padding:5px 0 5px 0; border-bottom:1px dotted #CCCCCC;margin:0px;}
.headerimage {margin:0 0 5px 0; }
.content {width:285px; margin:0 15px 15px 10px; font-size:11px; line-height:13px;}
ul.front {margin:0;padding:0;}
li.front {padding:5px 0 5px 0;border-bottom:1px dotted #CCCCCC; list-style-type: none;font-size:11px;}

.item {padding:5px 0 5px 0; border-bottom:1px dotted #CCCCCC;margin:0px;}
#tt-blog {width:400px;height:90px;}
#tt-blog-top {height:45px;padding:15px 20px 0 5px; margin:0; background:#133A61 url(http://www.marketswiki.com/wiki/images/a/ab/Tt-tradetalk-bg.gif) no-repeat;font-size:14px;}
#content .desktop-sponsor #tt-blog-top ul {padding-top:0;}
#tt-blog-top ul {line-height:18px;}
#tt-blog-top a:link, #tt-blog-top a:visited {color:#133A61;text-decoration:none;font-weight:normal;}
#tt-blog-top a:hover, #tt-blog-top a:active {text-decoration:underline;}
#tt-blog .rss-box {margin:0px;display:inline;}
#tt-blog .rss-item {margin:0px;display:inline;}
#tt-blog li.rss-item {padding:0;border-bottom:none;margin:0px;list-style: none;display:inline;}

/* Twitter embed displays correctly */
#mw-content-text .twitter-tweet-rendered {clear: none !important;margin: 7px 0 20px 0 !important;}

/* AddThis */
.at15t_compact {margin-right: 0px !important;}
.addthis_separator {border-right: 1px solid #CCC;margin-left:2px !important;margin-right:7px !important;}
.addthis_button_compact {font-size:90%;}
#addthistoolbar {float:right;display:inline;padding:0;margin:0;}
#addthisheader {float:right;padding:0;margin:0;border-style:solid;border-width:1px;}
#share-jln {padding:0; margin:-7px 0 12px; font-size:11px;color:#777;display:inline-block;width:auto;}
#share-jln span.like {display:inline;float:left;padding-right:7px;}
#share-jln span.dislike {display:inline;float:right;padding-left:25px;}
#share-jln span.dislike a:link, #share-jln span.dislike a:visited {color:#777;text-decoration:underline;}
#share-jln span.dislike a:hover, #share-jln span.dislike a:active {text-decoration:none}
#contentSub, #contentSub2 {margin-left:0;}

/* Hello Bar */
#mw-page-base {
    }
div#mw-head {
    top: 4.4em;
}
#p-logo {
    top: -140px;
}
div#mw-panel {
    top: 200px;
}

#front-page-container .mid div img {
    max-width: 340px;
}

#front-page-container .feature {
    margin: -5px 0 0;
    padding: 1px 20px;
    background-color: rgb(137, 188, 94);
color: #333;
}

#front-page-container .feature a:link {color:#FFF;}

#front-page-container span.author {
    font-size: .9125em;
    color: #f8f8f8;
}

div#content h1, div#content h2, div#content #firstHeading {

    padding: 5px;
}



#pagefloat {
    background: #89bc5e;
}

#pagefloat a:link {color:#FFF;}

.days {
padding: 20px;
background-color: #0E743A;
font-weight: bold;
font-family: sans-serif;
color: #fff;
font-size: 1.8em;
}

.daysb {
padding: 20px;
background-color: #0E743A;
font-weight: bold;
font-family: sans-serif;
color: #fff;
font-size: 1.8em;
width: 380px;
}


.daysfree {
padding: 10px;
text-align: center;
margin-top: 20px;
font-size: 1.2em;
border: medium solid #109C4F;
background-color: #25266c;
text-decoration: none;
color: #FFF;

}
.daysfree:hover {
background-color: #3d3fc2;
}

#front-page-container .days .daysfree a:link {
color: #fff;
}

#front-page-container .days .daysfree a:visited {
color: #fff;
}

#pagefloat .days .daysfree a:link {
color: #fff;
}

#pagefloat .days .daysfree a:visited {
color: #fff;
}

#pagefloat .days .daysfree {
font-size: 1em;
}

#bodyContent .daysb .daysfree a:visited {
color: #fff;
}

#bodyContent .daysb .daysfree {
font-size: 1em;
}

#front-page-container .mid {
    width: 420px;
}

#front-page-container {
    width: 830px;
}

#mw-page-base {
    height: 9.5em;
}