/*------------CSS STYLESHEET DYNAMICALLY GENERATED BY SPARKY---------------*/ /*------------GOOGLE FONTS---------------*/ @import url(http://fonts.googleapis.com/css?family=Exo+2:400,300&subset=latin,cyrillic); html { font-size:14px; } body { color:#666666; font-family:'Exo 2', sans-serif; text-align:left; font-weight:normal; font-style:normal; background:#F7F7F7; } div.container { background:#ffffff; } /*------------LAYOUT - SCREEN >= TEMPLATE WIDTH---------------*/ @media (min-width: 984px) { .container, .row { width:984px; } [class*="span"] { margin-left: 0; } .mp_logo{ width:328px; } .mp_topmenu{ width:656px; } .mp_header1{ width:0px; } .mp_header2{ width:0px; } .mp_top1{ width:0px; } .mp_top2{ width:0px; } .mp_top3{ width:0px; } .mp_top4{ width:0px; } .content_sparky { width:656px; } .mp_right{ width:328px; } .mp_user1{ width:0px; } .mp_user2{ width:0px; } .mp_user3{ width:0px; } .mp_breadcrumbs{ width:984px; } .mp_bottom1{ width:164px; } .mp_bottom2{ width:328px; } .mp_bottom3{ width:0px; } .mp_bottom4{ width:492px; } .mp_bottom5{ width:0px; } .mp_bottom6{ width:984px; } .mp_copyright{ width:0px; } } /*------------LAYOUT - SCREEN BETWEEN 980px AND TEMPLATE WIDTH---------------*/ @media (min-width: 980px) and (max-width: 984px) { .container { width: 868px; } .span12 { width: 868px } .span11 { width: 794px; } .span10 { width: 720px; } .span9 { width: 646px; } .span8 { width: 572px; } .span7 { width: 498px; } .span6 { width: 424px; } .span5 { width: 350px; } .span4 { width: 276px; } .span3 { width: 202px; } .span2 { width: 128px; } .span1 { width: 54px; } } /*------------LAYOUT - SCREEN BETWEEN 768px AND 979px---------------*/ @media (min-width: 768px) and (max-width: 979px) { .container { width: 724px; } .span12 { width: 724px } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } } @media (max-width: 767px) { .container { width: 100%; } [class*="span"] { width: 100%; } } .cell_pad { padding:5px 10px; margin:5px 10px; } /*------------ COMMON SETTINGS ---------------*/ a { color:#4296d7; font-weight:normal; font-style:normal; text-decoration:none; } a:hover { color:#1f74b6; text-decoration:none; } h1, h1 a { color:#333333; font-size:40px; font-family:'Exo 2', sans-serif; text-align:left; font-weight:normal; font-style:normal; } h2, h2 a { color:#333333; font-size:32px; font-family:'Exo 2', sans-serif; text-align:left; font-weight:bold; font-style:normal; } h3 { color:#666666; font-size:24px; font-family:'Exo 2', sans-serif; text-align:left; font-weight:normal; font-style:normal; } h4 { color:#666666; font-size:14px; font-family:'Exo 2', sans-serif; text-align:left; font-weight:normal; font-style:normal; } img { border:none; } /*--------------LOGO----------------*/ .sparky_logo, .sparky_logo a { color:#FFFFFF; font-size:32px; font-family:'Titillium Web', sans-serif; font-weight:normal; font-style:normal; text-align:left; text-decoration:none; } .sparky_slogan { color:#999999; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; text-align:left;} /*--------------DROP-DOWN----------------*/ ul.mnu_mainmenu { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; white-space:nowrap; } .mnu_mainmenu ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; background:#EEEEEE; } .mnu_mainmenu ul { width:270px; left:-1px; border:0px solid #dddddd; padding:12px; } .mnu_mainmenu > li > a, .mnu_mainmenu > li > span { display:block; margin:0; text-decoration:none; color:#ffffff; font-size:14px; padding-left:15px; padding-right:15px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; height:20px; cursor:pointer; } .mnu_mainmenu > li.active > a, .mnu_mainmenu > li.active > span { color:#ffffff !important; cursor:pointer; } .mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > a, .mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > span { color:#4296D7 !important; } .mnu_mainmenu > li { float:left; position:relative; width:150px; text-align:left; margin:0; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; background:TRANSPARENT; } .mnu_mainmenu > li.active { background:TRANSPARENT; } .mnu_mainmenu > li:first-child { border-left:1px solid #cccccc; } .mnu_mainmenu li:hover { position:relative; background:#EEEEEE; } .mnu_mainmenu li ul li:hover { background:#E6E6E6; } .mnu_mainmenu li ul li { height:25px; border-bottom:0px solid #dddddd; padding:0 10px; text-align:left;} .mnu_mainmenu li ul a, .mnu_mainmenu li ul span { line-height:25px; font-size:12px; color:#666666; font-weight:normal; font-style:normal; padding-top:0; cursor:pointer; } .mnu_mainmenu li ul a:hover, .mnu_mainmenu li ul span:hover { color:#333333; } .mnu_mainmenu li ul ul { left:270px; margin-top:-1px; } .mnu_mainmenu ul ul { top:0px; } .mnu_mainmenu > li.parent { background-image:url(/templates/hot_explorer/images/arrow_down.png); background-repeat:no-repeat; background-position:right center; padding-right:15px; } .mnu_mainmenu li li.parent { background:url(/templates/hot_explorer/images/arrow_right.png) no-repeat right center; } .mnu_mainmenu .sub { font-size:10px; line-height:normal; display:block; } /*--------------HORIZONTAL----------------*/ .mnu_online { background:#DDDDDD; width:100%; height:40px; font-family:Arial, Helvetica, sans-serif; } .mnu_online > li { background:TRANSPARENT; line-height:40px; padding:0 27px; margin:0; border:1px solid #666666; border-left:none; border-bottom:none; margin:0 0px; -webkit-radius:0px 0px 0 0; -moz-radius:0px 0px 0 0; border-radius:0px 0px 0 0; } .mnu_online > li:first-child { border-left:1px solid #666666; } .mnu_online > li:hover, .mnu_online > li.parent:hover { background:#aaaaaa; } .mnu_online > li.active { background:#333333; border-color:#333333; border-left:1px solid #333333; } .mnu_online > li.active a { color:#FFFFFF; } .mnu_online > li a:hover { color:#FFF; } .mnu_online > li > a { font-size:14px; color:#333333; } .mnu_online > li > a:hover { color:#000000; } .mnu_online, .mnu_online ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; } .mnu_online li a { display:block; text-decoration:none; } .mnu_online ul { position: absolute; z-index:200; float: left; } .mnu_online ul { display:none; } .mnu_online > li , .mnu_online > li > ul > li { float:left; } .mnu_online > li:hover > ul { display:block; } .mnu_online > li.active > ul { display: block; } .navh_submenu { font-family:Arial, Helvetica, sans-serif; float: left; clear: both; } .navh_submenu li { display: block; } div.navh_submenu { background:#333333; height:25px; line-height:25px; width:100%; } div.navh_submenu ul { margin: 0; padding: 0; } div.navh_submenu ul > li { padding:0 15px; margin:0; float:left; } div.navh_submenu ul > li > a { color:#dddddd !important; font-size:12px; } div.navh_submenu ul > li > a:hover { color:#ffffff !important; } div.navh_submenu ul > li > ul { padding:15px; background:#782320; position: absolute; margin-left:-15px; } div.navh_submenu ul > li > ul > li { width:150px; line-height:20px; padding:0; margin:0; float:none; } div.navh_submenu ul > li > ul > li > a { color:#ffffff !important; font-size:11px; } div.navh_submenu ul > li > ul > li > a:hover { color:#cccccc !important; } /*--------------SCROLL TO TOP----------------*/ #back-top { bottom: 25px; right: 25px; } /*--------------FONT RESIZE----------------*/ #font_resize { text-align:right; } #font_resize a { color:#fff; text-decoration:none; padding:0 2px; } .clr { clear:both; } /*--------------RESPONSIVE TOP MENU----------------*/ select.tinynav { background-color:#000; background-image:none; height:30px; color:#eee; border:1px solid #666; }