/* Theme Name: BaseballAmerica.com Theme URI: http://www.grindmedia.com/ Author: The GrindMedia Team Author URI: http://www.grindmedia.com/ Description: This theme supports BaseballAmerica's desktop version. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* ===== LESS Imports ======================================================= */ /*! * Font Awesome 3.2.1 * the iconic font designed for Bootstrap * ------------------------------------------------------------------------------ * The full suite of pictographic icons, examples, and documentation can be * found at http://fontawesome.io. Stay up to date on Twitter at * http://twitter.com/fontawesome. * * License * ------------------------------------------------------------------------------ * - The Font Awesome font is licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - * http://opensource.org/licenses/mit-license.html * - Font Awesome documentation licensed under CC BY 3.0 - * http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fontawesome.io" * * Author - Dave Gandy * ------------------------------------------------------------------------------ * Email: dave@fontawesome.io * Twitter: http://twitter.com/davegandy * Work: Lead Product Designer @ Kyruus - http://kyruus.com */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('font/fontawesome-webfont.eot?v=3.2.1'); src: url('font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); font-weight: normal; font-style: normal; } /* FONT AWESOME CORE * -------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.33333333em; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"] { display: inline; } /* increased font size for icon-large */ [class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.14285714em; text-align: right; padding-right: 0.28571429em; } [class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large { width: 1.42857143em; } .icons-ul { margin-left: 2.14285714em; list-style-type: none; } .icons-ul > li { position: relative; } .icons-ul .icon-li { position: absolute; left: -2.14285714em; width: 2.14285714em; text-align: center; line-height: inherit; } [class^="icon-"].hide, [class*=" icon-"].hide { display: none; } .icon-muted { color: #eeeeee; } .icon-light { color: #ffffff; } .icon-dark { color: #333333; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .icon-5x { font-size: 5em; } .icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } /* BOOTSTRAP SPECIFIC CLASSES * -------------------------- */ /* Bootstrap 2.0 sprites.less reset */ [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } /* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } /* keeps Bootstrap styles with and without icons the same */ .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } /* Fixes alignment in nav lists */ .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { line-height: inherit; } /* EXTRAS * -------------------------- */ /* Stacked and layered icon */ .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; } .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em; } /* Animated rotating icon */ .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } /* Prevent stack and spinners from being taken inline when inside a link */ a .icon-stack, a .icon-spin { display: inline-block; text-decoration: none; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* Icon rotations and mirroring */ .icon-rotate-90:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal:before { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical:before { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /* ensure rotation occurs inside anchor tags */ a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before { display: inline-block; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-alt:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-power-off:before, .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-gear:before, .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-alt:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-gears:before, .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up-alt:before { content: "\f087"; } .icon-thumbs-down-alt:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-unchecked:before, .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-text-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-collapse:before { content: "\f150"; } .icon-collapse-top:before { content: "\f151"; } .icon-expand:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-renminbi:before, .icon-cny:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-by-alphabet:before { content: "\f15d"; } .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .icon-sort-by-attributes:before { content: "\f160"; } .icon-sort-by-attributes-alt:before { content: "\f161"; } .icon-sort-by-order:before { content: "\f162"; } .icon-sort-by-order-alt:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-sign:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-sign:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stackexchange:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-sign:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-sign:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribbble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun:before { content: "\f185"; } .icon-moon:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } .ir { font: 0/0 a !important; text-shadow: none !important; color: transparent !important; } /* ===== Variables ========================================================== */ /* ===== General Scaffolding ================================================ */ /* Project Mixins ----------------------------- */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* Body / Layout Reset ----------------------------- */ html { overflow-y: scroll; } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, 'Liberation Sans', sans-serif; font-size: 14px; line-height: 20px; color: #333333; background: #aaaaaa url('img/bba_bg.jpg') no-repeat center top; } .fold { background-color: #ffffff; padding: 10px; float: left; } .main { position: relative; width: 630px; margin: 0px 20px 0px 0px; float: left; } .sidebar { width: 300px; float: right; } /* Links ----------------------------- */ a { color: #056a9b; text-decoration: none; } a:hover { color: #011d2a; text-decoration: underline; } .premium-btn { display: block; background-color: #056a9b; text-align: center; color: #ffffff; height: 32px; line-height: 32px; margin: 2em 0 1.4em; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .premium-btn:hover { color: #ffffff; } /* Advertising ----------------------------- */ .grindadops-tracking { display: none; visibility: hidden; } .billboard { width: 970px; height: auto; max-height: 250px; text-align: center; } .lrec { width: 300px; height: 250px; margin-bottom: 20px; } .drec { width: 300px; height: 600px; margin-bottom: 20px; } .fixed .dc_ad { width: 630px; height: 150px; margin-bottom: 20px; } .ad-tileset-wrapper { line-height: 0 !important; } .ad-tileset-wrapper:after { content: ""; display: table; clear: both; } .ad-tileset-wrapper .square { float: left; } .ad-tileset-wrapper .square:last-of-type .dc_ad { margin-bottom: 20px; } .ad-tileset-wrapper .square .dc_ad { width: 145px; height: 145px; } .sky { width: 160px; height: 600px; margin: 40px auto; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .sky:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); } .breadcrumb-banner { position: absolute; top: 0; right: 0; width: 240px; height: 36px; } #InstagramAdUnit { width: 970px; } #InstagramAdUnit #InstagramAdImg { float: left; display: block; width: 345px; height: 250px; } #InstagramAdUnit #InstagramAdImg img { width: 100%; height: auto; } #InstagramAdUnit #InstagramAdPics { width: 625px; display: block; float: left; } #InstagramAdUnit #InstagramAdPics .instagram-img-pop { display: block; width: 123px; height: 123px; float: left; border: 1px solid #ffffff; } #InstagramAdUnit #InstagramAdPics .instagram-img-pop img { width: 100%; height: auto; } /* Visual Effects ----------------------------- */ .shadow { -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } /* ===== TYPOGRAPHY ========================================================= */ .filmstrip h1 { font-weight: 500; font-size: 19.6px; line-height: 1.1; margin: 0px 0px 5px 0px; } .filmstrip h1 a { color: #f1f1f1; } .viewpoint-list h1 { background: url('img/bba_bullet_lrg.png') no-repeat 0px 49%; font-weight: 500; color: #024f74; text-transform: uppercase; font-size: 25.2px; line-height: 40px; margin: 0px 0px 5px 10px; padding-left: 20px; } .viewpoint-list h2 { font-weight: 500; font-size: 19.6px; line-height: 1.1; margin-top: 0; } .article-list h1 { background: url('img/bba_bullet_lrg.png') no-repeat 0px 49%; font-weight: 500; color: #024f74; text-transform: uppercase; font-size: 25.2px; line-height: 40px; margin: 0px 0px 10px 0px; padding-left: 20px; } .article-list h2 { font-weight: 500; font-size: 19.6px; line-height: 1.1; margin-top: 0; } .full-article h1 { margin: 0px 0px 10px 0px; font-size: 28px; line-height: 30px; font-weight: 500; } .full-article h3 { background: url('img/bba_bullet_lrg.png') no-repeat 10px 49%; font-weight: 500; color: #024f74; text-transform: uppercase; font-size: 25.2px; line-height: 40px; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 30px; } .full-article .related-excerpt h4 { margin: 0; font-weight: 600; font-size: 13px; line-height: 1.2; margin-bottom: 5px; } .sidebar .sidebar-module h3 { background: #0571a5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NzFhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjUwNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url('img/bba_bullet.png') no-repeat 8px 50%, -moz-linear-gradient(top, #0571a5 0%, #025075 100%); background: url('img/bba_bullet.png') no-repeat 8px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0571a5), color-stop(100%, #025075)); background: url('img/bba_bullet.png') no-repeat 8px 50%, -webkit-linear-gradient(top, #0571a5 0%, #025075 100%); background: url('img/bba_bullet.png') no-repeat 8px 50%, -o-linear-gradient(top, #0571a5 0%, #025075 100%); background: url('img/bba_bullet.png') no-repeat 8px 50%, -ms-linear-gradient(top, #0571a5 0%, #025075 100%); background: url('img/bba_bullet.png') no-repeat 8px 50%, linear-gradient(to bottom, #0571a5 0%, #025075 100%); font-weight: 200; color: #ffffff; text-transform: uppercase; font-size: 18.9px; line-height: 1.4; margin: 0; padding-left: 25px; } .sidebar .sidebar-module h3 a { color: #ffffff; text-decoration: none; font-size: 18px; } .sidebar .sidebar-module h4 { color: #05608d; margin-top: 0; text-shadow: white 0 1px 1px; border-bottom: 1px solid #c9c5c4; font-size: 14px; } .sidebar .sidebar-module.top-prospects table { width: 100%; } .sidebar .sidebar-module.top-prospects table .prospects-row { background-color: #c9c5c4; } .home-store h1 { background: url('img/bba_bullet_lrg.png') no-repeat 0px 49%; font-weight: 500; color: #024f74; text-transform: uppercase; font-size: 25.2px; line-height: 40px; margin: 0px 0px 10px 0px; padding-left: 20px; } .home-store h2 { font-size: 12px; line-height: 18px; margin-bottom: 5px; } /* ===== HEADER / NAVBAR ==================================================== */ .header { float: left; color: #c9c5c4; margin-bottom: 10px; width: 100%; } .header .header-inner { position: relative; margin: 0 auto; } .header .header-inner .nav-border { position: absolute; bottom: -10px; } .header .header-logo { background-color: #044f74; height: 69px; } .header .header-logo h1 { margin: 0; padding: 0; height: 0; } .header .header-logo h1 .logo-desktop { margin-top: 8px; margin-left: 10px; display: block; visibility: visible; } .header .header-logo h1 .logo-tablet { display: none; visibility: hidden; } .header .header-logo .header-search { width: 590px; float: right; margin-top: 23px; margin-right: 10px; } .header .header-logo .header-search p { margin: 0; font-size: 12px; line-height: 25px; } .header .header-logo .header-search p.grindnav { float: left; } .header .header-logo .header-search p.homelinks { float: right; margin: 0px 15px 0px 0px; } .header .header-logo .header-search form { margin: 0px 0px 10px 0px; position: relative; float: right; } .header .header-logo .header-search form input { width: 180px; float: right; height: 15px !important; line-height: 15px; padding-right: 30px; font-size: 13px; } .header .header-logo .header-search form button { background: none; border-top: none; border-bottom: none; border-right: none; border-left: 1px solid #989c9b; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0 5px; position: absolute; bottom: 2px; right: 3px; opacity: 0.6; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .header .header-logo .header-search form button:hover { opacity: 1; } .header .header-logo .header-search ul { float: right; margin: 0; padding-top: 8px; } .header .header-logo .header-search ul li { float: left; margin: 0px 10px 2px 0px; line-height: 22px; } .header .header-logo .header-search ul li:last-of-type { margin-right: 0; } .header .header-logo .header-search ul li img { opacity: .9; width: 22px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .header .header-logo .header-search ul li img:hover { opacity: 1; } .header p { text-align: right; } .header p a { color: #f1f1f1; } /* Navbar ----------------------------- */ .navbar { margin-bottom: 0; } .navbar .navbar-inner { border: none; padding: 0; font-size: 12px; font-weight: 200; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #f5f4f4, #d5d5d5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f4f4), to(#d5d5d5)); background-image: -webkit-linear-gradient(top, #f5f4f4, #d5d5d5); background-image: -o-linear-gradient(top, #f5f4f4, #d5d5d5); background-image: linear-gradient(to bottom, #f5f4f4, #d5d5d5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f4f4', endColorstr='#ffd5d5d5', GradientType=0); -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.9); -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.9); box-shadow: 0 7px 10px rgba(0, 0, 0, 0.9); } .navbar .navbar-inner .nav { float: inherit; margin: 0 !important; text-align: center; background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #f5f4f4, #d5d5d5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f4f4), to(#d5d5d5)); background-image: -webkit-linear-gradient(top, #f5f4f4, #d5d5d5); background-image: -o-linear-gradient(top, #f5f4f4, #d5d5d5); background-image: linear-gradient(to bottom, #f5f4f4, #d5d5d5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f4f4', endColorstr='#ffd5d5d5', GradientType=0); } .navbar .navbar-inner .nav li { display: inline-block; float: none; } .navbar .navbar-inner .nav li a { color: #333333; text-transform: uppercase; margin: 6px 1px 7px 1px; padding: 4px 5px 5px 5px; } .navbar .navbar-inner .nav li a:hover { color: #ffffff; background-color: #044f74; } .navbar .navbar-inner .nav li.active a { color: #ffffff; background-color: #044f74; } .navbar .navbar-inner .nav li.divider-vertical { float: right; margin: 0; height: 42px; border-left: 1px solid #ffffff; border-right: 1px solid #989c9b; } .navbar .navbar-inner .nav li.nav-darker { padding: 0 10px; float: right; background: #B3B3B3; } /* Responsive Navbar ----------------------------- */ .responsive-nav { display: none; visibility: hidden; } /* ===== FILMSTRIP MANTLE =================================================== */ .filmstrip { margin-bottom: 20px; } .filmstrip .mantle-current { position: relative; } .filmstrip .mantle-current .mantle-current-img { display: block; width: 630px; min-height: 354px; } .filmstrip .mantle-current .mantle-current-img img { width: 630px; min-height: 354px; } .filmstrip .mantle-current .mantle-content { width: 610px; position: absolute; bottom: 0; padding: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(100%, #000000)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, #000000 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, #000000 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, #000000 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#000000', GradientType=0); } .filmstrip .mantle-current .mantle-content p { color: #f1f1f1; margin: 0; } .filmstrip .mantle-current .mantle-content p.meta { font-size: 11px; margin-bottom: 5px; } .filmstrip .mantle-thumbs .thumb { float: left; border: 1px solid #000000; cursor: pointer; position: relative; } .filmstrip .mantle-thumbs .thumb .arrow-down { display: none; position: absolute; top: 0; left: 54px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #000000; } .filmstrip .mantle-thumbs .thumb .thumb-img-wrap { opacity: 0.9; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .filmstrip .mantle-thumbs .thumb .thumb-img-wrap img { width: 124px; } .filmstrip .mantle-thumbs .thumb .thumb-img-wrap:hover { opacity: 1; } .filmstrip .mantle-thumbs .thumb.selected .thumb-img-wrap { opacity: 1; } .filmstrip .mantle-thumbs .thumb.selected .arrow-down { display: inline; opacity: 1; } .filmstrip .mantle-thumbs .thumb p { display: none; } /* 30 Days of Giveaways */ #thirtyDaysFeat.flexslider { border: none; background-color: transparent; box-shadow: none; margin-bottom: 0; } #thirtyDaysFeat.flexslider ul { padding: 0; margin: 0; } #thirtyDaysFeat.flexslider ul > li.module-article { opacity: .3; margin-right: 10px; } #thirtyDaysFeat.flexslider ul > li.module-article.current-day { opacity: 1; } #thirtyDaysFeat.flexslider .flex-direction-nav a { height: 60px; line-height: 60px; background-color: #222222; color: #ffffff; width: auto; padding-right: 10px; padding-left: 10px; top: calc(50% - 30px); } #thirtyDaysFeat.flexslider:hover .flex-prev { left: 0; } #thirtyDaysFeat.flexslider:hover .flex-next { right: 0; } /* ===== BREADCRUMBS ======================================================== */ .breadcrumb a { color: #333333; } /* ===== ARTICLE BROWSE PAGES =============================================== */ .article-list { border-top: 5px solid #024f74; background: url('img/main_col_bg.png') repeat-x center top; padding: 10px; } .article-list article { border-bottom: 1px solid #989c9b; padding-bottom: 20px; margin-bottom: 20px; } .article-list article:hover h2 { text-decoration: underline; } .article-list article a { color: #333333; } .article-list article .article-img { float: left; margin-right: 15px; } .article-list article .article-img img { width: 220px; } .article-list article .excerpt { width: auto; } .article-list article .excerpt .excerpt-meta, .article-list article .excerpt .excerpt-txt, .article-list article .excerpt .tags { font-size: 13px; line-height: 19px; } .article-list article .excerpt .excerpt-meta a { font-weight: bold; } .article-list article .excerpt .excerpt-meta img { position: relative; bottom: 1px; left: 5px; } .article-list article .excerpt .tags { margin-bottom: 0; } .article-list article .excerpt .tags a { margin: 0 3px; } .article-list article .excerpt .tags a:first-of-type { margin-left: 0; } /* ===== VIEWPOINT LIST ===================================================== */ .viewpoint-list { background: url('img/main_col_bg.png') repeat-x center -1px; padding: 10px 0px 0px 0px; } .viewpoint-list .viewpoint-selector { padding: 0px 10px 0px 5px; } .viewpoint-list .viewpoint-selector .selector-tile { float: left; padding: 4px 4px 14px 4px; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; position: relative; } .viewpoint-list .viewpoint-selector .selector-tile:hover { cursor: pointer; } .viewpoint-list .viewpoint-selector .selector-tile .arrow-up { display: none; background: url('img/viewpoint_selector_arw.png') no-repeat center top; position: absolute; bottom: -1px; left: 43%; width: 17px; height: 10px; } .viewpoint-list .viewpoint-selector .selector-tile.selected { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #ffffff, #dddddd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dddddd)); background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); background-image: -o-linear-gradient(top, #ffffff, #dddddd); background-image: linear-gradient(to bottom, #ffffff, #dddddd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0); border-top: 1px solid #989c9b; border-left: 1px solid #989c9b; border-right: 1px solid #989c9b; } .viewpoint-list .viewpoint-selector .selector-tile.selected .arrow-up { display: inline; } .viewpoint-list .viewpoint-selector .podcast-call { float: right; border: 1px solid #c9c5c4; margin-top: 5px; } .viewpoint-list .article-list { display: none; background: transparent; border: none; padding: 0; } .viewpoint-list .article-list article { border-top: 1px solid #989c9b; border-left: 1px solid #989c9b; border-right: 1px solid #989c9b; padding: 20px 10px; margin-bottom: 0; background: #ffffff; border-bottom: none; } .viewpoint-list .article-list article:hover h2 { text-decoration: underline; } .viewpoint-list .article-list article:last-of-type { border-bottom: 1px solid #989c9b; margin-bottom: 20px; } .viewpoint-list .article-list article a { color: #333333; } .viewpoint-list .article-list article .article-img { float: left; margin-right: 15px; } .viewpoint-list .article-list article .article-img img { width: 220px; } .viewpoint-list .article-list article .excerpt { width: auto; } .viewpoint-list .article-list article .excerpt .excerpt-meta, .viewpoint-list .article-list article .excerpt .excerpt-txt, .viewpoint-list .article-list article .excerpt .tags { font-size: 13px; line-height: 19px; } .viewpoint-list .article-list article .excerpt .excerpt-meta a { font-weight: bold; } .viewpoint-list .article-list article .excerpt .excerpt-meta img { vertical-align: text-top; padding-left: 10px; } .viewpoint-list .article-list article .excerpt .tags { margin-bottom: 0; } .viewpoint-list .article-list article .excerpt .tags a { font-weight: bold; margin: 0 3px; } .viewpoint-list .article-list article .excerpt .tags a:first-of-type { margin-left: 0; } /* ===== FULL ARTICLE PAGE ================================================== */ .article-content-wide { margin-bottom: 20px; } .article-content-wide .breadcrumb { margin-bottom: 10px; } .full-article article { background: url('img/main_col_bg.png') repeat-x 50% -1px; } .full-article article header { padding: 10px 10px 0px 10px; } .full-article article header .article-meta { margin-bottom: 20px; border-bottom: 1px solid #989c9b; } .full-article article header .article-meta p { font-size: 13px; line-height: 19px; } .full-article article header .article-meta p a { font-weight: bold; } .full-article article header .article-meta .sharing { min-height: 26px; margin: 10px 0px 7px 0px; } .full-article article header .article-meta .sharing .addthis_pill_style { float: right !important; } .full-article article .article-content { margin-bottom: 30px; border-bottom: 1px solid #989c9b; padding: 0 10px; } .full-article article .article-content .sharing { min-height: 26px; margin: 10px 0px 7px 0px; } .full-article article .article-content .sharing .addthis_pill_style { float: right !important; } .full-article article .article-content .alignright { margin: 10px 0px 10px 10px; float: right !important; } .full-article article .article-content .alignleft { margin: 10px 0px 10px 10px; float: right !important; } .full-article article .article-content .wp-caption-text { font-size: 13px; line-height: 19px; text-align: center; margin: 5px 0px 0px 0px; } .full-article article .article-content iframe, .full-article article .article-content embed, .full-article article .article-content object { width: 610px; } .full-article article .article-content .rightAlignTable { float: right !important; width: 300px !important; margin-left: 20px !important; border: none !important; } .full-article article .article-content .rightAlignTable tr, .full-article article .article-content .rightAlignTable td { border: none !important; } .full-article article .article-content .rightAlignTable tr:nth-of-type(2n) { background-color: #eee; } .full-article article .article-content .rightAlignTable .subHeaderRow { background: #a4a4a4; color: #ffffff; } .full-article article .article-content .rightAlignTable .HeaderRow td { font-size: 16px; line-height: 22px; } .full-article article .article-content .rightAlignTable .HeaderRow td, .full-article article .article-content .rightAlignTable .subHeaderRow td { text-align: center !important; } .full-article article .article-content table { max-width: 620px !important; } .full-article article .article-content table .header-row td { background-color: #076392; background-image: -moz-linear-gradient(top, #0970a4, #045076); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0970a4), to(#045076)); background-image: -webkit-linear-gradient(top, #0970a4, #045076); background-image: -o-linear-gradient(top, #0970a4, #045076); background-image: linear-gradient(to bottom, #0970a4, #045076); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0970a4', endColorstr='#ff045076', GradientType=0); color: #fff !important; font-weight: bold; } .full-article article .article-content table .subheader-row td { background-color: #bab8b7; background-image: -moz-linear-gradient(top, #c9c5c4, #a4a4a4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c9c5c4), to(#a4a4a4)); background-image: -webkit-linear-gradient(top, #c9c5c4, #a4a4a4); background-image: -o-linear-gradient(top, #c9c5c4, #a4a4a4); background-image: linear-gradient(to bottom, #c9c5c4, #a4a4a4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc9c5c4', endColorstr='#ffa4a4a4', GradientType=0); } .full-article article footer .tags { font-size: 13px; line-height: 19px; padding: 0 10px; margin-bottom: 20px; } .full-article article footer .tags a { margin: 0 3px; } .full-article article footer .tags a:first-of-type { margin-left: 0; } .full-article article footer .related-articles { background: url('img/main_col_bg.png') no-repeat 50% -1px; margin-bottom: 20px; } .full-article article footer .related-articles .related { padding: 10px; float: left; } .full-article article footer .related-articles .related:hover h4 { text-decoration: underline; } .full-article article footer .related-articles .related a { color: #333333; } .full-article article footer .related-articles .related .related-img { float: left; margin-right: 15px; } .full-article article footer .related-articles .related .related-img img { width: 110px; } .full-article article footer .related-articles .related .related-excerpt { width: auto; } .full-article article footer .related-articles .related .related-excerpt p { font-size: 13px; line-height: 1.2; margin-bottom: 5px; } .full-article article footer .related-articles .related .related-excerpt .article-icons img { float: left; padding-right: 10px; } .full-article article footer .article-comments { background: url('img/main_col_bg.png') no-repeat 50% -1px; position: relative; margin-bottom: 20px; } .full-article article footer .article-comments #disqus_thread { padding: 0 10px; } /* ===== STORE HOMEPAGE COMPONENT =========================================== */ .home-store { float: left; width: 930px; padding: 10px; background: url('img/main_col_bg.png') repeat-x 50% -1px; } .home-store ul { width: 150px; float: left; margin: 0px 20px 0px 11px; } .home-store ul li { font-size: 12px; font-weight: 600; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid transparent; } .home-store ul li:hover { background-color: #f1f1f1; border: 1px solid #c9c5c4; } .home-store ul li a { display: block; padding: 2px 10px; color: #333333; text-decoration: none; } .home-store .product-samples { float: left; } .home-store .product-samples .product-sample { float: left; width: 140px; margin-right: 12px; text-align: center; } .home-store .product-samples .product-sample:last-of-type { margin-right: 0; } .home-store .product-samples .product-sample a { color: #333333; text-decoration: none; line-height: 1; } .home-store .product-samples .product-sample p { color: #9d261d; font-size: 16px; line-height: 22px; font-weight: 300; text-align: center; font-weight: bold; } .home-store .product-samples .product-sample img { background-color: #ffffff; border: 1px solid #c9c5c4; width: 138px; height: 138px; } .home-store .product-samples .product-sample .btn { font-size: 12px; padding: 7px 25px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #046492; background-image: -moz-linear-gradient(top, #0571a5, #025075); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0571a5), to(#025075)); background-image: -webkit-linear-gradient(top, #0571a5, #025075); background-image: -o-linear-gradient(top, #0571a5, #025075); background-image: linear-gradient(to bottom, #0571a5, #025075); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0571a5', endColorstr='#ff025075', GradientType=0); border-color: #025075 #025075 #011d2a; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #025075; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .home-store .product-samples .product-sample .btn:hover, .home-store .product-samples .product-sample .btn:active, .home-store .product-samples .product-sample .btn.active, .home-store .product-samples .product-sample .btn.disabled, .home-store .product-samples .product-sample .btn[disabled] { color: #ffffff; background-color: #025075; *background-color: #023f5c; } .home-store .product-samples .product-sample .btn:active, .home-store .product-samples .product-sample .btn.active { background-color: #012e43 \9; } /* ===== MAJORS ============================================================= */ .majors-logos { background: url('img/main_col_bg.png') repeat-x center -1px; padding: 10px; margin-bottom: 20px; } .majors-logos h1 { background: url('img/bba_bullet_lrg.png') no-repeat 0px 49%; font-weight: 500; color: #024f74; text-transform: uppercase; font-size: 25.2px; line-height: 40px; margin: 0px 0px 10px 0px; padding-left: 20px; } .majors-logos a { float: left; margin: 0px 10px 10px 0px; } .majors-logos a:nth-of-type(15), .majors-logos a:nth-of-type(30) { margin-right: 0px; } .majors-logos a img { width: 31px; } /* ===== SIDEBAR ============================================================ */ .sidebar-module { background: url('img/bba_sidebar_bg.png') repeat center top; border-bottom: 1px solid #ececec; margin-bottom: 20px; } .sidebar-module .sidebar-content { padding: 10px; } /* 2015 Awards Gala ----------------------------- */ .sidebar-gala:before, .sidebar-gala:after { content: " "; /* 1 */ display: table; /* 2 */ } .sidebar-gala:after { clear: both; } .sidebar-gala .gala-tabs { list-style: none; padding: 0; margin: 0; display: block; display: flex; flex-wrap: wrap; justify-content: space-between; background: #0571a5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NzFhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjUwNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #0571a5 0%, #025075 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0571a5), color-stop(100%, #025075)); background: -webkit-linear-gradient(top, #0571a5 0%, #025075 100%); background: -o-linear-gradient(top, #0571a5 0%, #025075 100%); background: -ms-linear-gradient(top, #0571a5 0%, #025075 100%); background: linear-gradient(to bottom, #0571a5 0%, #025075 100%); } .sidebar-gala .gala-tabs:before, .sidebar-gala .gala-tabs:after { content: " "; /* 1 */ display: table; /* 2 */ } .sidebar-gala .gala-tabs:after { clear: both; } .sidebar-gala .gala-tabs li { display: block; display: flex; align-items: center; text-transform: uppercase; font-weight: 200; font-size: 13px; padding: 0 5px; line-height: 27px; background: #c3c3c3; cursor: pointer; } .sidebar-gala .gala-tabs li.active { background: transparent; color: #ffffff; cursor: default; } .sidebar-gala .gala-sidebar-data { display: none; font-size: 15px; } .sidebar-gala .gala-sidebar-data.tab-shown { display: block; } .sidebar-gala .gala-sidebar-data > div { padding: 10px 10px 0 10px; } .sidebar-gala .gala-sidebar-data > div:last-of-type { padding-bottom: 10px; } /* Social Icons ----------------------------- */ .sidebar-instagram .sidebar-instagram-container:before, .sidebar-instagram .sidebar-instagram-container:after { content: " "; /* 1 */ display: table; /* 2 */ } .sidebar-instagram .sidebar-instagram-container:after { clear: both; } .sidebar-instagram .sidebar-instagram-container .sidebar-instagram-img { display: block; float: left; width: 95px; height: 95px; padding: 4px 0 0 4px; } /* Social Icons ----------------------------- */ .sidebar-social { margin-top: 5px; margin-bottom: 15px; } .sidebar-social p { display: block; float: left; font-size: 16px; line-height: 28px; font-weight: 500; text-transform: uppercase; color: #064f74; margin: 0px 8px 0px 0px; } .sidebar-social a { display: block; width: 28px; height: 28px; float: left; margin-left: 5px; } .sidebar-social img { vertical-align: middle; width: 28px; opacity: .9; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .sidebar-social img:hover { opacity: 1; } /* Draft Search ----------------------------- */ #accordion h3 { background: #e8e8e8; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e8e8e8 0%, #d6d6d6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #d6d6d6)); background: -webkit-linear-gradient(top, #e8e8e8 0%, #d6d6d6 100%); background: -o-linear-gradient(top, #e8e8e8 0%, #d6d6d6 100%); background: -ms-linear-gradient(top, #e8e8e8 0%, #d6d6d6 100%); background: linear-gradient(to bottom, #e8e8e8 0%, #d6d6d6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#d6d6d6', GradientType=0); display: block; text-align: inherit; text-transform: none; font-size: 14px; line-height: 20px; color: #333333; padding: 2px 5px; margin-bottom: 2px; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #b3b3b3; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22); margin-bottom: 5px; } #accordion h3 i { padding-top: 3px; float: right; } #accordion h3:hover { cursor: pointer; } #accordion .ui-accordion-content-active { height: auto !important; } #accordion form { margin-bottom: 0; padding: 3px 0px 10px 0px; } #accordion form:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #accordion form input[type="text"] { margin-bottom: 5px; margin-right: 10px; width: 265px; font-size: 12px; height: 17px !important; line-height: 15px !important; } #accordion form select { width: 279px; height: 25px; margin-bottom: 5px; font-size: 12px; } #accordion form .btn { float: right; margin-right: 2px; padding: 2px 7px; } #accordion form .btn i { float: none; } /* Stats Search ----------------------------- */ .stats-search form { margin: 0; position: relative; } .stats-search form input { padding-right: 33px; width: 239px; font-size: 12px; line-height: 28px; height: 28px; } .stats-search form button { background: none; border-top: none; border-bottom: none; border-right: none; border-left: 1px solid #989c9b; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 4px 7px; position: absolute; bottom: 14px; right: 3px; opacity: 0.4; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .stats-search form button:hover { opacity: 1; } .stats-search a { display: block; background: url('img/bba_bullet.png') no-repeat 1px 4px; padding-left: 17px; font-size: 12px; line-height: 20px; color: #333333; } /* Subscribe ----------------------------- */ .side-sub img { width: 133px; } .side-sub .side-sub-callout { float: right; width: 117px; padding-left: 20px; position: relative; } .side-sub .side-sub-callout .print-arrow { color: #044f74; position: absolute; top: 7px; left: 0; } .side-sub .side-sub-callout .digital-arrow { color: #044f74; position: absolute; top: 85px; left: 0; } .side-sub .side-sub-callout .sub-callout-print { text-decoration: none; } .side-sub .side-sub-callout .sub-callout-print p { line-height: 1; margin-bottom: 0; text-transform: uppercase; color: #989c9b; } .side-sub .side-sub-callout .sub-callout-print p.sub-callout-print-1 { color: #044f74; font-size: 39px; font-weight: 500; line-height: 28px; } .side-sub .side-sub-callout .sub-callout-print p.sub-callout-print-2 { font-size: 29px; font-weight: 500; line-height: 30px; } .side-sub .side-sub-callout .sub-callout-print p.sub-callout-print-3 { font-size: 11px; line-height: 10px; padding-bottom: 5px; border-bottom: 1px solid #989c9b; margin-bottom: 7px; } .side-sub .side-sub-callout .sub-callout-digital { text-decoration: none; } .side-sub .side-sub-callout .sub-callout-digital p { line-height: 1; margin-bottom: 0; text-transform: uppercase; color: #989c9b; } .side-sub .side-sub-callout .sub-callout-digital p.sub-callout-digital-1 { color: #044f74; font-size: 29px; font-weight: 500; line-height: 23px; } .side-sub .side-sub-callout .sub-callout-digital p.sub-callout-digital-2 { font-size: 29px; font-weight: 500; line-height: 30px; } .side-sub .side-sub-callout .sub-callout-digital p.sub-callout-digital-3 { font-size: 11px; line-height: 10px; padding-bottom: 5px; margin-bottom: 3px; border-bottom: 1px solid #989c9b; } .side-sub .side-sub-callout .side-sub-links { margin-bottom: 0; } .side-sub .side-sub-callout .side-sub-links a { color: #333333; font-weight: bold; font-size: 12px; } /* Top Articles ----------------------------- */ .side-top-articles a { text-decoration: none; } .side-top-articles a:hover > article > h1 { text-decoration: underline; } .side-top-articles article { margin-bottom: 10px; } .side-top-articles article h1 { color: #333333; font-size: 13px; line-height: 19px; margin: 0; } .side-top-articles article time { display: block; color: #333333; font-size: 11px; margin: 0; } .side-top-articles article p { color: #333333; font-size: 12px; line-height: 18px; margin-bottom: 0; } .side-top-articles .more a { font-weight: bold; color: #333333; font-size: 13px; line-height: 19px; float: right; text-decoration: underline; } /* Facebook / Twitter Module ----------------------------- */ .follow-box { margin-bottom: 20px; } .follow-box .follow-box-tabs p { background: #0571a5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NzFhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjUwNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #0571a5 0%, #025075 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0571a5), color-stop(100%, #025075)); background: -webkit-linear-gradient(top, #0571a5 0%, #025075 100%); background: -o-linear-gradient(top, #0571a5 0%, #025075 100%); background: -ms-linear-gradient(top, #0571a5 0%, #025075 100%); background: linear-gradient(to bottom, #0571a5 0%, #025075 100%); width: 148px; margin: 0; float: left; font-weight: 300; padding: 0; color: #ffffff; text-align: center; text-transform: uppercase; font-size: 18.9px; line-height: 1.4; cursor: pointer; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; border-bottom: 1px solid #989c9b; } .follow-box .follow-box-tabs p.active { background: #ffffff; font-weight: 400; color: #05608d; text-transform: uppercase; font-size: 18.9px; line-height: 1.4; cursor: default; border-top: 1px solid #c9c5c4; border-bottom: 1px solid transparent; border-left: 1px solid #c9c5c4; border-right: 1px solid #c9c5c4; } .facebook-side { border-right: 1px solid #c9c5c4; border-left: 1px solid #c9c5c4; border-bottom: 1px solid #c9c5c4; min-height: 537px; } .twitter-side { display: none; border-right: 1px solid #c9c5c4; border-left: 1px solid #c9c5c4; border-bottom: 1px solid #c9c5c4; min-height: 537px; } .twitter-side > p { padding: 0 10px; margin: 0px 0px 4px 0px; font-size: 11px; line-height: 1; clear: both; } .twitter-side > p:nth-of-type(1) { margin: 0px 10px 5px 10px; padding: 0; text-align: center; background: #064f74; color: #ffffff; font-size: 13px; line-height: 19px; } .twitter-side > p a { display: block; float: left; width: 100px; margin-right: 10px; } /* Ask BA ----------------------------- */ .ask-ba { margin-bottom: 20px; border: 1px solid #c9c5c4; } /* Chats ----------------------------- */ .side-chats a { text-decoration: none; } .side-chats a:hover > article > h1 { text-decoration: underline; } .side-chats article { margin-bottom: 10px; padding-left: 21px; background: url('img/chat_icon.png') no-repeat 0 4px; } .side-chats article:hover { background: url('img/chat_icon_hover.png') no-repeat 0 4px; } .side-chats article:last-of-type { margin-bottom: 0; } .side-chats article h1 { color: #333333; font-size: 13px; line-height: 19px; margin: 0; } .side-chats article img { position: relative; left: 5px; top: -2px; } /* Trapp's Toon ----------------------------- */ .side-toon .current-toon img { width: 278px; height: 278px; background: #ffffff; border: 1px solid #c9c5c4; margin-bottom: 5px; } .side-toon .current-toon p { text-align: left; font-style: italic; font-size: 13px; line-height: 19px; padding: 0 5px; } .side-toon .past-toons a { display: block; float: left; margin: 0 10px 10px 0; } .side-toon .past-toons a:nth-of-type(3) { margin-right: 0 !important; } .side-toon .past-toons a img { width: 84px; height: 84px; background: #ffffff; border: 1px solid #c9c5c4; } .side-toon p { text-align: center; } .side-toon p a { color: #333333; font-size: 13px; line-height: 19px; font-weight: bold; } /* ===== FOOTER ============================================================= */ .site-footer { background-color: #024869; background-image: -moz-linear-gradient(top, #024e73, #023e5b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#024e73), to(#023e5b)); background-image: -webkit-linear-gradient(top, #024e73, #023e5b); background-image: -o-linear-gradient(top, #024e73, #023e5b); background-image: linear-gradient(to bottom, #024e73, #023e5b); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff024e73', endColorstr='#ff023e5b', GradientType=0); } .site-footer .foot-accent { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #01354e; background-color: #e9e8e8; background-image: -moz-linear-gradient(top, #f5f4f4, #d6d6d6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f4f4), to(#d6d6d6)); background-image: -webkit-linear-gradient(top, #f5f4f4, #d6d6d6); background-image: -o-linear-gradient(top, #f5f4f4, #d6d6d6); background-image: linear-gradient(to bottom, #f5f4f4, #d6d6d6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f4f4', endColorstr='#ffd6d6d6', GradientType=0); height: 20px; } .site-footer .row.network-block { border-top: 1px solid #5287a0; border-bottom: 1px solid #02354E; } .site-footer .foot-block { float: left; padding: 0 24px; min-height: 205px; margin: 20px 0; position: relative; } .site-footer .foot-block h5 { color: #f1f1f1; font-size: 19.6px; font-weight: normal; margin: 0 0 20px 0; } .site-footer .foot-block.network { border-left: 1px solid #1b5c7b; } .site-footer .foot-block.network ul { width: 190px; margin-right: 25px; } .site-footer .foot-block.network ul:last-of-type { margin: 0; } .site-footer .foot-block ul { float: left; margin: 0; } .site-footer .foot-block ul li { font-size: 13px; margin-bottom: 6.66666667px; } .site-footer .foot-block ul li:last-of-type { margin-bottom: 0; } .site-footer .foot-block ul a { color: #f1f1f1; } .site-footer .foot-block .social-icons { position: absolute; width: 209px; padding: 10px 15px; bottom: 6px; background-color: #0f4f6f; border: 1px solid #105273; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 1000; } .site-footer .foot-block .social-icons h5 { margin: 0; display: inline; vertical-align: middle; } .site-footer .foot-block .social-icons ul { float: right; } .site-footer .foot-block .social-icons ul li { float: left; margin: 0px 10px 2px 0px; line-height: 25px; } .site-footer .foot-block .social-icons ul li:last-of-type { margin-right: 0; } .site-footer .foot-block .social-icons ul li img { opacity: .9; width: 25px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .site-footer .foot-block .social-icons ul li img:hover { opacity: 1; } .site-footer .copyright { text-align: center; color: #87a6b4; padding: 20px 0; border-top: 1px solid #16516d; } .site-footer .copyright p { font-size: 12px; line-height: 18px; margin: 0; } .site-footer .copyright a { color: #87a6b4; } /* ===== BATTLE OF THE BALLPARKS ============================================ */ .botb { width: 950px; } .botb .main { width: 100%; } .botb .main p { font-size: 19px; line-height: 25px; } .botb .main .botb-header { font-size: 23px; line-height: 29px; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #000000; color: #EA5F0F; margin-bottom: 20px; } .botb .main .botb-header span { color: #000000; } .botb .main .botb-vote-block { padding: 10px 0; } .botb .main .botb-vote-block .botb-img { display: block; float: left; margin: 0 12px; opacity: 0.6; } .botb .main .botb-vote-block .botb-img.botb-active { opacity: 1; } /* ===== 404 ERROR PAGE ===================================================== */ .error { font-size: 17px; line-height: 23px; } .error .main { margin: 0px 0px 35px 0px; width: 100%; } .error .main .error-img { float: left; } .error .main .error-column { float: right; width: 595px; padding-top: 33px; padding-right: 20px; } .error .main .error-column h1 { font-size: 23px; line-height: 29px; font-weight: 500; } .error .main .error-column h3 { background: #0571a5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NzFhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjUwNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url('img/bba_bullet.png') no-repeat 8px 50%, -moz-linear-gradient(top, #0571a5 0%, #025075 100%); background: url('img/bba_bullet.png') no-repeat 8px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0571a5), color-stop(100%, #025075)); background: url('img/bba_bullet.png') no-repeat 8px 50%, -webkit-linear-gradient(top, #0571a5 0%, #025075 100%); background: url('img/bba_bullet.png') no-repeat 8px 50%, -o-linear-gradient(top, #0571a5 0%, #025075 100%); background: url('img/bba_bullet.png') no-repeat 8px 50%, -ms-linear-gradient(top, #0571a5 0%, #025075 100%); background: url('img/bba_bullet.png') no-repeat 8px 50%, linear-gradient(to bottom, #0571a5 0%, #025075 100%); font-weight: 200; color: #ffffff; text-transform: uppercase; font-size: 18.9px; line-height: 1.4; margin: 0; padding-left: 25px; } .error .main .error-column a { text-decoration: underline; } .error .main .error-column p:nth-of-type(2) { margin-bottom: 0; } .error .main .error-column form { margin: 0px 0px 20px 0px; position: relative; } .error .main .error-column form input { padding-right: 33px; width: 380px; font-size: 12px; line-height: 28px; height: 28px; } .error .main .error-column form button { background: none; border-top: none; border-bottom: none; border-right: none; border-left: 1px solid #989c9b; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0px 3px 0px 10px; position: absolute; bottom: 6px; left: 378px; opacity: 0.4; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; font-size: 25px; line-height: 25px; } .error .main .error-column form button:hover { opacity: 1; } .error .main .error-column .side-top-articles a { text-decoration: none; } .error .main .error-column .side-top-articles h1 { font-size: 17px; line-height: 23px; } /* ===== TIPTOP TOOL TIPS =================================================== */ .premium-tooltip:hover { cursor: help; } #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder .tip_top { padding-bottom: 5px; } #tiptip_holder .tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255, 255, 255, 0.35); } #tiptip_holder .tip_top #tiptip_arrow:hover { cursor: help; } #tiptip_holder .tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: #191919; border-top-color: rgba(25, 25, 25, 0.92); } #tiptip_holder .tip_bottom { padding-top: 5px; } #tiptip_holder .tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255, 255, 255, 0.35); } #tiptip_holder .tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: #191919; border-bottom-color: rgba(25, 25, 25, 0.92); } #tiptip_holder .tip_right { padding-left: 5px; } #tiptip_holder .tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255, 255, 255, 0.35); } #tiptip_holder .tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: #191919; border-right-color: rgba(25, 25, 25, 0.92); } #tiptip_holder .tip_left { padding-right: 5px; } #tiptip_holder .tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255, 255, 255, 0.35); } #tiptip_holder .tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: #191919; border-left-color: rgba(25, 25, 25, 0.92); } #tiptip_content { font-size: 12px; line-height: 1.2; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255, 255, 255, 0.25); background-color: #064f74; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0971a5), to(#035075)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #eee; -webkit-box-shadow: 0 0 3px #eee; -moz-box-shadow: 0 0 3px #eee; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio: 0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45, 45, 45, 0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45, 45, 45, 0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20, 20, 20, 0.92); } } /* ===== Unified Content Footer: Magazine Site ============================== */ .pb-site-footer { font-family: sans-serif !important; font-size: 14px; line-height: 20px; } .pb-site-footer .theme-footer { color: #efedee; border-top: 1px solid #5287a0; border-bottom: 1px solid #02354E; background-color: #024869; background-image: -moz-linear-gradient(top, #024e73, #023e5b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#024e73), to(#023e5b)); background-image: -webkit-linear-gradient(top, #024e73, #023e5b); background-image: -o-linear-gradient(top, #024e73, #023e5b); background-image: linear-gradient(to bottom, #024e73, #023e5b); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff024e73', endColorstr='#ff023e5b', GradientType=0); } .pb-site-footer .theme-footer h3 { margin: 0px 0px 20px 0px; text-transform: uppercase; font-size: 18px; font-weight: 200; } .pb-site-footer .theme-footer .footer-sub { float: left; width: 29%; padding: 2%; } .pb-site-footer .theme-footer .footer-sub .footer-sublinks { float: left; width: 50%; } .pb-site-footer .theme-footer .footer-sub .footer-sublinks a { display: block; color: #efedee; font-size: 14px; line-height: 19px; text-transform: uppercase; font-weight: 200; text-decoration: none; margin-bottom: 15px; position: relative; } .pb-site-footer .theme-footer .footer-sub .footer-sublinks a:hover { color: #f1f1f1; } .pb-site-footer .theme-footer .footer-sub .footer-sublinks a:last-of-type { margin-bottom: 0; } .pb-site-footer .theme-footer .footer-sub .footer-sublinks a i { position: absolute; font-size: 15px; line-height: 1; right: 0; top: 12px; } .pb-site-footer .theme-footer .footer-sub img { float: right; width: 50%; } .pb-site-footer .theme-footer .footer-social { float: left; width: 29%; padding: 2%; } .pb-site-footer .theme-footer .footer-social h3 { padding-left: 12px; } .pb-site-footer .theme-footer .footer-social a { display: block; float: left; color: #222222; background: #efedee; font-size: 25px; line-height: 45px; width: 45px; height: 45px; text-align: center; -webkit-border-radius: 999999px; -moz-border-radius: 999999px; border-radius: 999999px; text-decoration: none; margin-left: 12px; margin-right: 12px; margin-bottom: 20px; } .pb-site-footer .theme-footer .footer-social a:hover { background: #f1f1f1; } .pb-site-footer .theme-footer .footer-news { float: right; width: 29%; padding: 2%; } .pb-site-footer .theme-footer .footer-news p { margin-bottom: 15px; } .pb-site-footer .theme-footer .footer-news .btn { width: 90%; } /* ===== Unified Content Footer: Standard Non-Magazine Site ================= */ .site-footer-standard .theme-footer { color: #efedee; background: #222222; } .site-footer-standard .theme-footer h3 { margin: 0px 0px 20px 0px; text-transform: uppercase; font-size: 18px; font-weight: 200; } .site-footer-standard .theme-footer .footer-social { float: left; width: 67%; padding: 20px; } .site-footer-standard .theme-footer .footer-social h3 { padding-left: 0 !important; } .site-footer-standard .theme-footer .footer-social a { display: block; float: left; color: #222222; background: #efedee; font-size: 25px; padding: 10px; width: 45px; height: 45px; text-align: center; -webkit-border-radius: 999999px; -moz-border-radius: 999999px; border-radius: 999999px; text-decoration: none; margin-left: 17px !important; margin-right: 17px !important; margin-bottom: 20px !important; } .site-footer-standard .theme-footer .footer-social a:first-of-type { margin-left: 0; } .site-footer-standard .theme-footer .footer-social a:last-of-type { margin-right: 0; } .site-footer-standard .theme-footer .footer-social a:hover { background: #f1f1f1; } .site-footer-standard .theme-footer .footer-news { float: right; width: 33%; padding: 20px; } .site-footer-standard .theme-footer .footer-news h3 { margin-bottom: 25px; } .site-footer-standard .theme-footer .footer-news p { margin-bottom: 15px; } .site-footer-standard .theme-footer .footer-news .form-group { width: 79%; margin-right: 10px; } /* ===== Unified Content Footer: Network Footer ============================= */ .network-footer { padding-top: 10px; } .network-footer .grind-block { float: left; } .network-footer .grind-block a { color: #333333; display: block; float: left; line-height: 60px; font-size: 13px; margin-left: 17px; text-transform: uppercase; text-decoration: none; font-weight: 400; } .network-footer .network-block { float: right; margin-right: 20px; } .network-footer .network-block .network-drop img { float: left; width: 140px; height: 33px; } .network-footer .network-block .network-drop .btn-group { float: right; } .network-footer .network-block .copyright span { padding-left: 8px; font-size: 12px; line-height: 30px; } .network-footer.refresh-footer { background: #F5F4F4; height: 84px; } .network-footer.refresh-footer .grind-block a { display: inline; float: none; line-height: 37px; } .network-footer.refresh-footer .grind-block .copyright { margin-left: 17px; } .network-footer.refresh-footer .network-drop img { width: 149px; height: 64px; margin-right: 17px; } .network-footer.refresh-footer .network-drop .dropup { margin-top: 14px; } /* ===== Unified Content Footer: Responsive Shifts ========================== */ @media (min-width: 768px) and (max-width: 969px) { .site-footer .footer-sub .footer-sublinks { float: left; width: 60% !important; padding-right: 20px; } .site-footer .footer-sub img { float: right; width: 40% !important; margin-top: 15%; } .site-footer .footer-news .form-group { width: 70% !important; margin-right: 10px; } .site-footer .grind-block { width: 50%; } .site-footer .grind-block a { line-height: 25px; } .refresh-footer { height: auto; } .refresh-footer .grind-block a { display: inline; float: left !important; line-height: 37px; } .refresh-footer .grind-block .copyright { margin-left: 17px; margin-bottom: 17px; } .refresh-footer .network-drop img { width: 149px; height: 64px; margin-right: 17px; } .refresh-footer .network-drop .dropup { margin-top: 14px; } } @media (max-width: 767px) { .footer-sub { width: 100% !important; border-bottom: 1px solid #4d4d4d; } .footer-sub .footer-sublinks a { margin-bottom: 20px !important; } .footer-sub img { max-width: 175px; } .footer-social { width: 100% !important; border-bottom: 1px solid #4d4d4d; } .footer-social a { margin: 0px 4% 20px 4% !important; } .footer-news { width: 100% !important; border-bottom: 1px solid #4d4d4d; } .footer-news #inputEmail { float: left; width: 90%; margin-right: 20px; } .grind-block { width: 100% !important; text-align: center; } .grind-block a:nth-of-type(1), .grind-block a:nth-of-type(2), .grind-block a:nth-of-type(3), .grind-block a:nth-of-type(4) { display: none; } .grind-block a:nth-of-type(5) { float: left !important; margin: 0px 0px 0px 15% !important; } .grind-block a:nth-of-type(6) { float: right !important; margin: 0px 15% 0px 0px !important; } .network-footer { position: relative; padding-top: 75px; } .network-footer .network-block { width: 100% !important; margin: 0 !important; } .network-footer .network-block img { width: 230px !important; height: 55px !important; position: absolute; top: 0; left: 50%; margin-left: -115px; margin-top: 10px; } .network-footer .network-block .network-drop { text-align: center; margin-bottom: 20px; } .network-footer .network-block .network-drop .btn-group { float: none !important; } .network-footer .network-block .network-drop .btn-group .dropdown-menu { text-align: left !important; } .network-footer .network-block .copyright { text-align: center; } .network-footer.refresh-footer { padding-top: 91px; height: auto; } .network-footer.refresh-footer .grind-block .copyright { margin-top: 10px; margin-left: 0px; } .network-footer.refresh-footer .network-drop img { width: 149px !important; height: 64px !important; margin-top: 17px; margin-right: 0; margin-left: -75px; } .network-footer.refresh-footer .network-drop .dropup { margin-top: 14px; } } /* ===== 30 DAYS OF GIVEAWAYS =============================================== */ .giveaways.fold { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .giveaways *, .giveaways *:before, .giveaways *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .giveaways .main { float: none; width: 100%; margin: 0; } .giveaways h1 { margin-top: 10px; margin-bottom: 15px; } .giveaways .giveaways-block .feature-img { display: block; float: left; width: 20%; padding: 5px; margin-right: 3%; text-align: center; } .giveaways .giveaways-block .feature-img img { margin: 5px auto; max-width: 100%; } .giveaways .giveaways-block .content-block { float: left; display: block; width: 77%; } .giveaways .giveaways-block .content-block h4 { text-transform: uppercase; font-size: 14px; padding-bottom: 5px; border-bottom: 1px solid #000000; margin-bottom: 15px; } .giveaways .giveaways-block .calendar-header { display: block; width: 100%; text-align: right; text-transform: uppercase; clear: both; margin: 5px 0 10px; } .giveaways .giveaways-block .three-oh-giveaway .calendar-list { counter-reset: giveaway-counter; margin: 0; padding: 0; list-style: none; } .giveaways .giveaways-block .three-oh-giveaway .calendar-list li { list-style-type: none; position: relative; display: block; float: left; width: calc( 20% - 4px); width: 186px\9; height: auto; height: 186px\9; margin-right: 5px; margin-bottom: 5px; overflow: hidden; } .giveaways .giveaways-block .three-oh-giveaway .calendar-list li:nth-of-type(5n) { margin-right: 0; } .giveaways .giveaways-block .three-oh-giveaway .calendar-list li > a { z-index: 1; text-decoration: none; /*&:before { content: counter(giveaway-counter, decimal-leading-zero); counter-increment: giveaway-counter; position: absolute; top: 0; right: 0; font-size: 13px; //font-weight: bold; color: @white; background-color: @yellow; background-color: rgba(235,195,0, .9); padding: 3px 5px; z-index: 3; }*/ } .giveaways .giveaways-block .three-oh-giveaway .calendar-list li > a .calendar-day { position: absolute; top: 0; right: 0; font-size: 13px; color: #ffffff; background-color: #f4d700; background-color: rgba(235, 195, 0, 0.9); padding: 3px 5px; z-index: 3; } .giveaways .giveaways-block .three-oh-giveaway .calendar-list li > a img { max-width: 100%; max-width: 186px\9; opacity: .1 !important; z-index: 2; } .giveaways .giveaways-block .three-oh-giveaway .calendar-list li.current-day { /*border-top: 10px solid rgb(236,142,0); border-bottom: 10px solid rgb(236,142,0); border-left: 10px solid transparent; border-right: 10px solid transparent;*/ border: 5px solid #ebc300; } .giveaways .giveaways-block .three-oh-giveaway .calendar-list li.current-day img { opacity: 1 !important; } .giveaways .giveaways-block .three-oh-giveaway .calendar-list li.past { background-color: rgba(0, 0, 0, 0.15); } .giveaways .giveaways-block .three-oh-giveaway .calendar-list li.past img { opacity: .2 !important; } /* ===== APPS PAGE TEMPLATE ================================================= */ .page-apps .main { background-color: #ffffff; width: 970px; margin: 0px; } .page-apps .main .apps-header { padding: 20px; margin-bottom: 20px; background: #000000 url('img/apps_header.png') no-repeat center bottom; min-height: 341px; } .page-apps .main .apps-header:before, .page-apps .main .apps-header:after { content: " "; /* 1 */ display: table; /* 2 */ } .page-apps .main .apps-header:after { clear: both; } .page-apps .main .apps-header h1 { text-align: center; color: #ffffff; margin-bottom: 10px; } .page-apps .main .apps-header p { text-align: center; color: #f1f1f1; } .page-apps .main .app-block { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1; } .page-apps .main .app-block:before, .page-apps .main .app-block:after { content: " "; /* 1 */ display: table; /* 2 */ } .page-apps .main .app-block:after { clear: both; } .page-apps .main .app-block:last-of-type { border-bottom: 0; margin-bottom: 0; } .page-apps .main .app-block .app-img { float: left; width: 347px; margin-right: 10px; } .page-apps .main .app-block .app-img img { width: 100%; } .page-apps .main .app-block .app-data { float: left; width: 607px; } .page-apps .main .app-block .app-data .app-logo { margin-bottom: 10px; } .page-apps .main .app-block .app-data .app-links p { font-weight: bold; } .page-apps .main .app-block .app-data .app-links a { float: left; display: block; } .page-apps .main .app-block .app-data .app-links .app-sub-btn { color: #f1f1f1; background: #044f74; padding: 10px 40px; text-transform: uppercase; text-decoration: none; } .page-apps .main .app-block .app-data .app-links .app-sub-btn:before, .page-apps .main .app-block .app-data .app-links .app-sub-btn:after { content: " "; /* 1 */ display: table; /* 2 */ } .page-apps .main .app-block .app-data .app-links .app-sub-btn:after { clear: both; } .page-apps .main .app-block .app-data .app-links .app-sub-btn:hover { color: #ffffff; } /* ===== PRINT STYLES ====================================== */ @media print { a[href]:after { content: none !important; } } /* ===== IMPORT RESPONSIVE BREAKPOINTS ====================================== */ /* Must be imported after styles to override when necessary. */ @media (max-width: 767px) { /* Body / Layout Reset ----------------------------- */ .container { width: 100% !important; padding-top: 0 !important; } .main { width: 100%; margin-right: 0 !important; } .sidebar { width: 100%; } .home-store { display: none; } /* Advertising ----------------------------- */ .billboard { display: none; } .lrec, .drec { width: 300px; margin: 0px auto 20px auto; } #InstagramAdUnit { width: 100%; } #InstagramAdUnit #InstagramAdImg { float: left; display: block; width: 100%; height: auto; } #InstagramAdUnit #InstagramAdImg img { width: 100%; height: auto; } #InstagramAdUnit #InstagramAdPics { display: none; } /* Body / Layout Reset ----------------------------- */ .fold { position: relative; } .fold .fixed { position: absolute; bottom: 617px; left: 59px; } .fold .fixed .dc_ad { margin: 0; } /* Header / Navigation ----------------------------- */ .header { z-index: 1; margin-bottom: 0; min-width: 100%; position: relative; height: inherit; background-color: #044f74; border-bottom: none !important; color: #c9c5c4; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .header .header-inner { display: none; visibility: hidden; } .header .responsive-nav { display: block; visibility: visible; } .header .responsive-nav .hide { display: none; } .header .responsive-nav .logo-box { position: relative; padding: 1% 3% 1% 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header .responsive-nav .logo-box img { max-width: 55%; margin-top: 2%; } .header .responsive-nav .logo-box .menu-btns { position: relative; right: -7px; margin-top: 6px; padding: 6px 8px 14px 0; float: right; } .header .responsive-nav .logo-box .menu-btns.menu-btn-bg { background: #222222; } .header .responsive-nav .logo-box .menu-btns .btn { background: #989c9b; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; border: 1px solid #000000; text-transform: uppercase; padding: 4px 10px; margin-left: 10px; font-size: 12px; line-height: 18px; height: 18px; } .header .responsive-nav .logo-box .menu-btns .btn:first-of-type { margin-left: 0; } .header .responsive-nav .responsive-menu { border-top: 1px solid #989c9b; background: #f1f1f1; padding: 2% 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header .responsive-nav .responsive-menu ul { margin: 0; } .header .responsive-nav .responsive-menu ul li { font-size: 18px; line-height: 34px; font-weight: 200; } .header .responsive-nav .responsive-menu ul li.responsive-nav-item_home { display: none; visibility: hidden; } .header .responsive-nav .responsive-menu ul li ul { margin-left: 5%; } .header .responsive-nav .responsive-menu ul li a { display: block; color: #333333; padding-left: 3%; } .header .responsive-nav .responsive-menu ul li a:hover { text-decoration: none; } .header .responsive-nav .responsive-menu ul li a:active { background: #c9c5c4; color: #333333; text-decoration: none; } .header .responsive-nav .responsive-menu ul li.active a { font-weight: 400; background: #e4e4e4; color: #333333; } .header .responsive-nav .responsive-search { background: #c9c5c4; padding: 2% 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header .responsive-nav .responsive-search form { margin: 0 auto; } .header .responsive-nav .responsive-search form .search-query { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; float: left; width: 90%; border: 1px solid #000000; height: 26px; font-size: 12px; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header .responsive-nav .responsive-search form .btn { background: #989c9b; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; float: left; width: 10%; border: 1px solid #000000; border-left: none; font-size: 10px; line-height: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Filmstrip Mantle ----------------------------- */ .filmstrip .mantle-current .mantle-current-img { width: 100% !important; min-height: inherit !important; } .filmstrip .mantle-current .mantle-current-img img { width: 100% !important; min-height: inherit !important; } .filmstrip .mantle-current .mantle-content { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .filmstrip .mantle-current .mantle-content > p { display: none; } .filmstrip .mantle-thumbs .thumb { width: 20% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .filmstrip .mantle-thumbs .thumb .thumb-img-wrap img { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .filmstrip .mantle-thumbs .thumb .arrow-down { left: 40%; } /* Store Homepage Component ----------------------------- */ .home-store { margin-top: 170px; width: 728px; } .home-store .product-samples { width: 545px; } .home-store .product-samples .product-sample { float: left; width: 170px; margin-right: 12px; margin-bottom: 12px; text-align: center; } .home-store .product-samples .product-sample:nth-of-type(3n) { margin-right: 0; } /* Store Homepage Component ----------------------------- */ .network { width: 430px; } .network ul { margin-bottom: 20px !important; } /* Viewpoint Section ----------------------------- */ .podcast-call { display: none; visibility: hidden; } .viewpoint-list .selector-tile { width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .viewpoint-list .selector-tile img { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .viewpoint-list .article-img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; margin: 0px 0px 20px 0px !important; } .viewpoint-list .article-img img { width: 100% !important; } /* Article List ----------------------------- */ .article-list article .article-img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; margin: 0px 0px 20px 0px !important; } .article-list article .article-img img { width: 100% !important; } /* Majors ----------------------------- */ .majors-logos a { float: none !important; display: inline-block !important; } .majors-logos a:nth-of-type(15), .majors-logos a:nth-of-type(30) { margin: 0px 10px 10px 0px; } /* Full Article ----------------------------- */ .sharing { min-height: 26px; margin: 10px 0px 7px 0px; } .sharing .addthis_pill_style { float: left !important; } .article-content iframe, .article-content embed, .article-content object { max-width: 100% !important; } .article-content .wp-caption, .article-content img { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .article-content table { width: 100% !important; } /* Sidebar Stats Search ----------------------------- */ .stats-search form input { width: 100%; height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Sidebar Subscribe ----------------------------- */ .side-sub img { float: left; } .side-sub .side-sub-callout { float: right; } /* Ask BA ----------------------------- */ .ask-ba { width: 300px; margin: 0px auto 20px auto; } /* Follow Module ----------------------------- */ .follow { width: 300px; margin: 0px auto 20px auto; } /* Traps Toons ----------------------------- */ .side-toon .current-toon { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; } .side-toon .current-toon img { width: 100% !important; height: inherit; } .side-toon .past-toons a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 30% !important; } .side-toon .past-toons a img { width: 100% !important; height: inherit; } /* Footer ----------------------------- */ .foot-block { position: inherit !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: inherit !important; } .foot-block ul { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0 !important; width: 100% !important; } .social-icons { display: none; } /* InstaGrind Mantle ----------------------------- */ #InstaGrind { display: none; visibility: hidden; } /* ===== BATTLE OF THE BALLPARKS ============================================ */ .botb { width: 96% !important; padding: 2% !important; } .botb .botb-img { margin: 0 2% !important; width: 96%; height: auto; margin-bottom: 20px; } .botb .botb-img img { width: 100%; height: auto; } /* ===== APPS PAGE ========================================================== */ .page-apps .main { width: 96% !important; margin-left: 2% !important; margin-right: 2% !important; } .page-apps .main .apps-header { min-height: 460px !important; } .page-apps .main .apps-container .app-block .app-img { width: 40% !important; } .page-apps .main .apps-container .app-block .app-data { width: 55% !important; } .page-apps .main .apps-container .app-block .app-data .app-logo img { max-width: 100% !important; } } @media (min-width: 768px) and (max-width: 969px) { /* Body / Layout Reset ----------------------------- */ .container { width: 768px; } .main { width: 438px; margin-right: 10px; } .main .fixed { display: none; } /* Body / Layout Reset ----------------------------- */ .fold { float: left; position: relative; } .fold .fixed { position: absolute; bottom: 617px; left: 59px; } .fold .fixed .dc_ad { margin: 0; } /* Advertising ----------------------------- */ .billboard { width: 100%; } #InstagramAdUnit { width: 768px; } #InstagramAdUnit #InstagramAdImg { float: left; display: block; width: 272px; height: 197px; } #InstagramAdUnit #InstagramAdImg img { width: 100%; height: auto; } #InstagramAdUnit #InstagramAdPics { width: 495px; display: block; float: left; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } #InstagramAdUnit #InstagramAdPics .instagram-img-pop { display: block; width: 97px; height: 97px; float: left; border: none; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; } #InstagramAdUnit #InstagramAdPics .instagram-img-pop img { width: 100%; height: auto; } /* Header / Navigation ----------------------------- */ /* Header / Navigation ----------------------------- */ .header { width: 100%; margin-bottom: 0; } .header .header-inner .header-logo { height: 60px; } .header .header-inner .header-logo .logo-desktop { display: none; visibility: hidden; } .header .header-inner .header-logo .logo-tablet { display: block; visibility: visible; width: 192px; margin-left: 4px; margin-top: 8px; } .header .header-inner .nav { width: 100%; } .header .header-inner .nav li { float: inherit; } .header .header-inner .nav li a { margin: 6px 1px 7px 1px; padding: 4px 3px 5px 4px; font-size: 12px; } .header .header-inner .nav li:nth-of-type(10) { display: none; } .header .header-inner .header-search { width: 548px; margin-top: 18px; } .header .header-inner .nav-border { display: none; } /* Filmstrip Mantle ----------------------------- */ .filmstrip .mantle-current .mantle-current-img { width: 438px; min-height: 246px; } .filmstrip .mantle-current .mantle-current-img img { width: 438px; min-height: 246px; } .filmstrip .mantle-current .mantle-content { width: 418px; } .filmstrip .mantle-thumbs .thumb .thumb-img-wrap img { width: 85px; } .filmstrip .mantle-thumbs .thumb:last-of-type .thumb-img-wrap img { width: 88px; height: 48px; } .filmstrip .mantle-thumbs .thumb .arrow-down { left: 34px; } .article-list .article-img { width: 100%; margin: 0px 0px 10px 0px !important; } /* Viewpoint Section ----------------------------- */ .podcast-call { display: none; visibility: hidden; } /* Store Homepage Component ----------------------------- */ .home-store { margin-top: 170px; width: 728px; } .home-store .product-samples { width: 545px; } .home-store .product-samples .product-sample { float: left; width: 170px; margin-right: 12px; margin-bottom: 12px; text-align: center; } .home-store .product-samples .product-sample:nth-of-type(3n) { margin-right: 0; } /* Store Homepage Component ----------------------------- */ .network { width: 430px; } .network ul { margin-bottom: 20px !important; } /* Majors ----------------------------- */ .majors-logos a { float: left; margin: 0px 11px 10px 0px; } .majors-logos a:nth-of-type(15), .majors-logos a:nth-of-type(30) { margin: 0px 11px 10px 0px; } .majors-logos a:nth-of-type(10), .majors-logos a:nth-of-type(20), .majors-logos a:nth-of-type(30) { margin-right: 0px; } /* Full Article ----------------------------- */ .sharing { min-height: 26px; margin: 10px 0px 7px 0px; } .sharing .addthis_pill_style { float: left !important; } .article-content iframe, .article-content embed, .article-content object, .article-content img { max-width: 420px; } /* InstaGrind Mantle ----------------------------- */ #InstaGrind { display: none; visibility: hidden; } /* ===== BATTLE OF THE BALLPARKS ============================================ */ .botb { width: 748px; } .botb .botb-img { margin: 0 1% !important; width: 31%; height: auto; } .botb .botb-img img { width: 100%; height: auto; } /* ===== APPS PAGE ========================================================== */ .page-apps .main { width: 96% !important; margin-left: 2% !important; margin-right: 2% !important; } .page-apps .main .apps-header { min-height: 350px !important; } .page-apps .main .apps-container .app-block .app-img { width: 25% !important; } .page-apps .main .apps-container .app-block .app-data { width: 70% !important; } } @media (max-width: 1061px) { #un-button { display: none; } } @media (max-width: 969px) { #TakeoverBridge { width: 768px !important; max-height: 111px !important; background-size: 768px !important; } .top-ad { position: relative; width: 768px; z-index: 1100; } .top-ad .banner > a, .top-ad .banner > embed, .top-ad .banner > object, .top-ad .banner > iframe { display: block; background: url('img/banner_bg.png') no-repeat center left; background-size: 768px 110px; width: 728px; height: 90px; padding: 8px 20px 10px; } .nav-border { bottom: 9px !important; } } @media (max-width: 767px) { #PagePeelContainer { display: none; } #TakeoverBridge { width: 100% !important; height: auto !important; } .takeover-bridge-responsive { background: none !important; } .takeover-bridge-responsive img { width: 100% !important; height: auto; } .top-ad { display: none; visibility: hidden; } .fixed { display: none; } } @media (max-width: 299px) { .lrec { display: none; } .srec { display: none; } .sky { display: none; } } /* ===== IMPORT BROWSER DEGRADATION STYLES ================================== */ /* Must be imported after styles to override when necessary. */ .lt-ie10 .navbar-inner { width: 970px; font-size: 12px; } .lt-ie10 .sidebar-module h3 { background: #064f74 url('img/bba_bullet.png') no-repeat 8px 50%; } .lt-ie10 .sidebar-social p { margin-right: 7px; } .lt-ie10 .site-footer { float: left; width: 970px; } .lt-ie10 .pb-site-footer { float: left; width: 970px; } .lt-ie9 .logo-desktop { width: 217px !important; height: 116px !important; margin: 12px 0px 0px 10px; display: block; visibility: visible; max-width: none !important; } .lt-ie9 .thumb-img-wrap img { width: 124px; height: 70px; } .lt-ie9 .product-samples .product-sample { float: left; width: 140px; margin-right: 7px !important; text-align: center; } .lt-ie9 .side-toon img { max-width: none !important; } .lt-ie9 .follow-box-tabs p { background: #044F74; } .lt-ie9 .foot-block .social-icons ul li img { max-width: none !important; } .lt-ie9 .network { border-left: 1px solid #1b5c7b; } .lt-ie9 .network ul { width: 185px !important; margin-right: 20px !important; } .lt-ie9 .network ul:last-of-type { margin: 0; }