@boxBg: #f7f7f7; @boxTop: lighten(@boxBg, 8%); @boxBottom: darken(@boxBg, 8%); @lightBoxText: desaturate(lighten(@boxBg, 40%), 80%); @darkBoxText: darken(@boxBg, 60%); @link: #991f23; @text: #333; @navBg: #991f23; body { background: darken(@boxBg, 4%) url(the_skin_i_live_in.jpg) center top no-repeat; color: @text; } a { color: @link; } .box { background: @boxBg; } .segment { border-top: 1px solid @boxTop; border-bottom: 1px solid @boxBottom; } .shadow { border-color: darken(@boxBg, 4%) darken(@boxBg, 5%) darken(@boxBg, 7%); } .bar { border-bottom: 1px solid @boxBottom; background: @boxBg; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(darken(@boxBg, 1%)), to(lighten(@boxBg, 5%))); background-image: -moz-linear-gradient(0 100% 90deg, darken(@boxBg, 1%), lighten(@boxBg, 5%)); color: @text; text-shadow: 0px -1px 0px darken(@boxBg, 10%); } .bar.rounded-bottom { border-top: 1px solid @boxTop; border-bottom: 0px; } .theater-contact p { color: darken(@text, 10%); } .theater-contact p a { color: @text; } .inset * { text-shadow: 0px 1px 0px darken(@boxBg, 10%); } .bottom { border-top: 1px solid lighten(@boxBg, 10%); background: @boxBg; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(darken(@boxBg, 1%)), to(lighten(@boxBg, 5%))); background-image: -moz-linear-gradient(0 100% 90deg, darken(@boxBg, 1%), lighten(@boxBg, 5%)); } .bottom em { color: @link; text-transform: uppercase; } a.button { background: darken(@link, 20%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(darken(@link, 20%)), to(@link)); background-image: -moz-linear-gradient(0 100% 90deg, darken(@link, 20%), @link); color: @boxBg; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8); } /* * * Search * */ #search { border-bottom: 1px solid rgba(255,255,255,.25); background: rgba(0,0,0,.75) !important; background: #333; } #search input { background: transparent; } #search input[type=text] { color: #999; } #search input[type=submit] { background: transparent; color: #fff; text-shadow: 0px -1px 1px #000; } /* * * Nav * */ nav#main > ul { background: darken(@navBg, 20%); } nav#main > ul > li { background: @navBg; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(darken(@navBg, 15%)), to(lighten(@navBg, 5%))); background-image: -moz-linear-gradient(0 100% 90deg, darken(@navBg, 15%), lighten(@navBg, 5%)); } nav#main > ul > li > a { color: @boxBg; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8); } nav#main > ul > li > a:hover { color: lighten(@boxBg, 15%); } nav#secondary ul { background: rgba(255, 255, 255, .9) !important; background: lighten(@boxBg, 10%); } nav#secondary a { color: @text; } .theater-thumbs li { border-top: 1px solid #eee; color: #333; } .theater-thumbs li:first-child { border-top: 0px; } .theater-thumbs a { color: #1a1a1a; } /* * * Carousels * */ .banner-cycle, .series-banners li, .carousel { border-bottom: 1px solid @boxBottom; } .carousel h5 { color: @darkBoxText; } .carousel a { color: @link; } .carousel ul { background: @boxBottom; } .carousel li { background: @boxTop; } .carousel-nav { background: darken(@boxBg, 8%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(darken(@boxBg, 16%)), to(darken(@boxBg, 4%))); background-image: -moz-linear-gradient(0 100% 90deg, darken(@boxBg, 16%), darken(@boxBg, 4%)); box-shadow: 0px 1px 0px lighten(@boxBg, 4%); -moz-box-shadow: 0px 1px 0px lighten(@boxBg, 4%); -webkit-box-shadow: 0px 1px 0px lighten(@boxBg, 4%); } .carousel-nav a { background: darken(@boxBg, 30%); } .carousel-nav a.activeSlide { background: @link; } /* * * Subnavs * */ .title-nav { border-right: 1px solid @boxTop; } .title-nav li { border-top: 1px solid @boxTop; border-left: 1px solid @boxTop; border-right: 1px solid @boxBottom; } .title-nav li:first-child { border-left: 0px; } .secondary-nav li { border-top: 1px solid @boxBottom; } .secondary-nav li:first-child { border-top: 0px; } .secondary-nav a { color: @link; } /* * * Blog * */ .wysiwyg a { color: @link; } .blog .bar h5 { color: @darkBoxText; } .blog .bar h5 a { color: @text; } .blog-list a.cover, .blog a.cover { border: 1px solid darken(@boxBg, 3%); background: #fff; } .tags span { background: @darkBoxText; } .tags a { color: @text; } /* * * Lists * */ .blog-list h6 { color: @darkBoxText; } .movie-list h5 { color: @darkBoxText; } .market-list li { background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(@boxBg), to(@boxTop)); background-image: -moz-linear-gradient(0 100% 90deg, @boxBg, @boxTop); } .market-list a { text-shadow: 0px -1px 0px darken(@boxBg, 10%); } .market-list a h3 { color: @text; } .market-list a:hover h3 { color: @link; } .market-list a h5 { color: @darkBoxText; } /* * * Social * */ .twitter p a { color: @link; } .tweet h6 { color: @darkBoxText; } /* * * Ajax * */ #sb-wrapper-inner { background: @boxBg; } #sb-title-inner { color: @text; } #sb-counter { color: @text; } .showtimes h3 { color: @text; text-shadow: 0px 1px 0px darken(@boxBg, 5%); } .showtimes-row { border-top: 1px solid @boxBottom; } .showtimes-row li { border-left: 1px dotted @boxBottom; } .showtimes-row li:first-child { border-left: 1px solid @boxBottom; } #market h5 a { color: @text; } #market li:first-child { border-left: 1px solid @boxBottom; } #market li { border-left: 1px dotted @boxBottom; } .calendar table tbody td { border-top: 1px solid @boxBottom; border-left: 1px dotted @boxBottom; } .calendar table tbody td:first-child { border-left: none; } #calendar-filter h5{ border-bottom-color: lighten(@boxBg, 10%); } .soldout { color: @darkBoxText; }