/** * @file * Custom Styling * * Add sub style to the theme */ /* * Global */ /* Override Reset */ body { background: #DFDFDF; font: 13px/1.231 arial,helvetica,clean,sans-serif; } #page { font-size: 100%; } /* Elements */ #page-wrapper { background: url(../images/bg.png) top center repeat-y #DFDFDF; position: relative; } h1#site-name, div#site-name { margin: 0; position: absolute; top: 32px; left: 15px; z-index: 998; } h1#site-name a, div#site-name a { background: url(../images/images.png) 0 0 no-repeat; display: block; width: 230px; height: 58px; font-size: 1px; text-indent: -9999px; } #site-name a:link, #site-name a:visited { color: #fff; } a { outline: 0; } .views-field-title a { color: #000; } a:link { text-decoration: none; } a:hover { text-decoration: underline; } a.more-s2:link, a.more-s2:visited { color: #F00; } a.more, a.download { color: transparent; font-size: 0px; text-indent: -9999px} a.more { background: url(../images/more-arrow.gif) no-repeat; display: block; float:right; height: 10px; width: 39px; margin: 10px; position: relative; } a.download { background: url(../images/download-arrow.gif) no-repeat; display: block; float:right; height: 10px; width: 62px; position: relative; } a.btn { background: url(../images/btn.png) no-repeat right top; color: #FFF; line-height: 25px; padding-right: 3px; display: block; float: left; } a.btn span { background: url(../images/btn.png) no-repeat left top; padding: 0 5px 0 8px; display: block; float: left; } a.more:hover, a.download:hover { top: -1px; } a.more:active, a.download:active { top: 0; } .clearfix { clear: both; } /*span, div, p, a, li, td { -webkit-text-size-adjust:none; }*/ /* Style */ .floatr { float: right; } /* Column Layout */ .sidebar-second #content { margin-left: 13px; margin-right: -626px; width: 613px; } .region-sidebar-second { margin-left: 639px; width: 300px; margin-right: -939px;} .region-sidebar-second .section { margin: 0; } /* Webform */ input { margin: 0; padding: 0; } textarea { margin: 0; padding: 0; } .form-item { margin: 1.5em 0; } .form-item label { color: #666; font-weight: bold; margin: 0.2em 0; } .form-item input.form-text, .form-item textarea { border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #content-area .node-type-webform ul.links { display: none; } /* Register Form*/ body.page-user-register div.captcha {border: 2px groove threedface; margin: 1em 0; padding: 0.5em;} #edit-enews-enterprise-collaboration-wrapper {display: none} /* * Ads */ .ad .content { font-size: 9px; color: #999; } div.block.cw-topbanner { position: absolute; top: 32px; left: 479px; } .cw-bigbox { padding: 5px 0; } .cw-leaderboard { z-index: 998; margin-left: 16px; width: 728px; float: left; } .cw-button { padding: 3px 6px; } .cw-button .content { border: 1px solid #CDCDCD; padding: 3px 0 15px 15px; } .cw-button .ad-content { height: 120px; overflow: hidden; } .cw-button .ad-group { float: left; margin-right: 15px; } .text-ad { padding: 6px; } .text-ad .content { background-color: #F1F1F1; padding: 6px 12px 12px; } .text-ad .content, .cw-button .content { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .text-ad .ad-content { line-height: 1.286em; margin: 5px 0; } /* * Header */ #header .region-header > div { margin-bottom: 0; } /* Date */ #block-block-3 { padding: 95px 0 0 15px; font-size: 11px; color: #222; margin-bottom: 5px; } /* Search */ #block-search-0 { position: absolute; top: 32px; left: 273px; background: url(../images/images.png) -230px 0 no-repeat; z-index: 998; width: 198px; height: 60px; } #block-search-0 .container-inline { postion: relative; } #block-search-0 #edit-search-block-form-1 { width: 170px; height: 20px; border: 0; background: transparent; position: absolute; top: 35px; left: 8px; } #block-search-0 .form-submit { width: 10px; height: 10px; background: url(../images/images.png) -429px 0 no-repeat; border: 0; font-size: 1px; color: #fff; padding: 0; position: absolute; top: 40px; right: 8px; } #block-search-0 #edit-search-block-form-1-wrapper { margin: 0; } /*Advanced Search Block */ #block-block-14 {z-index: 1010; position: absolute;} #block-block-14 .content{z-index: 1000; position: absolute; top: -75px; left: 362px;} #block-block-14 .content > img {position: absolute;} #block-block-14 .edit{z-index: 1000; position: absolute; top: -75px; left: 420px; width:80px} /*Advanced Search Section */ .search-advanced, .fieldset-wrapper, #edit-category {width:600px;} /* User Guide Download */ #block-views-static_block-block_1 { width: 186px; float: left; padding: 18px 0 0 10px; } /* * Navigation */ #navigation { background: url(../images/menu.png) 0 -37px no-repeat; height: 84px; padding-top: 3px; } /* Menu */ #block-menu-menu-cw { background: url(../images/menu.png) top right no-repeat; display:block; float: left; font-family: Tahoma; font-size: 11px; height: 37px; margin: 0px 0 0 1px; width:500px;} #block-menu-menu-cw ul { padding: 0 15px 0 10px; } #block-menu-menu-cw ul li { background: url(../images/images.png) no-repeat -623px 14px transparent; float: left; line-height: 36px; list-style-image: none; list-style-type: none; margin: 0; padding: 0 6px 0 8px; } #block-menu-menu-cw ul li.first { background: none transparent; } #block-menu-menu-cw ul li a { color: #FFF; font-weight: bold; text-decoration: none; } #block-menu-menu-cw ul li a:hover { color: #FC0; } .logged-in #block-block-4 {display: block; float: left; height: 22px; margin-bottom: 0; width: 400px; margin-top:10px;} .not-logged-in #block-block-4 {display: block; float: left; height: 22px; margin-bottom: 0; width: 400px; margin-top:0px;} /* Login */ .login-bar { float: left; margin: 0; height: 37px; } .login-bar .content { line-height: 37px; } #user-login-light { margin-top: 11px; } #user-login-light * { float: left; } #user-login-light .user-name, #user-login-light .pass-word, #user-login-light .form-submit { margin: 0 2px; } #user-login-light #edit-name, #user-login-light #edit-pass { zoom: 1; background: url(../images/images.png) -429px -33px no-repeat; border: none; width: 88px; height: 21px; padding: 0 5px; color: #222; } #user-login-light #edit-submit { zoom: 1; background: url(../images/images.png) -527px -33px no-repeat; width: 41px; height: 22px; border: none; font-size: 1px; color: #999; text-indent: -9999px; } #user-login-light ul { margin: 6px 0 0 0; } #user-login-light ul li { margin: 0; padding: 0; list-style-type: none; float: left; font-size: 10px; } #user-login-light ul li.lost-password { padding: 0 2px 0 5px; } #user-login-light ul li.lost-password a { zoom: 1; display: block; width: 78px; height: 12px; text-indent: -9999px; font-size: 1px; background: url(../images/images.png) -430px -56px no-repeat; } #user-login-light ul li.register a { zoom: 1; display: block; width: 43px; height: 12px; text-indent: -9999px; font-size: 1px; background: url(../images/images.png) -510px -56px no-repeat; } /* Topic menu*/ #block-menu-menu-cw-topic-menu { clear: both; height: 44px; } #block-menu-menu-cw-topic-menu ul { padding: 13px 10px; } #block-menu-menu-cw-topic-menu ul li { border-left: 1px dotted #fff; float: left; font-family: Times; font-size: 14px; font-weight: bold; line-height: 1em; list-style-image: none; list-style-type: none; margin: 0; padding: 0 8px; } #block-menu-menu-cw-topic-menu ul li.first { border-left: none; } #block-menu-menu-cw-topic-menu ul li a { position:relative; color: #fff; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px #000; } #block-menu-menu-cw-topic-menu ul li a:hover { top: -1px; left: -1px; text-shadow: 2px 2px 1px #000; } #block-menu-menu-cw-topic-menu ul li a:active { top: 0; left: 0; } /* Leader board */ .cw-leaderboard {float:left; width:952px;} .cw-leaderboard div.left_leader {float:left;} .cw-leaderboard div.right_leader {float:left; margin: 16px 0px 0px 60px;} /* Site Side banner */ #block-block-19 {position: fixed; margin-left:-160px; top:0px;} #block-block-20 {position: fixed; margin-left:960px; top:0px;} /* Site bottom overlay banner */ #block-block-22 {bottom: 0; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.56); height: 40px; margin-left: 150px; position: fixed; z-index: 999; } /* * Main */ #main-wrapper { padding: 0 4px; margin-top: 87px; } #main li { margin: .286em 0; } #main .block { margin-bottom: 10px; } #content-top { height: 133px; } /* Panel Layout */ .front .panels-flexible-region { width: 300px; } .panel-pane { position: relative; } .panels-flexible-region { margin-left: 13px; width: auto; float:left;} .panels-flexible-region-first { margin-left: 0; } .panels-flexible-region-inside { padding: 0; } .panel-region-separator { height: 10px; } .w300 { width: 300px; } .w613 { width: 613px; } /* Default style */ h2 { font-size: 13px; margin: 0; font-family: Verdana; } ul.title-list { font-family: Tahoma; } /* * Content Top */ /*User guide download*/ #block-views-static_block-block_1 { position: relative; } #block-views-static_block-block_1 .views-field-edit-node { position: absolute; bottom: 0; left: 10px; } /* * Content */ .profile-pic-wrapper { background: url(../images/shadow.png) bottom no-repeat; float: left; padding: 0 9px 14px; width: 100px; } .real-name { font-weight: normal; font-size: 225%; font-family: Times; } .real-name.with-subtitle { line-height: 1em; } .subtitle { font-size: 92%; line-height: 1.286em; } .subtitle .job-title { color: #666; } .comment-count { color: #f00; font-size: 92%; font-style: italic; line-height: 1.3em; } .post-date { color: #666; font-size: 92%; font-style: italic; line-height: 1.3em; } .blog-title { font-size: 133%; font-family: Arial, Tahoma; margin: 0; } .node-type-biography .profile-pic-wrapper img { margin: 0; } .node-type-news .view_btn a,.node-type-feature .view_btn a,.node-type-opinion .view_btn a {background: url(../images/download3.jpg) no-repeat 0 0; display: block; float: left; width: 131px; height: 25px; font-size: 1px; text-indent: -9999px; zoom: 1; position: relative; top: 2px; z-index: 1; margin-right: 8px;} .node-type-whitepaper .download_btn a{background: url(../images/btn-download.png) no-repeat 0 0; display: block; float: left; width: 76px; height: 25px; font-size: 1px; text-indent: -9999px; zoom: 1; position: relative; top: 2px; z-index: 1; margin-right: 8px;} .node-type-user-guide .download_btn a{background: url(../images/download1.jpg) no-repeat 0 0; display: block; float: left; width: 136px; height: 25px; font-size: 1px; text-indent: -9999px; zoom: 1; position: relative; top: 2px; z-index: 1; margin-right: 8px;} .node-type-user-guide .view_btn a{background: url(../images/download2.jpg) no-repeat 0 0; display: block; float: left; width: 111px; height: 25px; font-size: 1px; text-indent: -9999px; zoom: 1; position: relative; top: 2px; z-index: 1; margin-right: 8px;} .node-type-news .download_btn a, .node-type-feature .download_btn a, .node-type-opinion .download_btn a {background: url(../images/view.jpg) no-repeat 0 0; display: block; float: left; width: 98px; height: 25px; font-size: 1px; text-indent: -9999px; zoom: 1; position: relative; top: 2px; z-index: 1; margin-right: 8px;} /*.node-type-news.download_btn a, .node-type-feature .download_btn a , .node-type-opinion .download_btn a {background: url(../images/view.jpg) no-repeat 0 0; display: block; float: left; width: 98px; height: 25px; font-size: 1px; text-indent: -9999px; zoom: 1; position: relative; top: 2px; z-index: 1; margin-right: 8px;}*/ /* welcome page */ .page-static-welcome #node-11996 .submitted {display:none;} /* used in whitepaper */ .content_body {margin-bottom: 2em; font-family: Georgia,Times,Times New Roman,serif; font-size: 108%; line-height: 1.6em; padding-top: 8px; padding-bottom: 8px} .node-type-whitepaper .qu_question {padding: 5px 0 5px 0;} .node-type-whitepaper .qu_answer {padding: 0 0 0 10px;} .node-type-whitepaper .wp_submit {padding: 5px;} /* General Use Style */ .default-style { background: url(../images/top-300ws.png) no-repeat 0 0; padding: 6px 0 0; position: relative; } .default-style h2.pane-title, .default-style h2.title { font-weight: bold; margin: 6px 16px; } .default-style .pane-content, .default-style .content { background: url(../images/bottom-300ws.png) no-repeat bottom left; padding: 0 6px 16px; } .default-style ul { padding: 0 0 0 1em; margin: 0; } .default-style ul .title a { color: #222; font-weight: normal; } .default-style .view-header { position: absolute; top: 0; left: 0; text-align: right; padding: 6px 6px 0; width: 288px; } .default-style .view-content { border-top: 1px solid #ECECEC; padding: 6px 12px; } .cols-2-col { background: url(../images/top-613ws.png) no-repeat top left; padding: 6px 0 0; position: relative; } .cols-2-col h2.pane-title { font-weight: bold; padding: 6px 16px; } .cols-2-col .pane-content { background: url(../images/bottom-613gs.png) no-repeat bottom left; color: #222; padding: 0 6px 27px; } .cols-2-col .col { width: 300px; } .cols-2-col .col-left { border-right: 1px solid #ececec; font-size: 92%; float: left; } .cols-2-col .col-right { float: right; font-size: 92%} .cols-2-col .col .view-content { padding: 12px; } .cols-2-col .col img { float: left; margin: 0 10px 10px 0; } .cols-2-col .attachment { background: #f3f3f3; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; } .cols-2-col .attachment .category { margin: 6px 12px 0; font-size: 80%; color: #666; font-style: italic; } .cols-2-col .attachment h4 { font-family: Arial; font-size: 150%; line-height: 1.1em; margin: 0 0 3px; } .cols-2-col .attachment h4 a { color: #f00; } .cols-2-col .attachment .view-content { padding-top: 0; } .cols-2-col ul { padding: 0 0 0 1em; margin: 0; } .cols-2-col ul a { color: #f00; } /* Custom Panel Pane for "News and Features" view */ .pane-custom { background: url(../images/top-613ws.png) no-repeat top left; padding: 6px 0 0; position: relative; } .pane-custom h2.pane-title { font-weight: bold; padding: 6px 16px; } .pane-custom .pane-content { background: url(../images/bottom-613gs.png) no-repeat bottom left; color: #222; padding: 0 6px 27px; } .pane-custom .col { width: 290px; } .pane-custom .col-left { border-right: 1px solid #ececec; font-size: 12px; float: left; } .pane-custom .col-right { float: right; font-size: 12px;} .pane-custom .col .view-content { padding: 12px; } .pane-custom .col img { float: left; margin: 0 10px 10px 0; } .pane-custom .attachment { background: #f3f3f3; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; } .pane-custom .attachment .category { margin: 6px 12px 0; font-size: 10px; color: #666; font-style: italic; } .pane-custom .attachment h4 { font-family: Arial; font-size: 16px; line-height: 1.1em; margin: 0 0 3px; } .pane-custom .attachment h4 a { color: #f00; } .pane-custom .attachment .view-content { padding-top: 0; } .pane-custom ul { padding: 0 0 0 1em; margin: 0; } .pane-custom ul a { color: #f00; } /* Breadcrumb */ .breadcrumb { color: #CCC; } .breadcrumb a { color: #CCC; } /* * Front */ .front #content-area { border-top: 0; margin-top: 0; } /* Breaking News */ .pane-home-news { background: url(../images/top-300ws.png) no-repeat 0 0; padding: 6px 0 0; } .pane-home-news h2 { font-weight: bold; margin: 6px 16px; } .pane-home-news .pane-content { background: url(../images/bottom-300gs.png) no-repeat bottom left; padding: 0 6px 27px; } .pane-home-news .pane-content > .views_view > div { padding: 12px; } .pane-home-news .pane-content > .views_view > .view-header { position: absolute; top: 0; left: 0; text-align: right; padding: 6px 6px 0; width: 288px; } .pane-home-news .attachment { background: #f3f3f3 } .pane-home-news .attachment .views-field-field-article-image-fid { text-align: center; } .pane-home-news .attachment .views-field-field-article-image-fid img { border: 1px solid #ccc; } .pane-home-news .attachment .views-field-title { margin-bottom: 4px; line-height: 1.538em; } .pane-home-news .attachment .views-field-title a { font-size: 17px; font-weight: bold; } .pane-home-news .attachment .views-field-body { color: #222; line-height: 1.286em; } .pane-home-news ul { padding: 0 0 0 1em; margin: 0; } .pane-home-news ul .title a { color: #222; } /* Opinions/Blogs */ .pane-home-opinions-blogs { background: url(../images/top-300ws.png) no-repeat 0 0; padding: 6px 0 0; } .pane-home-opinions-blogs h2 { font-weight: bold; margin: 6px 16px; } .pane-home-opinions-blogs .pane-content { background: url(../images/bottom-300gs.png) no-repeat bottom left; padding: 0 6px 27px; } .pane-home-opinions-blogs .pane-content .views_view { position: relative; } .pane-home-opinions-blogs .pane-content .view-header { position: absolute; top: -28px; left: 0; text-align: right; width: 288px; } .pane-home-opinions-blogs .pane-content .view-content { color: #222; } .pane-home-opinions-blogs .pane-content img { float: left; margin: 0 10px 10px 0; } .pane-home-opinions-blogs .pane-content h4 { line-height: 1.1em; margin: 0 0 3px; } .pane-home-opinions-blogs .pane-content h4 a { color: #000000; } .pane-home-opinions-blogs .pane-content .views-row { font-size: 92%; line-height: 1.286em; padding: 12px 12px 18px 12px; min-height:80px;} .pane-home-opinions-blogs .pane-content .views-row-first { background: #F3F3F3; } .pane-home-opinions-blogs .view-home-opinions { border-bottom: 2px solid #F3F3F3; } /*.pane-home-blogs { background: url(../images/top-300ws.png) no-repeat 0 0; padding: 6px 0 0; } .pane-home-blogs h2 { font-weight: bold; margin: 6px 16px; } .pane-home-blogs .pane-content { background: url(../images/bottom-300gs.png) no-repeat bottom left; padding: 0 6px 27px; } .pane-home-blogs .pane-content > .views_view > div { padding: 12px; } .pane-home-blogs .pane-content > .views_view > .view-header { position: absolute; top: 0; left: 0; text-align: right; padding: 6px 6px 0; width: 288px; } .pane-home-blogs .attachment { background: #f3f3f3; font-size: 92%; line-height: 1.286em; } .pane-home-blogs .attachment img { float: left; margin: 0 10px 10px 0; } .pane-home-blogs .attachment h4 { font-family: Arial; font-size: 150%; line-height: 1.1em; margin: 0 0 3px; } .pane-home-blogs .attachment h4 a { color: #FF0000; } .pane-home-blogs ul.item-list { color: #222; padding: 0 0 0 1em; margin: 0; font-size: 92%; line-height: 1.286em; } .pane-home-blogs h6 { margin: 3px 0; } .pane-home-blogs h6 a { color: #000; }*/ /* Featured Story */ .pane-home-features h2 { color: #666; font: italic bold 12px Georgia,serif; float: left; margin-bottom: 6px; margin-left: -6px;} .pane-home-features img { float: right; margin: .286em 0 0 .286em;} .pane-home-features .view-display-id-attachment_1 .view-content img {width:100px; height:116px;} .pane-home-features .attachment .views-field-title { clear: left; margin-bottom: 10px; line-height: 1.4em; } .pane-home-features .attachment .views-field-title a { font-size: 19px; font-weight: bold; } .pane-home-features .attachment .views-field-body { color: #222; } .pane-home-features .pane-content { background: url(../images/bottom-300s.png) no-repeat bottom left; padding: 6px 4px 4px; } .pane-home-features .pane-content > .views_view > .view-content { background: url(../images/feature-others.png) no-repeat top left; font-size: 92%; line-height: 1.286em; padding-top: 10px; margin-top: 10px; } .pane-home-features .pane-content > .views_view > .view-content .views-row { margin-top: 1em; } .pane-home-features h6 { margin: 0 0 2px 0; } /* Featured Guide */ .featured-guide { background: url(../images/top-300g.png) no-repeat 0 0; padding: 6px 0 0; } .featured-guide h2 { font-weight: bold; margin: 6px 16px; } .featured-guide .pane-content { background: url(../images/bottom-300g.png) no-repeat bottom left; padding: 0 1px 27px; } .featured-guide .pane-content .views_view { background: #FFF; padding: 12px; } .featured-guide .pane-content .views-field-field-article-image-fid { float: left; margin: 0 10px 10px 0; } .featured-guide h4 { font-family: Arial; font-size: 150%; line-height: 1.1em; margin: 0 0 3px; } .featured-guide h4 a { color: #F00; } /* Latest E-Zine */ .latest-ezine { background: url(../images/top-300p.png) no-repeat 0 6px; border-bottom: 1px dotted #CCC; padding: 6px 0 0; position: relative; margin-bottom: 6px; } /* 6px is to compensate the separater width */ .latest-ezine h2 { color: #F00; font-weight: bold; margin: 13px 12px 0; } .latest-ezine .pane-content { padding: 0 12px 0; } .latest-ezine .issue { font-size: 117%; font-weight: bold; margin-top: 4px; } .latest-ezine .content { padding: 0 80px 12px 0; margin-top: 4px; } .latest-ezine .content div { color: #222; font-family: Tahoma; font-weight: bold; line-height: 1.286em; } .latest-ezine .content label { color: #999; display: block; font-style: italic; font-weight: normal; font-size: 92%; padding: 10px 0 0 0 } .latest-ezine .content div a { color: #222; font-family: Tahoma; font-weight: bold; line-height: 1.286em; } .latest-ezine img { bottom: 0; right: 5px; position: absolute; } /* * Blocks */ /* Social Media */ .social-media ul { margin: 0; padding: 0; height: 37px; } .social-media ul li { margin: 0; padding: 0; list-style-type: none; float: left; } .social-media ul li a { font-size: 1px; text-indent: -9999px; zoom: 1; margin: 5px 7px 0 0; } .social-media ul li a:hover { opacity: 0.8; } .social-media ul li.share-icon a { width: 32px; height: 32px; } .social-media ul li.facebook a { display: block; background: url(../images/images.png) -440px 0 no-repeat; } .social-media ul li.linkedin a { display: block; background: url(../images/images.png) -473px 0 no-repeat; } .social-media ul li.twitter a { display: block; background: url(../images/images.png) -506px 0 no-repeat; } .social-media ul li.rss a { display: block; background: url(../images/images.png) -539px 0 no-repeat; width: } .social-media ul li.newsletter a { display: block; background: url(../images/newsletters.jpg) no-repeat; width: 144px; height: 37px; margin: 0; } /* Knowledge Central */ .knowledge-central { background: url(../images/top-300ws.png) no-repeat 0 0; padding: 6px 0 0; } .knowledge-central .content { background: url(../images/bottom-300gs.png) no-repeat bottom left; font-size: 92%; line-height: 1.286em; padding: 0 6px 27px; } .knowledge-central h2.title { font-family: Verdana; font-weight: bold; margin: 6px 16px; } .knowledge-central h3 { background: url(../images/kc.png) no-repeat; margin: 4px 0; } .knowledge-central h3 a { color: transparent; display: block; height: 17px; font-size: 1px; text-indent: -9999px; } .knowledge-central .view { padding: 6px 12px 8px; } .knowledge-central .videos { padding: 6px 12px 8px; } .knowledge-central .more { margin: 7px 0; } .knowledge-central .whitepapers h3 { background-position: 0 0; width: 100px; } .knowledge-central .case-studies h3 { background-position: 0 -17px; width: 97px; } .knowledge-central .user-guides h3 { background-position: 0 -34px; width: 92px; } .knowledge-central .videos h3 { background-position: 0 -51px; width: 63px; } .knowledge-central .whitepapers, .knowledge-central .user-guides { background: #f3f3f3; } .knowledge-central .title a { color: #222; font-weight: normal; } .knowledge-central ul { padding: 0 0 0 1em; margin: 0; } .knowledge-central .videos .views-row { float: left; width: 132px; } .knowledge-central .videos .thumbnail { overflow: hidden; position: relative; height: 60px; margin: 4px 0; width: 60px; } .knowledge-central .videos .thumbnail img { position: absolute; top: -21px; left: -35px; } /* added by Maggie 20121019 to hide edit button of knowledge central from normal user, but appears to admin */ .logged-in #block-pantarei_custom-0 .views-row > a { display: none; } .admin-menu #block-pantarei_custom-0 .views-row > a { display: inline; } /* Events */ .block-events { background: url(../images/top-300s.png) no-repeat 0 0; color: #222; padding: 4px 0 0; } .block-events h2 { background: url(../images/icon-event.png) no-repeat 0 6px; font-weight: bold; line-height: 38px; margin: 6px 16px; padding-left: 38px; } .block-events .pane-content { background: url(../images/bottom-300s.png) no-repeat bottom left; padding: 0 4px 4px; } .block-events .view-header { position: absolute; top: 0; left: 0; text-align: right; padding: 6px 6px 0; width: 288px; } .block-events a.more { margin-top: 18px; margin-bottom: 18px; } .block-events ul.title-list { font-size: 92%; line-height: 1.286em; } .block-events ul li { margin: .5em 0; } .block-events ul .date { text-weight: bold; } .block-events ul .title a { color: #222; } .block-events ul .title a:hover { text-decoration: underline; } .block-events ul .date { font-weight: bold; } /* Get E-mail updates */ .e-news { padding: 3px 6px; position: relative; background: url(../images/get-enews_bg.png) no-repeat 0 0 transparent; } .e-news .title { display: none; } .e-news .content { font-size: 11px; line-height: 1.286em; height: 100px; } .e-news .content .e-news_title img { margin: 5px 0 0} .e-news .content .e-news_words img { margin: 0px 0 0 20px } .e-news ul { font-family: tahoma; left: 165px; padding-left: 10px; position: absolute; top: 22px; } /* Embedded Ad */ #block-quicktabs-cw_ad_tab {/* background: url(../images/top-300ws.png) no-repeat 0 0 transparent; */} #block-quicktabs-cw_ad_tab h2.title {background: url(../images/embed_ad_title.png) no-repeat 15px 15px transparent; height:30px; text-indent: -9999px; padding-bottom:2px;} #quicktabs-cw_ad_tab {background: url(../images/embed_ad_top_bg.jpg) no-repeat 0 0 transparent; margin-top: 10px; width:299px;} #quicktabs-cw_ad_tab ul.quicktabs_tabs {font-size: 12px; position: absolute; padding-left:20px; margin: 82px 0px 5px 0px; width:279px; line-height:12px; float:left; border-bottom:2px solid #dddddd; height:34px;} #quicktabs-cw_ad_tab ul.quicktabs_tabs li {text-align: center; color:#004f98; margin-left:-20px; margin-top:2px; float:left;} #quicktabs-cw_ad_tab ul.quicktabs_tabs li a{color:#ffffff; text-decoration:none; font-family: Arial; font-weight:bold} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.active a{color:#ffffff;} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-0 {border-color: transparent transparent #e9e9e9 transparent; border-width: 0 30px 30px 0; border-style: solid; height: 0; width: 65px; margin-right:7px; margin-top:0px; padding: 0px 10px 2px 10px; } #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-0 a {top:10px; left:15px; position:absolute; color: #b2b2b2;} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-0.active {border-color: transparent transparent #3F6999 transparent; padding-top:0} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-0.active a {color:#ffffff;} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-1 {background-color:#cacaca; width: 55px; height: 26px; -webkit-transform: skew(44deg); -moz-transform: skew(44deg); -o-transform: skew(44deg); -ms-transform: skew(44deg); margin-right:9px; padding: 2px 10px; } #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-1.active {background-color:#3F6999;} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-1 a {display: inline-block; transform: skewX(-44deg); -o-transform: skewX(-44deg); -moz-transform: skewX(-44deg); -webkit-transform: skewX(-44deg); padding-top:6px} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-2 {border-color: #e9e9e9 transparent transparent transparent; border-width: 29px 0 0 29px; border-style: solid; height: 0; width: 83px; padding: 2px 10px; } #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-2.active {border-color: #3F6999 transparent transparent transparent;} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-2 a{color: #b2b2b2; top:-22px; position:relative; } #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-2.active a {color:#ffffff;} #quicktabs_container_cw_ad_tab {padding-top:120px;} #quicktabs_container_cw_ad_tab .quicktabs_tabpage {} #quicktabs_container_cw_ad_tab .content a.embed_ad_link {position:relative;} #quicktabs_container_cw_ad_tab .submitted {display: none} #quicktabs_container_cw_ad_tab #node-11515 h1.title, #quicktabs_container_cw_ad_tab #node-11518 h1.title {display:none;} #quicktabs_container_cw_ad_tab #node-11515 div.title_r , #quicktabs_container_cw_ad_tab #node-11518 div.title_r {display:block;} #quicktabs_container_cw_ad_tab #node-11518 img.transparentPlay {position:absolute; z-index:5; top:-155px; *top:40px; left:40px;} #quicktabs_container_cw_ad_tab #node-11518 .content a.learnmore {background: url(../images/embed_ad_tabover_bg.jpg) repeat-x 0 0 transparent; color:#004f98; text-decoration:none;} #quicktabs_container_cw_ad_tab #node-11518 #node-edit-link-11518, #quicktabs_container_cw_ad_tab #node-11515 #node-edit-link-11515 {margin-top:20px;} #quicktabs_container_cw_ad_tab div.title_r {padding-top:10px; padding-bottom:5px;} #quicktabs_container_cw_ad_tab div.title_r a {font-size: 14px; font-weight: bold; color:#4e4e4e; line-height:14px;} #quicktabs_container_cw_ad_tab div.desc {color:#6f6f6f; padding-bottom:15px; border-bottom:1px solid #cfcfcf} #block-quicktabs-cw_ad_tab div.content:first-child {background: url(../images/bottom-300ws_hkt.png) no-repeat left bottom #f5f5f5;} #block-quicktabs-cw_ad_tab #quicktabs_container_cw_ad_tab .content {font-size: 12px; font-weight: normal; border-top-style:none; font-family: Arial; background-image: none; line-height:16px; color:#414141; width:260px; padding-left:15px; padding-right:15px; margin-bottom:8px;} #block-quicktabs-cw_ad_tab .article_list li{list-style-image:url('../images/embed_ad_arrow.png'); margin-left:-9px} #block-quicktabs-cw_ad_tab .article_list a {color: #757575; font-family: Arial; font-size:11px; text-decoration:none;} #quicktabs_tabpage_cw_ad_tab_2 .title {display:none} #block-quicktabs-cw_ad_tab #quicktabs_container_cw_ad_tab .terms {display:none;} #block-quicktabs-cw_ad_tab #quicktabs_container_cw_ad_tab .content .embed_ad_wp_t {font-family: Arial; font-size:14px; font-weight:bold; padding-bottom:7px;} #block-quicktabs-cw_ad_tab #quicktabs_container_cw_ad_tab .content .embed_ad_wp_t a{font-family: Arial; font-size:14px; font-weight:bold; color:#000; text-decoration:none;} #block-quicktabs-cw_ad_tab #quicktabs_container_cw_ad_tab .content .embed_ad_wp_d {font-family: Arial; font-size:12px; font-weight:normal} #block-quicktabs-cw_ad_tab #quicktabs_container_cw_ad_tab .embed_ad_wp_dl {padding-top: 5px; padding-bottom:20px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #block-quicktabs-cw_ad_tab #quicktabs_container_cw_ad_tab .content {} } /* Homepage Sponsored Content */ .pane-nodequeue-23 {width:610px; margin-top:20px;} .pane-nodequeue-23 .pane-title {background: url(../images/sponsored_content_title.jpg) no-repeat; color:#353535; font-size:11px; margin-bottom:10px;} .pane-nodequeue-23 .pane-content {border:1px solid #d3d3d3; border-radius:10px; background-color:#f0f0f0; padding:15px 0 15px 0} .pane-nodequeue-23 .pane-content .views-row {padding-bottom:15px; border-bottom:1px solid #cecece} .pane-nodequeue-23 .pane-content .views-field-field-article-image-fid {float:left; width:103px; background: url(../images/sponsored_content_imgbg.jpg) no-repeat; text-align:right; margin-right:20px; margin-top:5px} .pane-nodequeue-23 .pane-content .views-field-field-article-image-fid img {width:75px; height:51px} .pane-nodequeue-23 .pane-content .views-field-title {margin-bottom:5px; margin-top:20px; padding-right:15px;} .pane-nodequeue-23 .pane-content .views-field-title a {color:#0a0a0a; font-weight:bold; font-size:13px;} .pane-nodequeue-23 .pane-content .views-field-body {padding-right:15px;} .pane-nodequeue-23 .pane-content .views-row-last {border:0} /* Related Articles */ .pane-related-articles, .pane-related-articles-2 { border: 1px solid #ccc; color: #f00; margin: 0 6px; } .pane-related-articles h2, .pane-related-articles-2 h2 { padding: .5em 14px; } .pane-related-articles ul, .pane-related-articles-2 ul { margin: 0 0 .5em; } .pane-related-articles a, .pane-related-articles-2 a { color: #f00; } /* Features and Opinions */ /* * Content Type List */ h1.list-title { /*border-bottom: 1px solid #f00;*/ color: #570000; font-size: 28px; font-family: Arial; margin: 0; text-transform: capitalize;} /* iOS Section */ .page-topic-ios h1.list-title {text-transform: none;} /* Cloud Section */ .page-topic-cloud div#site-name {top:29px;} .page-topic-cloud div#site-name a {background:url('../images/cwacf.png') no-repeat 0 0; width:439px; height:69px;} .page-topic-cloud #block-search-0, .page-topic-cloud .advanced-search-box{display:none;} /*.page-panels h1.title { color: #570000; font-size: 28px; font-family: Arial; }*/ div.pane-1, div.pane-1 .pane-content {background:none;border-bottom: 1px solid #f00; padding:0px;} div.pane-1 .pane-content h2 { color: #570000; font-family: Arial; font-size: 20px; margin: 0; text-transform: capitalize; margin-top:-1px;} #content-list .attachment { color: #666; } #content-list .views-row { clear: both; } #content-list.has-image .views-field { margin-left: 80px; } #content-list.has-image .attachment .views-field { margin: 0; } #content-list .pane-content > .views_view > .view-content .views-row { margin: 1.2em 0; line-height: 1.3333em; } #content-list .pane-content > .views_view > .view-content .views-row-first { margin-top: .2em; } #content-list .pane-content > .views_view > .view-content .views-field-field-article-image-fid { float: left; margin: 0 10px 10px 0; } #content-list .pane-content > .views_view > .view-content .views-field-field-thumbnail-fid { float: left; margin: 0 10px 10px 0; } #content-list .pane-content > .views_view > .view-content .views-field-title { font-weight: bold; font-size: 110%;} .page-events #content-list .pane-content > .views_view > .view-content .views-field-title { font-weight: bold; font-size: 110%; margin-left: 80px} #content-list .pane-content > .views_view > .view-content .views-field-field-location-value {margin-left: 80px} .page-events #content-list .pane-content > .views_view > .view-content .views-field-edit-node {margin-left: 80px} #content-list .pane-content > .views_view > .view-content .views-field-created { color: #666; } #content-list .pane-content > .views_view > .view-content .views-field-body { color: #222; } #content-list .view-footer { color: #666; font-size: 92%; } /* Featured Articles (sponsor article type) List */ .page-topic-storage .featured-list li, .page-topic-business-software .featured-list li, .page-topic-industry-issues .featured-list li, .page-topic-apple .featured-list li, .page-topic-it-management .featured-list li{list-style-type:none;} .page-topic-storage .featured-list img, .page-topic-business-software .featured-list img, .page-topic-industry-issues .featured-list img, .page-topic-apple .featured-list img , .page-topic-it-management .featured-list img {float: left; margin: 0 5px 0 0; } .page-topic-storage .featured-list .field-content, .page-topic-business-software .featured-list .field-content, .page-topic-industry-issues .featured-list .field-content, .page-topic-apple .featured-list .field-content, .page-topic-it-management .featured-list .field-content {margin-left: -26px; font-size:14px; } .page-topic-storage .featured-list .views-field-body .field-content, .page-topic-business-software .featured-list .views-field-body .field-content, .page-topic-industry-issues .featured-list .views-field-body .field-content, .page-topic-apple .featured-list .views-field-body .field-content, .page-topic-it-management .featured-list .views-field-body .field-content {font-size:12px;} /* Whitepapers and Case Studies List */ #content-list.whitepapers .views-row, #content-list.case-studies .views-row { border-bottom: 1px dotted #ccc; } #content-list .views-field-php .download { display: block; margin: 1em 0; } #content-list .views-field-php .download a { background: url(../images/btn-download.png) no-repeat 0 0; display: block; float: left; width: 76px; height: 25px; font-size: 1px; text-indent: -9999px; zoom: 1; position: relative; top: 2px; z-index: 1; margin-right: 8px; } #content-list .views-field-php .download .details { color: #AB0000; font-family: Arial; opacity: 0.8 } #content-list .views-field-php .download .details .label { font-weight: bold; } /* Featured List */ .featured-list { background: #BCDCF0; line-height: 1.333em; padding: 13px; margin-bottom: 1em; } .featured-list h2 { color: #AB0000; font-size: 120%; margin-bottom: .5em; } .featured-list .views-row { clear: both; height: 60px; margin: 10px 0; } .featured-list .views-row-first { margin-top: 0; } .featured-list .views-row-last { margin-bottom: 0; } .featured-list h4 { margin: 0; } .featured-list img { float: left; margin: 0 10px 0 0; } .featured-list span { display: block; } .featured-list .field-content { color: #222; margin-left: 70px; } /* Videos List */ .pane-video h2 { color: #999; font-size: 92%; margin: 0; } .pane-video .pane-content { border-top: 1px solid #f00; } .pane-video .view-video .view-header { color: #999; font-size: 92%; font-weight: 700; margin: 0; line-height: 2em; } .pane-video .view-video .content { border-top: 0 none; margin-top: 0; } .pane-video .view-video .node-type-video .submitted { display: none; } #content-list.pane-videos h2 { border-bottom: 1px dotted #ccc; color: #999; font-size: 92%; margin: 0; line-height: 2em; } #content-list.pane-videos .view { margin-top: 10px; } #content-list.pane-videos .view > .view-content { border: 0 none; height: 420px; } /* override the red border-top */ #content-list.pane-videos .pane-content > .view-id-videos > .view-content .views-row { clear: none; float: left; font-family: Tahoma; height: 200px; width: 137px; margin: 5px 8px; } #content-list.pane-videos .views-row .views-field-field-video-embed { margin-bottom: 5px; } #content-list.pane-videos .views-row .views-field-field-video-embed a { border: 1px solid #eee; display: block; height: 77px; line-height: 0; overflow: hidden; position: relative; } #content-list.pane-videos .views-row .views-field-field-video-embed a:hover { box-shadow: 0 0 2px #cccccc; } #content-list.pane-videos .views-row .views-field-field-video-embed a img { position: absolute; top: -13px; left: -1px; } #content-list.pane-videos .pane-content > .view-id-videos > .view-content .views-field-created { color: #222; } #content-list.pane-videos .views-row .views-field.duration { color: #666; } #content-list.pane-videos .views-row .views-field.creator { color: #999; } /* Blogger List */ .pane-blogs .pane-title { color: #AAA; margin: .5em 0; } .view-bloggers .views-row { clear: both; margin: 2em 0; } .view-bloggers .views-row .views-row { clear: none; margin: 0; } .view-bloggers .header { padding-bottom: 15px; background: url(../images/bottom-613s.png) no-repeat -25px bottom; margin-bottom: 10px; } .view-bloggers .header, .view-bloggers .latest-blog { margin-left: 25px; padding-left: 100px; } /* User Guide List */ .page-user-guides h1 { height: 156px; position: relative; } .page-user-guides h1.title span { background: url(../images/ug-header.jpg) no-repeat 0 0; display: block; height: 156px; left: 0; position: absolute; top: 0; width: 613px; } /* * Term List */ /* Editor */ .blog-list-header { position: relative; height: 70px; border-bottom: 1px solid #f00; } .blog-list-header img { margin: 0; position: absolute; } .blog-list-header .content { margin-left: 83px; } .blog-list-header .real-name { color: #570000; font-family: Tahoma, Arial; font-size: 28px; font-weight: bold; line-height: 1.3em; margin-bottom: 0; } .blog-list-header .subtitle { font-size: 117%; } .blog-list-header .subtitle a:link, .blog-list-header .subtitle a:visited { color: #f00; } .blog-list-header .subtitle a:hover { text-decoration: underline; } /* * Node Page */ .node h1.title { font-family: Arial; font-size: 150%; } .node h1.title a { color: #000; } /*.node img { float: left; margin: 0 13px 13px 0; }*/ .node .submitted { color: #666; line-height: 2em; } #content .node .terms { font-size: 92%; padding-top: .5em; margin-bottom: .5em; } #content .node .terms a { color: #F00; } #content .node .terms a:hover { text-decoration: underline; } #content .node .terms ul.links li { padding: 0 .2em; } #content .node .field-field-album-image { margin: 2em 0; } .node .content { border-top: 1px solid #FF0000; margin-bottom: 2em; font-family: Georgia,Times,Times New Roman,serif; font-size: 108%; line-height: 1.6em; } /* Ezine */ #content .node-type-ezine { border-bottom: 1px dotted #ccc; width: 613px; margin: 1.5em 0; } #content .node-type-ezine img { float: left; margin: 0 13px 15px; } #content .node-type-ezine .content { margin-left: 200px; padding-top: 5px; border: 0 none; } #content .node-type-ezine .content h2 { color: #f00; margin: 5px 0; } #content .node-type-ezine .content div { color: #222; font-size: 117%; font-weight: bold; line-height: 1.286em; } #content .node-type-ezine .content label { color: #999; display: block; font-style: italic; font-weight: normal; padding: 10px 0 0 0; } #content #block-views-ezine-block_select { margin-top: 10px; } /* Video */ #content .node-type-video .content { height: 400px; } #content .node-type-video { color: #666; font-family: Tahoma; } #content .node-type-video .submitted { color: #999; font-size: 92%; font-weight: 700; margin: 0; line-height: 2em; } #main .node-type-video .body { float: left; width: 500px; } #content .node-type-video h2.title { display:block; float: left; width: 450px; color: #000; font-size: 117%; font-weight: bold; } #content .node-type-video .emvideo { margin: 0; width: auto; } .node-type-video #login-box-wrapper { background: url(../images/vplayer.png) no-repeat 0 0 transparent; margin: 0; padding: 10px; width: 440px; height: 360px; } .node-type-video #login-box { background-color: #fff; height: 275px; padding: 20px; margin-bottom:50px;} .node-type-video #login-box h1 {font-size:1.7em;} /* Biolography */ #colorbox .node-type-biography .content { clear: none; margin-left: 135px; } /* Blog */ .blog-header img { float: left; margin-right:13px ; } .blog-header .real-name { color: #570000; font-family: Tahoma, Arial; font-size: 24px; font-weight: bold; float: left; margin-right: 5px; } .blog-header .links { color: #666; display: block; padding-top: 10px; font-size: 12px; line-height: 14px; } .blog-header .links a:link, .blog-header .links a:visited { color: #f00; } .blog-header .links a:hover { text-decoration: underline; } .blog-header h1.title { font-size: 16px; line-height: 16px; margin-top: 10px;} .blog-header h1.title a { color: #000; } .blog-header .submitted { margin: 0; line-height: 20px; } .node-type-blog .content { margin-top: 0; } /* Social Media */ .addthis_toolbox-wrapper { color: #069; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; margin: 6px 6px; padding: .6em 0; } .addthis_toolbox-wrapper .addthis_toolbox { margin-top: .5em; } .addthis_toolbox-wrapper a { color: #069; margin: 0 12px 5px 0; height: 16px; line-height: 16px; width: 80px; display: block; } .addthis_toolbox-wrapper span { margin-right: 2px; } /* * Comments */ /* display:none for js use */ /*#comments { background: url(../images/top-613ws.png) no-repeat 0 0 transparent; padding-top: 20px; } #comments h2 { color: #222; font-weight: 400; margin-bottom: .5em } #comments .box { background: url(../images/bg-613ws.png) repeat-y 0 0; padding: 0 20px 14px; } #comments-list { background: #e3e3e3; margin: 0 6px; padding: 14px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }*/ .pane-node-comment-form { background: url(../images/top-613ws.png) no-repeat 0 0; padding-top: 20px; display:none;} .pane-node-comment-form h2 { color: #000; font-weight: 400; padding: 0 20px 0; } .pane-node-comment-form .pane-content { background: url(../images/bottom-613ws.png) no-repeat bottom left; padding: .5em 20px 27px; } .has-comment .pane-node-comment-form .pane-content { background: none transparent; padding-bottom: 14px; } .has-comment .pane-node-comment-form + .panel-region-separator { display: none; } /* Form components */ /*#comments .form-item { float: left; margin: 0 0 .8em; } #comments label { font-weight: normal; position: absolute; margin: 0; line-height: 22px; } #comments label .colon, #comments label .form-required { display: none; } #comments .form-text { height: 20px; } #comments .form-text, #comments textarea { background: #dfdfdf; border: 1px solid #dfdfdf; } #comments #edit-name-wrapper .form-text { margin-left: 70px; width: 180px; } #comments #edit-mail-wrapper { margin-left: 16px; } #comments #edit-mail-wrapper .form-text { margin-left: 50px; width: 253px; } #comments #edit-comment-wrapper .resizable-textarea { margin-left: 70px; width: 503px; } #comments textarea { padding: 0; width: 501px; } #comments #edit-submit { background: url(../images/btn-submit.png) no-repeat 0 0; border: none; color: #fff; line-height: 27px; font-size: 100%; font-weight: bold; margin-left: 70px; width: 132px; }*/ .pane-node-comment-form .form-item { float: left; margin: 0 0 .8em; } .pane-node-comment-form label { font-weight: normal; position: absolute; margin: 0; line-height: 22px; } .pane-node-comment-form label .colon, .pane-node-comment-form label .form-required { display: none; } .pane-node-comment-form input.form-text { height: 20px; } .pane-node-comment-form input.form-text, .pane-node-comment-form textarea { background: #dfdfdf; border: 1px solid #dfdfdf; } .pane-node-comment-form #edit-name-wrapper .form-text { margin-left: 70px; width: 180px; } .pane-node-comment-form #edit-mail-wrapper { margin-left: 16px; } .pane-node-comment-form #edit-mail-wrapper .form-text { margin-left: 50px; width: 253px; } .pane-node-comment-form #edit-comment-wrapper .resizable-textarea { margin-left: 70px; width: 503px; } .pane-node-comment-form textarea { padding: 0; width: 501px; } .pane-node-comment-form #edit-submit { background: url(../images/btn-submit.png) no-repeat 0 0; border: none; color: #fff; height: 27px; font-size: 100%; font-weight: bold; margin-left: 70px; width: 132px; } .pane-node-comment-form .collapsible { margin-left: 70px; } .pane-node-comment-form .collapsible .form-item { float: none; } .pane-node-comment-form .collapsible label { position: relative; } /* Captcha */ /*#comments .captcha { clear: both; height: 72px; margin: 0 0 .8em 70px; position: relative; } #comments .captcha img { position: absolute; top: 0; left: 0; } #comments .captcha .description { display: none; } #comments .captcha .form-item { margin-left: 190px; } #comments .captcha .form-item label { position: static; }*/ .pane-node-comment-form .captcha { clear: both; height: 72px; margin: 0 0 .8em 70px; position: relative; } .pane-node-comment-form .captcha img { position: absolute; top: 0; left: 0; } .pane-node-comment-form .captcha .description { display: none; } .pane-node-comment-form .captcha .form-item { margin-left: 190px; } .pane-node-comment-form .captcha .form-item label { position: static; } /* Comment */ .comment { background: #fff; color: #999; padding: 6px 10px; margin: 10px 0; position: relative; } .comment.first { margin-top: 0; } .comment.last { margin-bottom: 0; } .comment .new { background: none repeat scroll 0 0 #FF0000; border-radius: 5px; box-shadow: -1px 1px 2px #000; color: #fff; font-size: 92%; padding: 0 0.4em; position: absolute; right: -5px; top: -4px; } .comment .submitted { color: #000; } .comment .datetime { color: #f00; font-style: italic; } .comment ul.links { clear: both; font-size: 92%; float: right; padding: 0 5px; position: relative; margin: 0; top: 6px; background-color: #222333; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#222333)); background-image: -webkit-linear-gradient(top, #666666, #222333); background-image: -moz-linear-gradient(top, #666666, #222333); background-image: -ms-linear-gradient(top, #666666, #222333); background-image: -o-linear-gradient(top, #666666, #222333); -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .comment ul.links a { color: #ccc } .comment ul.links a:hover { color: #fff; } .pane-node-comments { background: #e3e3e3; display:none; margin: 0 6px; padding: 14px; color: #999; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .pane-node-comments h2 { color: #000; font-weight: 400; margin-bottom: .5em; } .has-comment .pane-node-comments { display: block; } /* Contact */ .node-type-webform h1.title { border-bottom: 1px solid #f00; color: #570000; font-size: 28px; margin: 0; } .webform-component { margin: 1.5em 0; } /* * Pager */ .pager a { color: #999; padding: 0; } .pager a.active { color: #999; } .pager a:hover { color: #000; } .item-list .pager { font-size: 92%; font-weight: bold; margin:0; padding: 0; margin: 1.5em 0; text-align: left; } .item-list .pager li { padding: 0.1em; } .item-list .pager li.pager-current { color: #000; text-decoration: underline; } /* * Light Box */ #colorbox .node .content { border: 0 none; } #login-box { color: #666; font-size: 0.91666em; } #login-box a { color: #666; text-decoration: underline; } #login-box a:hover { color: #000; } #login-box h1 { color: #AB0000; font-size: 1.8em; font-family: Arial; font-weight: normal; } #login-box #edit-submit { margin-right: 1em; } #login-box .form-bottom { margin: 20px 0 0; padding: 10px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; } /* * Footer */ #footer { padding: 0 4px 4px; } #footer .block { margin: 15px; } /* Footnote */ .footnote { background: url(../images/top-922ws.png) no-repeat 0 0; } .footnote .content { background: url(../images/bottom-922ws.png) no-repeat bottom left; padding: 0 6px 12px; } .footnote .items { float: left; font-size: 11px; line-height: 1.286em; padding: 6px 0; width: 182px; } /* (922 - 12) / 5 = 182 */ .footnote .items h6 { border-left: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; font-size: 12px; line-height: 2em; padding-left: 12px; margin: 0; } .footnote .items.last h6 { border-left: 1px solid #ECECEC; } .footnote .items .thumbnail { margin: 0 5px 0 0; float: left; } .footnote .items .video a { display: block; height: 70px; width: 70px; overflow: hidden; position: relative; } .footnote .items .video img { left: -35px; position: absolute; top: -21px; } .footnote .items .item-content { font-family: Tahoma; font-weight: bold; margin: 0 5px 0 0; } .footnote .items .item-content a { color: #999; display: block; } .footnote .items .item-content a:hover { color: #222; } /* Sitemap */ #footer .sitemap { font-family: Tahoma; font-size: 0.8571em; line-height: 1.286em; margin: 30px 15px; padding: 0 6px; position: relative; min-height: 42px; } #footer .sitemap .content { padding-top: 30px; } #footer .sitemap .bar-wrapper { position: absolute; width: 910px; top: 0; } #footer .sitemap .bar { line-height: 42px; padding-left: 12px; position: relative; } #footer .sitemap .clickable { background: url(../images/sitemap-bar.png) no-repeat 0 0 transparent; cursor: pointer; display:block; height: 42px; left: 0; position: absolute; top: 0; width: 910px; zoom: 1; } #footer .sitemap .clickable.active { background-position: left bottom; } #footer .sitemap.collapsed .clickable .arrow { background: url(../images/sitemap-bar.png) no-repeat right top transparent; display: block; float: right; height: 42px; width: 42px; } #footer .sitemap.collapsed .clickable.active .arrow { background-position: right bottom; } #footer .sitemap .content-wrapper { background: #F1F1F1; border: 1px solid #E9E9E9; display: none; margin: 0 3px; overflow: hidden; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #footer .sitemap .content-wrapper table { width: 896px; margin: 20px 7px 15px; } #footer .sitemap .content-wrapper table td, #footer .sitemap .content-wrapper table th { padding: 0 8px; } #footer .sitemap .bar { min-height: 42px; } /* IE7 bug fix */ #footer .sitemap a { color: #000; } /* global footer */ .global-footer { position: relative; } #footer-copyrights { font-size: 11px; padding: 10px 0 0 150px; font-style: italic; color: #666; } .footer-logo { position: absolute; top: 0; left: 0px; } .footer-site { padding: 5px 30px 0 150px; font-size: 11px; color: #666; } .footer-site span { font-weight: bold; display: block; } .footer-site a { text-decoration: none; color: #5895BE; } .footer-site a:hover { color: #0062A0; text-decoration: underline;} /* * Layout Fix */ .with-navigation #content, .with-navigation .region-sidebar-first, .with-navigation .region-sidebar-second { margin-top: 0; } /* * Newsletter */ #user-register #newsletters { display: block; } #user-register #newsletters #edit-enews-cw-daily-wrapper label, #user-register #newsletters #edit-enews-cw-storage-wrapper label, #user-register #newsletters #edit-enews-cw-ezine-wrapper label, #user-register #newsletters #edit-enews-cw-security-wrapper label {color:#AB0000;} .unpublished {display:none;} /*fix for ad drop 20120224*/ .region-header { position: relative; } #block-block-5 { left: 488px; position: absolute; top: 32px; width: 468px; } .section-node-edit .region-sidebar-second { display: none; } /* PANTAREI ADDON updated by PantaRei due to syntax error: ) => } */ .page-admin-build-block-list-cw #content { margin-left: 0px; } /* Desktop only */ .mobileonly {display:none;} .desktoponly {display:block;} /* Responsive css */ @media only screen and (min-width : 820px) and (max-width : 1020px) { /* general layout #navigation {margin-right:0px; background-image:none; height:45px; background-color: #DF3332} #block-menu-menu-cw-topic-menu, #block-menu-menu-cw , #block-block-12 {display:none;} #page-wrapper {width:800px;} #main-wrapper{margin-top:60px;} #content-top {height:120px;} #main #content {display: block; float: left; width: 800px; margin: 0;} .front .panels-flexible-region {width:380px;} #main .region-sidebar-second {margin-left:240px; margin-right:0; display:block; float:left;} /* topbanner #block-block-5 {width:300px;} /* menu and navigation bar #block-block-23 {display:block; float:left; width:200px; margin:7px 0 0 15px;} #block-block-23 select {border: 0 !important; -webkit-appearance: none; -moz-appearance: none; border-radius: 2px; padding: 5px; } /* leaderboard .cw-leaderboard {width:600px; margin-left:165px} /* news .pane-home-news {background: url("../images/top-380ws.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .pane-home-news .pane-content {background: url("../images/bottom-380gs.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);} .pane-home-news .pane-content > .views_view > .view-header {width:370px;} /* features .pane-home-features .pane-content {background: url("../images/bottom-380s.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);} .pane-home-features .pane-content > .views_view > .view-content .views-row {min-height:70px;} /* blogs .pane-home-opinions-blogs .pane-content .view-header {width:370px;} /* CW latest issue .latest-ezine {background: url("../images/top-380p.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);} /* Events .block-events {background: url("../images/top-380s.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);} .block-events .pane-content {background: url("../images/bottom-380s.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);} /* Most viewed .default-style {background: url("../images/top-380ws.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);} .default-style .pane-content, .default-style .content {background: url("../images/bottom-380ws.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);} /* Sponsored content .pane-nodequeue-23 {margin-left:85px;} .panels-flexible-19-inside .pane-title{color:blue}*/ } @media only screen and (min-width : 500px) and (max-width : 819px) { .mobileonly {display:block;} .desktoponly {display:none;} #navigation { background-color: #df3332; background-image: none; height: 60px; margin-right: 0; position: absolute; top: 0; width: 520px;} .not-logged-in #block-block-4{ float: left; height: 22px; margin-bottom: 0; margin-top: 0; width: 256px;} h1#site-name, div#site-name{left: 45px; top: 16px;} h1#site-name a, div#site-name a { background: url(../images/cw_mobile_logo.png) 0 0 no-repeat; display: block; width: 230px; height: 58px; font-size: 1px; text-indent: -9999px; } #block-menu-menu-cw-topic-menu, #block-menu-menu-cw , #block-block-12{display:none;} #page-wrapper {width:520px;} #main-wrapper{ margin-left: 5px; margin-right: 5px; margin-top: 5px; width: 500px;} #content-top {height:70px;} #main #content {display: block; float: left; width: 520px; margin: 0;} .front .panels-flexible-region {margin-left: 10px; margin-right: 10px; width: 480px;} #main .region-sidebar-second {display: block; float: left; margin-left: 10px; margin-right: 10px; width: 480px;} /* top banner */ #block-block-5 {position:static; text-align:center} #block-search-0{display:none;} #block-block-3 {padding: 60px 0 0 2px;} h1#site-name a, div#site-name a{height:40px;} /* advanced search */ #block-block-14 {top:115px} #block-block-3 .content, #block-block-14 .content, .right_leader{display:none;} /* menu and navigation bar and login box */ #block-block-23 {display:block; float:left; width:68px; margin:10px -30px 0 226px;} /*#block-block-23 select {-moz-appearance: none; background-color: #111111; border: 0 none !important; border-radius: 2px; color: #dddddd; font-size: 45px; left: 0; padding: 0; position: absolute; top: 0; width: 36px;}*/ #block-block-23 div {background: url(../images/down_arrow_select.jpg) no-repeat right center #333; border: 1px solid #333; height: 61px; overflow: hidden; width: 27px; position: absolute; left:0; top:0;} #block-block-23 select {background: none repeat scroll 0 0 transparent; border: 0 none; border-radius: 0; font-size: 16px; height: 34px; line-height: 1; padding: 5px; width: 100px; } .logged-in #block-block-4 {width:250px; margin-top:15px; margin-left:257px;} .logged-in #block-block-23 div{left:-226px} /* leaderboard */ .cw-leaderboard {width:495px; margin-left:15px} .cw-leaderboard div.left_leader {float: none !important; text-align:center;} .panels_pane.panel-pane.pane-block.pane-block-25, .block.block-block.region-odd.odd.region-count-3.count-3.cw-bigbox.ad {text-align: center;} /* news */ .pane-home-news {background-image: none;} .pane-home-news .pane-content { background-image: none !important;border-top: 1px solid #f3f3f3;padding: 0 0 15px;} .pane-home-news .pane-content > .views_view > .view-header { padding: 3px 0 0; border-top: 1px solid #f3f3f3; left: 0; width: 478px;} .pane-home-news .pane-content > .views_view > div { border-bottom: 1px solid #f3f3f3;border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3;padding: 12px;} .pane-home-opinions-blogs .pane-content .views-row{border-bottom: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3;} div.pane-1 .pane-content h2{ margin: 15px 0 0;} /* blogs */ .pane-home-opinions-blogs .pane-content .view-header {width:370px;} /* Most viewed */ .default-style { border: 1px solid #f3f3f3; background-image:none;} .default-style .pane-content, .default-style .content {background-image:none;} /* Sponsored content */ .pane-nodequeue-23 {width:480px;} .pane-nodequeue-23 .pane-content .views-field-body, .pane-nodequeue-23 .pane-content .views-field-title { padding-left: 15px;} /* features */ .pane-home-features .pane-content {background: url("../images/bottom-380s.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);} .pane-home-features .pane-content > .views_view > .view-content .views-row {min-height:70px;} .pane-nodequeue-23 .pane-content {margin-bottom: 15px;} .pane-home-features .pane-content > .views_view > .view-content{padding-top: 10px;} .pane-home-features .pane-content{background-image:none;} /* CW latest issue */ .latest-ezine {background-image:none; border-top: 2px solid #ff5c5c;} /* Events */ .block-events {background-image:none;} .block-events .pane-content {background-image:none; border-bottom: 1px dotted #cccccc; margin-bottom: 10px;} .panels-flexible-19-inside .pane-title{color:red} /*HKT*/ #quicktabs-cw_ad_tab{width: 479px;} #block-quicktabs-cw_ad_tab #quicktabs_container_cw_ad_tab .content{width:450px;} #quicktabs-cw_ad_tab ul.quicktabs_tabs{width:459px;} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-0{ width: 125px;} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-1{width: 115px;} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-2{width:143px;} #quicktabs-cw_ad_tab {background-size:100%} #quicktabs-cw_ad_tab ul.quicktabs_tabs{ margin: 129px 0 5px;} #quicktabs_container_cw_ad_tab { padding-top: 170px;} /*KC*/ .knowledge-central{ border: 1px solid #f3f3f3; background-image:none;} .knowledge-central .content{background-image:none;} /*footer*/ .footer-site{padding: 55px 30px 0 0;} #footer-copyrights {padding: 10px 30px 0 0;} .pane-home-news ul .title a, .latest-ezine .content label, .latest-ezine .content div a, #main li { font-family: arial;} } @media only screen and (min-width : 310px) and (max-width : 499px) { .mobileonly {display:block;} .desktoponly {display:none;} #navigation { background-color: #df3332; background-image: none; height: 80px; margin-right: 0; position: absolute; top: 0; width: 100%;} #block-menu-menu-cw-topic-menu, #block-menu-menu-cw , #block-block-12 {display:none;} h1#site-name, div#site-name {left:45px;top: 10px;} #page-wrapper, .left_leader, .block.block-block.first.last.region-odd.odd.region-count-1.count-11.cw-leaderboard.media.ad {width:100%;} #main-wrapper{margin-top:-80px;} #content-top {height: 70px;text-align: center;} #main #content {display: block; float: left; width: 100%; margin: 0;} .front .panels-flexible-region {width:96%; margin-left:10px;} #main .region-sidebar-second {margin-left:10px; margin-right:0; display:block; float:left;width: 96%;} h1#site-name a, div#site-name a { height: 40px;} h1#site-name a, div#site-name a { background: url("../images/cw_mobile_logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; font-size: 1px; text-indent: -9999px; width: 230px;} /* search box */ #name-and-slogan {height:75px;} #block-search-0, #block-block-14 .content {display:none;} /* advanced search */ #block-block-14 {left:-213px; top:115px;} /* top banner */ #block-block-5 {position:static; text-align:center; width:320px;} /* menu and navigation bar and login box */ #block-block-23 {display:block; float:left; width:300px; margin:7px 0 0 15px;} #block-block-23 select {border: 0 !important; -webkit-appearance: none; -moz-appearance: none; border-radius: 2px; padding: 5px; width:280px;} .not-logged-in #block-block-4 {width:300px; margin-left: 44px !important; margin-top: 30px;} #block-block-23 {display:block; float:left; width:68px; margin:10px -30px 0 226px;} #block-block-23 div {background: url(../images/down_arrow_select.jpg) no-repeat right center #333; border: 1px solid #333; height: 81px; overflow: hidden; width: 27px; position: absolute; left:0; top:0;} #block-block-23 select {background: none repeat scroll 0 0 transparent; border: 0 none; border-radius: 0; font-size: 16px; height: 34px; line-height: 1; padding: 5px; width: 100px; } .logged-in #block-block-4 {width:250px; margin-left: 44px !important; margin-top: 30px;} .logged-in #block-block-23 div{left:-226px} #user-login-light ul li.lost-password a{display:none;} #block-block-3 .content, .right_leader { display: none;} /* leaderboard */ .cw-leaderboard {width:320px; margin-left:0px} .cw-leaderboard div.right_leader {margin:16px 0 0 110px} .panels_pane.panel-pane.pane-block.pane-block-25, .ad .content { text-align: center;} /* news */ .pane-home-news {background-image:none; border: 1px solid #f3f3f3;} .pane-home-news .pane-content { background-image:none; padding: 0 0 27px;} .pane-home-news .pane-content > .views_view > .view-header {width:290px;} /* Sponsored content */ .pane-nodequeue-23 {width:100%;} .pane-nodequeue-23 .pane-content .views-field-body, .pane-nodequeue-23 .pane-content .views-field-title a, .pane-nodequeue-23 .pane-content .views-field-title{padding-left: 15px;} .pane-nodequeue-23 .pane-content{margin-bottom: 10px;} .pane-home-features .pane-content, .latest-ezine{background-image:none; border-top: 2px solid #ff5c5c;} .block-events, .block-events .pane-content{background-image:none;} .block-events .pane-content{border-bottom:1px solid #f3f3f3; margin-bottom:10px;} /* footer */ .footer-logo {margin-right:10px; position:static; float:left;} .footer-site {padding:0px;} #footer-copyrights {padding: 20px 0 0 0} /*blogs*/ .pane-home-opinions-blogs .pane-content .views-row{border: 1px solid #f3f3f3;} div.pane-1 .pane-content h2{ margin: 20px 0 0;} .default-style{background-image:none; border:1px solid #f3f3f3;} .default-style .pane-content, .default-style .content{background-image:none;} .panels-flexible-19-inside .pane-title{color:purple} /*HKT*/ #quicktabs-cw_ad_tab{width: 100%;} #block-quicktabs-cw_ad_tab #quicktabs_container_cw_ad_tab .content{width:96%;} #quicktabs-cw_ad_tab ul.quicktabs_tabs{width:90%;} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-0{ width: 28%;} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-1{width: 27%;} #quicktabs-cw_ad_tab ul.quicktabs_tabs li.qtab-2{width:27%;} #quicktabs-cw_ad_tab {background-size:100%} #quicktabs-cw_ad_tab ul.quicktabs_tabs{ margin: 110px 0 5px;} #quicktabs_container_cw_ad_tab { padding-top: 170px;} /*KC*/ .knowledge-central{background-image:none; border:1px solid #f3f3f3;} .knowledge-central .content{background-image:none;padding: 0 0 27px;} .pane-home-news ul .title a, .latest-ezine .content label, .latest-ezine .content div a, #main li { font-family: arial;} }