Created
October 23, 2013 06:30
-
-
Save dovy/7113482 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Layout | |
| -------------------------------------------------------------- */ | |
| #page { | |
| margin: 0 auto 0 auto; | |
| width: 100%; | |
| text-align: left; | |
| background: #fff; | |
| } | |
| .page-stripe { | |
| float: left; | |
| clear: both; | |
| width: 100%; | |
| } | |
| .page-fence { | |
| margin: 0 auto 0 auto; | |
| max-width: 1220px; | |
| } | |
| .site-main { | |
| z-index: 2; | |
| position: relative; | |
| float: left; | |
| clear: both; | |
| width: 100%; | |
| background: #fff url('assets/images/background_repeat.jpg') repeat; | |
| .site-main-inside { | |
| position: relative; | |
| padding: 0 430px 0 30px; | |
| } | |
| .content-area, | |
| .primary-area { | |
| webkit-box-shadow: 0px 0px 17px 12px rgba(0, 0, 0, .3); | |
| box-shadow: 0px 0px 17px 10px rgba(0, 0, 0, .3); | |
| float: left; | |
| margin: 35px 0 30px 0; | |
| width: 100%; // 760px | |
| background: #FAFAFA; | |
| border: 1px solid #eaeaea; | |
| .paged-nav { | |
| margin-right: -29px; | |
| margin-left: -29px; | |
| } | |
| .paged-single-nav { | |
| float: right; | |
| margin: -80px 0 0 0; | |
| padding: 0; | |
| width: auto; | |
| } | |
| } | |
| .widget-area, | |
| .secondary-area { | |
| webkit-box-shadow: 0px 0px 17px 12px rgba(0, 0, 0, .25); | |
| box-shadow: 0px 0px 17px 12px rgba(0, 0, 0, .25); | |
| float: right; | |
| margin: 35px -400px 30px 0; | |
| width: 360px; | |
| background: #FAFAFA; | |
| border: 1px solid #eaeaea; | |
| border-width: 1px 1px 1px 1px; | |
| .widget { margin: 0 0 30px 0;} | |
| } | |
| .secondary-area.entry-meta { | |
| margin: 35px -400px 30px 0; | |
| .record-artwork { margin: 0 0 20px 0;} | |
| } | |
| } | |
| /* Alternative Layouts */ | |
| .content-area--wide { width: 100%;} | |
| .no-sidebar .site-main { | |
| .site-main-inside { padding: 0 29px;} | |
| .content-area, | |
| .primary-area { | |
| float: none; | |
| margin-right: auto; | |
| margin-left: auto; | |
| max-width: 760px; | |
| } | |
| .widget-area, | |
| .secondary-area { display: none;} | |
| } | |
| .sidebar-content .site-main { | |
| .content-area, | |
| .primary-area { margin-left: 400px;} | |
| .widget-area, | |
| .secondary-area { | |
| float: left; | |
| margin-left: -1160px; | |
| } | |
| } | |
| @media only screen and (max-width: 1200px) { | |
| .site-main { | |
| .content-area, | |
| .primary-area { | |
| padding-left: 30px; | |
| border-left-width: 0; | |
| } | |
| .widget-area, | |
| .secondary-area, | |
| .secondary-area.entry-meta { | |
| border-right-width: 0; | |
| } | |
| } | |
| .no-sidebar .site-main { | |
| .site-main-inside { padding: 0;} | |
| .content-area, | |
| .primary-area { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| border-width: 0; | |
| } | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .site-main { | |
| .site-main-inside { padding: 0 330px 0 0;} | |
| .content-area, | |
| .primary-area { | |
| padding: 30px 40px 30px 30px; | |
| width: 100%; | |
| border-width: 0; | |
| .paged-nav { | |
| margin-right: 0; | |
| margin-left: 0; | |
| padding: 19px 29px; | |
| background: #f5f5f5; | |
| border: 1px solid #eaeaea; | |
| .box-shadow(inset 0 1px #fff); | |
| } | |
| .paged-single-nav { | |
| float: right; | |
| margin: -65px 0 0 0; | |
| padding: 0; | |
| width: auto; | |
| background: transparent; | |
| border-width: 0; | |
| .box-shadow(0 0); | |
| } | |
| } | |
| .widget-area, | |
| .secondary-area, | |
| .secondary-area.entry-meta { | |
| box-shadow: none; | |
| -webkit-box-shadow: none; | |
| margin-right: -330px; | |
| width: 330px; | |
| border-width: 0; | |
| } | |
| } | |
| } | |
| @media only screen and (max-width: 900px) { | |
| .site-main { | |
| .site-main-inside { padding: 0 270px 0 0;} | |
| .widget-area, | |
| .secondary-area, | |
| .secondary-area.entry-meta { | |
| margin-right: -270px; | |
| width: 270px; | |
| } | |
| } | |
| } | |
| @media only screen and (max-width: 840px) { | |
| .site-main { | |
| .content-area, | |
| .primary-area { | |
| .paged-single-nav { display: none;} | |
| } | |
| } | |
| } | |
| @media only screen and (max-width: 760px) { | |
| .site-main { | |
| .site-main-inside { padding: 0;} | |
| .content-area, | |
| .primary-area { | |
| margin: 0; | |
| padding: 30px; | |
| width: 100%; | |
| border-width: 0; | |
| .paged-nav { | |
| margin-right: -30px; | |
| margin-left: -30px; | |
| padding: 19px 30px; | |
| border-width: 1px 0; | |
| } | |
| } | |
| .widget-area, | |
| .secondary-area, | |
| .secondary-area.entry-meta { | |
| float: left; | |
| margin: 0; | |
| width: 100%; | |
| border-width: 0; | |
| .secondary-inner { | |
| margin-top: 0; | |
| } | |
| } | |
| } | |
| } | |
| /* Content Layout | |
| -------------------------------------------------------------- */ | |
| .hentry { | |
| .entry-footer { | |
| position: absolute; | |
| bottom: -41px; | |
| left: 0; | |
| padding: 0 29px; | |
| width: 100%; | |
| height: 45px; | |
| } | |
| .hero { margin: -26px -30px 26px -30px;} | |
| } | |
| .post { | |
| margin: -4px -29px 75px -29px; | |
| padding: 0 29px 29px 29px; | |
| width: auto; | |
| } | |
| .page { | |
| .hentry.comments-open, | |
| .hentry.has-comments { margin-bottom: 60px;} | |
| } | |
| .post-type-archive-audiotheme_gig .site-main, .single-audiotheme_gig .site-main { | |
| .content-area-inner { | |
| padding: 0; | |
| } | |
| } | |
| .single-audiotheme_gig .site-main { | |
| .gig-card:hover, .gig-card.is-featured { | |
| -webkit-box-shadow:none; | |
| box-shadow:none; | |
| } | |
| } | |
| .post-type-archive-audiotheme_record .site-main, | |
| .post-type-archive-audiotheme_video .site-main { | |
| .site-main-inside { padding: 0 29px;} | |
| .content-area { | |
| width: 100%; | |
| .media-grid { } | |
| .pagination { | |
| margin-top: 29px; | |
| margin-right: -9px; | |
| margin-left: -9px; | |
| } | |
| } | |
| } | |
| .single { | |
| .post { | |
| margin: -4px -29px 75px -29px; | |
| width: auto; | |
| } | |
| } | |
| .single-audiotheme_record, | |
| .single-audiotheme_track { | |
| .primary-area { | |
| background: transparent; | |
| border: 0; | |
| webkit-box-shadow: none; | |
| box-shadow: none; | |
| float: right; | |
| } | |
| .hentry { | |
| margin: 0; | |
| padding: 0; | |
| width: 100%; | |
| .entry-header { | |
| margin: 0 -29px 40px -29px; | |
| padding: 8px 29px; | |
| } | |
| } | |
| } | |
| .single-audiotheme_video { | |
| .hentry { | |
| margin: -4px -29px 75px -29px; | |
| padding: 0 29px 29px 29px; | |
| width: auto; | |
| } | |
| } | |
| .search-results { | |
| .hentry { | |
| margin: 0 0 29px 0; | |
| padding: 0 0 29px 0; | |
| width: auto; | |
| } | |
| .pagination { margin-top: -30px;} | |
| } | |
| .audiotheme_gig .site-main { | |
| .primary-area { | |
| padding-top: 0; | |
| .gig-card { | |
| clear: both; | |
| } | |
| .gig-list-year { margin-left: -29px;} | |
| } | |
| } | |
| @media only screen and (max-width: 1220px) { | |
| .post-type-archive-audiotheme_record .site-main, | |
| .post-type-archive-audiotheme_video .site-main { | |
| .site-main-inside { padding: 0;} | |
| } | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .hentry { | |
| .entry-footer { padding: 0;} | |
| .hero { margin: 0 0 36px 0;} | |
| } | |
| .post { | |
| margin: -4px 0 75px 0; | |
| padding: 0 0 29px 0; | |
| width: auto; | |
| border-bottom: 1px solid #eaeaea; | |
| } | |
| .single { | |
| .post { margin: 0 0 60px 0;} | |
| } | |
| body.single-audiotheme_record, | |
| body.single-audiotheme_track { | |
| .hentry { | |
| .entry-header { | |
| margin: 0; | |
| padding: 0; | |
| background: transparent; | |
| border-width: 0; | |
| } | |
| } | |
| } | |
| .single-audiotheme_video { | |
| .hentry { | |
| margin: 0 0 60px 0; | |
| padding: 0; | |
| } | |
| } | |
| .post-type-archive-audiotheme_gig .site-main, | |
| .single-audiotheme_gig .site-main { | |
| .site-main-inside { padding-right: 370px;} | |
| .content-area, | |
| .primary-area { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| padding: 0 30px; | |
| border-width: 1px 1px 1px 0; | |
| .gig-card { | |
| margin-right: -25px; | |
| margin-left: -25px; | |
| } | |
| .gig-list-year { margin-left: -30px;} | |
| } | |
| .widget-area, | |
| .secondary-area { margin: 0 -370px 0 0;} | |
| } | |
| } | |
| @media only screen and (max-width: 900px) { | |
| .post-type-archive-audiotheme_gig .site-main, | |
| .single-audiotheme_gig .site-main { | |
| .site-main-inside { padding-right: 310px;} | |
| .widget-area, | |
| .secondary-area { margin: 0 -310px 0 0;} | |
| } | |
| } | |
| @media only screen and (max-width: 760px) { | |
| .post-type-archive-audiotheme_gig .site-main, | |
| .single-audiotheme_gig .site-main { | |
| .site-main-inside { padding-right: 0;} | |
| .content-area, | |
| .primary-area { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| border-width: 1px 1px 1px 0; | |
| } | |
| .widget-area, | |
| .secondary-area { margin: 0;} | |
| } | |
| } | |
| /* Header */ | |
| .site-header { | |
| z-index: 10; | |
| position: relative; | |
| width: 100%; | |
| background: #202324 url('assets/images/header_bg.jpg') repeat-x; | |
| border-top: 1px solid #37393a; | |
| .site-branding-holder { position: relative;} | |
| .site-branding { padding: 13px 0;} | |
| } | |
| .home .site-header { margin-bottom: 0;} | |
| /* Site Title */ | |
| .site-title { | |
| float: left; | |
| margin: 0; | |
| color: #fff; | |
| font-size: 50px; | |
| font-size: 5.0rem; | |
| font-family: "garamond-premier-pro-display",serif; | |
| font-style: italic; | |
| font-weight: 500; | |
| a { | |
| display: block; | |
| padding: 0 15px; | |
| color: #111; | |
| line-height: 45px; | |
| text-decoration: none; | |
| } | |
| strong { font-weight: 700;} | |
| &.has-image a { | |
| padding: 0; | |
| border-width: 0; | |
| } | |
| } | |
| /* Site Description */ | |
| .site-description { | |
| margin: 0; | |
| display: none; | |
| } | |
| .menu-bar-bg { | |
| background: transparent url('assets/images/menu_bar.png') 0 100% repeat-x; | |
| height:100%; | |
| position:relative; | |
| } | |
| /* Main Navigation */ | |
| .site-navigation-holder { | |
| .page-fence { position: relative;} | |
| .site-navigation-meta { | |
| float: right; | |
| height: 20px; | |
| } | |
| .group-drop-panel { | |
| position: absolute; | |
| right: 0; | |
| top: 38px; | |
| } | |
| .group-drop-trigger { | |
| float: left; | |
| margin: 0; | |
| width: 68px; | |
| height: 20px; | |
| color: #bbb; | |
| font-size: 24px; | |
| line-height: 40px; | |
| text-align: center; | |
| span { display: none;} | |
| } | |
| } | |
| .site-navigation { | |
| font-family: "garamond-premier-pro-display",serif; | |
| font-style: italic; | |
| font-weight: 700; | |
| font-size: 20px; | |
| font-size: 2rem; | |
| .diamond { | |
| width: 0; | |
| height: 0; | |
| float: left; | |
| border: 4px solid transparent; | |
| border-bottom-color: #bcad9f; | |
| position: absolute; | |
| top: 16px; | |
| right: -18px; | |
| &:after { | |
| content: ''; | |
| position: absolute; | |
| left: -4px; | |
| top: 4px; | |
| width: 0; | |
| height: 0; | |
| border: 4px solid transparent; | |
| border-top-color: #bcad9f; | |
| } | |
| } | |
| .menu { | |
| float: left; | |
| height: 20px; | |
| > ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| } | |
| .menu-item, | |
| .page_item { | |
| &:last-child .diamond { display: none; } | |
| float: left; | |
| margin: 0 30px 0 0; | |
| padding: 0; | |
| letter-spacing: 1px; | |
| text-transform: lowercase; | |
| a { | |
| color: #fff; | |
| line-height: 45px; | |
| text-transform: lowercase; | |
| } | |
| a:hover, | |
| a.is-active { | |
| color: #ffde00; | |
| text-decoration: none; | |
| } | |
| &.current-menu-ancestor > a, | |
| &.current-menu-item > a, | |
| &.current-menu-parent > a { | |
| color: #ffde00; | |
| text-decoration: none; | |
| } | |
| } | |
| .menu > .menu-item, | |
| .menu > ul > .page_item { | |
| &.current-menu-ancestor > a:before, | |
| &.current-menu-item > a:before, | |
| &.current-menu-parent > a:before { | |
| content: ""; | |
| position: absolute; | |
| bottom: -20px; left: 0; | |
| width: 100%; | |
| height: 27px; | |
| background: url('assets/images/drop_down.png') no-repeat top center; | |
| } | |
| } | |
| .sub-menu > ul:after { | |
| content: ""; | |
| position: absolute; | |
| bottom: -20px; left: 0; | |
| width: 100%; | |
| height: 27px; | |
| background: url('assets/images/drop_down.png') no-repeat top center; | |
| } | |
| .sub-menu, | |
| .children { | |
| z-index: 2; | |
| width: 128px; | |
| top: 36px; | |
| padding: 9px 0; | |
| padding-bottom: 40px; | |
| background: #fff; | |
| background: transparent url(assets/images/paper_drop_down.png) bottom center repeat-y; | |
| .diamond { | |
| display: none; | |
| } | |
| .menu-item, | |
| .page_item { | |
| float: none; | |
| clear: both; | |
| margin: 0; | |
| padding: 0; | |
| letter-spacing: 0; | |
| text-transform: none; | |
| a { | |
| padding: 3px 16px; | |
| color: #fff; | |
| line-height: 1.315; | |
| text-shadow: 0px 0px 6px #000; | |
| &:hover, | |
| &.is-active { | |
| color: #ffde00; | |
| text-shadow: 0px 0px 6px #000; | |
| } | |
| } | |
| &.has-sub-menu > a:after { | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| top: 50%; | |
| right: 16px; | |
| margin-top: -5px; | |
| width: 0; | |
| height: 0; | |
| border-style: solid; | |
| border-width: 5px 0 5px 5px; | |
| border-color: transparent transparent transparent #4c4c4c; | |
| } | |
| } | |
| .sub-menu, | |
| .children { | |
| top: -10px; | |
| left: 243px; | |
| padding: 9px 0; | |
| background: #d9d9d9; | |
| .menu-item, | |
| .page_item { | |
| background: #d9d9d9; | |
| } | |
| } | |
| } | |
| .nav-toggle-trigger { | |
| display: none; | |
| float: left; | |
| position: absolute; | |
| top: 6px; | |
| margin: 0 30px 0 0; | |
| width: 68px; | |
| height: 20px; | |
| color: #bbb; | |
| font-size: 24px; | |
| line-height: 42px; | |
| text-align: center; | |
| } | |
| } | |
| @media only screen and (max-width: 1300px) { | |
| .site-branding-holder { margin-left: 30px;} | |
| .site-title { margin-right: 30px;} | |
| .site-navigation-holder .page-fence { margin-left: 30px;} | |
| } | |
| @media only screen and (max-width: 1240px) { | |
| .site-navigation-holder .page-fence { margin-left: 0;} | |
| .site-navigation { margin-left: 30px;} | |
| } | |
| @media only screen and (max-width: 1265px) { | |
| .site-navigation-holder { | |
| .group-drop-trigger { | |
| border-right-width: 0; | |
| } | |
| } | |
| } | |
| @media only screen and (max-width: 1000px) { | |
| .site-header .site-branding { | |
| padding: 13px 0 13px 0; | |
| } | |
| } | |
| @media only screen and (max-width: 768px) { | |
| .site-navigation-holder .page-fence { margin-left: 0;} | |
| .site-navigation { | |
| margin-left: 0; | |
| .menu { | |
| position: absolute; | |
| top: 38px; | |
| left: 0; | |
| width: 100%; | |
| height: auto; | |
| background: #17191a; | |
| .menu-item { | |
| display: block; | |
| float: none; | |
| margin: 0; | |
| border-bottom: 1px solid #37393a; | |
| text-transform: lowercase; | |
| a { | |
| padding: 5px 20px; | |
| line-height: 1.625; | |
| text-transform: lowercase; | |
| &:before { display: none;} | |
| } | |
| .sub-menu, | |
| .children { | |
| z-index: 2; | |
| width: 100%; | |
| top: inherit; | |
| display: block; | |
| padding: 5px 20px; | |
| line-height: 1.625; | |
| background: #17191a; | |
| .diamond { | |
| display: none; | |
| } | |
| } | |
| } | |
| } | |
| &.is-closed ul.menu-main { display: none;} | |
| .nav-toggle-trigger { | |
| display: block; | |
| text-decoration: none; | |
| &:hover { | |
| color: #fff; | |
| text-decoration: none; | |
| } | |
| } | |
| } | |
| } | |
| /* Footer | |
| -------------------------------------------------------------- */ | |
| .site-footer { | |
| z-index: 1; | |
| position: relative; | |
| float: left; | |
| clear: both; | |
| padding: 0 0 20px 0; | |
| width: 100%; | |
| color: #fff; | |
| background: #fff url('assets/images/footer_paper.png') repeat-x 0 10px; | |
| .birdseed { | |
| float: left; | |
| margin: 0; | |
| margin-top: 9px; | |
| color: #333; | |
| font-weight: bold; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| line-height: 1.815; | |
| a { | |
| color: #585858; | |
| &:hover { color: #fff;} | |
| } | |
| } | |
| } | |
| body.has-jukebox .site-footer { margin-bottom: 50px;} | |
| .footer-widgets { | |
| float: left; | |
| clear: both; | |
| margin: 0; | |
| padding: 60px 30px 0 30px; | |
| width: 100%; | |
| .widget { | |
| position: relative; | |
| float: left; | |
| margin: 0 3.2786885245901639344262295081967% 0 0; // (40/1220) | |
| padding: 0 0 20px 0; | |
| width: 29.50819672131147540983606557377%; // (360/1220) | |
| &.widget-4, | |
| &.widget-7, | |
| &.widget-10, | |
| &.widget-13 { clear: left;} | |
| &.widget-3, | |
| &.widget-6, | |
| &.widget-9, | |
| &.widget-12 { clear: right; margin-right: 0;} | |
| } | |
| } | |
| .footer-navigation { | |
| padding: 4px 0 5px 0; | |
| border: 1px solid #37393a; | |
| border-width: 1px 0; | |
| box-shadow: inset 0 4px #1a1c1d; | |
| background: #202324 url('assets/images/footer_bar.png') 0 60% repeat-x; | |
| a { | |
| color: #666; | |
| &:hover { | |
| color: #fff; | |
| text-decoration: none; | |
| } | |
| } | |
| .menu-footer { | |
| float: left; | |
| font-family: "garamond-premier-pro-display", sans-serif; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| font-weight: 300; | |
| letter-spacing: 0.05em; | |
| text-transform: uppercase; | |
| .menu-item { margin: 0 20px 0 0;} | |
| } | |
| .menu-social { | |
| float: right; | |
| .menu-item { | |
| margin: 10px 0 0 20px; | |
| a { | |
| overflow: hidden; | |
| position: relative; | |
| display: inline-block; | |
| width: 20px; | |
| height: 20px; | |
| text-indent: -400px; | |
| &:before { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| font-size: 20px; | |
| text-indent: 0; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| @media only screen and (max-width: 1300px) { | |
| .site-footer .page-fence { margin: 0 30px;} | |
| .site-footer .footer-widgets .page-fence { margin: 0;} | |
| } | |
| @media only screen and (max-width: 900px) { | |
| .footer-widgets { | |
| .widget { | |
| margin: 0; | |
| width: 100%; | |
| } | |
| } | |
| .footer-navigation { | |
| .menu-social { | |
| float: right; | |
| padding-top: 12px; | |
| .menu-item { margin: 0 20px 0 0;} | |
| } | |
| } | |
| } | |
| /* Archive | |
| -------------------------------------------------------------- */ | |
| .archive-title { | |
| margin: -145px 30px 65px 0; | |
| height: 80px; | |
| } | |
| .archive-intro { | |
| margin: 0 20px 30px 20px; | |
| padding: 40px 50px; | |
| border: 1px solid #999; | |
| .box-shadow(4px 4px rgba(0,0,0,0.2)); | |
| } | |
| @media only screen and (max-width: 1220px) { | |
| .archive-title { margin-left: 30px;} | |
| } | |
| @media only screen and (max-width: 760px) { | |
| .archive-intro { | |
| margin: 0 0 30px 0; | |
| padding: 0 20px; | |
| border-width: 0; | |
| .box-shadow(0 0); | |
| } | |
| } | |
| /* Marquee | |
| -------------------------------------------------------------- */ | |
| .marquee-holder { | |
| overflow: hidden; | |
| position: relative; | |
| clear: both; | |
| margin: 0 auto 0 auto; | |
| max-width: 1220px; | |
| height: 475px; | |
| .marquee-direction-nav { | |
| display: block; | |
| position: absolute; | |
| top: 390px; | |
| left: 80px; | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| width: 82px; | |
| a { | |
| overflow: hidden; | |
| margin-right: 1px; | |
| width: 40px; | |
| height: 40px; | |
| line-height: 40px; | |
| } | |
| } | |
| &.marquee-empty { | |
| // height: 125px; | |
| .marquee, | |
| .marquee-direction-nav { display: none;} | |
| } | |
| } | |
| .marquee { | |
| overflow: hidden; | |
| position: relative; | |
| padding: 0 80px; | |
| height: 380px; | |
| .widget { | |
| float: left; | |
| margin: 0; | |
| height: 380px; | |
| .widget-innards { | |
| position: absolute; | |
| bottom: 25px; | |
| } | |
| .widget-title { | |
| float: left; | |
| clear: both; | |
| margin: 0 0 0 -20px; | |
| } | |
| .widget-media { | |
| z-index: 2; | |
| position: absolute; | |
| bottom: -25px; | |
| left: 0; | |
| float: left; | |
| margin: 0; | |
| width: 420px; | |
| iframe, img { margin-left: -20px;} | |
| } | |
| .textwidget, | |
| .widget-description { | |
| float: left; | |
| clear: both; | |
| margin: 0; | |
| p { margin-top: 0;} | |
| p:last-child { margin-bottom: 0;} | |
| } | |
| } | |
| .widget-1 { display: block;} | |
| .widget_audiotheme_record { | |
| .widget-innards { padding-left: 290px;} | |
| .widget-media { width: 290px;} | |
| } | |
| .widget_audiotheme_video, | |
| .widget_simpleimage { | |
| .widget-innards { padding-left: 420px;} | |
| .widget-media { width: 420px;} | |
| } | |
| .widget_text { | |
| .widget-innards:before { | |
| z-index: 2; | |
| content: " "; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| bottom: 0; | |
| width: 20px; | |
| .shaded-bg; | |
| } | |
| .widget-title { margin-left: 0;} | |
| .textwidget { padding-left: 40px;} | |
| } | |
| } | |
| @media only screen and (max-width: 1000px) { | |
| .marquee-holder { | |
| overflow: hidden; | |
| margin: 0 auto 0 auto; | |
| max-width: 1220px; | |
| height: auto; | |
| .marquee-direction-nav { | |
| top: 20px; | |
| left: 30px; | |
| } | |
| } | |
| .marquee { | |
| overflow: hidden; | |
| padding: 80px 30px 50px; | |
| height: auto; | |
| .widget { | |
| padding: 0 0 0 35.460992907801418439716312056738%; | |
| height: auto; | |
| .widget-innards { | |
| position: static; | |
| bottom: auto; | |
| padding-left: 0; | |
| } | |
| .widget-title { | |
| display: inline-block; | |
| float: none; | |
| clear: both; | |
| margin: 0; | |
| } | |
| .widget-media { | |
| position: static; | |
| bottom: auto; | |
| left: auto; | |
| margin: 0 0 0 -54.945054945054945054945054945061%; | |
| width: 50%; | |
| iframe, img { margin: 0;} | |
| } | |
| .textwidget, | |
| .widget-description { | |
| float: none; | |
| clear: none; | |
| } | |
| } | |
| .widget_text { | |
| padding: 0; | |
| .widget-innards:before { display: none;} | |
| .widget-title { margin-left: 0;} | |
| .textwidget { padding-left: 0;} | |
| } | |
| } | |
| } | |
| @media only screen and (max-width: 760px) { | |
| .marquee { | |
| .widget { | |
| padding: 0; | |
| height: auto; | |
| .widget-innards { | |
| position: static; | |
| bottom: auto; | |
| padding-left: 0; | |
| } | |
| .widget-title { | |
| display: block; | |
| margin: 0 0 20px 0; | |
| } | |
| .widget-media { | |
| margin: 0 0 20px 0; | |
| width: 100%; | |
| } | |
| } | |
| } | |
| } | |
| /* Media Grid | |
| -------------------------------------------------------------- */ | |
| .media-grid { | |
| margin: 0; | |
| padding: 0; | |
| .media-object { margin: 10px 0;} | |
| } | |
| .media-grid-columns-3 { | |
| .responsive-grid(3, 1.7543859649122807017543859649123%); // 20/1140 | |
| } | |
| .media-grid-columns-4 { | |
| .responsive-grid(4, 1.7543859649122807017543859649123%); // 20/1140 | |
| } | |
| .media-grid-columns-5 { | |
| .responsive-grid(5, 1.7543859649122807017543859649123%); // 20/1140 | |
| } | |
| .media-grid-columns-6 { | |
| .responsive-grid(6, 1.7543859649122807017543859649123%); // 20/1140 | |
| } | |
| .media-grid--record { | |
| @media only screen and (max-width: 900px) { | |
| .responsive-grid(3, 2.2222222222222222222222222222222%); // 20/900 | |
| } | |
| @media only screen and (max-width: 600px) { | |
| .responsive-grid(2, 3.3333333333333333333333333333333%); // 20/600 | |
| } | |
| @media only screen and (max-width: 440px) { | |
| .responsive-grid(1, 2.5%); | |
| } | |
| } | |
| .media-grid--video { | |
| @media only screen and (max-width: 600px) { | |
| .responsive-grid(2, 3.3333333333333333333333333333333%); // 20/600 | |
| } | |
| @media only screen and (max-width: 440px) { | |
| .responsive-grid(1, 2.5%); | |
| } | |
| } | |
| /* Pinboard | |
| -------------------------------------------------------------- */ | |
| .pinboard { | |
| margin: -50px auto 0 auto; | |
| .widget { | |
| float: left; | |
| clear: none; | |
| margin: 40px 20px -10px; | |
| width: 260px; | |
| height: 306px; | |
| } | |
| } | |
| @media only screen and (max-width: 1220px) { | |
| .pinboard { width: 900px;} | |
| } | |
| @media only screen and (max-width: 900px) { | |
| .pinboard { width: 600px;} | |
| } | |
| @media only screen and (max-width: 600px) { | |
| .pinboard { | |
| width: 260px; | |
| .widget { | |
| margin-right: 0; | |
| margin-left: 0; | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment