/* ---------------------------------------------------------- Music Matters - US Managed by: Blue State Digital TABLE OF CONTENT 01 - HTML5 Boilerplate -- fonts in sass-config 02 - COMMON STYLES 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - SIDEBAR | Also, IE/legacy browser fixes 07 - FRAMEWORK 08 - UTILITY 09 - PRINT COLOR GUIDE (Main Site Colors and their Hex Codes) Dark Brown: #352C2D Brown-Gray: #807D79 Dark Gray: #666 Gray: #CCCCCC Gold: #E99C2C Orange: #FCB144 Blue: #2F5D90 ---------------------------------------------------------- */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; src: local("PT Sans Italic"), local("PTSans-Italic"), url(//themes.googleusercontent.com/static/fonts/ptsans/v4/PIPMHY90P7jtyjpXuZ2cLLO3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); } @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local("PT Sans"), local("PTSans-Regular"), url(//themes.googleusercontent.com/static/fonts/ptsans/v4/7YGmE4Ls5b94ct65u07hVQLUuEpTyoUstqEm5AMlJo4.woff) format("woff"); } @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; src: local("PT Sans Bold"), local("PTSans-Bold"), url(//themes.googleusercontent.com/static/fonts/ptsans/v4/0XxGQsSc1g4rdRdjJKZrNL3hpw3pgy2gAi-Ip7WPMi0.woff) format("woff"); } @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 700; src: local("PT Sans Bold Italic"), local("PTSans-BoldItalic"), url(//themes.googleusercontent.com/static/fonts/ptsans/v4/lILlYDvubYemzYzN7GbLkKRDOzjiPcYnFooOUGCOsRk.woff) format("woff"); } .button-sprite, #home .music-finder .button, #home .music-finder .button:hover, #home .music-finder .button:active { background: url('/page/-/music_matters/image/button-s28d54ab77f.png') no-repeat; } /* 01 =HTML5 Boilerplate ------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } /* end HTML5 Boilerplate reset */ /* HTML5 boilerplate base styles */ html { overflow-y: scroll; } body { font: 16px/1.231 sans-serif; *font-size: small; } select, input, textarea, button { font: 99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } ul, ol { list-style-type: none; } small { font-size: 85%; } b, strong, th { font-weight: bold; } i, em { font-style: italic; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } .ie7 img { -ms-interpolation-mode: bicubic; } label, input[type=button], input[type=submit], button { cursor: pointer; } button, input, select, textarea { margin: 0; } button { width: auto; overflow: visible; } /* end HTML5 boilerplate base styles */ /* BSD base styles */ caption, th { text-align: left; } /* 02 =COMMON STYLES ------------------------- */ html { background: url('/page/-/music_matters/image/bg-slice-html.png') repeat; } body { background: url('/page/-/music_matters/image/dude-on-guitar.png') 0 426px no-repeat, url('/page/-/music_matters/image/singing-girl.png') right 233px no-repeat, url('/page/-/music_matters/image/bg-slice-body.png') repeat-x; font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } select, input, textarea { color: #444; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1, h2, h3 { color: #352c2d; } h1 { font-size: 1.75em; } h2 { font-size: 1.25em; } .button a { text-decoration: none; } .base h1 { padding-left: 1.786em; background: url('/page/-/music_matters/image/double-note.png') no-repeat; line-height: 1.786; } .base p { margin-bottom: 1.25em; margin-left: 5px; color: #4c4b49; line-height: 1.5; } .base img { float: left; margin-right: 15px; border-radius: 3px; } .base ul, .base ol { margin-left: 1.8em; } .base ul li { list-style: disc; } .base ol li { list-style: decimal; } .base hgroup { margin-bottom: 1em; } .base hgroup h2 { padding-left: 2.5em; } nav ul, .base nav ul { margin: 0; padding: 0; } nav ul a, .base nav ul a { text-decoration: none; } nav ul li, .base nav ul li { list-style: none; } a:hover, a:active { outline: none; } a, a:active, a:visited { color: #e99c2c; } a:hover, a:focus { color: #036; } a:link { -webkit-tap-highlight-color: #FF5E99; } figure img { display: block; max-width: 100%; max-height: 100%; } .video figure > a { position: relative; display: block; } .video figure > a span { position: absolute; top: 42%; left: 44%; display: block; padding-left: 3px; width: 52px; height: 55px; border-radius: 100px; background: white; background: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 9px rgba(53, 44, 45, 0.5); color: black; text-align: center; font-size: 28px; line-height: 63px; cursor: pointer; } /* Isotope styles for Find Music */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { z-index: 1; pointer-events: none; } .isotope-hidden { opacity: 0!important; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .full-width #main { padding-right: 30px; } .clickable { cursor: pointer; } .right-arrow { font-size: 10px; } /* 03 =LAYOUT ------------------------- */ #container { position: relative; margin: 0 auto; min-height: 1020px; width: 1020px; } .site-nav li { float: left; } .site-nav li:last-of-type { padding-right: 0; } .site-nav li a { font-weight: normal; } .site-nav li a:hover { color: #fcb144; } #page-header { height: 127px; } #page-header .site-logo { position: relative; bottom: -23px; left: 23px; float: left; } #page-header nav li { float: left; } #page-header nav.top-header-nav { position: absolute; top: 0; right: 0; overflow: hidden; padding: 14px; border-radius: 0 0 5px 5px; background: #303030; } #page-header nav.top-header-nav li { padding-right: 15px; } #page-header nav.top-header-nav li:last-of-type { padding-right: 0; } #page-header nav.site-nav { position: relative; top: 87px; left: 185px; float: left; } #page-header nav.site-nav li { padding-right: 40px; text-transform: uppercase; } #page-header nav.site-nav li:last-of-type { padding-right: 0; } #page-header nav.site-nav li a { color: white; font-size: 1.1875em; } #page-header nav.site-nav li a:hover { color: #fcb144; } #page-header nav.international { background: #9e8751; } #page-header nav.international div { font-size: 10px; color: #fff; float: left; line-height: 10px; } #page-header nav.international img { float: left; padding-right: 5px; } #page-header nav.international .uk { width: 100px; } #page-header nav.international .uk div { width: 50px; } #page-header nav.international .au-nz { width: 155px; } #page-header nav.international .au-nz div { width: 78px; } #main { padding: 30px 0 30px 30px; border-radius: 15px 15px 0 0; background: white; } #main .two-column .col { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; } #page-footer { padding: 25px 38px 30px; border-radius: 0 0 15px 15px; background: black; color: white; font-size: .875em; } #page-footer .copyright p { margin-bottom: 3px; } #page-footer .site-logo { float: left; margin-right: 30px; margin-bottom: 20px; max-width: 63px; } #page-footer nav.site-nav { float: left; margin: 20px 0 5px; width: 90%; } #find-music #page-footer nav.site-nav .find-music a { color: #fcb144; } .about-music #page-footer nav.site-nav .about-music a { color: #fcb144; } #videos #page-footer nav.site-nav .videos a { color: #fcb144; } .about-us #page-footer nav.site-nav .about-us a { color: #fcb144; } #blog #page-footer nav.site-nav .blog a { color: #fcb144; } #page-footer nav.site-nav li { margin-right: 20px; } #page-footer nav.site-nav li a { color: white; } #page-footer nav.site-nav li:last-of-type { margin-right: 0; } /* 04 =HOMEPAGE ------------------------- */ #home .music-finder { margin-bottom: 87px; padding-top: 125px; width: 956px; height: 178px; background: url('/page/-/music_matters/image/music-finder.png') no-repeat; font-size: 1.25em; } #home .music-finder p { margin: 0 auto 28px; padding: 0 10px; width: 645px; color: white; text-align: center; text-shadow: 0 -1px 0 rgba(139, 83, 2, 0.3); font-style: italic; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #home .music-finder .button { background-position: 0 -100px; margin: 0 auto; padding: 13px 0; width: 180px; border-radius: 25px; background-repeat: repeat-x; text-align: center; text-shadow: 0 -1px 0 rgba(3, 6, 9, 0.3); font-weight: 700; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #home .music-finder .button:hover { background-position: 0 -50px; background-repeat: repeat-x; } #home .music-finder .button:active { background-position: 0 0; background-repeat: repeat-x; } #home .music-finder .button a { color: white; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); } #home .col h2 { margin-bottom: 1em; text-transform: uppercase; font-size: 1.25em; } #home .primary h1 { margin-bottom: .625em; color: #352c2d; font-size: 1.5em; } #home .primary p { margin-bottom: .8125em; color: #807d79; font-size: 1.125em; } #home .primary a { color: #fcb144; } #home .primary a:hover { color: #352c2d; } #home .primary a .ss-icon { padding-left: .375em; text-decoration: none; font-size: 12px; display: inline-block; } #home .primary .blog { margin-top: 45px; border-top: 1px solid #dcdcdc; } #home .primary .blog h3 { font-weight: normal; } #home .primary .blog .col { position: relative; min-height: 85px; width: 48%; } #home .primary .blog .col a { position: absolute; top: 3em; display: block; } #home .primary .blog h2 { margin-top: -13px; width: 57px; background-color: white; color: #352c2d; text-transform: uppercase; font-size: 1.25em; } #home .primary .blog .col-1 { margin-right: 10px; padding-top: 5px; } #home .video { padding: 0 30px; } #home .video figure iframe, #home .video figure img { display: block; margin-bottom: 1em; min-height: 243px; } #home .video figure figcaption a { color: black; text-decoration: none; } /* 05 =SUBPAGES ------------------------- */ #pages.two-column .col-1, #blog.two-column .col-1, #find-music.two-column .col-1, #wrapper.two-column .col-1 { float: left; margin-right: 15px; width: 600px; } #pages.two-column .col-2, #blog.two-column .col-2, #find-music.two-column .col-2, #wrapper.two-column .col-2 { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 375px; } #pages .base p:first-of-type { margin-bottom: .7142em; color: #e99c2c; font-size: 1.375em; line-height: 1.272; } #blog .entry { margin-bottom: 1em; } #blog .entry h2 { margin-bottom: .25em; } #blog .entry h2 a { color: #352c2d; text-decoration: none; } #blog .entry h2 a:hover { text-decoration: underline; } #blog .entry footer a { color: #fcb144; text-decoration: none; } #blog .entry footer a:hover { text-decoration: underline; } .four-column li { margin: 0 15px 15px 0; padding: 10px; width: 200px; } .five-column li { width: 160px; padding-right: 15px; float: left; } #find-music #main { padding-right: 30px; } #find-music .base .search { float: right; margin-bottom: 1em; margin-right: 10px; } #find-music .base .search input { border: 2px solid rgba(143, 142, 142, 0.25); border-radius: 20px; font-size: 13px; padding: 5px 10px; } #find-music .base .search span { display: inline-block; line-height: 5px; color: #2f5d90; } #find-music.interior .base figure { width: 330px; height: 120px; } #find-music.interior #main { padding-right: 0; } #find-music .music-finder-nav { margin-bottom: 1em; } #find-music .music-finder-nav.cost, #find-music .music-finder-nav.streaming, #find-music .music-finder-nav.radio { display: none; } #find-music .music-finder-nav ul { float: left; border-radius: 5px; } #find-music .music-finder-nav li { float: left; border-right: 1px solid rgba(3, 3, 3, 0.15); } #find-music .music-finder-nav li:first-of-type a { border-radius: 5px 0 0 5px; } #find-music .music-finder-nav li:last-of-type { border-right: none; } #find-music .music-finder-nav li:last-of-type a { border-radius: 0 5px 5px 0; } #find-music .music-finder-nav li a { display: block; color: black; padding: 5px 15px; background-color: #e6e6e6; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #c8c8c8)); background-image: -webkit-linear-gradient(top, #e6e6e6, #c8c8c8); background-image: -moz-linear-gradient(top, #e6e6e6, #c8c8c8); background-image: -o-linear-gradient(top, #e6e6e6, #c8c8c8); background-image: -ms-linear-gradient(top, #e6e6e6, #c8c8c8); background-image: linear-gradient(top, #e6e6e6, #c8c8c8); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE6E6E6', endColorstr='#FFC8C8C8'); } #find-music .music-finder-nav li a:hover { background-color: #f4ebdb; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4ebdb), color-stop(100%, #ead7b9)); background-image: -webkit-linear-gradient(top, #f4ebdb, #ead7b9); background-image: -moz-linear-gradient(top, #f4ebdb, #ead7b9); background-image: -o-linear-gradient(top, #f4ebdb, #ead7b9); background-image: -ms-linear-gradient(top, #f4ebdb, #ead7b9); background-image: linear-gradient(top, #f4ebdb, #ead7b9); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF4EBDB', endColorstr='#FFEAD7B9'); } #find-music .music-finder-nav li a.active { background-color: #fcb144; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdd08f), color-stop(100%, #fcbb5d)); background-image: -webkit-linear-gradient(top, #fdd08f, #fcbb5d); background-image: -moz-linear-gradient(top, #fdd08f, #fcbb5d); background-image: -o-linear-gradient(top, #fdd08f, #fcbb5d); background-image: -ms-linear-gradient(top, #fdd08f, #fcbb5d); background-image: linear-gradient(top, #fdd08f, #fcbb5d); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDD08F', endColorstr='#FFFCBB5D'); } #find-music .music-finder { padding: 10px; background: url('/page/-/music_matters/image/sidebar-bg.png'); } #find-music .music-finder li { float: left; height: 215px; border-radius: 7px; background-color: #ddd; } #find-music .music-finder li:hover { background: #f2f2f2; } #find-music .music-finder li h2 { line-height: 1.25; } #find-music .music-finder li h2 a { color: #352c2d; } #find-music .music-finder li figure img { float: left; width: 40px; margin-right: .5em; } #find-music .music-finder li figure figcaption { font-size: .875em; line-height: 1.1429; } #find-music .loading { padding: 15px 5px; text-align: center; } #find-music #output_wrapper tbody { border: 1px solid #CCC; } #find-music #output_wrapper .even { background-color: #FFE5C0; } #find-music #output_wrapper .dataTables_filter { padding: 5px 0 5px 10px; margin-right: 5px; } #find-music #output_wrapper .dataTables_filter label { float: right; } #find-music #output_wrapper input { border-radius: 20px; border: 2px solid rgba(143, 142, 142, 0.25); } #find-music #output_wrapper .ui-state-default .ui-icon { position: absolute; top: 5px; right: 0; } #find-music #output_wrapper .dataTables_length { float: left; padding: 10px; } #find-music #output_wrapper .DataTables_sort_wrapper { padding: 5px; position: relative; cursor: pointer; } #find-music #output_wrapper .DataTables_sort_wrapper:hover { color: black; } #find-music #output_wrapper #output_info, #find-music #output_wrapper #output_paginate { padding: 10px; } #find-music #output_wrapper .ui-state-default { padding: 0 2px; } #find-music #output_wrapper #output_info { float: right; } #find-music #output_wrapper #output_paginate { float: left; } #find-music #output_wrapper .dataTables_paginate a { padding: 0 5px; border: none; background: none; cursor: pointer; } #find-music #output_wrapper .dataTables_paginate a:hover { color: black; } #find-music #output_wrapper a { color: #2f5d90; } #find-music #output_wrapper thead th, #find-music #output_wrapper tbody td { padding: 5px 0 5px 10px; } #videos #main { padding-right: 30px; } #videos #centerpeice { background: url('/page/-/music_matters/image/sidebar-bg.png'); padding: 20px 0; margin-bottom: 1em; } #videos #centerpeice iframe { display: block; margin: 0 auto; width: 900px; } #videos .vid-entry-list { background: #e6e6e6; padding: 15px 0 0 15px; border-radius: 10px; } #videos .vid-entry-list li { height: 200px; margin-bottom: 1em; } #videos .vid-entry-list li figure img { float: none; min-height: 82px; } #videos .vid-entry-list li figure figcaption { margin-top: .5em; } #videos .vid-entry-list li figure figcaption a { text-decoration: none; display: block; } #videos .vid-entry-list li figure figcaption h6 { color: #e99c2c; } /* 06 =SIDEBAR ------------------------- */ #page-sidebar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; background: url('/page/-/music_matters/image/sidebar-bg.png'); } #page-sidebar h1 a, #page-sidebar h2 a, #page-sidebar h3 a { color: #352c2d; } #page-sidebar > section { margin-bottom: 1.25em; padding-bottom: 1.666666667em; border-bottom: 1px solid rgba(174, 174, 174, 0.47); } #page-sidebar > section:last-of-type { border-bottom: 0; } #page-sidebar > section h2 { margin-bottom: 1em; } #page-sidebar figure img { display: block; margin-bottom: 13px; border-radius: 3px; } #page-sidebar figure figcaption a { color: #352c2d; text-decoration: none; } #page-sidebar figure figcaption a:hover { color: #fcb144; text-decoration: underline; } #page-sidebar .faq a { text-decoration: none; } #page-sidebar .blog { overflow: hidden; } #page-sidebar .blog .col { float: none; margin-bottom: .625em; width: 335px; } #page-sidebar .blog h3 { margin-bottom: .625em; font-weight: normal; } #page-sidebar .blog a { color: #fcb144; text-transform: uppercase; } #page-sidebar .blog a:hover { color: #352c2d; } #page-sidebar .blog a .ss-icon { padding-left: .375em; text-decoration: none; font-size: 12px; display: inline-block; } #page-sidebar .blog footer { margin-top: 1.25em; } #page-sidebar .blog footer a { color: #352c2d; text-decoration: none; text-transform: none; } #page-sidebar .blog footer a:hover { color: #fcb144; } table#output { width:100%; } /* IE Fixes ------------------------- */ .oldie #home .video { width: 43%; } .oldie .isotope-hidden { opacity: 0!important; display: none; } .oldie #find-music nav .music-finder { min-height: 250px; } .ie7 #page-sidebar { width: 335px!important; } .ie7 #find-music form.search { display: none; } /* 07 =FRAMEWORK ------------------------- */ /* 08 =UTILITY ------------------------- */ .cufon-loading * { visibility: hidden !important; } .floatl { float: left; margin: 0; padding: 0 10px 10px 0; } .floatr { float: right; margin: 0; padding: 0 0 10px 10px; } .required { color: red; } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .clearfix:before, nav:before, .base nav:before, #page-header:before, #main .two-column:before, #page-footer:before, #pages #main:before, #blog #main:before, #find-music #main:before, #wrapper #main:before, #find-music .base .search:before, #find-music.interior .base figure:before, #find-music .music-finder-nav ul:before, #find-music .music-finder:before, #videos .vid-entry-list ul:before, .clearfix:after, nav:after, .base nav:after, #page-header:after, #main .two-column:after, #page-footer:after, #pages #main:after, #blog #main:after, #find-music #main:after, #wrapper #main:after, #find-music .base .search:after, #find-music.interior .base figure:after, #find-music .music-finder-nav ul:after, #find-music .music-finder:after, #videos .vid-entry-list ul:after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after, nav:after, .base nav:after, #page-header:after, #main .two-column:after, #page-footer:after, #pages #main:after, #blog #main:after, #find-music #main:after, #wrapper #main:after, #find-music .base .search:after, #find-music.interior .base figure:after, #find-music .music-finder-nav ul:after, #find-music .music-finder:after, #videos .vid-entry-list ul:after { clear: both; } .clearfix, nav, .base nav, #page-header, #main .two-column, #page-footer, #pages #main, #blog #main, #find-music #main, #wrapper #main, #find-music .base .search, #find-music.interior .base figure, #find-music .music-finder-nav ul, #find-music .music-finder, #videos .vid-entry-list ul { zoom: 1; } .no-bullets, #videos .vid-entry-list ul { margin: 0; padding: 0; } .no-bullets li, #videos .vid-entry-list ul li { list-style: none; } ::-moz-selection { background: #1fb9e7; color: #fff; text-shadow: none; } ::selection { background: #1fb9e7; color: #fff; text-shadow: none; } /* 09 =PRINT ------------------------- */ @media print { * { background: transparent !important; color: #000 !important; text-shadow: none !important; } a, a:visited { color: #000 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } #sidebar, #editToggle, .editThis, #navigation, #addthis, #search, #nav { display: none; } /* hide disqus since it is extraneous content that just increases page size */ #disqus_thread { display: none; } a.dsq-brlink { display: none; } /* float blog entry images to decrease page length */ #main { overflow: hidden; } #main img { float: left; clear: both; /*keeps images from piling up next to each other*/ margin: 0 10px 10px 0; } }