/*********** A common stylesheet for both desktop and mobile to draw from. *********/ /** Link Button Style 1: example usage:
VIEW PRICING
NOTE that in mobile a data-role="none" is needed to override the ui colors example: feedback/advertising.html -Miriam *****************/ .linkbutton_box, article .linkbutton_box { text-align: center; text-decoration: none; } .linkbutton_box a, .linkbutton_box a:link, .linkbutton_box a:hover, .linkbutton_box a:active, .linkbutton_box a:visited, article .linkbutton_box a, article .linkbutton_box a:link, article .linkbutton_box a:hover, article .linkbutton_box a:active, article .linkbutton_box a:visited { text-decoration: none; color: white; } .linkbutton_rounded_blue, a.linkbutton_rounded_blue { display: inline-block; position: relative; margin: 10px; height: 30px; padding: 10px 40px 0 40px; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; font: bold 20px/22px Arial, sans-serif; /** Shadows & Borders **/ text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.22); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29), inset 1px 1px 1px rgba(255, 255, 255, 0.44); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29), inset 1px 1px 1px rgba(255, 255, 255, 0.44); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29), inset 1px 1px 1px rgba(255, 255, 255, 0.44); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; background-color: #70c9e3; /* fallback/image non-cover color */ background-image: -moz-linear-gradient(#70c9e3, #39a0be); /* Firefox 3.6+ */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#70c9e3), to(#39a0be)); /* Safari 4+, Chrome 1+ */ background-image: -webkit-linear-gradient(#70c9e3, #39a0be); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#70c9e3, #39a0be); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #70c9e3 0%, #39a0be 100%); /* IE10+ */ background: linear-gradient(to bottom, #70c9e3 0%, #39a0be 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70c9e3', endColorstr='#39a0be',GradientType=0 ); /* IE6-9 */ } .linkbutton_rounded_blue:hover, a.linkbutton_rounded_blue:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29), inset 0px 0px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29), inset 0px 0px 2px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29), inset 0px 0px 2px rgba(0, 0, 0, 0.5); } .linkbutton_rounded_blue:active, a.linkbutton_rounded_blue:active { -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.8); -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.8); box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.8); } .linkbutton_rounded_blue a, .linkbutton_rounded_blue a:hover, .linkbutton_rounded_blue a:active, .linkbutton_rounded_blue a:visited, a.linkbutton_rounded_blue a, a.linkbutton_rounded_blue a:hover, a.linkbutton_rounded_blue a:active, a.linkbutton_rounded_blue a:visited { text-decoration: none; } .linkbutton_rounded_red, a.linkbutton_rounded_red { display: inline-block; position: relative; margin: 10px; height: 30px; padding: 10px 40px 0 40px; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; font: bold 20px/22px Arial, sans-serif; /** Shadows & Borders **/ text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.22); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29), inset 1px 1px 1px rgba(255, 255, 255, 0.44); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29), inset 1px 1px 1px rgba(255, 255, 255, 0.44); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29), inset 1px 1px 1px rgba(255, 255, 255, 0.44); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; background-color: #e77d7d; /* fallback/image non-cover color */ background-image: -moz-linear-gradient(#e77d7d, #d62828); /* Firefox 3.6+ */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e77d7d), to(#d62828)); /* Safari 4+, Chrome 1+ */ background-image: -webkit-linear-gradient(#e77d7d, #d62828); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#e77d7d, #d62828); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e77d7d 0%, #d62828 100%); /* IE10+ */ background: linear-gradient(to bottom, #e77d7d 0%, #d62828 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e77d7d', endColorstr='#d62828',GradientType=0 ); /* IE6-9 */ } .linkbutton_rounded_red:hover, a.linkbutton_rounded_red:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29), inset 0px 0px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29), inset 0px 0px 2px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29), inset 0px 0px 2px rgba(0, 0, 0, 0.5); } .linkbutton_rounded_red:active, a.linkbutton_rounded_red:active { -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.8); -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.8); box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.8); } .linkbutton_rounded_red a, .linkbutton_rounded_red a:hover, .linkbutton_rounded_red a:active, .linkbutton_rounded_red a:visited, a.linkbutton_rounded_red a, a.linkbutton_rounded_red a:hover, a.linkbutton_rounded_red a:active, a.linkbutton_rounded_red a:visited { text-decoration: none; } .message.success { background-color: #75C96A; border-color: #128E09; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 3px; display: block; font-weight: bolder; margin-bottom: 20px; padding: 5px 10px; } .message.error { background-color: #FA8072; border-color: #FF001F; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 3px; display: block; font-weight: bolder; margin-bottom: 20px; padding: 5px 10px; color: #000; } .message.error a, .message.error a:hover, .message.error a:link, .message.error a:visited { color: #000; text-decoration: underline; font-weight: bold; } .share_buttons { clear: both; } .share_buttons a { color: white; } .share_buttons a:link, .share_buttons a:hover, .share_buttons a:visited { color: white; text-decoration: none; } .social_button { color: white; text-align: center; vertical-align: middle; } .news .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; margin-bottom: 20px; } .news .embed-container iframe, .news .embed-container object, .news .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .news .editor-note { font-style: italic; } .disabled-field { /* IE 8 (looks better than filter) */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 5, 6, 7, 8 */ filter: alpha(opacity=30); /*Old Mozilla */ -moz-opacity: 0.3; /* Old Webkit (Safari, Chrome, various others) */ -webkit-opacity: 0.3; /* Pre-webkit Safari and Konqueror */ -khtml-opacity: 0.3; /* Modern browsers */ opacity: 0.3; } .disabled-field select { background: #E2E6EA; } .bold { font-weight: 600; } .uppercase { text-transform: uppercase; } .text-center { text-align: center; } /* .hero-box { border: solid 1px #CCC; color: #333; margin-bottom: 20px; height: 400px; padding: 60px 40px 40px 40px; background-repeat: repeaty-y; background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.38) 100%); // FF3.6+ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0.38))); // Chrome,Safari4+ background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0.38) 100%); // Chrome10+,Safari5.1+ background: -o-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0.38) 100%); // Opera 11.10+ background: -ms-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0.38) 100%); // IE10+ background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0.38) 100%); // W3C filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#61000000',GradientType=1 ); // IE6-9 fallback on horizontal gradient background-image: url(/static/images/bg.jpg); background-size: cover; .hero-content-wrapper { .hero-promoted-label { text-transform: uppercase; letter-spacing: 1px; display: block; color: #287fd6; font-weight: 600; } .hero-title { font-family: roboto; display: block; text-decoration: none; margin: 10px 0; font-size: 34px; font-weight: 800; color: #FFF; &:hover { text-decoration: underline; } } .hero-date { font-size: 26px; letter-spacing: 1px; font-weight: 600; color: #FFF; } .hero-location { font-size: 20px; font-weight: 400; letter-spacing: 1px; color: #FFF; } .hero-hr { width: 20%; border: solid 1px #FFF; margin: 20px auto 30px auto; } } } */ .search-form { margin-bottom: 30px; } .search-form .clearable { background: #FFF url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center !important; padding: 12px 18px 12px 12px !important; /* Use the same right padding (18) in jQ! */ } .search-form .clearable.x { background-position: right 10px center !important; } .search-form .clearable.onX { cursor: pointer; } .search-form input[type="search"].event-search { width: 100%; font-size: 16px; letter-spacing: 1px; font-weight: 200; color: #666; padding: 12px; overflow: hidden; box-sizing: border-box; border-right: none; border: solid 1px #DDD; height: 48px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .search-form .search-submit { background: url(/static/images/magnifying_glass_dark.png) no-repeat center center; display: block; width: 100%; height: 48px; border: solid 1px #DDD; border-left: none; font-size: 16px; letter-spacing: 1px; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .search-form .search-submit:hover { background-color: #e5e8ec; } .list-input-heading { font-size: 16px; font-weight: 600; letter-spacing: 1px; } .list-select { width: 100%; background: #FFF; background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%), linear-gradient(to right, white, white); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat; border: solid 1px #DDD; font-size: 16px; letter-spacing: 1px; color: #666; font-weight: 200; display: block; height: 48px; padding-left: 15px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .list-wrapper { margin: 50px 0; } .list-wrapper .list-section { margin-top: 50px; } .list-wrapper .list-section-heading { margin: 10px 0; font-size: 20px; } .list-wrapper .list-feed { margin-bottom: 50px; } .list-wrapper .list-feed .list-item { list-style-type: none; margin: 0; border-bottom: solid 1px #DDD; font-family: roboto; } .list-wrapper .list-feed .list-item .row { display: table; } .list-wrapper .list-feed .list-item:last-of-type { border: none; } .list-wrapper .list-feed .list-item.promoted { margin: 0 0 10px 0; border-bottom: none; border: solid 1px #DDD; box-shadow: inset 0 0 0 1px rgba(34, 34, 34, 0.12), 0 2px 7px rgba(34, 34, 34, 0.06); background-size: cover; } .list-wrapper .list-feed .list-item.promoted .list-item-date { color: #FFF; background: #288bd2; } .list-wrapper .list-feed .list-item .list-item-title-wrapper { margin-bottom: 10px; width: 100%; } .list-wrapper .list-feed .list-item .list-item-content { padding: 40px 20px; background: #f4f5f7; } .list-wrapper .list-feed .list-item .list-item-title { font-size: 18px; font-weight: 700; margin-bottom: 30px; text-decoration: none; } .list-wrapper .list-feed .list-item .list-item-title:hover { text-decoration: underline; } .list-wrapper .list-feed .list-item .list-item-location { font-size: 14px; font-weight: 400; letter-spacing: .4px; text-align: right; display: block; } .list-wrapper .list-feed .list-item .list-item-date-wrapper { display: table-cell; vertical-align: middle; } .list-wrapper .list-feed .list-item .list-item-date { display: table; } .list-wrapper .list-feed .list-item .list-item-date .list-item-date-day { font-size: 3rem; font-weight: 100; } .list-wrapper .list-feed .list-item .list-item-date .list-item-date-month { font-weight: 400px; font-size: 1rem; display: block; } .list-wrapper .list-feed .list-item .list-item-description { margin: 0; font-size: 16px; } .list-wrapper .list-feed .list-item .list-item-promoted-star { color: #288bd2; font-size: 1.2em; } .event-details-section { box-shadow: inset 0 0 0 1px rgba(34, 34, 34, 0.12), 0 2px 7px rgba(34, 34, 34, 0.06); margin-bottom: 2em; padding: 0 1em 1em 1em; } .event-details-section.promoted { border-top: none; position: relative; } .event-details-section.related-content { border-top: solid 10px #6c7f92; } .event-details-section.related-content.promoted { border-top: solid 10px #288bd2; background: none; } .event-details-section .event-header { padding: 20px 20px 40px 20px; } .event-details-section .event-header .event-title { letter-spacing: .8px; margin-bottom: 1em; margin-top: 1.2em; } .event-details-section .event-header .event-title.promoted { margin-top: 0; color: #fff; } .event-details-section .event-header .event-date-wrapper { font-family: roboto; } .event-details-section .event-header .event-date-wrapper.promoted { color: #fff; } .event-details-section .event-header .event-date-wrapper .event-date, .event-details-section .event-header .event-date-wrapper .event-location { display: block; } .event-details-section .event-header .event-date-wrapper .event-date { font-weight: 600; font-size: 1.2em; margin-bottom: 0; } .event-details-section .event-header .event-date-wrapper .event-location { line-height: 1.2em; margin-top: 4px; } .event-details-section .event-header .event-date-wrapper .event-location.promoted { color: #fff; } .event-details-section .event-details-body { padding: 40px 20px 20px 20px; font-family: roboto; } .event-details-section .event-details-body .event-details { font-size: .9em; margin-bottom: 20px; } .event-details-section .event-details-body .event-description { margin-top: 1em; letter-spacing: .3px; line-height: 1.5; } a.list-item-cta { background: none; border: solid 1px #6c7f92; display: block; font-weight: 600; margin: 2em 0 1em 0; padding: 10px 0 10px 0; text-align: center; text-decoration: none; width: 100%; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } a.list-item-cta:hover { background: #566675; color: #FFF; text-decoration: none; } a.list-item-cta.view-more-list-items { text-align: left; font-size: .9em; padding: 5px 0 5px 15px; } a.list-item-cta.promoted { border: solid 1px #288bd2; color: #288bd2; } a.list-item-cta.promoted:hover { background: #288bd2; color: #FFFFFF; } .promoted-header { display: block; background: #288bd2; left: 0; right: 0; padding: 0; width: 100%; padding-bottom: 1em; } .promoted-triangle { border-style: inset; border-width: 0 50px 50px 0; border-color: transparent #fff transparent transparent; float: right; height: 0; overflow: visible; width: 0; } .promoted-triangle .promoted-star { color: #288bd2; position: absolute; top: 3px; right: 8px; } .addto-calendar { box-sizing: border-box; border: solid 1px #CCC; width: 90%; font-size: .9em; font-weight: 200; letter-spacing: .5px; margin: 20px auto; padding: 10px 0 10px 0; position: relative; text-align: center; text-decoration: none; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .addto-calendar span { display: inline-block; margin-top: 4px; } .addto-calendar.desktop-calendar { border: solid 1px #CCC; background: none; float: right; margin: 20px 0 0 20px; width: 100%; } .addto-calendar.promoted { background: #f4f5f7 !important; color: #333; } .addto-calendar:hover { background: #E2E6EA; border-color: #c4cdd5; cursor: pointer; text-decoration: none; } .addto-calendar .open { background: #E2E6EA; } .addto-calendar ul.calendar-drawer { border: solid 1px #CCC; background: #f4f5f7; display: none; font-size: .9em; margin: 0; position: absolute; top: 100%; width: 100%; text-align: left; z-index: 2; padding: 0; } .addto-calendar ul.calendar-drawer a { text-decoration: none; } .addto-calendar ul.calendar-drawer a:hover { text-decoration: none; } .addto-calendar ul.calendar-drawer li { color: #000; font-weight: 300; margin-left: 0; list-style-type: none; padding: 12px 15px; border-bottom: solid 1px #EFEFEF; } .addto-calendar ul.calendar-drawer li:hover { background: #E2E6EA; } .addto-calendar ul.calendar-drawer li a { text-decoration: none; display: block; padding: 7px 15px; } .addto-calendar ul.calendar-drawer li a:hover { text-decoration: none; } .calendar-icon { width: 25px; vertical-align: top; margin-right: 10px; } .calendar-icon.drop { width: 15px; } body, div, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } * { -webkit-font-smoothing: antialiased; } img { border: 0; } ul, ol { list-style: none; } article ol { padding-left: 21px; list-style-type: decimal; } article ol li { list-style-position: outside; } body { color: #333; font: 16px/1.3 "Palatino Linotype", "Book Antiqua", Palatino, serif; } button { cursor: pointer; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } fieldset { border: none; } a { outline: none; } input, textarea, select { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .clearDiv { clear: both; line-height: 0; height: 0; overflow: hidden; } .clearfix { clear: both; } aside, article, section, header, footer { display: block; } .submitButton, article .searchHolder .searchButton, .searchJobsButton { text-shadow: 1px 1px 0px #902929; } ::selection { background: #f6c6c6; color: #000; } ::-moz-selection { background: #f6c6c6; color: #000; } /* --------------------------------------- global --------------------------------------- */ a { color: #333; } a:hover { color: #D62828; text-decoration: underline; } html { color: #333; width: auto; background: #f4f5f7; } body { background: #f4f5f7; min-width: 980px; } h1, h2, h3, h4, h5, h6 { line-height: 1.1; margin: 0 0 10px 0; font-family: 'Roboto', 'Open Sans', sans-serif; color: #333; } h1 { font-weight: 800; font-size: 40px; } h2 { font-weight: 700; font-size: 30px; margin: 0px 0 10px 0; } h3 { font-size: 20px; } h4, h5, h6 { font-size: 18px; margin-bottom: 10px; } p, ul { margin: 0 0 21px 0; } body.no-auto-bullets ul li { background: none; padding: 0; } article ul li { margin-left: 16px; list-style-type: disc; } article ul.no-bullets li { background-image: none; padding: 0; list-style-type: none; margin-left: 0; } article ul.no-img-bullet li { background-image: none; padding: 0; margin-left: 0; list-style-type: disc; list-style-position: inside; } article ol { padding-left: 21px; list-style-type: decimal; } article ol li { list-style-position: outside; } /* load more buttons in listing & topic pages */ /* listing pages load more button */ article .load_more_container a.load_more_btn { display: block; background: #627384; border: none; border-bottom: solid 4px #4c5a67; font-weight: 200; color: #FFFFFF; text-align: center; padding: 15px 0; font-size: 20px; letter-spacing: 1px; width: 100%; margin-top: 15px; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 600; text-decoration: none; } article .load_more_container a.load_more_btn:hover { background-color: #4c5a67; /* CSS transitions */ -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } /* --------------------------------------- Pages Sizing Classes --------------------------------------- */ body { /* &.content-size-s { // e.g. brief page .content-container { width: 527px; // article { max-width: 467px; } // for IE } } &.content-size-m { // e.g. topic page, jobs .content-container { width: 650px; // article { max-width: 570px; } // for IE } } &.content-size-l { // e.g. dashboard .content-container { width: 700px; } } */ } body.content-size-responsive .content-container { width: auto; } body.right-sidebar-size-s #nav2RightSidebar { width: 250px; } body.right-sidebar-size-s .signup-module input.input-subtle { width: 120px; } body.content-size-s.right-sidebar-size-m .centralContent, body.content-size-s.right-sidebar-size-l .centralContent { width: 867px; } /* --------------------------------------- Header --------------------------------------- */ header { width: 964px; height: 132px; margin: 0 auto 0 auto; position: relative; z-index: 1; } /* --------------------------------------- Header bars --------------------------------------- */ .main-content-header { /* background: #6F6F6F; padding: 10px 5px 10px 10px; */ margin: 0; border-bottom: solid 2px #8A99A8; padding-bottom: 5px; } .main-content-header h1, .main-content-header h2 { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 30px; font-weight: 800; letter-spacing: 1px; line-height: 1.2; margin: 0; } .main-content-subhead.sponsored { background: #288BD2; border-top: none; margin: 0; } .main-content-subhead.sponsored p { color: #FFFFFF; } .main-content-subhead { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; background: #e2e6ea; font-size: 14px; font-weight: 600; padding: 10px; margin-bottom: 5px; } .main-content-subhead h2 { color: #6F6F6F; font-size: 14px; font-weight: 600; } .main-content-subhead h2, .main-content-subhead ul, .main-content-subhead li { display: inline-block; margin: 0; } .main-content-subhead p { margin: 0; display: inline-block; } .main-content-subhead a { color: #666666; text-decoration: underline; } .main-content-subhead a:hover { cursor: pointer; color: #D62828; } .main-content-subhead .subhead-action { display: inline-block; float: right; } .main-content-subhead .topic-bar { font-size: 16px; } .main-content-subhead .topic-bar li { margin-right: 10px; border-right: solid 1px #333333; } .main-content-subhead .topic-bar li:last-child { border: none; } .main-content-subhead .topic-bar a { color: #333333; font-weight: 700; display: block; padding-right: 10px; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 14px; text-decoration: none; } .main-content-subhead .topic-bar a:hover { color: #D62828; /* CSS transitions */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .main-content-subhead .topic-bar a:active, .main-content-subhead .topic-bar a.active-topicpage { color: #D62828; } /* --------------------------------------- Article --------------------------------------- */ article { float: left; margin: 0 15px 0 18px; min-height: 600px; } /* --------------------------------------- Right sidebar --------------------------------------- */ input.signup_choice { vertical-align: middle; margin: 2px; } .module_title { width: 215px; list-style: none; } .module_title h3 { color: #333; font-size: 22px; letter-spacing: 0.5px; margin: 0; font-weight: 800; padding: 10px; background-color: #EDEDED; border: solid 1px #CCC; letter-spacing: 2px; } /* --------------------------------------- search --------------------------------------- */ article .searchHolder { margin-bottom: 20px; width: 400px; } article .searchHolder input { margin: 0 0 10px 0; } input:focus { outline: none; } /* --------------------------------------- Grid --------------------------------------- */ #body-wrapper { max-width: 970px; margin: 0 auto; } /* --------------------------------------- Footer --------------------------------------- */ .footerHolder { clear: both; width: 100%; padding: 20px 0; background: #000; margin-top: 15px; } .footerHolder footer { max-width: 970px; margin: 0 auto; position: relative; font-family: 'Roboto', 'Open Sans', sans-serif; font-size: 12px; color: #FFF; } .footerHolder footer ul.text { max-width: 115px; } .footerHolder footer li { line-height: 1.2; margin-bottom: 8px; } .footerHolder footer a { color: #FFF; } .footerHolder footer a:hover { text-decoration: underline; } .footerHolder footer .column-wrap { float: left; margin-right: 35px; } .footerHolder footer .column-wrap a { text-decoration: none; } .footerHolder footer .column-wrap a:hover { text-decoration: underline; } .footerHolder footer .column-wrap span.column-title { font-size: 22px; font-weight: 600; margin-bottom: 10px; display: block; font-variant: small-caps; letter-spacing: .5px; } .footerHolder footer #footer-column-4 { margin: 0 0 0 35px; } .footerHolder footer #footer-column-5 { margin: 0; padding-left: 30px; float: right; border-left: solid 1px #838383; } .footerHolder footer #footer-column-5 img { height: 40px; margin-bottom: 10px; } .footerHolder footer .social-nav li { display: inline-block; } .footerHolder footer .social-nav img { margin: 0 10px 0 0; height: 30px; width: 30px; } .footerHolder footer .social-nav img:hover { /* CSS opacity */ -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */ filter: alpha(opacity=80); /* IE 5.5-7 */ /* CSS transitions */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .footerHolder footer form a { color: #333; } .footerHolder footer .baseline { border-top: solid 6px #838383; padding-top: 10px; color: #AAA; } .footerHolder footer .baseline .left { float: left; } .footerHolder footer .baseline .right { float: right; } /* .photocredits_wrapper { font-size: 12px; color: #332f2c; a, a:link, a:visited { text-decoration: none; } .photocredits_heading { margin-right: 5px; } ul.photocredits li { float: left; background: none; padding: 0; } } */ /* --------------------------------------- Form --------------------------------------- */ /* .formHolder{ clear: both; width: 465px; label { color: #766c65; display: block; } textarea { width: 267px; height: 103px; background: url(../images/bg_textarea.png) 0 0 no-repeat; border: none; padding: 10px; display: block; &:focus { background: url(../images/bg_textarea_focus.png) 0 0 no-repeat; outline: none; } } } .ctrlHolder{ clear: both; position: relative; margin-bottom: 20px; } .textInputForm, .formHolder input[type=text]{ background-color: #fff; width: 277px; height: 33px; border: none; display: block; background: url(../images/bg_text_input.png) 0 0 no-repeat; padding-left: 10px; } input:focus.textInputForm, .formHolder input[type=text]:focus { background: url(../images/bg_text_input_focus.png) 0 0 no-repeat; outline: none; } .submitButton{ width: 160px; height: 45px; background: url(../images/button_submit.png) 0 0 no-repeat; border: none; color: #fff; font-size: 13px; font-weight: bold; } */ .formSuccess { color: #4f975c; background: url(../images/form_success.png) 0 3px no-repeat; padding-left: 20px; position: absolute; right: 0; top: 25px; width: 140px; } .formError { color: #a8383b; background: url(../images/form_error.png) 0 3px no-repeat; padding-left: 20px; position: absolute; right: 0; top: 25px; width: 140px; } #select, .formHolder select { width: 287px; height: 33px; background: url(../images/bg_select_field.png) 0 0 no-repeat; display: block; position: absolute; overflow: hidden; cursor: pointer; line-height: 33px; text-indent: 10px; } /* --------------------------------------- Dashboard --------------------------------------- */ .heading.news, .headingNews { background: url(../images/bg_heading_news.png) 0 0 no-repeat; text-indent: 25px; color: #6d6965; font-size: 15px; } /* .fusNote{ font-size: 10px; color: #ae6e6e; left: 16px; bottom: -10px; z-index: 100; position: absolute; } */ a.shareButton { background: url(../images/button_share_this.png) 0 0 no-repeat; width: 36px; height: 40px; display: block; overflow: hidden; text-indent: -9999px; position: absolute; right: 0px; bottom: -2px; z-index: 999; } a:hover.shareButton { background-position: bottom left; } .heading.event, .headingEvents { background: url(../images/bg_heading_events.png) 0 0 no-repeat; text-indent: 25px; color: #6d6965; font-size: 15px; } .heading.pressrelease, .headlinePressReleases { background: url(../images/headline_press_releases.png) 0 0 no-repeat; text-indent: 25px; } .heading.tools, .headlineTools { background: url(../images/headline_tools.png) 0 0 no-repeat; text-indent: 25px; } .heading.market, .heading.chart_arrow, .headlineMarket { background: url(../images/headline_market.png) 0 0 no-repeat; text-indent: 25px; } .heading.library { background: url(../images/headline_library.png) 0 0 no-repeat; text-indent: 25px; } .heading.twitter { background: url(../images/headline_twitter.png) 0 0 no-repeat; text-indent: 25px; } .photoLibrary, .thumbnail { float: left; margin: 0 20px 20px 0; } .registerHolder { margin-top: 10px; margin-bottom: 20px; font-weight: bold; } /* --------------------------------------- DiveinPopup --------------------------------------- */ .none, a.none { display: none; } .block { display: block !important; } /* --------------------------------------- Listings page --------------------------------------- */ article .listings-box .image-wrapper { display: inline; } article .listings-box .image-wrapper .thumbnail { width: 275px; height: 130px; overflow: hidden; } article .listings-box .image-wrapper .thumbnail img:hover { cursor: pointer; } article .listings-box a { text-decoration: none; } article .listings-box a h3 { color: #333; } article .listings-box a h3:hover { text-decoration: underline; color: #D62828; } article .listings-box .content-wrapper h3 { font-size: 22px; font-weight: 700; } article .listings-box .content-wrapper .teaser { font-size: 16px; margin-bottom: 5px; } article .listings-box .content-wrapper .byline { color: #333; font-size: 12px; font-weight: 600; letter-spacing: 1px; margin: 10px 0 0 0; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .feature-listings-box, .brief-listings-box { min-height: 142px; padding: 25px 0; border-bottom: solid 1px #DDDDDD; } .feature-listings-box .byline, .brief-listings-box .byline { margin: 0; } .feature-listings-box .content-wrapper { margin-left: 295px; } .feature-listings-box .content-wrapper .flag.opinion { background-color: #000; color: white; display: inline-block; padding: 2px 5px; font-size: 16px; } .event-listings-box, .library-listings-box, .press-release-listings-box { border-bottom: solid 1px #DDDDDD; padding: 30px 0; } .centralContent .feature-page-description { line-height: 1.5; font-family: open sans; margin-right: 100px; font-size: 14px; } .promoted-listing p.description { margin-bottom: 0; } .promoted-listing .event-listings-box, .promoted-listing .library-listings-box, .promoted-listing .press-release-listings-box { padding: 20px 40px; background-color: #FFFFFF; border: solid 1px #DCDCDC; border-bottom: solid 2px #DCDCDC; } .feature-label-box { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background: #288BD2; color: #FFFFFF; padding: 5px 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 12px; display: inline-block; } .feature-label-box.featured-job { background: #28d67f; border: solid 1px #CCCCCC; border-bottom: 0; } .feature-label-box.featured-job img { float: left; } .feature-label-box.featured-job p { margin-bottom: 0; margin-left: 10px; display: inline-block; } .boxHolder, .boxHolder.clickable.shareHovered:hover { width: 100%; float: left; /* padding: 20px; */ position: relative; margin-bottom: 15px; } .boxHolder.shrinkable, .boxHolder.clickable.shareHovered:hover.shrinkable { min-height: 10px; } .boxHolder .boxTop, .boxHolder .boxBottom, .boxHolder.clickable.shareHovered:hover .boxTop, .boxHolder.clickable.shareHovered:hover .boxBottom { background-position: top left; display: block; position: absolute; } .boxHolder .boxTop, .boxHolder.clickable.shareHovered:hover .boxTop { background: url(../images/bg_news_box_holder_top.png) 0 0 no-repeat; width: 470px; height: 6px; top: 0; left: 0; } .boxHolder .boxBottom, .boxHolder.clickable.shareHovered:hover .boxBottom { background: url(../images/bg_news_box_holder_bottom.png) 0 0 no-repeat; width: 470px; height: 39px; bottom: 0; left: 0; } .boxHolder .fusNote, .boxHolder.clickable.shareHovered:hover .fusNote { color: #888; margin: 0; font-size: 12px; } .boxHolder .fusNote a, .boxHolder.clickable.shareHovered:hover .fusNote a { color: #000; text-decoration: none; } .boxHolder .fusNote a:hover, .boxHolder.clickable.shareHovered:hover .fusNote a:hover { text-decoration: underline; } /* article a.boxHolder, .dashboard .item a { color: #000; text-decoration: none; display: block; } article a.boxHolder, .dashboard .item a { color: #000; text-decoration: none; display: block; } */ .boxHolder.clickable:hover { background: url(../images/bg_news_box_holder_middle_hover.png) 0 0 repeat-y; } .boxHolder.clickable:hover h3 a { color: #d62828; } .boxHolder.clickable:hover .boxTop, .boxHolder.clickable:hover .boxBottom { background-position: bottom left; } .featuredNews { background: url(../images/bg_news_box_holder_middle_featured.png) 0 0 repeat-y; } .featuredNews.clickable:hover { background: url(../images/bg_news_box_holder_middle_hover_featured.png) 0 0 repeat-y; } .featuredNews.clickable:hover .boxTop { background-position: bottom left; } .featuredNews .boxTop { background: url(../images/bg_news_box_holder_top_featured.png) 0 0 no-repeat; } .featuredNews .boxBottom { background: url(../images/bg_news_box_holder_bottom_featured.png) 0 0 no-repeat; } .displayFeature { display: block; position: absolute; right: 0; top: 0; z-index: 10; background: url(../images/bg_featured_news.png) 0 0 no-repeat; width: 84px; height: 27px; } body.event .displayFeature { background: url(../images/bg_featured_event.png) 0 0 no-repeat; } body.jobboard .displayFeature { background: url(../images/bg_featured_job.png) 0 0 no-repeat; } a.aListButton { font-size: 12px; width: auto; padding: 0px 12px 0px 12px; } /* --------------------------------------- Ad units --------------------------------------- */ #advert_leaderboard { display: block; text-align: center; margin: 10px auto; } #advert_leaderboard img { display: block; margin: 0 auto; } #advert_bigbox1, #advert_bigbox2 { margin-bottom: 15px; background: url(/static/images/gray_jean.png) 0px 0; } #advert_bigbox1 img, #advert_bigbox2 img { display: block; } /* --------------------------------------- Share buttons --------------------------------------- */ .share-btns { display: inline-block; margin: 15px 0; } .share-bottom .custom_images { margin: 20px 0 0 0; } #feature-page a.social-btn-basic { padding: 8px 18px 8px 18px; } a.social-btn-basic { margin-right: 4px; display: inline-block; font-weight: bold; letter-spacing: .5px; padding: 8px 10px 6px 10px; text-align: center; font-family: 'Roboto', 'Open Sans', sans-serif; font-size: 14px; text-decoration: none; } a.social-btn-basic img { height: 20px; width: 20px; margin-right: 4px; vertical-align: middle; } a.social-btn-basic i { margin-right: 6px; } a.print-btn { font-size: 14px; color: #333333; } .print-btn:hover { color: #D62828; /* CSS transitions */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a.facebook-btn, a.twitter-btn, a.linkedin-btn, a.email-btn { color: #FFFFFF; } a.facebook-btn:hover, a.twitter-btn:hover, a.linkedin-btn:hover, a.email-btn:hover { color: #FFF; } .facebook-btn { background: #386093; border-bottom: solid 4px #315481; /* CSS transitions */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .facebook-btn:hover { background: #315481; } .twitter-btn { background: #2daddc; border-bottom: solid 4px #229fcd; /* CSS transitions */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .twitter-btn:hover { background: #229fcd; } .linkedin-btn { background: #007bb6; border-bottom: solid 4px #006a9d; /* CSS transitions */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .linkedin-btn:hover { background: #006a9d; } .email-btn { background: #D62828; border-bottom: solid 4px #c12424; /* CSS transitions */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .email-btn:hover { background: #c12424; } /* --------------------------------------- News --------------------------------------- */ /** Redesigned News Page (mostly brief) **/ /* Thumb */ .article_template .thumbnail { margin: 0px 20px 0px 0px; } .article_template .thumbnail img { margin: 2px 0px 0px 0px; float: left; } .article_template p, .article_template ul { margin: 1em auto; } /* Headline */ .article_template_headline { width: 75%; display: inline-block; } .article_template_headline h1 { font-size: 22px; line-height: 1; font-family: "PT Sans", sans-serif; display: inline-block; } /* Byline and date */ .article_template_byline_and_date { margin-bottom: 5px; display: inline-block; } .article_template_byline_and_date .date { display: inline-block; top: 0; margin-left: 10px; line-height: 1; margin-bottom: 0px; } .article_template_byline_and_date .print_separator { margin: 0 10px; color: gray; } .article_template_byline_and_date .print_link { margin-right: 5px; display: block; float: right; } .article_template_byline_and_date .print_link a { color: gray; text-decoration: none; } .article_template_byline_and_date .print_link img { position: relative; top: 3px; } /* MAIN CONTENT */ #dive-brief-body { padding: 1em 0; } #dive-brief-body ul li { padding: 0; background: none; margin-left: 16px; list-style-type: circle; } #dive-brief-body img { max-width: 100%; } /* TOPICS AND CREDITS */ .header_img_credit { font-size: 14px; } .credits-box { margin: 30px 0; } .credits-box .photocredits_wrapper { margin-top: 0; } .credits-box .photocredits_wrapper ul.photocredits li { float: none; display: inline-block; } .credits-box .attribution { font-size: 14px; color: #777777; } .credits-box .attribution a { color: #333333; } .credits-box .attribution a:hover { text-decoration: underline; } .credits-box .topics p.filed-under { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; margin-bottom: 20px; font-weight: 700; color: #777777; letter-spacing: 1px; } .credits-box .topics a { background: #627384; padding: 8px 10px; font-size: 12px; border-bottom: solid 4px #4c5a67; color: #FFFFFF; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 600; display: inline-block; margin: 5px 5px 5px 0; text-decoration: none; letter-spacing: 1px; } .credits-box .topics a:hover { background: #4c5a67; } article.news.news_v2 { /** Shared **/ /* end of article.news */ /* .topics_and_credits { margin-bottom: 20px; } */ } article.news.news_v2 a.article_topic { color: #D62828; font-weight: 700; text-transform: uppercase; text-decoration: none; font-size: 11px; letter-spacing: .3px; margin-right: 11px; } article.news.news_v2 a.article_topic:hover { text-decoration: underline; } article.news.news_v2 .article-subheader { line-height: 1.2; } article.news.news_v2 .article-subheader, article.news.news_v2 .article-byline { font-size: 14px; color: #333; font-weight: 400; } article.news.news_v2 .article_template h1, article.news.news_v2 h2, article.news.news_v2 h3 { line-height: 1.2; } article.news.news_v2 .article-wrapper { padding-left: 25px; } article.news.news_v2 figure { width: 90%; margin: 20px auto; /* end of figure */ /* end of news_v2 */ } article.news.news_v2 figure img { display: block; max-width: 100%; width: 100%; height: auto; } article.news.news_v2 figure a.expandable_link { cursor: pointer; position: relative; } article.news.news_v2 figure a.expandable_link:after { content: ""; position: absolute; bottom: 0; left: 0; height: 30px; width: 30px; background: url(/static/images/enlarge_30x30.png); } @media only screen and (min-resolution: 1921dpi) { article.news.news_v2 figure a.expandable_link:after { background: url(/static/images/enlarge_60x60.png); } } article.news.news_v2 figure figcaption { border-bottom: solid #DDDDDD 1px; display: table; font-family: 'Roboto', 'Open Sans', sans-serif; width: 100%; font-size: 12px; /* end of figcaption */ } article.news.news_v2 figure figcaption .caption_text { display: table-cell; font-weight: 500; letter-spacing: 1px; text-align: left; width: 70%; } article.news.news_v2 figure figcaption .source_text { display: table-cell; font-size: 12px; padding-left: 20px; text-align: right; } article.news.news_v2 figure figcaption.inside_story_caption, article.news.news_v2 figure figcaption.header_caption, article.news.news_v2 figure figcaption.ad_caption { font-weight: 400; margin: 10px 0; } article.news.news_v2 figure figcaption.inside_story_caption a, article.news.news_v2 figure figcaption.header_caption a, article.news.news_v2 figure figcaption.ad_caption a { color: #888; } article.news.news_v2 figure figcaption.inside_story_caption a:hover, article.news.news_v2 figure figcaption.inside_story_caption a:active, article.news.news_v2 figure figcaption.header_caption a:hover, article.news.news_v2 figure figcaption.header_caption a:active, article.news.news_v2 figure figcaption.ad_caption a:hover, article.news.news_v2 figure figcaption.ad_caption a:active { text-decoration: underline; color: #D62828; } article.news.news_v2 figure figcaption.inside_story_caption .clearfix, article.news.news_v2 figure figcaption.header_caption .clearfix, article.news.news_v2 figure figcaption.ad_caption .clearfix { height: 0px; } article.news.news_v2 figure figcaption.inside_story_caption, article.news.news_v2 figure figcaption.header_caption { padding: 0 0 8px 0; } article.news.news_v2 figure figcaption.ad_caption .source_text { text-transform: uppercase; } article.news.news_v2 .article-byline { margin: 10px 0; } article.news.news_v2 .pub_date { display: inline-block; } article.news.news_v2 .print_separator { margin: 0 10px; } article.news.news_v2 .firstcharacter { float: left; color: #D62828; font-size: 6em; line-height: 75px; padding-right: 8px; padding-left: 3px; } article.news.news_v2 #brief-page h1 { font-size: 30px; font-weight: 800; line-height: 1.1; margin: 0 0 6px 0; } article.news.news_v2 #brief-page h3 { font-weight: 800; letter-spacing: 1px; font-size: 22px; margin: 25px 0 10px 0; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } article.news.news_v2 #brief-page h4 { font-size: 13px; margin-bottom: 10px; margin-top: 10px; font-weight: 700; text-transform: uppercase; } article.news.news_v2 #brief-page .brief-article { padding-right: 15px; } article.news.news_v2 #brief-page .brief-article p { margin: 15px 0; } article.news.news_v2 #brief-page .brief-article ul { margin-bottom: 20px; margin-top: 0; } article.news.news_v2 #brief-page .brief-article ul li { margin: 15px 0 15px 20px; } article.news.news_v2 #brief-page .brief-sidebar .brief-sidebar-module { padding-right: 10px; margin-bottom: 40px; } article.news.news_v2 #brief-page .brief-sidebar ul { margin: 0; } article.news.news_v2 #brief-page .brief-sidebar ul li { font-size: 14px; list-style-type: none; margin: 0; } article.news.news_v2 #brief-page .brief-sidebar ul li:last-child { border: none; } article.news.news_v2 #brief-page .brief-sidebar h2 { font-size: 18px; letter-spacing: 1px; font-weight: 800; padding-bottom: 5px; margin: 5px 0; } article.news.news_v2 #brief-page .pquote { display: none; width: 400px; margin: 20px 20px 20px 0; } article.news.news_v2 #brief-page #story_headerimage { border: solid 1px #EEEEEE; width: 440px; height: 207px; } article.news.news_v2 #brief-page .story_image { width: 456px; height: 215px; } article.news.news_v2 #feature-page { margin-right: 10px; } article.news.news_v2 #feature-page .article-byline { font-size: 16px; } article.news.news_v2 #feature-page #feature-body.with-drop-cap > p:first-of-type:first-letter { float: left; color: #D62828; font-size: 91px; line-height: 75px; padding-right: 8px; font-family: 'Georgia', serif; } article.news.news_v2 #feature-page #story_headerimage { border: solid 1px #EEE; width: 630px; height: 297px; margin-bottom: 25px; } article.news.news_v2 #feature-page h1 { font-size: 40px; font-weight: 800; line-height: 1.1; margin: 0 0 6px 0; } article.news.news_v2 #feature-page h2 { font-size: 26px; } article.news.news_v2 #feature-page h3 { font-size: 22px; font-weight: 700; margin-bottom: 20px; margin-top: 40px; line-height: 1.3; } article.news.news_v2 #feature-page h4 { font-size: 18px; margin-bottom: 10px; margin-top: 40px; font-weight: 700; line-height: 1.4; color: #333; } article.news.news_v2 #feature-page p, article.news.news_v2 #feature-page ul, article.news.news_v2 #feature-page ol, article.news.news_v2 #feature-page td { color: #454747; margin-bottom: 20px; margin-top: 0; font-size: 18px; line-height: 1.5; } article.news.news_v2 #feature-page ul, article.news.news_v2 #feature-page ol { padding: 0 40px; } article.news.news_v2 #feature-page li { margin: auto; } article.news.news_v2 #feature-page .pquote { float: left; width: 200px; padding: 0 10px; margin: 20px 20px 20px 0; font-size: 17px; line-height: 1.3; border-left: solid 5px #D62828; font-weight: 600; font-family: 'Roboto', 'Open Sans', sans-serif; } article.news.news_v2 #feature-page .pquote .tweetquote { display: block; font-weight: 700; font-size: 13px; } article.news.news_v2 #feature-page .pquote .tweetquote a { color: #777; text-decoration: none; } article.news.news_v2 #feature-page .pquote .tweetquote a:hover { color: #00aced; } article.news.news_v2 #feature-page .pquote .tweetquote img { width: 30px; height: 30px; position: relative; top: 10px; } article.news.news_v2 #feature-page img.image-left { float: left; margin: 10px 10px 10px 0; } article.news.news_v2 #feature-page img.image-right { float: right; margin: 0px 0px 10px 10px; } article.news.news_v2 #feature-page .story_image { width: 630px; height: 297px; } article a.subtle_link { font-weight: 400; color: #333; text-decoration: underline; } article a.subtle_link:hover { color: #D62828; } article .non_link_author { font-weight: 400; color: #333; } /* --------------------------------------- Jobs --------------------------------------- */ .fusNote2 { font-size: 10px; margin-bottom: 0; } .searchJobsButton { background: url("../images/button_search_jobs.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-weight: bold; height: 33px; position: relative; text-align: center; text-indent: 0; top: -1px; width: 70px; border: 0; } /* Job Post Detail */ .edit-job-text { float: right; } /* Post a job link */ .post-job-text { font-weight: bolder; float: right; margin-right: 10px; } .post-job-text-bottom { margin-top: 10px; } /* Share a job button */ .apply-btn.ui-link { background-color: #0099ff; padding: 10px; font-size: 14px; border-radius: 6px; text-align: center; font-weight: bold; cursor: pointer; color: white; text-decoration: none; display: block; font-family: 'Roboto', 'Open Sans', sans-serif; } .apply-btn.ui-link:hover { background-color: #007acc; color: white; } /* Main job container and contents */ .job-post-container { background-color: #FFFFFF; padding: 20px 30px; border-style: solid 1px #CCCCCC; font-size: 18px; line-height: 1.4; /* Post date and key info in header */ /* Share a job button */ } .job-post-container .posted { font-family: 'Roboto', 'Open Sans', sans-serif; font-size: 16px; } .job-post-container .key-info { font-family: 'Roboto', 'Open Sans', sans-serif; list-style: none; padding: 0; font-size: 16px; } .job-post-container .key-info li { background: none; padding: 0; list-style-type: none; margin: 0; font-weight: 600; } .job-post-container .key-info a { color: #D62828; font-size: 14px; } .job-post-container .key-info a:hover { text-decoration: underline; } .job-post-container .key-info-organization, .job-post-container .key-info-location { font-weight: 100; } .job-post-container h1 { font-size: 24px; font-weight: 600; } .job-post-container h2 { font-size: 18px; letter-spacing: 1px; margin: 20px 0; text-transform: uppercase; border-bottom: solid 1px #CCCCCC; padding-bottom: 10px; } .job-post-container li { background: none; list-style-type: disc; list-style-position: inside; } .job-post-container hr { margin-bottom: 25px; } .job-post-container #qualifications { margin-top: 40px; } .job-post-container a.apply-btn { border: solid 2px #28d67f; font-family: 'Roboto', 'Open Sans', sans-serif; padding: 10px; margin-bottom: 10px; font-size: 14px; letter-spacing: 1px; width: 100px; border-radius: 6px; text-align: center; font-weight: 600; cursor: pointer; color: #333; text-decoration: none; } .job-post-container a.apply-btn:hover { background-color: #28d67f; color: #FFFFFF; } /* Sponsored post styling */ .featured_job_post { border-style: solid; border-color: #CCCCCC; border-width: 1px; background-color: #f8f8f8; } .featured-job-post-banner { text-transform: uppercase; border-width: 1px; background-color: #000; padding: 15px; letter-spacing: 1px; } .featured-job-post-banner h2 { font-size: 18px; margin: 0; color: #FFFFFF; } #change-job button { padding: 5px 15px; font-family: Roboto; } /* Post a job button */ article a.post_job_btn { border: none; letter-spacing: 1px; background-color: #D62828; font-size: 14px; padding: 0 10px; border-radius: 6px; float: right; text-align: center; font-weight: bold; cursor: pointer; color: #FFF; text-decoration: none; line-height: 40px; } article a.post_job_btn:hover { background-color: #FF0000; text-decoration: none; } /* Main Search Buttons and Fields */ .search-btn { color: #FFF; font: 'trebuchet ms', trebuchet; padding: 11px 20px; font-size: 12px; border: none; font-weight: bold; float: left; } .search-btn:hover { color: #FFF; /* CSS transitions */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } /* Slider */ .show-advanced { display: block; color: #777777; float: right; padding: 5px; margin-top: 5px; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .show-advanced:hover { color: #333333; cursor: pointer; } .advanced-search-slider { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background-color: #DDE1E6; padding: 20px; margin-top: 20px; height: auto; /* Advanced Search */ } .advanced-search-slider h3 { color: #777; } .advanced-search-slider .top-search-menu ul { display: block; } .advanced-search-slider ul.job-type-filter { display: inline; float: left; margin-bottom: 0px; } .advanced-search-slider .search-location-fields { float: left; } .advanced-search-slider .search-location-fields select { width: 100px; margin-right: 10px; } .advanced-search-slider .advanced-search-btn { background: #6C7F92; min-width: 120px; text-align: center; display: block; float: none; margin-top: 15px; border-bottom: solid 2px #5b6b7b; } .advanced-search-slider .advanced-search-btn:hover { background: #5b6b7b; cursor: pointer; } .advanced-search-slider #id_location { font-size: 12px; background: #FFF; padding: 10px; border-width: 1px; border-style: solid; border-color: #DDD; width: 200px; margin-left: 10px; margin-top: -8px; } .advanced-search-slider #advanced-search { display: inline-block; margin-right: 10px; } /* Job Listings */ #job-board .jobboard-footer { padding: 20px; } #job-board table.job-list { border-collapse: collapse; } #job-board table.job-list tr.featured-job-listing td { border-bottom: solid 1px #28d67f; border-top: 0; background: #E9FFF4; padding: 22px 6px; } #job-board table.job-list tr.featured-job-listing img { float: left; vertical-align: middle; } #job-board table.job-list tr.featured-job-listing p { margin-left: 10px; } #job-board table.job-list tr.featured-job-listing .star-box { margin-left: 10px; display: inline-block; } #job-board table.job-list tr.featured-job-listing:nth-of-type(1) { border-top: solid 1px #28d67f; } #job-board table.job-list tr td { border-bottom: solid 1px #CCCCCC; padding: 16px 6px; vertical-align: top; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } #job-board table.job-list tr td a { text-decoration: none; display: inline-block; } #job-board table.job-list tr td a:hover { text-decoration: underline; } #job-board table.job-list tr td .title { font-weight: bolder; color: #333333; font-weight: bold; display: block; max-width: 350px; font-size: 16px; margin: 0 0 5px 0; } #job-board table.job-list tr td .company { display: block; max-width: 350px; margin: 0; font-size: 12px; color: #777777; letter-spacing: 1px; } #job-board table.job-list tr td .job-location { float: right; font-size: 12px; font-weight: bolder; color: #777; margin: 0; text-align: right; } #job-board table.job-list tr td .post-date { padding-left: 60px; float: right; color: #777; font-size: 12px; text-align: right; margin: 0; } #job-board table.job-list tr td .featured_tag { text-align: right; display: block; font-weight: 100; letter-spacing: 1px; } #top-search-bar { padding: 20px; margin-bottom: 20px; } #top-search-bar h1 { margin-bottom: 20px; letter-spacing: 1px; } #top-search-bar li { background: none; padding: 0; margin: 0; list-style-type: none; } /* Pagination */ .pagination { margin-top: 10px; margin-left: 18px; width: auto; display: inline-block; } .pagination li { display: inline-block; margin-right: 10px; } .pagination li a:hover { color: #D62828; background-color: #FFFFFF; } /* #reminder-email-container { margin-top: 0; .input-container { // width: 250px; margin: 10px auto; height: 34px; display: inline-block; } } */ /** Error box for job posting **/ .error_container { border-color: red; border-width: thick; border-style: solid; border-radius: 6px; font-weight: bolder; } .red-text { color: red; } /* --------------------------------------- Events, tools and press releases --------------------------------------- */ .eventsPage .trendingListHolder { margin-bottom: 20px; float: left; } p.eventDetails { font-size: 14px; margin: 0; } p.eventDetails .eventDate { margin-right: 0.5em; } p.eventDetails .eventLocation { margin-left: 0.5em; } .partner-wrapper { background: #EFEFEF; padding: 14px; font-family: open sans; font-size: 14px; } .partner-wrapper.lodestone { border-top: solid 10px #1E699C; } .partner-wrapper.lodestone a.partner-cta { color: #1E699C; } .partner-wrapper.lodestone img.partner-logo { max-width: 95px; display: inline-block; margin-left: 8px; } .partner-wrapper .powered-by { float: left; margin-top: 10px; } .partner-wrapper .partner-logo-wrapper { float: left; } .partner-wrapper .partner-message-wrapper { margin-left: 200px; } .partner-wrapper .partner-message-wrapper .partner-message { font-weight: bold; margin: 0; font-size: 14px; } #showAllWrapper { margin: 10px 0; } #showAllWrapper button#showAll { display: inline-block; font-size: 14px; font-weight: normal; padding: 10px 15px; color: #333333; background: #EFEFEF; border: solid 1px #CCCCCC; /*@include gradient(#fa4f4f, #dd3232);*/ } #showAllWrapper button#showAll:hover { background: #DDD; } .offsite_icon_container { display: inline-block; float: right; height: 25px; } .offsite_icon_container .offsite_icon { background-image: url(../images/offsite_icons128x25.png); display: inline-block; height: 25px; width: 32px; } .offsite_icon_container .offsite_icon.offsite { background-position: 0px 0px; } .offsite_icon_container .offsite_icon.paid { background-position: -32px 0px; } .offsite_icon_container .offsite_icon.iphone { background-position: -64px 0px; } .offsite_icon_container .offsite_icon.android { background-position: -96px 0px; } /* --------------------------------------- Library page --------------------------------------- */ .libraryPage .formHolder { width: 438px; border: 1px solid #d7dbde; border-radius: 5px; padding: 15px; margin-bottom: 20px; } .libraryPage .formHolder h3, .libraryPage .formHolder .libraryPage .formHolder p { color: #44403b; } .libraryPage .formHolder .formSuccess, .libraryPage .formHolder .libraryPage .formHolder .formError { width: 100px; } .libraryPage .ctrlHolder label { width: 260px; } .libraryPage .displayFeature { background: url(../images/bg_featured_library.png) 0 0 no-repeat; } .libraryPage .fusNote, .libraryPage .libraryPage .fusNote2 { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #6d6965; font-size: 12px; } .libraryPage .fusNote2 { color: #6d6965; margin-bottom: 5px; } .libraryPage .fusNote p { margin: 0; } .libraryApp { text-indent: 20px; background: url(../images/bg_library_white_app.png) 0 2px no-repeat; } .libraryAudio { text-indent: 25px; background: url(../images/bg_library_white_audio.png) 0 3px no-repeat; background-size: 16px 16px; } .libraryEbook { text-indent: 18px; background: url(../images/bg_library_white_ebook.png) 0 2px no-repeat; } .libraryPdf { text-indent: 18px; background: url(../images/bg_library_white_pdf.png) 0 2px no-repeat; } .librarySlideshow { text-indent: 20px; background: url(../images/bg_library_white_slideshow.png) 0 4px no-repeat; } .librarySoftware { text-indent: 20px; background: url(../images/bg_library_white_software.png) 0 2px no-repeat; } .libraryVideo { text-indent: 30px; background: url(../images/bg_library_white_video.png) 0 3px no-repeat; } .libraryWebinar { text-indent: 25px; background: url(../images/bg_library_white_webinar.png) 0 3px no-repeat; } .libraryWhitePaper { text-indent: 18px; background: url(../images/bg_library_white_paper.png) 0 2px no-repeat; } /* --------------------------------------- Trending page --------------------------------------- */ html a.alister-link { text-decoration: none; color: #333333; } #trending iframe { width: 100% !important; } .trendingPage .fusNote { left: 106px; } .trendingPage .boxHolder h3 { font-weight: normal; color: #6d6965; } .trendingPage .boxHolder h3 a { color: #d62828; } .trendingPage .boxHolder h3 a:hover { text-decoration: none; } .trendingUl { background-color: #f8f7f5; border: 1px solid #b8b8b9; height: 32px; margin: 0; float: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .trendingUl li a, .trendingUl li a.aListButton { height: 32px; line-height: 32px; display: block; text-decoration: none; color: #000; width: 75px; text-align: center; } .trendingUl li a:hover, .trendingUl li a.aListButton:hover { background: url(../images/bg_trending_list_a.png) 0 0 repeat-x; } .trendingUl li.hashtag a { width: inherit; min-width: 75px; padding-left: 15px; padding-right: 15px; } .trendingUl li:first-child a { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; } .trendingUl li:last-child { border: none; } .trendingUl li:last-child a { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; } #body-wrapper .trendingListHolder ul.trendingUl li { float: left; padding: 0 0 0 0; background: none; border-right: 1px solid #b8b8b9; } .trendingListHolder { position: relative; width: 100%; z-index: 100; } .trendingListHolder a.activeTrend { background: url(../images/bg_trending_list_a.png) 0 0 repeat-x; } article a.aListButton, article a:visited.aListButton { position: absolute; right: 0; background-color: #f8f7f5; border: 1px solid #b8b8b9; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .clickable:hover { cursor: pointer; z-index: 1; } /* --------------------------------------- Market - Tables --------------------------------------- */ .marketTable { min-width: 650px; border: 0; border-collapse: collapse; margin-bottom: 20px; border: 1px solid #dedede; /* end of tableHeader */ } .marketTable a:hover { text-decoration: underline; } .marketTable .tableHeader { background: #4c5a67; color: #FFFFFF; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; padding: 10px 0; } .marketTable .tableHeader th { border-bottom: 1px solid #dedede; padding: 10px; text-align: left; } .marketTable .tableHeader .tableHeading { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; width: 50%; } .marketTable .tableHeader .tableHeading .tableColumnHeading { background-color: #000000; color: #FFFFFF; font-size: 12px; font-size: 18px; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; padding: 12px; } /* end of marketTables */ tbody tr td { padding: 11px; border-bottom: 1px solid #dedede; font-weight: bold; } tbody tr td:first-child { text-align: left; font-weight: normal; } .tdUp, .tdUp > a:link { color: #178817; } .tdDown, .tdDown > a:link { color: #d62828; } .mutedParagraph { color: #6c6d6a; } .tradeAmountHolder { float: left; width: 149px; margin-right: 11px; } .tradeAmount { background: url(../images/bg_trade_amount.png) 0 0 no-repeat; width: 149px; height: 66px; overflow: hidden; font-size: 22px; font-weight: bold; line-height: 64px; text-indent: 15px; margin-bottom: 18px; } .tradeStats { background: url(../images/bg_trade_amount.png) 0 0 no-repeat; width: 149px; height: 59px; padding: 7px 0 0 0; margin-bottom: 20px; } .tradeStats p { border-bottom: 1px solid #d3d6d9; padding-bottom: 4px; margin-bottom: 5px; font-weight: bold; } .tradeStats p span { float: left; margin: 0 30px 0 15px; width: 20px; color: #000; } .tradeStats p:last-child, .tradeStats .tradeStats p.noBorder { border: none; margin-bottom: 0; } .marketDetailTableHolder { width: 301px; float: left; border: 1px solid #e0e1e2; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; margin-bottom: 20px; } .marketDetailTable { width: 301px; float: left; border-collapse: collapse; font-size: 12px; } .marketDetailTable tbody tr tr { background: none; background-color: #f5f6f7; } .marketDetailTable tbody tr tr.white { background-color: #fff; } .marketDetailTable tbody tr td { border: none; font-weight: normal; text-align: left; padding: 8px; } .marketDetailTable tbody tr th { padding-left: 15px; } .market-wrapper h2 { font-size: 30px; } .relatedNewsHolder { margin-top: 20px; } .relatedNewsHolder ul li { padding: 15px 0; border-bottom: 1px solid #CCCCCC; list-style-type: none; margin: 0; } .relatedNewsHolder ul li a { color: #333333; } .relatedNewsHolder ul li a:hover { color: #D62828; text-decoration: underline; } /* --------------------------------------- Editorial page --------------------------------------- */ .editorial-listings h4 { color: #777777; } /* --------------------------------------- Contact / feedback page --------------------------------------- */ .contact { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .contact input { margin-bottom: 10px; } /* --------------------------------------- Search results --------------------------------------- */ .searchResultsParagraph { font-weight: bold; } .searchResultsParagraph mark { color: #d62828; background-color: transparent; } .search-result a { color: #333333; } .search-result a h3 { margin-bottom: 5px; } .search-result a h3:hover { text-decoration: underline; color: #D62828; } .search-result p.date { margin-bottom: 10px; font-family: 'Roboto', 'Open Sans', sans-serif; } .search-result p.teaser { margin-bottom: 10px; font-family: 'Open Sans', sans-serif; } /* --------------------------------------- Single pages --------------------------------------- */ .date { color: #6c6d6a; font-size: 14px; } .date a { color: #6c6d6a; } .date em { color: #b66d6e; font-style: normal; } .shareBoxHolder { width: 444px; height: 41px; background-color: #fff; } .shareBoxHolder.borderedBoxHolder { margin: 0px 0px 20px 0px; border: 1px solid #cbcaca; border-radius: 5px; } .shareBoxHolder.borderlessBoxHolder { border-width: 0px; margin: -22px 0px 20px -15px; } .shareBoxHolder ul li { float: left; padding: 0; margin: 9px 0 0 0; background-image: none; list-style-type: none; } .shareBoxHolder ul li a { height: 23px; display: block; text-indent: -9999px; } .shareFacebook a, .shareTwitter a, .shareLinkedIn a, .shareGPlus a, .shareEmail a, .sharePinterest a { background: url(../images/bg_share_sprites_2.png) no-repeat; } /*************** TEMP ********************/ .sharePinterest a { width: 40px; height: 20px; background-position: -69px -68px; margin: 0px 16px 0px 0px; } .shareFacebook a { width: 59px; height: 23px; background-position: -0px -68px; margin: 0px 14px 0px 17px; } .shareTwitter a { width: 56px; height: 23px; background-position: -71px -0px; margin: 0px 16px 0px 0px; } .shareLinkedIn a { width: 59px; height: 23px; background-position: -0px -34px; margin: 0px 16px 0px 0px; } .shareGPlus a { width: 50px; height: 23px; background-position: -70px -34px; margin: 0px 18px 0px 0px; } .shareEmail a { width: 60px; height: 23px; background-position: -0px -0px; margin: 0; } /* --------------------------------------- Search page --------------------------------------- */ .searchPage .displayResults { position: absolute; right: 0; top: 70px; } .searchPage .displayResults a { color: #787878; text-decoration: none; padding: 0 7px 0 7px; } .searchPage .displayResults a:hover { text-decoration: underline; } .searchPage .displayResults a#activeDisplayResults { text-decoration: underline; color: #dd3234; } .searchPage .displayResults .boxHolder h3 { font-size: 13px; font-weight: bold; margin-bottom: 5px; } .searchPage .displayResults .fusNote a { color: #d62828; font-size: 12px; } /* --------------------------------------- Reworked dashboard --------------------------------------- */ #dashboard-layout-wrapper { width: 469px; margin-top: -15px; } #dashboardWrapper .dashboardColumn { width: 300px; float: left; } #dashboardWrapper .dashboardColumn li { background-image: none; } #dashboardWrapper #dashboardColumn2 { margin-left: 10px; padding-left: 15px; } #dashboardWrapper h3.flag { font-size: 12px; font-weight: 400; letter-spacing: 1px; border-top: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; color: #FFFFFF; padding: 5px 15px; position: absolute; margin: 0; bottom: 0; z-index: 1; } #dashboardWrapper h3.flag.featured { background-color: #d62828; } #dashboardWrapper h3.flag.opinion { background-color: #000000; } #dashboardWrapper h3.flag.sponsored { background-color: #287fd6; } #dashboardWrapper li.item { width: 300px; padding: 0; margin: 0 0 15px 0; min-height: 65px; border: 1px solid #CCCCCC; border-bottom: solid 2px #CCCCCC; list-style-type: none; background: #000000; /* &.sponsored { border: 1px solid #ffc1c2; // same color as page curl image border } */ } #dashboardWrapper li.item:hover .itemHeader img { /* CSS transitions */ -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; /* CSS opacity */ -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */ filter: alpha(opacity=80); /* IE 5.5-7 */ } #dashboardWrapper li.item:hover .itemBody { background: #EFEFEF; /* CSS transitions */ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #dashboardWrapper li.item a { text-decoration: none; } #dashboardWrapper li.item a .itemHeader { padding: 0; margin: 0; width: 300px; height: 90px; position: relative; overflow: hidden; } #dashboardWrapper li.item a .itemHeader img { width: 300px; height: 90px; display: block; } #dashboardWrapper li.item a .itemBody { background: #FFFFFF; position: relative; padding: 10px 15px 5px 15px; } #dashboardWrapper li.item a .itemBody h2 { color: #333333; font-family: 'Roboto', 'Open Sans', sans-serif; font-size: 18px; margin-bottom: 10px; display: block; font-weight: 500; line-height: 1.2; } #dashboardWrapper li.item a .itemBody h1 { font-size: 18px; font-weight: normal; margin-bottom: 20px; } #dashboardWrapper li.item .itemTwitterHeader { margin: 15px 15px 5px 15px; height: 55px; } #dashboardWrapper li.item .itemTwitterHeader .photoTwitter { float: left; margin-right: 15px; } #dashboardWrapper li.item .itemTwitterHeader h3.authorName { padding-top: 5px; } #dashboardWrapper li.item .itemTwitterHeader h3 { font-size: 14px; font-weight: normal; margin-bottom: 0; } #dashboardWrapper li.item .itemTwitterHeader h3.screenName { color: #c87171; } #dashboardWrapper li.item .dash_stock_price { display: block; font-size: 36px; margin: 10px 0; } #dashboardWrapper li.item .dash_stock_change { display: block; font-size: 16px; } #dashboardWrapper li.item h3.banner { font-size: 11px; line-height: 14px; color: #515151; margin-bottom: 0; font-weight: normal; padding-left: 20px; } #dashboardWrapper li.item h3.banner.sponsored { background: url(../images/sponsored_badge.png) 0 0 no-repeat; line-height: 24px; color: #df4040; letter-spacing: 1px; } #dashboardWrapper .advert { margin: 20px auto; } /* -------------------------------------- New Topic Pages ---------------------------------------- */ /* MAIN SECTIONS -- need to take the brief/topic shared CSS out of this section and make it less targeted */ body.topicpage module- .left-column li.module-title, #brief-page module- .left-column li.module-title { border: none; } body.topicpage .feature-feed .feature-title, #brief-page .feature-feed .feature-title { width: 60%; display: inline-block; vertical-align: top; line-height: normal; font-weight: 400; } body.topicpage .feature-feed .feature-title:hover, #brief-page .feature-feed .feature-title:hover { text-decoration: underline; } body.topicpage .feature-feed .feature-title .feature-date, #brief-page .feature-feed .feature-title .feature-date { font-size: 10px; display: block; } body.topicpage .feature-feed .label, #brief-page .feature-feed .label { color: #D62828; text-align: right; font-size: 10px; font-weight: 600; display: inline-block; } body.topicpage { /* ALL TITLE BOXES */ /* end of hero title box */ /* HERO CAROUSEL */ /* end of carousel */ /* MAIN SECTIONS */ } body.topicpage .title-box { background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.99) 99%, black 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(99%, rgba(0, 0, 0, 0.99)), color-stop(100%, black)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.99) 99%, black 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.99) 99%, black 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.99) 99%, black 100%); /* IE10+ */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.99) 99%, black 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ width: 100%; color: #FFFFFF; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } body.topicpage .hero-title-box { background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.99) 99%, black 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(99%, rgba(0, 0, 0, 0.99)), color-stop(100%, black)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.99) 99%, black 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.99) 99%, black 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.99) 99%, black 100%); /* IE10+ */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.99) 99%, black 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ bottom: 0; left: 0; padding: 15px; } body.topicpage .hero-title-box h2 { color: #FFF; font-weight: 800; font-size: 40px; letter-spacing: 1px; line-height: 1; margin-bottom: 0 0 10px 0; padding: 0; text-shadow: 1px 2px #555555; } body.topicpage .hero-title-box h2:hover { /* CSS opacity */ text-decoration: underline; } body.topicpage .hero-title-box span { color: #B6B6B6; font-size: 18px; font-weight: 400; text-shadow: none; } body.topicpage .hero-title-box span.hero-date { display: inline-block; float: right; margin-right: 10px; } body.topicpage .hero-carousel .bx-wrapper .bx-viewport { background: #000000; } body.topicpage .hero-carousel { width: 100%; height: 284px; background: rgba(0, 0, 0, 0.9); margin-bottom: 10px; position: relative; border: solid 1px #b6b6b6; /* Override the bxslider defaults */ /* end of bx-wrapper */ } body.topicpage .hero-carousel:hover img { /* CSS opacity */ -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */ filter: alpha(opacity=60); /* IE 5.5-7 */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } body.topicpage .hero-carousel img { /* width: 600px; height: 284px; */ width: 100%; height: auto; position: relative; } body.topicpage .hero-carousel ul, body.topicpage .hero-carousel li { padding: 0; margin: 0; } body.topicpage .hero-carousel ul { -webkit-transform: translate3d(-650px, 0px, 0px); } body.topicpage .hero-carousel ul li { width: 650px; } body.topicpage .hero-carousel .bx-wrapper .bx-viewport { box-shadow: none; border-width: 0; left: 0; height: 308px; } body.topicpage .hero-carousel .bx-wrapper .bx-controls-direction a { width: 30px; height: 38px; top: 20%; } body.topicpage .hero-carousel .bx-wrapper .bx-controls-direction .bx-next, body.topicpage .hero-carousel .bx-wrapper .bx-controls-direction .bx-prev { /* CSS opacity */ -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */ filter: alpha(opacity=80); /* IE 5.5-7 */ background-position: 0 0; z-index: 50; } body.topicpage .hero-carousel .bx-wrapper .bx-controls-direction .bx-next:hover, body.topicpage .hero-carousel .bx-wrapper .bx-controls-direction .bx-prev:hover { /* CSS opacity */ -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* IE 5.5-7 */ } body.topicpage .hero-carousel .bx-wrapper .bx-controls-direction .bx-next { background-image: url(/static/images/chevron-right.png); right: 25px; } body.topicpage .hero-carousel .bx-wrapper .bx-controls-direction .bx-prev { background-image: url(/static/images/chevron-left.png); left: 25px; } body.topicpage .middle-feed-column { float: right; width: 400px; } body.topicpage .middle-feed-column .latest-news { padding-bottom: 100px; } body.topicpage .news-box { background: rgba(0, 0, 0, 0.9); margin-top: 10px; position: relative; min-height: 16px; overflow: hidden; } body.topicpage .news-box.no-img { padding-top: 10px; } body.topicpage .news-box.no-img a { text-decoration: none; } body.topicpage .news-box.no-img .title-box { position: relative; min-height: 75px; background-color: rgba(0, 0, 0, 0.6) !important; /* IE7+ background-color */ background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); /* IE6 & 7 */ zoom: 1; } body.topicpage .news-box:hover img { /* CSS opacity */ -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */ filter: alpha(opacity=60); /* IE 5.5-7 */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } body.topicpage .news-box img { border-width: 1px; border-color: #eee; border-style: solid; display: block; width: 400px; height: 190px; background: #eee; } body.topicpage .news-box .news-title-box { left: 1px; bottom: 1px; padding: 20px 0 15px 0; } body.topicpage .news-box .news-title-box .title { display: block; margin-bottom: 5px; line-height: 1.2; margin-top: 0; letter-spacing: 1px; font-weight: 800; text-shadow: 1px 2px #555555; padding: 0 10px; font-size: 24px; font-family: 'Roboto', 'Open Sans', sans-serif; } body.topicpage .news-box .news-title-box .title:hover { text-decoration: underline; } body.topicpage .news-box .news-title-box .byline { font-size: 12px; color: #B6B6B6; font-weight: 400; display: block; line-height: 1.3; float: left; padding: 0px 0 0 10px; } body.topicpage .news-box .news-title-box .posted-date { font-size: 12px; font-weight: 400; color: white; display: inline-block; text-align: right; letter-spacing: 1px; padding: 0 10px 0 0; margin-bottom: 0; float: right; color: #B6B6B6; } body.topicpage .load_more { display: block; background: #627384; border: none; border-bottom: solid 4px #4c5a67; font-weight: 200; color: #FFFFFF; text-align: center; padding: 15px 0; font-size: 20px; letter-spacing: 1px; width: 100%; margin-top: 15px; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 600; } body.topicpage .load_more:hover { background-color: #4c5a67; /* CSS transitions */ -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .topic-selector { max-width: 200px; font-size: 16px; } /* ABOUT PAGE STYLING */ body.aboutpage { /* Buttons and app badges */ /* Heading */ /* About other sites box */ } body.aboutpage p, body.aboutpage ul { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; line-height: 1.6; margin-bottom: 20px; } body.aboutpage ul { padding-left: 20px; margin: 0 0 20px 0; } body.aboutpage p.list-header { margin-bottom: 10px; } body.aboutpage input { cursor: pointer; padding: 10px; letter-spacing: 1px; font-size: 14px; border: none; margin: 0 10px 21px 0; color: #FFFFFF; display: inline-block; vertical-align: top; } body.aboutpage input.newsletter { background: #D62828; } body.aboutpage input.newsletter:hover { background: #FF0000; } body.aboutpage input.advertise { background: #288BD2; } body.aboutpage input.advertise:hover { background: #0094FF; } body.aboutpage .app-badge { height: 40px; margin: 0 10px 21px 0; display: inline-block; } body.aboutpage .heading { margin-bottom: 20px; border-bottom: solid 1px #DCDCCD; padding-bottom: 4px; } body.aboutpage .heading h1 { font-size: 40px; margin-bottom: 4px; } body.aboutpage .heading h2 { font-size: 22px; line-height: 1.3; margin-bottom: 21px; font-weight: 400; } body.aboutpage .about-other-sites { padding: 20px 20px 5px 20px; background: #e2e6ea; border-top: solid 10px #8A99A8; } body.aboutpage .about-other-sites ul li { list-style-type: none; padding: 0; line-height: 1.3; margin: 0 0 10px 0; } body.aboutpage .about-other-sites ul li a { font-weight: bold; color: #333; } /* -------------------------------------- Eli ---------------------------------------- */ /* -- eli - global -- */ label.error, .error { margin-left: 20px; color: red; font-weight: bold; } .pagination { font-weight: bold; } .pagination .page-prev { float: left; margin-right: 10px; } .pagination .page-next { float: right; margin-left: 10px; } /* textLinks are links that should not get weird link treatment */ html body a.textLink { text-decoration: none; color: inherit; } .no_wrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* see http://www.quirksmode.org/css/textoverflow.html */ } /* -- eli 5/18/12 make simplemodal signup stuff global -- */ #simplemodal-overlay { background-color: #000000; /* CSS opacity */ -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */ filter: alpha(opacity=80); /* IE 5.5-7 */ } #simplemodal-container { background-color: #FFF; border: 6px solid #444; padding: 12px; border: 6px solid #444444; border-radius: 15px 15px 15px 15px; box-shadow: 5px 5px 15px #000000; /* input[type="text"], select { font-size: 11px; }*/ } #simplemodal-container a.modal-close, #simplemodal-container a.modal-close:link, #simplemodal-container a.modal-close:active, #simplemodal-container a.modal-close:visited { color: #444; font-size: 22px; font-weight: bold; position: absolute; text-decoration: none; right: 15px; top: 10px; } img.spinner { display: inline; } /* mediakit */ .django_form label { display: block; } .django_form input { width: 90%; } .django_form .submit { font-size: 14px; line-height: 28px; padding: 1em; } .django_form ul { margin: 0; } .django_form .errorlist li { list-style: none; padding: 0; color: red; background: none; } /* my odds & ends */ #simplemodal-container a.modalCloseImg { background: url(/static/images/x.png) no-repeat; /* adjust url as required */ width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -18px; cursor: pointer; } /* New icons */ div.contenticon12 { display: inline-block; } .contenticon12 { background: url("../images/contenticon12.png") no-repeat top left; } .contenticon12.library { background-position: 0px 0px; } .contenticon12.market, .contenticon12.chart_arrow { background-position: 0px -22px; } .contenticon12.pressrelease { background-position: 0px -44px; } .contenticon12.tools { background-position: 0px -66px; } .contenticon12.twitter { background-position: 0px -88px; } .contenticon12.news { background-position: 0px -110px; } .contenticon12.trending { background-position: 0px -132px; } .contenticon12.event { background-position: 0px -149px; } ul.menuBar { margin-bottom: 20px; border: 1px solid #b8b8b9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 32px; display: inline-block; } ul.menuBar.smallText { font-size: 11px; } ul.menuBar.smallText li a { padding: 0 10px; } ul.menuBar.mediumText { font-size: 12px; } ul.menuBar.mediumText li a { padding: 0 10px; } ul.menuBar li { float: left; padding: 0; margin: 0; list-style-type: none; border-right: 1px solid #b8b8b9; } ul.menuBar li:last-child { border-right: none; } ul.menuBar li a { min-width: 30px; padding: 0 15px; text-decoration: none; height: 32px; line-height: 32px; display: block; color: #000; text-align: center; } ul.menuBar a:hover, ul.menuBar a.active { background: url(../images/bg_trending_list_a.png) 0 0 repeat-x; } ul.menuBar li:last-child a { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } ul.menuBar li:first-child a { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .toolUl { background-color: #f8f7f5; border: 1px solid #b8b8b9; height: 32px; float: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .toolUl li { float: left; padding: 0 0 0 0; background: none; border-right: 1px solid #b8b8b9; } .toolUl li a { height: 32px; line-height: 32px; display: block; text-decoration: none; color: #000; text-align: center; padding: 0 6px; } .toolUl li.hashtag a { width: inherit; min-width: 75px; padding-left: 15px; padding-right: 15px; } .toolUl li a:hover, a:hover.aListButton { background: url(../images/bg_trending_list_a.png) 0 0 repeat-x; } .toolUl li:first-child a { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; } .toolUl li:last-child a { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; } .toolUl li:last-child { border: none; } /* -------------------------------------- Miriam ---------------------------------------- */ .pressrelease a.offsite-link { background: #288BD2; color: #FFF; cursor: pointer; font-weight: 600; font-size: 26px; font-family: 'Roboto', 'Open Sans', sans-serif; border: none; display: block; padding: 15px; -webkit-appearance: none; text-align: center; margin: 10px 0; text-decoration: none; letter-spacing: 1px; } .pressrelease a.offsite-link:hover { background: #0099FF; } .not-approved { border-color: #E83B3B; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; display: block; padding: 5px; margin-bottom: 20px; font-weight: bold; } #submit-pressrelease-table, #submit-entry-suggestion { width: 100%; } #submit-pressrelease-table tbody tr, #submit-entry-suggestion tbody tr { background-image: none; background-color: transparent; } #submit-pressrelease-table tbody, #submit-entry-suggestion tbody { background: #EDEDED; border: solid 1px #CCC; margin-bottom: 10px; display: table; width: 100%; } #submit-pressrelease-table tbody tr, #submit-entry-suggestion tbody tr { width: 360px; max-width: 380px; } #submit-pressrelease-table tbody tr.firstheader td, #submit-entry-suggestion tbody tr.firstheader td { font-size: 24px; font-family: 'Roboto', 'Open Sans', sans-serif; font-weight: 700; } #submit-pressrelease-table input[type="checkbox"], #submit-entry-suggestion input[type="checkbox"] { margin: 0 auto; font-size: 16px; display: block; } #submit-pressrelease-table input.submit, #submit-entry-suggestion input.submit { font-size: 16px; padding: 7px; display: block; margin: 0 auto; } #submit-pressrelease-table .submit_row, #submit-entry-suggestion .submit_row { text-align: center; } .big_form label { font-size: 14px; } .big_form input, .big_form select, .big_form button { font-size: 18px; } .big_form textarea { font-size: 14px; height: 3em; } .big_form input, .big_form select, .big_form textarea { width: 80%; } .big_form button { padding: 0.5em; } .banner.sponsored { background: url(../images/sponsored_badge.png) 0 0 no-repeat; line-height: 24px; color: #df4040; letter-spacing: 1px; padding-left: 20px; } body.jobpost_detail div.summary { font-size: 15px; margin-top: 15px; } .admin_link { margin: 20px 0; display: block; } /* -------------------------------------- Directories ---------------------------------------- */ .simple-entry.accordion-div .table-cell { display: table-cell; vertical-align: middle; padding: 10px; } .simple-entry.accordion-div .table-cell.logo-cell { width: 100px; } .simple-entry.accordion-div .table-cell.description-cell { width: 450px; } .simple-entry.accordion-div .table-cell.right-arrow-cell { width: 65px; } .simple-entry.accordion-div.food-tech-startup-directory-entry .table-cell { height: 120px; } .simple-entry.accordion-div.social-network-educator-directory-entry .table-cell { height: 125px; } .simple-entry .accordion-div.simple-accordian-div { min-height: 100px; display: block; margin-bottom: 0px; padding-bottom: 0px; } .simple-entry .description-holder { padding-left: 15px; margin-left: 71px; /** The size of the image background */ padding-right: 40px; } .simple-entry .description { margin-bottom: 0px; font-size: 16px; } .simple-entry .subtext { font-size: 14px; margin: 10px 0px; font-style: italic; } .simple-entry .right-arrow { padding-top: 50px; } hr.simple-entry { margin: 0px; } .accordion-header .accordion-header-notes, #accordion-holder .accordion-header .accordion-header-note { font-size: 10px; font-weight: normal; } #accordion-holder .accordion-header.ui-accordion-header .accordion-header-note { font-size: 12px; font-weight: normal; } .accordion-subheader { font-weight: bold; } .accordion-expandable { display: block; padding: 0; } #accordion-holder .accordion-expandable.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-accordion-content-active { padding: 0; } .tool-detail { font-size: 1.2em; } .right-arrow { float: right; } .accordion-div:hover { background: #EFEFEF; color: #2F3E46; /* background-image: url("mobile/themes/images/icon_black_arrow.png"); background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: linear-gradient( #f6f6f6,#e0e0e0 ); */ } .directory-search-box { margin-bottom: 2em; } #directory-header .directory-description { margin-bottom: 15px; } #directory-header #sort { display: inline-block; } #directory-header #sort.with_search { float: right; } #directory-header #search { display: inline-block; } #directory-header #sort-select { height: 22px; letter-spacing: 1px; border-color: #AAA; font-size: 12px; float: right; } #submit-changed-entry-suggestion, #submit-new-entry-suggestion { color: #766c65; } #submit-changed-entry-suggestion tbody tr, #submit-new-entry-suggestion tbody tr { background-color: transparent; background-image: none; border-width: 0px; text-align: left; } #submit-changed-entry-suggestion tbody tr td, #submit-new-entry-suggestion tbody tr td { border-width: 0px; } #submit-changed-entry-suggestion tbody tr.header td, #submit-new-entry-suggestion tbody tr.header td { border-top: 1px solid #dedede; font-size: 17px; font-weight: bolder; text-align: left; } /** Entry Detail CSS **/ .directory-entry ul li { background-image: none; list-style-type: none; padding: 0; margin: 0; } /* .nav2 .entry-breadcrumbs { padding: 10px; background: #000; margin: 0; font-weight: 600; color: #ffffff; a, a:hover { color: #fff; text-decoration: underline; } } */ #entry-table { float: left; width: 100%; letter-spacing: 1px; margin-bottom: 40px; } .entry-logo-background { float: left; } #entry-headerbox { height: 100px; padding-top: 10px; max-width: 70%; margin-left: 140px; } #entry-logo { width: 100px; height: 100px; float: left; } #entry-headerwrap .table-column-left { width: 70%; padding-right: 10px; padding-top: 15px; float: left; clear: both; } #entry-headerwrap .table-column-right { width: 20%; padding-top: 15px; padding-right: 10px; float: right; } #entry-headerwrap .key-subheading { font-size: 18px; font-weight: 700; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } #entry-headerwrap ul { margin: 0; } #entry-title { font-size: 16px; text-decoration: underline; } #entry-title a { text-decoration: none; color: black; } #entry-title a:hover { color: #d62828; } #entry-teaser { font-size: 14px; font-style: italic; color: #777; letter-spacing: 1px; float: right; } #entry-content { margin-bottom: 40px; font-size: 18px; } #entry-content h2 { letter-spacing: 1px; font-size: 22px; } #entry-footer { clear: both; margin-bottom: 30px; margin-top: 30px; text-align: right; font-weight: 400; } #entry-footer a.return { font-size: 16px; } .entry-content-section { margin-bottom: 30px; } .entry-logo-background { background-color: white; border-style: solid; border-color: #C2C2C2; border-width: 1px; padding: 10px; border-radius: 15px; margin: 0 auto; } .entry-logo-background.logo-size-100 { width: 100px; height: 100px; } .entry-logo-background.logo-size-75 { width: 75px; height: 75px; } .entry-logo-background.logo-size-50 { width: 50px; height: 50px; } .entry-logo-background.logo-size-25 { width: 25px; height: 25px; } /** more link for entry **/ .entry-link-div { margin-top: 60px; margin-bottom: 35px; background-color: #FFF; border-width: 1px; border-style: solid; border-color: #C0C0C0; font-size: 11px; color: #585858; letter-spacing: 1px; padding-bottom: 20px; } .entry-link-div-head { background-color: #868681; color: white; text-align: center; margin-bottom: 5px; } .entry-link-div-head h3 { letter-spacing: 2px; font-family: arial; font-weight: 100; font-size: 15px; line-height: 1em; vertical-align: middle; margin: 0px; padding: 5px; } .entry-link-itembox { display: inline-block; width: 70%; padding-left: 10px; font-size: 11px; } .entry-link-itembox h4 { margin-bottom: 6px; font-size: 13px; } .entry-link-itembox p { margin-bottom: 0px; } .entry-link-itemwrap { padding-top: 15px; padding-left: 10px; } .entry-link-logo { float: left; padding-left: 10px; width: 75px; height: 75px; } .entry-link-link { font-weight: bold; } h2.detailArticle { font-size: 20px; } /* -------------------------------------- Integrated ads ---------------------------------------- */ .integrated-ad.ad-style-centered { text-align: center; } .integrated-ad.ad-style-float-right { float: right; border: solid 1px #888; margin: 10px 0 20px 10px; } .integrated-ad img { vertical-align: top; } .integrated-ad-wrapper { text-align: center; } .integrated-ad-wrapper.ad-style-float-right { float: right; margin: 10px 0 10px 10px; } .integrated-ad-wrapper.ad-style-centered .integrated-ad-label { margin: 0 auto; } .integrated-ad-wrapper .integrated-ad { border: solid 1px #888; display: inline-block; } .integrated-ad-wrapper .integrated-ad-label { text-align: right; color: #888888; font-weight: 100; letter-spacing: 0.5px; font-size: 10px; text-transform: uppercase; } /* --------------------------------------- Nav2 - NOTE: .nav2 -- we want to pull everything under .nav2 and eventually delete the class --------------------------------------- */ .nav2 { /* --------------------------------------- Menu drawers --------------------------------------- */ /* --------------------------------------- Top-level nav --------------------------------------- */ /* Search and newsletter input/submit */ /* --------------------------------------- Right rail --------------------------------------- */ /* --------------------------------------- Left and right rail modules --------------------------------------- */ /* --------------------------------------- Forms --------------------------------------- */ /* --------------------------------------- Bottom of article signup form --------------------------------------- */ /* --------------------------------------- Right-rail signup form / module --------------------------------------- */ /* --------------------------------------- Signup interstitial --------------------------------------- */ /* --------------------------------------- Feedback interstitial --------------------------------------- */ /* --------------------------------------- Section Heading --------------------------------------- */ /* --------------------------------------- Template CSS (fixes css clashes b/n new nav and rest of the site's styling) --------------------------------------- */ /* .boxHolder { border: 1px solid #b6b6b6; } .boxHolder:hover, .boxHolder.featured:hover, .boxHolder.clickable.shareHovered:hover { background: #dfdfdf; } */ } .nav2 .drawer-top { top: -500px; } .nav2 .drawer-top.drawer-open { top: 70px; } .nav2 .drawer { background: #FFFFFF; position: absolute; box-shadow: 0 3px 13px 0 rgba(2, 3, 3, 0.16); -webkit-box-shadow: 0 3px 13px 0 rgba(2, 3, 3, 0.16); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: -2; border: solid 1px #CCCCCC; border-top: none; } .nav2 .drawer ul li { display: block; } .nav2 .drawer a { color: #464646; padding: 16px 16px; border-bottom: solid 1px #eee; } .nav2 .drawer-link { display: block; font-size: 13px; font-weight: 700; text-decoration: none; } .nav2 .drawer-link:hover { background: #EEEEEE; /* CSS transitions */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav2 .topics-drawer { width: 206px; } .nav2 .tools-drawer { width: 166px; } .nav2 .search-drawer { position: absolute; right: -5px; width: 324px; padding: 15px; } .nav2 .drawer { /* CSS transitions */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav2 .drawer form { float: right; } .nav2 header { height: 70px; width: 100%; background: #000000; position: absolute; z-index: 999; font-size: 14px; font-family: 'Roboto', 'Open Sans', sans-serif; } .nav2 header * { margin: 0; padding: 0; } .nav2 header.fixed { top: 0px; position: fixed; _top: expression(eval(document.body.scrollTop)); _position: absolute; } .nav2 header .header-outer-wrapper { height: inherit; background: #000000; width: 100%; } .nav2 header .header-inner-wrapper { width: 970px; margin: 0 auto; height: inherit; position: relative; } .nav2 header a { text-decoration: none; } .nav2 header .dive-logo { position: absolute; float: left; margin-top: 12px; height: 45px; } .nav2 header .dive-logo:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav2 header .print-logo { display: none; } .nav2 header .nav-wrapper { float: right; margin-top: 20px; } .nav2 header .nav-wrapper > ul > li { display: inline-block; padding: 8px 0; margin: 0 15px; } .nav2 header .nav-wrapper .main-nav { float: right; } .nav2 header .nav-wrapper .main-nav.hide { display: none; } .nav2 header .nav-wrapper .main-nav li > .menu-item { color: #FFFFFF; font-weight: 700; line-height: 1; letter-spacing: 1px; } .nav2 header .nav-wrapper .main-nav li > .menu-item:hover { cursor: pointer; color: #D62828; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav2 header .nav-wrapper .main-nav li > .drawer-wrapper:hover { color: #CCCCCC; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav2 header .nav-wrapper .main-nav .chevron { margin-left: 7px; margin-bottom: 2px; display: inline-block; background: url(/static/images/chevron_down.png) no-repeat; height: 8px; width: 13px; } .nav2 header .nav-wrapper .main-nav .image-flip1 .chevron, .nav2 header .nav-wrapper .main-nav .image-flip2 .chevron { background: url(/static/images/chevron_up.png) no-repeat; } .nav2 header .nav-wrapper #search-bar { float: right; padding: 5px; } .nav2 header .nav-wrapper #search-bar .search-icon { height: 25px; width: 25px; display: inline-block; background: url(/static/images/magnifying_glass.png?1) no-repeat; } .nav2 header .nav-wrapper #search-bar .search-icon:hover { background: url(/static/images/dark_search.png) no-repeat; cursor: pointer; } .nav2 .input-subtle { height: 34px; background: #EEEEEE; border: 1px solid #CCCCCC; border-right: none; padding-left: 10px; box-shadow: none; font-size: 12px; outline-width: 0; width: 185px; float: left; box-sizing: initial; } .nav2 .submit-basic { height: 36px; padding: 10px; border: none; color: #FFFFFF; font-size: 12px; font-weight: 700; margin: 0; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .nav2 .submit-basic:hover { cursor: pointer; } .nav2 .submit-strong { background: #D62828; } .nav2 .submit-strong:hover { background: #FF0000; /* CSS transitions */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav2 .subtle-submit { background: #6C7F92; } .nav2 .subtle-submit:hover { background: #5b6b7b; /* CSS transitions */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav2 #nav2RightSidebar { width: 300px; float: right; vertical-align: top; } .nav2 .sidebar-box-container .sidebar-box-header { font-size: 18px; font-weight: 700; letter-spacing: 1px; margin: 0; background: #6C7F92; border: solid 1px #6C7F92; color: #FFFFFF; border-bottom: 0; padding: 10px; text-align: center; } .nav2 .sidebar-box-container .sidebar-box-content { text-align: left; padding: 10px 20px; border: solid 1px #DCDCDC; border-top: 0; margin: 0 auto 15px auto; background: #DDE1E6; } .nav2 .sidebar-box-container .sidebar-box-content ul { margin: 0; } .nav2 .left-module { margin: 0 0 37px 0; } .nav2 .left-module li, .nav2 .right-module li { line-height: 1.2; font-size: 16px; font-weight: 500; border-bottom: solid 1px #CCCCCC; font-family: 'Roboto', 'Open Sans', sans-serif; padding: 8px 0; list-style-type: none; margin-left: 0; } .nav2 .left-module .last-module-item, .nav2 .right-module .last-module-item { border: none; } .nav2 .left-module p, .nav2 .right-module p { margin: 0 0 10px 0; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .nav2 .left-module a, .nav2 .right-module a { color: #464646; text-decoration: none; font-family: 'Roboto', sans-serif; } .nav2 .left-module a:hover, .nav2 .right-module a:hover { text-decoration: underline; color: #D62828; } .nav2 .left-module a.button-basic, .nav2 .right-module a.button-basic { padding: 10px; font-size: 14px; font-weight: 700; text-align: center; display: block; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .nav2 .left-module a.button-basic:hover, .nav2 .right-module a.button-basic:hover { cursor: pointer; text-decoration: none; } .nav2 .left-module a.button-basic.non-priority, .nav2 .right-module a.button-basic.non-priority { background: #333333; color: #FFFFFF; } .nav2 .left-module a.button-basic.non-priority:hover, .nav2 .right-module a.button-basic.non-priority:hover { background: #000000; /* CSS transitions */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav2 .left-module .module-item .line1, .nav2 .left-module .module-item .line2, .nav2 .right-module .module-item .line1, .nav2 .right-module .module-item .line2 { display: block; font-size: 14px; } .nav2 .left-module .module-item .line1, .nav2 .right-module .module-item .line1 { font-weight: 400; margin: 4px 0 8px 0; letter-spacing: 1px; } .nav2 .left-module .module-item .line2, .nav2 .right-module .module-item .line2 { font-weight: 600; font-size: 10px; color: #777; letter-spacing: 1px; text-transform: uppercase; } .nav2 .left-module li.view-all, .nav2 .right-module li.view-all { border-bottom: none; font-size: 12px; font-weight: 400; letter-spacing: 1px; list-style: none; margin: 8px 0 10px 0; padding: 0; text-decoration: underline; text-transform: uppercase; } .nav2 .left-module li.view-all a, .nav2 .right-module li.view-all a { color: #777777; } .nav2 .left-module li.view-all a:hover, .nav2 .right-module li.view-all a:hover { color: #D62828; } .nav2 .form-basic { line-height: 1.3; color: #333333; } .nav2 .form-basic a { color: #333333; text-decoration: underline; } .nav2 .form-basic h1 { font-size: 26px; margin-bottom: 10px; } .nav2 .form-basic p { font-size: 20px; } .nav2 .form-basic ul { list-style: none; padding: 0; margin: 0; } .nav2 .form-basic label { display: block; margin-bottom: 2px; font-size: 18px; font-weight: 300; } .nav2 .form-basic input, .nav2 .form-basic select, .nav2 .form-basic textarea { width: 100%; font-size: 16px; padding: 5px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: solid 1px #838383; } .nav2 .form-basic input[type=text] { -webkit-appearance: none; display: block; } .nav2 .form-basic input.checkbox { /* required to make checkboxes work in IE 7 and 8 */ border: none; width: auto; height: auto; -webkit-appearance: checkbox; box-sizing: normal; } .nav2 .form-basic input.submit { background: #D62828; color: #FFFFFF; cursor: pointer; font-weight: 600; height: 60px; font-size: 20px; border: none; border-bottom: solid 4px #b52222; display: block; padding: 2px 4px; -webkit-appearance: none; text-align: center; margin: 10px 0; } .nav2 .form-basic input.submit:hover { background: #b52222; /* CSS transitions */ -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .nav2 .form-basic .error-message, .nav2 .form-basic .email_error, .nav2 .form-basic .newsletter-error { color: #E83B3B; font-weight: bold; font-size: 14px; margin: 10px 0; } .nav2 .form-basic .newsletter-description { font-weight: 400; font-size: 14px; margin: 2px 0 0 0; } .nav2 .form-basic .frequency { font-size: 14px; } .nav2 .form-basic .signup-view-sample { font-size: 14px; color: #666666; } .nav2 .form-basic .privacy-policy { font-style: italic; font-size: 12px; font-weight: 100; margin: 0; display: block; } .nav2 #brief-page .form-signup-articlebottom { padding: 10px 30px 20px 30px; } .nav2 .form-signup-articlebottom { padding: 10px 50px 20px 50px; background: #DDE1E6; border-top: solid 10px #6C7F92; font-size: 18px; margin-top: 15px; color: #333333; line-height: 1.2; font-family: 'Roboto', 'Open Sans', sans-serif; } .nav2 .form-signup-articlebottom li { list-style-type: none; margin: 10px 0; } .nav2 .form-signup-articlebottom h1 { letter-spacing: 1px; font-size: 44px; font-weight: 800; margin: 0 0 8px 0; font-family: 'Roboto', 'Open Sans', sans-serif; } .nav2 .form-signup-articlebottom h2 { font-weight: 700; font-size: 24px; margin-bottom: 20px; } .nav2 .form-signup-articlebottom p { margin: 0; } .nav2 .form-signup-articlebottom ul { margin: 0; } .nav2 .form-signup-articlebottom .signup-newsletter-title { font-size: 22px; font-weight: 600; } .nav2 .form-signup-articlebottom .newsletter-description { font-size: 16px; } .nav2 .form-signup-articlebottom .signup-view-sample { font-size: 12px; color: #333333; font-weight: 400; } .nav2 .form-signup-articlebottom .signup-frequency { font-size: 12px; } .nav2 .form-signup-articlebottom #id_email { margin-top: 10px; } .nav2 .form-signup-articlebottom label { font-size: 14px; font-weight: 600; } .nav2 .form-signup-articlebottom input { width: 100%; height: 50px; font-size: 18px; padding: 4px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .nav2 .form-signup-articlebottom input.checkbox { /* required to make checkboxes work in IE 7 and 8 */ border: none; width: auto; height: auto; -webkit-appearance: checkbox; box-sizing: normal; } .nav2 .sidebar-box-container .form-signup-rightrail { font-weight: 100; border: none; letter-spacing: .5px; margin: 4px 0 10px 0; padding: 0; } .nav2 .sidebar-box-container .form-signup-rightrail li { border: none; padding: 0; } .nav2 .sidebar-box-container .form-signup-rightrail ul > li { margin-bottom: 6px; border: none; padding: 0; } .nav2 .sidebar-box-container .form-signup-rightrail input { height: 34px; font-size: 14px; padding: 4px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .nav2 .sidebar-box-container .form-signup-rightrail input.checkbox { /* required to make checkboxes work in IE 7 and 8 */ border: none; width: auto; height: auto; -webkit-appearance: checkbox; box-sizing: normal; } .nav2 .sidebar-box-container .form-signup-rightrail input.submit { height: 40px; } .nav2 .sidebar-box-container .form-signup-rightrail .signup-newsletter-title { font-size: 16px; font-weight: 500; color: #333333; margin: 6px 0 0 0; line-height: 1.2; display: inline-block; } .nav2 .sidebar-box-container .form-signup-rightrail .field_site_newsletters label { display: none; } .nav2 .sidebar-box-container .form-signup-rightrail .signup-frequency { font-size: 12px; font-weight: bold; } .nav2 .sidebar-box-container .form-signup-rightrail .signup-view-sample { font-size: 12px; text-decoration: underline; float: right; letter-spacing: 1px; } .nav2 .sidebar-box-container .form-signup-rightrail .field-email { margin: 20px 0 5px 0; } .nav2 .sidebar-box-container .form-signup-rightrail .field-email label { font-size: 18px; font-weight: 100; margin: 6px 0 4px 0; display: block; } .nav2 .sidebar-box-container .form-signup-rightrail .privacy-policy { font-size: 12px; font-weight: 100; /* needed to override default rightrail module styling */ } .nav2 #signup-inter { padding: 20px; font-size: 18px; } .nav2 #signup-inter ul { margin-bottom: 20px; } .nav2 #signup-inter ul li { margin: 15px 0; } .nav2 #signup-inter h1 { margin-bottom: 6px; } .nav2 #signup-inter .signup-inter-text { font-size: 20px; } .nav2 #signup-inter label { font-weight: 600; } .nav2 #signup-inter input[type=text] { margin-top: 10px; height: 34px; } .nav2 #signup-inter input.submit { height: 50px; margin: 10px 0 0 0; } .nav2 #signup-inter .newsletter-description { font-weight: 100; font-size: 16px; margin: 2px 0 0 0; } .nav2 #signup-inter input.checkbox { /* required to make checkboxes work in IE 7 and 8 */ border: none; width: auto; height: auto; -webkit-appearance: checkbox; box-sizing: normal; } .nav2 #signup-inter .signup-view-sample { /* Can't have a pop-up with interstitial */ display: none; } .nav2 .form-basic-container { display: none; } .nav2 .form-basic-container .simplemodal-overlay { /* CSS opacity */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: alpha(opacity=50); /* IE 5.5-7 */ position: fixed; left: 0px; top: 0px; z-index: 1001; height: 100%; width: 100%; } .nav2 .form-basic-container .simplemodal-container { position: fixed; z-index: 1002; width: 80%; max-width: 485px; height: auto; overflow: auto; } .nav2 .form-basic-container textarea { height: 100px; resize: none; } .nav2 .section-heading { margin: 20px 0 0 0; border-bottom: solid 10px #e2e6ea; } .nav2 .section-heading h2 { border-bottom: solid 1px #8A99A8; margin: 0; font-weight: 800; letter-spacing: 1px; font-size: 24px; padding-bottom: 5px; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .nav2 #body-wrapper { margin: 0 auto; } .nav2 .centralContent article { margin: 0; } .nav2 .article_template.box { border: 0; } .nav2 .bannerWrapper { display: block; margin-bottom: 10px; } .nav2 .bannerTop { margin: 10px 0; } .nav2 .bannerTop img { display: block; } .nav2 .boxHolder span.addthis_button.shareButton, .nav2 #dashboardWrapper span.addthis_button.shareButton { z-index: 10; } .nav2 .box { border: solid 1px #CCCCCC; padding: 20px 30px; background: #FFFFFF; } .nav2 span.shareButton { display: none; background: url(../images/share_button_2_white.png) 0 0 no-repeat; } .nav2 .instory-label { display: block; font-weight: 800; margin-bottom: 5px; font-size: 18px; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .nav2 .instory-label.opinion { color: #D62828; border-bottom: solid 2px #D62828; } .nav2 .instory-label.sponsored { color: #288BD2; border-bottom: solid 2px #288BD2; } .nav2 .tag-text, .nav2 .post-time { margin: 0 0 5px 0; font-weight: 400; font-size: 12px; display: block; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase; } .nav2 .post-time { float: right; } .nav2 .tag-text { float: left; } .nav2 .tag-text a { color: #333; margin-left: 2px; } .nav2 .square::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 3px; } .nav2 .housecontent-square::before { background: #D62828; } .nav2 .sponsored-square::before { background: #288BD2; } .nav2 .submit-btn-wide { background: #D62828; border-radius: 6px; color: #FFF; display: block; font-weight: 700; font-size: 14px; padding: 10px; margin: 0 auto 20px auto; text-align: center; text-decoration: none; width: 40%; } .nav2 .submit-btn-wide:hover { cursor: pointer; background: #FF0000; } .nav2 .signup-module { border-bottom: none; } .nav2 .signup-module .input-subtle { width: 168px; } .nav2 .view-more { border-bottom: none; margin-top: 10px; } .nav2 .marketTable tbody tr { background: none; } .nav2 .trendingUl { background-color: #FFF; } .nav2 article a.aListButton, .nav2 article a:visited.aListButton { background-color: #FFF; } .nav2 .boxHolder .boxTop, .nav2 .boxHolder.clickable.shareHovered:hover .boxTop { background: none; } .nav2 .boxBottom, .nav2 .boxHolder.featured .boxBottom { background: #ececec; border-bottom: solid 1px #b5b5b5; } .nav2 .boxHolder-content-wrapper { padding: 20px 20px 20px 0; border-bottom: solid 1px #CCCCCC; } .nav2 .boxBottom, .nav2 .boxHolder.featured .boxBottom { display: none; /* FIXME: remove the */ } .nav2 .featuredArticle { background: url(../images/bg_featured_article.png) 0px 0 no-repeat; } .nav2 .above-box-breadcrumbs { font-weight: 600; background: #000000; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .nav2 .above-box-breadcrumbs a { color: #FFFFFF; } .nav2 .staff_wrapper { margin-top: 20px; } .nav2 #search-btn { height: 40px; } .nav2 .content-container article { float: none; } .nav2 .signup-labels { text-align: left; font-size: 12px; margin-top: 10px; } .nav2 .sidebar-signup label { margin-top: 0; } .nav2 input.signup_choice { margin: 0; margin-right: 5px; } html body.nav2 { color: #333333; background: #f4f5f7; min-width: 980px; position: relative; margin-top: 80px; } html body.nav2.topicpage article { margin: 0; padding: 0; border: none; } html body.nav2.topicpage #inner-container { padding-top: 0; background: none; } html body.nav2.topicpage #nav2RightSidebar, html body.nav2.jobboard #nav2RightSidebar { width: 300px; padding: 0; } html body.nav2.dashboard #nav2RightSidebar { width: 100%; } html body.nav2.topicpage .feature-feed .feature-title { width: initial; font-weight: 500; font-size: 14px; } html body.nav2.jobtiers article { margin: 0; padding-top: 20px; } html body.nav2.jobtiers .edit-job-text { margin-right: 30px; } html body.nav2.jobtiers .job-back-main { margin-right: 30px; } /* --------------------------------------- Responsive grid system --------------------------------------- */ /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float: left; margin: 1% 0 1% 1.6%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; /* For IE 6/7 */ } /* GRID OF 12 */ .span_12_of_12 { width: 100%; } .span_11_of_12 { width: 91.53%; } .span_10_of_12 { width: 83.06%; } .span_9_of_12 { width: 74.6%; } .span_8_of_12 { width: 66.13%; } .span_7_of_12 { width: 57.66%; } .span_6_of_12 { width: 49.2%; } .span_5_of_12 { width: 40.73%; } .span_4_of_12 { width: 32.26%; } .span_3_of_12 { width: 23.8%; } .span_2_of_12 { width: 15.33%; } .span_1_of_12 { width: 6.86%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 480px) { .hide-on-mobile { display: none; } .span_12_of_12 { width: 100%; } .span_11_of_12 { width: 100%; } .span_10_of_12 { width: 100%; } .span_9_of_12 { width: 100%; } .span_8_of_12 { width: 100%; } .span_7_of_12 { width: 100%; } .span_6_of_12 { width: 100%; } .span_5_of_12 { width: 100%; } .span_4_of_12 { width: 100%; } .span_3_of_12 { width: 100%; } .span_2_of_12 { width: 100%; } .span_1_of_12 { width: 100%; } }