@boxBg: #222; @boxTop: lighten(@boxBg, 3%); @boxBottom: darken(@boxBg, 3%); @lightBoxText: desaturate(lighten(@boxBg, 40%), 80%); @link: #f77c04; @text: #fff; @navBg: #fafafa; body { background: darken(@boxBg, 4%) url(bg.png) 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 darken(@boxBg, 4%); 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 > * { font-weight: 400; } .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 * { font-weight: 400; 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, 40%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(darken(@link, 40%)), to(@link)); background-image: -moz-linear-gradient(0 100% 90deg, darken(@link, 40%), @link); color: @boxBg; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4); } .e2ma_signup_message { display: none !important; } /* * * 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, 30%); } nav#main > ul > li { background: @navBg; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(darken(@navBg, 25%)), to(lighten(@navBg, 5%))); background-image: -moz-linear-gradient(0 100% 90deg, darken(@navBg, 25%), lighten(@navBg, 5%)); } nav#main > ul > li > a { color: @boxBg; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); } nav#main > ul > li > a:hover { color: lighten(@boxBg, 15%); } nav#secondary ul { background: rgba(0, 0, 0, .8) !important; background: darken(@boxBg, 6%); } 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: @lightBoxText; } .carousel a { color: @link; } .carousel ul { background: @boxBottom; } .carousel li { background: @boxTop; } .carousel-nav { background: darken(@boxBg, 4%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(darken(@boxBg, 4%)), to(darken(@boxBg, 1%))); background-image: -moz-linear-gradient(0 100% 90deg, darken(@boxBg, 4%), darken(@boxBg, 1%)); 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: lighten(@boxBg, 10%); } .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; } .title-nav a { font-weight: 500; } .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: @lightBoxText; } .blog .bar h5 a { color: @text; } .blog a.cover { border: 1px solid darken(@boxBg, 2%); background: #fff; } .tags span { background: @lightBoxText; } .tags a { color: @text; } /* * * Lists * */ .blog-list h6 { color: @lightBoxText; } .movie-list h5 { color: @lightBoxText; } .movie-list h3 { font-weight: 500; } .movie-list h5 { color: @lightBoxText; } .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: @lightBoxText; } /* * * Social * */ .twitter p a { color: @link; } .tweet h6 { color: @lightBoxText; } /* * * 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 @boxTop; } .showtimes-row li { border-left: 1px dotted @boxTop; } .showtimes-row li:first-child { border-left: 1px solid @boxTop; } #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: @lightBoxText; }