/** =========================================================================== * Site:gizmoslist.com * Theme:gizmoslist * CSS:styles.custom.css */ /* ---------------------------------------------------------------------------- * Tooltip */ #tooltip { font-family: Ubuntu, sans-serif; font-size: 0.875em; text-align: center; text-shadow: 0 1px rgba( 0, 0, 0, .5 ); line-height: 1.5; color: #ffffff; background: #333333; background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) ); background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); z-index: 100; padding: 15px; position: absolute; } #tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #333333; border-top-color: rgba( 0, 0, 0, .7 ); content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; display: none; } #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #333333; border-bottom-color: rgba( 0, 0, 0, .6 ); top: -20px; bottom: auto; } #tooltip.left:after { margin: 0; left: 10px; } #tooltip.right:after { margin: 0; right: 10px; left: auto; } .block a.dropdown-toggle.block-toggle { display: none; } /** --------------------------------------------------------------------------- * Header */ #page #header .header-inner { background-image: none; background: rgb(53, 106, 160); background: -moz-linear-gradient(top, rgba(53, 106, 160, 1) 0%, rgba(53, 106, 160, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(53, 106, 160, 1)), color-stop(100%, rgba(53, 106, 160, 1))); background: -webkit-linear-gradient(top, rgba(53, 106, 160, 1) 0%, rgba(53, 106, 160, 1) 100%); background: -o-linear-gradient(top, rgba(53, 106, 160, 1) 0%, rgba(53, 106, 160, 1) 100%); background: -ms-linear-gradient(top, rgba(53, 106, 160, 1) 0%, rgba(53, 106, 160, 1) 100%); background: linear-gradient(to bottom, rgba(53, 106, 160, 1) 0%, rgba(53, 106, 160, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#356aa0', endColorstr='#356aa0', GradientType=0); } #block-superfish-1 .sf-menu.sf-style-blue li, #block-superfish-1 .sf-menu.sf-style-blue.sf-navbar { background: #203254; } #block-block-57 .block-inner { background: none; } #block-superfish-1 .sf-menu.sf-style-blue li, #block-superfish-1 .sf-menu.sf-style-blue.sf-navbar { background: #203254; font-family: Arial, Helvetica, sans-serif; } #block-superfish-1 a > .sf-sub-indicator { right: 3px; } #menu-bar #superfish-1 li span.nolink, #menu-bar #superfish-1 li a { font-size: 15px; font-weight: normal; line-height: normal; display: block; color: #fff; cursor: pointer; height: auto; padding: 10px 15px; } /** --------------------------------------------------------------------------- * Mobile Nav */ #mobile-nav { background: #5F94C9 url(../images/mobile-menu.png) no-repeat 8px 16px; display: block; height: 50px; width: 45px; float: left; text-indent: -999px; overflow: hidden; } #mobile-menu { float: right; } #mobile-menu span { background: #5F94C9 url(../images/mobile-menu.png) no-repeat 8px 16px; display: block; height: 50px; width: 45px; float: left; text-indent: -999px; overflow: hidden; margin-right: 1px; } #mobile-menu span.mobile-socialmenu { background-position: -30px 14px; } #mobile-menu span.mobile-search { background-position: -79px 14px; } #mobile-menu span.mobile-logout { background-position: -188px 14px; } #mobile-menu span.mobile-socialmenu.selected { background: #13273C url(../images/mobile-menu.png) no-repeat -30px 14px; } #mobile-menu span.mobile-search.selected { background: #13273C url(../images/mobile-menu.png) no-repeat -79px 14px; } #mobile-menu, #mobile-nav, #logomobile { display: none; } /** --------------------------------------------------------------------------- * Superfish (disabled) * #block-superfish-1 .sf-menu.sf-style-blue li:hover, #block-superfish-1 .sf-menu.sf-style-blue.sf-navbar li ul, #block-superfish-1 .sf-menu.sf-style-blue.sf-navbar li ul li, #block-superfish-1 .sf-menu.sf-style-blue li:hover, #block-superfish-1 .sf-menu.sf-style-blue li.sfHover, #block-superfish-1 .sf-menu.sf-style-blue li.active a, #block-superfish-1 .sf-menu.sf-style-blue a:focus, #block-superfish-1 .sf-menu.sf-style-blue a:hover, #block-superfish-1 .sf-menu.sf-style-blue a:active, #block-superfish-1 .sf-menu.sf-style-blue.sf-navbar li li { background: #657290; color: #fff !important; } */ /** --------------------------------------------------------------------------- * Scroll */ .track4 { width: 1px; right: 0px; } .track4:active, .track4 { background: #fff; /* No RGBA support */ left: 6px; } .handle4 { width: 7px; background-clip: padding-box; background: #4D7FD2; left: -3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .handle4:hover { background: #4D7FD2; /* No RGBA support */ } .dragging .handle4, .handle4:active { background: #4D7FD2; /* No RGBA support */ } /** --------------------------------------------------------------------------- * Login/Logout */ #block-user-login .block-inner { background: none; } #block-user-login { margin-top: 18px; } #block-user-login h2.block-title { color: #fff; text-decoration: none; cursor: pointer; padding: 6px 10px; background: #13273C; font-size: 12px; font-weight: normal; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .logout a { background: #fc3; display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2); border: none; height: 26px; padding: 0px 13px; color: white; } .logout { padding-bottom: 10px; text-align: right; } #block-user-login h2.block-title.menu-open { background: #13273C; color: #fff; height: 40px; } #block-user-login .content { position: absolute; top: 80px; left: 0; z-index: 99; padding: 0; background: #13273C; z-index: 999; display: none; width: 100%; padding: 14px 0 10px 0; } #user-login-form { width: 800px; position: relative; margin-bottom: 0; float: right; margin-right: 0px; } #block-user-login label, #block-user-login .form-item-cookieuser { display: none; } #block-user-login .form-submit { margin-top: 2px; } #block-user-login .form-item, #block-user-login .form-actions { margin-top: 3px; margin-bottom: 3px; position: relative; } #block-user-login .form-actions, #block-user-login .form-text, #block-user-login .form-checkbox { float: left; } #block-user-login .form-text { width: 150px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0px inset; -moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0px inset; box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0px inset; border: 0; margin: 4px 8px 0 0; padding: 5px 10px 5px; } #block-user-login .form-item-name, #block-user-login .form-item-pass { float: left; } #user-login-form .item-list { float: right; margin-top: 2px; margin-right: 10px; } #user-login-form .item-list ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #user-login-form .item-list ul li { list-style: none; float: left; margin: 0; } #user-login-form .item-list ul li.first { margin-right: 10px; } #user-login-form .item-list ul li a { background: none; color: #fff; display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-decoration: none; } .region-header #block-search-form input.form-text { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0px inset; -moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0px inset; box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0px inset; border: 0; margin: 0; padding: 5px 10px 5px; } #block-user-login .form-submit, .region-header #block-search-form input.form-submit { background: #fc3; display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2); border: none; height: 30px; padding: 0px 13px; color: white; } #block-user-login h2.block-title.selected { height: 48px; } form input.form-text, form textarea { background: #fff; border: 1px solid #CDCDCD; color: #333 !important; font-size: 12px; padding: 8px 5px; } #header #branding { width: 32%; } /** --------------------------------------------------------------------------- * Menu Bar */ @media only screen and (min-width:1001px) and (max-width:2560px) { #header { position: relative; } #block-superfish-1 { height: 38px !important; } #header { top: auto !important; } div#menu-bar #block-superfish-1 { height: 40px; width: 99% !important; } #menu-bar .contextual-links-region { position: initial; } #menu-bar #block-superfish-1 ul li span.nolink, #menu-bar #block-superfish-1 ul li.menuparent a { padding: 10px 25px 10px 15px; } #menu-bar #block-superfish-1 a > .sf-sub-indicator { right: 6px; top: 15px; } #menu-bar #block-superfish-1 ul li#menu-11624-1 .nolink { position: relative; } #menu-bar #block-superfish-1 ul li#menu-11624-1 .nolink:after { content: "."; display: block; width: 10px; height: 10px; position: absolute; top: 15px; right: 6px; background: url(/sites/all/libraries/superfish/images/arrows-ffffff.png) no-repeat 0px -100px; text-indent: -999px; overflow: hidden; } #menu-bar #block-superfish-1 ul li#menu-11624-1 .nolink:hover { background-position: -10px -100px; } div#menu-bar { min-height: 40px; margin-left: 0 !important; } #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-item-horizontal { height: 220px; width: 216px !important; } } /** --------------------------------------------------------------------------- * Botten jCarousel */ #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-container-horizontal, #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-clip-horizontal { width: auto; height: auto; } #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-item-horizontal { background: #f2f2f2; padding: 10px; } @media only screen and (min-width:700px) and (max-width:768px) { #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-container-horizontal, #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-clip-horizontal { width: 590px; height: 230px; } #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-item-horizontal { height: 210px; width: 264px !important; } } @media only screen and (min-width:500px) and (max-width:699px) { #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-container-horizontal, #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-clip-horizontal { width: 440px; height: 250px; } #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-item-horizontal { width: 192px !important; height: 230px; } } @media only screen and (min-width:481px) and (max-width:499px) { #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-container-horizontal, #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-clip-horizontal { width: 430px; height: 250px; } #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-item-horizontal { width: 184px !important; height: 230px; } } @media only screen and (max-width:480px) { #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-container-horizontal, #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-clip-horizontal { width: 230px; height: 230px; } #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-item-horizontal { width: 200px !important; height: 200px; } #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-container-horizontal { padding: 10px 0px; } #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-prev-horizontal { left: -40px; } #block-views-hotfinds-block .jcarousel-skin-default .jcarousel-next-horizontal { right: -40px; } html body.admin-menu { margin-top: 0px !important; } #admin-menu { display: none; } #mobile-menu > span.mobile-logout a { display: block; height: 50px; } } /** --------------------------------------------------------------------------- * Right Sidebar */ #block-views-featured-slider-block .jcarousel-skin-tango .jcarousel-container-horizontal, #block-views-featured-slider-block .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 200px; height: 66px; } #block-views-featured-slider-block .jcarousel-skin-tango .jcarousel-item-horizontal img { border: 1px solid #ccc; } #block-views-featured-slider-block #views_slideshow_cycle_main_featured_slider-block { height: 230px; } #block-views-featured-slider-block .jcarousel-skin-tango .jcarousel-container { background: #f2f2f2; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 6px 20px; } #block-views-featured-slider-block .views-slideshow-controls-bottom.clearfix { width: 220px; } #block-views-featured-slider-block .jcarousel-skin-tango .jcarousel-prev-horizontal { background: url(../images/next_prev_arrow.png) no-repeat -2px 7px; width: 23px; top: 23px; } #block-views-featured-slider-block .jcarousel-skin-tango .jcarousel-next-horizontal { background: url(../images/next_prev_arrow.png) no-repeat -20px 7px; width: 23px; top: 23px; } #block-views-featured-slider-block .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 4px; width: 63px !important; height: 66px; } #block-views-featured-slider-block .block-content { width: 230px; margin: 0 auto; background: #f2f2f2; } #views_slideshow_cycle_main_featured_slider-block { margin-left: 4px; } .g-plusone-wrapper { margin: 0 !important; clear: both; width: 100%; float: right; } div.review-title { font-size: 14px; font-weight: bold; color: rgb(0, 0, 1); } /** --------------------------------------------------------------------------- * 2014-04-05 * .st_plusone_hcount div { width: 56px !important; } .icontent .stButton { margin-left: 0px; margin-right: 0px; } .mark { clear: both; } */ /** --------------------------------------------------------------------------- * New Homepage */ /* #new-front-page:after { content: " "; display: block; clear: both; height: 47px; width: 100%; position: absolute; top: 0px; visibility: visible; background: #fff; -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3); } */ #new-front-page .region .block-content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #new-front-page .region .block-content { padding: 20px; } #new-front-page #homethird .block-content .box-container div { margin-left: 0px; width: 100%; } /* #new-front-page #homesecond .block-content { -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.3); } */ #new-front-page h2.block-title { border-left: 4px solid #356aa0; border-bottom: none; font-weight: normal; font-size: 21px; padding: 10px; background: none; position: relative; z-index: 9; } #new-front-page #homesecond h2.block-title { /* background: #356AA0; color: #fff; */ border-left: 4px solid #356aa0; margin-right: -20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* #homesecond h2:after { content: ""; position: absolute; width: 0; height: 0; right: 0px; top: 47px; margin-top: -1px; border-width: 0 0 20px 20px; border-style: solid; border-color: transparent transparent transparent #1E3A57; } */ /** --------------------------------------------------------------------------- * First column */ #new-front-page a { color: #303030; } #new-front-page #homefirst .block-content { padding: 20px 10px; } #new-front-page #homethird .block-content { padding: 20px 10px; } #new-front-page #homethird .views-row .views-column, #new-front-page #homesecond .views-row .views-column, #new-front-page #homefirst .view-display-id-page_3 .views-row, #new-front-page #homefirst .view-display-id-page_4 .hotcoloumn { margin-bottom: 10px; border: 1px solid #ddd; padding: 10px; } #homefirst .views-row .views-field-field-article-image, #homefirst .views-row .views-field-field-article-thumbnail, #homefirst .views-row .views-field-field-article-thumbnail-1 { text-align: center; } #homefirst .views-row .views-field-title a { line-height: normal; display: block; } #homefirst .views-row .views-field-nothing { clear: both; } /** --------------------------------------------------------------------------- * Share */ .homecolumns .views-field-nothing .icontent span.st_fblike_hcount { display: none; } .homecolumns .views-field-nothing .mark, .homecolumns .views-field-nothing .icontent { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; clear: both; min-height: 24px; } .homecolumns .views-field-nothing .mark { height: 30px; display: block; background: url(../images/share.png) no-repeat; padding-left: 26px; padding-top: 2px; } .homecolumns .views-field-nothing .icontent p { margin: 0; } .homecolumns .views-field-nothing .icontent { margin-top: -30px; position: relative; } .homecolumns .views-field-nothing .icontent { opacity: 0; } #new-front-page #homefirst .view-display-id-page_4 .hotcoloumn:hover .views-field-nothing .icontent, #homethird.homecolumns .views-row .views-column:hover .views-field-nothing .icontent, #homesecond.homecolumns .views-row .views-column:hover .views-field-nothing .icontent, #homefirst.homecolumns .view-display-id-page_3 .views-row:hover .views-field-nothing .icontent { opacity: 1; } #new-front-page #homefirst .view-display-id-page_4 .hotcoloumn:hover .views-field-nothing .mark, #homethird.homecolumns .views-row .views-column:hover .views-field-nothing .mark, #homesecond.homecolumns .views-row .views-column:hover .views-field-nothing .mark, #homefirst.homecolumns .view-display-id-page_3 .views-row:hover .views-field-nothing .mark { opacity: 0; } #new-front-page #homethird .views-row .views-column .views-field-field-article-image, #new-front-page #homesecond .views-row .views-column .views-field-field-article-image { float: none; } #new-front-page #homethird .views-row .views-column .views-field-title, #new-front-page #homesecond .views-row .views-column .views-field-title { font-size: 18px; line-height: normal; margin-bottom: 10px; } /** --------------------------------------------------------------------------- * Tablet */ #pagemobile-menu { display: none; } @media only screen and (max-width:480px) { #pagemobile-menu { display: block; } #new-front-page .region-three-33-third .block-content, #new-front-page .region-three-33-second .block-content, #new-front-page .region-three-33-first .block-content { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; left: 500px; display: block !important; } #new-front-page .region .block-content.selected { left: 5px; } } /** --------------------------------------------------------------------------- * Home page 2 up to 480px */ @media (max-width:480px) { .page-new-home2 #new-front-page { position: relative; min-height: 500px; } .page-new-home2 #new-front-page .region { width: 100% !important; min-height: 500px; } .page-new-home2 #new-front-page .region:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .page-new-home2 #new-front-page .region .block-content { position: absolute; width: 90%; top: 32px; display: none; padding: 16px 5px !important; } .page-new-home2 #new-front-page h2.block-title { position: absolute; top: 0; font-size: 14px; font-weight: bold; border-left: none !important; display: none; } .page-new-home2 #new-front-page .region .block-content.selected { background: #fff; z-index: 99; display: block; } .page-new-home2 #new-front-page div.region.region-three-33-top { min-height: 80px; } .page-new-home2 #new-front-page div.region.region-three-33-top .block-content { position: relative; top: 0; display: block; padding: 0px !important; } .page-new-home2 #pagemobile-menu { display: block; } .page-new-home2 #pagemobile-menu ul { margin: 0; padding: 0; } .page-new-home2 #pagemobile-menu ul li { margin: 0; padding: 0; list-style: none; float: left; padding: 5px 16px; cursor: pointer; } .page-new-home2 #pagemobile-menu ul li.active { background: #f2f2f2; color: #333; } } /** --------------------------------------------------------------------------- * Home page 3 up to 480px */ @media (max-width:480px) { form input.form-text, form textarea { width: 90%; } } /** --------------------------------------------------------------------------- * Buttons beyond breakpoint */ @media only screen and (min-width:1001px) { #block-user-login h2.block-title.selected { height: 48px; background: #13273C; border: 1px solid #13273C; box-shadow: none; text-shadow: none; color: #fff; } #block-user-login .form-submit, .region-header #block-search-form input.form-submit, #block-user-login h2.block-title, #user-login-form .item-list ul li a { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #cecece) ); background: -moz-linear-gradient( center top, #ededed 5%, #cecece 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#cecece'); background-color: #ededed; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #dcdcdc; display: inline-block; color: #000000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; padding: 2px 14px; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; } #block-user-login .form-submit:hover, .region-header #block-search-form input.form-submit:hover, #block-user-login h2.block-title:hover, #user-login-form .item-list ul li a:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cecece), color-stop(1, #ededed) ); background: -moz-linear-gradient( center top, #cecece 5%, #ededed 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece', endColorstr='#ededed'); background-color: #dfdfdf; color: #000000; } #block-user-login h2.block-title { margin-top: 4px; padding: 9px 10px 8px 10px } #user-login-form .item-list ul li a { padding: 9px 10px; } .region-header #block-search-form, .region-header #block-user-login.lb-h { margin-left: 0px; } #header div#block-block-58 {margin-right: 4%; margin-left: -4%; } } /** --------------------------------------------------------------------------- * Third column home page */ .homebox { margin-bottom: 10px; } .homebox:hover { background: #f5f5f5; } .homebox a { border: 1px solid #dddddd; min-height: 50px; overflow: hidden; padding: 10px; display:block; } .homebox img { float: left; } #homesecond .views-field-field-article-image { text-align: center; } /** --------------------------------------------------------------------------- * Responsive CSS for Mobil3 and Tablets */ @media only screen and (max-width:1000px) { #logomobile { margin-left: 0 !important; width: 96px; margin-top: 5px; } /* #page #menu-bar { position: fixed; top: 0px; left: -250px; height: 100%; width: 250px; background: #13273C; overflow: hidden; } */ /* body { overflow-x: hidden !important; width: 100% !important; text-shadow: #333 0 0 0; margin: 0 !important; } */ #block-block-60 a.logout-link{display:none;} .at-panel .region { width: 100% !important; clear: both; margin-bottom: 20px; } #header { background: none; } #content .panel-display, #content .panel-flexible { margin: 0; } #page #menu-bar { width: 250px; background: #13273C; position: fixed; right: 0px; top: 0px; height: 100%; z-index: 9; left: -250px; } #page #menu-bar, #page #header .header-inner { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } body.showmenu div#page #menu-bar { left: 0px; } body div#page { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; margin-left: 0; width: 100%; } body.showmenu #page { margin-left: 250px; } body.showmenu #page #header .header-inner { left: 250px; } body.showmenu .texture-overlay { position: relative; width: 100%; overflow: hidden; } #mobile-menu span.mobile-logout a { display: block; width: 45px; height: 50px; } .page-new-home3 #pagemobile-menu { display: block } #pagemobile-menu { border-bottom: 1px solid #ccc; height: 39px; } #pagemobile-menu ul { margin: 0; } .page-new-home3 #pagemobile-menu ul li { background: #f2f2f2; color: #333; cursor: pointer; padding: 7px 0px; margin-left: -1px; border: 1px solid #ccc; border-bottom: none; display: block; float: left; width: 33%;text-align: center; } .page-new-home3 #pagemobile-menu ul li.active { background: #fff; color: #333; padding-bottom: 8px; } #main-content #new-front-page .homecolumns .block-content { padding: 0; } #new-front-page { min-height: 1920px; width: 100%; overflow: hidden; position: relative; } #new-front-page h2.block-title { display: none; } #new-front-page .region.region-three-25-50-25-first, #new-front-page .region.region-three-25-50-25-second, #new-front-page .region.region-three-25-50-25-third { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; position: absolute; right: -110%; background: #fff; } #new-front-page.hot .region-three-25-50-25-first, #new-front-page.popular .region.region-three-25-50-25-second, #new-front-page.freeware .region.region-three-25-50-25-third { right: 0px; width: 100%; } #new-front-page #pagemobile-menu .block-content { padding: 0px; } #new-front-page.hot .region-three-25-50-25-first, #new-front-page.popular .region.region-three-25-50-25-second, #new-front-page.freeware .region.region-three-25-50-25-third{position:relative;} #pagemobile-menu { margin-bottom: 0; } #header { position: relative; top: 0px !important; width: 100%; } #page #header .header-inner { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; } #admin-menu { display: none; } html body.admin-menu { margin-top: 0px !important; } #page #header .region-header { float: none !important; margin: 0px !important; } #page #header .header-inner { padding-bottom: 0px; } #page { position: relative; } #mobile-menu, #mobile-nav, #logomobile { display: block; } #branding #logo { display: none; } #header #branding { width: auto; margin: 0; float: left; clear: none; margin-left: 0px; } #menu-bar:after, #block-superfish-1:after, #superfish-1 li ul li:after, #superfish-1 li ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #block-superfish-1 { width: 250px; } #superfish-1 li { background: #333; position: relative; clear: both; width: 250px !important; margin-bottom: 0 !important; } #menu-bar .menu-wrapper #superfish-1 li ul { background: #333; padding: 5px; width: auto !important; top: 0px !important; position: relative; height: auto !important; opacity: 1 !important; overflow: visible !important; margin-left: 0px; display: none; } #menu-bar .menu-wrapper #superfish-1 li ul { padding: 0; } #menu-bar .menu-wrapper #superfish-1 li a { height: auto !important; min-height: 17px; } #menu-bar #superfish-1 li span.nolink, #menu-bar #superfish-1 li a { padding: 15px; border-bottom: 1px solid #656565; } #superfish-1 li ul li { padding: 0px; clear: both; position: relative; display: block; } #menu-bar .menu-wrapper #superfish-1 li ul li ul { background: #333; padding: 0px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin: 0; } #superfish-1 li a { display: block; } #block-superfish-1 { position: relative; } #superfish-1 li ul li a { line-height: 21px; } #menu-bar .menu-wrapper ul > li { border-bottom: none; } #menu-bar .menu-wrapper ul { border-bottom: none !important; } #superfish-1 .sf-sub-indicator { display: none; } #menu-bar .menu-wrapper .sf-sub-indicator { right: 15px; } #page #menu-bar, #menu-bar, #menu-bar #block-superfish-1 { background: #333; } #superfish-1 li .mobnav-subarrow { display: block; background: #333 url(../images/mobile-sub-menu.png) no-repeat 14px 18px; border: 1px solid #656565; height: 47px; width: 40px; position: absolute; right: 10px; cursor: pointer; z-index: 999; top: 0px; border-top: 0; border-bottom: 0; } /* #superfish-1 li.sfHover .mobnav-subarrow.active, */ #superfish-1 li .mobnav-subarrow.active { background-position: 14px -22px; } #menu-bar .menu-wrapper #superfish-1 ul { display: none !important; left: 0 !important; } #menu-bar .menu-wrapper #superfish-1 ul.show { display: block !important; } #menu-bar a.handle4 { background: #666; } #superfish-1 li { background: #333; } #superfish-1 li li { background: #444; } #superfish-1 li .mobnav-subarrow { background-color: #333; } #superfish-1 li .mobnav-subarrow.active { border-bottom: 0; height: 48px; } #superfish-1 li .mobnav-subarrow.active { background-color: #444; } /* ------------- */ #superfish-1 li li li { background: #555; } #superfish-1 li li .mobnav-subarrow { background-color: #444; } #superfish-1 li li .mobnav-subarrow.active { background-color: #555; } /* ------------- */ #superfish-1 li li li li { background: #666; } #superfish-1 li li li .mobnav-subarrow { background-color: #555; } #superfish-1 li li li .mobnav-subarrow.active { background-color: #666; } #menu-bar #superfish-1 li li li li a { border-bottom: 1px solid #444; } #superfish-1 li li li li .mobnav-subarrow.active { background-color: #666; } /** ------------------------------------------------------------------------ * jQuery enscroll for Mobile and Tablets */ #menu-bar #block-superfish-1 { height: 100%; overflow-y: scroll; overflow-x: hidden; position: relative; width: 239px !important; } #block-user-login { margin: 0; float: right; clear: both; } #block-user-login h2.block-title { background: #5F94C9 url(../images/mobile-menu.png) no-repeat -154px 13px; display: block; padding: 15px 5px 0px 11px; height: 35px; float: right; text-indent: -999px; overflow: hidden; width: 24px; border-bottom: none; margin: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left: -1px; position: relative; left: 10px; } #block-block-57, #block-search-form { display: none; } .not-logged-in #mobile-menu { margin-right: 40px; } #block-user-login .block-inner { margin: 0px; } #header, #header .header-inner { height: 50px; } #header .region-header #block-search-form { margin: 0; } #block-block-57, #block-search-form { background: #13273C; position: absolute; width: 100%; top: 50px; margin: 0px; } #user-login-form { width: 100%; } #block-user-login .content { top: 50px; } #user-login-form > div:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #user-login-form > div { padding-left: 20px; } #block-user-login h2.block-title.selected { background: #13273C url(../images/mobile-menu.png) no-repeat -154px 13px; } #columns .columns-inner { clear: both; } #header #block-block-57 .block-content { margin: 10px 0px 7px 0px; } div#block-user-login { position: absolute; right: 0; top: 0; z-index: 2; width: 30px; } #block-user-login .content { position: fixed; } #block-block-58 { float: right; } #block-block-58 img { width: auto; height: 44px; padding-top: 2px; } #page #menu-bar .menu-wrapper #superfish-1 li a:hover { text-decoration: none; } #user-login-form .item-list ul li a { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #cecece) ); background: -moz-linear-gradient( center top, #ededed 5%, #cecece 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#cecece'); background-color: #ededed; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #dcdcdc; display: inline-block; color: #000000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; padding: 10px 14px; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; } #block-user-login .form-text { padding: 8px 3%; width: 90%; margin-right: 0; } } @media (max-width:660px) { #block-user-login .form-text { padding: 10px 3%; width: 90%; margin-right: 0; } #block-user-login .form-item { width: 48%; margin-right: 0; } #block-user-login .item-list { clear: both; float: left; } #block-user-login .form-actions { float: right; margin-right: 10px; } #slidead-popup{visibility:hidden; opacity:0;} } @media (max-width:540px) { #block-block-58 { display: none; } #block-user-login .form-item-name, #block-user-login .form-item-pass { width: 50%; float: left; margin-bottom: 10px; } #homesecond .views-field-field-article-image { width: 100%; height: auto; } } @media (max-width:360px) { .page-new-home3 #pagemobile-menu ul li { padding: 10px 0; font-size: 12px; width: 32%; } .page-new-home3 #pagemobile-menu ul li.active { padding-bottom: 11px; } } #header .region-header .block { margin: 0; margin-right: 10px; } #header .region-header { margin: 20px 10px 0px; } /** --------------------------------------------------------------------------- * Google Nexus 7 * @media (max-width:980px) { #menu-bar #block-superfish-1 li span.nolink, #menu-bar #block-superfish-1 ul li a, #block-superfish-1 .sf-menu.sf-style-blue li a { padding: 10px 12px; } } */ #pop-close span { font-size: 14px; font-weight: normal; } #slidead-popup { right: 0px; width:300px; display:none; } @media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) { /* For portrait layouts only */ #superfish-1 li .mobnav-subarrow { height: 49px; } #superfish-1 li .mobnav-subarrow.active { height: 50px; } } .logout-link{ box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EDEDED), color-stop(1, #CECECE) ); background: -moz-linear-gradient( center top, #EDEDED 5%, #CECECE 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#cecece'); background-color: #EDEDED; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid gainsboro; display: inline-block; color: black; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; padding: 8px 14px; text-decoration: none; text-shadow: 1px 1px 0px white; margin-bottom:12px; text-decoration: none!important; margin: 5px; color: black!important; } .view-currently-popular-customized .more-link { margin: 8px; } @media only screen and (min-width:1001px) { #new-front-page { padding: 0 20px; } #new-front-page .region-three-25-50-25-second .block-inner { margin: 0 20px; } #block-system-main .block-inner { margin: 0; } #new-front-page #homethird .block-content, #new-front-page #homefirst .block-content, #new-front-page .region .block-content { padding: 20px 0; } } #comments .comment{ padding:0; } #slidead-popup.close{visibility:hidden; opacity:0;} /*div#block--managed-3 {padding: .375em .8em;} */ .node-content .sharethis-buttons { padding: 0px 0 10px; } #block--managed-2{padding:0 10px;} .curr-pop { padding: 0px 2px;} .view-currently-popular-customized table td { padding-left: 12px; } /** --------------------------------------------------------------------------- * Software Page View */ div.swheader { overflow: auto; } div.swtitle { float: left; width: 75%; } div.swthumbnail { float: right; width: 25%; } /** --------------------------------------------------------------------------- * Software Compact View */ div.sw-compact { background: #f9f9f9; border: 1px solid #c0c0c0; border-radius: 4px; clear: both; margin-bottom: 4px; overflow: auto; } div.sw-compact-left { /* border-right: 1px dotted red; */ float: left; margin-right: 8px; padding: 8px; text-align: center; width: 52px; } div.sw-compact-left .icon { height: 48px; width: 48px; } div.sw-compact-right { padding: 8px; } div.sw-compact-right .title { font-size: 14px; font-weight: bold; } div.sw-compact-right .small { font-size: 11px; } div.views-widget input.form-text{ max-width: 250px; } nav.clearfix ul.links.inline { position: relative; display: block; margin-bottom: 20px; } nav.clearfix ul.links.inline:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .node ul.links li { float: left; } /* @media (min-width:960px) { #columns .region-sidebar-second { width: 26%; margin-left: -26%; } #columns .sidebar-second .content-inner { margin-right: 26%; } } */ .region-sidebar-second .region-inner{ padding:.375em .8em; } body{ text-shadow: #333 0 0 0; } :hover,:focus,:active,a:hover,a:focus,a:active { outline: 0; }