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...")
 
 
(19 intermediate revisions by the same user not shown)
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 {
+
.pagination-nav {
text-decoration:line-through;
+
  clear: both;
opacity: 0.3;
+
  padding-right: 20%;
font-size: 40px;
 
 
}
 
}
  
.pricetag .price {
+
.pagination-nav a {
  font-size: 80px;
+
   color: #0000FF;
  font-family: "Georgia", arial, sans-serif;
+
   font-size: 16px;
   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 {
+
.pagination-nav .previous {
font-family: "Georgia", arial, sans-serif;
+
  float: left;
color:#EC0F13;
 
font-size:2em;
 
text-align: left;
 
 
}
 
}
  
#discount_extra-info {
+
.pagination-nav .next {
text-align:left;
+
  float: right;
 
}
 
}
  
#discount_details, #discount_extra-info {
+
.column {
width: 50%;
+
  float: left;
margin: 5px auto;
+
  padding: 10px;
 
}
 
}
  
.equals-border {
+
.col-2 {
background:#000;
+
  max-width: 50%;
width:100%;
 
height:2px;
 
display:block;
 
margin:1px;
 
 
}
 
}
  
/* HTML replacement styles */
+
.col-3 {
.center { text-align: center; }
+
  max-width: 33%;
.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 {
+
.col-4 {
padding-top:5px;
+
  max-width: 25%;
 
}
 
}
  
#container.support #header {
 
height:50px;
 
}
 
  
#container.support h4 { text-align:left; }
+
@media screen and (max-width: 900px) {
#container.support p#support-time {
+
  .pagination-nav {
float:left;
+
    padding-right: 0;
text-align:left;
+
  }
font-size:1.1em;
 
 
}
 
}
  
/* Media Queries */
+
@media screen and (max-width: 720px) {
@media screen and (max-width: 800px) {
+
  .col-2 {
.colLeft, .colRight {
+
    max-width: 100%;
clear:both;
+
    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 */
+
@media screen and (max-width: 600px) {
.img_guarantee {
+
  .col-3 {
zoom: 0.5;
+
    max-width: 100%;
-moz-transform:scale(0.5);
+
    clear: both;
-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) {
 
@media screen and (max-width: 480px) {
header nav, #main, aside {
+
  .col-2 {
float:left;
+
     max-width: 100%;
clear:left;
+
    clear: both;
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;
 
 
}
 
}

Latest revision as of 05:38, 12 March 2015

/* CSS placed here will be applied to all skins */

.pagination-nav {
  clear: both;
  padding-right: 20%;
}

.pagination-nav a {
  color: #0000FF;
  font-size: 16px;
}

.pagination-nav .previous {
  float: left;
}

.pagination-nav .next {
  float: right;
}

.column {
  float: left;
  padding: 10px;
}

.col-2 {
  max-width: 50%;
}

.col-3 {
  max-width: 33%;
}

.col-4 {
  max-width: 25%;
}


@media screen and (max-width: 900px) {
  .pagination-nav {
    padding-right: 0;
  }
}

@media screen and (max-width: 720px) {
  .col-2 {
    max-width: 100%;
    clear: both;
  } 
}

@media screen and (max-width: 600px) {
  .col-3 {
    max-width: 100%;
    clear: both;
  }
}

@media screen and (max-width: 480px) {
  .col-2 {
    max-width: 100%;
    clear: both;
  }
}