/*--------- Main ---------------*/ | |
html { | |
background: #fff url("../images/body_bg.jpg") repeat; | |
} | |
body { | |
background: transparent; | |
color: #383838; | |
font-family: Arial, sans-serif; | |
font-size: 12px; | |
margin: 0; | |
padding: 0; | |
line-height: 1.8em; | |
text-align: justify; | |
} | |
html,body,#body_wrapper { | |
height: 100%; | |
} | |
body>#body_wrapper { | |
height: auto; | |
min-height: 50%; | |
} | |
#body_wrapper,#header_wrapper,#footer_wrapper,#slider_wrapper,#brand_wrapper,.row | |
{ | |
height: auto; | |
min-height: 70px; | |
overflow: hidden; | |
margin: 0 auto 10px auto; | |
} | |
#header_wrapper,#body_wrapper,#footer_content,.row,.parallax_row { | |
width: 995px; | |
min-height: 0 !important; | |
} | |
p { | |
margin: 10px 0 0 0; | |
padding: 0; | |
} | |
ul { | |
margin-bottom: 30px; | |
margin-top: 5px; | |
} | |
a,#menu_wrapper a:hover { | |
color: #c06cea; | |
text-decoration: none; | |
font-weight: bold; | |
} | |
a:hover { | |
color: #383838; | |
} | |
img { | |
border: none; | |
} | |
.clear { | |
clear: both; | |
} | |
.left { | |
float: left; | |
} | |
.right { | |
float: right; | |
} | |
.separator { | |
clear: both; | |
border-top: 1px solid #ebebeb; | |
height: 1px; | |
display: block; | |
} | |
.shadow { | |
box-shadow: 0 2px 6px #999; | |
} | |
.page_title { | |
font-size: 26px; | |
border-top: 1px solid #D3D3D3; | |
padding: 20px 0; | |
text-transform: uppercase; | |
text-align: center; | |
font-weight: normal; | |
border-bottom: 1px solid #D3D3D3; | |
margin: 0 0 20px 0; | |
} | |
#incubation { | |
margin-top: -29px; | |
} | |
#incubation a:hover { | |
border: none !important; | |
} | |
#incubation img { | |
position: relative; | |
width: 43px; | |
height: auto; | |
margin-left: 30px; | |
} | |
/*--------- Header ---------------*/ | |
#header_wrapper { | |
background: transparent; | |
padding: 5px 0; | |
} | |
#logo { | |
position: relative; | |
float: left; | |
top: 19px; | |
} | |
#logo img { | |
width: 270px; | |
height: auto; | |
} | |
#header_title { | |
color: #5d5953; | |
text-shadow: 0px 1px 1px #aaa; | |
padding: 0 0 0 20px; | |
width: 25%; | |
float: right; | |
text-transform: uppercase; | |
line-height: 3.1em; | |
} | |
#header_title h1 { | |
font-size: 24px; | |
padding: 4px 0; | |
margin: 0; | |
letter-spacing: 5px; | |
} | |
#menu_wrapper { | |
display: block; | |
float: right; | |
font-size: 14px; | |
padding-top: 37px; | |
} | |
#menu_wrapper ul { | |
float: left; | |
clear: both; | |
padding-left: 2px; | |
margin: 0; | |
} | |
#menu_wrapper ul li { | |
display: block; | |
float: left; | |
list-style: none; | |
padding-right: 35px; | |
text-transform: uppercase; | |
} | |
#menu_wrapper ul li { | |
} | |
#menu_wrapper a { | |
color: #383838; | |
} | |
#menu_wrapper a:hover,#menu_wrapper li.current_menu_item a { | |
border-bottom: 4px solid #c06cea; | |
padding-bottom: 4px; | |
} | |
#menu_wrapper a:hover { | |
-webkit-transition: color 250ms, border 250ms ease; | |
-moz-transition: color 250ms, border 250ms ease; | |
-ms-transition: color 250ms, border 250ms ease; | |
-o-transition: color 250ms, border 250ms ease; | |
transition: color 250ms, border 250ms ease; | |
} | |
#menu_wrapper li.current_menu_item a { | |
color: #c06cea; | |
} | |
/*--------- Slider Wrapper ---------------*/ | |
#slider_wrapper { | |
width: 100%; | |
background: url("../images/slider_bg.png") repeat; | |
color: #fff; | |
height: 440px; | |
text-align: center; | |
} | |
#slider_wrapper h1 { | |
font-size: 28px; | |
text-align: center; | |
font-weight: normal; | |
padding: 15px 0 10px 0; | |
} | |
#player { | |
width: 650px; | |
height: 350px; | |
margin: 30px auto; | |
border-radius: 2px; | |
box-shadow: 0 2px 18px #383838; | |
} | |
.home_player { | |
height: 393px !important; | |
} | |
.fake_player_button { | |
background: url("../images/buttons/fake_player_button.png") no-repeat; | |
display: block; | |
height: 83px; | |
width: 136px; | |
position: absolute; | |
margin-top: -270px; | |
margin-left: 255px; | |
} | |
#player:hover .fake_player_button { | |
background: url("../images/buttons/fake_player_button_hover.png") | |
no-repeat; | |
} | |
/*--------- Body Wrapper ---------------*/ /* Home Page | |
------------------------------ */ | |
#brand_wrapper,.community_links,.download_wrapper { | |
padding: 9px 0; | |
position: relative; | |
width: 100%; | |
} | |
#brand_wrapper h1,.community_item h2,.download_item h1,.tuto_resources h2 | |
{ | |
color: #383838; | |
font-weight: normal; | |
text-align: center; | |
line-height: 1; | |
border-top: 1px solid #d3d3d3; | |
border-bottom: 1px solid #d3d3d3; | |
padding: 12px 0; | |
font-size: 23px; | |
} | |
#brand_wrapper .brand_item { | |
float: left; | |
width: 30%; | |
margin-right: 49px; | |
text-align: center; | |
} | |
.last_item { | |
margin-right: 0 !important; | |
padding-right: 0 !important; | |
} | |
#scalable,#extensible,#easy { | |
display: block; | |
margin: 20px auto; | |
width: 100px; | |
height: 100px; | |
} | |
#easy { | |
background: url("../images/icons/icon_easy.png") no-repeat; | |
} | |
#easy:hover { | |
background: url("../images/icons/icon_easy_hover.png") no-repeat; | |
} | |
#extensible { | |
background: url("../images/icons/icon_extensible.png") no-repeat; | |
} | |
#extensible:hover { | |
background: url("../images/icons/icon_extensible_hover.png") no-repeat; | |
} | |
#scalable { | |
background: url("../images/icons/icon_scalable.png") no-repeat; | |
} | |
#scalable:hover { | |
background: url("../images/icons/icon_scalable_hover.png") no-repeat; | |
} | |
.learn_more,.btn { | |
display: block; | |
width: 240px; | |
height: 40px; | |
margin: auto; | |
text-align: center; | |
line-height: 40px; | |
color: #fff !important; | |
background-color: #c06cea !important; | |
text-transform: uppercase; | |
} | |
.learn_more:hover,.btn:hover { | |
background-color: #6a95ea !important; | |
color: #fff !important; | |
} | |
.btn_large { | |
width: 280px; | |
} | |
/* Overview Page | |
------------------------------ */ | |
h1.intro { | |
font-size: 23px; | |
line-height: 1.7 !important; | |
font-weight: normal; | |
margin-bottom: 30px; | |
margin-top: 0; | |
color: #000; | |
} | |
.section,.install_section { | |
margin: 15px 0 40px 0; | |
} | |
.section:FIRST-CHILD,.install_section:FIRST-CHILD { | |
margin-top: 0; | |
} | |
.section:after { | |
display: block; | |
visibility: hidden; | |
height: 0; | |
clear: both; | |
content: "."; | |
} | |
.section.left,.section.right { | |
width: 510px; | |
} | |
.section.left { | |
padding-right: 470px; | |
} | |
.section.left .image { | |
float: right; | |
margin-right: -490px; | |
} | |
.section.right { | |
padding-left: 483px; | |
} | |
.section.right .image { | |
float: left; | |
margin-left: -490px; | |
} | |
.image:after,.bottom_content .lnk:after { | |
display: block; | |
visibility: hidden; | |
height: 0; | |
clear: both; | |
content: "." | |
} | |
.image img { | |
margin: 10px 10px 20px 10px; | |
float: left; | |
} | |
.bottom_content { | |
background-image: url("/images/banners/banner_background.png") | |
!important; | |
min-height: 112px; | |
padding: 25px; | |
color: #fff; | |
} | |
.bottom_content .lnk { | |
margin: 15px 0 !important; | |
float: none; | |
} | |
/* Tabs in Download Page | |
-----------------------------*/ | |
#tabs_content_container p { | |
margin-left: 0 !important; | |
} | |
#tabs_content_container { | |
padding: 20px 0 0 0; | |
text-align: justify; | |
position: relative; | |
z-index: 1; | |
margin-top: 10px; | |
} | |
.tab_content { | |
display: none; | |
} | |
#tabs_content_container .dwnld_wrapper { | |
display: inline-block; | |
} | |
#tabs_content_container ul.installnav { | |
float: left; | |
padding: 0; | |
width: 993px; | |
background-color: #fff; | |
border: 1px solid #dfdfdf; | |
border-left: none; | |
} | |
#tabs_content_container ul.installnav li { | |
display: inline; | |
} | |
#tabs_content_container ul.installnav li a p { | |
font-size: 10px; | |
margin: 10px 0; | |
} | |
#tabs_content_container ul.installnav li a { | |
display: block; | |
text-align: left; | |
text-decoration: none; | |
background: url("../images/download/installnav_bg.png") no-repeat 0 0; | |
box-shadow: 2px 0 6px #777; | |
width: 165px; | |
} | |
#tabs_content_container ul.installnav li.active a,#tabs_content_container ul.installnav li.active a:hover | |
{ | |
color: #282828; | |
outline: none; | |
background: url("../images/download/installnav_active_bg.png") no-repeat | |
right; | |
box-shadow: none; | |
width: 186px; | |
border: none; | |
} | |
#tabs_content_container ul.installnav li a:hover { | |
background: url("../images/download/installnav_hover_bg.png") no-repeat | |
0 0; | |
cursor: pointer; | |
} | |
#tabs_content_container ul.installnav li.active a span { | |
text-align: center; | |
border-right: none; | |
} | |
#tabs_content_container ul.installnav li a span { | |
display: block; | |
width: 164px; | |
height: 122px; | |
padding: 40px 0; | |
text-align: center; | |
color: #595959; | |
border: 1px solid #dfdfdf; | |
} | |
#tabs_content_container ul.installnav li a span p.recommended { | |
margin-top: -14px; | |
color: #999; | |
} | |
#tabs_content_container h2 { | |
font-size: 14px; | |
} | |
.updateSiteBlock,.drag2install_tooltip { | |
color: #fff; | |
display: none; | |
position: absolute; | |
visibility: visible; | |
top: 16px; | |
} | |
.drag2install_tooltip { | |
width: 318px; | |
height: 59px; | |
background-image: url("../images/download/tooltip_bg.png"); | |
background-repeat: no-repeat; | |
z-index: 12; | |
left: 290px; | |
top: 45px; | |
} | |
#content_emc { | |
display: block; | |
} | |
#content_drag2install,#content_updatesite,#content_emc,#content_drag2install_1,#content_updatesite_1,#content_emc_1 | |
{ | |
float: right; | |
position: absolute; | |
top: 70px; | |
left: 185px; | |
padding: 0 50px; | |
background: transparent; | |
cursor: default; | |
} | |
#content_drag2install p,#content_updatesite p,#content_emc p,#content_drag2install_1 p,#content_updatesite_1 p,#content_emc_1 p | |
{ | |
margin-left: 20px !important; | |
} | |
#content_drag2install,#content_updatesite,#content_drag2install_1,#content_updatesite_1 | |
{ | |
display: none; | |
margin-bottom: 20px; | |
} | |
#content_drag2install a,#content_updatesite a,#content_emc a,#content_drag2install_1 a,#content_updatesite_1 a,#content_emc_1 a | |
{ | |
background: transparent !important; | |
display: inline !important; | |
color: #c06cea !important; | |
cursor: pointer; | |
} | |
#content_drag2install a:hover,#content_updatesite a:hover,#content_emc a:hover,#content_drag2install_1 a:hover,#content_updatesite_1 a:hover,#content_emc_1 a:hover | |
{ | |
color: #383838 !important; | |
} | |
#content_updatesite_1 h3 { | |
font-size: 14px; | |
margin: 0 0 0 20px; | |
} | |
#content_updatesite_1 input { | |
width: 412px; | |
font-size: inherit; | |
font-family: inherit; | |
margin-left: 20px; | |
color: #777; | |
border: 0.1em solid #ddd; | |
padding: 4px; | |
} | |
.dwnld_icon { | |
padding-right: 8px; | |
} | |
#install,#install_1,#closeButton,.drag2install:hover { | |
cursor: pointer; | |
} | |
#updatesite:hover,#install_emc:hover { | |
cursor: default; | |
} | |
.link-color { | |
color: #148EC5; | |
} | |
.clear { | |
clear: both; | |
height: 1px; | |
} | |
#install_1 img { | |
margin: 40px 0 10px 0; | |
} | |
.updateSite img { | |
margin: 40px 0 0 0; | |
} | |
/*--------- Community Page ------------*/ | |
.community_links h1 { | |
margin-bottom: 0 !important; | |
font-weight: normal; | |
color: #000; | |
} | |
.community_links,.download_wrapper { | |
float: left; | |
} | |
.community_item { | |
float: left; | |
width: 27%; | |
margin-right: 92px; | |
} | |
.community_item p { | |
text-align: justify; | |
width: 100%; | |
} | |
.community_item h2 { | |
font-size: 18px; | |
} | |
.community_item a, .brand_item a{ | |
color: #383838; | |
font-weight: normal; | |
} | |
.community_item a:hover,.brand_item a:hover { | |
color: #c06cea; | |
} | |
.community_icons { | |
display: block; | |
margin: 0 20px 40px 0; | |
float: left; | |
height: 50px; | |
width: 50px; | |
} | |
#start { | |
background: url("../images/icons/icon_start.png") no-repeat; | |
} | |
#doc { | |
background: url("../images/icons/icon_doc.png") no-repeat; | |
} | |
#wiki { | |
background: url("../images/icons/icon_wiki.png") no-repeat; | |
} | |
#forum { | |
background: url("../images/icons/icon_forum.png") no-repeat; | |
} | |
#bug { | |
background: url("../images/icons/icon_bug.png") no-repeat; | |
} | |
#support { | |
background: url("../images/icons/icon_support.png") no-repeat; | |
} | |
#mailing { | |
background: url("../images/icons/icon_mailing.png") no-repeat; | |
} | |
#code { | |
background: url("../images/icons/icon_code.png") no-repeat; | |
} | |
#project { | |
background: url("../images/icons/icon_project.png") no-repeat; | |
} | |
#start:hover { | |
background: url("../images/icons/icon_start_hover.png") no-repeat; | |
} | |
#doc:hover { | |
background: url("../images/icons/icon_doc_hover.png") no-repeat; | |
} | |
#wiki:hover { | |
background: url("../images/icons/icon_wiki_hover.png") no-repeat; | |
} | |
#forum:hover { | |
background: url("../images/icons/icon_forum_hover.png") no-repeat; | |
} | |
#bug:hover { | |
background: url("../images/icons/icon_bug_hover.png") no-repeat; | |
} | |
#support:hover { | |
background: url("../images/icons/icon_support_hover.png") no-repeat; | |
} | |
#mailing:hover { | |
background: url("../images/icons/icon_mailing_hover.png") no-repeat; | |
} | |
#code:hover { | |
background: url("../images/icons/icon_code_hover.png") no-repeat; | |
} | |
#project:hover { | |
background: url("../images/icons/icon_project_hover.png") no-repeat; | |
} | |
/* Git Wrapper | |
------------------------------*/ | |
.parallax_wrapper { | |
clear: both; | |
width: 100%; | |
position: relative; | |
padding: 30px 0 30px 0; | |
/*background-color: #c7c7c7;*/ | |
background: #fff url("../images/bg_grey.png") repeat; | |
height: auto; | |
min-height: 70px; | |
overflow: hidden; | |
margin: 0 auto; | |
color: #fff; | |
} | |
.parallax_wrapper h1.intro{ | |
color: #fff; | |
} | |
.parallax_left { | |
vertical-align: middle; | |
width: 483px; | |
float: left; | |
height: 180px; | |
} | |
/* Footer | |
------------------------------ */ | |
#footer_wrapper { | |
clear: both; | |
width: 100%; | |
color: #fff; | |
position: relative; | |
padding: 30px 0; | |
margin-bottom: 0; | |
font-size: 10px; | |
background-color: #1e2786; | |
} | |
#footer_content, .parallax_row { | |
margin: 0 auto; | |
} | |
#footer_wrapper a { | |
font-weight: normal; | |
color: #c2bfd8; | |
} | |
#footer_wrapper a:hover { | |
color: #fff; | |
} | |
#footer_wrapper ul { | |
list-style: none; | |
padding: 0 | |
} | |
#footer_wrapper .column { | |
width: 20%; | |
padding: 0 0 0 199px; | |
float: left; | |
position: relative; | |
} | |
#footer_wrapper .column:FIRST-CHILD { | |
padding: 0; | |
} | |
#footer_wrapper .column .columntitle { | |
position: relative; | |
width: 100%; | |
border-bottom: 1px solid #fff; | |
} | |
#footer_wrapper .column h3 { | |
padding-bottom: 5px; | |
font-size: 14px; | |
font-weight: bold; | |
letter-spacing: 1px; | |
margin: 0; | |
text-transform: uppercase; | |
} | |
#footer_wrapper .column.right { | |
width: 184px; | |
} |