Difference between revisions of "MediaWiki:Common.css"

From Floating Charts Wiki
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will be applied to all skins: →‎Global styles: html, body { margin: 0px; padding: 0px; overflow-x: hidden; } html { background: #333333; /* o...")
 
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
−
/* Global styles */
 
−
html, body {
 
−
margin: 0px;
 
−
padding: 0px;
 
−
overflow-x: hidden;
 
−
}
 
−
 
−
html {
 
−
background: #333333;
 
−
 
−
/* osticket overrides*/
 
−
height:auto;
 
−
}
 
−
 
−
body {
 
−
font: 100% "Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif;
 
−
color: #000000;
 
−
background: #FFFFFF;
 
−
}
 
−
 
−
noscript {
 
−
color: #F00;
 
−
font-weight: bold;
 
−
text-align: center;
 
−
position: fixed;
 
−
top: 0px;
 
−
}
 
−
 
−
p {
 
−
font-size: 0.875em;
 
−
line-height: 1.25em;
 
−
margin-bottom: 18px;
 
−
}
 
−
 
−
h1, h2, h3, h4, h5, h6 {
 
−
font-weight: normal;
 
−
text-align: center;
 
−
}
 
−
 
−
a {
 
−
text-decoration: none;
 
−
}
 
−
a:hover {
 
−
cursor: pointer;
 
−
}
 
−
a:active, a:selected, a:visited {
 
−
border: none;
 
−
outline: none;
 
−
}
 
−
a img { border: none; }
 
−
 
−
li { margin-bottom:10px; }
 
−
 
−
/* Navigation */
 
−
header nav {
 
−
float: right;
 
−
margin-top: 20px;
 
−
}
 
−
 
−
header nav li {
 
−
display: inline;
 
−
margin-left: 15px;
 
−
}
 
−
 
−
header nav a {
 
−
color: #3399FF;
 
−
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
 
−
font-weight: 600;
 
−
font-size: 1.1em;
 
−
text-decoration: none;
 
−
padding-bottom: 15px;
 
−
}
 
−
header nav a:hover, header nav a.current {
 
−
color:#3399FF;
 
−
border-bottom:3px solid #3399FF; 
 
−
}
 
−
 
−
/* Structure */
 
−
#wrapper {
 
−
width:96%;
 
−
max-width:920px;
 
−
margin:auto;
 
−
padding: 0 2%;
 
−
position:relative;
 
−
}
 
−
 
−
#main {
 
−
width:100%;
 
−
padding: 0;
 
−
}
 
−
 
−
#footer {
 
−
background: #333333;
 
−
border-top: 2px double #3399FF;
 
−
width: 250%;
 
−
margin-left: -75%;
 
−
clear: both;
 
−
}
 
−
 
−
#headline {
 
−
width:250%;
 
−
margin-left:-75%;
 
−
padding:15px 0;
 
−
display:block;
 
−
overflow:hidden;
 
−
background:#EAEAEA url(../img/bg_light-linen_sm.jpg) repeat;
 
−
box-shadow:0 8px 3px -6px rgba(0, 0, 0, 0.75) inset, 0 -8px 3px -6px rgba(0, 0, 0, 0.75) inset;
 
−
-moz-box-shadow:0 8px 3px -6px rgba(0, 0, 0, 0.75) inset, 0 -8px 3px -6px rgba(0, 0, 0, 0.75) inset;
 
−
-webkit-box-shadow:0 8px 3px -6px rgba(0, 0, 0, 0.75) inset, 0 -8px 3px -6px rgba(0, 0, 0, 0.75) inset;
 
−
}
 
−
 
−
#headline-container {
 
−
width:38.4%;
 
−
position:relative;
 
−
margin: 0 auto;
 
−
}
 
−
 
−
#headline-container h1, h2 {
 
−
margin: 0;
 
−
}
 
−
 
−
.colLeft, .colRight {
 
−
float:left;
 
−
width:48%;
 
−
padding:1%;
 
−
}
 
−
 
