forked from 4ducky/4ducky
154 lines
6.1 KiB
CSS
154 lines
6.1 KiB
CSS
/*----------------------------- RESET ----------------------------- */
|
|
|
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
|
|
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
|
|
body{line-height:1}
|
|
ol,ul{list-style:none}
|
|
blockquote,q{quotes:none}
|
|
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
|
|
table{border-collapse:collapse;border-spacing:0}
|
|
a{text-decoration:none}
|
|
|
|
h1, h2, h3, strong{font-weight:bold}
|
|
button{background:none; border:none; cursor:pointer}
|
|
|
|
/*----------------------------- GLOBAL ----------------------------- */
|
|
|
|
html, body{height:100%;}
|
|
|
|
body, p, ol, ul, td {
|
|
font-family: Arial,Helvetica,sans-serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
color:#666;
|
|
}
|
|
|
|
body{ background: #fafafa url('bg_header.png') 0 0 repeat-x }
|
|
body.plain{ background: #FFF }
|
|
|
|
a{color: #0D67AD}
|
|
a:hover{text-decoration:underline}
|
|
|
|
.clear{clear:both}
|
|
.clearfix:after {
|
|
content: ".";
|
|
display: block;
|
|
clear: both;
|
|
visibility: hidden;
|
|
line-height: 0;
|
|
height: 0;
|
|
}
|
|
|
|
.clearfix {display: inline-block;}
|
|
|
|
html[xmlns] .clearfix {display: block;}
|
|
* html .clearfix {height: 1%;}
|
|
|
|
.hideText{text-indent:-2000px;font-size:0em;line-height:0em;overflow:hidden;}
|
|
.marginR{margin-right:20px !important}
|
|
.separator{display:block; border-top:1px solid #CCC; border-bottom:1px solid #FFF; height:0; margin:5px 0}
|
|
.floatR{float:right}.floatL{float:left}
|
|
.spacing{display:block; height:20px}
|
|
.sections{display:block}
|
|
|
|
.section{display:block; margin:20px 0}
|
|
.section img{margin-right:10px; float:left}
|
|
|
|
strong{color:#242424}
|
|
h2{margin-bottom: 10px}
|
|
|
|
/*----------------------------- HEADER ----------------------------- */
|
|
|
|
#wrapper{width:960px; margin:0 auto; display:block}
|
|
#header{position:relative; display:block;}
|
|
#logo{background:url('logo_ix.png') 0 0 no-repeat; display:block; width:165px; height:35px; margin:2px 0 0; cursor:pointer}
|
|
|
|
/*----------------------------- LOGIN ----------------------------- */
|
|
|
|
#login_links{width:40%}
|
|
.login_links{background-image:url('icon_sidemenu.png'); background-repeat: no-repeat; padding: 2px 0 2px 30px; display:block; margin:0 0 5px; color:#999; font-size:11px}
|
|
.login_links#ix_password{background-position:-4px -312px}
|
|
.login_links#ix_helpdesk{background-position:-4px -404px}
|
|
.login_links#ix_faqs{background-position:-4px -342px}
|
|
.login_links#ix_blog{background-position:-4px -254px}
|
|
.login_links#ix_stats{background-position:-4px -374px}
|
|
|
|
.login_links:hover{color:#242424; text-decoration:none}
|
|
.login_links#ix_password:hover{background-position:-4px -156px}
|
|
.login_links#ix_helpdesk:hover{background-position:-4px -4px}
|
|
.login_links#ix_faqs:hover{background-position:-4px -186px}
|
|
.login_links#ix_blog:hover{background-position:-4px -94px}
|
|
.login_links#ix_stats:hover{background-position:-4px -218px}
|
|
|
|
/*----------------------------- CONTENT ----------------------------- */
|
|
|
|
#title{font-size:18px; font-weight:bold; margin: 10px 0; line-height:20px; width:50%; float:left}
|
|
#title > span{font-size:14px; color:#999; font-weight:normal; display:block; margin: 10px 0}
|
|
#title > i{font-style:normal; color:#999}
|
|
#title > p{font-weight:normal; color:#666}
|
|
|
|
#content{display:block; margin:30px 0;}
|
|
#content h1{font-size:20px; color:#333; font-weight:bold; background:url('hr.png') 0 bottom repeat-x; padding-bottom:12px; text-indent:2px; margin-bottom:5px}
|
|
#content .subtitle{font-size:16px}
|
|
|
|
#ipad{
|
|
background: #000 url('bg_ipad.png') left top no-repeat;
|
|
display:block;
|
|
margin: 10px auto;
|
|
padding:40px 60px 40px 40px;
|
|
position:relative;
|
|
-webkit-border-radius:20px;
|
|
-webkit-border-radius:20px;
|
|
border-radius:20px;
|
|
}
|
|
|
|
#button{
|
|
background:url('img_btn_ipad.png') 0 0 no-repeat;
|
|
display:block;
|
|
width:42px;
|
|
height:42px;
|
|
position:absolute;
|
|
z-index:5;
|
|
top:50%;
|
|
right:5px
|
|
}
|
|
|
|
.style4{text-align:center; font-size:18px; margin: 50px auto; display:block; width: 70%; line-height:30px}
|
|
.style4 a{font-size:24px; margin: 10px 0; font-weight:bold; color: #242424}
|
|
|
|
.cols2, .cols2_big, .cols2_small{
|
|
display:block;
|
|
float:left;
|
|
margin-top:10px
|
|
}
|
|
.cols2{width:470px}
|
|
.cols2_small{width:210px; margin-right:40px}
|
|
.cols2_big{width:710px}
|
|
.cols2_big > div{margin-bottom:30px}
|
|
.cols2 a{text-transform:capitalize; color: #0D67AD}
|
|
.cols2 a:hover{text-decoration:underline}
|
|
|
|
.btn_collection{display:inline-block; margin:10px 0; zoom:1; *display:inline;}
|
|
.btn_collection li{background:#EFEFEF url('bg_btn_grey.png') 0 0 repeat-x; float:left; border:1px solid #CCC; border-left:none; padding:2px}
|
|
.btn_collection li:first-child{border-left:1px solid #CCC;border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;}
|
|
.btn_collection li:last-child{border-top-right-radius: 10px; border-bottom-right-radius: 10px;; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;}
|
|
.btn_collection li:hover{background:#DDD}
|
|
.btn_collection button{ font-size:10px; color:#666; cursor:pointer}
|
|
.btn_collection button:hover{ color:#242424}
|
|
|
|
.btn_collection_blue{display:block; padding-left:15%}
|
|
.btn_collection_blue button{display:inline-block; zoom:1; *display:inline; float:left; margin-right:10px}
|
|
|
|
/*----------------------------- FOOTER ----------------------------- */
|
|
|
|
#footer{
|
|
display:block;
|
|
border-top:1px solid #CCC;
|
|
margin:0 0 20px
|
|
}
|
|
#footer ul{border-top:1px solid #FFF; display:block}
|
|
#footer li{float:left; padding:10px 15px 5px 0; display:inline-block; zoom:1; *display:inline}
|
|
#footer li a{color:#666; font-size:11px}
|
|
#footer li a:hover{text-decoration:underline}
|
|
#footer p{font-size:11px}
|