MediaWiki:Common.css

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.

/* 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;
}