−
.colLeft {
 
−
clear:both;
 
−
}
 
−
 
−
 
−
#footer ul { text-align: center; list-style:none; }
 
−
#footer li { display:inline-block; }
 
−
#footer a, #footer a:link, #footer a:visited {
 
−
color: #FFFFFF;
 
−
padding: 0px 5px;
 
−
text-decoration: none;
 
−
}
 
−
#footer .small-item { font-size: 0.75em; }
 
−
 
−
 
−
 
−
#header-border {
 
−
height:1px;
 
−
width:250%;
 
−
margin: 2px 0 0 -75%;
 
−
padding: 0;
 
−
/*background:#000000;*/
 
−
opacity:0.5;
 
−
box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.75);
 
−
-moz-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.75);
 
−
-webkit-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.75);
 
−
}
 
−
 
−
#try-or-buy {
 
−
margin:0 auto;
 
−
width:100%;
 
−
}
 
−
 
−
#try-or-buy h2 {
 
−
margin: 0 0 8px 0;
 
−
font-size: 1.5em;
 
−
/*text-decoration: underline;*/
 
−
}
 
−
 
−
.colRight #try-or-buy {
 
−
max-width:560px;
 
−
}
 
−
 
−
#headline h1 {
 
−
margin:0 auto;
 
−
color:#333333;
 
−
font-size:1.5em;
 
−
font-family:Tahoma, Geneva, sans-serif;
 
−
width: 98%;
 
−
}
 
−
 
−
#features-title {
 
−
text-align:center;
 
−
  color:#3404F8;
 
−
  font-size:1.7em;
 
−
  font-weight:300;
 
−
  float:left;
 
−
  margin:10px 0 10px 20px;
 
−
  padding:0;
 
−
}
 
−
 
−
.heading {
 
−
    /*height: 40px;*/
 
−
    margin: 25px auto 25px auto;
 
−
    text-align: center;
 
−
color: #FFFFFF;
 
−
    font-size: 1.9em;
 
−
padding: 5px;
 
−
    font-weight: 300;
 
−
width:250%;
 
−
margin-left:-75%;
 
−
}
 
−
.heading.blue { background: #3399FF; }
 
−
.heading.green { background: #0C0; }
 
−
 
−
#try-or-buy p  {
 
−
width: 100%;
 
−
margin: 0;
 
−
color: #3399FF;
 
−
text-align:center;
 
−
font-size: 1.4em;
 
−
font-weight:500;
 
−
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
 
−
}
 
−
 
−
.ftr_right {
 
−
float:right;
 
−
width:80%;
 
−
}
 
−
.feature-content, .feature-title { margin: 0px 0px 3px 10px; display: block; }
 
−
.feature-title { font-size: 1.125em; }
 
−
.feature-content { color: #666666; }
 
−
 
−
#money-back {
 
−
width:250%;
 
−
margin-left:-75%;
 
−
background:#EBEBEB;
 
−
padding:30px;
 
−
border-bottom:1px solid #999999;
 
−
border-top:1px solid #999999;
 
−
}
 
−
 
−
#money-back p {
 
−
color:#333333;
 
−
font-size:1em;
 
−
width:30%;
 
−
padding:1%;
 
−
max-width:920px;
 
−
margin:10px auto;
 
−
}
 
−
 
−
#get-started {
 
−
color:#666666;
 
−
margin:25px auto;
 
−
text-align:center;
 
−
}
 
−
#get-started h3 {
 
−
font-weight:300;
 
−
font-size:2em;
 
−
color:#666666; 
 
−
}
 
−
 
−
#get-started p {
 
−
font-size:1.25em;
 
−
}
 
−
 
−
#get-started .btn_green {
 
−
font-size:1.7em;
 
−
padding:20px;
 
−
}
 
−
 
−
#license-bullet-points {
 
−
color: #3399FF;
 
−
max-width: 240px;
 
−
width: 75%;
 
−
margin: 5px auto 0 auto;
 
−
line-height:1.75em;
 
−
text-align:left;
 
−
list-style-type:square;
 
−
}
 
−
#license-bullet-points li {
 
−
list-style: outside url("../img/checkmark-green.png") disc;
 
−
margin: 0;
 
−
}
 
−
 
−
.notice {
 
−
max-width: 500px;
 
−
width: 74.07%;
 
−
margin: 0 auto 10px auto;
 
−
padding: 10px;
 
−
background: #2FCB54;
 
−
font-size: 1.25em;
 
−
text-align:left;
 
−
color:#FFFFFF;
 
−
}
 
−
 
−
#release-notes h3 { text-align:center; }
 
−
.version { margin: 0 auto; width:76%; max-width: 700px; border-bottom: 2px solid #8A8A8A; }
 
−
.fn_large { font-size:1.25em; }
 
−
 
−
/* FAQs */
 
−
#faq-container {
 
−
margin-bottom:5px;
 
−
}
 
−
 
−
.faq {
 
−
    float:left;
 
−
    margin:10px 0;
 
−
padding:10px;
 
−
    text-align:left;
 
−
width: 47%;
 
−
}
 
−
.question, .answer { padding: 0; }
 
−
 
−
.question {
 
−
color: #666666;
 
−
font-size: 1.125em;
 
−
height: 45px;
 
−
margin-bottom: 10px;
 
−
}
 
−
 
−
.answer {
 
−
color: #999999;
 
−
font-size: 0.875em;
 
−
font-weight: 300;
 
−
}
 
−
 
−
.more-faq {
 
−
color: #3399FF;
 
−
font-size: 1em;
 
−
text-decoration: underline;
 
−
margin: 10px;
 
−
display: inline-block;
 
−
}
 
−
 
−
.btn_green {
 
−
background: #70C748;
 
−
color: #FFFFFF;
 
−
font-family: Arial, sans-serif;
 
−
font-size: 1.37em;
 
−
text-align: center;
 
−
margin: 0px auto;
 
−
padding: 10px 20px; 
 
−
display: inline-block;
 
−
border: 1px solid #83C41A;
 
−
border-radius: 6px 6px 6px 6px;
 
−
-moz-border-radius: 6px 6px 6px 6px;
 
−
-webkit-border-radius: 6px 6px 6px 6px;
 
−
box-shadow: 0 1px 0 0 #D9FBBE inset;
 
−
-moz-box-shadow: 0 1px 0 0 #D9FBBE inset;
 
−
-webkit-box-shadow: 0 1px 0 0 #D9FBBE inset;
 
−
 
−
}
 
−
.btn_green:hover {
 
−
cursor: pointer;
 
−
background: #0F0;
 
−
}
 
−
 
−
#try-or-buy .btn_green { margin: 10px 0 0 0; width:90%; color: #FFFFFF; }
 
−
 
−
/* Images */
 
−
.responsive-image {
 
−
width: 100%;
 
−
height: auto;
 
−
}
 
−
 
−
.img_logo {
 
−
float:left;
 
−
display:block;
 
−
background:url(../img/fc_sprite-home_optpq.png) no-repeat -325px 0;
 
−
width:220px;
 
−
height:43px;
 
−
margin:15px 0;
 
−
}
 
−
 
−
.img_chart-grid-16 {
 
−
background: url(../img/fc_chart-grid-16_optpq.png) no-repeat;
 
−
width: 435px;
 
−
height: 134px;
 
−
}
 
−
 
−
.img_video-splash-blue {
 
−
max-width:560px;
 
−
width:100%;
 
−
height:315px;
 
−
background-image:url(../img/fc_video-splash-partial_optpq.png);
 
−
/*background-image:url(../img/fc_video-splash-partial_optpq.png), -moz-radial-gradient(center, ellipse cover,  #070102 0%, #0b07ef 100%);
 
−
background-image:url(../img/fc_video-splash-partial_optpq.png), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#070102), color-stop(100%,#0b07ef));
 
−
background-image:url(../img/fc_video-splash-partial_optpq.png), -webkit-radial-gradient(center, ellipse cover,  #070102 0%,#0b07ef 100%);
 
−
background-image:url(../img/fc_video-splash-partial_optpq.png), -o-radial-gradient(center, ellipse cover,  #070102 0%,#0b07ef 100%);
 
−
background-image:url(../img/fc_video-splash-partial_optpq.png), -ms-radial-gradient(center, ellipse cover,  #070102 0%,#0b07ef 100%);
 
−
background-image:url(../img/fc_video-splash-partial_optpq.png), radial-gradient(ellipse at center,  #070102 0%,#0b07ef 100%); */
 
−
background-color:#0B07EF;
 
−
background-repeat:no-repeat;
 
−
background-position:center;
 
−
}
 
−
 
−
.install-video {
 
−
width: 100%;
 
−
max-width: 720px;
 
−
height: 385px;
 
−
color: #FFFFFF;
 
−
font-size: 1.6em;
 
−
text-align: center;
 
−
background-image: url(../img/fc_video-splash-partial_optpq.png);
 
−
background-repeat: no-repeat;
 
−
background-position: center;
 
−
background-color: #B4B4B4;
 
−
}
 
−
.load-video.install-video { margin:0; }
 
−
 
−
.sprite_home {
 
−
background-image: url(../img/fc_sprite-home_optpq.png);
 
−
background-repeat: no-repeat;
 
−
background-position: 1200px;
 
−
}
 
−
 
−
.img_arrow-down {
 
−
background: url(../img/fc_sprite-home_optpq.png) no-repeat -325px -49px;
 
−
width: 244px;
 
−
height: 78px;
 
−
margin: 0 auto;
 
−
}
 
−
 
−
.img_mt4-icon {
 
−
background: url(../img/fc_sprite-home_optpq.png) no-repeat -545px 0;
 
−
width: 243px;
 
−
height: 27px;
 
−
vertical-align: top;
 
−
position: relative;
 
−
text-align: left;
 
−
margin-top: 10px;
 
−
margin-bottom: 10px;
 
−
float:left;
 
−
}
 
−
#guarantee-img-wrapper { width: 25.565%; max-width:588px; height:116px; margin:0 auto; }
 
−
.img_guarantee {
 
−
background-image: url(../img/fc_sprite-home_optpq.png);
 
−
background-repeat: no-repeat;
 
−
background-position: -605px -27px;
 
−
height: 116px;
 
−
width:588px;
 
−
}
 
−
 
−
.img_q {
 
−
background-image: url(../img/fc_sprite-home_optpq.png);
 
−
background-position: -569px -38px;
 
−
width: 36px;
 
−
height: 41px;
 
−
float: left;
 
−
margin-right: 15px;
 
−
}
 
−
 
−
.img_ftr { float:left; height: 65px; width: 65px; }
 
−
.img_chart-stack { background-position: -65px -65px; }
 
−
.img_multi-monitors { background-position: -130px 0; }
 
−
.img_tools { background-position: -130px -65px; }
 
−
.img_keyboard-shortcuts { background-position: 0 -65px; }
 
−
.img_save-location { background-position: -195px 0; }
 
−
.img_window-snap { background-position: -260px 0; }
 
−
.img_multi-instance { background-position: -65px 0; }
 
−
.img_upgrade { background-position: -195px -65px; }
 
−
.img_symbol-mapping { background-position: 0 0; }
 
−
.img_minimal-mode { background-position: -260px -65px; }
 
−
.img_default { background: #B1B1B1; }
 
−
 
−
/*broker logos*/
 
−
.img_fxdd-logo { background: url(../img/fxdd-logo.jpg) no-repeat; width: 200px; height: 60px; }
 
−
.img_go-logo { background: url(../img/go-logo.png) no-repeat; width: 200px; height: 50px; }
 
−
/*end broker logos*/
 
−
 
−
.img_discount-halloween {
 
−
background: url(../img/discount_halloween.png) no-repeat;
 
−
width: 650px;
 
−
height: 417px;
 
−
margin: 20px auto;
 
−
}
 
−
.img_discount10 { background: url(../img/discount_10.png) no-repeat; width: 416px; height: 126px; margin: 20px auto; }
 
−
 
−
/* Video styles */
 
−
.load-video {
 
−
display: block;
 
−
margin: 0 auto;
 
−
box-shadow: 0 0 5px #888;
 
−
-moz-box-shadow: 0 0 5px #888;
 
−
-webkit-box-shadow: 0 0 5px #888;
 
−
}
 
−
 
−
.video-title {
 
−
text-align: center;
 
−
margin: 10px;
 
−
font-size: 1.6em;
 
−
color: #000000;
 
−
display: block;
 
−
width: 100%;
 
−
}
 
−
 
−
.video-description {
 
−
background: #BFBFBF;
 
−
max-width: 540px;
 
−
width:98%;
 
−
position: relative;
 
−
margin:  10px auto 20px auto;
 
−
padding: 1%;
 
−
border: 1px solid #105B7C;
 
−
}
 
−
.video-description p {
 
−
font-size: 1em;
 
−
margin: 0;
 
−
padding: 0;
 
−
}
 
−
 
−
 
−
.clear { clear: both; }
 
−
 
−
#social {
 
−
width: 65px;
 
−
height: 21px;
 
−
position: absolute;
 
−
right:0;
 
−
top:5px;
 
−
}
 
−
 
−
#fc_copyright {
 
−
color: #999;
 
−
font-size: 0.75em;
 
−
text-align: center;
 
−
margin-top: 25px;
 
−
}
 
−
 
−
#page-title {
 
−
margin: 0;
 
−
padding: 10px;
 
−
font-size: 3em;
 
−
text-align: center;
 
−
    color: rgba(0,0,0,0.6);
 
−
text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
 
−
                0px -5px 35px rgba(255,255,255,0.3);
 
−
}
 
−
object {width:100%;max-wdith:920px;}
 
−
.iframe_doc {
 
−
width: 100%;
 
−
height: 700px;
 
−
}
 
−
 
−
.bk_logo { display: block; }
 
−
.bk_heading {
 
−
font-size:1.5em;
 
−
text-align:left;
 
−
text-decoration:underline;
 
−
padding-left:25px;
 
−
margin: 5px 0;
 
−
}
 
−
 
−
#order-details-box {
 
−
position: relative;
 
−
margin: 25px auto;
 
−
width: 81.5%;
 
−
max-width: 750px;
 
−
border: 1px solid #105B7C;
 
−
background: #EEEEFF;
 
−
}
 
−
 
−
#registration-details-box {
 
−
background: #EFF3FF;
 
−
border: 1px solid #4FA0F1;
 
−
}
 
−
#registration-details-box li { margin-bottom:10px; }
 
−
 
−
#inner-reg-box {
 
−
margin: 10px auto;
 
−
max-width: 350px;
 
−
width: 62.5%;
 
−
padding: 10px;
 
−
border: 1px solid #105B7C;
 
−
}
 
−
 
−
#free-bonus-box {
 
−
border: 1px solid #CC0000;
 
−
background: #FFFFFF;
 
−
}
 
−
 
−
#registration-details-box, #free-bonus-box {
 
−
max-width: 560px;
 
−
width: 74.66%;
 
−
margin: 20px auto;
 
−
padding: 20px;
 
−
}
 
−
 
−
.thank-you {
 
−
text-align: center;
 
−
font-family: Arial, Helvetica, sans-serif;
 
−
font-size: 1.25em;
 
−
color: #002E4B;
 
−
}
 
−
 
−
.reg-left {
 
−
float: left;
 
−
width: 50%;
 
−
}
 
−
 
−
.reg-right {
 
−
float: left;
 
−
width: 50%;
 
−
}
 
−
 
−
.reg-left, .reg-right { margin-bottom: 20px; }
 
−
 
−
.o_box {
 
−
font-size: 1.4em;
 
−
font-weight: bold;
 
−
text-align: center;
 
−
}
 
−
 
−
.buy-box {
 
−
/*max-width: 675px;*/
 
−
max-width: 899px;
 
−
/*max-height: 510px;
 
−
height: 100%;*/
 
−
height: 488px;
 
−
width: 98%;
 
−
font-size: 1em;
 
−
text-align: center;
 
−
/*padding: 5px;
 
−
border: 2px solid #105B7C; */
 
−
position: relative;
 
−
margin: 55px auto;
 
−
background-color: #F3F3F3;
 
−
background-image: url("../img/fc_chart-frame_optpq.png");
 
−
background-size: 900px 491px;
 
−
background-repeat: no-repeat;
 
−
background-position: -1px -1px;
 
−
border-radius:5px;
 
−
-moz-border-radius:5px;
 
−
-webkit-border-radius:5px;
 
−
/*opacity:0.92;*/
 
−
}
 
−
 
−
#discount.default {
 
−
width:80%;
 
−
padding: 10px 20px;
 
−
margin: 0 auto;
 
−
border-bottom: 1px solid #A6A6A6;
 
−
color: rgba(0,0,0,0.6);
 
−
text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
 
−
                0px -5px 35px rgba(255,255,255,0.3);
 
−
font-family: "Georgia","Times New Roman",Times,serif;
 
−
}
 
−
#discount.default h1, #discount.default h2 { margin: 5px 0; }
 
−
 
−
#cntdwn {
 
−
color: #F03;
 
−
font-size: 1.50em;
 
−
text-align:center;
 
−
}
 
−
 
−
.img_pricetag-green {
 
−
background: /*#6cb456*/ url("../img/pricetag-green_optpq.png") no-repeat;
 
−
width: 125px;
 
−
height: 110px;
 
−
}
 
−
 
−
.pricetag {
 
−
/*font-size: 1.5em;
 
−
color: #FFFFFF;
 
−
background: #0619F1;*/
 
−
position:absolute;
 
−
top:-35px;
 
−
right:-57.5px
 
−
/*-webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.75);
 
−
-moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.75);
 
−
box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.75);
 
−
 
−
padding:1em;
 
−
 
−
border-radius:50%;;
 
−
-moz-border-radius:50%;
 
−
-webkit-border-radius:50%;*/
 
−
}
 
−
 
−
.pricetag.sale {/*TODO: red*/ }
 
−
 
−
.pricetag .price.old {
 
−
text-decoration:line-through;
 
−
opacity: 0.3;
 
−
font-size: 40px;
 
−
}
 
−
 
−
.pricetag .price {
 
−
  font-size: 80px;
 
−
  font-family: "Georgia", arial, sans-serif;
 
−
  color: #17660A;
 
−
  font-style: italic;
 
−
  line-height: 0.751;
 
−
  text-align: center;
 
−
  position: absolute;
 
−
  left: 29.977px;
 
−
  top:18px;
 
−
  display: inline-block;
 
−
  transform:matrix( 0.52747252747253,0,0,0.52688172043011,0,0);
 
−
  -moz-transform: matrix( 0.52747252747253,0,0,0.52688172043011,0,0);
 
−
  -webkit-transform: matrix( 0.52747252747253,0,0,0.52688172043011,0,0);
 
−
  -ms-transform: matrix( 0.52747252747253,0,0,0.52688172043011,0,0);
 
−
  -o-transform: matrix( 0.52747252747253,0,0,0.52688172043011,0,0);
 
−
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.52747252747253, M12=0, M21=0, M22=0.52688172043011, SizingMethod='auto expand')";
 
−
  filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.52747252747253, M12=0, M21=0, M22=0.52688172043011, SizingMethod='auto expand' );*/  
 
−
  text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.2);
 
−
}
 
−
 
−
#discount_details {
 
−
font-family: "Georgia", arial, sans-serif;
 
−
color:#EC0F13;
 
−
font-size:2em;
 
−
text-align: left;
 
−
}
 
−
 
−
#discount_extra-info {
 
−
text-align:left;
 
−
}
 
−
 
−
#discount_details, #discount_extra-info {
 
−
width: 50%;
 
−
margin: 5px auto;
 
−
}
 
−
 
−
.equals-border {
 
−
background:#000;
 
−
width:100%;
 
−
height:2px;
 
−
display:block;
 
−
margin:1px;
 
−
}
 
−
 
−
/* HTML replacement styles */
 
−
.center { text-align: center; }
 
−
.underline { text-decoration: underline; }
 
−
.bold { font-weight: bold; }
 
−
.italic { font-style: italic; }
 
−
.uppercase { text-transform: uppercase; }
 
−
 
−
/* osticket overrides */
 
−
#main #container.support {
 
−
background: #FFFFFF;
 
−
box-shadow:none;
 
−
width:100%;
 
−
}
 
−
 
−
#container.support #logo {
 
−
padding-top:5px;
 
−
}
 
−
 
−
#container.support #header {
 
−
height:50px;
 
−
}
 
−
 
−
#container.support h4 { text-align:left; }
 
−
#container.support p#support-time {
 
−
float:left;
 
−
text-align:left;
 
−
font-size:1.1em;
 
−
}
 
−
 
−
/* Media Queries */
 
−
@media screen and (max-width: 800px) {
 
−
.colLeft, .colRight {
 
−
clear:both;
 
−
width:98%;
 
−
padding:2%;
 
−
}
 
−
 
−
#features-title {
 
−
text-align:left;
 
−
margin-left:0;
 
−
clear:both;
 
−
}
 
−
 
−
.faq {
 
−
clear:both;
 
−
width:95%;
 
−
}
 
−
 
−
#try-or-buy p {
 
−
text-align:center;
 
−
}
 
−
 
−
.buy-box {
 
−
height: 100%;
 
−
background-image: none;
 
−
border: 1px solid #BEBEBE;
 
−
}
 
−
}
 
−
 
−
@media screen and (max-width: 600px) { /* Just for the guarantee image */
 
−
.img_guarantee {
 
−
zoom: 0.5;
 
−
-moz-transform:scale(0.5);
 
−
-moz-transform-origin: 0 0;
 
−
-ms-transform:scale(0.5,0.5);
 
−
-ms-transform-origin: 0 0;
 
−
}
 
−
 
−
#guarantee-img-wrapper { height:58px; }
 
−
 
−
.reg-left { margin-bottom:5px; }
 
−
.reg-right, .reg-left {
 
−
width:100%;
 
−
clear:both;
 
−
}
 
−
}
 
−
 
−
@media screen and (max-width: 480px) {
 
−
header nav, #main, aside {
 
−
float:left;
 
−
clear:left;
 
−
margin:0 0 10px;
 
−
width:100%;
 
−
}
 
−
 
−
header nav li {
 
−
margin:0;
 
−
background: #EFEFEF;
 
−
display:block;
 
−
margin-bottom:3px;
 
−
}
 
−
 
−
header nav a {
 
−
display:block;
 
−
padding:10px;
 
−
text-align:center;
 
−
}
 
−
 
−
.img_logo {
 
−
float:none;
 
−
position:relative;
 
−
margin:10px auto;
 
−
}
 
−
 
−
.ftr_right {
 
−
float:left;
 
−
clear:both;
 
−
width:100%;
 
−
}
 
−
 
−
.img_ftr {
 
−
margin:0 auto 10px auto;
 
−
float:none;
 
−
}
 
−
 
−
.feature-title {
 
−
text-align:center;
 
−
}
 
−
 
−
#social {
 
−
top:0;
 
−
position:relative;
 
−
margin:5px auto;
 
−
}
 
−
 
−
.heading { font-size:1.25em; }
 
−
 
−
#try-or-buy .btn_green { padding: 10px; }
 
−
 
−
.img_guarantee {
 
−
zoom: 0.25;
 
−
-moz-transform:scale(0.25);
 
−
-moz-transform-origin: 0 0;
 
−
-ms-transform:scale(0.25,0.25);
 
−
-ms-transform-origin: 0 0;
 
−
}
 
−
 
−
#guarantee-img-wrapper { height:29px; }
 
−
 
−
.btn_buynow {
 
−
/*zoom: 0.75;
 
−
-moz-transform:scale(0.75);
 
−
-moz-transform-origin: 0 0;
 
−
-ms-transform:scale(0.75,0.75);
 
−
-ms-transform-origin: 0 0;*/
 
−
width:100%;
 
−
height:auto;
 
−
}
 
−
}
 
−
 
−
#getting-started, #getting-started p {
 
−
font-size: 0.95em;
 
−
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
 
−
color: #434343;
 
−
}
 
−
 
−
#getting-started h1 {
 
−
font-size: 1.75em;
 
−
font-weight: 100;
 
−
margin-bottom: 5px;
 
−
}
 
−
 
−
#getting-started h2 {
 
−
font-size: 1.2em;
 
−
margin-top: 0;
 
−
}
 
−
 
−
#getting-started h3 {
 
−
font-size: 1.6em;
 
−
}
 
−
 
−
.box-border-light {
 
−
border-radius: 10px;
 
−
-moz-border-radius: 10px;
 
−
-webkit-border-radius: 10px;
 
−
border: 1px solid #BEBEBE;
 
−
padding: 5px 20px;
 
−
}
 
−
 
−
ol.instructions {
 
−
padding-left:20px;
 
−
}
 
−
 
−
#instructions-chart-sync {
 
−
margin-top:15px;
 
−
}
 
−
 
−
p#what-is-chart-sync {
 
−
color:#939393;
 
−
}
 
−
 
−
#getting-started #additional-info {
 
−
margin: 15px 0;
 
−
}
 
−
 
−
#stay-informed { margin-bottom:15px; }
 
−
 
−
#affiliate-signup {
 
−
margin: 15px auto;
 
−
width: 75%;
 
−
max-width: 500px;
 
−
    font-size: 0.95em;
 
−
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
 
−
color: #434343;
 
−
 
−
}
 
−
 
−
#frm_affiliate-signup .text-input {
 
−
padding: 1%;
 
−
margin: 5px auto;
 
−
color: #B6B6B6;
 
−
font-size: 1em;
 
−
border: #515151 1px solid;
 
−
width: 96%;
 
−
}
 
−
 
−
#frm_affiliate-signup .btn_green, #frm_affiliate-signup .input, #affiliate-signup-form-wrapper {
 
−
max-width: 200px;
 
−
width:100%;
 
−
}
 
−
 
−
#affiliate-signup-form-wrapper {
 
−
margin: 0 auto;
 
−
}
 
−
 
−
.banner {
 
−
margin: 15px;
 
−
}
 
−
 
−
.banner img, .banner input {
 
−
margin: 5px auto;
 
−
}
 
−
 
−
.fn_red { color: #F30105; }
 
−
.fn_cross-out { text-decoration: line-through; }
 
−
.buy-box p { margin: 0; }
 
−
#main #discount.default h1, .buy-box h1 { margin-top: 55px; }
 
−
.buy-box p { font-size: 1em; }
 
−
 
−
#affiliate-area p {
 
−
font-size: 1em;
 
−
}
 
−
#affiliate-area .heading {
 
−
margin: 15px auto 15px -75%;
 
−
}
 
−
 
−
#buynow {
 
−
/*height: 720px;*/
 
−
margin: 0 -50%;
 
−
background: url("../img/fc_chart-single_no-tb_optpq.png");
 
−
background-size: 210px 118px;
 
−
background-repeat: repeat;
 
−
overflow:hidden;
 
−
}
 

Revision as of 22:58, 11 March 2015

/* CSS placed here will be applied to all skins */
Retrieved from "https://floatingcharts.com/w/index.php?title=MediaWiki:Common.css&oldid=105"