diff --git a/test/big.less b/test/big.less new file mode 100644 index 00000000..38ecdb9f --- /dev/null +++ b/test/big.less @@ -0,0 +1,1332 @@ +@import "lib"; + +/* Browse */ +div.browse { + margin: 0 0 20px; + div.header { + padding: 10px 10px 9px; text-align: left; background: @bg url('/images/panel_header_bg.png') repeat-x top left; + border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); line-height: 1; height: 18px; + .border_radius_top(3); color: @light_grey; + h3 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + .active { + background: @white; color: @black; z-index: 4; + :hover { color: @black; } + } + :hover { color: @white; } + :first-child { .border_radius_left(2); } + :last-child { .border_radius_right(2); margin-right: 0; } + } + } + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + :last-child { + a { border: none; } + } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > ul { + margin: 0; background: @white; padding: 10px 0 0 10px; .border_radius(3); position: relative; + li { + display: block; float: left; list-style: none; margin: 0 10px 10px 0; padding: 5px; position: relative; + background: @white; width: 130px; border: 1px solid (@light_grey * 0.33 + @white * 0.66); .border_radius(2); + a.remove { + position: absolute; height: 16px; width: 16px; padding: 3px; background: @accent_colour; + .border_radius(99); display: none; z-index: 3; top: -8px; right: -8px; + img { vertical-align: middle; } + } + div.thumbnail { + .border_radius_top(3); position: relative; z-index: 3; + .marker { + position: absolute; padding: 2px; .border_radius(2); z-index: 3; + background: url('/images/transparent_backgrounds/white_75.png'); height: 12px; width: 12px; + } + .marker.coupon { + height: auto; width: auto; top: 10px; right: -3px; padding: 0; background: transparent; overflow: hidden; position: absolute; + b { + display: block; height: 0; width: 0; float: left; border: 14px solid transparent; border-top: 14px solid @accent_colour; + border-bottom: none; border-right: none; float: left; + } + span { + color: @white; font-size: 10px; font-weight: bold; text-transform: uppercase; height: 14px; line-height: 14px; display: block; + padding: 0 4px 0 2px; background: @accent_colour; .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); margin: 0 0 0 14px; + } + } + .marker.video { + position: absolute; left: 50%; top: 50%; background: @white; width: 10px; height: 10px; + padding: 5px; .border_radius(3); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; margin: -10px 0 0 -10px; + b { display: block; width: 0; height: 0; border: 5px solid transparent; border-left: 10px solid @black; border-right: none; } + } + .marker.endorsed_by_me { background: none; padding: 0; right: 0; bottom: -32px; .border_radius(2); background: @white; } + a.thumbnail { + display: block; overflow: hidden; position: relative; text-align: center; + img { position: relative; display: block; margin: auto; } + } + } + div.text { + margin: 3px 0 0; display: block; + a { text-decoration: none; } + a.title { + display: block; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 16px; + white-space: nowrap; height: 16px; overflow: hidden; + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + small { + font-size: 11px; line-height: 13px; color: @grey; display: block; height: 13px; overflow: hidden; white-space: nowrap; + a { font-weight: bold; } + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + } + :hover { + background: @accent_colour; + a.remove { display: block; } + div.thumbnail { + a.marker.remove, a.marker.video { + filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; + b { display: inline-block; } + } + a.marker.video { .box_shadow(0, 0, 2, @black); } + } + div.text { + a { color: @white; } + a.title:before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + small { + color: @white * 0.75 + @accent_colour * 0.25; + :before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + } + } + div.footer a { color: @white; } + } + } + > li.ad div.thumbnail a.thumbnail { + width: 130px; height: 97px; + img { width: 100%; height: 100%; } + } + > li.brand div.thumbnail a.thumbnail { + width: 120px; height: 87px; padding: 5px; background: @white; .border_radius(2); + img { max-width: 120px; max-height: 87px; } + } + li.paginate { + margin-bottom: 0; + a { + display: block; position: relative; text-decoration: none; height: 131px; + div.arrow { + background: #81c153 url('/images/button_bg.png') repeat-x left top; border: 1px solid (@accent_colour * 0.75 + @black * 0.25); + height: 44px; .border_radius(99); width: 44px; margin: 0 auto; position: relative; top: 32px; + b { text-indent: -9000px; display: block; border: 10px solid transparent; width: 0; height: 0; position: relative; top: 12px; } + } + div.label { + position: absolute; bottom: 5px; left: 0; right: 0; line-height: 13px; + color: @accent_colour * 0.85 + @black * 0.15; text-decoration: none; + font-weight: bold; font-size: 12px; text-align: center; + } + :hover { + div.arrow { background: #abd56e url('/images/button_bg.png') repeat-x left -44px; } + } + } + :hover { background: transparent; } + } + li.paginate.previous a div b { border-right: 15px solid @white; border-left: none; left: 12px; } + li.paginate.next a div b { border-left: 15px solid @white; border-right: none; left: 16px; } + } + > div.footer { + padding: 9px 10px 10px; background: @light_grey * 0.75 + @white * 0.25; overflow: hidden; + border-top: 1px solid @light_grey; .border_radius_bottom(3); + div.info { + float: left; color: @grey; + strong { color: @black; font-weight: normal; } + } + div.pagination { + float: right; + > * { + display: inline-block; line-height: 1; padding: 0 6px; line-height: 18px; height: 18px; background: @white; + .border_radius(3); text-decoration: none; font-weight: bold; + font-size: 10px; text-transform: uppercase; + } + a { color: @grey; } + a:hover { color: @black; } + span.disabled { color: @light_grey; } + span.current { color: @white; background: @bg; border: none; } + span.current:hover { color: @white; } + } + } +} +div.browse.with_categories { margin: 0 0 0 160px; } +div.browse.with_options > ul { .border_radius_top(0); } +div.browse.with_footer > ul { .border_radius_bottom(0); } + +/* Browse List */ +div.browse.list { +> ul { + margin: 0; min-height: 320px; + padding: 10px 0 0 10px; overflow: hidden; + > li { + display: block; list-style: none; margin: 0 10px 10px 0; padding: 5px; + .border_radius(3); position: relative; line-height: normal; + .marker { + position: absolute; padding: 2px; .border_radius(2); + background: url('/images/transparent_backgrounds/white_75.png'); + img { height: 12px; width: 12px; } + } + img.marker { height: 12px; width: 12px; } + span.marker.new { + color: black; left: -5px; top: -5px; background: none; background-color: @white * 0.1 + @yellow * 0.6 + @red * 0.3; line-height: 1; padding: 2px 5px; + font-weight: bold; + } + a.marker.media_type { + display: inline-block; text-decoration: none; top: 39px; left: 8px; + font-size: 10px; + b { font-weight: normal; margin: 0 0 0 2px; line-height: 1; display: none; } + img { vertical-align: middle; } + } + a.thumbnail { + float: left; + width: 68px; display: block; overflow: hidden; + border: 1px solid @light_grey; + :hover { border-color: @accent_colour; } + } + span.title_brand { + display: block; margin: 0 0 2px 75px; + a { margin: 0; display: inline; } + a.brand_name { font-weight: normal; font-size: 12px; } + } + a.ad_title { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + a.brand_name { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + small { + display: block; color: @grey; margin: 0 0 0 75px; font-size: 12px; + } + small.brand_name { display: inline; margin: 0; } + ul.chart { + margin: 0 0 0 80px; + height: 39px; + } + ul.networks { + margin: 3px 0 0 75px; padding: 0; overflow: hidden; + li { display: block; float: left; margin: 0 5px 0 0; line-height: 1; } + } + div.points { + display: none; + font-size: 12px; text-align: right; + label { color: @grey; } + } + a.remove { bottom: -3px; right: -3px; } + } + li.ad { + a.thumbnail { height: 51px; } + span.title_brand { + small.brand_name { + display: block; + } + } + } + li.brand { + a.thumbnail { height: 68px; } + } + } +} +div.browse.list.with_options ul { .border_radius_top(0); } +div.browse.list.with_footer ul { .border_radius_bottom(0); } +div.browse.list.cols_2 { + > ul { + > li { + width: 285px; float: left; + :hover { + background: @white; + } + } + } +} +div.browse.ads.list { + > ul { + > li { + height: 53px; + a.thumbnail { + height: 51px; + } + } + } +} +div.browse.brands.list { + > ul { + > li { + height: 68px; + a.thumbnail { + height: 66px; + } + } + } +} + +/* Categories List */ +#categories { + margin: 40px 0 0; width: 160px; float: left; position: relative; z-index: 1; + ul { + margin: 0; padding: 10px 0 0; + li { + list-style: none; margin: 0; padding: 0; font-size: 14px; + a { color: @grey; display: block; padding: 5px 10px 5px 15px; text-decoration: none; .border_radius_left(3); } + a:hover { color: @black; background: @light_grey * 0.15 + @white * 0.85; } + } + .all a { font-weight: bold; } + .current a { + background: @white; color: @black; border: 1px solid (@light_grey * 0.25 + @white * 0.75); border-right: none; border-left: 5px solid @bg; + padding-left: 10px; + } + } +} + +/* Ads > Show */ +#ad { + div.header { + overflow: hidden; + h3 { font-size: 16px; margin: 0 0 3px; } + small { + a.category { font-weight: bold; color: @accent_colour; } + span.networks img { position: relative; top: 3px; } + } + span.brand { + float: right; color: @white; + a.brand_name { font-weight: bold; color: @accent_colour; } + } + } + div.content { + padding: 0; position: relative; + a.toggle_size { + display: block; .border_radius(3); background-color: @black; padding: 0 5px 0 26px; + background-position: 5px center; background-repeat: no-repeat; text-decoration: none; margin: 5px 5px 0 0; + position: absolute; top: 0; right: 0; line-height: 25px; z-index: 45; + filter: alpha(opacity=15); opacity: 0.15; -moz-opacity: 0.15; + } + img.creative { margin: 0 auto; max-width: 540px; display: block; } + object { position: relative; z-index: 44; } + object.video { line-height: 0; font-size: 0; } + object embed { position: relative; z-index: 45; line-height: 0; font-size: 0; } + } + div.content.not_video { + padding: 40px; text-align: center; + * { margin-left: auto; margin-right: auto; } + object.flash { margin-bottom: 0; } + } + div.footer { + padding: 0; + div.vote_views { + padding: 5px 10px; overflow: hidden; + div.share { float: right; margin: 2px 0 0 0; } + #login_register_msg, #encourage_vote_msg { line-height: 22px; font-weight: bold; color: @black; } + } + } +} +#sidebar { + #meta { + table { + margin: 0; + tr:last-child td { padding-bottom: 0; } + td { + padding: 0 0 5px; + ul.networks { + margin: 0; padding: 0; + li { + list-style: none; display: inline; + img { filter: alpha(opacity=4); opacity: 0.4; -moz-opacity: 0.4; position: relative; top: 2px; } + } + li { + img.installed { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; } + } + } + } + td.label { color: @grey; white-space: nowrap; width: 1%; text-align: right; padding-right: 5px; } + } + } +} + +/* Voting */ +div.voted { + font-size: 12px; line-height: 22px; color: @black; display: inline-block; font-weight: bold; + img { float: left; margin-right: 5px; padding: 3px; .border_radius(3); } +} +#voted_up { + img { background: @colour_positive * 0.66 + @bg * 0.15; } +} +#voted_down { + img { background: @colour_negative * 0.66 + @bg * 0.15; } +} +#encourage_comment { + display: inline-block; line-height: 22px; font-weight: bold; +} +#vote { + overflow: hidden; font-size: 12px; line-height: 22px; color: @black; float: left; + a { + color: @white; font-weight: bold; overflow: hidden; display: block; + width: 16px; text-decoration: none; text-align: center; font-size: 10px; padding: 3px; text-transform: uppercase; + } + a.up { + float: left; background: @colour_positive * 0.66 + @bg * 0.15; .border_radius_left(3); + :hover { background: @colour_positive * 0.85 + @bg * 0.15; } + } + a.down { + float: left; background: @colour_negative * 0.66 + @bg * 0.15; .border_radius_right(3); + margin: 0 5px 0 1px; + :hover { background: @colour_negative * 0.85 + @bg * 0.15; } + } +} +#vote.disabled { + a.up { + background: (@colour_positive * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_positive * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } + a.down { + background: (@colour_negative * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_negative * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } +} + +/* Panels */ +div.panel { + margin: 0 0 20px; position: relative; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); .border_radius(3); + > div.header { + background: @bg url('/images/panel_header_bg.png') repeat-x top left; border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); + padding: 5px 10px 4px; .border_radius_top(3); min-height: 18px; + h2 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + h3 { color: @white; font-size: 14px; margin: 0; line-height: 18px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + small { display: block; font-size: 12px; color: @light_grey * 0.25 + @white * 0.75; } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + } + a:first-child { .border_radius_left(2); } + a:last-child { .border_radius_right(2); margin-right: 0; } + a.active { background: @white; color: @black; z-index: 4; } + a:hover { color: @white; } + a.active:hover { color: @black; } + } + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + } + li:last-child { + a { border: none; } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > div.content { + background: @white; padding: 10px; + .no_padding { padding: 0; } + } + > div.footer { + background: @light_grey * 0.33 + @white * 0.66; border-top: 1px solid (@light_grey * 0.5 + @white * 0.5); + padding: 4px 10px 5px; .border_radius_bottom(3); + } +} +div.panel.no_footer div.content { .border_radius_bottom(3); } +div.panel.no_header div.content { .border_radius_top(3); } +div.panel.collapsable { + div.header { + cursor: pointer; + b.toggle { float: right; border: 5px solid transparent; border-bottom: 5px solid @white; border-top: none; display: block; width: 0; height: 0; margin: 6px 0 0 0; } + } + div.header:hover { + background-color: @bg * 0.75 + @white * 0.25; + } +} +div.panel.collapsed { + div.header { + border-bottom: none; .border_radius(3); + b.toggle { border-bottom: none; border-top: 5px solid @white; } + } + div.blank { border-bottom: none; .border_radius_bottom(3); } + div.content, div.footer { display: none; } +} + + +/* Sidebar Actions */ +#sidebar { + #actions { + .box_shadow(0, 0, 0, transparent); + div.content { + background: url('/images/transparent_backgrounds/accent_colour_10.png'); text-align: center; + p.endorsement { + margin: 0 0 10px; font-size: 14px; font-weight: bold; + small { font-weight: normal; line-height: inherit; margin: 10px 0 0; } + :last-child { margin: 0; } + } + div.share { margin: 5px 0 0; } + a.button { + font-size: 16px; line-height: normal; height: auto; padding: 5px 10px 5px 35px; font-weight: bold; margin: 0; position: relative; + img { position: absolute; top: 3px; left: 6px; } + } + div.flash.notice { + margin: 10px 0 0; font-size: 22px; + small { font-weight: normal; margin: 0 0 10px; } + } + div.flash.notice.done { margin: 0; } + small { + display: block; margin: 10px 0 0; font-size: 11px; color: #808080; line-height: 12px; + img.favicon { vertical-align: middle; } + } + div.blank { + border: none; background: none; padding: 10px 0 0; border-top: 1px solid (@accent_colour * 0.5 + @white * 0.5); + margin: 10px 0 0; + } + } + } +} + +/* People Lists */ +ul.people { + margin: 0; padding: 10px 0 0 10px; background: @white; + > li { + display: block; margin: 0 10px 10px 0; float: left; padding: 2px; width: 57px; position: relative; + .border_radius(2); background: @white; list-style: none; border: 1px solid (@light_grey * 0.33 + @white * 0.66); + a.avatar { + display: block; width: 59px; height: 59px; overflow: hidden; + img { width: 100%; height: 100%; } + } + a.name { display: block; font-size: 10px; text-align: center; } + :hover { + background: @accent_colour; + a.name { color: @white; } + } + } +} +ul.people.list { + padding: 0; + > li { + margin: 0 0 10px; padding: 0 0 10px; overflow: hidden; float: none; width: auto; .border_radius(0); + border: none; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + span.points { + float: right; display: block; padding: 5px; background: @light_grey * 0.15 + @white * 0.85; line-height: 1; + text-align: center; width: 50px; height: 30px; .border_radius(3); margin: 0 0 0 10px; + strong { display: block; color: @black; font-size: 16px; margin: 2px 0 0; } + label { color: @grey; text-transform: uppercase; font-size: 10px; } + label.long { display: block; } + label.short { display: none; } + } + a.avatar { float: left; width: 40px; height: 40px; } + a.name { font-size: 14px; font-weight: bold; margin: 0 0 0 50px; text-align: left; } + a.name.long { display: inline; } + a.name.short { display: none; } + span.networks { + display: block; margin: 0 0 0 50px; + img.favicon { vertical-align: middle; } + } + :hover { + background: transparent; + a.name { color: @accent_colour * 0.85 + @black * 0.15; } + } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.list.small { + > li { + span.points { + padding: 3px 6px; height: 18px; font-size: 9px; line-height: 17px; width: 60px; + strong { font-size: 12px; margin: 0; display: inline; } + label { font-size: 9px; } + label.long { display: none; } + label.short { display: inline; } + } + a.avatar { width: 24px; height: 24px; } + a.name { display: inline; line-height: 24px; margin: 0 0 0 5px; font-size: 12px; height: 24px; } + a.name.long { display: none; } + a.name.short { display: inline; } + span.networks { display: inline; margin: 0; } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.tiled { + > li { + width: 28px; padding: 2px; + a.avatar { width: 24px; height: 24px; background: @white; padding: 2px; } + a.name, small, span.networks, span.points { display: none; } + } +} + +/* Comments */ +#comments { + ul { + margin: 0 0 20px; padding: 0; + li { + display: block; list-style: none; padding: 0; margin: 0 0 10px; + span.meta { + margin: 0; overflow: hidden; display: block; + small { font-size: 12px; color: @light_grey; float: right; line-height: 16px; display: inline-block; } + a.avatar { + display: inline-block; height: 16px; width: 16px; position: relative; top: 3px; + img { height: 100%; width: 100%; } + } + a.name { font-weight: bold; line-height: 16px; display: inline-block; } + span.inactive { color: @grey; font-weight: bold; line-height: 16px; display: inline-block; } + } + b.tail { + display: block; width: 0; height: 0; margin: 3px 0 0 10px; border: 5px solid transparent; border-top: none; + border-bottom: 5px solid @white; position: relative; z-index: 2; + } + blockquote { + margin: 0; padding: 10px; .border_radius(3); font-style: normal; background: @white; + color: @dark_grey; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); + } + } + } + form { + margin: 0; + textarea { width: 500px; } + } +} + +/* Sidebar Categories */ +#sidebar { + #categories { + margin: 0 0 20px; + width: auto; + p { margin: 0; } + } +} + +#sidebar { + #ads > ul li, #recommendations > ul li { + width: 81px; + div.thumbnail { + a.thumbnail { height: 60px; width: 81px; } + } + div.text { + a.title { font-size: 11px; height: 14px; line-height: 14px; } + small { display: none; } + } + } + #brands > ul li { + width: 55px; + div.thumbnail { + a.thumbnail { + height: 45px; width: 45px; + img { max-height: 45px; max-width: 45px; } + } + } + div.text { display: none; } + } +} + +/* My Account */ +#accounts_controller { + #top { + #page_title { + #page_options { + a.button.public_profile { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 35px 8px 15px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; right: 15px; border: 6px solid transparent; border-right: none; border-left: 6px solid @white; margin: 0; } + } + a.button.goto_dashboard { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 15px 8px 35px; margin-right: 5px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; left: 15px; border: 6px solid transparent; border-left: none; border-right: 6px solid @white; margin: 0; } + } + } + } + } + #account_nav { + float: left; width: 200px; margin: 0 20px 0 0; + ul.nav { + margin: 0; padding: 0; + li { + margin: 0 0 5px; display: block; list-style: none; padding: 0; + a { + display: block; height: 30px; text-decoration: none; color: @white; + b { + border: 15px solid transparent; border-right: none; border-left: 10px solid transparent; width: 0; + height: 0; float: right; display: none; + } + span { + .border_radius(3); background: @bg; display: block; + line-height: 30px; padding: 0 10px; font-size: 14px; font-weight: bold; margin: 0 10px 0 0; + } + } + :hover { + a { + color: @white; + b { border-left-color: @bg; display: block; } + span { background: @bg; .border_radius_right(0); } + } + } + } + li.current a { + b { border-left-color: @accent_colour; display: block; } + span { background: @accent_colour; color: @white; .border_radius_right(0); } + } + } + } + #main { + > div { + margin: 0 0 20px; + form { margin: 0; } + } + #profile { + a.avatar { + float: left; display: block; + width: 70px; overflow: hidden; position: relative; text-decoration: none; + img { width: 100%; } + span { + display: block; line-height: 1; padding: 3px; margin: 5px 0 0; color: @white; background: @accent_colour; + .border_radius(3); .text_shadow(1, 1, 0, @grey); + text-align: center; font-size: 10px; font-weight: bold; text-transform: uppercase; + } + } + form { + margin: 0 0 0 90px; + h4 { margin: 10px 0 20px; border-bottom: 1px solid (@light_grey * 0.5 + @white * 0.5); padding: 0; color: @bg; font-size: 16px; } + ul.choices { + li { width: 30%; } + } + div.extra { margin-top: 20px; } + } + } + #networks { + ul { margin: 0 -10px -10px 0; padding: 0; overflow: hidden; + li { + filter: alpha(opacity=66); opacity: 0.66; -moz-opacity: 0.66; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); + background: @light_grey; display: block; float: left; width: 180px; + padding: 10px; margin: 0 10px 10px 0; list-style: none; .border_radius(3); + position: relative; + * { line-height: normal; } + img { vertical-align: middle; float: left; } + .name { font-weight: bold; font-size: 14px; display: block; margin: -2px 0 0 42px; } + small { + font-size: 12px; color: @grey; display: block; margin-left: 42px; + strong { color: @black; font-weight: normal; } + } + :hover { + a.edit { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; } + } + } + li.installed { + filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; + background: @white; + border: 2px solid @accent_colour; padding: 8px; + } + li.unavailable { + filter: alpha(opacity=33); opacity: 0.33; -moz-opacity: 0.33; + .name { color: @black; } + :hover { + filter: alpha(opacity=33); opacity: 0.33; -moz-opacity: 0.33; + background: @light_grey; + } + } + li:hover { + filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; + background: @light_grey * 0.5 + @white * 0.5; + } + } + } + } +} + +/* Shopping Style Panel */ +#shopping_style { + div.header a.button.small { float: right; } + div.content { + p { + margin: 0 0 10px; + label { text-transform: uppercase; font-size: 11px; display: block; color: @bg; font-weight: bold; } + span { color: @black; } + span.toggle { white-space: nowrap; color: @grey; } + :last-child { margin: 0; } + } + p.more { text-align: left; font-weight: normal; } + p.less { display: none; margin: 0; } + } +} + +/* People Controller */ +#people_controller.index { + #main { + div.panel { + float: left; width: 300px; margin: 0 20px 0 0; + :last-child { margin-right: 0; } + } + } +} +#people_controller.show { + #person_overview, #shopping_style { + a.button.small { + filter: alpha(opacity=33); opacity: 0.33; -moz-opacity: 0.33; + :hover { filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; } + } + } + #content { + #shopping_style { + float: left; width: 240px; margin: 0 20px 0 0; + } + #main { width: 360px; } + } +} + +/* Search Results */ +#search_results { + margin: 0 0 20px; + li { + :hover { + small { color: @white * 0.75 + @accent_colour * 0.25; } + } + } +} +#search { + div.content { + padding: 20px; + form { + margin: 0; float: none; + span.submit_and_options { + display: block; + } + } + p { margin: 0 0 15px; } + h4 { font-weight: normal; margin: 0 0 5px; } + } +} + +/* Recommendations */ +#recommendations { + div.browse { + margin: 0; padding: 0; background: none; + ul { min-height: 0; .border_radius(0); } + } +} + +/* Blank States */ +div.blank { + padding: 20px; background: @bg * 0.05 + @blue * 0.05 + @white * 0.9; position: relative; + border: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); z-index: 1; + h4 { font-size: 18px; margin: 0 0 10px; } + h4:last-child { margin: 0; } + p { font-size: 16px; margin: 0 0 10px; } + p:last-child { margin: 0; } + p.with_list_number.large { + span { margin-left: 48px; display: block; color: @white; } + } + p.earn span { font-size: 22px; color: @white; line-height: 48px; font-weight: bold; } + a { white-space: nowrap; } + a.hide { + position: absolute; top: -5px; right: -5px; display: block; height: 16px; width: 16px; padding: 3px; background: #E7E9F6; .border_radius(99); + } +} +div.blank.small { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 16px; } + p { margin: 0; } +} +div.blank.tiny { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 14px; } + p { margin: 0; font-size: 12px; } +} +div.blank.rounded { + .border_radius(3); margin: 0 0 20px; +} +div.blank.rounded.bottom { .border_radius_top(0); } +div.blank.with_border_bottom { border-bottom: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); } +div.blank.no_border_top { border-top: none; } +div.blank.no_border_bottom { border-bottom: none; } +div.blank.no_side_borders { border-right: none; border-left: none; } +div.panel { + div.blank { + padding: 10px 20px; overflow: hidden; margin: 0; + h4 { font-weight: normal; font-size: 14px; } + p, ul { margin: 0 0 10px; font-size: 12px; } + p:last-child, ul:last-child { margin: 0; } + } +} + +/* Sidebar Browse */ +#sidebar { + div.panel { + div.content.browse { + padding: 0; margin: 0; + > ul { + min-height: 0; .border_radius(0); + > li { + div.thumbnail { + a.thumbnail { padding: 5px; } + img.marker.media_type { top: 48px; left: 8px; } + } + div.footer { + a.title, a.name { font-size: 11px; font-weight: normal; } + } + } + } + } + div.content.browse.ads > ul > li { + width: 93px; + > div.thumbnail a.thumbnail { width: 83px; height: 62px; } + } + div.content.browse.brands { + .border_radius(3); + > ul { + background: none; + > li { + width: 52px; + > div.thumbnail { + padding: 3px; + a.thumbnail { width: 42px; height: 42px; padding: 2px; } + } + li.active { background: @accent_colour; } + } + } + } + div.footer { + div.info { float: none; } + div.pagination { float: none; margin: 3px 0 0; } + } + } +} + +/* List Numbers */ +label.list_number { + float: left; background: url('/images/transparent_backgrounds/black_15.png'); padding: 2px; width: 24px; height: 24px; display: block; + .border_radius(99); + b { + display: block; font-weight: bold; font-size: 14px; color: @white; background: @accent_colour; height: 20px; width: 20px; line-height: 20px; + text-align: center; .border_radius(99); .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); + border: 2px solid @white; + } +} +label.list_number.large { + padding: 4px; width: 48px; height: 48px; .border_radius(99); position: relative; left: -10px; + b { + font-size: 28px; height: 40px; width: 40px; .border_radius(99); line-height: 40px; + .text_shadow(2, 2, 0px, (@accent_colour * 0.75 + @black * 0.25)); border-width: 4px; + } +} + +/* Dashboard */ +#dashboard_controller { + #ads { + span.filter.state { float: right; } + } + #sidebar { + #shopping_style div.content { + p.less { display: block; } + p.more { display: none; } + } + #influences { + div.header { + padding-bottom: 0; + ul.tabs { + position: relative; top: 1px; z-index: 3; + li { + margin: 0 5px 0 0; + a { + border: none; background: url('/images/transparent_backgrounds/white_75.png'); + :hover { color: @black; } + } + } + li.active { + a { + background: @white; border: none; + :hover { color: @black; } + } + } + } + } + div.tab_content { + overflow: hidden; padding: 0; + > ul { + padding: 10px 10px 0; max-height: 280px; min-height: 120px; overflow-y: scroll; .border_radius_bottom(3px); + } + } + div.footer { + form { + p { + margin: 0 0 5px; + img.marker { float: right; margin: 5px 0 0 0; } + span.invitee { + line-height: 26px; padding: 3px 3px 0; font-size: 14px; + small { color: @grey; font-size: 12px; } + } + } + p.indent { margin-left: 36px; } + p.submit { margin-top: 10px; } + } + } + } + } + div.panel.full { + > div.content { + margin: 0; padding: 0; background: none; + ul { + li { + width: 148px; + div.thumbnail { + img.marker.media_type { top: 90px; } + a.thumbnail { width: 138px; height: 104px; } + } + } + } + } + } + #people { + form { + padding: 0 0 5px; + input { width: 225px; float: left; margin: 0 5px 0 0; } + a.button { height: 23px; line-height: 23px; width: 60px; padding: 0; text-align: center; } + } + } +} + +/* Remove Pages Titles when Browsing */ +#ads_controller, #brands_controller { + #page_title { display: none; } +} + +/* Brands > Show */ +#brands_controller.show { + #ads { + div.filters { + h3 { font-size: 16px; margin: 0; } + span.show { float: right; } + span.filter.dropdown.localisation { float: right; margin: 0 0 0 10px; } + span.filter.state { float: right; margin: 0 0 0 10px; } + } + } +} + +/* FAQ */ +#pages_controller.faq { + #answers { + h3 { margin-top: 20px; padding-top: 20px; border-top: 1px solid (@light_grey * 0.75 + @white * 0.25); } + h3.first { margin-top: 0; padding-top: 0; border: none; } + } + #questions { + div.content { + padding: 20px; + ul { + margin: 0; padding: 0; + li { + margin: 0 0 10px; list-style: none; display: block; padding: 0; + a { font-size: 14px; } + } + li:last-child { + margin: 0; + } + } + } + } +} + +/* Person Overview */ +#person_overview { + padding: 20px 10px; position: relative; z-index: 25; + #person { + float: left; width: 620px; + a.avatar { + display: block; float: left; width: 60px; height: 60px; + img { height: 100%; width: 100%; } + } + > div { + margin: 0 0 0 75px; color: @white; font-size: 14px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + } + div.name { + h2 { + margin: 0 0 5px; display: inline; + a { + font-size: 20px; font-weight: bold; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + line-height: 1; color: @white; text-decoration: none; + :hover { text-decoration: underline; } + } + a.button.small { + font-size: 10px; + :hover { text-decoration: none; } + } + } + span.points { + float: right; display: block; padding: 5px 10px; .border_radius(2); text-align: center; background: @white; position: relative; + min-width: 45px; + strong { color: @black; font-weight: bold; font-size: 24px; line-height: 1; display: block; .text_shadow(0, 0, 0, transparent); } + label { font-size: 9px; text-transform: uppercase; color: @grey; display: block; .text_shadow(0, 0, 0, transparent); font-weight: bold; } + } + span.points.with_redeem { + .border_radius_bottom(0); + a.button { + display: block; text-align: center; .border_radius_top(0); font-size: 10px; font-weight: bold; padding: 0; + position: absolute; height: 18px; left: 0; right: 0; bottom: -19px; line-height: 18px; text-transform: uppercase; border: none; + } + } + div.options { margin: 0; } + } + div.meta { + color: @white * 0.66 + @bg * 0.33; + span { color: @white; } + label { color: @white * 0.66 + @bg * 0.33; } + ul.networks { + display: inline; margin: 0; padding: 0; + li { + display: inline; line-height: 1; + img { position: relative; vertical-align: middle; top: -1px; } + } + } + } + div.extra { + font-size: 12px; margin-top: 20px; margin-bottom: 20px; + span.toggle { + .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + a { font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: @accent_colour; } + b.arrow { display: inline-block; width: 0; height: 0; border: 5px solid transparent; position: relative; top: -2px; } + } + #less_info { + span.toggle { + b.arrow { border-top: 5px solid @accent_colour; border-bottom: 0; } + } + } + #more_info { + span.toggle { + float: right; + b.arrow { border-bottom: 5px solid @accent_colour; border-top: 0; } + } + h4 { + color: @white; margin: 0 0 10px 0; border-bottom: 1px solid (@white * 0.25 + @bg * 0.75); .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + span { font-size: 12px; } + } + p { + margin: 0 0 5px; + label { display: block; float: left; width: 120px; color: @white * 0.66 + @bg * 0.33; } + span { display: block; margin: 0 0 0 130px; } + } + p:last-child { margin: 0; } + + } + } + div.login { + margin: 0 0 0 75px; + a.button { font-weight: bold; } + } + } +} + +/* Dashboard Nav */ +#dashboard_nav { + position: absolute; bottom: 0; left: 10px; margin: 0; padding: 0; overflow: hidden; + li { + display: block; float: left; margin: 0 5px 0 0; + a { + display: block; height: 28px; padding: 0 10px; line-height: 28px; .border_radius_top(2); + text-decoration: none; color: @white; background: url('/images/transparent_backgrounds/accent_colour_30.png'); font-size: 14px; + font-weight: bold; + :hover { background: url('/images/transparent_backgrounds/accent_colour_45.png'); } + } + } + li.active { + a { + background: @white; color: @black; + :hover { color: @black; } + } + } +} + +/* Dwellometer */ +#dwellometer { + z-index: 45; float: right; .box_shadow(0, 0, 0, transparent); margin: 0; + div.content { + text-align: center; position: relative; + object, object embed { position: relative; z-index: 46; line-height: 0; } + div.title { + position: absolute; bottom: 10px; left: 0; right: 0; z-index: 50; + img { width: 120px; display: block; margin: 0 auto; position: relative; left: -5px; } + } + } +} + +/* Activity Stream */ +#activity { + div.content { + ul.events { + padding: 0; margin: 0 0 -10px; + li { + margin: 0; padding: 10px 0; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + list-style: none; overflow: hidden; + small.meta { + font-size: 12px; color: @light_grey; float: right; + } + a.button { float: right; margin: 0 0 10px 10px; } + a.avatar, a.logo, a.thumbnail { + height: 32px; display: block; float: left; + img { width: 100%; height: 100%; } + } + a.avatar, a.logo, a.icon { width: 32px; } + a.thumbnail { width: 42px; } + div.symbols { + float: left; overflow: hidden; + b { + display: block; float: left; margin: 10px 5px 0; + img { height: 12px; width: 12px; } + } + b.voted { margin: 10px 3px 0; padding: 2px; .border_radius(2); } + b.voted.for { background: @colour_positive * 0.33 + @white * 0.66; } + b.voted.against { background: @colour_negative * 0.33 + @white * 0.66; } + } + /* Temporarily removed avatar and symbol */ +/* div.symbols a.agent, b { display: none; }*/ + div.description { + font-size: 12px; color: @grey; + a.agent { font-weight: bold; } + } + div.comment { + margin-top: 2px; + b.tail { + display: block; margin: 0 0 0 10px; width: 0; height: 0; border: 5px solid transparent; + border-top: none; border-bottom: 5px solid (@light_grey * 0.25 + @white * 0.75); + } + blockquote { + margin: 0; font-style: normal; color: @dark_grey; + .border_radius(3); background: @light_grey * 0.25 + @white * 0.75; padding: 5px 10px; + span.view_comment { + color: @grey; + filter: alpha(opacity=66); opacity: 0.66; -moz-opacity: 0.66; font-size: 11px; + } + } + } + div.content { + overflow: hidden; + } + } + li.new_comment.ad, li.endorsed.ad, li.voted { + div.description, div.content { margin-left: 106px; } +/* div.description, div.content { margin-left: 53px; }*/ + } + li.new_comment.brand, li.replied_to, li.endorsed.brand, li.connected, li.sn_setup { + div.description, div.content { margin-left: 96px; } +/* div.description, div.content { margin-left: 43px; }*/ + } + li.replied_to { + div.content { + a.thumbnail, a.logo { margin-top: 7px; } + } + } + li.replied_to.ad { + div.content { + div.comment { margin-left: 52px; } + } + } + li.replied_to.brand { + div.content { + div.comment { margin-left: 42px; } + } + } + li.voted div.description span.action { .border_radius(2); color: @dark_grey; padding: 0 3px; white-space: nowrap; } + li.voted.for div.description span.action { background: @colour_positive * 0.15 + @white * 0.85; } + li.voted.against div.description span.action { background: @colour_negative * 0.15 + @white * 0.85; } + li:first-child { padding-top: 0; } + li:last-child { border-bottom: none; } + li:hover div.content div.comment blockquote span.view_comment { + filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; + } + } + } +} + +/* Login/Register Modal */ +#login_register { + div.location_select, + div.location_search { margin-left: 130px; } + h3 { + small { font-size: 14px; font-weight: normal; display: block; color: @grey; text-align: left; margin: 0; display: block; } + } +} + +/* Contact Form in Pages */ +#pages_controller { + #sidebar { + #contact { + margin: 15px 0 0; + form { + label { text-align: left; float: none; width: auto; font-size: 12px; font-weight: bold; line-height: 1; margin: 0 0 5px; } + p.submit.indent { + margin: 0; + span.with_cancel { display: none; } + } + } + } + } +} + +/* Exclusive Offers */ +#offers { + div.content { + a.gift { + display: block; text-align: center; + img { height: 100px; } + } + } +} + diff --git a/test/css/accessors.css b/test/css/accessors.css new file mode 100644 index 00000000..2034b991 --- /dev/null +++ b/test/css/accessors.css @@ -0,0 +1,18 @@ +.magic-box { + content: "gold"; + width: 60cm; + height: 40cm; +} +.magic-box #lock { color: silver; } +#accessors { + content: "gold"; + width: 60cm; +} +.unlock { + content: "gold"; + width: 60cm; + height: 40cm; + color: silver; + border-color: orange; +} +.unlock #lock { color: silver; } diff --git a/test/css/big.css b/test/css/big.css new file mode 100644 index 00000000..4e5d841e --- /dev/null +++ b/test/css/big.css @@ -0,0 +1,3768 @@ +html { background: #1F9EC9; } +#doc4 { + color: #333333; + min-width: 974px; +} +#bd { background: #FFFFFF; } +#yui-main { padding-top: .5em; } +#cs-main { margin: 0 .5em; } +.yui-t6 .yui-b { margin-right: .5em; } +#moreHoods { display: block; } +.js #location-navigation-form .form-submit { display: none; } +.js #business-listing-form .form-submit { display: none; } +.js #detailTabs ul { display: none; } +.js #detailsEnhanced #addTags { display: none; } +.js #locationSearchList { display: none; } +.js #moreHoods { display: none; } +#navListLeft { display: none; } +.js #navListLeft { display: block; } +.grey { color: #666666; } +.light-grey { color: #CCCCCC; } +.centerText { text-align: center; } +.rightFloat { + float: right; + display: inline; +} +.leftFloat { + float: left; + display: inline; +} +.inline { display: inline; } +.hide { display: none; } +.clear { + clear: both; + height: 0; + width: 0; + margin: 0; + padding: 0; +} +.zeroOut { + margin: 0; + padding: 0; +} +.pad { padding-top: .75em; } +.indent { padding-left: .5em; } +div.c1 { text-align: center; } +.bigText { font-size: 123%; } +.warning { color: red; } +.separator { + display: inline; + overflow: hidden; + width: 0; + padding: 0; + border-left: 1px solid #6ACBE8; + border-right: 1px solid #FFFFFF; +} +.loading { background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%; } +.formThrobbing { background: #FFFFFF url("http://static.csimg.com/img/single/cs-smallBlueLoader.20081130.1.gif") no-repeat 99% 50%; } +div.messages { + margin: .5em; + padding: .5em; + line-height: 150%; +} +div.messages .title { + font-weight: bold; + font-size: 153.9%; +} +div.messages ul { + padding-left: 1em; + list-style: none; +} +div.error { + background: #FACC4C; + border: 1px solid #E4AD05; + color: #A05218; +} +div.error li { + list-style: none; + background: url("http://static.csimg.com/v2/img/icon-error.png") no-repeat left; + padding-left: 24px; + line-height: 24px; +} +div.status { + background: #AAD08C url("http://static.csimg.com/v2/img/background-success.gif") repeat-x top; + border: 1px solid #84B858; + color: #466428; + padding: 5px; +} +div.status li { + list-style: none; + background: url("http://static.csimg.com/v2/img/icon-success.png") no-repeat left; + padding-left: 24px; + line-height: 24px; +} +.cs-blue-fade { + border: 1px solid #B6E6F3; + background: #E6F7FB url("http://static.csimg.com/v2/img/cs-blueFadeUpBG.gif") repeat-x bottom left; + padding: .5em; + color: #1A85A8; + font-size: 12px; + margin: .5em; +} +.cs-blue-fade p { padding: .5em 0; } +.cs-blue-fade img { + padding: 0 1em 0 0; + float: left; +} +.cs-green-solid { + border: 4px solid #BDD685; + background: #E2EDC9; + padding: 1em; + color: #647836; + font-size: 12px; + margin: .5em; +} +.cs-green-solid .pricing { + font-size: 9px; + margin: 0 .5em; + float: left; + width: 40%; +} +.cs-green-solid .pricing-top { font-size: 11px; } +.cs-green-solid .pricing-top span { + font-size: 31px; + color: #3C3C3C; +} +.cs-green-solid .pricing-bottom { + height: 50px; + width: 78px; + background: url("http://static.csimg.com/v2/img/cs-cta-pricing.png") no-repeat bottom left; + margin: ; +} +h1 { + font-size: 153.9%; + font-weight: bold; + color: #166C89; +} +h2 { + font-size: 153.9%; + font-weight: bold; + color: #166C89; +} +h3 { + font-size: 153.9%; + font-weight: bold; + color: #166C89; +} +h4 { + font-size: 153.9%; + font-weight: bold; + color: #166C89; +} +h5 { + font-size: 153.9%; + font-weight: bold; + color: #166C89; +} +h2 { font-size: 123.1%; } +h3 { + color: #1F9EC9; + margin: .5em 0; +} +h4 { color: #666666; } +h5 { + text-transform: uppercase; + font-size: 116%; + color: #666666; + padding: 0; + margin: 0 .25em; +} +h6 { + color: #666666; + font-size: 100%; + font-weight: bold; +} +.subtitle { color: #999999; } +#homeMain #new h3 { + margin: 0; + padding: .2em 0 1em 0; + font-size: 100%; + color: #667B4C; +} +#mainHeader { + background: #1F9EC9; + padding: .5em; + border-bottom: 3px solid #5FC5E7; +} +.logo { + display: block; + text-indent: -9999em; + overflow: hidden; + width: 181px; + height: 26px; + background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat 0 0; + float: left; +} +.tagline { + text-indent: -9999px; + overflow: hidden; + display: block; + float: left; + background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat 0 -26px; + width: 160px; + height: 17px; + margin-top: .35em; +} +#userData { + color: #ACE1F2; + font-size: 93%; + font-weight: bold; +} +#userData ul { + padding: 0; + margin: 0; +} +#userData ul li { + float: right; + padding: .5em .5em; +} +#headerSearch { + background: #ACE1F2; + padding: .5em .5em .5em .4em; + color: #006581; + font-weight: bold; + font-size: 93%; +} +#headerSearch .item { float: left; } +#headerSearch .form-text { + padding-top: .4em; + padding-bottom: .4em; + padding-right: .4em; + width: auto; + background-color: #FFFFFF; + border: 1px solid #69C8E7; +} +#headerSearch span.item { padding: .45em .5em 0 .5em; } +#headerSearch .item .term { color: #156782; } +#headerSearch .item .location { padding-left: .5em; } +#headerSearch .termBG { + background: #FFFFFF url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -623px 2px; + border: 1px solid #69C8E7; + padding-left: 22px; +} +#headerSearch .form-submit { + float: left; + width: auto; + border-top: 1px solid #FF9933; + border-right: 1px solid #5FC5E7; + border-bottom: 1px solid #5FC5E7; + border-left: 1px solid #FF9933; + padding: .4em .5em .25em; + margin: 0 0 0 .5em; + color: #FFFFFF; + background: #FF9933; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; +} +#headerSearch #changeLocField { + float: left; + padding-left: .5em; +} +#headerSearch #cancelButton { + display: block; + float: left; + font-size: 85%; + margin: .75em 0 0 .75em; + padding: 0; +} +#locationSearchList { + padding: .5em; + margin-top: -1px; + color: #333333; + background: #ACE1F2; +} +#locationSearchList img { + margin: 0 auto; + display: block; +} +#locationSearchList .cs-yellow-block { + border: 1px solid #FECD57; + margin: 0 0 .5em 0; +} +#locationSearchList .cs-blue-block { + border: 1px solid #B6E6F3; + margin: 0; +} +#locationSearchList ul { + margin: 0; + padding: .5em 0; + color: #7E7E7E; +} +#locationSearchList ul li { + padding: .25em 0; + width: 100%; +} +#whatsNearbyButton { float: right; } +#homeNavigation { background: #E9F3CF; } +#mainNavigation { background: #E9F3CF; } +#homeNavigation { + color: #5F8134; + font-size: 93%; +} +#homeNavigation a { + display: block; + padding: .65em .3em 0 0; + float: right; + color: #5F8134; + text-decoration: none; +} +#homeNavigation ul { + margin: 0; + padding: 0; + display: inline; +} +#homeNavigation ul li { + display: block; + padding: .65em .3em 0 0; + float: right; +} +#homeNavigation ul li a { + font-weight: bold; + display: inline; + float: none; + padding: 0; +} +#navBar ul { + padding: 0; + margin: 0 0 0 0; +} +#navBar ul li { + float: right; + display: inline; +} +#navBar ul li a { + display: block; + padding: 1em; + color: #5F8134; + font-weight: bold; + font-size: 93%; + text-decoration: none; +} +#navBar ul li a:hover { + color: #666666; + background: #FFFFFF; +} +#navBar ul li.current a { + color: #666666; + background: #FFFFFF; +} +#navBar .navBackground { + color: #666666; + background: #FFFFFF; +} +.lavaLamp { + position: relative; + overflow: hidden; +} +.lavaLamp li.navBackground { + z-index: 8; + position: absolute; + width: 0px; +} +.lavaLamp li a { + z-index: 10; + display: block; + position: relative; + overflow: hidden; +} +#navBar ul li.navSeparator { + border-left: 1px solid #C1DE74; + border-right: 1px solid #FFFFFF; + margin: .8em .5em 0 .5em; + display: inline; + width: 0px; + overflow: hidden; +} +#whereAmI h1 { + margin: 0; + padding: .65em 0 0 .5em; + color: #608235; + font-size: 123.1%; + float: left; + font-weight: bold; +} +#homeNavigation h1 { + margin: 0; + padding: .65em 0 0 .5em; + color: #608235; + font-size: 123.1%; + float: left; + font-weight: bold; +} +#whereAmI h2 { + margin: 0; + padding: .65em 0 0 .5em; + color: #608235; + font-size: 123.1%; + float: left; + font-weight: bold; +} +#homeNavigation h2 { + margin: 0; + padding: .65em 0 0 .5em; + color: #608235; + font-size: 123.1%; + float: left; + font-weight: bold; +} +#homeNavigation h1 { + padding: .65em 0 .65em .5em; + font-size: 100%; + font-weight: normal; +} +#homeNavigation h2 { + padding: .65em 0 .65em .5em; + font-size: 100%; + font-weight: normal; +} +#whereAmI h1 span { color: #666666; } +#whereAmI h2 span { color: #666666; } +#whereAmI h1 a { + color: #608235; + text-decoration: none; +} +#whereAmI h2 a { + color: #608235; + text-decoration: none; +} +#whereAmI a#changeLocation { + display: block; + float: left; + color: #608235; + font-size: 85%; + margin: 1.4em 0 0 .75em; + padding: 0; +} +#mainNavigation a#cancelButton { + display: block; + float: left; + color: #608235; + font-size: 85%; + margin: 1.4em 0 0 .75em; + padding: 0; +} +#homeNavigation a#cancelButton { + display: block; + float: left; + color: #608235; + font-size: 85%; + margin: 1.4em 0 0 .75em; + padding: 0; +} +#mainNavigation input { + float: left; + margin: .4em 0 0 .75em; + width: auto; + padding: .5em; + border: 1px solid #5F8134; +} +#homeNavigation input { + float: left; + margin: .4em 0 0 .75em; + width: auto; + padding: .5em; + border: 1px solid #5F8134; +} +#mainNavigation .form-submit { + width: auto; + border-top: 1px solid #FF9933; + border-right: 1px solid #608235; + border-bottom: 1px solid #608235; + border-left: 1px solid #FF9933; + padding: .4em .5em .4em; + color: #FFFFFF; + background: #FF9933; +} +#homeNavigation .form-submit { + width: auto; + border-top: 1px solid #FF9933; + border-right: 1px solid #608235; + border-bottom: 1px solid #608235; + border-left: 1px solid #FF9933; + padding: .4em .5em .4em; + color: #FFFFFF; + background: #FF9933; +} +.form-submit:hover { cursor: pointer; } +#breadcrumb { + border-bottom: 1px solid #E9E9E9; + padding: .8em 0; + margin: 0 .6em; + color: #6e6e6e; + font-size: 85%; +} +#breadcrumb a { + color: #6e6e6e; + text-decoration: none; +} +#breadcrumb a:hover { color: #333333; } +#hoodNavList { + border-bottom: 1px solid #E9E9E9; + background: #F8FBF0; + padding: .5em; +} +#moreHoods { + border-bottom: 1px solid #E9E9E9; + background: #F8FBF0; + padding: .5em; +} +#hoodNavList { border-top: 1px solid #D9EAB0; } +#navListLeft { + background: #FFFFFF; + border: 1px solid #D9EAB0; + position: relative; +} +.distance { + color: #7E7E7E; + font-size: 85%; +} +#hoodMap { height: 20em; } +a { color: #1F9EC9; } +a:hover { text-decoration: none; } +.cleanLinks a { text-decoration: none; } +.cleanLinks a:hover { text-decoration: underline; } +.greenLinks a { color: #557D33; } +.whiteLinks a { color: #FFFFFF; } +.darkBlueLinks a { color: #166C89; } +.pointer:hover { cursor: pointer; } +#hoodNavList a { color: #557D33; } +#moreHoods a { color: #557D33; } +#findLogin a { + float: right; + height: 34px; + width: 150px; + background: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png") no-repeat -458px -127px; + display: block; +} +#homeMain #ownText a { font-weight: bold; } +a#addBusinessButton { + background-image: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png"); + background-repeat: no-repeat; +} +a#upgradeProfileButton { + background-image: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png"); + background-repeat: no-repeat; +} +a#addBusinessButton { + display: block; + height: 42px; + width: 175px; + text-indent: -9999em; + background-position: -0 -28px; + float: left; +} +a#addBusinessButton:hover { background-position: -0 -75px; } +a#addBusinessButton .click { background-position: -0 -123px; } +a#upgradeProfileButton { + display: block; + height: 42px; + width: 165px; + text-indent: -9999em; + background-position: -181px -28px; + float: left; +} +a#upgradeProfileButton:hover { background-position: -181px -75px; } +a#upgradeProfileButton .click { background-position: -181px -123px; } +#claimBusiness a { font-size: 93%; } +p.date { + padding: 0; + margin: 0 .5em 0 1em; + width: 42px; + background: url("http://static.csimg.com/v2/img/background-events-icon.gif") no-repeat; + text-align: center; + font-size: 10px; + float: left; + display: block; +} +p.date span.month { + color: #FFFFFF; + text-transform: uppercase; + display: block; + line-height: 18px; +} +p.date span.day { + font-size: 16px; + color: #666666; + font-weight: bold; + line-height: 26px; + display: block; +} +p.date span.hour { + font-size: 12px; + color: #666666; + font-weight: bold; + line-height: 26px; + display: block; +} +p.date span.date { display: block; } +li.event { color: #6C6C6C; } +li.event .info { padding-left: 65px; } +hr { + height: 0; + border: none; +} +hr.blue { + border: 1px solid #C0E9F5; + margin: .2em 0 0 0; +} +hr.grey { background: #E1E1E1; } +hr.fade { + border-top: 1px solid #C0E9F5; + border-bottom: 1px solid #FFFFFF; +} +hr.darkFade { + border-top: 1px solid #7EDAF1; + border-bottom: 1px solid #FFFFFF; +} +hr.greyFade { + border-top: 1px solid #D9D7D5; + border-bottom: 1px solid #FFFFFF; +} +.csButton { + border: 1px solid; + border-left-color: #FFFFFF; + border-top-color: #FFFFFF; + border-right-color: #61C6E7; + border-bottom-color: #61C6E7; + padding: .3em .5em; + font-size: 93%; + font-weight: bold; + background: #EDF9FC; + color: #1F9EC9; + cursor: pointer; +} +.csButton:hover { background: #FFFFFF; } +.csButton span { + position: relative; + top: .5em; + margin-left: .4em; +} +.print { + background: #D2E9AD; + font-weight: bold; + border: 1px solid #BADE85; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + color: #9A9A9A; + font-size: 93%; + padding: .3em .8em; + margin: .5em; + text-align: center; +} +.print a { + color: #4F6B1F; + text-decoration: none; + display: block; + width: 100%; +} +.cs-green-button { + border: 1px solid; + padding: .25em .5em; + margin: .25em .25em; +} +.cs-grey-button { + border: 1px solid; + padding: .25em .5em; + margin: .25em .25em; +} +.cs-green-button { + background: #D2E9AD; + border-color: #B1CE6F; +} +.cs-grey-button { + background: #E0E0E0; + border-color: #D4D4D4; +} +.cs-green-button a { + font-size: 85%; + font-weight: bold; + text-decoration: none; +} +.cs-grey-button a { + font-size: 85%; + font-weight: bold; + text-decoration: none; +} +.cs-green-button a { color: #627632; } +.cs-grey-button a { color: #666666; } +#tooltip { + float: left; + font-size: 85%; + max-width: 15em; + padding: .5em; + position: absolute; + z-index: 99999; + font-weight: normal; +} +.cs-button { + outline: 0; + margin: 0 4px 0 0; + padding: .4em 1em; + text-decoration: none; + cursor: pointer; + position: relative; + text-align: center; + zoom: 1; +} +.cs-button .ui-icon { + position: absolute; + top: 50%; + margin-top: -8px; + left: 50%; + margin-left: -8px; +} +a.cs-button { float: left; } +button.cs-button { + width: auto; + overflow: visible; +} +.cs-button-small { + outline: 0; + margin: 0 4px 0 0; + padding: .5em 1em; + text-decoration: none; + cursor: pointer; + position: relative; + text-align: center; + zoom: 1; + font-size: 85%; +} +.cs-button-small .ui-icon { + position: absolute; + top: 50%; + margin-top: -8px; + left: 50%; + margin-left: -8px; +} +a.cs-button-small { float: left; } +button.cs-button-small { + width: auto; + overflow: visible; +} +.cs-buttonset { float: left; } +.cs-buttonset a { text-decoration: none; } +.cs-buttonset .cs-button { + float: left; + margin-right: -1px; +} +.cs-toolbar { + padding: .5em; + margin: 0; +} +.cs-toolbar .cs-buttonset { + margin-right: 1.5em; + padding-left: 1px; +} +.cs-toolbar .cs-button { font-size: 93%; } +.ui-state-default-grey { + border: 1px solid #E3E1DF; + background: #FCFCFC; + color: #909090; + outline: none; +} +.ui-widget-content-grey .ui-state-default-grey { + border: 1px solid #E3E1DF; + background: #FCFCFC; + color: #909090; + outline: none; +} +.ui-state-default-grey a { + color: #1F9EC9; + text-decoration: none; + outline: none; +} +.ui-state-hover-grey { + border: 1px solid #E3E1DF; + background: #FFFFFF; + color: #666666; + outline: none; +} +.ui-widget-content-grey .ui-state-hover-grey { + border: 1px solid #E3E1DF; + background: #FFFFFF; + color: #666666; + outline: none; +} +.ui-state-focus-grey { + border: 1px solid #E3E1DF; + background: #FFFFFF; + color: #666666; + outline: none; +} +.ui-widget-content-grey .ui-state-focus-grey { + border: 1px solid #E3E1DF; + background: #FFFFFF; + color: #666666; + outline: none; +} +.ui-state-default-grey:hover { + border: 1px solid #E3E1DF; + background: #FFFFFF; + color: #666666; + outline: none; +} +.ui-state-default-grey a:hover { + color: #1F9EC9; + text-decoration: none; + outline: none; +} +.ui-state-hover-grey a { + color: #666666; + text-decoration: none; + outline: none; +} +.ui-state-active-grey { + border: 1px solid #E3E1DF; + background: #FFFFFF; + font-weight: bold; + color: #666666; + outline: none; +} +.ui-widget-content-grey .ui-state-active-grey { + border: 1px solid #E3E1DF; + background: #FFFFFF; + font-weight: bold; + color: #666666; + outline: none; +} +.ui-state-active-grey a { + color: #666666; + outline: none; + text-decoration: none; +} +.ui-state-highlight-grey { + border: 1px solid #fad42e; + background: #fbec88; + color: #363636; +} +.ui-widget-content-grey .ui-state-highlight-grey { + border: 1px solid #fad42e; + background: #fbec88; + color: #363636; +} +.ui-state-error-grey { + border: 1px solid #cd0a0a; + background: #fef1ec; + color: #cd0a0a; +} +.ui-widget-content-grey .ui-state-error-grey { + border: 1px solid #cd0a0a; + background: #fef1ec; + color: #cd0a0a; +} +.ui-state-error-text-grey { color: #cd0a0a; } +.ui-widget-content-grey .ui-state-error-text-grey { color: #cd0a0a; } +.ui-state-disabled-grey { + opacity: .35; + filter: Alpha(Opacity=35); + background-image: none; +} +.ui-widget-content-grey .ui-state-disabled-grey { + opacity: .35; + filter: Alpha(Opacity=35); + background-image: none; +} +.ui-priority-primary-grey { font-weight: bold; } +.ui-widget-content-grey .ui-priority-primary-grey { font-weight: bold; } +.ui-priority-secondary-grey { + opacity: .7; + filter: Alpha(Opacity=70); + font-weight: normal; +} +.ui-widget-content-grey .ui-priority-secondary-grey { + opacity: .7; + filter: Alpha(Opacity=70); + font-weight: normal; +} +.ui-state-highlight-grey { + border: 1px solid #fad42e; + background: #fbec88; + color: #363636; +} +.ui-widget-content-grey .ui-state-highlight-grey { + border: 1px solid #fad42e; + background: #fbec88; + color: #363636; +} +.ui-state-error-grey { + border: 1px solid #cd0a0a; + background: #fef1ec; + color: #cd0a0a; +} +.ui-state-error-grey:hover { + border: 1px solid #cd0a0a; + background: #fef1ec; + color: #cd0a0a; +} +.ui-widget-content-grey .ui-state-error-grey { + border: 1px solid #cd0a0a; + background: #fef1ec; + color: #cd0a0a; +} +.ui-state-error-text-grey { color: #cd0a0a; } +.ui-state-error-text-grey:hover { color: #cd0a0a; } +.ui-widget-content-grey .ui-state-error-text-grey { color: #cd0a0a; } +.ui-state-error-text-grey:hover { background: #fef1ec; } +.ui-state-default:hover { + border: 1px solid #A2DEF0; + background: #fcfdfd; + font-weight: bold; + color: #1F9EC9; + outline: none; +} +.ui-state-default a:hover { + color: #1F9EC9; + text-decoration: none; + outline: none; +} +.ui-state-highlight { + border: 1px solid #fad42e; + background: #fbec88; + color: #363636; +} +.ui-widget-content .ui-state-highlight { + border: 1px solid #fad42e; + background: #fbec88; + color: #363636; +} +.ui-state-error { + border: 1px solid #cd0a0a; + background: #fef1ec; + color: #cd0a0a; +} +.ui-state-error:hover { + border: 1px solid #cd0a0a; + background: #fef1ec; + color: #cd0a0a; +} +.ui-widget-content .ui-state-error { + border: 1px solid #cd0a0a; + background: #fef1ec; + color: #cd0a0a; +} +.ui-state-error-text { color: #cd0a0a; } +.ui-state-error-text:hover { color: #cd0a0a; } +.ui-widget-content .ui-state-error-text { color: #cd0a0a; } +.ui-state-error-text:hover { + color: #cd0a0a; + background: #fef1ec; + cursor: pointer; +} +.ui-state-default-green { + border: 1px solid #D3E8A4; + background: #F5F9E9; + color: #3F8300; + outline: none; +} +.ui-widget-content-green .ui-state-default-green { + border: 1px solid #D3E8A4; + background: #F5F9E9; + color: #3F8300; + outline: none; +} +.ui-state-default-green a { + color: #3F8300; + text-decoration: none; + outline: none; +} +.ui-state-hover-green { + border: 1px solid #D3E8A4; + background: #FFFFFF; + color: #666666; + outline: none; +} +.ui-widget-content-green .ui-state-hover-green { + border: 1px solid #D3E8A4; + background: #FFFFFF; + color: #666666; + outline: none; +} +.ui-state-focus-green { + border: 1px solid #D3E8A4; + background: #FFFFFF; + color: #666666; + outline: none; +} +.ui-widget-content-green .ui-state-focus-green { + border: 1px solid #D3E8A4; + background: #FFFFFF; + color: #666666; + outline: none; +} +.ui-state-default-green:hover { + border: 1px solid #D3E8A4; + background: #FFFFFF; + color: #666666; + outline: none; +} +.ui-state-default-green a:hover { + color: #3F8300; + text-decoration: none; + outline: none; +} +.ui-state-hover-green a { + color: #666666; + text-decoration: none; + outline: none; +} +.ui-state-active-green { + border: 1px solid #D3E8A4; + background: #FFFFFF; + font-weight: bold; + color: #666666; + outline: none; +} +.ui-widget-content-green .ui-state-active-green { + border: 1px solid #D3E8A4; + background: #FFFFFF; + font-weight: bold; + color: #666666; + outline: none; +} +.ui-state-active-green a { + color: #666666; + outline: none; + text-decoration: none; +} +.icon { + height: 25px; + width: 25px; + margin: .2em; + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; +} +.small-icon { + height: 16px; + width: 16px; + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; +} +.icon a { + text-indent: -9999em; + display: block; + height: 25px; + width: 25px; +} +.cat-arts-entertainment { background-position: -225px -25px; } +.cat-1 { background-position: -225px -25px; } +.cat-automotive { background-position: -100px 0; } +.cat-2 { background-position: -100px 0; } +.cat-business-professional-services { background-position: -150px 0; } +.cat-3 { background-position: -150px 0; } +.cat-computers-and-internet { background-position: -400px -25px; } +.cat-4 { background-position: -400px -25px; } +.cat-contractors-construction-equipment { background-position: -200px 0; } +.cat-5 { background-position: -200px 0; } +.cat-education { background-position: -425px -25px; } +.cat-6 { background-position: -425px -25px; } +.cat-finance-insurance { background-position: -425px 0; } +.cat-7 { background-position: -425px 0; } +.cat-health-medicine { background-position: -175px 0; } +.cat-8 { background-position: -175px 0; } +.cat-home-garden { background-position: -200px -25px; } +.cat-9 { background-position: -200px -25px; } +.cat-legal { background-position: -450px 0; } +.cat-10 { background-position: -450px 0; } +.cat-manufacturing-production-wholesale { background-position: -525px 0; } +.cat-11 { background-position: -525px 0; } +.cat-other { background-position: -475px 0; } +.cat-12 { background-position: -475px 0; } +.cat-personal-services-care { background-position: -25px 0; } +.cat-13 { background-position: -25px 0; } +.cat-pets { background-position: -350px -25px; } +.cat-14 { background-position: -350px -25px; } +.cat-real-estate-moving-storage { background-position: -225px 0; } +.cat-15 { background-position: -225px 0; } +.cat-religious-organizations { background-position: -500px 0; } +.cat-16 { background-position: -500px 0; } +.cat-restaurants-food-beverages { background-position: 0 0; } +.cat-17 { background-position: 0 0; } +.cat-retail-shopping { background-position: -75px 0; } +.cat-18 { background-position: -75px 0; } +.cat-sports-recreation { background-position: -375px -25px; } +.cat-19 { background-position: -375px -25px; } +.cat-telecommunications { background-position: -525px -25px; } +.cat-20 { background-position: -525px -25px; } +.cat-travel-transportation { background-position: -500px -25px; } +.cat-21 { background-position: -500px -25px; } +.feed-add_photo { background-position: -250px -25px; } +.feed-1 { background-position: -250px -25px; } +.feed-new_review { background-position: -300px -25px; } +.feed-2 { background-position: -300px -25px; } +.feed-all_star { background-position: -50px -50px; } +.feed-4 { background-position: -50px -50px; } +.feed-new_video { background-position: -100px -25px; } +.feed-5 { background-position: -100px -25px; } +.feed-profile_update { background-position: -25px -25px; } +.feed-7 { background-position: -25px -25px; } +.feed-add_tag { background-position: 0 -25px; } +.feed-8 { background-position: 0 -25px; } +.feed-new_vote { background-position: -75px -25px; } +.feed-11 { background-position: -75px -25px; } +a.video { + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; + background-position: -625px -75px; + padding-left: 20px; +} +a.allstar { + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; + background-position: -625px -50px; + padding-left: 17px; +} +#businessHeading a.allstar { background: none; } +a.add { + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; + background-position: -625px -98px; + padding-left: 15px; +} +.icon-number { + background-position: -550px 0; + color: #FFFFFF; + font-size: 11px; + font-weight: bold; + text-align: center; +} +.icon-number-hover { background-position: -550px -25px; } +a.blue-close { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -133px 0; + display: block; + width: 14px; + height: 15px; +} +a.green-close { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -255px 0; + display: block; + width: 14px; + height: 15px; +} +.cs-wwiaftm { + height: 66px; + width: 66px; + background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat -270px 0; +} +.smallLoader { + background: url("http://static.csimg.com/img/loaders/cs-smallLoader.20081130.1.gif") no-repeat 50% 50%; + height: 16px; + width: 16px; + display: block; +} +.smallBlueLoader { + background: url("http://static.csimg.com/img/single/cs-smallBlueLoader.20081130.1.gif") no-repeat 50% 50%; + height: 16px; + width: 16px; + display: block; +} +.icon-country { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -595px 0; + height: 25px; + width: 25px; +} +.icon-country a { + display: block; + height: 25px; + width: 25px; +} +.icon-dropdown { + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; + background-position: -600px -25px; + height: 15px; + width: 15px; + float: left; + display: inline; + margin-left: .5em; + margin-top: .7em; + cursor: pointer; +} +.icon-dropdownUp { + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; + background-position: -600px -25px; + height: 15px; + width: 15px; + float: left; + display: inline; + margin-left: .5em; + margin-top: .7em; + cursor: pointer; +} +.icon-dropdownUp { background-position: -600px -50px; } +.icon-greenArrow { + background-position: -25px -50px; + float: left; +} +.icon-rss { + background-position: -475px -25px; + float: right; + height: 15px; + width: 15px; +} +.icon-fb { background-position: -225px -50px; } +.icon-sms { background-position: -250px -50px; } +.icon-leave-review { background-position: -300px -50px; } +.icon-posted-on { background-position: -350px -50px; } +.icon-send-message { background-position: -375px -50px; } +.icon-flag { background-position: -400px -50px; } +.icon-about-us { + background-position: -425px -50px; + display: block; + float: left; +} +.icon-menu { background-position: -450px -50px; } +.icon-coupons { background-position: -475px -50px; } +.icon-fans { background-position: -500px -50px; } +.icon-print { background-position: -400px 0; } +.icon-local-badge { background-position: -530px -55px; } +.js .icon-local-badge { text-indent: -99999em; } +.icon-reviews { + background-position: -278px -54px; + float: left; + padding-right: .3em; +} +.icon-location-pin { + background-position: -328px -55px; + display: block; + float: left; +} +.icon-tags { + background-position: -203px -53px; + float: left; + padding-right: .3em; +} +.icon-claim-alert { + background-position: -353px -3px; + float: left; + padding-right: .5em; +} +.icon-right-arrow { background-position: -300px -2px; } +.icon-paper { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -525px -75px; + width: 32px; + height: 32px; + float: left; +} +.icon-downArrow { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -300px -75px; } +.icon-upArrow { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -315px -75px; } +.cs-blue-fade { + border: 1px solid #B6E6F3; + background: #E6F7FB; + padding: .5em; + color: #1A85A8; +} +.cs-blue-fade p { padding: .5em 0; } +.cs-blue-fade img { + padding: 0 1em 0 0; + float: left; + display: inline; +} +.cs-green-solid { + border: 4px solid #BDD685; + background: #E2EDC9; + padding: .5em; + color: #647836; +} +.cs-light-blue { + color: #6C6C6C; + background: #E1F5FB; + padding: .5em; +} +.cs-green-block { + padding: .5em; + border-top: 2px solid; + margin: 1em 0; +} +.cs-yellow-block { + padding: .5em; + border-top: 2px solid; + margin: 1em 0; +} +.cs-blue-block { + padding: .5em; + border-top: 2px solid; + margin: 1em 0; +} +.cs-yellow-block .title { + font-size: 93%; + color: #C0A316; + padding: 0 0 .5em; +} +.cs-green-block .title { + font-size: 93%; + color: #C0A316; + padding: 0 0 .5em; +} +.cs-blue-block .title { + font-size: 93%; + color: #C0A316; + padding: 0 0 .5em; +} +.cs-green-block { + background: #EAF1D8; + border-top-color: #D8E6B5; +} +.cs-green-block h5 { + font-size: 120%; + color: #668333; +} +.cs-yellow-block { + background: #FFF1D1; + border-top-color: #FECD57; +} +.cs-yellow-block h5 { + font-size: 120%; + color: #73630C; +} +.cs-blue-block { + background: #E6F7FB; + border-top-color: #B6E6F3; +} +.cs-blue-block h5 { + font-size: 120%; + color: #1F9EC9; +} +.ad-container { + padding: 3px 0 0; + text-align: center; + z-index: 0; + position: relative; +} +.zoneA { + margin: .5em 1em 1em .5em; + border: 1px solid #E0E0E0; +} +.zoneB { + border: 1px solid #E0E0E0; + padding: 0; + margin: auto; + width: 300px; + height: 250px; + margin-bottom: 3px; +} +.ad-bottom img { border: none; } +ul.blue-separator li.adHover:hover { background: #FFFFFF; } +#categoryList { padding: 1em 0 .5em 0; } +#categoryList .title { font-weight: bold; } +#detailsContainer #detailTabs { margin-top: 1em; } +#detailsContainer { + color: #666666; + margin-right: 1em; + margin-bottom: .5em; + margin-left: .5em; +} +.detailsItem { + margin: 1em 0 0 0; + border-top: 1px solid #EFEEED; + padding: 1em .5em; +} +#detailsContainer h1 { + margin: 0; + padding: 0; + color: #FF6600; + font-size: 161.6%; +} +#detailsContainer h1 a { + text-decoration: none; + color: #FF6600; +} +#detailsStandard h1 { + display: inline; + float: left; +} +#detailsStandard .icon-local-badge { + float: left; + margin: .2em 0 0 .75em; +} +#detailsStandard { position: relative; } +#claimBusiness { + position: absolute; + right: .75em; + display: block; + padding: .5em .75em; + background: #FFFFFF; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-bottom-right-radius: 3px; +} +#detailsGeneral { + background-color: #EFEEED; + padding: .75em; + margin-top: .5em; +} +#detailsStandard { + background-color: #EFEEED; + padding: .75em; + margin-top: .5em; +} +#detailsGeneral .yui-g { background-color: #FFFFFF; } +#detailsStandard #mainBizContent { background-color: #FFFFFF; } +.detailsAmenities .title { color: #A5A5A5; } +#detailsHours .title { color: #A5A5A5; } +#detailsHours .head { + padding-bottom: .5em; + display: block; +} +.detailsAmenities ul { + margin: .5em 0; + padding: 0; +} +#detailsContainer #businessHeading ul { + margin: 0; + padding: .5em 0; +} +#detailsContainer #businessHeading ul li { + float: left; + border-left: 1px solid #EEEEEE; + padding: 0 .5em 0 .5em; + display: block; +} +#detailsContainer #businessHeading ul:first-child { + border: none; + padding-left: 0; +} +#detailsContainer #servicesBrands { + background: #EFEEED; + padding-top: .5em; +} +#detailsContainer #votes { + clear: both; + text-align: center; + padding: .5em .75em 0; + color: #BFBFBF; + font-size: 93%; +} +#detailsContainer #starRatings { + border-left: 1px solid #EEEEEE; + padding-top: .5em; +} +#detailsEnhanced #starRatings .fivestar-container { margin-left: 25px; } +#detailsStandard #starRatings .fivestar-container { + margin-top: 5px; + margin-right: 5px; +} +#detailsStandard #votes { + float: left; + clear: none; + padding-top: 11px; + padding-left: 0; +} +#detailsStandard #starRatings { + border: none; + padding: 0; +} +#detailsInfo { + line-height: 1.5em; + padding-top: .5em; +} +#detailsStandard #detailsInfo { padding: .5em; } +#detailsInfo .title { + color: #A5A5A5; + margin-top: 1em; + display: block; +} +#detailsStandard #detailsInfo .title { + margin: 0; + display: inline; +} +#detailsStandard #detailsInfo .phone { line-height: 1.75em; } +#detailsInfo .phone { + font-size: 123.1%; + font-weight: bold; +} +#detailsEnhanced #detailsInfo ul { + padding: 0; + margin: 0 .5em .5em 0; +} +#detailsEnhanced #detailsInfo ul li { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -625px -19px; + padding: .2em 0 0 8px; +} +#detailsStandard ul#buttonList { + margin: 0; + padding: 0; +} +#detailsStandard ul#buttonList li { + margin: 1.5em .5em .5em 0; + float: left; + display: inline; + font-weight: normal; +} +#detailsStandard ul#buttonList li a { text-decoration: none; } +.juliesTables br { display: none; } +#toggleTagWrap { padding: .5em .5em 0 0; } +#toggleTagAdd { float: right; } +#addTags { + padding: .5em .5em; + margin-top: .5em; + background: #FFFFFF; + border: 1px solid #dddddd; + text-align: ; +} +#tagCloudWrap { margin-top: .5em; } +#tagCloud ul { margin: 0; } +#tagCloud ul li { + float: left; + margin-left: .2em; +} +#tagCloud ul li.title { margin: 0; } +#moreTagsContainer { + height: 0; + overflow: hidden; +} +#addTagTitle { + font-size: 85%; + padding-bottom: .5em; +} +#chart { + width: 100%; + height: 30em; + background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%; +} +#detailsVideo { + padding: 1em; + margin: 1em 0; + border: 0; +} +#detailsVideo #video { float: left; } +#detailsVideo #description { + float: left; + color: #333333; + padding: 0 1em; +} +#detailsMap { position: relative; } +#standardMap { position: relative; } +#bizMap { + z-index: 1; + position: relative; + height: 18.5em; + overflow: hidden; + background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%; +} +#standardMap { + padding: .3em; + margin: .75em; + border: 1px solid #E0E0E0; +} +#standardMap #bizMap { height: 10em; } +#mapOverlay { + background-color: #333333; + opacity: .75; + filter: alpha(opacity=75); + -moz-opacity: 0.75; + width: 100%; + z-index: 9; + position: relative; + margin-top: -45px; + height: 45px; +} +#overlayText { + color: #FFFFFF; + text-align: center; + background: transparent; + position: relative; + margin-top: -3em; + z-index: 9; + padding: .8em 0 1em; + font-weight: bold; +} +#agendizeLinks .yui-u { + text-align: center; + border: 1px solid #FEE9B8; + margin-top: .5em; +} +#agendizeLinks a { + background: #FFF5DF; + color: #74630C; + font-weight: bold; + display: block; + padding: .5em 0; + text-decoration: none; + font-size: 93%; +} +#agendizeLinks a:hover { + background: #FFF5DF; + text-decoration: underline; +} +#toggleReviewForm { + float: right; + display: inline; + cursor: pointer; +} +#reviewsContainer { + color: #6C6C6C; + margin-top: 2em; + margin-right: 1em; + margin-bottom: .5em; + margin-left: .5em; +} +#reviewsContainer h5 { color: #137292; } +#reviewsContainer .title { + color: #999999; + font-size: 93%; +} +#reviewsList { + margin-top: 1em; + border-top: 2px solid #C0E9F5; + padding-top: .5em; +} +#noReviews { + margin: 1em 0 1em; + font-size: 100%; + font-weight: bold; +} +#addReview { + padding-top: 1em; + border-top: 2px solid #C0E9F5; +} +.review { + border-bottom: 1px solid #DFDFDF; + margin: 1em 0; +} +.review .photo { + float: left; + display: inline; + text-align: center; + padding: 0 1em; + font-weight: bold; + font-size: 93%; +} +.review .photo a { text-decoration: none; } +.review .photo img { border: 5px solid #EFEEED; } +.review .reviewOptions { padding-left: 9.5em; } +.review .reviewOptions ul { + margin: 0; + padding: 0; +} +.review .reviewOptions ul li { + float: left; + display: inline; + margin: .5em 0; + padding: 0 1em; + font-size: 85%; +} +.review .reviewOptions ul li:first-child { border-right: 1px solid #DFDFDF; } +.review .reviewText { padding-left: 125px; } +#editBiz { border: 2px solid #1F9EC9; } +#editBiz .title { + background: #1F9EC9; + padding: .5em 1em; +} +#editBiz .title h4 { + color: #FFFFFF; + font-size: 123.1%; +} +#editBiz .content { padding: 1.5em 1em 1em 1em; } +#editBiz .icon-paper { + margin-top: -.5em; + margin-right: .5em; +} +#adminLinks .content { padding: .5em; } +#businessLogo { + border-color: #EFEEED; + border-width: 5px; + border-style: solid; +} +#businessLogo img { display: block; } +#detailDeal .cs-deal { background: #FFFFFF; } +#detailPhotos .content { text-align: center; } +#detailPhotos img { + margin: 2px; + border-width: 2px; + border-style: solid; + border-color: #DDDDDD; +} +#detailPhotos img:hover { border-color: #AAAAAA; } +#detailPhotos a { + text-decoration: none; + font-size: 93%; + color: #C0A316; +} +#detailPhotos a:hover { text-decoration: underline; } +#ccNewsletter .content { + background: #FFFFFF; + color: #666666; + padding: .5em; +} +#ccNewsletter .content form { margin: .5em; } +#ccNewsletter .content form label { display: block; } +#ccNewsletter .content form input { + width: 90%; + margin: .5em; +} +#ccNewsletter .content form #edit-submit { width: auto; } +#showChart { cursor: pointer; } +#ft { font-size: 93%; } +#ft .logo { + float: left; + margin: 1em 0 1em 1em; +} +#ftTop { + background: #1F9EC9; + font-weight: bold; + padding: .5em; + text-align: center; +} +#ftBottom { + background: #5FC5E7; + color: #FFFFFF; +} +#ftBottom span { + font-weight: bold; + color: #006581; +} +#ftBottom #stateLinks { + background: #ACE1F2; + margin: 0 .75em; + padding: .75em; +} +#copyright { + display: block; + padding: 1.5em 1em; + float: left; +} +#findLogin { + padding: 1em .5em 1em; + background: #FFFFFF; + text-indent: -9999em; + border-bottom: 1px solid #EEEEEE; + margin: 0 .5em; +} +#findYourBusiness { + font-size: 93%; + padding: 0; + margin: 0; + height: 26px; + width: 685px; + display: block; + margin-top: .5em; + background: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png") no-repeat 0 0; +} +#homeSearch { + background: #FEFDD6; + margin: 1em .5em; + padding: 0; + color: #FF9933; + font-size: 93%; + font-weight: bold; + border: 1px solid #FDFBAA; +} +#homeSearch #bg { + float: right; + width: 330px; + height: 87px; + background: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png") no-repeat -355px -30px; +} +#homeSearch span { + display: block; + padding: 1em 0 0 1.2em; +} +#homeSearch #location-jump-form { margin: .5em 0 0 1em; } +#homeSearch #location-jump-form .form-text { + padding: .75em; + font-size: 108%; +} +#homeSearch #location-jump-form .form-submit { + width: auto; + border: 1px solid #707070; + padding: 1em 1em .8em; + margin: 0 0 0 .5em; + color: #000000; + background: #F0F0F0; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +#homeSearch #location-jump-form .form-submit:hover { background: #D1D1D1; } +#homeMain { + border-top: 1px solid #EEEEEE; + border-bottom: 1px solid #EEEEEE; + margin: .5em .5em; + padding-bottom: 1.5em; +} +#homeMain #owner { + height: 268px; + width: 455px; + background: #FFFFFF url("http://static.csimg.com/img/cs-homeOwner.20090403.1.png") no-repeat; + margin: 0 auto; + position: relative; +} +#homeMain #owner span { + display: block; + float: left; + padding: 1em 1.5em 0 1em; +} +#homeMain #ownText { + position: absolute; + top: 73px; + left: 25px; + width: 265px; + color: #005771; + font-size: 93%; + line-height: 1.5em; +} +#homeMain #ownButtons { + position: absolute; + top: 215px; + left: 15px; + color: #FFFFFF; + font-weight: bold; +} +#homeMain #new { + background: #DFEBCB; + padding: 1em; + margin-top: 18px; +} +#homeMain #new #list { + background: #FFFFFF; + padding: .5em; +} +.spyWrapper { + overflow: hidden; + position: relative; +} +#homeLocations { margin: 1.5em 0 1em .5em; } +#topCityPic { + display: block; + overflow: hidden; + height: 350px; + width: 455px; + margin: 0 auto; + background: url("http://mw2.google.com/mw-panoramio/photos/medium/3011660.jpg") no-repeat; +} +#cityOverlay { + background-color: #1F9EC9; + opacity: .75; + filter: alpha(opacity=75); + -moz-opacity: 0.75; + width: 425px; + z-index: 9; + position: relative; + margin-top: 225px; + margin-left: auto; + margin-right: auto; + color: #FFFFFF; + font-size: 182%; + font-weight: bold; + padding: 15px; +} +#cityOverlay a { + color: #FFFFFF; + text-decoration: none; +} +#picInfo { + width: 455px; + margin: 0 auto; + color: #666666; + padding: .5em .5em 0 .5em; +} +#edit-standardname { width: 600px; } +#edit-user-name { width: 600px; } +#edit-cityname { width: 470px; } +#standard-submit-button { + display: block; + margin: 0 auto; +} +.no-business-results { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -625px -25px; + padding: 0 0 0 10px; +} +.search-description { + font-size: 85%; + color: #777777; + width: 500px; + padding: 0 1em; +} +#business-add-form { padding-bottom: 6px; } +#business-add-standard-form { padding-bottom: 6px; } +#eventful-add-event-form { padding-bottom: 6px; } +#business-add-form label { + padding-top: 6px; + display: block; +} +#eventful-add-event-form label { + padding-top: 6px; + display: block; +} +#business-add-form .description { + font-size: 11px; + color: #777777; + padding-left: 0; +} +#eventful-add-event-form .description { + font-size: 11px; + color: #777777; + padding-left: 0; +} +#business-add-form fieldset { + background: #F3FBFE; + border: 1px solid #C2E2EC; + width: 90%; + margin: .5em; + padding: .5em; +} +#eventful-add-event-form fieldset { + background: #F3FBFE; + border: 1px solid #C2E2EC; + width: 90%; + margin: .5em; + padding: .5em; +} +#business-add-form fieldset fieldset { + background: #FFFFFF; + border: 3px double #C2E2EC; + width: 95%; +} +#eventful-add-event-form fieldset fielset { + background: #FFFFFF; + border: 3px double #C2E2EC; + width: 95%; +} +#business-add-form fieldset fieldset legend { + font-size: 14px; + color: #333333; + font-weight: bold; +} +#eventful-add-event-form fieldset fieldset legend { + font-size: 14px; + color: #333333; + font-weight: bold; +} +#business-add-form legend { + font: normal 20px 'Trebuchet MS', Trebuchet, sans-serif; + color: #166C89; + text-transform: capitalize; +} +#eventful-add-event-form legend { + font: normal 20px 'Trebuchet MS', Trebuchet, sans-serif; + color: #166C89; + text-transform: capitalize; +} +#business-add-form legend a { + font: normal 20px 'Trebuchet MS', Trebuchet, sans-serif; + color: #166C89; + text-transform: capitalize; +} +#eventful-add-event-form legend a { + font: normal 20px 'Trebuchet MS', Trebuchet, sans-serif; + color: #166C89; + text-transform: capitalize; +} +.cs-form .item { padding: .5em; } +.cs-form .item label { + color: #656565; + display: block; + padding: .25em 0; +} +.cs-form .item .form-text { padding: .25em; } +.cs-blue-form { + background: #E2F6FA; + border: 1px solid #B6E6F3; + padding: .5em; +} +.cs-grey-form { background: #EFEFEF; } +fieldset { + float: left; + display: inline; +} +.description { font-size: 85%; } +.featuredVideo { + text-align: center; + padding: .5em; +} +.featuredVideo .biz-name { + color: #F08711; + font-size: 14px; + font-weight: bold; +} +.featuredVideo .address { + color: #666666; + font-size: 12px; +} +.featuredVideo .phone { + color: #666666; + font-size: 12px; +} +.featuredVideo .phone { font-weight: bold; } +.newsletter { + padding-top: 3em; + text-align: center; +} +div#corp-pages { padding: .5em; } +div.corp-pages-menu { padding: .5em; } +#map { background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%; } +#gmap-tooltip-map { + width: 500px; + position: relative; +} +#gmap-infowindow img { + display: inline; + float: left; + margin-right: 10px; +} +#gmap-tt-float { float: left; } +.gmap-tt-text { + font: bold 9px Verdana, Arial, Helvetica, sans-serif; + color: #333333; + padding: .5em .65em 0 0; +} +.gmap-clear-left { clear: left; } +.gmap-tt-left { + background: url("http://static.csimg.com/img/gmap/tt-left.png") no-repeat; + height: 26px; + width: 7px; +} +.gmap-tt-middle { + background: url("http://static.csimg.com/img/gmap/tt-middle.png") repeat-x; + height: 26px; +} +.gmap-tt-right { + background: url("http://static.csimg.com/img/gmap/tt-right.png") no-repeat; + width: 30px; + height: 26px; +} +.gmap-tt-pointer { + background: url("http://static.csimg.com/img/gmap/tt-pointer.png") no-repeat; + width: 16px; + height: 9px; + position: absolute; + top: -7px; + left: 13px; +} +.video-pane { + text-align: center; + display: none; + position: relative; + padding-top: .5em; +} +.video-pane a.blue-close { + position: absolute; + top: 0; + right: 5px; +} +div.vote-count { + float: right; + height: 40px; + width: 72px; + color: #75630D; + font-size: 16px; + text-align: center; + padding-top: 8px; + padding-left: 3px; + margin-right: .5em; + line-height: 12px; + font-weight: bold; + background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat -190px 0; +} +div.vote-count span.desc { + font-size: 8px; + color: #D7B61A; + text-transform: uppercase; + margin-top: -5px; +} +.votesCount { + float: left; + border-left: 1px solid #CCCCCC; + padding-left: .5em; + margin-left: .5em; +} +div.pager { + padding-left: 1em; + color: #1F9EC9; + margin-bottom: 1em; + text-align: center; +} +div.pager .active { + padding: .4em .5em; + text-decoration: none; + margin: 0 .25em; + text-transform: uppercase; +} +span.pager-list a.active { + padding: .4em .5em; + text-decoration: none; + margin: 0 .25em; + text-transform: uppercase; +} +span.pager-list .pager-current { + padding: .4em .5em; + text-decoration: none; + margin: 0 .25em; + text-transform: uppercase; +} +div.pager .active { + border: 1px solid #60C5E7; + color: #1F9EC9; +} +span.pager-list a.active { + border: 1px solid #60C5E7; + color: #1F9EC9; +} +span.pager-list a.active { background-color: #E9F8FC; } +span.pager-list .pager-current { + font-size: 153.9%; + color: #333333; + margin: 0; + padding: .4em .3em; +} +span.pager-list a.active:hover { background-color: #FFFFFF; } +#cs-listing-options { color: #6C6C6C; } +#cs-listing-options h1 { + font-size: 123.1%; + color: #666666; +} +#filters { + background: #F3FCFE; + border-top: 2px solid #C0E9F5; + border-bottom: 2px solid #C0E9F5; + color: #6C6C6C; + padding: .5em; +} +li.business { + color: #6C6C6C; + line-height: 1.5em; +} +li.business .cs-blogo { + float: left; + margin-right: 1em; +} +li.business .cs-blogo img { + border: 1px solid #DDDDDD; + padding: 6px; + background: #FFFFFF; +} +li.business .cs-sblogo { + float: left; + margin-right: 1em; + text-align: center; + height: 80px; + width: 72px; + background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat -326px 0; +} +li.business .cs-sblogo a { + font-size: 11px; + font-weight: bold; + text-decoration: none; + color: #828282; + display: block; + width: 72px; + height: 21px; + border: 1px solid #DDDDDD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + padding-top: 5px; + background: #FFFFFF; +} +li.business a.name { + font-size: 116%; + font-weight: bold; + float: left; +} +li.business .info { text-align: left; } +li.business .phone { font-weight: bold; } +li.business .bIcons { + width: 40px; + float: left; + padding: 8px 0 0 7px; +} +#business-add-results { margin: 1em 0; } +.business-add-search-result { + border-bottom: 1px solid #C0E9F5; + line-height: 1.5em; + padding: .5em; + color: #666666; +} +div.fivestar-container { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -125px -55px; + width: 70px; + height: 16px; + float: left; + display: inline; +} +div.fivestar-container .star { + display: block; + float: left; + width: 14px; + height: 15px; + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; + background-position: -575px 0; + cursor: pointer; + overflow: hidden; +} +div.fivestar-container .on { background-position: -575px -16px; } +div.fivestar-container .hover { background-position: -575px -32px; } +#detailsContainer div.fivestar-container { + background: none; + width: 100px; + height: 20px; + float: left; +} +#detailsContainer div.fivestar-container .star { + display: block; + float: left; + width: 20px; + height: 20px; + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; + background-position: -575px -50px; + cursor: pointer; + overflow: hidden; +} +#detailsContainer div.fivestar-container .on { background-position: -575px -75px; } +#detailsContainer div.fivestar-container .hover { background-position: -575px -100px; } +.cs-block { + margin: 0; + color: #8A8A8A; +} +.cs-block-title { padding: .5em 0 0 0; } +.cs-block-control { + color: #999999; + text-align: right; +} +.cs-block-title .moreLink { font-size: 87%; } +.pad-block { margin-top: .5em; } +.selected { + text-decoration: none; + color: #666666; + font-weight: bold; +} +#biz-status { + display: none; + margin-left: .5em; +} +#location-status { + display: none; + margin-left: .5em; +} +#biz-status { float: left; } +#location-status { + float: left; + display: none; + margin-left: .5em; + margin-top: .25em; +} +.hot-title { + color: #177797; + font-weight: bold; + padding: 0 .5em; +} +.hot-title .icon { + float: right; + display: inline; +} +.hot-title span { + color: #999999; + font-size: 90%; + font-weight: normal; +} +.hot-title span a { font-size: 80%; } +.hot-cat-name { + float: left; + display: inline; + padding-top: .75em; +} +.cs-block .hot-name { width: 100%; } +.cs-block .hot-biz-name { color: #1F9EC9; } +.cs-block .hot-biz-name a { font-weight: bold; } +.cs-block .fivestar-container { float: right; } +.cs-block .fivestar-container .description { display: none; } +.cs-deal { + border: 3px dashed #CCCCCC; + color: #666666; + padding: .1em; + margin: .5em 0; +} +.cs-deal .address { + background: #F4F4F4; + padding: .5em .75em; + color: #666666; +} +.cs-deal .address span { font-size: 85%; } +.cs-deal .cs-deal-text { + font-size: 123.1%; + padding: 1em; +} +.cs-deal .id { + color: #9A9A9A; + font-size: 93%; + padding: .3em .8em; + margin: .5em; + text-align: center; +} +.cs-deal .id { + float: left; + display: inline; + margin-left: 0; +} +.talk-bubble { display: block; } +.talk-bubble * { + display: block; + height: 1px; + overflow: hidden; + font-size: .01em; + background: #FEFEFE; +} +.talk-bubble1 { + margin-left: 3px; + margin-right: 3px; + padding-left: 1px; + padding-right: 1px; + border-left: 1px solid #edf9fc; + border-right: 1px solid #edf9fc; + background: #f7fcfe; +} +.talk-bubble2 { + margin-left: 1px; + margin-right: 1px; + padding-right: 1px; + padding-left: 1px; + border-left: 1px solid #e4f6fb; + border-right: 1px solid #e4f6fb; + background: #f9fdfe; +} +.talk-bubble3 { + margin-left: 1px; + margin-right: 1px; + border-left: 1px solid #f9fdfe; + border-right: 1px solid #f9fdfe; +} +.talk-bubble4 { + border-left: 1px solid #edf9fc; + border-right: 1px solid #edf9fc; +} +.talk-bubble5 { + border-left: 1px solid #f7fcfe; + border-right: 1px solid #f7fcfe; +} +.talk-bubblefg { background: #FEFEFE; } +.review-header img { + border: 1px solid #DDDDDD; + padding: 2px; + background: #FFFFFF; + float: left; + display: inline; + margin: 0 .5em 0 0; +} +.review-bubble { + position: relative; + margin: 20px 0 0 0; +} +.review-bubble-text { padding: .5em .5em .5em 25px; } +.review-bubble .talkie { + position: absolute; + top: -25px; + left: 35px; + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -125px -25px; + width: 25px; + height: 25px; +} +.review-bubble .quote { + margin: .5em 0 0 .5em; + height: 25px; + width: 20px; + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -150px -25px; + float: left; + display: inline; +} +.topCities { padding: .5em; } +#aboutHood { + background: #E1F5FB; + padding: .5em; + color: #156782; +} +#aboutHood .teaser { margin: .25em .5em; } +#addPhotoContainer { padding: .5em 0; } +#hoodAddPhoto { + float: right; + padding: .5em .5em 0 1em; + margin-top: -1.65em; + background: #E1F5FB; +} +.panoramio-copy { + margin: 0 auto; + text-align: center; + color: #333333; + font-size: 75%; + padding: 1em; +} +.panoramio-copy a { color: #167392; } +ul.navList { + margin: 0; + padding: .5em 0; + color: #7E7E7E; +} +ul.navList li { + padding: .25em 0; + width: 100%; +} +.xdebug-var-dump { text-align: left; } +.eventful-badge { + margin: 0; + padding: 0; + border: 0; + text-align: center; + color: #CCCCCC; + font-family: Arial; + text-decoration: none; + float: right; +} +.eventful-small { + position: relative; + width: 100px; + font-size: 11px; + line-height: 11px; +} +.eventful-badge a { + color: #CCCCCC; + text-decoration: none; +} +#nearbyUpcomingEvents { background: #FFFFFF; } +.content-item { + width: 100%; + border: 1px #999999 solid; + margin: 1em 0 1em 0; + padding: .5em; + margin: .5em; +} +.content-item .address { + color: #666666; + padding: 0; + margin: 0; +} +.content-item .phone { + color: #666666; + padding: 0; + margin: 0; +} +.content-item .address { + display: block; + text-transform: capitalize; +} +.content-item .phone { color: #666666; } +.content-item .alt-phone { + padding: 0; + margin: 0; + text-transform: capitalize; + font-weight: normal; +} +.content-item .hide-content-link { + float: right; + margin: 0 5px 10px 10px; + clear: both; +} +.content-item .full-content { + position: relative; + border: 1px #999999 dotted; + padding: .3em; +} +#edit-biz-message { color: #cccccc; } +#root-cta { + font: bold 18px Arial, Helvetica, sans-serif; + color: #ffffff; + width: 926px; + height: 128px; + background: url("http://static.csimg.com/v2/img/root-cta-background.png") no-repeat; + margin: 0 auto; + position: relative; +} +#root-cta-big-text { + margin-left: 20px; + padding-top: 25px; +} +#root-cta-big-text span { + margin: 0 4px 0 4px; + padding: .2em 0 0 0; + color: #167696; + float: left; +} +#root-cta-button { float: left; } +.root-cta-button-left { + background: url("http://static.csimg.com/v2/img/root-cta-button-bg-left.png") no-repeat; + float: left; + height: 32px; + width: 5px; +} +.root-cta-button-right { + background: url("http://static.csimg.com/v2/img/root-cta-button-bg-right.png") no-repeat; + float: left; + height: 32px; + width: 5px; +} +.root-cta-button-middle { + height: 32px; + background: url("http://static.csimg.com/v2/img/root-cta-button-bg.png") repeat-x; + padding: .2em 5px 0 5px; + float: left; +} +#root-talk-bubble { + background: url("http://static.csimg.com/v2/img/root-cta-talk-bubble.png") no-repeat; + height: 54px; + width: 720px; + position: absolute; + top: 70px; + left: 27px; + font: 12px Arial, Helvetica, sans-serif; + color: #666666; + padding: 10px 75px 0 35px; +} +#root-cta-account { + height: 34px; + width: 231px; + float: left; + margin-left: 35px; +} +#root-cta-close-button { + position: absolute; + top: 18px; + right: 8px; + width: 21px; + height: 15px; +} +#root-search { + background: url("http://static.csimg.com/v2/img/root-search-bar-bg.png") repeat-x; + width: 926px; + height: 105px; + margin: 5px auto; + border: #f2e79b 2px solid; +} +.root-search-box { + margin: 0px auto; + margin-top: 35px; + margin-left: 60px; + color: #8D7E12; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + font-weight: normal; + height: 40px; +} +.root-search-holder { + float: left; + padding-right: 7px; +} +#root-search #edit-search-term { + border: 1px solid #cdcdcd; + background: #ffffff url("http://static.csimg.com/v2/img/root-search-text-bar-bg.gif") repeat-x top left; + display: inline; + height: 20px; + padding-top: 5px; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + padding-left: 24px; + letter-spacing: -.06em; +} +.form-text .root-form-input { background: url("http://static.csimg.com/v2/img/root-search-magicon.gif") no-repeat left; } +.root-search-button { + background: url("http://static.csimg.com/v2/img/root-search-button.gif") repeat-x; + color: #ffffff; + font: bold 10px Tahoma; + letter-spacing: -.01em; + border: 2px solid #FF8C26; + text-transform: uppercase; + height: 27px; + padding: 4px; + width: 76px; +} +.root-loki-search { + width: 90px; + height: 27px; + float: left; +} +#root-search .form-text { + border: 1px solid #cdcdcd; + background: #ffffff url("http://static.csimg.com/v2/img/root-search-input-bg.png") repeat-x top left; + display: inline; + height: 20px; + padding-top: 5px; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + padding-left: 4px; + color: #666666; + letter-spacing: -.06em; +} +#root-region-dropdown-arrow { + float: left; + margin-left: 5px; + border: 1px solid #cdcdcd; + position: relative; +} +#root-region-list { + position: absolute; + top: 24; + right: 0; + background: #ffffff; + width: 300px; + z-index: 9999; + border: 1px solid #cdcdcd; +} +#map-root { + border: #c0e9f8 7px solid; + margin-top: 5px; +} +#region-list h1 { + height: 20px; + width: 266px; + background: #ffffff url("http://static.csimg.com/v2/img/root-region-bg.png") repeat-x bottom left; + font: bold 14px Arial, Helvetica, sans-serif; + padding: 5px; + border-bottom: 1px solid #c0e9f8; +} +.region-list-hoods { + clear: both; + margin: 5px; + float: right; + padding-left: 8px; + font-size: 11px; + font-style: italic; +} +.region-list-title { + font-weight: bold; + color: #F08711; +} +#region-list ul { + padding: 0; + margin: 5px 10px 0 0; + list-style: none; +} +#region-list ul li { + padding: 5px; + border: 1px solid #ffffff; + margin-bottom: 2px; +} +#region-list ul li:hover { + background: #f5fbfd; + border: 1px solid #c0e9f8; +} +#region-list .city-highlight { + background: #f5fbfd; + border: 1px solid #c0e9f8; +} +#region-list ul li img { + float: left; + margin-right: 5px; + padding: 2px; + border: 1px solid #cccccc; +} +.root-num-hoods { + font-size: 11px; + color: #666666; + padding-left: 13px; + background: url("http://static.csimg.com/v2/img/small-green-arrow.png") no-repeat; + background-position: 0% 50%; +} +.root-num-biz { + font-size: 11px; + color: #666666; + padding-left: 13px; + background: url("http://static.csimg.com/v2/img/small-green-arrow.png") no-repeat; + background-position: 0% 50%; +} +.quick-look-trigger { + font-size: 11px; + padding-left: 8px; +} +.sort-type { + font-size: 11px; + color: #999999; +} +.sort-text { + font-size: 11px; + color: #999999; +} +.state-select { + font-size: 11px; + color: #999999; +} +.sort-type { padding: 2px; } +.sort-text { font-style: italic; } +.state-select { font-style: italic; } +.sort-selected { + text-decoration: none; + background: #209fca; + color: #ffffff; +} +#region-city-sort-options { margin: 5px 0 5px 0; } +.root-add-image { + background: url("http://static.csimg.com/v2/img/root-no-image.png") no-repeat 2px 2px; + height: 60px; + width: 60px; + padding: 2px; + border: 1px solid #cccccc; + float: left; + margin-right: 5px; +} +.root-add-image-link { + height: 17px; + font-size: 10px; + text-align: center; + margin: 0 auto; + line-height: 17px; +} +.root-vote-now-link { + height: 17px; + font-size: 10px; + text-align: center; + margin: 0 auto; + line-height: 17px; +} +.root-add-image-link { + background: url("http://static.csimg.com/v2/img/root-add-one-sprite.gif") no-repeat top left; + margin-top: 38px; + width: 52px; +} +.root-vote-now-link { + background: url("http://static.csimg.com/v2/img/root-vote-now-sprite.gif") no-repeat top left; + margin-top: 4px; + width: 56px; +} +.root-add-image-link:hover { background-position: 0 -17px; } +.root-vote-now-link:hover { background-position: 0 -17px; } +.root-add-image-link a { + color: #ffffff; + display: block; + height: 17px; +} +.root-vote-now-link a { + color: #ffffff; + display: block; + height: 17px; +} +.root-vote-now-link { color: #ffffff; } +.root-add-image-link a { width: 52px; } +.root-vote-now-link a { width: 56px; } +.root-vote { + background: url("http://static.csimg.com/v2/img/root-vote-bg.png") no-repeat; + height: 68px; + width: 68px; + float: right; + margin-right: 10px; +} +#root-state-list { + width: 635px; + background: url("http://static.csimg.com/v2/img/root-state-list-bg.png") repeat-x bottom left; + border-bottom: 1px solid #bddaa3; + padding: 10px 0 0 5px; + margin: 0 auto; +} +#root-state-list a { + color: #6b9e41; + padding: 3px 5px 3px 5px; + float: left; + margin: 3px 5px 10px 0; +} +#root-state-list a.selected { + text-decoration: none; + color: #ffffff; + background: #6b9e41; + font-weight: bold; +} +#content-right { border-left: 1px solid #bddaa3; } +#root-state-region-list { + font-family: Arial, Helvetica, sans-serif; + width: 630px; + margin: 0 auto; + margin-bottom: 40px; + padding: 5px; +} +#root-state-region-list h2 { + color: #6b9e41; + font-size: 14px; +} +#root-state-region-list ul.region-list { + padding: 0; + margin: 0; + list-style: none; +} +#root-state-region-list ul.city-list { + padding: 0; + margin: 0; + list-style: none; +} +ul.region-list li { + background: #ffffff url("http://static.csimg.com/v2/img/root-region-bg.png") repeat-x bottom left; + padding: 5px; +} +ul.region-list li h3 { + font-weight: bold; + color: #15718f; + font-size: 12px; +} +ul.city-list li { + float: left; + padding: 5px 0 5px 8px; + margin: 0 0 0 10px; + background: url("http://static.csimg.com/v2/img/tiny-right-arrow.gif") no-repeat; + background-position: 0% 50%; +} +#root-state-region-list .see-more-link { + float: right; + font-size: 10px; +} +#quick-look-container { + width: 606px; + height: 620px; + padding-top: 25px; + border: #c0e9f8 7px solid; + padding: 10px; + overflow: auto; + position: relative; + margin-top: 5px; +} +.standard-container { background: url("http://static.csimg.com/v2/img/quick-look-bg.png") repeat-x top left; } +.container-loading { background: url("http://static.csimg.com/v2/img/blue-loader.gif") no-repeat 50% 50%; } +.quick-look-close { + position: absolute; + top: 5px; + right: 5px; +} +#quick-look-city-header { border-bottom: 1px solid #dfdfdf; } +#quick-look .business-name { + float: left; + display: block; + width: 100%; +} +#quick-look .address { + padding: 2px; + font-size: 12px; + clear: both; +} +#quick-look .phone { + font-size: 14px; + font-weight: bold; + color: #666666; + float: left; + padding: 2px; +} +#quick-look .ratings { + float: left; + margin-left: 10px; + margin-top: 2px; +} +#quick-look .reviews { + font-style: italic; + margin-left: 5px; +} +.dest { font-weight: bold; } +#quick-look .dest { + font-weight: normal; + font-style: italic; + display: inline; + font-size: 11px; +} +#quick-look .headline { border-bottom: 1px solid #DFDFDF; } +.extra-row .video-link { float: left; } +.extra-row .ratings { float: left; } +#quick-look .stars { float: left; } +#quick-look .title { float: left; } +#quick-look .sub-title { float: left; } +.video-link { margin-left: 5px; } +#quick-look .sub-title { clear: left; } +.extra-row .video-link { margin-top: 2px; } +#quick-look .view-all { + float: right; + margin: 5px; + padding-left: 8px; + background: url("http://static.csimg.com/v2/img/tiny-right-arrow.gif") no-repeat; + background-position: 0% 50%; + font-size: 11px; +} +#quick-look .view-all-bottom { + float: right; + margin: 5px; + padding-left: 8px; + background: url("http://static.csimg.com/v2/img/tiny-right-arrow.gif") no-repeat; + background-position: 0% 50%; + font-size: 11px; +} +#quick-look .view-all-bottom { font-size: 12px; } +#quick-look .biz-count { + font-size: 14px; + color: #666666; + padding-top: 10px; +} +#quick-look .biz-count-num { + color: #2685A4; + font-weight: bold; +} +#quick-look .description { width: 340px; } +#quick-look .video-link { + background: url("http://static.csimg.com/v2/img/control_play_blue.gif") no-repeat; + padding-left: 20px; +} +#quick-look-navigation { + border-bottom: 1px solid #dfdfdf; + padding: 10px 0 0 5px; + margin: 0 auto; +} +#quick-look-navigation a { + color: #2685A4; + padding: 3px 5px 3px 5px; + float: left; + margin: 3px 5px 10px 0; +} +#quick-look-navigation a.selected { + text-decoration: none; + color: #ffffff; + background: #2685A4; + font-weight: bold; +} +ul.root-featured li:hover { background-color: #EDF9FC; } +ul.root-featured div.icon { + width: 60px; + height: 60px; + margin-left: 10px; + border: 1px solid #cccccc; + background: none; + padding: 5px; +} +ul.root-featured div.icon img { + padding: 0; + margin: 0; +} +ul.root-featured { + margin: 0; + padding: 0; + list-style: none; + font-size: 11px; + color: #6F6F6F; + line-height: 17px; +} +ul.root-featured li { + width: 100%; + padding: 15px 0 15px 0; + overflow: hidden; + border-bottom: 1px solid #DFDFDF; +} +ul.root-featured strong.head { font-size: 16px; } +ul.root-featured div.columns { + width: 100%; + overflow: hidden; + padding-bottom: 4px; +} +ul.root-featured div.columns div.left { + width: 250px; + padding-right: 38px; + float: left; +} +ul.root-featured div.columns div.right { + width: 200px; + float: right; +} +ul.root-featured dl.info { + margin: 0; + padding: 0; + width: 100%; + overflow: hidden; +} +ul.root-featured dl.info dt { + display: block; + float: left; + clear: left; + margin: 0; + padding: 0 0px 0 0; +} +ul.root-featured dl.info dd { + margin: 0; + padding: 0; + display: block; + text-transform: capitalize; +} +ul.root-featured dl.info dd a { color: #1C8BB0; } +ul.root-featured p.contact { + padding: 0; + font-size: 12px; +} +ul.root-featured p.contact span { display: block; } +ul.root-featured p.contact span.phone { color: #1C8BB0; } +ul.root-featured p.comment { + color: #525252; + padding: 0; +} +ul.root-featured p.rate { + padding: 0 0 3px 0; + width: 100%; + overflow: hidden; +} +ul.root-featured p.rate a { font-style: italic; } +ul.root-featured p.rate span.stars { + float: left; + margin-right: 5px; +} +#root-tabs { + font: bold 14px Arial, Helvetica, sans-serif; + color: #167696; + width: 640px; + text-align: center; +} +.root-tab-border { border-bottom: 1px solid #C0E9F8; } +#root-tabs ul { display: inline; } +#root-tabs li { + list-style: none; + display: inline; + margin-right: 5px; + text-align: center; +} +#root-tabs a { + background: url("http://static.csimg.com/v2/img/root-tab-bg.gif") repeat-x; + text-decoration: none; + display: block; + float: left; + overflow: hidden; + height: 33px; + width: 64px; + color: #167696; + line-height: 30px; + margin-left: 3px; + position: relative; + bottom: -1px; + border-left: 1px solid #C0E9F8; + border-right: 1px solid #C0E9F8; + border-top: 1px solid #C0E9F8; +} +#root-tabs .active a { + border-bottom: 1px solid #ffffff; + background: #ffffff; +} +#root-tabs .navigate { + font: 11px Arial, Helvetica, sans-serif; + font-weight: normal; + text-decoration: none; + display: block; + float: left; + overflow: hidden; + height: 33px; + color: #167696; + line-height: 33px; + margin-left: 10px; +} +.form-text label { + padding-top: 6px; + display: block; +} +.user-form { padding-bottom: 6px; } +.user-form label { display: block; } +#user-edit label { + padding-top: 6px; + display: block; +} +#user-edit .description { + font-size: 11px; + color: #777777; + padding-left: 0; +} +#user-edit fieldset { + background: #FFFFFF; + border: 3px double #C2E2EC; +} +#user-edit legend { + font-size: 14px; + color: #333333; + font-weight: bold; +} +.user-form-off { + color: #858585; + background-color: #EAEAEA; +} +#node-form label { + padding-top: 6px; + display: block; +} +#node-form fieldset { + background: #FFFFFF; + border: 3px double #C2E2EC; +} +#node-form legend { + font-size: 14px; + color: #333333; + font-weight: bold; +} +#node-form .description { + font-size: 11px; + color: #777777; + padding-left: 0; +} +#profile-edit ul { + padding: 8px 0 22px 0; + margin: 0; + list-style: none; +} +#profile-edit ul li { + display: inline; + list-style: none; + margin-right: 6px; +} +#profile-edit ul li { + background: url("http://static.csimg.com/v2/img/button-profile-basic-on-bg.gif") repeat-x; + border: 1px solid #C2E2EC; + color: #166C89; + padding-top: 6px; + padding-bottom: 6px; + padding-left: 10px; + padding-right: 10px; + font-size: 11px; + font-weight: normal; +} +#profile-edit ul li a { color: #1A83A6; } +#profile-edit ul li a.active { + color: #1A83A6; + font-weight: bold; + text-decoration: none; +} +#claim-notice { + border: 1px solid #B1E4F1; + background: url("http://static.csimg.com/v2/img/claim-biz-bg.gif") repeat-x; + width: 622px; + height: 37px; + font-size: 12px; + color: #2186B1; + padding: 7px 0 0 8px; + margin: 0px 0px 10px 10px; +} +#claim-notice img { + float: left; + padding: 0 15px 0 0; +} +#claim-notice a { color: #19BDE7; } +#fail-notice { + border: 1px solid #E0A3A3; + background: url("http://static.csimg.com/v2/img/fail-biz-bg.gif") repeat-x; + width: 600px; + height: 37px; + font-size: 12px; + color: #BB3E3E; + padding: 7px 0px 0px 15px; + margin: 0 0 10px 0; +} +#fail-notice img { + float: left; + padding: 0 15px 0 0; +} +#fail-notice a { color: #19BDE7; } +#contract-cta { + background: #E2EDC9 url("http://static.csimg.com/v2/img/contract-cta.png") no-repeat; + height: 122px; + width: 624px; + border: 4px solid #BDD685; + margin: 0 0 0 10px; + position: relative; +} +#contract-cta-price { + position: absolute; + top: 15px; + left: 13px; +} +#contract-cta-price .price { + color: #3C3C3C; + font-size: 31px; +} +#contract-cta-price .terms { + color: #5F7627; + font-size: 11px; +} +#owner-info { + font-size: 12px; + font-style: italic; + color: #777777; +} +#commerce-claim-business-form { + padding: .5em; + margin-bottom: 1em; +} +#commerce-claim-business-form .description { + font-size: 12px; + color: #444444; + width: auto; + padding-top: 2em; +} +#commerce-claim-business-form label { + font-weight: normal; + color: #777777; +} +#commerce-claim-business-form .form-checkbox { + width: auto; + display: inline; +} +#commerce-claim-business-form input { + font-size: 16px; + padding: 4px; + color: #444444; + display: table; + width: 70%; + font-weight: bold; +} +#commerce-claim-business-form select { + font-size: 16px; + padding: 4px; + color: #444444; + font-weight: bold; +} +#commerce-claim-business-form fieldset { + display: block; + width: 100%; + border: 1px solid #B1E4F1; + padding: .5em; +} +#commerce-claim-business-form #edit-submit { + width: auto; + padding: 0; + display: inline; +} +#details div.amenities dl { + margin: 0; + padding: 0; + line-height: 22px; +} +#details div.amenities dl.left { + width: 220px; + float: left; +} +#details div.amenities dl.right { + padding-left: 10px; + width: 150px; + float: left; +} +#details div.amenities dl dt { + margin: 0; + padding: 0; + display: block; + float: left; + clear: left; +} +#details div.amenities dl.left dt { width: 145px; } +#details div.amenities dl.right dt { width: 85px; } +#details div.amenities dl dd { + margin: 0; + padding: 0; + display: block; + float: left; +} +* html #details div.amenities dl dd { float: none; } +* + html #details div.amenities dl dd { float: none; } +#details div.amenities span.yes { margin-top: 3px; } +#details div.amenities span.no { margin-top: 3px; } +a.remove_amenity { text-decoration: none; } +a.remove_amenity:hover { color: #FF0000; } +.amenity_content { + margin: 10px; + display: inline; +} +.amenities_options { margin-left: 10px; } +#details div.amenities { + width: 100%; + overflow: hidden; +} +div.testimonial { margin-bottom: 40px; } +div.testimonial div.box { + margin-bottom: 0; + padding-bottom: 35px; + background-image: url("http://static.csimg.com/v2/img/box-bottom-testimonial.gif"); + color: #6F6F6F; + font-style: italic; + font-size: 13px; +} +div.testimonial div.box div.box-body { padding: 15px 25px 0 25px; } +div.testimonial p.author { + padding: 0 0 0 130px; + margin: -15px 0 0 0; + color: #6F6F6F; +} +#quick-search { + padding: 20px 0 30px 0; + width: 100%; + overflow: hidden; +} +#quick-search p { + width: 100%; + overflow: hidden; + margin: 0; + padding: 0 0 10px 0; +} +#quick-search label { + display: block; + float: left; + width: 150px; +} +#quick-search input.text { + width: 200px; + display: block; + margin: 0 0 0 150px; +} +#quick-search input.submit { + margin: 0 0 0 150px; + float: left; + display: inline; +} +#faceted-search { padding: 2px; } +#faceted-search #distance-bar { + padding-top: 8px; + padding-bottom: 8px; + text-align: center; + font-weight: normal; + color: #666666; +} +#faceted-search #distance-text { + text-align: center; + font-weight: normal; + color: #666666; +} +#faceted-search #distance-text span { + color: #2383A3; + font-weight: normal; + font-size: 170%; +} +#faceted-search #star-5 { background: url("http://static.csimg.com/v2/img/star-rating-5.gif") no-repeat right; } +#faceted-search #star-4 { background: url("http://static.csimg.com/v2/img/star-rating-4.gif") no-repeat right; } +#faceted-search #star-3 { background: url("http://static.csimg.com/v2/img/star-rating-3.gif") no-repeat right; } +#faceted-search #star-2 { background: url("http://static.csimg.com/v2/img/star-rating-2.gif") no-repeat right; } +#faceted-search #star-1 { background: url("http://static.csimg.com/v2/img/star-rating-1.gif") no-repeat right; } +#faceted-search div.toggle { + padding-right: 12px; + text-align: right; + background: url("http://static.csimg.com/v2/img/arrow-more-blue-fs.gif") no-repeat right; +} +#faceted-search div.toggle a { + color: #2CA4CB; + font-weight: normal; + text-decoration: underline; +} +#faceted-search div.toggle a:hover { color: #666666; } +#faceted-search h4 { + color: #F08711; + font-size: 100%; +} +#faceted-search #holder { + color: #1C6882; + font-size: 85%; + font-weight: bold; + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px solid #E4E4E4; +} +#faceted-search #holder ul { + text-align: left; + margin: 0; + padding: 0; + list-style: none; + padding-top: 4px; +} +#faceted-search #holder li { + font-weight: normal; + color: #666666; + list-style: none; + line-height: 1.4em; +} +#faceted-search #holder span.fq-selected { + font-weight: bold; + padding-left: 12px; + background: url("http://static.csimg.com/v2/img/arrow-right-fs.gif") no-repeat left; + color: #666666; +} +#faceted-search #holder li a { + color: #2CA4CB; + text-decoration: underline; +} +#faceted-search #holder li a:hover { + color: #666666; + text-decoration: underline; +} +#faceted-search li span { + font-weight: normal; + color: #949494; + text-decoration: none; +} +#faceted-search li span a { + font-weight: normal; + color: #949494; + text-decoration: none; +} +#faceted-search #holder-alpha { + color: #1C6882; + font-size: 85%; + font-weight: bold; + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px solid #E4E4E4; +} +#faceted-search #holder-alpha ul { + list-style: none; + text-align: left; + margin: 0; + padding: 0; + padding-top: 4px; +} +#faceted-search #holder-alpha li { + list-style: none; + float: left; + font-weight: normal; + color: #666666; + padding-right: 6px; + line-height: 1.4em; +} +#faceted-search #holder-alpha span.location { + font-weight: normal; + color: #666666; + font-size: 90%; +} +#faceted-search #holder-alpha li.fq-selected { + font-weight: bold; + padding-left: 12px; + background: url("http://static.csimg.com/v2/img/arrow-right-fs.gif") no-repeat left; +} +#faceted-search #holder-alpha li a { + color: #2CA4CB; + text-decoration: underline; +} +#faceted-search #holder-alpha li a:hover { + color: #666666; + text-decoration: underline; +} +#faceted-search #holder-alpha .clear-left { clear: left; } +.faceted-search-remove-filter { + padding-right: 15px; + background: url("http://static.csimg.com/v2/img/close-fs.gif") no-repeat right; +} +div.message-send { + width: 100%; + overflow: hidden; + margin-bottom: 19px; + font-size: 11px; +} +div.message-send strong.head { + color: #1C8BB0; + font-size: 12px; + padding-bottom: 0; +} +div.message-send label { + display: block; + font-weight: bold; + color: #4D4D4D; + padding-top: 10px; + padding-bottom: 2px; +} +div.message-send label.disabled { color: #A6A6A6; } +div.message-send textarea { + width: 98%; + border: 1px solid #E9E7E3; + margin: 0 0 8px 0; + padding: 0; + color: #4D4D4D; + display: block; + background-color: #FFFFFF; + height: 105px; +} +div.comments { background: none !important; } +div.comments div.box-body { + margin-left: 6px; + padding-left: 10px; + background-image: none !important; + margin-bottom: 4px; + width: 637px; +} +div.comments .headline h2 { + padding-left: 18px; + font-size: 12px; + color: #666666; +} +ul.clist { + margin: 0; + padding: 0; + list-style: none; + font-size: 12px; + color: #4A4A4A; +} +ul.clist a { color: #1A83A6; } +ul.clist li { + width: 100%; + overflow: hidden; + padding-bottom: 22px; +} +ul.clist div.icon { + font-size: 11px; + font-weight: bold; + text-align: center; +} +ul.clist div.icon img { + padding: 3px; + border: 1px solid #B7D2DF; + background-color: #FFFFFF; + margin-top: 3px; +} +ul.clist p.date { + display: block; + font-size: 11px; + color: #017294; + font-weight: bold; + padding-bottom: 8px; +} +#user-login .box-body .user-form { padding-left: 10px; } +#user-login .box-body p { padding-left: 10px; } +#user-login #edit-submit { margin-left: 10px; } +#user-login h1 { + margin: 0; + padding-bottom: 6px; +} +#user-register .box-body .user-form { padding-left: 10px; } +#user-register .box-body p { + padding-left: 10px; + text-align: left; +} +#user-register fieldset { + display: table; + color: #166C89; +} +#user-register #edit-submit { margin-left: 10px; } +#user-register h1 { + margin: 0; + padding-bottom: 6px; +} +.box-bg { padding-left: .5em; } +.box-body { + overflow: hidden; + font-size: 12px; + color: #666666; + border-top: 2px solid #C0E9F5; + border-bottom: 2px solid #C0E9F5; + background-color: #F1FCFE; +} +.box-body .headline { + padding-left: 10px; + padding-top: 10px; +} +.box-body .headline h1 { + font-size: 182%; + padding: 0; + margin: 0; +} +form #edit-cs-firstname { display: none; } +form #edit-cs-lastname { display: none; } +form #edit-cs-firstname .form-text { display: none; } +form #edit-cs-lastname .form-text { display: none; } +#userLogin { color: #666666; } +#userLogin h3 { + font-size: 167%; + font-weight: bold; + color: #666666; + padding: 0; + margin: 0; +} +#userLogin label { + display: block; + font-weight: bold; + width: 100%; + padding: .5em 0; +} +#userLogin .form-text { + display: block; + float: left; + padding: .2em; + color: #156782; + font-weight: bold; + font-size: 93%; + width: 50%; +} +#userLogin .form-required { display: none; } +#userLogin #userLinks { + width: 50%; + text-align: center; +} +#userLogin .loginItem { + float: left; + display: block; + padding: .5em; + width: 100%; +} +#userSubmit { width: 50%; } +#userSubmit #edit-submit { + border: 1px solid #999999; + padding: .3em .5em; + background: #DDDDDD; + color: #333333; + margin: 0 auto; + position: relative; + display: block; + width: 33%; +} +#userSubmit #edit-submit:hover { background: #EEEEEE; } +#facebox .form-text { width: 90%; } +#facebox #userLinks { width: 90%; } +#facebox #userSubmit { width: 90%; } +#ftTop ul { + margin: 0; + list-style: none; +} +#ftTop ul li { + display: inline; + padding: 0 .5em; + line-height: 1.5em; +} +#ftBottom ul { + margin: 0; + list-style: none; +} +#ftBottom ul li { + display: block; + padding: .25em .75em .25em 0; + line-height: 1.5em; + float: left; +} +ul.blue-arrow li { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -625px -22px; + padding: .2em 0 0 10px; +} +ol.blue-arrow li { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -625px -22px; + padding: .2em 0 0 10px; +} +ul.blue-bg { + margin: .3em 0 0 0; + border-top: 6px solid #1F9EC9; +} +ol.blue-bg { + margin: .3em 0 0 0; + border-top: 6px solid #1F9EC9; +} +ul.blue-bg li { + border-bottom: 1px solid #FFFFFF; + background: #EDF8FC; + padding: .8em .5em; + margin: 0; +} +ol.blue-bg li { + border-bottom: 1px solid #FFFFFF; + background: #EDF8FC; + padding: .8em .5em; + margin: 0; +} +ul.blue-bg li:hover { background: #FFFFFF; } +ol.blue-bg li:hover { background: #FFFFFF; } +ul.blue-bg li .icon { + float: left; + display: inline; +} +ol.blue-bg li .icon { + float: left; + display: inline; +} +ul.blue-separator { + margin: 0; + padding: 0; +} +ol.blue-separator { + margin: 0; + padding: 0; +} +#aboutHood ul { + margin: 0; + padding: 0; +} +ul.blue-separator li { + border-bottom: 1px solid #C0E9F5; + padding: .7em 0; + margin: 0; +} +ol.blue-separator li { + border-bottom: 1px solid #C0E9F5; + padding: .7em 0; + margin: 0; +} +ul.blue-separator li:hover { background: #EDF8FC; } +ol.blue-separator li:hover { background: #EDF8FC; } +ul.blue-separator li .icon { + float: left; + display: inline; +} +ol.blue-separator li .icon { + float: left; + display: inline; +} +ul.spacer li { padding: .2em 0; } +ol.spacer li { padding: .2em 0; } +#homeMain ul.blue-separator li { border-bottom: 1px solid #EEEEEE; } +#homeMain ol.blue-separator li { border-bottom: 1px solid #EEEEEE; } +#homeMain ul.blue-separator li .icon { margin-top: -2px; } +#homeMain ol.blue-separator li .icon { margin-top: -2px; } +#homeLocations .navList { + float: left; + width: 33%; +} +#aboutHood ul.photos li { + float: left; + padding: 4px 4px 0 4px; + border: 2px solid #C0E9F5; + margin: 3px 10px; + background: #FFFFFF; +} +#aboutHood ul.photos li:hover { border: 2px solid #1F9EC9; } +html.js fieldset.collapsed { + border-bottom-width: 0; + border-left-width: 0; + border-right-width: 0; + margin-bottom: 0; + height: 1em; +} +html.js fieldset.collapsed * { display: none; } +html.js fieldset.collapsed legend { display: block; } +html.js fieldset.collapsible legend a { + padding-left: 15px; + background: url("../../misc/menu-expanded.png") 5px 75% no-repeat; +} +html.js fieldset.collapsed legend a { + background-image: url("../../misc/menu-collapsed.png"); + background-position: 5px 50%; +} +* html.js fieldset.collapsed legend { display: inline; } +* html.js fieldset.collapsed legend * { display: inline; } +* html.js fieldset.collapsed table * { display: inline; } +html.js fieldset.collapsible legend a { display: block; } +html.js fieldset.collapsible .fieldset-wrapper { overflow: auto; } +#autocomplete { + position: absolute; + border: 1px solid; + overflow: hidden; + z-index: 100; +} +#autocomplete ul { + margin: 0; + padding: 0; + list-style: none; +} +#autocomplete li { + background: #ffffff; + color: #000000; + white-space: pre; + cursor: default; +} +#autocomplete li.selected { + background: #0072b9; + color: #ffffff; +} +.resizable-textarea { width: 95%; } +.resizable-textarea .grippie { + height: 9px; + overflow: hidden; + background: #eeeeee url("../../misc/grippie.png") no-repeat center 2px; + border: 1px solid #dddddd; + border-top-width: 0; + cursor: s-resize; +} +html.js .resizable-textarea textarea { + margin-bottom: 0; + width: 100%; + display: block; +} +#blocks { border: 1px solid #CCCCCC; } +#blocks thead { display: none; } +#blocks td { border-bottom: 1px solid #CCCCCC; } +#blocks tr:hover { background: #FFF1D1; } +#blocks .region { + font-weight: bold; + border-bottom: 2px solid #CCCCCC; + text-transform: uppercase; + text-align: center; +} +#blocks .odd { background: #eaeaea; } diff --git a/test/css/colors.css b/test/css/colors.css new file mode 100644 index 00000000..32a44241 --- /dev/null +++ b/test/css/colors.css @@ -0,0 +1,14 @@ +#yelow #short { color: #ffeeaa; } +#yelow #long { color: #ffeeaa; } +#yelow #rgba { color: rgba(255, 238, 170, 0.1); } +#blue #short { color: #0000ff; } +#blue #long { color: #0000ff; } +#blue #rgba { color: rgba(0, 0, 255, 0.1); } +#overflow .a { color: #000000; } +#overflow .b { color: #ffffff; } +#overflow .c { color: #ffffff; } +#overflow .d { color: #00ff00; } +#grey { + color: #c8c8c8; + background-color: #323232; +} diff --git a/test/css/comments.css b/test/css/comments.css new file mode 100644 index 00000000..c8a52ff6 --- /dev/null +++ b/test/css/comments.css @@ -0,0 +1,9 @@ +#comments { + color: red; + background-color: orange; + font-size: 12px; + content: "content"; + border: 1px solid black; + padding: 0; + margin: 2em; +} diff --git a/test/css/css-3.css b/test/css/css-3.css new file mode 100644 index 00000000..df344b93 --- /dev/null +++ b/test/css/css-3.css @@ -0,0 +1,20 @@ +.comma-delimited { + background: url(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg); + text-shadow: -1px -1px 1px red, 6px 5px 5px yellow; + -moz-box-shadow: 0pt 0pt 2px rgba(255, 255, 255, 0.4) inset, 0pt 4px 6px rgba(255, 255, 255, 0.4) inset; +} +@font-face { + font-family: Headline; + src: local(Futura-Medium), url(fonts.svg#MyGeometricModern) format("svg"); +} +.other { -moz-transform: translate(0, 11em) rotate(-90deg); } +p:not([class*="lead"]) { color: black; } +input[type="text"].class#id[attr=32]:not(1) { color: white; } +div#id.class[a=1][b=2].class:not(1) { color: white; } +ul.comma > li:not(:only-child)::after { color: white; } +ol.comma > li:nth-last-child(2)::after { color: white; } +li:nth-child(4n+1) { color: white; } +li:nth-child(-5n) { color: white; } +li:nth-child(-n+2) { color: white; } +a[href^="http://"], a[href$="http://"] { color: black; } +p::before { color: black; } diff --git a/test/css/css.css b/test/css/css.css new file mode 100644 index 00000000..f4098f36 --- /dev/null +++ b/test/css/css.css @@ -0,0 +1,50 @@ +div { color: black; } +div { width: 99%; } +* { min-width: 45em; } +h1 { color: none; } +h2 > a > p { color: none; } +h3 { color: none; } +div.class { color: blue; } +div#id { color: green; } +.class#id { color: purple; } +.one.two.three { color: grey; } +@media print { font-size: 3em; } +@media screen { font-size: 10px; } +@font-face { + font-family: 'Garamond Pro'; + src: url("/fonts/garamond-pro.ttf"); +} +a:hover { color: #999999; } +a:link { color: #999999; } +p { text-transform: none; } +p:first-child { text-transform: none; } +q:lang(no) { quotes: none; } +p + h1 { font-size: 2.2em; } +input[type="text"] { font-weight: normal; } +h2[title] { font-size: 100%; } +[disabled] { color: transparent; } +#shorthands { + border: 1px solid #000000; + font: 12px/16px Arial; + margin: 1px 0; + padding: 0 auto; + background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px; +} +#more-shorthands { + margin: 0; + padding: 1px 0 2px 0; + font: normal small/20px 'Trebuchet MS', Verdana, sans-serif; +} +.misc { + -moz-border-radius: 2px; + display: -moz-inline-stack; + width: 0.1em; + background-color: #009998; + background-image: url(images/image.jpg); + background: -webkit-gradient(linear, left top, left bottom, from(red), to(blue)); +} +#important { + color: red !important; + width: 100% !important; + height: 20px ! important; +} diff --git a/test/css/functions.css b/test/css/functions.css new file mode 100644 index 00000000..f7b18ae2 --- /dev/null +++ b/test/css/functions.css @@ -0,0 +1,6 @@ +#functions { + color: #999999; + width: 16; + height: undefined("self"); + border-width: 5; +} diff --git a/test/css/import.css b/test/css/import.css new file mode 100644 index 00000000..3d53c0d9 --- /dev/null +++ b/test/css/import.css @@ -0,0 +1,12 @@ +#css { color: yellow; } +#import { color: red; } +.mixin { + height: 10px; + color: red; +} +#import-test { + height: 10px; + color: red; + width: 10px; + height: 30%; +} diff --git a/test/css/lazy-eval.css b/test/css/lazy-eval.css new file mode 100644 index 00000000..1f11dd7e --- /dev/null +++ b/test/css/lazy-eval.css @@ -0,0 +1 @@ +.lazy-eval { width: 100%; } diff --git a/test/css/mixins-args.css b/test/css/mixins-args.css new file mode 100644 index 00000000..d101af8a --- /dev/null +++ b/test/css/mixins-args.css @@ -0,0 +1,32 @@ +.two-args { + color: blue; + width: 10px; + height: 99%; +} +.one-arg { + width: 15px; + height: 49%; +} +.no-parens { + width: 5px; + height: 49%; +} +.no-args { + width: 5px; + height: 49%; +} +.var-args { + width: 45; + height: 17%; +} +.multi-mix { + width: 10px; + height: 29%; + margin: 4; + padding: 5; +} +body { + padding: 30px; + color: #ff0000; +} +.scope-mix { width: 8; } diff --git a/test/css/mixins.css b/test/css/mixins.css new file mode 100644 index 00000000..dd258cd2 --- /dev/null +++ b/test/css/mixins.css @@ -0,0 +1,28 @@ +.mixin { border: 1px solid black; } +.mixout { border-color: orange; } +.borders { border-style: dashed; } +#namespace .borders { border-style: dotted; } +#namespace .biohazard { content: "death"; } +#namespace .biohazard .man { color: transparent; } +#theme > .mixin { background-color: grey; } +#container { + color: black; + border: 1px solid black; + border-color: orange; + background-color: grey; +} +#header .milk { + color: white; + border: 1px solid black; + background-color: grey; +} +#header #cookie { border-style: dashed; } +#header #cookie .chips { border-style: dotted; } +#header #cookie .chips .calories { + color: black; + border: 1px solid black; + border-color: orange; + background-color: grey; +} +.secure-zone { color: transparent; } +.direct { border-style: dotted; } diff --git a/test/css/operations.css b/test/css/operations.css new file mode 100644 index 00000000..f4193576 --- /dev/null +++ b/test/css/operations.css @@ -0,0 +1,28 @@ +#operations { + color: #111111; + height: 9px; + width: 3em; +} +#operations .spacing { + height: 9px; + width: 3em; +} +.with-variables { + height: 16em; + width: 24em; + size: 1cm; +} +.negative { + height: 0px; + width: 4px; +} +.shorthands { padding: -1px 2px 0 -4px; } +.colors { + color: #112233; + border-color: #334455; + background-color: #000000; +} +.colors .other { + color: #222222; + border-color: #222222; +} diff --git a/test/css/parens.css b/test/css/parens.css new file mode 100644 index 00000000..209255f7 --- /dev/null +++ b/test/css/parens.css @@ -0,0 +1,20 @@ +.parens { + border: 2px solid black; + margin: 1px 3px 16 3; + width: 36; + padding: 2px 36px; +} +.more-parens { + padding: 8 4 4 4px; + width: 96; + height: 113; + margin: 12; +} +.nested-parens { + width: 71; + height: 6; +} +.mixed-units { + margin: 2px 4em 1 5pc; + padding: 6px 1em 2px 2; +} diff --git a/test/css/prod.css b/test/css/prod.css new file mode 100644 index 00000000..9e7233ef --- /dev/null +++ b/test/css/prod.css @@ -0,0 +1,6015 @@ +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; +} +*:focus { outline: 0; } +body { + line-height: 1em; + color: black; + background: #ffffff; +} +ol, ul { list-style: none; } +table { + border-collapse: separate; + border-spacing: 0; + vertical-align: middle; +} +caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} +q, blockquote { quotes: "" ""; } +q:before { content: ""; } +q:after { content: ""; } +blockquote:before { content: ""; } +blockquote:after { content: ""; } +img a { border: none; } +.grid-12 { + margin-left: auto; + margin-right: auto; + width: 836px; +} +.grid-12 .cols-1 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} +.grid-12 .cols-2 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} +.grid-12 .cols-3 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} +.grid-12 .cols-4 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} +.grid-12 .cols-5 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} +.grid-12 .cols-6 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} +.grid-12 .cols-7 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} +.grid-12 .cols-8 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} +.grid-12 .cols-9 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} +.grid-12 .cols-10 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} +.grid-12 .cols-11 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} +.grid-12 .cols-12 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} +.grid-12 .cols-1 { width: 49.667px; } +.grid-12 .cols-2 { width: 119.333px; } +.grid-12 .cols-3 { width: 189px; } +.grid-12 .cols-4 { width: 258.667px; } +.grid-12 .cols-5 { width: 328.333px; } +.grid-12 .cols-6 { width: 398px; } +.grid-12 .cols-7 { width: 467.667px; } +.grid-12 .cols-8 { width: 537.333px; } +.grid-12 .cols-9 { width: 607px; } +.grid-12 .cols-10 { width: 676.667px; } +.grid-12 .cols-11 { width: 746.333px; } +.grid-12 .cols-12 { width: 816px; } +.grid-12 .prefix-1 { padding-left: 69.667px; } +.grid-12 .prefix-2 { padding-left: 139.333px; } +.grid-12 .prefix-3 { padding-left: 209px; } +.grid-12 .prefix-4 { padding-left: 278.667px; } +.grid-12 .prefix-5 { padding-left: 348.333px; } +.grid-12 .prefix-6 { padding-left: 418px; } +.grid-12 .prefix-7 { padding-left: 487.667px; } +.grid-12 .prefix-8 { padding-left: 557.333px; } +.grid-12 .prefix-9 { padding-left: 627px; } +.grid-12 .prefix-10 { padding-left: 696.667px; } +.grid-12 .prefix-11 { padding-left: 766.333px; } +.grid-12 .suffix-1 { padding-right: 69.667px; } +.grid-12 .suffix-2 { padding-right: 139.333px; } +.grid-12 .suffix-3 { padding-right: 209px; } +.grid-12 .suffix-4 { padding-right: 278.667px; } +.grid-12 .suffix-5 { padding-right: 348.333px; } +.grid-12 .suffix-6 { padding-right: 418px; } +.grid-12 .suffix-7 { padding-right: 487.667px; } +.grid-12 .suffix-8 { padding-right: 557.333px; } +.grid-12 .suffix-9 { padding-right: 627px; } +.grid-12 .suffix-10 { padding-right: 696.667px; } +.grid-12 .suffix-11 { padding-right: 766.333px; } +#full #main { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; + width: 816px; + margin-bottom: 50px; +} +#full #sidebar { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; + width: 816px; +} +#main { + margin-right: 0; + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; + width: 607px; +} +#sidebar { + margin-left: 0; + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; + width: 189px; +} +.container { + margin-left: auto; + margin-right: auto; + width: 836px; +} +.value { + margin-left: 0; + width: 644px; + margin: 0px; + float: left; +} +.cost { + margin-right: 0; + width: 90px; + margin: 0px; + float: left; + text-align: center; +} +#one { + margin-left: 0; + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; + width: 258.667px; +} +#two { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; + width: 258.667px; +} +#two { + margin-right: 0; + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; + width: 258.667px; +} +#cucumber { + margin-left: 0; + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; + width: 537.333px; +} +#microbrew { + margin-right: 0; + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; + width: 258.667px; +} +.buttons a { + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + -moz-border-radius-bottomleft: 10px; + -moz-border-radius-bottomright: 10px; + -moz-border-radius-topleft: 10px; + -moz-border-radius-topright: 10px; + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); + background: #eaeaea url(/images/buttongradient.png) repeat-x scroll left top; + border-color: #bdbdbd #9b9a9a #9b9a9a #bdbdbd; + border-style: solid; + border-width: 1px; + color: #464646; + cursor: pointer; + display: block; + float: left; + font-weight: bold; + font-family: "Lucida Grande", Tahoma, Arial, sans-serif; + font-size: 90%; + line-height: 130%; + margin: 0 0.7em 0 0; + padding: 5px 10px 6px; + text-decoration: none; +} +.buttons button { + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + -moz-border-radius-bottomleft: 10px; + -moz-border-radius-bottomright: 10px; + -moz-border-radius-topleft: 10px; + -moz-border-radius-topright: 10px; + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); + background: #eaeaea url(/images/buttongradient.png) repeat-x scroll left top; + border-color: #bdbdbd #9b9a9a #9b9a9a #bdbdbd; + border-style: solid; + border-width: 1px; + color: #464646; + cursor: pointer; + display: block; + float: left; + font-weight: bold; + font-family: "Lucida Grande", Tahoma, Arial, sans-serif; + font-size: 90%; + line-height: 130%; + margin: 0 0.7em 0 0; + padding: 5px 10px 6px; + text-decoration: none; +} +a.button, button.button { + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + -moz-border-radius-bottomleft: 10px; + -moz-border-radius-bottomright: 10px; + -moz-border-radius-topleft: 10px; + -moz-border-radius-topright: 10px; + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); + background: #eaeaea url(/images/buttongradient.png) repeat-x scroll left top; + border-color: #bdbdbd #9b9a9a #9b9a9a #bdbdbd; + border-style: solid; + border-width: 1px; + color: #464646; + cursor: pointer; + display: block; + float: left; + font-weight: bold; + font-family: "Lucida Grande", Tahoma, Arial, sans-serif; + font-size: 90%; + line-height: 130%; + margin: 0 0.7em 0 0; + padding: 5px 10px 6px; + text-decoration: none; +} +a.button, button.button { + display: inline-block; + float: none; +} +.buttons button { + overflow: visible; + padding: 4px 10px 3px 7px; + width: auto; +} +button.button { + overflow: visible; + padding: 4px 10px 3px 7px; + width: auto; +} +.buttons button[type] { + line-height: 17px; + padding: 5px 10px 5px 7px; + width: auto; +} +button.button[type] { + line-height: 17px; + padding: 5px 10px 5px 7px; + width: auto; +} +.chrome .buttons button { padding: 4px 10px 4px 7px; } +.chrome button.button { padding: 4px 10px 4px 7px; } +.buttons button img { margin: 0 3px -3px 0 !important; } +.buttons a img { margin: 0 3px -3px 0 !important; } +a.button img { margin: 0 3px -3px 0 !important; } +button.button img { margin: 0 3px -3px 0 !important; } +.buttons button:hover { + border: 1px solid #999999; + color: #000000; +} +.buttons a:hover { + border: 1px solid #999999; + color: #000000; +} +a.button:hover { + border: 1px solid #999999; + color: #000000; +} +button.button:hover { + border: 1px solid #999999; + color: #000000; +} +button.active { + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + -moz-box-shadow: none; + background: #ffffff url(images/buttongradient.png) repeat-x scroll left top; + border-color: #cccccc; +} +.buttons a:active { + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + -moz-box-shadow: none; + background: #ffffff url(images/buttongradient.png) repeat-x scroll left top; + border-color: #cccccc; +} +a.button:active { + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + -moz-box-shadow: none; + background: #ffffff url(images/buttongradient.png) repeat-x scroll left top; + border-color: #cccccc; +} +button.positive, a.positive { + color: #4b8226; + font-weight: bold; +} +a.positive:hover { color: #232323; } +a.positive:active { + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + background: #719a48 none repeat scroll 0 0; + border: 1px solid #719a48; + color: #ffffff; + text-shadow: 1px 1px 1px #607710; +} +a.negative { color: #d12f19; } +a.negative:hover { color: #d12f19; } +button.negative:hover { color: #d12f19; } +a.negative:active { + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + background: #d12f19 none repeat scroll 0 0; + border: 1px solid #d12f19; + color: #ffffff; + text-shadow: 1px 1px 1px #a93816; +} +button.positive:hover { color: #232323; } +button.negative { color: #d12f19; } +* html .buttons button[type] { + margin-bottom: 1px; + padding: 4px 10px 3px 7px; +} +* html button.button[type] { + margin-bottom: 1px; + padding: 4px 10px 3px 7px; +} +* html button.button { margin-bottom: 1px; } +.icon { + height: 16px; + width: 16px; +} +.right { + float: right; + margin-right: 0px; +} +label { font-weight: bold; } +input { + margin: 0.5em 0; + border: 1px solid #bbbbbb; + width: 300px; + padding: 5px; +} +textarea { + margin: 0.5em 0; + width: 390px; + height: 250px; + padding: 5px; +} +select { margin: 0; } +fieldset { + padding: 1em 1.4em 1.4em; + margin: 0 0 1.5em 0; + border: 4px solid #a1c47e; +} +fieldset fieldset { margin: 1.5em 0 0 0; } +fieldset fieldset legend { + font-size: 1.2em; + margin-left: 45px; +} +legend { + padding: 0px 8px; + font-weight: bold; + font-size: 1.5em; + font-letter-spacing: -1px !important; + font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +form ol { + margin: 0; + padding: 0; +} +form ol li { + list-style: none; + padding: 5px; + margin: 0; +} +form label { + color: #232323; + width: 110px; + font-size: 0.8em; + display: inline-block; + line-height: 1.8; + vertical-align: middle; +} +form select { + font-size: 0.78em; + width: 150px; + padding: 1px; +} +form input { + font-size: 0.8em; + padding: 4px; + width: 440px; +} +form textarea { width: 440px; } +form em { + font-weight: bold; + font-style: normal; + color: #ff0000; +} +form#edit_user_1 { margin-top: 42px; } +form#new_user, form#new_user_session { + width: 630px; + margin: 42px auto 0; +} +form#new_user li { clear: both; } +form#new_user_session li { clear: both; } +form#new_user .error-with-field { display: inline; } +form#new_user_session .error-with-field { display: inline; } +form#new_user .error-with-field .error { + margin-right: 2px; + width: 425px; + float: right; +} +form#new_user_session .error-with-field .error { + margin-right: 2px; + width: 425px; + float: right; +} +form#new_user #user_session_openid_identifier { + background: #ffffff url(/images/openid-16x16.gif) 3px 3px no-repeat; + padding-left: 22px; + width: 420px; +} +form#new_user #user_openid_identifier { + background: #ffffff url(/images/openid-16x16.gif) 3px 3px no-repeat; + padding-left: 22px; + width: 420px; +} +form#new_user_session #user_session_openid_identifier { + background: #ffffff url(/images/openid-16x16.gif) 3px 3px no-repeat; + padding-left: 22px; + width: 420px; +} +form#new_user_session #user_openid_identifier { + background: #ffffff url(/images/openid-16x16.gif) 3px 3px no-repeat; + padding-left: 22px; + width: 420px; +} +form#new_user a#normal-login { display: none; } +form#new_user a#normal-signup { display: none; } +form#new_user_session a#normal-login { display: none; } +form#new_user_session a#normal-signup { display: none; } +form.edit_user #user_openid_identifier { + background: #ffffff url(/images/openid-16x16.gif) 3px 3px no-repeat; + padding-left: 22px; + width: 420px; +} +form#new_project { margin-top: 20px; } +.error { + padding: 0.8em; + margin-bottom: 1em; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + background: #f9d8da; + color: #bc180f; + border-color: #e3a2a5; +} +.error a { color: #bc180f; } +.notice { + padding: 0.8em; + margin-bottom: 1em; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + background: #f8e89f; + color: #b83107; + border-color: #e9a438; +} +.notice a { color: #b83107; } +.success { + padding: 0.8em; + margin-bottom: 1em; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + background: #e0ebb4; + color: #3e7805; + border-color: #afc75d; +} +.success a { color: #3e7805; } +.hide { display: none; } +.highlight { background: yellow; } +.added { + background: #006600; + color: white; +} +.removed { + background: #990000; + color: white; +} +body { + font-family: 'Lucida Sans', 'Lucida Grande', Helvetica, Arial, sans-serif; + color: #232323; + font-style: normal; +} +h1 { + font-family: Helvetica Neue, Helvetica, Arial, sans-serif; + color: #333333; + font-style: normal; + font-size: 2em; + line-height: 1; + margin-bottom: 0.1em; +} +h1 img { margin: -8px 0px 0px 0px; } +h2 { + font-family: "Calibri", Helvetica, Arial; + font-weight: bold; + letter-spacing: -0.5px; + color: #232323; + font-size: 24px; + margin: 0 0 7px; + padding: 0; +} +h3 { + font-family: Helvetica Neue, Helvetica, Arial, sans-serif; + color: #333333; + font-style: normal; + font-size: 1.2em; + line-height: 1; + margin-bottom: 0.1em; +} +h4 { + font-family: Helvetica Neue, Helvetica, Arial, sans-serif; + color: #333333; + font-style: normal; + font-size: 1em; + line-height: 1.25; + margin-bottom: 0.1em; +} +h5 { + font-family: Helvetica Neue, Helvetica, Arial, sans-serif; + color: #333333; + font-style: normal; + font-size: 0.8em; + font-weight: bold; + margin-bottom: 1.5em; +} +h6 { + font-family: Helvetica Neue, Helvetica, Arial, sans-serif; + color: #333333; + font-style: normal; + font-size: 0.6em; + font-weight: bold; +} +h2 img { margin: 0; } +h3 img { margin: 0; } +h4 img { margin: 0; } +h5 img { margin: 0; } +h6 img { margin: 0; } +p { + font-family: 'Lucida Sans', 'Lucida Grande', Helvetica, Arial, sans-serif; + color: #232323; + font-style: normal; + margin: 0 0 1em; + font-size: 0.8em; +} +p img.left { + display: inline; + float: left; + margin: 1.5em 1.5em 1.5em 0; + padding: 0; +} +p img.right { + display: inline; + float: right; + margin: 1.5em 0 1.5em 1.5em; + padding: 0; +} +a { color: #b3000c; } +a:focus { color: #232323; } +a:hover { color: #232323; } +a:active { color: #ff000c; } +blockquote { + margin: 1.5em; + color: #666666; + font-style: italic; +} +strong { font-weight: bold; } +em { font-style: italic; } +dfn { + font-style: italic; + font-weight: bold; +} +sup, sub { line-height: 0; } +abbr, acronym { border-bottom: 1px dotted #666666; } +address { + margin: 0 0 1.5em; + font-style: italic; +} +del { color: #666666; } +pre { + margin: 1.5em 0; + white-space: pre; +} +pre, code, tt { + font: 1em 'andale mono', 'lucida console', monospace; + line-height: 1.5; +} +li ul { margin: 0 1.5em; } +li ol { margin: 0 1.5em; } +ul { + margin-left: 0; + margin: 0 1.5em 1.5em 1.5em; + list-style-type: disc; +} +ul li { + padding-left: 14px; + background: url('/images/bullet-green.png?1250906375') no-repeat 4.5px 5.5px; + list-style-type: none; +} +ol { + margin: 0 1.5em 1.5em 1.5em; + list-style-type: decimal; +} +dl { margin: 0 0 1.5em 0; } +dl dt { font-weight: bold; } +dd { margin-left: 1.5em; } +table { + font-family: 'Lucida Sans', 'Lucida Grande', Helvetica, Arial, sans-serif; + color: #232323; + font-style: normal; + border: 2px solid black; + background: #ffffff; + margin-bottom: 1.4em; + width: 100%; + border-collapse: collapse; + font-size: 0.8em; +} +table thead th { border-bottom: 2px solid black; } +table tfoot th { border-top: 2px solid black; } +table tfoot td { border-top: 2px solid black; } +table th:first-child { border-right: 2px solid black; } +table th { + border-right: 2px solid black; + border-bottom: 2px solid black; + border-left-width: 0px; + border-top-width: 0px; +} +table td { + border-right: 2px solid black; + border-bottom: 2px solid black; + border-left-width: 0px; + border-top-width: 0px; +} +table th:last-child { border-right-width: 0px; } +table td:last-child { border-right-width: 0px; } +table th.last { border-right-width: 0px; } +table td.last { border-right-width: 0px; } +table tbody tr:last-child th { border-bottom-width: 0px; } +table tbody tr:last-child td { border-bottom-width: 0px; } +table tfoot tr:last-child th { border-bottom-width: 0px; } +table tfoot tr:last-child td { border-bottom-width: 0px; } +table tbody tr.last th { border-bottom-width: 0px; } +table tbody tr.last td { border-bottom-width: 0px; } +table tfoot tr.last th { border-bottom-width: 0px; } +table tfoot tr.last td { border-bottom-width: 0px; } +th { font-weight: bold; } +thead th { + background: #e8f0fc url(/images/header-main.gif) repeat-x scroll center bottom; + border-bottom: 1px solid #9caecc; + border-top: 1px solid #9caecc; + color: #2d466e; + font-family: "Lucida Grande", Helvetica, Arial, sans-serif; + font-size: 12px; + letter-spacing: 0; + line-height: 18px; + padding: 5px 10px; + text-align: left; + text-transform: none; +} +th, td, caption { padding: 5px 10px; } +tr { border-bottom: 1px solid #cbcdd3; } +tr.even td { background: #edecec; } +tfoot { font-style: italic; } +caption { background: #eeeeee; } +.left { + display: inline; + float: left; +} +.right { + display: inline; + float: right; +} +.clear { + clear: both; + font-size: 0; + height: 0; + line-height: 0; +} +.clearfix:after { + clear: both; + content: "."; + display: block; + height: 0; + visibility: hidden; +} +* html .clearfix { height: 1%; } +.clearfix { + overflow: hidden; + display: inline-block; +} +.clearfix { display: block; } +label { font-weight: bold; } +input { + margin: 0.5em 0; + border: 1px solid #bbbbbb; + width: 300px; + padding: 5px; +} +textarea { + margin: 0.5em 0; + width: 390px; + height: 250px; + padding: 5px; +} +select { margin: 0; } +fieldset { + padding: 1em 1.4em 1.4em; + margin: 0 0 1.5em 0; + border: 4px solid #a1c47e; +} +fieldset fieldset { margin: 1.5em 0 0 0; } +fieldset fieldset legend { + font-size: 1.2em; + margin-left: 45px; +} +legend { + padding: 0px 8px; + font-weight: bold; + font-size: 1.5em; + font-letter-spacing: -1px !important; + font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +form ol { + margin: 0; + padding: 0; +} +form ol li { + list-style: none; + padding: 5px; + margin: 0; +} +form label { + color: #232323; + width: 110px; + font-size: 0.8em; + display: inline-block; + line-height: 1.8; + vertical-align: middle; +} +form select { + font-size: 0.78em; + width: 150px; + padding: 1px; +} +form input { + font-size: 0.8em; + padding: 4px; + width: 440px; +} +form textarea { width: 440px; } +form em { + font-weight: bold; + font-style: normal; + color: #ff0000; +} +form#edit_user_1 { margin-top: 42px; } +form#new_user, form#new_user_session { + width: 630px; + margin: 42px auto 0; +} +form#new_user li { clear: both; } +form#new_user_session li { clear: both; } +form#new_user .error-with-field { display: inline; } +form#new_user_session .error-with-field { display: inline; } +form#new_user .error-with-field .error { + margin-right: 2px; + width: 425px; + float: right; +} +form#new_user_session .error-with-field .error { + margin-right: 2px; + width: 425px; + float: right; +} +form#new_user #user_session_openid_identifier { + background: #ffffff url(/images/openid-16x16.gif) 3px 3px no-repeat; + padding-left: 22px; + width: 420px; +} +form#new_user #user_openid_identifier { + background: #ffffff url(/images/openid-16x16.gif) 3px 3px no-repeat; + padding-left: 22px; + width: 420px; +} +form#new_user_session #user_session_openid_identifier { + background: #ffffff url(/images/openid-16x16.gif) 3px 3px no-repeat; + padding-left: 22px; + width: 420px; +} +form#new_user_session #user_openid_identifier { + background: #ffffff url(/images/openid-16x16.gif) 3px 3px no-repeat; + padding-left: 22px; + width: 420px; +} +form#new_user a#normal-login { display: none; } +form#new_user a#normal-signup { display: none; } +form#new_user_session a#normal-login { display: none; } +form#new_user_session a#normal-signup { display: none; } +form.edit_user #user_openid_identifier { + background: #ffffff url(/images/openid-16x16.gif) 3px 3px no-repeat; + padding-left: 22px; + width: 420px; +} +form#new_project { margin-top: 20px; } +.error { + padding: 0.8em; + margin-bottom: 1em; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + background: #f9d8da; + color: #bc180f; + border-color: #e3a2a5; +} +.error a { color: #bc180f; } +.notice { + padding: 0.8em; + margin-bottom: 1em; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + background: #f8e89f; + color: #b83107; + border-color: #e9a438; +} +.notice a { color: #b83107; } +.success { + padding: 0.8em; + margin-bottom: 1em; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + background: #e0ebb4; + color: #3e7805; + border-color: #afc75d; +} +.success a { color: #3e7805; } +.hide { display: none; } +.highlight { background: yellow; } +.added { + background: #006600; + color: white; +} +.removed { + background: #990000; + color: white; +} +body { background: #e8e7e3; } +#header { + background: #2c2c2c; + border-bottom: 6px solid #9cc276; + border-top: 3px solid #1c1c1c; + height: 50px; +} +#header h1 { + font-family: 'Lucida Sans', 'Lucida Grande', Helvetica, Arial, sans-serif; + color: #232323; + font-style: normal; + font-weight: bold; + margin: 8px 0px 0px 0px; + padding: 0px 0px 0px 0px; + font-size: 16.5px; + color: #ffffff; + line-height: 2em; +} +#header #menu { + display: inline; + float: right; + background: #232323; + padding: 4px 6px; + margin: 0px; +} +#header #menu ul { margin: 0; } +#header #menu ul li { + list-style-type: none; + background: none; + margin-left: 0px; +} +#header #menu ul li { + display: inline; + float: right; + background-image: none; + padding: 5px; + font-size: 12px; + color: #7c9179; +} +#header #menu ul li a { + color: #bec6bd; + display: block; + text-decoration: none; +} +#header #menu ul li a:hover { + color: #ffffff; + text-decoration: none; +} +#header #menu ul li.selected { font-weight: bold; } +#header #menu ul li.selected:hover { font-weight: bold; } +#content { + min-height: 400px; + padding: 15px 0px; + background: #e8e7e3 url(/images/background.gif) repeat-x scroll left top; +} +#sidebar #logo { + text-align: left; + float: left; + margin: 15px 16px 15px 24px; +} +#sidebar #logo h2 { font-size: 25px; } +#sidebar #logo img { + margin: -6px 0px 0px 0px; + float: left; +} +#sidebar .buttons a { + float: left; + width: auto; + display: inline; +} +#sidebar #projects { margin-top: 20px; } +#sidebar #projects h2 { text-align: center; } +#sidebar #projects ul { + margin: 10px 0px 0px; + padding: 6px; + background: #e2e2e2; + border: 1px solid #bfbeba; +} +#sidebar #projects ul li { + list-style-type: none; + background: none; + margin-left: 0px; +} +#sidebar #projects ul li { + font-size: 16px; + font-weight: bold; + text-decoration: none; + color: #232323; + padding: 8px 12px; + border-top: 1px solid #ffffff; + background: #efefef; + border-bottom: 1px solid #ccd2cb; + display: block; +} +#sidebar #projects ul li:hover { background: #f7f7f7; } +#sidebar #projects .buttons a { + float: right; + font-size: 75%; + padding: 3px 6px 3px 7px; + font-weight: bold; + margin: 0px 0px 0px 5px; +} +#full ul { margin: 0; } +#full ul li { + list-style-type: none; + background: none; + margin-left: 0px; +} +#full ul li.feature { + display: block; + margin: 0px 0px 12px; + padding: 4px 9px 9px 4px; + background: transparent url(/images/shadow.gif) no-repeat scroll right bottom; + border-top: 1px solid #d2d1cf; + border-left: 1px solid #d2d1cf; +} +#full ul li.feature ul li { padding: 0px; } +#full ul li.feature ul li.top { + background: #ffffff; + margin: 0px; + padding: 0px; + border: 1px solid #bfbeba; + cursor: move; +} +#full ul li.feature ul li.top .value { + font-weight: bold; + font-family: Helvetica Neue, Helvetica, Arial, sans-serif; + color: #333333; + font-style: normal; + font-family: "Calibri"; + font-size: 21px; + padding: 20px 16px 16px 20px; +} +#full ul li.feature ul li.top .cost { + font-family: Arial, Hevetica, sans-serif; + color: #232323; + font-style: normal; + font-size: 21px; + padding: 20px 14px; +} +#full ul li.feature ul li.middle { + background: #ebeff5; + border-right: 1px solid #bfbeba; + border-left: 1px solid #bfbeba; + border-bottom: 1px solid #bfbeba; +} +#full ul li.feature ul li.middle .value { + padding: 7px 16px; + min-height: 25px; +} +#full ul li.feature ul li.middle .value p { + font-family: 'Lucida Sans', 'Lucida Grande', Helvetica, Arial, sans-serif; + color: #232323; + font-style: normal; + color: #7c8da0; + margin: 4px 0px 0px 85px; + font-size: 10px; + font-weight: normal; +} +#full ul li.feature ul li.middle .value p span { + font-style: italic; + color: #3e3e3e; + font-size: 11px; + font-family: Georgia, serif; +} +#full ul li.feature ul li.middle .value .buttons a { + font-size: 70%; + padding: 4px 10px 4px; +} +#full ul li.feature ul li.middle .value .buttons button { + font-size: 70%; + padding: 4px 10px 4px; +} +#full ul li.feature ul li.middle .cost { + padding: 7px 16px; + margin-top: 5px; +} +#full ul li.feature ul li.drawer { + background: #f7f7f5; + border-right: 1px solid #bfbeba; + border-left: 1px solid #bfbeba; + border-bottom: 1px solid #bfbeba; +} +#full ul li.feature ul li.drawer ul.items li.edit_feature { padding: 5px 16px; } +#full ul li.feature ul li.drawer ul.items li.edit_feature .box { + margin: 10px 0px 0px; + padding: 6px; + background: #e2e2e2; + border: 1px solid #bfbeba; +} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner { + border-top: 1px solid #ffffff; + background: #efefef; + border-bottom: 1px solid #ccd2cb; +} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner input { + width: 555px; + margin: 0.2em 0; + padding: 4px 6px; +} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner label { + width: 115px; + text-align: right; + margin-right: 8px; +} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner select { + width: 115px; + text-align: right; + margin-right: 8px; +} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner select { + padding-right: 5px; + text-align: left; + font-size: 12px; +} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner ol { margin: 10px 13px; } +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner ol li .buttons a { + float: right; + font-size: 70%; + padding: 3px 6px 3px 7px; + font-weight: bold; + margin: 5px 0px 0px 0px; +} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner ol li .buttons button { + float: right; + font-size: 70%; + padding: 3px 6px 3px 7px; + font-weight: bold; + margin: 5px 0px 0px 0px; +} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner ol li.add .buttons a { + float: left; + margin: 6px 0 4px 9px; +} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner ol li.add .buttons a:hover { color: #2b66a0; } +#full ul li.feature ul li.drawer ul.items li.edit_scenario { + margin: 0px; + padding: 5px 16px; + border-bottom: 1px dashed #bfbeba; +} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box { + margin: 0px; + padding: 6px; + background: transparent; + border: 1px solid transparent; +} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner { + border-top: 1px solid transparent; + background: transparent; + border-bottom: 1px solid transparent; +} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner input { + width: 555px; + margin: 0.2em 0; + padding: 4px 6px; +} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner label { + width: 115px; + text-align: right; + margin-right: 8px; +} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner select { + width: 115px; + text-align: right; + margin-right: 8px; +} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner select { + padding-right: 5px; + text-align: left; + font-size: 12px; +} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner ol { margin: 0px 13px; } +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner ol li .buttons a { + float: right; + font-size: 70%; + padding: 3px 6px 3px 7px; + font-weight: bold; + margin: 5px 0px 0px 0px; +} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner ol li .buttons button { + float: right; + font-size: 70%; + padding: 3px 6px 3px 7px; + font-weight: bold; + margin: 5px 0px 0px 0px; +} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner ol li.add .buttons a { + float: left; + margin: 6px 0 4px 9px; +} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner ol li.add .buttons a:hover { color: #2b66a0; } +#full ul li.feature ul li.drawer ul.items li.edit_scenario .cost { margin: 20px 0px 0px; } +#full ul li.feature ul li.drawer ul.items li.edit_scenario .cost .estimate input { width: 30px; } +#full ul li.feature ul li.drawer ul.items li.edit_scenario .cost .estimate label { + font-size: 12px; + margin-left: 5px; +} +#full ul li.feature ul li.drawer ul.items li.footer { + margin: 0px 10px; + padding: 10px; +} +#full ul li.feature ul li.drawer ul.items li.footer .buttons a { + font-size: 70%; + padding: 4px 10px 4px; +} +#full ul li.feature ul li.drawer ul.items li.footer .buttons button { + font-size: 70%; + padding: 4px 10px 4px; +} +#full ul li.divider { + padding: 4px; + background: #eae4db; + margin: 0px 0px 12px 0px; + border: 1px solid #c7b9a1; + width: 802px; + cursor: move; +} +#full ul li.divider ul { + margin: 0; + padding: 0; + border: 0; + overflow: hidden; + display: inline-block; + line-height: 24px; + padding: 3px 10px; + border-top: 1px solid #ffffff; + background: #f3eee8; + border-bottom: 1px solid #cfc8bb; + border-left: 1px solid #cfc8bb; + border-right: 1px solid #cfc8bb; + font-weight: normal; + margin: 0px; + padding: 2px; +} +#full ul li.divider ul li { + list-style-type: none; + background: none; + margin-left: 0px; +} +#full ul li.divider ul { display: block; } +#full ul li.divider ul li { + list-style-type: none; + background: none; + margin-left: 0px; + white-space: nowrap; + display: inline; + float: left; + padding-left: 4px; + padding-right: 4px; +} +#full ul li.divider ul li.first { padding-left: 0px; } +#full ul li.divider ul li.last { padding-right: 0px; } +#full ul li.divider ul li { + font-size: 13px; + color: #4e4535; + padding: 3px 7px; + margin: 0px 15px 0px 0px; +} +#full ul li.divider ul li.milestone_number { + font-family: Arial, Hevetica, sans-serif; + color: #232323; + font-style: normal; + background: #89aa68 url(/images/milestone.gif) no-repeat 10% 45%; + padding-left: 115px; + font-size: 16px; + color: #ffffff; + text-shadow: 1px 1px 1px #5e7b40; +} +#full ul li.divider ul li .buttons a { + float: right; + font-size: 90%; + padding: 3px 6px 3px 7px; + font-weight: bold; + margin: 0px; +} +#footer { + bottom: 0; + height: 35px; + left: 0; + position: fixed; + width: 100%; + background-color: #2c2c2c; + border-top: 3px solid #1c1c1c; + display: inline; + float: right; + padding: 5px 6px; + margin: 0px; +} +#footer ul { + background: #232323 none repeat scroll 0 0; + display: inline; + width: 788px; + float: left; + padding: 4px 6px; + margin: 0px 10px 0px 5px; +} +#footer ul li { + list-style-type: none; + background: none; + margin-left: 0px; +} +#footer ul li { + display: inline; + float: left; + background-image: none; + padding: 5px; + font-size: 12px; + color: #bec6bd; + display: block; + text-decoration: none; + margin-right: 10px; +} +#footer ul li.project_totals { + font-family: Helvetica Neue, Helvetica, Arial, sans-serif; + color: #333333; + font-style: normal; + letter-spacing: 0.05em; + text-transform: uppercase; + color: #737672; + margin-right: 50px; +} +#footer ul li span { + color: #7c9179; + margin-left: 2px; +} +body#homepage #header { height: 50px; } +body#homepage #header #menu { + padding: 4px 6px; + margin-top: 8px; +} +body#homepage #content { padding: 0px; } +body#homepage #splash { + background: transparent url(/images/splash2.jpg) no-repeat 48% top; + height: 495px; +} +body#homepage #splash #tagline { padding: 119px 0 0 90px; } +body#homepage #splash #tagline p { + font-family: Georgia, serif; + font-size: 23px; + color: #2c3920; + margin-bottom: 12px; +} +body#homepage #splash #tagline .buttons { text-align: center; } +body#homepage #ad { padding: 60px 0 0 70px; } +body#homepage #ad h2 { + font-family: Georgia, serif; + font-size: 27px; + font-weight: normal; + color: #c3261c; + margin-bottom: 15px; +} +body#homepage #ad p { + font-family: Georgia, serif; + width: 150px; + font-size: 17.5px; + width: 300px; + line-height: 1.4em; + color: #343434; +} +body#homepage #ad p span { color: #68844c; } +body#homepage #lower { + margin: 10px auto 10px; + width: 836px; +} +body#homepage #lower h2 { + font-family: Georgia, serif; + font-size: 28px; + font-weight: normal; + color: #232323; + margin-bottom: 15px; +} +body#homepage #lower #one img { border: 1px solid #868686; } +body#homepage #lower #two img { border: 1px solid #868686; } +body#homepage #lower #three img { border: 1px solid #868686; } +body#homepage #lower p { + font-family: Georgia, serif; + font-size: 16px; + line-height: 1.4em; + color: #343434; +} +body#homepage #credits { + height: 300px; + margin: 0px auto 100px; + background: transparent url(/images/credits.jpg) no-repeat center top; +} +body#homepage #credits #cucumber p { + padding: 122px 0px 0px 150px; + width: 340px; + font-family: Georgia, serif; + font-size: 16px; + line-height: 1.4em; + color: #537136; +} +body#homepage #credits #cucumber p a { + line-height: 1em; + margin-right: 10px; + text-decoration: none; + border-bottom: 1px solid #829a6a; +} +body#homepage #credits #cucumber p a:hover { border-bottom: 2px solid #677a55; } +body#homepage #credits #microbrew p { + text-align: center; + width: 210px; + padding: 165px 20px 0px; + font-family: Georgia, serif; + font-size: 15px; + line-height: 1.5em; + color: #594848; +} +body#homepage #credits #microbrew p a { + line-height: 1em; + margin-right: 10px; + text-decoration: none; + border-bottom: 1px solid #9c9284; +} +body#homepage #credits #microbrew p a:hover { border-bottom: 2px solid #7b7265; } +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; +} +body { line-height: 1; } +ol, ul { list-style: none; } +blockquote, q { quotes: none; } +blockquote:before { + content: ''; + content: none; +} +blockquote:after { + content: ''; + content: none; +} +q:before { + content: ''; + content: none; +} +q:after { + content: ''; + content: none; +} +:focus { outline: 0; } +ins { text-decoration: none; } +del { text-decoration: line-through; } +table { + border-collapse: collapse; + border-spacing: 0; +} +br { clear: both; } +@font-face { + font-family: "Layne Lighthouse"; + src: url("/fonts/PhaistosDisk_-_Layne_Lighthouse.ttf"); +} +@font-face { + font-family: "Layne Lighthouse Bold"; + src: url("/fonts/PhaistosDisk_-_Layne_Lighthouse_bold.ttf"); +} +body { + font: 100% "Layne Lighthouse", Georgia, serif; + color: #42210b; + width: 960px; + margin: 0 auto; + background: #534741 url(/images/background.png) fixed repeat top left; +} +body strong { font-family: "Layne Lighthouse Bold", Georgia, serif; } +#header a { + display: block; + text-indent: -9000px; + height: 108px; + background: transparent url(/images/title.png) no-repeat top right; +} +#tell_me_how, #glossary { + font-size: 0.8em; + z-index: 5; + margin: 0px 10px 10px 10px; + padding: 5px 5px; + background-color: #f4f0e6; + -moz-transform-origin: 10% 90%; + -moz-transform: rotate(-1deg); + -webkit-transform-origin: 30% 0; + -webkit-transform: rotate(-1deg); + transform-origin: 0 0; + transform: rotate(-1deg); + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + -moz-box-shadow: 1px 3px 20px #111111; + -webkit-box-shadow: 1px 3px 20px #111111; + box-shadow: 1px 3px 20px #111111; +} +#map_canvas { + height: 200px; + width: 330px; + z-index: 9; + border: 3px solid #42210b; + margin: -20px auto 5px; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; +} +#tooltip { + position: absolute; + background-color: #990000; + color: #ffffff; + border: 1px solid #000000; + padding: 2px; + z-index: 5000; +} +#map_message { + background: #f4f0e6 url(/images/yelp_content.png) no-repeat top left; + height: 48px; + padding: 14px 10px; +} +#map_message.content { background: #f4f0e6 url(/images/yelp_content.png) no-repeat top left; } +#map_message.happy { background: #f4f0e6 url(/images/yelp_happy.png) no-repeat top left; } +#map_message.mad { background: #f4f0e6 url(/images/yelp_mad.png) no-repeat top left; } +#map_message p { + background: #f4f0e6 url(/images/yelp_werds.png) no-repeat top right; + margin: 0 0 0 62px; + padding: 14px 15px 14px 10px; + display: inline; +} +#icanhaznoms { + position: relative; + z-index: 2; + float: left; + width: 340px; + background: #f4f0e6; + margin: 0 20px 0 0; + padding: 10px 10px 20px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-box-shadow: 1px 3px 20px #111111; + -webkit-box-shadow: 1px 3px 20px #111111; + box-shadow: 1px 3px 20px #111111; +} +#icanhaznoms h3 { + text-align: center; + margin-bottom: 0.5em; +} +#location_form { margin-bottom: 0.7em; } +input#location_text { + font-size: 0.8em; + background: #ffffff; + width: 140px; + padding: 0 0.5em; + margin-right: 0.4em; + border: 3px solid #998675; + filter: alpha(opacity=80); + -moz-opacity: 0.8; + -khtml-opacity: 0.8; + opacity: 0.8; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +input.affirmative { + font-size: 0.8em; + background: #c9d159; + padding: 0 0.5em; + border: 3px solid #7f8212; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +#categories { + -moz-column-count: 2; + -webkit-column-count: 2; + column-count: 2; + margin-bottom: 10px; +} +#wrapper { + position: relative; + background-color: #f4f0e6; + float: left; + width: 560px; + height: 495px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-transform-origin: 15% 35%; + -moz-transform: rotate(6deg); + -webkit-transform-origin: 45% 0; + -webkit-transform: rotate(4deg); + transform-origin: 45% 0; + transform: rotate(4deg); + -moz-box-shadow: 1px 3px 20px #111111; + -webkit-box-shadow: 1px 3px 20px #111111; + box-shadow: 1px 3px 20px #111111; +} +#omnom, #empty_omnom { + position: relative; + background: transparent url(/images/omnombg.png) no-repeat -8px 0; + float: left; + padding: 60px 20px 0; + width: 240px; + height: 435px; + background-color: #f4f0e6; +} +#omnom h2 { text-indent: -9000px; } +#empty_omnom h2 { text-indent: -9000px; } +#sum_noms { + padding-left: 10px; + padding-top: 15px; + font-size: 0.7em; +} +#sum_noms li { padding-top: 0px; } +#sum_noms div.name { font-family: "Layne Lighthouse Bold", Georgia, serif; } +a.remove { + color: #42210b; + position: relative; + left: 200px; + top: -20px; + font: 10px "Arial Black", Gadget, sans-serif; + background: #f78288; + padding: 0 4px; + border: 3px solid #af414c; +} +#new_nom { + position: absolute; + bottom: 13px; + left: 30px; +} +#new_nom_name, #new_nom_details { + width: 200px; + font-size: 0.8em; + background: #ffffff; + padding: 0 0.5em; + margin-right: 0.4em; + border: 3px solid #998675; + filter: alpha(opacity=80); + -moz-opacity: 0.8; + -khtml-opacity: 0.8; + opacity: 0.8; +} +#new_nom_name { + height: 15px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +#new_nom_details { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} +#ohaipplz { + background: transparent url(/images/ohhai.png) no-repeat 10px 10px; + float: left; + width: 280px; + height: 495px; +} +#ohaipplz h2 { text-indent: -9000px; } +#ohaipplz form { + margin: 80px 0 0; + text-align: center; +} +#ohaipplz input { + background: none; + border: none; + margin: 3px 0; +} +#ohaipplz p input { + font-size: 15px; + background: #ffffff; + width: 210px; + height: 25px; + padding: 5px 0.8em 0; + border: 3px solid #998675; + filter: alpha(opacity=80); + -moz-opacity: 0.8; + -khtml-opacity: 0.8; + opacity: 0.8; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +p input#nom { + position: relative; + top: 0; + left: 150px; + height: 149px; + width: 409px; + background: transparent url(/images/nom.png) no-repeat top left; + border: none; + text-indent: -9000px; + cursor: pointer; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + -moz-transform-origin: -35% 35%; + -moz-transform: rotate(4deg); + -webkit-transform-origin: -35% 35%; + -webkit-transform: rotate(4deg); + transform-origin: -35% 35%; + transform: rotate(4deg); +} +#shiro_neko { + position: absolute; + left: 100px; + bottom: -150px; + background: transparent url(/images/shiro_neko.png) no-repeat 0 0; + height: 214px; + width: 218px; + -moz-transform: rotate(-8deg); + -webkit-transform: rotate(-8deg); + transform: rotate(-8deg); +} +p input#nom:hover { background: transparent url(/images/nomnom.png) no-repeat top left; } +p input#nom:active { + position: relative; + top: 5px; + left: 150px; +} +input#creator_email { margin: 0 0 65px; } +#sum_noms .name { font-weight: bold; } +a { + color: #7f8212; + text-decoration: none; +} +#tell_me_how p { padding-bottom: 0.4em; } +#tell_me_how li { padding-bottom: 0.4em; } +#tell_me_how li { + list-style-type: disc; + margin-left: 2em; +} +#location_form p { + color: #998675; + font-size: 0.7em; + margin: 0.2em 0 0 0.5em; +} +#yelp_contrib { + font-size: 0.9em; + line-height: 32px; + position: absolute; + bottom: 0px; + right: 5px; + filter: alpha(opacity=80); + -moz-opacity: 0.8; + -khtml-opacity: 0.8; + opacity: 0.8; +} +#yelp_contrib img { vertical-align: top; } +form p { position: relative; } +label.inside { + position: absolute; + top: 0; + left: 10px; +} +label.inside[for=new_nom_details] { top: 2px; } +label.inside[for=creator_email] { + top: 6px; + left: 30px; +} +#mail { + z-index: 10; + position: absolute; + background: transparent url(/images/mail.png) no-repeat top left; + height: 270px; + width: 291px; + left: 500px; + top: 190px; + padding: 56px 30px 0 75px; + margin-right: 175px; + text-align: center; +} +#mail h1 { font-size: 1.7em; } +#glossary { + position: absolute; + width: 275px; + left: 270px; + top: 120px; + padding: 10px 20px 40px; + -moz-transform-origin: 10% 90%; + -moz-transform: rotate(-1deg); + -webkit-transform-origin: 30% 0; + -webkit-transform: rotate(-1deg); + transform-origin: 0 0; + transform: rotate(-1deg); + -moz-box-shadow: 1px 3px 20px #111111; + -webkit-box-shadow: 1px 3px 20px #111111; + box-shadow: 1px 3px 20px #111111; +} +#glossary h3 { + font-size: 3em; + text-align: center; + border-bottom: 4px dotted #42210b; +} +#glossary dt { + font: 1.6em "Layne Lighthouse Bold", Georgia, serif; + margin-top: 0.8em; +} +#results_page { position: relative; } +.result { + font-size: 0.8em; + z-index: 5; + margin: 0px 10px 10px 10px; + background-color: #f4f0e6; + position: relative; + left: 130px; + top: 80px; + width: 455px; + margin-left: 50px; + -moz-box-shadow: 1px 3px 20px #111111; + -webkit-box-shadow: 1px 3px 20px #111111; + box-shadow: 1px 3px 20px #111111; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +#results_page .lame_pplz { + font-size: 0.8em; + z-index: 5; + margin: 0px 10px 10px 10px; + background-color: #f4f0e6; + position: relative; + left: 130px; + top: 80px; + width: 455px; + margin-left: 50px; + -moz-box-shadow: 1px 3px 20px #111111; + -webkit-box-shadow: 1px 3px 20px #111111; + box-shadow: 1px 3px 20px #111111; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.votez .result { width: 350px; } +#hidden { display: none; } +.votez { width: 750px; } +.result .nom { + width: 170px; + float: left; + padding: 10px 20px 15px; +} +.result .nom .name { + font: 1.6em "Layne Lighthouse Bold", Georgia, serif; + font-size: 2em; +} +.result .pplz { + float: right; + padding-right: 20px; +} +.pick { + float: right; + padding: 20px 20px; +} +#vote input { + font-size: 1.8em; + background: #c9d159; + padding: 0 0.5em; + border: 3px solid #7f8212; + position: absolute; + bottom: -130px; + left: 280px; + cursor: pointer; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} +.pick img { vertical-align: middle; } +#vote input:active { + position: absolute; + bottom: -132px; + left: 280px; +} +.result .pplz p { + background: #f78288; + text-align: right; + margin: 5px -40px 0 0; + padding: 5px 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + -moz-box-shadow: 1px 3px 7px #222222; + -webkit-box-shadow: 1px 3px 7px #222222; + box-shadow: 1px 3px 7px #222222; +} +.result .pplz li { + background: #c9d159; + text-align: right; + margin: 5px -40px 5px 0; + padding: 5px 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + -moz-box-shadow: 1px 3px 7px #222222; + -webkit-box-shadow: 1px 3px 7px #222222; + box-shadow: 1px 3px 7px #222222; +} +.result .pplz img { + vertical-align: middle; + border: 4px solid #42210b; + margin-left: 4px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.lame_pplz { padding: 10px 20px 10px; } +.lame_pplz h3 { + text-align: center; + font-size: 2em; +} +#results_list { z-index: 5; } +#i_have_envelopes_plz { + position: absolute; + top: -15px; + left: -30px; + background: transparent url(/images/results.png) no-repeat top left; + height: 293px; + width: 210px; +} +h2#i_have_envelopes_plz { + font-size: 1.4em; + text-align: center; + width: 165px; + padding: 27px 40px 0 175px; + margin-right: 50px; +} +br { clear: both; } +#rumble_banner { + position: absolute; + right: 0; + top: 0; + display: block; + height: 170px; + width: 170px; + background: url(/images/rumble.png) no-repeat; + text-indent: -999em; + text-decoration: none; +} +ul.jq-ui-autocomplete { + position: absolute; + overflow: hidden; + background-color: #ffffff; + border: 1px solid #aaaaaa; + margin: 0; + padding: 0; + list-style: none; + font: normal .75em/.75em Verdana, Arial, sans-serif; + color: #333333; +} +ul.jq-ui-autocomplete li { + display: block; + padding: 0.3em 0.5em 0.3em 0.3em; + overflow: hidden; + width: 100%; +} +ul.jq-ui-autocomplete li.active { + background-color: #3875d7; + color: #ffffff; +} +.colorpicker { + width: 210px; + height: 176px; + overflow: hidden; + position: absolute; + background: url(/images/colorpicker/colorpicker_background.png); + font-family: Helvetica, Arial, FreeSans, sans-serif; + display: none; +} +.colorpicker_color { + width: 150px; + height: 150px; + left: 14px; + top: 13px; + position: absolute; + background: #ff0000; + overflow: hidden; + cursor: crosshair; +} +.colorpicker_color div { + position: absolute; + top: 0; + left: 0; + width: 150px; + height: 150px; + background: url(/images/colorpicker/colorpicker_overlay.png); +} +.colorpicker_color div div { + position: absolute; + top: 0; + left: 0; + width: 11px; + height: 11px; + overflow: hidden; + background: url(/images/colorpicker/colorpicker_select.gif); + margin: -5px 0 0 -5px; +} +.colorpicker_hue { + position: absolute; + top: 13px; + left: 171px; + width: 35px; + height: 150px; +} +.colorpicker_hue div { + position: absolute; + width: 35px; + height: 9px; + overflow: hidden; + background: url(/images/colorpicker/colorpicker_indic.gif) left top; + margin: -4px 0 0 0; + left: 0; +} +.colorpicker_new_color { + position: absolute; + width: 60px; + height: 30px; + left: 213px; + top: 13px; + background: #ff0000; +} +.colorpicker_current_color { + position: absolute; + width: 60px; + height: 30px; + left: 283px; + top: 13px; + background: #ff0000; +} +.colorpicker input { + background-color: transparent; + border: 1px solid transparent; + position: absolute; + font-size: 10px; + font-family: Helvetica, Arial, FreeSans, sans-serif; + color: #898989; + top: 4px; + right: 11px; + text-align: right; + margin: 0; + padding: 0; + height: 11px; +} +.colorpicker_hex { + position: absolute; + width: 72px; + height: 22px; + left: 212px; + top: 142px; +} +.colorpicker_hex input { right: 6px; } +.colorpicker_field { + height: 22px; + width: 62px; + background-position: top; + position: absolute; +} +.colorpicker_field span { + position: absolute; + width: 12px; + height: 22px; + overflow: hidden; + top: 0; + right: 0; + cursor: n-resize; +} +.colorpicker_rgb_r { + top: 52px; + left: 212px; +} +.colorpicker_rgb_g { + top: 82px; + left: 212px; +} +.colorpicker_rgb_b { + top: 112px; + left: 212px; +} +.colorpicker_hsb_h { + top: 52px; + left: 282px; +} +.colorpicker_hsb_s { + top: 82px; + left: 282px; +} +.colorpicker_hsb_b { + top: 112px; + left: 282px; +} +.colorpicker_submit { + position: absolute; + width: 22px; + height: 22px; + left: 322px; + top: 142px; + overflow: hidden; +} +.colorpicker_focus { background-position: center; } +.colorpicker_hex.colorpicker_focus, .colorpicker_submit.colorpicker_focus, .colorpicker_slider { background-position: bottom; } +table.jCalendar { + border: 1px solid #000000; + background: #aaaaaa; + border-collapse: separate; + border-spacing: 2px; +} +table.jCalendar th { + background: #333333; + color: #ffffff; + font-weight: bold; + padding: 3px 5px; +} +table.jCalendar td { + background: #cccccc; + color: #000000; + padding: 3px 5px; + text-align: center; +} +table.jCalendar td.other-month { + background: #dddddd; + color: #aaaaaa; +} +table.jCalendar td.today { + background: #666666; + color: #ffffff; +} +table.jCalendar td.selected { + background: #ff6666; + color: #ffffff; +} +table.jCalendar td.selected:hover { + background: #ff3333; + color: #ffffff; +} +table.jCalendar td:hover { + background: #ffffff; + color: #000000; +} +table.jCalendar td.dp-hover { + background: #ffffff; + color: #000000; +} +table.jCalendar td.disabled { + background: #bbbbbb; + color: #888888; +} +table.jCalendar td.disabled:hover { + background: #bbbbbb; + color: #888888; +} +div.dp-popup { + position: relative; + background: #cccccc; + font-size: 10px; + font-family: arial, sans-serif; + padding: 2px; + width: 171px; + line-height: 1.2em; +} +div#dp-popup { + position: absolute; + z-index: 199; +} +div.dp-popup h2 { + font-size: 12px; + text-align: center; + margin: 2px 0; + padding: 0; +} +a#dp-close { + font-size: 11px; + padding: 4px 0; + text-align: center; + display: block; +} +a#dp-close:hover { text-decoration: underline; } +div.dp-popup a { + color: #000000; + text-decoration: none; + padding: 3px 2px 0; +} +div.dp-popup div.dp-nav-prev { + position: absolute; + top: 2px; + left: 4px; + width: 100px; +} +div.dp-popup div.dp-nav-prev a { float: left; } +div.dp-popup div.dp-nav-prev a { cursor: pointer; } +div.dp-popup div.dp-nav-next a { cursor: pointer; } +div.dp-popup div.dp-nav-prev a.disabled { cursor: default; } +div.dp-popup div.dp-nav-next a.disabled { cursor: default; } +div.dp-popup div.dp-nav-next { + position: absolute; + top: 2px; + right: 4px; + width: 100px; +} +div.dp-popup div.dp-nav-next a { float: right; } +div.dp-popup a.disabled { + cursor: default; + color: #aaaaaa; +} +div.dp-popup td { cursor: pointer; } +div.dp-popup td.disabled { cursor: default; } +#facebox .b { background: url(/facebox/b.png); } +#facebox .tl { background: url(/facebox/tl.png); } +#facebox .tr { background: url(/facebox/tr.png); } +#facebox .bl { background: url(/facebox/bl.png); } +#facebox .br { background: url(/facebox/br.png); } +#facebox { + position: absolute; + top: 0; + left: 0; + z-index: 100; + text-align: left; +} +#facebox .popup { position: relative; } +#facebox table { border-collapse: collapse; } +#facebox .body { + padding: 10px; + background: #ffffff; + width: 370px; +} +#facebox .loading { text-align: center; } +#facebox .image { text-align: center; } +#facebox img { border: 0; } +#facebox .footer { + border-top: 1px solid #dddddd; + padding-top: 5px; + margin-top: 10px; + text-align: right; +} +#facebox .tl { + height: 10px; + width: 10px; + overflow: hidden; + padding: 0; +} +#facebox .tr { + height: 10px; + width: 10px; + overflow: hidden; + padding: 0; +} +#facebox .bl { + height: 10px; + width: 10px; + overflow: hidden; + padding: 0; +} +#facebox .br { + height: 10px; + width: 10px; + overflow: hidden; + padding: 0; +} +#facebox_overlay { + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; +} +.facebox_hide { z-index: -100; } +.facebox_overlayBG { + background-color: #000000; + z-index: 99; +} +.farbtastic { position: relative; } +.farbtastic * { + position: absolute; + cursor: crosshair; +} +.farbtastic { + width: 195px; + height: 195px; +} +.farbtastic .wheel { + width: 195px; + height: 195px; +} +.farbtastic .color { + top: 47px; + left: 47px; + width: 101px; + height: 101px; +} +.farbtastic .overlay { + top: 47px; + left: 47px; + width: 101px; + height: 101px; +} +.farbtastic .wheel { + background: url(/images/modules/farbtastic/wheel.png) no-repeat; + width: 195px; + height: 195px; +} +.farbtastic .overlay { background: url(/images/modules/farbtastic/mask.png) no-repeat; } +.farbtastic .marker { + width: 17px; + height: 17px; + margin: -8px 0 0 -8px; + overflow: hidden; + background: url(/images/modules/farbtastic/marker.png) no-repeat; +} +.ac_results { + padding: 0; + border: 1px solid WindowFrame; + background-color: Window; + overflow: hidden; + z-index: 1000; +} +.ac_results ul { + list-style-position: outside; + list-style: none; + padding: 0; + margin: 0; +} +.ac_results li { + margin: 0; + padding: 2px 5px; + cursor: default; + display: block; + font: menu; + font-size: 12px; + overflow: hidden; + text-align: left; +} +.ac_loading { background: Window url('/images/modules/ajax/indicator.gif') right center no-repeat; } +.ac_over { + background-color: Highlight; + color: HighlightText; + text-align: left; +} +.syntax { background: #ffffff; } +.syntax .c { + color: #999988; + font-style: italic; +} +.syntax .err { + color: #a61717; + background-color: #e3d2d2; +} +.syntax .k { font-weight: bold; } +.syntax .o { font-weight: bold; } +.syntax .cm { + color: #999988; + font-style: italic; +} +.syntax .cp { + color: #999999; + font-weight: bold; +} +.syntax .c1 { + color: #999988; + font-style: italic; +} +.syntax .cs { + color: #999999; + font-weight: bold; + font-style: italic; +} +.syntax .gd { + color: #000000; + background-color: #ffdddd; +} +.syntax .gd .x { + color: #000000; + background-color: #ffaaaa; +} +.syntax .ge { font-style: italic; } +.syntax .gr { color: #aa0000; } +.syntax .gh { color: #999999; } +.syntax .gi { + color: #000000; + background-color: #ddffdd; +} +.syntax .gi .x { + color: #000000; + background-color: #aaffaa; +} +.syntax .go { color: #888888; } +.syntax .gp { color: #555555; } +.syntax .gs { font-weight: bold; } +.syntax .gu { color: #aaaaaa; } +.syntax .gt { color: #aa0000; } +.syntax .kc { font-weight: bold; } +.syntax .kd { font-weight: bold; } +.syntax .kp { font-weight: bold; } +.syntax .kr { font-weight: bold; } +.syntax .kt { + color: #445588; + font-weight: bold; +} +.syntax .m { color: #009999; } +.syntax .s { color: #dd1144; } +.syntax .na { color: #008080; } +.syntax .nb { color: #0086b3; } +.syntax .nc { + color: #445588; + font-weight: bold; +} +.syntax .no { color: #008080; } +.syntax .ni { color: #800080; } +.syntax .ne { + color: #990000; + font-weight: bold; +} +.syntax .nf { + color: #990000; + font-weight: bold; +} +.syntax .nn { color: #555555; } +.syntax .nt { color: #000080; } +.syntax .nv { color: #008080; } +.syntax .ow { font-weight: bold; } +.syntax .w { color: #bbbbbb; } +.syntax .mf { color: #009999; } +.syntax .mh { color: #009999; } +.syntax .mi { color: #009999; } +.syntax .mo { color: #009999; } +.syntax .sb { color: #dd1144; } +.syntax .sc { color: #dd1144; } +.syntax .sd { color: #dd1144; } +.syntax .s2 { color: #dd1144; } +.syntax .se { color: #dd1144; } +.syntax .sh { color: #dd1144; } +.syntax .si { color: #dd1144; } +.syntax .sx { color: #dd1144; } +.syntax .sr { color: #009926; } +.syntax .s1 { color: #dd1144; } +.syntax .ss { color: #990073; } +.syntax .bp { color: #999999; } +.syntax .vc { color: #008080; } +.syntax .vg { color: #008080; } +.syntax .vi { color: #008080; } +.syntax .il { color: #009999; } +* { + margin: 0; + padding: 0; +} +html, body { height: 100%; } +body { + background-color: white; + font: 13.34px helvetica, arial, freesans, clean, sans-serif; + *font-size: small; + text-align: center; +} +table { + font-size: inherit; + font: 100%; +} +select, input[type=text], input[type=password], input[type=image], textarea { font: 99% helvetica, arial, freesans, sans-serif; } +select, option { padding: 0 0.25em; } +input.text { padding: 1px 0; } +optgroup { margin-top: 0.5em; } +pre, code { + font: 115% Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + *font-size: 100%; +} +body * { line-height: 1.4em; } +img { border: 0; } +a { + color: #4183c4; + text-decoration: none; +} +a.action { + color: #dd0000; + text-decoration: underline; +} +a.action span { text-decoration: none; } +a:hover { text-decoration: underline; } +.clear { clear: both; } +.sparkline { display: none; } +.right { float: right; } +.left { float: left; } +.hidden { display: none; } +img.help { vertical-align: middle; } +.notification { + background: #fffbe2 none repeat scroll 0; + border: 1px solid #ffe222; + padding: 1em; + margin: 1em 0; + font-weight: bold; +} +.warning { + background: #fffccc; + font-weight: bold; + padding: 0.5em; + margin-bottom: 0.8em; +} +.error_box { + background: #ffebe8 none repeat scroll 0; + border: 1px solid #dd3c10; + padding: 1em; + font-weight: bold; +} +abbr { border-bottom: none; } +.flash { color: green; } +.corner { + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + padding: 3px; +} +body { text-align: center; } +.site { + width: 69em; + margin: 0 auto; + padding: 0 3em; + text-align: left; +} +.syntax .gc { + color: #999999; + background-color: #eaf2f5; +} +#site_alert { margin-bottom: 1em; } +#site_alert p { + margin: 0 auto; + width: 85%; + text-align: center; + font-weight: bold; + color: #ffffff; + background: #000000; + padding-top: 0.3em; +} +#header { + background: #fcfcfc url(/images/modules/header/header_bg.png) 0 100% repeat-x; + height: 6.82em; + min-width: 75em; +} +#header a { color: #ffffff; } +#header a:hover { text-decoration: none; } +#header .logo { + padding-top: 1.2em; + float: left; +} +#header .actions { + float: right; + color: #444444; + font-size: 110%; + margin-top: 2.3em; +} +#header .actions a { + color: #444444; + margin-left: 1.5em; + padding: 0.4em; +} +#header .actions a:hover { + text-decoration: none; + background-color: #dcdcdc; +} +#header.basic { + border-bottom: 5px solid #dddddd; + margin-bottom: 1em; +} +#header .userbox { + background: #eaf2f5; + border: 1px solid #dddddd; + float: right; + margin-top: 1.6em; + width: 25em; + color: #aaaacc; +} +#header .userbox .box { margin: 0.25em 0.5em; } +#header .userbox .gravatar { float: left; } +#header .userbox .gravatar img { + border: 1px solid #d0d0d0; + padding: 2px; + background-color: white; + margin-right: 0.7em; +} +#header .userbox .top { overflow: hidden; } +#header .userbox .top .name { + float: left; + overflow: hidden; + font-weight: bold; + width: 10em; +} +#header .userbox .top .name a { color: #000000; } +#header .userbox .top .links { + font-size: 85%; + margin-top: 0.2em; + float: right; + text-align: right; +} +#header .userbox .top .links a { color: #4183c4; } +#header .userbox .top .links a:hover { text-decoration: underline; } +#header .userbox .bottom { overflow: hidden; } +#header .userbox .inbox { + float: left; + margin-top: 0.7em; + background: url('/images/modules/inbox/message.png') 0 0.1em no-repeat; +} +#header .userbox .inbox a { + padding-left: 20px; + display: block; +} +#header .userbox a { color: #4183c4; } +#header .userbox .bottom .select { + float: right; + margin-top: 0.5em; +} +#header .topsearch { + float: left; + width: 19em; + margin: 2.05em 0 0 1em; + color: #bbbbbb; +} +#header .topsearch a { + color: #666666; + font-size: 80%; +} +#header .topsearch a:hover { + color: black; + text-decoration: underline; +} +#header .topsearch form { padding-top: 0.4em; } +#header .topsearch input { vertical-align: middle; } +body:first-of-type#header .topsearch input { font-size: 110%; } +#header .topsearch input.search { + padding-top: 1px; + width: 12em; +} +body:first-of-type #header .topsearch input.search { + padding-top: 0; + font-size: 120%; + width: 9em; +} +#header .topsearch input[type=submit] { + position: relative; + top: 1px; +} +body:first-of-type #header .topsearch input[type=submit] { top: 0; } +#header .topsearch .links span { float: right; } +#main { + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -8.6em; +} +.push { + height: 8.6em; + padding-bottom: 4em; +} +#footer { + height: 8.6em; + background: #bbccd9 url(/images/modules/footer/bg.png) 0 0 repeat-x; + overflow: hidden; + color: #cadcea; + min-width: 75em; +} +#footer a { + color: white; + text-decoration: underline; +} +#footer .info { + padding: 2.9em 0 3.3em 0; + float: left; +} +#footer .info .links { + padding-bottom: 0.4em; + border-bottom: 3px solid #5c8ab3; +} +#footer .info .company { padding-top: 0.4em; } +#footer .sponsor { + padding: 2.75em 0 1em 0; + float: right; + width: 20em; +} +#footer .sponsor img { + float: right; + margin: 0.4em 0 0 0.75em; +} +#footer .sponsor a { text-decoration: none; } +#footer .sponsor div { + text-align: right; + font-size: 0.9em; + margin-top: 0.7em; +} +#error { + margin-top: 2em; + text-align: center; +} +#error h1 { + font-size: 140%; + margin-top: 1em; +} +#error ul { padding-left: 1em; } +#error .status500 { + width: 36em; + margin: 10px auto; + text-align: left; +} +#error .status404 { + width: 36em; + margin: 10px auto; + text-align: left; +} +#error .status500 p { + font-weight: bold; + margin: 10px 0; +} +#error .status404 p { + font-weight: bold; + margin: 10px 0; +} +#error .maintenance { text-align: center; } +#error .maintenance p { + text-align: center; + font-weight: bold; +} +.standard_form { + margin: 3em auto 0 auto; + width: 60em; + background-color: #eaf2f5; + padding: 2em 2em 1em 2em; + border: 20px solid #dddddd; +} +.standard_form h1 { + font-size: 160%; + margin-bottom: 1em; +} +.standard_form h1 a { + font-size: 70%; + font-weight: normal; +} +.standard_form p { margin: 0.5em 0; } +.standard_form p.note { color: #aa0000; } +.standard_form form label { + font-size: 110%; + color: #666666; + display: block; + margin: 0; + margin-top: 1em; +} +.standard_form form .label { + font-size: 110%; + color: #666666; + display: block; + margin: 0; + margin-top: 1em; +} +label.standard { + font-size: 110%; + color: #666666; + display: block; + margin: 0; + margin-top: 1em; +} +.standard_form form label a { font-size: 90%; } +.standard_form form label.error { color: #aa0000; } +.standard_form form .label label { + margin: 0; + color: black; + font-size: 95%; +} +.standard_form form .label span { + font-size: 90%; + color: #888888; +} +.standard_form form input.text { + padding: 5px; + border: 1px solid #888888; +} +.standard_form form textarea { + padding: 5px; + border: 1px solid #888888; +} +.standard_form form input.text { font-size: 110%; } +.standard_form form input.submit { + font-size: 120%; + padding: 0.1em 1em; +} +.standard_form form label.error input.text { + border: 1px solid #aa0000; + background-color: #f2e1e1; +} +.standard_form form label.error textarea { + border: 1px solid #aa0000; + background-color: #f2e1e1; +} +#contact-form { margin-top: 1.3em; } +#contact-form td { padding: 0.5em; } +#contact-form input[type='text'] { width: 30em; } +#contact-form textarea { width: 30em; } +.page_form th { padding: 5px; } +.page_form td { padding: 5px; } +.page_form th { + padding-right: 10px; + text-align: right; +} +.page_form td textarea { + width: 400px; + height: 70px; +} +#profile { + margin: 3em auto 0 auto; + width: 60em; +} +#login, #forgot_password { width: 31em; } +#repo_menu { + background: #eaeaea url(/images/modules/repo_menu/bg.png) 0 0 repeat-x; + text-align: left; + overflow: hidden; +} +#repo_menu ul { + overflow: hidden; + background: #f4f4f4 url(/images/modules/repo_menu/tab.png) 0 0 repeat-x; + border-bottom: 3px solid white; +} +#repo_menu ul li { + background: #f4f4f4 url(/images/modules/repo_menu/tab.png) 0 0 repeat-x; + float: left; + list-style-type: none; + height: 1.6em; + padding-top: 0.4em; + border-right: 2px solid #eeeeee; + position: relative; +} +#repo_menu ul li:hover { background: #f4f4f4 url(/images/modules/repo_menu/tab_hover.png) 0 0 repeat-x; } +#repo_menu ul li.active { background: white url(/images/modules/repo_menu/tab_active.png) 0 0 repeat-x; } +#repo_menu ul li a { + padding: 1em 1em 0.3em 1em; + color: #979797; + font-size: 110%; +} +#repo_menu ul li a:hover { + color: black; + text-decoration: none; +} +#repo_menu ul li.active a { color: black; } +#repo_sub_menu { + height: 2.099em; + background: #dadada url(/images/modules/repo_sub_menu/bg.png) 0 100% repeat-x; + margin-bottom: 1.5em; + line-height: 1.5; +} +#repo_sub_menu .site { padding: 0.4em 1em 0 1em; } +#repo_sub_menu ul { list-style: none; } +#repo_sub_menu li { + float: left; + position: relative; +} +#repo_sub_menu li ul { + display: none; + position: absolute; + z-index: 1000; + top: 1em; + left: 0; + background-color: #d0d0d0; + margin-left: 1.7em; + border-left: 1px solid #cfcfcf; + border-right: 1px solid #cfcfcf; + border-bottom: 1px solid #cfcfcf; + padding: 0.3em; +} +#repo_sub_menu li > ul { + top: auto; + left: auto; + min-width: 116px; + max-height: 200px; + overflow: auto; + overflow-x: hidden; + white-space: nowrap; +} +#repo_sub_menu li ul li { + top: auto; + left: auto; + float: none; + min-width: 6em; +} +#repo_sub_menu li ul li:hover { background-color: #bbbbbb; } +#repo_sub_menu li ul li a { + margin-left: 0; + margin-right: 1em; + padding: 0.1em 0.3em; + display: block; +} +#repo_sub_menu li:hover ul { display: block; } +#repo_sub_menu a { + padding: 0.3em; + margin-left: 2em; + color: black; +} +#repo_sub_menu a:hover { text-decoration: none; } +#repo_sub_menu a.active { background-color: #eeeeee; } +#home .announce { + min-width: 75em; + margin-top: -1em; + background-color: #fbfbfb; +} +#home .announce h1 { + font-family: "HelveticaNeue-Light", Helvetica, Arial, FreeSans, sans-serif; + font-size: 240%; + text-align: center; + font-weight: normal; + color: #133855; + padding: 0.75em 0; +} +#home .gateway { + min-width: 75em; + overflow: hidden; + background: #fbfbfb; +} +#home .gateway .opensource { + float: left; + width: 34em; +} +#home .search * { vertical-align: top; } +#home .search .label { + color: #777777; + font-size: 110%; + font-weight: bold; +} +#home .search .box input.text { + width: 16.6em; + height: 1em; + font-size: 180%; + padding: 0.2em 0 0.2em 0; + border: 3px solid #b4b4b4; + margin-top: 0.1em; +} +#home .search .box input[type=image] { + width: 3.223em; + height: 3.223em; +} +#home .featured { + margin-top: 1.5em; + background-color: white; + padding: 0.4em 0.5em 0.4em 0.5em; + border: 2px solid #f2f2f2; + position: relative; + margin-right: 0.3em; +} +#home .featured img { + position: absolute; + left: -2.549em; + top: 0; + width: 3.073em; + height: 4.798em; +} +#home .featured .meta a { color: #336699; } +#home .featured .meta .user { font-weight: bold; } +#home .featured .meta .repo { + font-weight: bold; + font-size: 270%; + margin-top: -0.2em; +} +#home .featured .meta .when { + float: right; + font-weight: bold; + color: #c7c7c7; + font-size: 95%; +} +#home .featured .blurb { color: #888888; } +#home .featured .blurb p { font-size: 110%; } +#home .featured .blurb span { + color: black; + font-size: 105%; +} +#home .popular { + margin-top: 0.5em; + margin-bottom: 1em; + padding-top: 1em; +} +#home .popular h3 { + font-size: 105%; + color: #aaaaaa; +} +#home .popular img { + border: 1px solid #d0d0d0; + padding: 1px; + background-color: white; + margin-right: 0.1em; + position: relative; + top: 0.25em; +} +#home .popular a { color: black; } +#home .popular ul { list-style-type: none; } +#home .popular ul li { + font-size: 125%; + color: #888888; +} +#home .popular ul li a.repo { font-weight: bold; } +#home .gateway .business { + float: right; + width: 34em; + background: transparent url(/images/modules/home/briefcases.png) 50% 0.8em no-repeat; + text-align: center; +} +#home .gateway .business p { + margin-top: 4.75em; + font-size: 120%; + color: #444444; + line-height: 1.5em; +} +#home .gateway .business .logos { + overflow: hidden; + height: 300px; +} +#home .gateway .business .logos .slide { + position: relative; + top: 0; +} +#home .gateway .business table { width: 100%; } +#home .gateway .business td { + height: 75px; + vertical-align: middle; + text-align: center; +} +.stats h1 { display: inline; } +.stats h1 a { + color: #000000; + text-decoration: none; +} +.stats h1 a:hover { text-decoration: underline; } +.stats h3 { + padding-left: 0.5em; + display: inline; + font-size: 105%; + color: #aaaaaa !important; + margin-bottom: 0.5em; + border-top: none; +} +#home .headline { + font-family: "HelveticaNeue-Light", Helvetica, Arial, FreeSans, sans-serif; + margin-bottom: 4.2em; +} +#home .headline .words { + margin-top: 1.5em; + text-align: center; +} +#home .headline .tour { + margin-top: 3em; + text-align: center; +} +#home .headline h1 { + text-align: center; + font-weight: normal; +} +#home .headline h2 { + text-align: center; + font-weight: normal; +} +#home .headline h1 { + font-size: 240%; + color: #133855; +} +#home .headline h2 { + font-size: 150%; + color: #133855; +} +#home .features { + border-top: 5px solid #dddddd; + background-color: #edf2f6; + overflow: hidden; + padding: 1em 2em 3em 2em; +} +#home .features h3 { + font-size: 150%; + margin-top: 1em; +} +#home .features p { + font-size: 120%; + color: #444444; + padding-bottom: 1em; +} +#home .features .left { + margin-left: 7em; + float: left; + width: 25em; +} +#home .features .right { + margin-right: 7em; + float: right; + width: 25em; +} +#home .screens { + overflow: hidden; + border-top: 5px solid #dddddd; + border-bottom: 5px solid #dddddd; + padding: 2em 0 2.5em 0; +} +#home .screens .site { + text-align: center; + width: 68em; + margin: 0 auto; + list-style-type: none; +} +#home .screens h2 { margin-bottom: 0.5em; } +#home .screens .screenshot { + float: left; + text-align: center; + margin: 0 1em 2em 0; + width: 275px; +} +#home .screens .screenshot img { margin-bottom: 0.1em; } +#home .learn { + overflow: hidden; + padding: 2em 0 2.5em 0; + background-color: #edf2f6; +} +#home .learn .site { + text-align: center; + width: 68em; + margin: 0 auto; +} +#home .learn .book { + border: 4px solid #eeeeee; + background-color: white; + width: 88%; + margin: 0 auto; + margin-bottom: 2em; + overflow: hidden; +} +#home .learn .book img { + float: left; + padding: 1em 1em 1em 1.5em; +} +#home .learn .book .info { + float: left; + width: 25em; + text-align: left; +} +#home .learn .book .other { + float: right; + width: 18em; + text-align: left; +} +#home .learn .book div h2 { + font-family: "HelveticaNeue-Light", Helvetica, Arial, FreeSans, sans-serif; + font-weight: normal; + font-size: 160%; + margin: 1.5em 0 0.25em 0; + color: #666666; +} +#home .learn .book div h2 a { text-decoration: underline; } +#home .learn .book div p { color: #666666; } +#home .learn h2 { margin-bottom: 1em; } +#home .learn table { + width: 90%; + margin: 0 auto; +} +#home .learn table td img { + border: 1px solid #aaaaaa; + background-color: #eeeeee; + display: block; + padding: 5px; + margin-bottom: 0.5em; +} +#home .learn table td { + text-align: left; + font-size: 88%; + vertical-align: top; + color: #777777; +} +#home .learn table td div { + width: 185px; + margin: 0 auto; + outline: red; +} +#testimonials { + text-align: center; + padding-top: 2em; +} +#testimonials .quotes { margin-left: 2em; } +#testimonials blockquote { + margin: 2em auto; + font-style: italic; + color: #666666; + width: 15em; + float: left; + margin-right: 1em; + min-height: 8.5em; +} +#testimonials blockquote span { + text-align: right; + display: block; +} +#commit { overflow: hidden; } +#commit .group { border-top: 1px solid #bedce7; } +#commit .separator { padding-top: 1em; } +#commit .envelope { + border-bottom: 1px solid #bedce7; + border-left: 1px solid #bedce7; + border-right: 1px solid #bedce7; + padding: 0 0.7em 0.7em 0.7em; + background: #eaf2f5 url(/images/modules/commit/bg_gradient.gif) 0 100% repeat-x; + overflow: hidden; +} +#commit .envelope.selected { background: #fffeeb !important; } +#commit .envelope.selected .machine span { border-bottom: 1px dotted #4183c4; } +#commit.single_commit .envelope .machine span { border-bottom: 1px dotted #4183c4; } +#commit .human { + padding-top: 0.7em; + float: left; + width: 40em; +} +#commit .human .refs { font-size: 150%; } +#commit .human .message { + font-size: 80%; + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; +} +#commit .human .message a { color: #000000; } +#commit .human .message a.vis { color: #4183c4; } +#commit .human .actor { + clear: left; + margin-top: 0.75em; +} +#commit .human .actor .gravatar { + border: 1px solid #d0d0d0; + padding: 2px; + background-color: white; + float: left; + margin-right: 0.7em; +} +#commit .human .actor .name { line-height: 1.5em; } +#commit .human .actor .name a { color: #000000; } +#commit .human .actor .name span { + color: #888888; + font-size: 90%; +} +#commit .human .actor .date { + color: #888888; + font-size: 90%; + line-height: 1em; +} +#commit .merge { padding-top: 0.7em; } +#commit .merge a { color: #000000; } +#commit .merge .gravatar { + border: 1px solid #d0d0d0; + padding: 2px; + background-color: white; + float: left; + margin-right: 0.5em; +} +#commit .merge .message { margin-top: 0.2em; } +#commit .machine { + float: right; + width: 30em; + padding: 0.7em 0 0.7em 0.7em; + border-left: 1px solid #bedce7; + color: #808080; + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + font-size: 0.85em; + line-height: 1.5em; +} +#commit .commit_oneline { background: #eaf2f5 url(/images/modules/commit/bg_gradient.gif) 0 100% repeat-x; } +#commit .commit_oneline td { border-bottom: 1px solid #bedce7; } +#commit .commit_oneline .date { + color: #888888; + width: 1%; + padding: 0 1em 0 0.5em; + border-left: 1px solid #bedce7; +} +#commit .commit_oneline .author { width: 15%; } +#commit .commit_oneline .gravatar { width: 1%; } +#commit .commit_oneline .gravatar img { + border: 1px solid #d0d0d0; + padding: 1px; + background-color: white; + float: left; + margin-right: 0.4em; +} +#commit .commit_oneline .author a { + font-weight: bold; + color: black; +} +#commit .commit_oneline .message { font-size: 75%; } +#commit .commit_oneline .message a { color: black; } +#commit .commit_oneline .commit { + width: 1%; + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + font-size: 90%; + color: #808080; + border-left: 1px solid #bedce7; + padding: 0.6em 0.5em; +} +#commit .commit_oneline .tree { + width: 1%; + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + font-size: 90%; + color: #808080; + border-left: 1px solid #bedce7; + padding: 0.6em 0.5em; +} +#commit .commit_oneline .tree { border-right: 1px solid #bedce7; } +#all_commit_comments .comment .body img { max-width: 67.5em; } +#integration-branch { + background: #ffffbb; + border: 1px solid #dddd99; + border-bottom: 1px solid #ffffbb; + padding: 8px; + color: #333333; +} +#integration-branch table td { padding: 0.5em 0.5em 0 0; } +#int-info img { + position: relative; + top: -0.1em; +} +#forkqueue .topper { overflow: hidden; } +#forkqueue #path { + overflow: hidden; + float: left; +} +#forkqueue .legend { + font-size: 100%; + float: right; + margin-top: 1.2em; +} +#forkqueue .legend .clean { + border: 1px solid #cccccc; + background: #deffdd url(/images/modules/forkqueue/bg_clean.png) 0 100% repeat-x; + padding: 0.2em 0.4em; + float: right; +} +#forkqueue .legend .unclean { + border: 1px solid #cccccc; + background: #ffd9d9 url(/images/modules/forkqueue/bg_unclean.png) 0 100% repeat-x; + padding: 0.2em 0.4em; + float: right; + margin-left: 0.8em; +} +#forkqueue h2 { + font-size: 120%; + margin-bottom: 0.3em; + font-weight: normal; +} +#forkqueue h2 a.branch { font-weight: bold; } +#forkqueue table { + width: 100%; + border-left: 1px solid #cccccc; + border-right: 1px solid #cccccc; + border-top: 1px solid #cccccc; + margin-bottom: 2em; +} +#forkqueue table tr td { background-color: #eaf2f5; } +#forkqueue table tr.clean td { background: #deffdd url(/images/modules/forkqueue/bg_clean.png) 0 100% repeat-x; } +#forkqueue table tr.unclean td { background: #ffd9d9 url(/images/modules/forkqueue/bg_unclean.png) 0 100% repeat-x; } +#forkqueue table tr.unclean_failure td { + background: #ffd9d9 url(/images/modules/forkqueue/bg_unclean.png) 0 100% repeat-x; + border-bottom: none !important; +} +#forkqueue table tr.failure td { background: #ffd9d9; } +#forkqueue table tr.failure td div.message { + background: #ffecec; + padding: 0.5em; + border: 1px solid #ffcccc; + margin-bottom: 0.3em; +} +#forkqueue table th { + font-weight: normal; + border-bottom: 1px solid #cccccc; + padding: 0.3em 0.6em; + background-color: #eeeeee; + font-size: 95%; +} +#forkqueue table th select { margin-left: 1em; } +#forkqueue table td { + border-bottom: 1px solid #cccccc; + padding: 0.3em 0.6em; +} +#forkqueue table td.sha { + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + font-size: 80%; +} +#forkqueue table td.message { + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + font-size: 80%; +} +#forkqueue table td.checkbox { width: 3%; } +#forkqueue table td.sha { width: 6%; } +#forkqueue table td.human { + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + font-size: 80%; + width: 4%; + color: #888888; +} +#forkqueue table td.author { + width: 15%; + font-weight: bold; +} +#forkqueue table td.author img { vertical-align: middle; } +#forkqueue table td.message a { color: black; } +#forkqueue table td.message a:hover { text-decoration: underline; } +#forkqueue table td.date { + width: 12%; + text-align: right; +} +#forkqueue table td.author img { + border: 1px solid #cccccc; + padding: 1px; + background-color: white; +} +#forkqueue table td.icons { width: 3%; } +#forkqueue tr.failure .message h2 { text-align: center; } +#forkqueue tr.failure .message p { + font-size: 130%; + text-align: center; + font-weight: bold; +} +#forkqueue table.compare { + border: none; + margin: 0; + width: 100%; +} +#forkqueue table.compare td { + padding: 0; + width: 49.5%; + border: none; + background: none !important; + vertical-align: top; +} +#forkqueue table.compare td form { + text-align: center; + margin-bottom: 0.75em; +} +#forkqueue table.compare td .confine { + overflow: auto; + width: 32.75em; + border: 1px solid #cccccc; +} +#forkqueue table.compare td.spacer { width: 1%; } +#forkqueue table.choice { + margin: 0; + border: none; +} +#forkqueue table.choice td { + background: #f8f8f8 !important; + font-size: 80%; + vertical-align: middle; +} +#forkqueue table.choice td.lines { + width: 1%; + background-color: #ececec; + color: #aaaaaa; + padding: 1em 0.5em; + border-right: 1px solid #dddddd; + text-align: right; +} +#forkqueue table.choice td.lines span { color: #9f5e5e; } +#forkqueue table.choice td.code { + background-color: #f8f8ff !important; + font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace; + padding-left: 1em; +} +#forkqueue table.choice td.code span { color: #888888; } +#forkqueue table.choice td.code a { color: #7c94ac; } +#forkqueue #finalize { text-align: center; } +#forkqueue .instructions { + border: 1px solid #aaaaaa; + background: #eeeeee; + padding: 8px; + color: #444444; + margin-bottom: 8px; +} +#invite_link { + float: right; + font-size: 14px; + margin-top: 18px; + background: #fffeeb; + padding: 3px 5px; +} +#invitee_box { + background: #eaf2f5; + border: 1px solid #bedce7; + padding: 5px; + display: none; +} +#invitee_box div { + background: #ffffff; + border: 1px solid #cccccc; + width: 400px; +} +#invitee_box strong { + margin-top: 5px; + display: block; +} +#invitee_box p { margin-bottom: 1.5em; } +#invitee_box h3 { margin-bottom: 10px; } +#invitee_box span { margin-left: 10px; } +#invitees { + list-style: none; + margin-bottom: 10px; +} +#path { + font-size: 140%; + padding: 0.8em 0; +} +#toc { + padding: 1.5em 0; + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + font-size: 90%; +} +#toc ul { border-top: 1px solid #eeeeee; } +#toc ul li { + list-style-type: none; + padding: 0.4em 0 0.4em 20px; + border-bottom: 1px solid #eeeeee; +} +#toc ul li.added { background: white url(/images/modules/toc/added.png) 0 50% no-repeat; } +#toc ul li.removed { background: white url(/images/modules/toc/removed.png) 0 50% no-repeat; } +#toc ul li.modified { background: white url(/images/modules/toc/modified.png) 0 50% no-repeat; } +#entice { + margin: -0.5em 0 1em 0; + padding: 0.25em 0.5em; + border: 2px solid #20bc00; + overflow: hidden; + background-color: #deffdd; +} +#entice .explanation { + float: left; + font-size: 100%; + width: 45em; +} +#entice .explanation h2 { + margin: 0 0 0.25em 0; + font-weight: normal; + font-size: 130%; +} +#entice .explanation p { color: #052000; } +#entice .signup { + float: right; + padding: 0.5em 6.5em 0 0; + text-align: center; +} +#entice .signup a { + font-size: 190%; + color: #0c4a00; + text-decoration: underline; +} +#browser { margin-bottom: 1em; } +#browser table { + border-top: 1px solid #d8d8d8; + border-left: 1px solid #d8d8d8; + border-right: 1px solid #d8d8d8; + width: 100%; + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + font-size: 90%; +} +#browser table th { + text-align: left; + font-weight: normal; + background-color: #eaeaea; + color: #999999; + padding: 0.5em 0.3em; + border-bottom: 1px solid #d8d8d8; +} +#browser table .history { + float: right; + padding-right: 5px; +} +#browser table td { + background: #f8f8f8 url(/images/modules/browser/row_bg.png) 0 100% repeat-x; + padding: 0.5em 0.3em; + color: #484848; + border-bottom: 1px solid #e1e1e1; +} +#browser table td.icon { width: 1.3em; } +#browser table td a.message { color: #484848; } +#browser table td span.ref { color: #aaaaaa; } +#readme { font: 13.34px helvetica, arial, freesans, clean, sans-serif; } +#readme.announce { margin: 1em 0; } +#readme span.name { + font-size: 140%; + padding: 0.8em 0; +} +#readme div.plain { + background-color: #f8f8f8; + padding: 0.7em; +} +#readme div.wikistyle { + background-color: #f8f8f8; + padding: 0.7em; +} +#readme.announce div.plain { border: 1px solid #e9e9e9; } +#readme.announce div.wikistyle { border: 1px solid #e9e9e9; } +#readme.blob div.plain { border-top: none; } +#readme.blob div.wikistyle { border-top: none; } +#readme div.plain pre { + font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace; + font-size: 85%; + color: #444444; +} +#files textarea { + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + border: 1px solid #dedede; + font-size: 90%; + background-color: #f8f8ff; + padding: 5px; +} +#files .file { + border: 1px solid #dedede; + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + margin-bottom: 1em; +} +#files .file .meta { + overflow: hidden; + font-size: 90%; + padding: 0.5em 1em; + color: #666666; + background-color: #eaeaea; + border-bottom: 1px solid #dddddd; +} +#files .file .meta .info { float: left; } +#files .file .meta .info span { margin-right: 3em; } +#files .file .meta .actions { + float: right; + text-align: right; +} +#files .file .meta .actions a { margin-left: 2em; } +#files .file .data { + font-size: 80%; + overflow: auto; + background-color: #f8f8ff; +} +#files .image { + padding: 1.2em; + text-align: center; +} +#files .image img { max-width: 60em; } +#files .file .data pre { + font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace; + font-size: 115%; +} +#files .file .line-data { + font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace; + font-size: 115%; +} +#files .file .data .highlight { padding: 1em 0; } +#files .file .data .highlight div { padding-left: 1em; } +#files .file .data .line_numbers { + background-color: #ececec; + color: #aaaaaa; + padding: 1em 0.5em; + border-right: 1px solid #dddddd; + text-align: right; +} +#files .file .data .line_numbers span { + color: #aaaaaa; + cursor: pointer; +} +#files .file .data .line_numbers a { + color: #aaaaaa; + cursor: pointer; +} +#files .file .glif { + background-color: #f0f0f0; + border-bottom: 1px solid #dedede; + padding: 0.5em 0; +} +#files .file .glif table { margin: 0 auto; } +#files .file .glif table td { + font-size: 70%; + text-align: center; + color: #888888; +} +#files .file .glif table canvas { + border: 1px solid #dddddd; + background-color: white; +} +#files .bubble { + background: url(/images/modules/commit/off_comment_bubble.png) no-repeat; + color: white; + height: 1.4em; + margin: -0.2em 0 0 -9.6em; + padding: 0.1em 0.8em 0 0; + padding-left: 0 !important; + position: absolute; + width: 1.5em; + cursor: pointer; +} +#files .bubble.commented { background: url(/images/modules/commit/comment_bubble.png) no-repeat; } +#files .meta .bubble { + font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace; + margin: -0.2em 0 0 -3.9em; + height: 1.5em; +} +#files .empty { background: none; } +#files .bubble span { + display: block; + line-height: 1.4em; + text-align: center; +} +.blame { background-color: #f8f8f8 !important; } +.blame table tr td { padding: 0.2em 0.5em; } +.blame .commit-date { color: #888888; } +.blame table tr.section-first td { border-top: 1px solid #dddddd; } +.blame .line-number { + background-color: #ececec; + color: #aaaaaa; + padding: 0 0.5em; + text-align: right; + border-left: 1px solid #dddddd; + border-right: 1px solid #dddddd; +} +.blame .line-data { + background-color: #f8f8ff; + white-space: pre; +} +#repos { margin-bottom: 1em; } +#repos h1 { font-size: 160%; } +#repos h1 a { + font-size: 70%; + font-weight: normal; +} +#repos .hint { + font-style: italic; + color: #888888; + margin: 0.3em 0; +} +#repos .repo { + margin: 1em 0; + padding: 0.1em 0.5em 0.1em 0.5em; +} +#repos .public { + border: 1px solid #d8d8d8; + background-color: #f0f0f0; +} +#repos .private { + border: 1px solid #f7ca75; + background-color: #fffeeb; +} +#repos .repo .title { overflow: hidden; } +#repos .repo .title .path { + float: left; + font-size: 140%; +} +#repos .repo .title .path img { vertical-align: middle; } +#repos .repo .title .path .button { + margin-left: 0.25em; + vertical-align: -12%; +} +#repos .repo .title .path span a { + font-size: 75%; + font-weight: normal; +} +#repos .repo .title .security { + float: right; + text-align: right; + font-weight: bold; + padding-top: 0.5em; +} +#repos .repo .title .security * { vertical-align: middle; } +#repos .repo .title .security img { + position: relative; + top: -1px; +} +#repos .repo .title .flexipill { + float: right; + padding-top: 0.3em; + margin-right: 0.5em; +} +#repos .repo .title .flexipill a { color: black; } +#repos .repo .title .flexipill .middle { + background: url(/images/modules/repos/pills/middle.png) 0 0 repeat-x; + padding: 0 0 0 0.3em; +} +#repos .repo .title .flexipill .middle span { + position: relative; + top: 0.1em; + font-size: 95%; +} +#facebox #rubygem_install { padding: 0 0.5em; } +#facebox #rubygem_install div { margin-top: 0.5em; } +#facebox #rubygem_install form { margin-top: 1.5em; } +#facebox #rubygem_install form * { vertical-align: middle; } +#facebox #rubygem_install form .success { color: #00aa00; } +#facebox #rubygem_install form .failure { color: #aa0000; } +#repos .repo .meta { + margin: 0.2em 0 0 0; + overflow: hidden; +} +#repos .repo .meta table { + float: left; + max-width: 48em; +} +#repos .repo .meta table td * { vertical-align: middle; } +#repos .repo .meta table td.label { + color: #888888; + padding-right: 0.25em; + vertical-align: bottom; +} +#repos .repo .meta table td span.editarea input { + margin-top: 0.5em; + margin-right: 0.5em; +} +#repos .repo .meta table td textarea { + display: block; + clear: right; +} +#repos .repo .meta table td.url { color: #4183c4; } +#repos .repo .meta table td.blank { color: #bbbbbb; } +#repos .repo .pledgie { float: right; } +#repos .repo .commit { + border: 1px solid #bedce7; + margin-top: 0.5em; + padding: 0 0.5em 0.5em 0.5em; + background: #eaf2f5 url(/images/modules/commit/bg_gradient.gif) 0 100% repeat-x; + overflow: hidden; +} +#repos .repo .commit .actor { + float: left; + margin-top: 0.5em; +} +#repos .repo .commit .actor .gravatar { + border: 1px solid #d0d0d0; + padding: 2px; + background-color: white; + float: left; + margin-right: 0.7em; +} +#repos .repo .commit .actor .name { line-height: 1.5em; } +#repos .repo .commit .actor .name span { + color: #888888; + font-size: 90%; +} +#repos .repo .commit .actor .date { + color: #888888; + font-size: 90%; + line-height: 1em; +} +#repos .repo .commit .message { + float: left; + padding: 0.5em 0 0.5em 0.5em; + margin-left: 2em; + border-left: 1px solid #bedce7; +} +#repos .repo .commit .machine { + float: right; + width: 30em; + padding: 0.5em 0 0.5em 0.5em; + border-left: 1px solid #bedce7; + color: #808080; + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + font-size: 85%; + line-height: 1.5em; +} +#repos .repo .diffs { margin-top: 0.5em; } +#repos .repo .diffs .diff * { vertical-align: middle; } +#repos .repo .diffs .diff img { + position: relative; + top: -1px; +} +.search-match { + background: #fffccc; + font-weight: bold; +} +.test_hook, .hook_help { + margin-left: 5px; + text-decoration: underline; +} +#import_repo h3 { margin-bottom: 0.8em; } +#import_repo ul { margin-bottom: 2em; } +#import_repo ul li { margin: 0 0 0.8em 1.5em; } +.service-list { + float: left; + margin: 1.5em 1.5em 1em 0; + padding: 1em; + border: 1px solid #cccccc; + background: #f8f8f8; + width: 15em; +} +.service-list .service_active a { + color: #33aa33; + font-weight: bold; +} +.service-list .service_inactive a { color: #aa3333; } +.service-list ul { list-style-type: none; } +.service-hook { + float: left; + margin: 1.5em 0; + padding: 1em; + border: 1px solid #cccccc; + background: #f8f8f8; + width: 40em; +} +.service-list legend { + font-size: 1.2em; + font-weight: bold; +} +.service-hook legend { + font-size: 1.2em; + font-weight: bold; +} +.service-hook label { + float: left; + width: 7em; +} +.service-hook p { margin-top: 0.5em; } +.service-hook input.text { + border: 1px solid #888888; + width: 31em; +} +.service-hook input.password { + border: 1px solid #888888; + width: 31em; +} +.service-hook .help_box { + margin-top: 0.5em; + border: 1px solid #eeeeee; + padding: 0.8em; + background: #ffffff; +} +.service-hook .help_box pre { font-size: 80%; } +#dashboard { overflow: hidden; } +#dashboard h1 { + font-size: 160%; + margin-bottom: 0.5em; +} +#dashboard h1 a { + font-size: 70%; + font-weight: normal; +} +.news { + float: left; + width: 42em; +} +.news blockquote { color: #666666; } +.news pre { + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + font-size: 90%; +} +.news code { + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + font-size: 90%; +} +.news h1 { margin-bottom: 0; } +.filter, .feed_filter { + border-bottom: 1px solid #aaaaaa; + padding-bottom: 0.25em; + margin-bottom: 1em; +} +.filter li { + clear: none; + display: inline; +} +.feed_filter li { + clear: none; + display: inline; +} +#dashboard .news .alert { + padding: 0 0 1em 2em; + overflow: hidden; +} +#dashboard .news .alert .body { + border-bottom: 1px solid #cccccc; + overflow: hidden; + padding: 0 0 1em 0; +} +#dashboard .news .alert .title { + padding: 0 0 0.25em 0; + font-weight: bold; +} +#dashboard .news .alert .title span { background-color: #fff6a9; } +#dashboard .news .alert .title .subtle { color: #bbbbbb; } +#dashboard .news .alert .gravatar { + border: 1px solid #d0d0d0; + padding: 2px; + background-color: white; + float: left; + margin-right: 0.7em; +} +#dashboard .news .commit { background: url(/images/modules/dashboard/news/commit.png) no-repeat; } +#dashboard .news .commit_comment { background: url(/images/modules/dashboard/news/comment.png) no-repeat; } +#dashboard .news .create { background: url(/images/modules/dashboard/news/create.png) no-repeat; } +#dashboard .news .git_hub { background: url(/images/modules/dashboard/news/site.png) no-repeat; } +#dashboard .news .delete { background: url(/images/modules/dashboard/news/delete.png) no-repeat; } +#dashboard .news .pull_request { background: url(/images/modules/dashboard/news/pull_request.png) no-repeat; } +#dashboard .news .fork { background: url(/images/modules/dashboard/news/fork.png) no-repeat; } +#dashboard .news .fork_apply { background: url(/images/modules/dashboard/news/merge.png) no-repeat; } +#dashboard .news .follow { background: url(/images/modules/dashboard/news/follow.png) no-repeat; } +#dashboard .news .issues_closed { background: url(/images/modules/dashboard/news/issues_closed.png) no-repeat; } +#dashboard .news .issues_opened { background: url(/images/modules/dashboard/news/issues_opened.png) no-repeat; } +#dashboard .news .gist { background: url(/images/modules/dashboard/news/gist.png) no-repeat; } +#dashboard .news .guide { background: url(/images/modules/dashboard/news/wiki.png) no-repeat; } +#dashboard .news .wiki { background: url(/images/modules/dashboard/news/wiki.png) no-repeat; } +#dashboard .news .member_add { background: url(/images/modules/dashboard/news/member_add.png) no-repeat; } +#dashboard .news .member_remove { background: url(/images/modules/dashboard/news/member_remove.png) no-repeat; } +#dashboard .news .watch_started { background: url(/images/modules/dashboard/news/watch_started.png) no-repeat; } +#dashboard .news .watch_stopped { background: url(/images/modules/dashboard/news/watch_stopped.png) no-repeat; } +#dashboard .news .delete { background: url(/images/modules/dashboard/news/delete.png) no-repeat; } +#dashboard .news .push { + background: url(/images/modules/dashboard/news/push.png) no-repeat; + height: auto; +} +#dashboard .news .download { background: url(/images/modules/dashboard/news/download.png) no-repeat; } +#dashboard .news .push .commits li { + margin-left: 3.5em; + margin-top: 1em; + list-style-type: none; +} +#dashboard .news .push .commits li.first { margin-top: 0; } +#dashboard .news .push .commits li .committer { padding-left: 0.5em; } +#dashboard .news .push .commits li img { + border: 1px solid #d0d0d0; + padding: 2px; + background-color: white; + float: left; +} +#dashboard .news .push .commits li blockquote { margin-left: 2.3em; } +#dashboard .followers { + float: right; + width: 35em; + margin-bottom: 2em; +} +#dashboard .followers h1 { + margin-bottom: 0.3em; + border-bottom: 1px solid #dddddd; +} +#dashboard .followers ul { list-style-type: none; } +#dashboard .followers ul li { display: inline; } +#dashboard .followers ul li img { + border: 1px solid #d0d0d0; + padding: 1px; +} +#dashboard .news.public_news { + float: right; + width: 35em; +} +#dashboard .news.public_news h1 { + margin-bottom: 0.3em; + border-bottom: 1px solid #dddddd; +} +#dashboard .repos { + float: right; + clear: right; + width: 25em; + margin-bottom: 2em; +} +#dashboard .repos h1 { margin-bottom: 0; } +#dashboard .repos #repo_filter { margin-bottom: 0.6em; } +#dashboard .repos #repo_filter a.filter_selected { color: #000000; } +#dashboard .repos li { + list-style: none; + margin-bottom: 0.25em; + padding: 0.1em 0.5em 0.1em 0.5em; + font-size: 130%; +} +#dashboard .watching li { font-size: 110%; } +#dashboard .repos img { vertical-align: middle; } +#dashboard .repos .public { + border: 1px solid #d8d8d8; + background-color: #f0f0f0; +} +#dashboard .repos .private { + border: 1px solid #f7ca75; + background-color: #fffeeb; +} +#dashboard .dossier { + float: left; + width: 32.18em; + margin-bottom: 2em; +} +#dashboard .dossier .profile .identity { overflow: hidden; } +#dashboard .dossier .profile .identity img { + border: 1px solid #d0d0d0; + padding: 2px; + background-color: white; + float: left; + margin-right: 0.7em; +} +#dashboard .dossier .profile .identity h1 { line-height: 56px; } +#dashboard .dossier .profile .buttons { margin-bottom: 1.3em; } +#dashboard .dossier .profile .vcard { + border: 1px solid #888888; + background-color: #f8ffd5; +} +#dashboard .dossier .profile .vcard .info { font-size: 90%; } +#dashboard .dossier .profile .vcard .field { overflow: hidden; } +#dashboard .dossier .profile .vcard .field label { + float: left; + margin-right: 1em; + display: block; + text-align: right; + width: 8em; + color: #777777; + padding: 0.1em 0; +} +#dashboard .dossier .profile .vcard .field div { float: left; } +#dashboard .dossier .profile .vcard .field a.action { color: #aa0000; } +#dashboard .projects { + margin-top: 2em; + list-style-type: none; +} +#dashboard .projects.floated li { + float: left; + margin-right: 2em; +} +#dashboard .projects .project { + border: 1px solid #d8d8d8; + background-color: #f0f0f0; + margin-bottom: 1em; + padding: 0 0.4em; +} +#dashboard .projects .project .title { font-size: 140%; } +#dashboard .projects .project .meta { + margin: 0.2em 0 0 0; + font-style: italic; + color: #888888; +} +#dashboard .projects .project .graph { margin: 0.5em 0; } +#dashboard .projects .project .graph .bars { + width: 31.18em; + height: 20px; +} +#dashboard .projects .project .graph img.legend { width: 31.18em; } +#dashboard .projects .project .flexipill { + float: right; + padding-top: 0.3em; + margin-right: 0.5em; +} +#dashboard .projects .project .flexipill a { color: black; } +#dashboard .projects .project .flexipill .middle { + background: url(/images/modules/repos/pills/middle.png) 0 0 repeat-x; + padding: 0 0 0 0.3em; +} +#dashboard .projects .project .flexipill .middle span { + position: relative; + top: 0.1em; + font-size: 95%; +} +#inbox { overflow: hidden; } +#inbox h1 { + font-size: 160%; + margin-bottom: 0.5em; +} +#inbox h1 a { + font-size: 70%; + font-weight: normal; +} +#inbox .actions { + float: left; + width: 13em; + margin-bottom: 2em; +} +#inbox .actions h1 { color: white; } +#inbox .compose { + border-bottom: 1px solid #dddddd; + font-size: 120%; + padding-bottom: 0.5em; + margin: 0.3em 0 1em 0; +} +#inbox .actions .compose p a { text-decoration: none; } +#inbox .actions .compose p a span { text-decoration: underline; } +#inbox .boxes .new { font-weight: bold; } +#inbox .boxes li { padding-bottom: 0.4em; } +#inbox .actions p img { vertical-align: middle; } +#inbox .write { + width: 54em; + float: right; + clear: right; +} +#inbox .write h1 { + border-bottom: 1px solid #aaaaaa; + padding-bottom: 0.25em; + margin: 0; +} +#inbox .write form { + background-color: #eaf2f5; + padding: 0.5em 1em 1em 1em; + border-bottom: 1px solid #cccccc; +} +#inbox .write .buttons .send { + padding: 0 2em; + font-weight: bold; +} +#inbox .write .buttons .cancel { padding: 0 1em; } +#inbox .write .buttons-top { margin-bottom: 0.3em; } +#inbox .write .submits { + margin-top: 0.7em; + overflow: hidden; +} +#inbox .write .submits .buttons-bottom { float: left; } +#inbox .write .submits .formatting { float: right; } +#inbox .write .field { + overflow: hidden; + margin: 0.5em 0; +} +#inbox .write label { + width: 4em; + float: left; + text-align: right; + padding-right: 0.3em; + vertical-align: middle; + line-height: 1.7em; +} +#inbox .write .field input { + width: 39.3em; + border: 1px solid #cccccc; + font-size: 120%; + padding: 0.2em; +} +#inbox .write textarea { + width: 47em; + border: 1px solid #cccccc; + font-size: 110%; + padding: 0.2em; +} +#inbox .list { + width: 54em; + float: right; + clear: right; +} +#inbox .list h1 { + border-bottom: 1px solid #aaaaaa; + padding-bottom: 0.25em; + margin: 0; +} +#inbox .list .item { + padding: 1em 0 0 2.3em; + overflow: hidden; + border-bottom: 1px solid #cccccc; +} +#inbox .list .unread { background-color: #eaf2f5 !important; } +#inbox .list .item .body { + overflow: hidden; + padding: 0 0 1em 0; +} +#inbox .list .item .del { + float: right; + padding-right: 0.5em; +} +#inbox .list .item .title { + padding: 0 0 0.25em 0; + font-weight: bold; +} +#inbox .list .item .title span { background-color: #fff6a9; } +#inbox .list .item .gravatar { + border: 1px solid #d0d0d0; + padding: 2px; + background-color: white; + float: left; + margin-right: 0.7em; +} +#inbox .list .item .details .message a.subject { font-weight: bold; } +#inbox .list .item .details .message a.body { color: #23486b; } +#inbox .list .pull_request { background: url(/images/modules/inbox/pull_request.png) 0.5em 1em no-repeat; } +#inbox .list .unread.message { background: url(/images/modules/inbox/message.png) 0.5em 1em no-repeat; } +#inbox .list .message { background: url(/images/modules/inbox/read_message.png) 0.5em 1em no-repeat; } +#message { overflow: hidden; } +#message h1 { + font-size: 160%; + margin-bottom: 0.5em; +} +#message h1 a { + font-size: 70%; + font-weight: normal; +} +#message .actions { + float: left; + width: 13em; + margin-bottom: 2em; +} +#message .actions h1 { color: white; } +#message .compose { + border-bottom: 1px solid #dddddd; + font-size: 120%; + padding-bottom: 0.5em; + margin: 0.3em 0 1em 0; +} +#message .actions .compose p a { text-decoration: none; } +#message .actions .compose p a span { text-decoration: underline; } +#message .boxes .new { font-weight: bold; } +#message .boxes li { padding-bottom: 0.4em; } +#message .actions p img { vertical-align: middle; } +#message .envelope { + float: right; + width: 54em; +} +#message .envelope h1 { + border-bottom: 1px solid #aaaaaa; + padding-bottom: 0.25em; + margin: 0; +} +#message .envelope .header { padding: 0.75em 0 0 0.5em; } +#message .envelope .header .gravatar { + border: 1px solid #d0d0d0; + padding: 2px; + background-color: white; + float: left; +} +#message .envelope .header .info { padding: 0 0 0 3.5em; } +#message .envelope .header .info .del { + float: right; + padding-right: 0.5em; +} +#message .envelope .header .info .title { + padding: 0 0 0.25em 0; + font-weight: bold; +} +#message .envelope .header .info .title.unread { background-color: #eaf2f5 !important; } +#message .envelope .header .info .title span { background-color: #fff6a9; } +#message .envelope .body { + margin: 0 0 1.3em 4em; + padding: 0 0 1em 0; + border-bottom: 1px solid #cccccc; +} +#message .envelope .sent { + background: #fffbe2 none repeat scroll 0; + border: 1px solid #ffe222; + padding: 1em; + font-weight: bold; +} +#message .envelope .reply { margin: 2em 0 0 4em; } +#message .envelope .reply .cancel { padding: 0 1em; } +#message .envelope .reply label { + font-size: 110%; + color: #666666; + display: block; + clear: right; + margin-top: 1em; +} +#message .envelope .reply textarea { + width: 99.8%; + height: 9em; + border: 1px solid #8496ba; + margin-bottom: 1em; +} +#message .envelope .reply .controls { overflow: hidden; } +#message .envelope .reply .controls .submits { float: left; } +#message .envelope .reply .controls .formatting { float: right; } +.editbox { + border-left: 1px solid #cccccc; + border-top: 1px solid #cccccc; + border-right: 1px solid #cccccc; + background-color: #f8f8ff; + margin-top: 1.5em; +} +.editbox .hint { + font-style: italic; + color: #888888; + margin: 0.3em 0; + padding-top: 0.5em; + border-top: 1px solid #cccccc; +} +.editbox textarea { + border: 1px solid #888888; + padding: 4px; +} +.editbox input.text { + border: 1px solid #888888; + padding: 4px; +} +.editbox .fail { color: #aa0000; } +.editbox .succeed { color: #00aa00; } +.editbox h1 { + padding: 0.5em; + border-bottom: 1px solid #cccccc; + background-color: #eeeeee; + font-size: 100%; + overflow: hidden; +} +.editbox h1 strong { float: left; } +.editbox .body { + padding: 0 0.5em; + border-bottom: 1px solid #cccccc; +} +.editbox .body p { margin: 0.5em 0; } +.editbox .body ul { + margin: 0.5em; + list-style-type: none; +} +#keys h1 a { + float: right; + font-weight: normal; +} +#keys .danger { + font-weight: bold; + color: #aa0000; +} +#keys ul { list-style: none; } +#keys ul li { + font-weight: bold; + margin: 0.5em 0; +} +#keys ul li a { font-weight: normal; } +#keys .key_content { display: none; } +#keys #new_key { display: none; } +#keys .key_editing textarea { + width: 36em; + height: 14em; + display: block; + margin-bottom: 0.7em; +} +#keys .key_editing .object_error { + color: #aa0000; + border: 1px solid #aa0000; + background-color: #f2e1e1; + padding: 0.5em; + margin-top: 0.5em; +} +#keys label { + display: block; + margin: 0.5em 0; + color: #888888; + font-size: 90%; +} +#keys textarea { + width: 36em; + height: 12em; + display: block; + margin-bottom: 0.7em; +} +#facebox .key_editing textarea { + width: 32.5em; + height: 10em; +} +#facebox .key_editing .object_error { + color: #aa0000; + margin: 0 1em 1em 1em; + border: 1px solid #aa0000; + background-color: #f2e1e1; + padding: 0.5em; +} +#edit_user { overflow: hidden; } +#edit_user .user { + width: 37.5em; + float: left; +} +#edit_user .user .info form { margin: 0.5em 0; } +#edit_user .user .emails ul { margin-top: 0.5em; } +#edit_user .user .emails .email { + overflow: hidden; + list-style-type: none; +} +#edit_user .user .emails .email img { + border: 1px solid #d0d0d0; + padding: 2px; + background-color: white; + float: left; + margin-right: 0.7em; +} +#edit_user .user .emails .email .address { + font-weight: bold; + line-height: 40px; +} +#edit_user .user .emails .email .address a { + font-weight: normal; + color: #aa0000; +} +#edit_user .user .emails .add { margin: 0.5em 0; } +.keys .add { margin: 0.5em 0; } +#edit_user .user .emails .add #add_email_action a { + font-weight: bold; + text-decoration: underline; +} +.keys .add #add_key_action a { + font-weight: bold; + text-decoration: underline; +} +#edit_user .user .emails .hint img { + vertical-align: middle; + padding: 1px; + border: 1px solid #dddddd; +} +#edit_user .user .admin .body { padding: 0.5em; } +#edit_user .user .admin form { margin-bottom: 0.25em; } +#edit_user .user .admin form div.field { + width: 16em; + float: left; + padding-bottom: 0.5em; +} +#edit_user .user .admin form div.submit { clear: both; } +#edit_user .user .admin label { + display: block; + margin-bottom: 0.25em; + color: #888888; + font-size: 90%; +} +#edit_user .plan { + width: 30em; + float: right; + margin-top: 1.5em; +} +#edit_user .plan h1 { + font-size: 140%; + margin-top: 1.5em; + margin-bottom: 0.25em; +} +#edit_user th { padding: 0.15em 0.4em 0.15em 0; } +#edit_user .plan_box { + background: #f2f2f2; + border: 1px solid #dddddd; + padding: 0.8em; +} +#edit_user #update_plan_status { + margin-bottom: 1em; + background: #ffffcc; +} +#edit_user #change_plan h3 { margin: 0; } +#edit_user #change_plan .plan_cost { color: #ff6600; } +#edit_user #change_plan table { width: 100%; } +#edit_user #change_plan th { + border-top: 2px solid #666666; + border-bottom: 1px solid #666666; +} +#edit_user #change_plan td { border-bottom: 1px solid #cccccc; } +#edit_user #change_plan td { + text-align: center; + border-left: 1px solid #cccccc; + border-right: 1px solid #cccccc; + padding: 1em; +} +#edit_user #change_plan th { + text-align: center; + border-left: 1px solid #cccccc; + border-right: 1px solid #cccccc; + padding: 1em; +} +#edit_user #change_plan p { margin-top: 1em; } +#edit_user #account_disabled_notice { + background: red; + color: #ffffff; + border: 1px solid #dddddd; + margin-bottom: 0.8em; + padding: 0.8em; +} +#edit_user .current small { font-weight: normal; } +#edit_user #update_cc p.error { + color: #aa0000; + font-style: italic; +} +#edit_user #update_cc p.legal { + font-size: 0.9em; + margin: 0.8em 0; + line-height: 1.5em; +} +#edit_user #show_card_box { + float: right; + width: 110px; + font-weight: bold; + text-align: right; + margin-top: 3px; +} +#edit_user .public_repo { + background-color: #f0f0f0; + font-size: 140%; +} +#edit_user .private_repo { + background-color: #fffeeb; + font-size: 140%; +} +#edit_repo { overflow: hidden; } +#edit_repo .properties { + width: 37.5em; + float: left; +} +#edit_repo .properties .privacy .status img { + position: relative; + top: 0.25em; +} +#edit_repo .features .body { padding: 0.5em; } +#edit_repo .properties .admin .body { padding: 0.5em; } +#edit_repo .properties .admin .body label { + display: block; + margin-bottom: 0.25em; + color: #888888; + font-size: 90%; +} +#edit_repo .collabs { + width: 28em; + float: right; + margin-top: 1.5em; + background-color: #f0f0f0; + padding: 0.5em 1em 1em 1em; + border: 1px solid #dddddd; +} +#members #add_member { + width: 12em; + margin-right: 0.25em; +} +#members #add_member.accept { background: #ddffda url(/images/icons/accept.png) 100% 50% no-repeat; } +#members ul { list-style: none; } +#members li { + font-size: 110%; + margin: 0.4em 0; + font-weight: bold; +} +#members li img { + border: 1px solid #d0d0d0; + padding: 1px; + background-color: white; +} +#members li * { vertical-align: middle; } +#members li span { + font-weight: normal; + font-size: 91%; +} +#members p { padding-top: 0.5em; } +#add_new_member { padding-top: 0.5em; } +#copy_permissions { margin-top: 3em; } +#copy_permissions p { + color: #666666; + margin-bottom: 0.5em; +} +#copy_permissions ul { list-style: none; } +#copy_permissions ul li { font-size: 130%; } +#copy_permissions ul li img { + position: relative; + top: 0.2em; +} +#repo_status span.good { color: green; } +#repo_status span.bad { color: red; } +#repo_status pre { + font-size: 1em; + border: 1px solid #333333; + background: #ffffff; +} +#facebox .repo_status a { + color: black; + text-decoration: underline; +} +#invoices table { + width: 100%; + border-left: 1px solid #cccccc; + border-top: 1px solid #cccccc; + border-right: 1px solid #cccccc; +} +#invoices table th { + padding: 0.4em; + border-bottom: 1px solid #cccccc; + color: #333333; + background-color: #eeeeee; +} +#invoices table td { + padding: 0.4em; + border-bottom: 1px solid #cccccc; +} +#invoices table tr.success td { background-color: #efffed; } +#invoices table tr.failure td { background-color: #ffeded; } +#invoices table td.empty { + color: #aa0000; + font-weight: bold; + text-align: center; +} +#invoices table td.date { color: #888888; } +#invoices table tr.success td.amount { + color: #00aa00; + font-weight: bold; +} +#invoices table tr.failure td.amount { + color: #aa0000; + font-weight: bold; +} +#watchers li { + border-bottom: 1px solid #dddddd; + padding-bottom: 0.6em; +} +ul.members { list-style: none; } +.members li { + font-size: 110%; + margin: 0.4em 1.3em; + font-weight: bold; +} +.members li .gravatar { + border: 1px solid #d0d0d0; + padding: 1px; + background-color: white; + float: left; + margin-right: 1em; +} +.members li div { margin-bottom: 0.7em; } +#directory.compact { width: 50em; } +#directory .news { width: 100%; } +#directory h1 { + border-bottom: 1px solid #aaaaaa; + margin-bottom: 0.5em; +} +#directory .news h1 { + border-bottom: none; + margin-bottom: 0; +} +#directory .repo { width: 100%; } +#directory .repo .gravatar { width: 27px; } +#directory .repo .gravatar img { + border: 1px solid #d0d0d0; + padding: 1px; + background-color: white; +} +#directory .repo .title { font-size: 140%; } +#directory .repo .owner { text-align: center; } +#directory .repo .date { text-align: center; } +#directory .repo .graph { + width: 426px; + vertical-align: top; + padding-top: 0.2em; + text-align: right; +} +#directory .repo .sep { font-size: 50%; } +#directory .repo .border { border-bottom: 1px solid #dddddd; } +#guides h1 { margin-bottom: 0.5em; } +#guides .index ul { + list-style-type: none; + font-size: 120%; +} +#guides .index ul li { + padding-left: 1.5em; + background: white url(/images/modules/guides/book.png) no-repeat; +} +#guides .index .new { + margin-top: 1em; + border-top: 1px solid #cccccc; + padding-top: 0.5em; +} +#guides .index .new ul li { background: white url(/images/modules/guides/book_add.png) no-repeat; } +#guides .index .new ul li a { color: #cc0000; } +#guides .write .delete_page { float: right; } +#guides .guide { overflow: hidden; } +#guides .guide .main { + float: left; + width: 50em; +} +#guides .guide .sidebar { + float: right; + width: 15em; + border-left: 4px solid #e6e6e6; + margin: 2.1em 0 0 0; + padding-left: 1em; +} +#guides .guide .sidebar h3 { margin: 0 0 0.5em 0; } +#guides .guide .sidebar ul { + list-style-type: none; + margin: 0; + color: #888888; +} +#guides .guide .sidebar ul li { + padding-left: 12px; + background: white url(/images/modules/guides/sidebar/bullet_blue.png) -4px 0 no-repeat; + margin: 0.2em 0; +} +#guides .admin { + clear: both; + margin-top: 3em; + border-top: 4px solid #e6e6e6; + padding-top: 0.3em; + overflow: hidden; +} +#guides .write label { + font-size: 110%; + color: #666666; + display: block; + margin: 1em 0; +} +#guides .write input.text { + padding: 5px; + border: 1px solid #888888; +} +#guides .write textarea { + padding: 5px; + border: 1px solid #888888; +} +#guides .write input.text { width: 40em; } +#guides .write textarea { + width: 100%; + height: 25em; +} +#guides .write label span.title { + color: black; + font-weight: bold; +} +#guides .write .actions input { margin-right: 1em; } +.wikistyle h1 { border: 0 !important; } +h2, h3, h4, h5, h6 { border: 0 !important; } +.wikistyle h1 { + font-size: 170% !important; + border-top: 4px solid #aaaaaa !important; + padding-top: 0.5em !important; + margin-top: 1.5em !important; +} +.wikistyle h1:first-child { + margin-top: 0 !important; + padding-top: 0.25em !important; + border-top: none !important; +} +.wikistyle h2 { + font-size: 150% !important; + margin-top: 1.5em !important; + border-top: 4px solid #e0e0e0 !important; + padding-top: 0.5em !important; +} +.wikistyle h3 { margin-top: 1em !important; } +.wikistyle p { + margin: 1em 0 !important; + line-height: 1.5em !important; +} +.wikistyle ul { margin: 1em 0 1em 1.3em !important; } +.wikistyle ul { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.wikistyle ol { margin: 1em 0 1em 1.5em !important; } +.wikistyle ol ol { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.wikistyle blockquote { + margin: 1em 0 !important; + border-left: 5px solid #dddddd !important; + padding-left: 0.6em !important; + color: #555555 !important; +} +.wikistyle dt { + font-weight: bold !important; + margin-left: 1em !important; +} +.wikistyle dd { + margin-left: 2em !important; + margin-bottom: 1em !important; +} +.wikistyle table { margin: 1em 0 !important; } +.wikistyle table th { + border-bottom: 1px solid #bbbbbb !important; + padding: 0.2em 1em !important; +} +.wikistyle table td { + border-bottom: 1px solid #dddddd !important; + padding: 0.2em 1em !important; +} +.wikistyle pre { + margin: 1em 0 !important; + font-size: 90% !important; + background-color: #f8f8ff !important; + border: 1px solid #dedede !important; + padding: 0.5em !important; + line-height: 1.5em !important; + color: #444444 !important; + overflow: auto !important; +} +.wikistyle pre code { + padding: 0 !important; + font-size: 100% !important; + background-color: #f8f8ff !important; + border: none !important; +} +.wikistyle code { + font-size: 90% !important; + background-color: #f8f8ff !important; + color: #444444 !important; + padding: 0 0.2em !important; + border: 1px solid #dedede !important; +} +.wikistyle pre.console { + margin: 1em 0 !important; + font-size: 90% !important; + background-color: black !important; + padding: 0.5em !important; + line-height: 1.5em !important; + color: white !important; +} +.wikistyle pre.console code { + padding: 0 !important; + font-size: 100% !important; + background-color: black !important; + border: none !important; + color: white !important; +} +.wikistyle pre.console span { color: #888888 !important; } +.wikistyle pre.console span.command { color: yellow !important; } +#network h2 { margin-bottom: 0.25em; } +#network p { + font-size: 120%; + margin: 1em 0; +} +#network .repo { font-size: 140%; } +#network .repo img { vertical-align: middle; } +#network .repo img.gravatar { + padding-right: 4px; + padding: 1px; + border: 1px solid #cccccc; + background-color: white; +} +#network .repo span { background-color: #fff6a9; } +#network .repo a.commit { + color: #888888; + font-size: 80%; + line-height: 1em; +} +#network .help_actions a { font-size: 90%; } +#network #help pre { + font-size: 80%; + line-height: 1.2em; + margin-bottom: 1.5em; + border: 1px solid black; + color: #eeeeee; + background-color: #222222; + padding: 1em; +} +#network .notice { + border: 1px solid #efcf00; + background-color: #fffad6; + padding: 0.5em; + color: #837200; + text-align: center; +} +#network .up_to_date { + border: 1px solid #15b100; + background-color: #d7ffd2 !important; + color: #0f7d00; +} +.facebox p { margin: 0.5em 0; } +.facebox b { background-color: #fff6a9; } +.facebox ul { margin-left: 1em; } +.facebox ol { margin-left: 1.5em; } +#pull_request { width: 35em; } +#pull_request ul { list-style-type: none; } +#pull_request label.repo span.name { font-size: 160%; } +#pull_request label.repo span span.sha { color: #aaaaaa; } +#pull_request .label label { + display: inline; + margin: 0; + font-size: 100%; + font-weight: bold; +} +#pull_request .label div { margin: 0.2em; } +#training_sections { + margin-bottom: 1.5em; + font-size: 110%; +} +#training_sections h3 { margin-top: 2.5em; } +#training_sections img.training_pic { + float: right; + padding: 5px; + margin: 5px 20px; +} +#training_contact { + border-top: 1px solid #aaaaaa; + padding-top: 0.9em; +} +#training_testimonials { + border-top: 2px solid #aaaaaa; + padding: 1.5em; + background: #eeeeee; +} +#training_testimonials h1 { + text-align: center; + font-size: 150%; +} +#training_contact h2 { text-align: center; } +.testimony { + margin: 1em auto; + font-size: 120%; + font-style: italic; + color: #666666; + clear: both; + max-width: 600px; + padding: 10px; +} +.testimony .author { + font-style: normal; + text-align: right; + color: #000000; + font-size: 100%; +} +#plans { + width: 60em; + margin: 1em auto 0 auto; +} +#plans .header { + background-color: #fffeeb; + text-align: center; + padding: 0.75em; + margin-bottom: 1.5em; +} +#plans .header p { + margin: 0.5em 0; + font-size: 110%; +} +#plans table.upper { + width: 48%; + font-size: 110%; + margin: 0 auto; + margin-bottom: 1em; +} +#plans table.lower { + width: 100%; + font-size: 110%; +} +#plans table th h1 { + font-size: 140%; + color: #888888; + padding: 0.25em 0.5em 0 0.5em; +} +#plans table td.plan { width: 49%; } +#plans table td.plan div { + margin: 0.25em 0.5em; + border: 3px solid #cccccc; + background-color: white; +} +#plans table tr.last td.plan div { margin-bottom: 0.5em; } +#plans table td.plan h2 { + padding: 0.3em; + background-color: #fffeeb; + border-bottom: 1px solid #dddddd; + font-size: 140%; + overflow: hidden; +} +#plans table td.plan h2 strong { float: left; } +#plans table td.plan h2 span { + color: #00aa00; + font-size: 80%; + position: relative; + top: -0.1em; +} +#plans table td.plan h2 a { float: right; } +#plans table td.plan ul { + list-style-type: none; + text-align: center; + padding: 0.5em; + font-size: 110%; +} +#plans table td.plan .fi-text { + padding: 0.5em; + text-align: center; + border: 0; +} +#plans table td.plan ul li.minor { font-size: 85%; } +#plans table td.plan ul li img { + position: relative; + top: 0.2em; +} +#plans table .opensource { background-color: #d6ffd2; } +#plans table .opensource h1 { color: #738a70; } +#plans table .enterprise { background-color: #333333; } +#plans table .enterprise h1 { color: #ffffff; } +#plans table .enterprise img { + float: right; + width: 250px; + margin-top: -0.25em; +} +#plans table .group { background-color: #e9ebff; } +#plans table .group h1 { color: #8283a4; } +#plans table .personal { background-color: #ffddff; } +#plans table .personal h1 { color: #917c91; } +#pricing { + width: 60em; + margin: 3em auto 0 auto; +} +#pricing h1 { + font-size: 140%; + text-align: center; + margin-bottom: 1em; +} +#pricing h2 { + font-size: 140%; + text-align: center; + margin-top: 1em; +} +#pricing table { + width: 100%; + background-color: #dddddd; + font-size: 110%; +} +#pricing table th.features { width: 22%; } +#pricing table th { + background-color: #fefeb4; + text-align: center; + font-size: 130%; + padding: 0.3em; + width: 13%; +} +#pricing table th span { + display: block; + font-size: 75%; + color: #009900; + padding: 0.3em 0; +} +#pricing table td { + background-color: white; + padding: 0.3em; + text-align: center; +} +#pricing table td.feature { + text-align: right; + padding-right: 0.5em; +} +#pricing table td.feature img { vertical-align: middle; } +#pricing table tr.best-for { font-size: 0.7em; } +#pricing table tr.best-for td.feature { font-size: 1.5em; } +#pricing .legend { + color: #aaaaaa; + font-size: 90%; + margin-top: 0.4em; + text-align: right; +} +#pricing h2 { border-top: 2px solid #eeeeee; } +#pricing-faq { margin-top: 2em; } +#pricing-faq p { + margin-bottom: 1.7em; + font-size: 1.1em; +} +#plans #fi-pricing td { border-bottom: 1px solid #cccccc; } +#plans #fi-pricing th { border-bottom: 1px solid #cccccc; } +#plans #fi_form td { padding: 5px; } +#posts { + margin-top: 2em; + overflow: hidden; +} +#posts .list { + float: left; + width: 41em; +} +#posts li.post { + list-style-type: none; + margin-bottom: 2em; +} +#posts h2 { font-size: 190%; } +#posts h3 { margin: 1em 0 0.5em 0; } +#posts .meta .who_when { font-size: 130%; } +#posts .meta .who_when img { + vertical-align: middle; + padding: 1px; + border: 1px solid #cccccc; + position: relative; + top: -1px; +} +img.who_when { + vertical-align: middle; + padding: 1px; + border: 1px solid #cccccc; + position: relative; + top: -1px; +} +#posts .meta .who_when .author a { + color: #94bfea; + font-weight: bold; +} +#posts .meta .who_when .published { color: #cccccc; } +#posts .meta .who_when .status { color: #aa0000; } +#posts .meta .respond { + margin: 0.3em 0; + padding-left: 25px; + background: transparent url(/images/modules/posts/bubble.png) 0 50% no-repeat; + font-size: 110%; +} +#posts .meta .respond a { color: #cbb698; } +#posts .entry-content { + font-size: 110%; + margin-top: 1em; +} +#posts .entry-content blockquote { + padding-left: 1em; + color: #666666; +} +#posts .entry-content p { margin: 1em 0; } +#posts .entry-content pre { + background-color: #f8f8f8; + border: 1px solid #dddddd; + font-size: 90%; + padding: 0.5em; +} +#posts .entry-content pre code { + background-color: #f8f8f8; + font-size: 95%; +} +#posts .entry-content code { + font-size: 90%; + background-color: #dddddd; + padding: 0 0.2em; +} +#posts .entry-content img { + margin: 1em 0; + padding: 0.3em; + border: 1px solid #dddddd; +} +#posts .entry-content ul { margin-left: 1em; } +#posts .comments .comment .body img { max-width: 39em; } +#posts .sidebar { + float: right; + width: 26em; +} +#posts .sidebar .rss { text-align: center; } +#posts .sidebar .others { + border-top: 2px solid #eeeeee; + margin-top: 0.75em; + padding-top: 0.75em; +} +#posts .sidebar .others h3 { margin-top: 0.25em; } +#posts .sidebar .others ul { list-style-type: none; } +#posts .sidebar .others li { padding: 0.5em 0; } +#posts .sidebar .others li a { + font-size: 140%; + line-height: 1em; +} +#posts .sidebar .others .meta { color: #888888; } +.iphone #posts .list { width: 100%; } +#new_comment textarea { height: 10em; } +.commentstyle { + border: 2px solid #e4e4e4; + background-color: #f5f5f5; + overflow: hidden; +} +.commentstyle .previewed .comment { background-color: #fffed6; } +.commentstyle .comment { + border-bottom: 2px solid #e4e4e4; + padding: 0.5em; +} +.commentstyle .comment .meta { margin-bottom: 0.4em; } +.commentstyle .comment .meta .gravatar { + padding: 1px; + border: 1px solid #cccccc !important; + vertical-align: middle; +} +.commentstyle .comment .meta span { + vertical-align: middle; + color: #aaaaaa; +} +.commentstyle .comment .meta .date { + font-style: italic; + color: #555555; +} +.commentstyle .comment .body { padding: 0 0 0 0.2em; } +.commentstyle form { padding: 0.5em; } +.commentstyle form textarea { + height: 5em; + width: 100%; + margin-bottom: 0.5em; +} +.commentstyle form .status { + color: #aa0000; + font-weight: bold; +} +.commentstyle form .actions { overflow: hidden; } +.commentstyle form .actions .submits { float: left; } +.commentstyle form .actions .formatting { + float: right; + font-size: 90%; + color: #666666; +} +#code_search { margin-bottom: 2em; } +#code_search .search { + padding-top: 0.2em; + height: 7em; +} +#code_search .search .site { + width: 53em; + padding-top: 1.15em; +} +#code_search .search .site * { vertical-align: middle; } +#code_search .search .label { + color: #777777; + font-size: 110%; + font-weight: bold; + margin-bottom: 0.25em; +} +#code_search .search .box span { + font-size: 130%; + padding-top: 0.3em; +} +#code_search .search .box input.text { + height: 1.4em; + font-size: 130%; + padding-top: 0.3em; + padding-left: 0.3em; + border: 2px solid #b4b4b4; +} +#code_search .search .box select { font-size: 120%; } +#code_search .search .box select option { + padding-left: 0.5em; + margin: 0.2em 0; +} +#code_search_instructions { margin: 2em 7em 0 7em; } +#code_search_instructions h2 { + background-color: #ddeaf3; + padding: 3px; +} +#code_search_instructions p { + color: #333333; + margin: 10px 5px; +} +#code_search_instructions table.instruction tr td { padding: 3px; } +#code_search_instructions table.instruction tr td.inst { + background: #eeeeee; + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; +} +#code_search_results .header { + border-top: 1px solid #b8d1e3; + background-color: #ddeaf3; + padding: 0.3em 0.7em; + overflow: hidden; + margin-bottom: 1.3em; +} +#code_search_results .header .title { + font-weight: bold; + float: left; +} +#code_search_results .header .info { + float: right; + color: #444444; +} +#code_search_results .results_and_sidebar { overflow: hidden; } +#code_search_results .results { + float: left; + width: 52em; +} +#code_search_results .result { margin-bottom: 1.5em; } +#code_search_results .result .gravatar { + float: left; + margin-top: 0.2em; + margin-right: 0.75em; + padding: 1px; + border: 1px solid #cccccc; +} +#code_search_results .result .title { font-size: 110%; } +#code_search_results .result .title span.aka { font-weight: normal; } +#code_search_results .result .title span.language { + color: #999999; + font-size: 80%; + font-weight: normal; + position: relative; + top: -0.1em; +} +#code_search_results .result .description { margin-bottom: 0.2em; } +#code_search_results .result .details { + font-size: 80%; + color: #555555; +} +#code_search_results .result .details span { + color: #aaaaaa; + padding: 0 0.25em; +} +#code_search_results .more { + margin-top: -0.5em; + margin-bottom: 1em; +} +#code_search_results .result .snippet { + font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; + font-size: 75%; + background-color: #f8f8ff; + border: 1px solid #dedede; + padding: 0.5em; + line-height: 1.5em; + color: #444444; +} +#code_search_results .result .snippet em { + background-color: #faffa6; + padding: 0.1em; +} +#code_search_results .sidebar { + float: right; + width: 15em; + border-left: 1px solid #ddeaf3; + padding-left: 1em; +} +#code_search_results .sidebar h2 { margin-bottom: 0; } +#code_search_results .sidebar h3 { margin-top: 0.5em; } +#code_search_results .sidebar ul { + list-style-type: none; + margin-bottom: 1em; +} +#code_search_results .sidebar ul li { color: #888888; } +#tour { margin-top: 2em; } +#tour .site { width: 67.62em; } +#tour .movie { + padding: 1px; + background-color: #dddddd; + border: 1px solid #bbbbbb; +} +#tour .movie img { + width: 898px; + height: 395px; +} +#tour .sections { + overflow: hidden; + margin-top: 2em; +} +#tour .sections .section { + width: 22.5em; + float: left; +} +#tour .sections .section h2 { font-size: 200%; } +#tour .sections .section ul { + list-style-type: none; + font-size: 140%; +} +#tour .sections .section ul li { + line-height: 1.5em; + color: #aaaaaa; + padding-left: 1.1em; + background: transparent url(/images/modules/tour/play_bullet.png) 0 45% no-repeat; +} +#tour .sections .section ul li a { + color: black; + text-decoration: underline; +} +#tour .signup { + text-align: center; + margin-top: 4em; +} +.pagination { + padding: 0.3em; + margin: 0.3em; +} +.pagination a { + padding: 0.1em 0.3em; + margin: 0.2em; + border: 1px solid #aaaadd; + text-decoration: none; + color: #336699; +} +.pagination a:hover { + border: 1px solid #336699; + color: #000000; +} +.pagination a:active { + border: 1px solid #336699; + color: #000000; +} +.pagination span.current { + padding: 0.1em 0.3em; + margin: 0.2em; + border: 1px solid #336699; + font-weight: bold; + background-color: #336699; + color: #ffffff; +} +.pagination span.disabled { + padding: 0.1em 0.3em; + margin: 0.2em; + border: 1px solid #eeeeee; + color: #dddddd; +} +.ajax_paginate a { + padding: 0.5em; + width: 100%; + text-align: center; + display: block; +} +#commit_comments { width: 50em; } +#commit_comments h1 { margin-bottom: 0; } +#commit_comments .inner { + margin: 0; + padding: 0; +} +#commit_comments .body { + background-color: transparent; + width: 100%; +} +#commit_comments .no_one { + margin-left: 0.5em; + margin-bottom: 0; + font-weight: bold; +} +#commit_comments textarea { width: 97.5%; } +#commit_comments .actions { + border-top: none; + padding: 0; +} +ul#archive { + list-style-type: none; + text-align: center; +} +ul#archive li { display: inline; } +#other_archives { + border-top: 1px solid #dddddd; + padding-top: 0.5em; +} +#other_archives ul { + list-style-type: none; + width: 8em; + float: left; + clear: right; +} +#archives .wait { padding: 2em 0 3em 0; } +#archives .wait h2 { text-align: center; } +#archives .wait p { text-align: center; } +.popup .standard_form { + margin-top: 0; + padding: 0; + border: 0; + width: 35em; +} +.popup .standard_form .clean_list { list-style-type: none; } +.popup .standard_form h1 { + background: #dddddd; + padding: 0.5em 0.6em; +} +.popup .standard_form h1 .links { + font-size: 0.6em; + float: right; + font-weight: none; + margin-top: -0.4em; +} +.popup .standard_form h1 .links a { font-size: 1em; } +.popup .standard_form .pull_request_inside { padding: 0 1em 0.5em 1em; } +.popup .standard_form .inner { padding: 0 1em 0.5em 1em; } +.popup .standard_form .actions { + overflow: hidden; + border-top: 1px solid #dddddd; + padding: 0.5em 1em; +} +.popup .standard_form .actions label { + clear: none; + display: inline; + padding-left: 1em; +} +#facebox .popup .content { padding: 0.5em; } +#facebox .popup .loading { padding: 0.5em; } +#facebox .nopad .content { padding: 0; } +#facebox .popup .nopad { padding: 0; } +#facebox .footer { padding: 0.3em 1em; } +#facebox .tip { + width: 500px; + padding: 1em; +} +#facebox .body { padding: 0; } +.tool-tip { + color: #ffffff; + width: 350px; + z-index: 13000; +} +.tool-title { + font-weight: bold; + font-size: 11px; + margin: 0; + color: #9fd4ff; + padding: 8px 8px 4px; + background: url(/images/modules/tooltip/bubble.png) top left; +} +.tool-text { + font-size: 11px; + padding: 4px 8px 8px; + background: url(/images/modules/tooltip/bubble.png) bottom right; +} +.custom-tip { + color: #000000; + width: 130px; + z-index: 13000; +} +.custom-title { + font-weight: bold; + font-size: 11px; + margin: 0; + color: #3e4f14; + padding: 8px 8px 4px; + background: #c3df7d; + border-bottom: 1px solid #b5cf74; +} +.custom-text { + font-size: 11px; + padding: 4px 8px 8px; + background: #cfdfa7; +} +#services .test_hook { margin-top: 0.5em; } +#privacy_terms h1 { margin-bottom: 0.3em; } +#privacy_terms h2 { margin-top: 1em; } +#privacy_terms ul { margin-left: 1.4em; } +#privacy_terms ol { margin-left: 1.4em; } +#privacy_terms p { margin-bottom: 1em; } +#languages .popular { + border-top: 5px solid #f4f4f4; + background-color: #fdfdfd; + overflow: hidden; + margin-top: 2.4em; + margin-bottom: 1em; + padding-top: 1em; +} +#languages .popular.compact { margin-top: 0; } +#languages .popular h3 { + font-size: 105%; + color: #aaaaaa; + margin-bottom: 0.5em; +} +#languages .popular .site .left img { + border: 1px solid #d0d0d0; + padding: 1px; + background-color: white; + margin-right: 0.1em; + position: absolute; + top: 0.25em; + left: 0; +} +#languages .popular a { color: black; } +#languages .popular ul { list-style-type: none; } +#languages .popular ul li { + line-height: 1.6em !important; + font-size: 125%; + color: #888888; + padding-left: 1.6em; + position: relative; +} +#languages .popular ul li a.repo { font-weight: bold; } +#languages .popular .left { + margin-left: 14em; + float: left; + width: 27em; +} +#languages .popular.compact .left { + margin-left: 0; + float: left; + width: 25em; + padding-bottom: 2em; +} +#languages .popular.compact .left.row { clear: left; } +#languages .all_languages { + padding-right: 3em; + text-align: right; +} +#language_table { border: 1px solid #eeeeee; } +#language_table th { + background: #f0f0f0; + padding: 0.5em; +} +#language_table td { padding: 0.5em; } +#language_table tr.dark { background: #fafafa; } +#issues { overflow: hidden; } +#issues .menu { + float: left; + width: 10em; +} +#issues .menu .create { margin-bottom: 15px; } +#issues .menu .create a { display: block; } +#issues .menu .create img { + width: 8.921em; + height: 2.099em; +} +#issues .menu ul { list-style-type: none; } +#issues .menu ul li { + display: block; + border: 1px solid #e0e0e0; + border-right: 0; + margin-top: -0.1em; +} +#issues .menu ul li a { + display: block; + padding: 0.25em 0.5em; +} +#issues .menu ul li.filter_selected { + background: #e0e0e0; + font-weight: bold; +} +#new_issue { + background: #eaf2f5; + padding: 1em; +} +#new_issue input[type=text] { + margin-bottom: 1em; + width: 100%; +} +#new_issue textarea { + margin-bottom: 1em; + width: 100%; +} +.details textarea { + margin-bottom: 1em; + width: 100%; +} +#new_issue textarea { height: 10em; } +#new_issue .actions { overflow: hidden; } +#new_issue .actions .submits { float: left; } +#new_issue .actions .formatting { + float: right; + color: #666666; + font-size: 90%; +} +#issues .display { + float: left; + width: 46.5em; + border: 0.5em solid #e0e0e0; + min-height: 11.3em; + background-color: #fcfcfc; +} +#issues .display .empty { + text-align: center; + vertical-align: center; + padding-top: 3em; +} +#issues .display .admin { + background: #e0e0e0; + border-bottom: 0.5em solid #e0e0e0; + margin: 0; + padding: 0; + overflow: hidden; +} +#issues .display .admin select { margin-left: 0.5em; } +#issues .display .admin .back_link { + font-weight: bold; + margin-right: 0.2em; + float: left; +} +#issues .display .admin input[type=search] { width: 17em; } +#issues .display .admin input[type=submit] { + position: relative; + top: -0.1em; +} +#issues .display .sortbar { + background-color: #e8e8e8; + border-top: 1px solid #cccccc; + padding: 0.2em 0.5em; + font-size: 90%; + font-weight: bold; + overflow: hidden; +} +#issues .display .sortbar span span { + color: #555555; + font-weight: normal; +} +#issues .display .sortbar .left span span { + float: left; + margin-right: 0.4em; +} +#issues .display .sortbar .left .label { margin-top: 0.2em; } +#issues .display .sortbar a { font-weight: normal; } +#issues .display .loading { + border-top: 1px solid #cccccc; + text-align: center; +} +#issues .display .loading div p { padding-top: 0.4em; } +.issue { + list-style-type: none; + margin-top: -1px; + border-top: 1px solid #cccccc; + border-bottom: 1px solid #cccccc; + width: 46.5em; + background-color: white; + overflow: hidden; +} +.issue.floating { -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); } +.issue .summary { overflow: hidden; } +.issue .summary .meta { + float: left; + padding: 0.25em 0; + width: 37.75em; +} +.issue.open { cursor: default; } +.issue.open.read .summary { background-color: white; } +.issue.open .mod { display: none; } +.issue.open .summary h3 a { text-decoration: none; } +.issue.closed.read .summary { + background-color: #e2ecf2; + cursor: pointer; +} +#issues.collab .issue.closed .summary:hover { background: white url(/images/modules/issues/hover_black.png) 0 0 repeat-x !important; } +#issues.collab .issue.closed.read .summary:hover { background: #e2ecf2 url(/images/modules/issues/hover_black.png) 0 0 repeat-x !important; } +#issues .issue.closed.selected .summary { background-color: #ffffcc !important; } +#issues .issue.closed.read.selected .summary:hover { background: #ffffcc url(/images/modules/issues/hover_white.png) 0 0 repeat-x !important; } +#issues.collab .issue.closed:hover .handles { display: block; } +.issue.target .summary .voting_box { background: url(/images/modules/issues/target.png) 0.3em 50% no-repeat; } +.issue h3 { + font-size: 1.05em; + margin: 0; + line-height: 1.2em; +} +.issue.read h3 { font-weight: normal; } +.issue h3 a { color: #000000; } +.issue.closed h3 { + overflow: hidden; + height: 1.4em; +} +.issue span.info { + font-size: 0.9em; + color: #aaaaaa; +} +.issue .voting_box { + float: left; + width: 4.25em; + color: #aaaaaa; + cursor: default; + padding: 0.25em 0 0 1em; + overflow: hidden; +} +.issue .voting_box img { margin-bottom: 0.1em; } +.issue .voting_box .mod { float: left; } +.issue .voting_box .number { float: left; } +.issue .voting_box .vote { + font-size: 85%; + clear: both; + position: relative; + top: 0.2em; + overflow: hidden; +} +.issue .voting_box .vote .act { + float: left; + margin-right: 0.3em; + width: 0.75em; +} +.issue .voting_box .vote .show { + float: left; + width: 3.75em; + overflow: hidden; + white-space: nowrap; +} +.issue .handles { + float: right; + width: 3.5em; + display: none; + overflow: hidden; +} +.issue .handles .top.handle { + padding: 1em 0.35em 1em 0; + float: right; +} +.issue .handles .drag.handle { + padding: 1em 0.7em 1em 0.35em; + float: right; + cursor: url(/images/cursors/slide.cur), move; +} +#issues .label { + font-size: 9px; + color: white; + float: left; + font-weight: normal; + font-family: Verdana; + border-width: 1px 0; + border-style: solid; + overflow: visible; + margin: 0 0.8em 0 1px; + background-color: #ededed; + border-color: #bdbdbd; +} +body:first-of-type #issues .label { margin-top: 0.3em; } +#issues .label .labeli { + margin: 0 -1px; + border-width: 0 1px; + border-style: solid; + border-color: #bdbdbd; +} +#issues .label .labeli .name { overflow: hidden; } +#issues .label .labeli .name span { + float: left; + font-size: 100%; + padding: 0 0.6em; + color: black; +} +#issues .label .labeli .name .remove { + padding: 0 4px; + display: block; + float: right; + color: black; + border-left: 1px solid black; +} +#issues .label .labeli .name .remove:hover { + cursor: pointer; + background-color: #5e5e5e; +} +.edit_issue { + background: #eaf2f5; + padding: 1em; + margin-left: 5em; +} +.edit_issue input[type=text] { + margin-bottom: 1em; + width: 100%; +} +.edit_issue textarea { + margin-bottom: 1em; + width: 100%; +} +.edit_issue textarea { height: 10em; } +#issues .display .details { + margin-left: 5.25em; + clear: both; +} +#issues .display .details select { margin-top: 10px; } +#issues .display .details h4 { margin-top: 1.5em; } +#issues .display .details .body { padding-right: 1em; } +#issues .display .details .comments { margin: 0 0.75em 0.75em 0; } +#issues .display .details .comments .comment .body img { max-width: 39em; } +#issues .labels { + float: right; + width: 10em; + border: 0.5em solid #e0e0e0; + min-height: 11.3em; + background-color: #fcfcfc; +} +#issues .labels .admin { + background: #e0e0e0; + border-left: 0.5em solid #e0e0e0; + border-bottom: 0.5em solid #e0e0e0; + border-right: 0.5em solid #e0e0e0; + overflow: hidden; +} +#issues .labels .admin span { float: left; } +#issues .labels .admin a { float: right; } +#issues .labels form#new_label { + padding: 0.25em 0.5em; + background-color: #eaf2f5; +} +#issues .labels form#new_label div { + padding: 0.25em 0; + text-align: center; +} +#issues .labels form#new_label .error { color: #aa0000; } +#issues .labels form#new_label input[type=text] { width: 8.9em; } +#issues .labels .list { list-style-type: none; } +#issues .labels .list li { + display: block; + background-color: #ecf9f0; + margin-top: -0.1em; + padding: 0.25em 0 0.25em 0.4em; + border-top: 1px solid #cccccc; + border-bottom: 1px solid #cccccc; + overflow: hidden; + white-space: nowrap; +} +#issues .labels .list li a { color: black; } +#issues.collab .labels .label { cursor: pointer; } +#issues .labels .label span { padding: 0 3px 0 3px !important; } +#issues .labels .list li .label.dropdown span { visibility: hidden; } +#issues.collab .labels .list li:hover .label.dropdown span { visibility: visible; } +#issues .labels .chooser { + margin-left: -211px; + margin-top: 2px; + position: absolute; + width: 208px; + border: 1px solid #aaaaaa; + background-color: #ecf9f0; + -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.4); +} +#issues .labels .chooser .preview { + color: black; + padding: 7px 10px 0 10px; + overflow: hidden; +} +#issues .labels .chooser .preview .text { + display: block; + float: left; + margin-right: 0.3em; +} +#issues .labels .chooser .picker { + margin-left: -2px; + margin-top: -5px; +} +#issues .labels .chooser .save_or_cancel { + margin-top: -0.5em; + padding: 0 0 0.5em 10px; +} +#issues .labels .chooser ul li { + margin: 0; + padding: 0; + border-bottom: none; +} +#issues .labels .chooser ul li a.action { + display: block; + text-decoration: none; + padding: 0.3em 0 0.3em 10px; +} +#issues .labels .chooser ul li a.action:hover { + text-decoration: none; + background-color: #c1d3c7; +} +#issues .labels .chooser ul li form { padding: 0.3em 0 0.3em 10px; } +#issues .labels .chooser ul li form div { padding-bottom: 0.5em; } +#issues .labels .chooser ul li form input[type=text] { width: 183px; } +.ac_results img { + padding: 1px; + background-color: white; + border: 1px solid #cccccc; + vertical-align: middle; +} +#downloads .upload { + border: 4px solid #cccccc; + background-color: #eeeeee; + margin-bottom: 1.5em; + padding: 0 0.5em; +} +#downloads .upload table { width: 100%; } +#downloads .upload td { padding-right: 0.5em; } +#downloads .upload .title { + vertical-align: top; + width: 17%; + padding: 0.65em 0; +} +#downloads .upload h2 { font-size: 100%; } +#downloads .error_box { margin-bottom: 1em; } +#downloads #browser table { margin-bottom: 1.5em; } +#downloads table td span { color: #aaaaaa; } +#downloads table td.empty { text-align: center; } +#downloads table td.actions { + text-align: right; + width: 5%; + font-size: 90%; +} +#downloads table td.actions a { color: #aa0000; } diff --git a/test/css/rulesets.css b/test/css/rulesets.css new file mode 100644 index 00000000..f8245090 --- /dev/null +++ b/test/css/rulesets.css @@ -0,0 +1,17 @@ +#first > .one { font-size: 2em; } +#first > .one > #second .two > #deux { width: 50%; } +#first > .one > #second .two > #deux #third { height: 100%; } +#first > .one > #second .two > #deux #third:focus { color: black; } +#first > .one > #second .two > #deux #third:focus #fifth > #sixth .seventh #eighth + #ninth { color: purple; } +#first > .one > #second .two > #deux #fourth { color: #110000; } +#first > .one > #second .two > #deux #fourth .seven { border: 1px solid black; } +#first > .one > #second .two > #deux #fourth .eight > #nine { border: 1px solid black; } +#first > .one > #second .two > #deux #fourth #ten { color: red; } +#first > .one > #second .two > #deux #five { color: #110000; } +#first > .one > #second .two > #deux #five .seven { border: 1px solid black; } +#first > .one > #second .two > #deux #five .eight > #nine { border: 1px solid black; } +#first > .one > #second .two > #deux #five #ten { color: red; } +#first > .one > #second .two > #deux #six { color: #110000; } +#first > .one > #second .two > #deux #six .seven { border: 1px solid black; } +#first > .one > #second .two > #deux #six .eight > #nine { border: 1px solid black; } +#first > .one > #second .two > #deux #six #ten { color: red; } diff --git a/test/css/scope.css b/test/css/scope.css new file mode 100644 index 00000000..737c647c --- /dev/null +++ b/test/css/scope.css @@ -0,0 +1,11 @@ +.tiny-scope { color: #998899; } +.scope1 { + color: blue; + border-color: black; +} +.scope1 .scope2 { color: blue; } +.scope1 .scope2 .scope3 { + color: red; + border-color: black; + background-color: white; +} diff --git a/test/css/selectors.css b/test/css/selectors.css new file mode 100644 index 00000000..92e83a65 --- /dev/null +++ b/test/css/selectors.css @@ -0,0 +1,13 @@ +h1 a:hover { color: red; } +h1 p:hover { color: red; } +h2 a:hover { color: red; } +h2 p:hover { color: red; } +h3 a:hover { color: red; } +h3 p:hover { color: red; } +#all, #the, #same { color: blue; } +ul, li, div, q, blockquote, textarea { margin: 0; } +td { + margin: 0; + padding: 0; +} +td, input { line-height: 1em; } diff --git a/test/css/strings.css b/test/css/strings.css new file mode 100644 index 00000000..9f7ed687 --- /dev/null +++ b/test/css/strings.css @@ -0,0 +1,12 @@ +#strings { + background-image: url("http://son-of-a-banana.com"); + quotes: "~" "~"; + content: "#*%:&^,)!.(~*})"; + empty: ""; +} +#comments { content: "/* hello */ // not-so-secret"; } +#single-quote { + quotes: "'" "'"; + content: '""#!&""'; + empty: ''; +} diff --git a/test/css/variables.css b/test/css/variables.css new file mode 100644 index 00000000..478d5e0c --- /dev/null +++ b/test/css/variables.css @@ -0,0 +1,7 @@ +.variables { width: 14cm; } +.variables { + height: 24px; + color: #888888; + font-family: "Trebuchet MS", Verdana, sans-serif; + quotes: "~" "~"; +} diff --git a/test/css/whitespace.css b/test/css/whitespace.css new file mode 100644 index 00000000..075bc64f --- /dev/null +++ b/test/css/whitespace.css @@ -0,0 +1,7 @@ +.whitespace, .white, .space, .mania, .no-semi-column { color: white; } +.no-semi-column { + color: white; + white-space: pre; +} +.no-semi-column { border: 2px solid white; } +.newlines { border: 2px solid black; } diff --git a/test/less/accessors.less b/test/less/accessors.less new file mode 100644 index 00000000..720caa11 --- /dev/null +++ b/test/less/accessors.less @@ -0,0 +1,20 @@ +.magic-box { + @trim: orange; + content: "gold"; + width: 60cm; + height: 40cm; + #lock { + color: silver; + } +} + +#accessors { + content: .magic-box['content']; // "gold" + width: .magic-box['width']; // 60cm +} + +.unlock { + .magic-box; + color: #lock['color']; // silver + border-color: .magic-box[@trim]; // orange +} \ No newline at end of file diff --git a/test/less/big.less b/test/less/big.less new file mode 100644 index 00000000..dfcecff9 --- /dev/null +++ b/test/less/big.less @@ -0,0 +1,4810 @@ +/* + * CitySquares 2009 + * + * Michael LeBarron + * Justin Leider + * Bob Leland + */ + +/* Colors + * ----------------------------------------------------------------------------------- + * Base: + * #EDF8FC (background blue) + * #166C89 (darkest blue) + * #1F9EC9 (dark blue) + * #5FC5E7 (med blue) + * #ACE1F2 (light blue) + * #E2EDC9 (light green) + * #5F8134 (dark green) + * #FFF1D1 (light yellow) + * #FECD57 (dark yellow) + * #FF9933 (orange) + * + * Text: + * #333 (standard text) + * #1F9EC9 (standard link) + * #557D33 (green) + * + */ + +/* @group Variables +----------------------------------------------------------------------------------- */ +@linkBlue: #1F9EC9; + +/* @group Core Setup +----------------------------------------------------------------------------------- */ + +html { background: @linkBlue; } +#doc4 { color: #333; min-width: 974px; } +#bd { background: #FFF; } +#yui-main { padding-top: .5em; } +#cs-main { margin: 0 .5em;} +.yui-t6 .yui-b { margin-right: .5em; } + +/* @end */ + +/* @group Show/Hide +----------------------------------------------------------------------------------- */ + +#moreHoods { display: block; } + +.js #location-navigation-form .form-submit, +.js #business-listing-form .form-submit, +.js #detailTabs ul, +.js #detailsEnhanced #addTags, +.js #locationSearchList, +.js #moreHoods, +#navListLeft + { display: none; } + +.js #navListLeft { display: block; } + +/* @end */ + + +/* @group Useful Stuff +----------------------------------------------------------------------------------- */ +.grey { color: #666; } +.light-grey { color: #CCC; } +.centerText { text-align: center; } +.rightFloat { float: right; display: inline; } +.leftFloat { float: left; display: inline; } +.inline { display: inline; } +.hide { display: none; } +.clear { clear: both; height: 0; width: 0; margin: 0; padding: 0; } +.zeroOut { margin: 0; padding: 0; } +.pad { padding-top: .75em; } +.indent { padding-left: .5em; } +div.c1 { text-align: center; } +.bigText { font-size: 123%; } +.warning { color: red; } + +/* @group Separators +----------------------------------------------------------------------------------- */ +.separator { + display: inline; + overflow: hidden; + width: 0; + padding: 0; + border-left: 1px solid #6ACBE8; + border-right: 1px solid #FFF; +} + + +/* @end */ + + +/* @group Loaders +----------------------------------------------------------------------------------- */ + +.loading { background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%; } +.formThrobbing { background: #FFF url("http://static.csimg.com/img/single/cs-smallBlueLoader.20081130.1.gif") no-repeat 99% 50%; } + +/* @end */ + + +/* @end */ + +/* @group Messages +----------------------------------------------------------------------------------- */ + +div.messages { margin: .5em; padding: .5em; line-height: 150%; } + +div.messages .title { font-weight: bold; font-size: 153.9%;} + +div.messages ul { + padding-left: 1em; + list-style: none; +} + +div.error { + background: #FACC4C; + border: 1px solid #E4AD05; + color: #A05218; +} + +div.error li { + list-style: none; + background: url("http://static.csimg.com/v2/img/icon-error.png") no-repeat left; + padding-left: 24px; + line-height: 24px; +} + +div.status { + background: #AAD08C url("http://static.csimg.com/v2/img/background-success.gif") repeat-x top; + border: 1px solid #84B858; + color: #466428; + padding: 5px; +} + +div.status li { + list-style: none; + background: url("http://static.csimg.com/v2/img/icon-success.png") no-repeat left; + padding-left: 24px; + line-height: 24px; +} + +/* @end */ + +/* @group Boxes +----------------------------------------------------------------------------------- */ + +.cs-blue-fade { border: 1px solid #B6E6F3; background: #E6F7FB url("http://static.csimg.com/v2/img/cs-blueFadeUpBG.gif") repeat-x bottom left; padding: .5em; color: #1A85A8; font-size: 12px; margin: .5em;} + .cs-blue-fade p { padding: .5em 0; } + .cs-blue-fade img { padding: 0 1em 0 0; float: left; } + +.cs-green-solid { border: 4px solid #BDD685; background: #E2EDC9; padding: 1em; color: #647836; font-size: 12px; margin: .5em;} + .cs-green-solid .pricing { font-size: 9px; margin: 0 .5em; float: left; width: 40%; } + .cs-green-solid .pricing-top { font-size: 11px; } + .cs-green-solid .pricing-top span { font-size: 31px; color: #3C3C3C; } + .cs-green-solid .pricing-bottom { height: 50px; width: 78px; background: url("http://static.csimg.com/v2/img/cs-cta-pricing.png") no-repeat bottom left; margin: ;} + +/* @end */ + + +/* @end */ + +/* @group Headers +----------------------------------------------------------------------------------- */ + +h1, h2, h3, h4, h5 { font-size: 153.9%; font-weight: bold; color: #166C89; } + h2 { font-size: 123.1%; } + h3 { color: #1F9EC9; margin: .5em 0; } + h4 { color: #666; } + h5 { text-transform: uppercase; font-size: 116%; color: #666; padding: 0; margin: 0 .25em; } + h6 { color: #666; font-size: 100%; font-weight: bold; } + +.subtitle { color: #999; } + +#homeMain #new h3 { + margin: 0; + padding: .2em 0 1em 0; + font-size: 100%; + color: #667B4C; +} + +/* @end */ + +/* @group Header +----------------------------------------------------------------------------------- */ + +#mainHeader { + background: #1F9EC9; + padding: .5em; + border-bottom: 3px solid #5FC5E7; +} + +.logo { + display: block; + text-indent: -9999em; + overflow: hidden; + width: 181px; + height: 26px; + background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat 0 0; + float: left; +} + +.tagline { + text-indent: -9999px; + overflow: hidden; + display: block; + float: left; + background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat 0 -26px; + width: 160px; + height: 17px; + margin-top: .35em; +} + +/* @group User Login */ + +#userData { + color: #ACE1F2; + font-size: 93%; + font-weight: bold; +} + +#userData ul{ + padding: 0; + margin: 0; +} + +#userData ul li { + float: right; + padding: .5em .5em; +} + +/* @end */ + +/* @group Search */ + +#headerSearch { + background: #ACE1F2; + padding: .5em .5em .5em .4em; + color: #006581; + font-weight: bold; + font-size: 93%; +} + +#headerSearch .item { + float: left; +} + +#headerSearch .form-text { + padding-top: .4em; + padding-bottom: .4em; + padding-right: .4em; + width: auto; + background-color: #FFF; + border: 1px solid #69C8E7; +} + +#headerSearch span.item { + padding: .45em .5em 0 .5em; +} + +#headerSearch .item .term { + color: #156782; +} + +#headerSearch .item .location { + padding-left: .5em; +} + +#headerSearch .termBG { + background: #FFF url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -623px 2px; + border: 1px solid #69C8E7; + padding-left: 22px; +} + +#headerSearch .form-submit { + float: left; + width: auto; + border-top: 1px solid #FF9933; + border-right: 1px solid #5FC5E7; + border-bottom: 1px solid #5FC5E7; + border-left: 1px solid #FF9933; + padding: .4em .5em .25em; + margin: 0 0 0 .5em; + color: #FFF; + background: #FF9933; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; +} + +#headerSearch #changeLocField { + float: left; + padding-left: .5em; +} + +#headerSearch #cancelButton { + display: block; + float: left; + font-size: 85%; + margin: .75em 0 0 .75em; + padding: 0; +} + +/* @end */ + +/* @group Location Search */ + +#locationSearchList { + padding: .5em; + margin-top: -1px; + color: #333; + background: #ACE1F2; +} + +#locationSearchList img { + margin: 0 auto; + display: block; +} + +#locationSearchList .cs-yellow-block { + border: 1px solid #FECD57; + margin: 0 0 .5em 0; +} + +#locationSearchList .cs-blue-block { + border: 1px solid #B6E6F3; + margin: 0; +} + +#locationSearchList ul { + margin: 0; + padding: .5em 0; + color: #7E7E7E; +} + +#locationSearchList ul li{ + padding: .25em 0; + width:100%; +} + + +/* @end */ + +/* @group Nearby */ + +#whatsNearbyButton { + float: right; +} + +/* @end */ + +/* @end */ + +/* @group Navigation +----------------------------------------------------------------------------------- */ + +/* @group Main Nav */ + +#homeNavigation, +#mainNavigation { + background: #E9F3CF; +} + +#homeNavigation { + color: #5F8134; + font-size: 93%; +} + +#homeNavigation a { + display: block; + padding: .65em .3em 0 0; + float: right; + color: #5F8134; + text-decoration: none; +} + +#homeNavigation ul { + margin: 0; + padding: 0; + display: inline; +} + +#homeNavigation ul li { + display: block; + padding: .65em .3em 0 0; + float: right; +} + +#homeNavigation ul li a { + font-weight: bold; + display: inline; + float: none; + padding: 0; +} + +#navBar ul { + padding: 0; + margin: 0 0 0 0; +} + +#navBar ul li { + float: right; + display: inline; +} + +#navBar ul li a { + display: block; + padding: 1em; + color: #5F8134; + font-weight: bold; + font-size: 93%; + text-decoration: none; +} +#navBar ul li a:hover, +#navBar ul li.current a { + color: #666; + background: #FFF; +} + +#navBar .navBackground { + color: #666; + background: #FFF; +} + +.lavaLamp { + position: relative; + overflow: hidden; +} + +.lavaLamp li.navBackground { + z-index: 8; + position: absolute; + width: 0px; +} + +.lavaLamp li a { + z-index: 10; + display: block; + position: relative; + overflow: hidden; +} + +#navBar ul li.navSeparator { + border-left: 1px solid #C1DE74; + border-right: 1px solid #FFF; + margin: .8em .5em 0 .5em; + display: inline; + width: 0px; + overflow: hidden; +} + +/* @end */ + +/* @group Where Am I */ + + +#whereAmI h1, +#homeNavigation h1, +#whereAmI h2, +#homeNavigation h2 { + margin: 0; + padding: .65em 0 0 .5em; + color: #608235; + font-size: 123.1%; + float: left; + font-weight: bold; +} + +#homeNavigation h1, +#homeNavigation h2 { + padding: .65em 0 .65em .5em; + font-size: 100%; + font-weight: normal; +} + +#whereAmI h1 span, +#whereAmI h2 span { + color: #666; +} + +#whereAmI h1 a, +#whereAmI h2 a { + color: #608235; + text-decoration: none; +} + +#whereAmI a#changeLocation, +#mainNavigation a#cancelButton, +#homeNavigation a#cancelButton { + display: block; + float: left; + color: #608235; + font-size: 85%; + margin: 1.4em 0 0 .75em; + padding: 0; +} + +#mainNavigation input, +#homeNavigation input { + float: left; + margin: .4em 0 0 .75em; + width: auto; + padding: .5em; + border: 1px solid #5F8134; +} + +#mainNavigation .form-submit, +#homeNavigation .form-submit { + width: auto; + border-top: 1px solid #FF9933; + border-right: 1px solid #608235; + border-bottom: 1px solid #608235; + border-left: 1px solid #FF9933; + padding: .4em .5em .4em; + color: #FFF; + background: #FF9933; +} + +.form-submit:hover { + cursor: pointer; +} +/* @end */ + +#breadcrumb { + border-bottom: 1px solid #E9E9E9; + padding: .8em 0; + margin: 0 .6em; + color: #6e6e6e; + font-size: 85%; +} + +#breadcrumb a { + color: #6e6e6e; + text-decoration: none; +} + +#breadcrumb a:hover { + color: #333; +} + +/* @group Nav List */ + +#hoodNavList, +#moreHoods { + border-bottom: 1px solid #E9E9E9; + background: #F8FBF0; + padding: .5em; +} + +#hoodNavList { border-top: 1px solid #D9EAB0; } + +#navListLeft { background: #FFF; border: 1px solid #D9EAB0; position: relative; } + +.distance { color: #7E7E7E; font-size: 85%; } + +#hoodMap { height: 20em; } + + +/* @end */ + + +/* @end */ + +/* @group Links +----------------------------------------------------------------------------------- */ + +a { color: #1F9EC9; } +a:hover, + .cleanLinks a { text-decoration: none; } + .cleanLinks a:hover { text-decoration: underline; } + +.greenLinks a { color: #557D33; } +.whiteLinks a { color: #FFF; } +.darkBlueLinks a { color: #166C89; } + +.pointer:hover { cursor: pointer; } + +#hoodNavList a, #moreHoods a { color: #557D33; } + +#findLogin a { + float: right; + height: 34px; + width: 150px; + background: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png") no-repeat -458px -127px; + display: block; +} + +#homeMain #ownText a { font-weight: bold; } + +a#addBusinessButton, +a#upgradeProfileButton { + background-image: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png"); + background-repeat: no-repeat; +} + +a#addBusinessButton { + display: block; + height: 42px; + width: 175px; + text-indent: -9999em; + background-position: -0 -28px; + float: left; +} + +a#addBusinessButton:hover { background-position: -0 -75px; } +a#addBusinessButton.click { background-position: -0 -123px; } + +a#upgradeProfileButton { + display: block; + height: 42px; + width: 165px; + text-indent: -9999em; + background-position: -181px -28px; + float: left; +} + +a#upgradeProfileButton:hover { background-position: -181px -75px; } +a#upgradeProfileButton.click { background-position: -181px -123px; } + +#claimBusiness a { font-size: 93%; } + +/* @end */ + +/* @group Events +----------------------------------------------------------------------------------- */ + +p.date { + padding: 0; + margin: 0 .5em 0 1em; + width: 42px; + background: url("http://static.csimg.com/v2/img/background-events-icon.gif") no-repeat; + text-align: center; + font-size: 10px; + float: left; + display: block; +} + +p.date span.month { + color: #FFF; + text-transform: uppercase; + display: block; + line-height: 18px; +} + +p.date span.day { + font-size: 16px; + color: #666; + font-weight: bold; + line-height: 26px; + display: block; +} + +p.date span.hour { + font-size: 12px; + color: #666; + font-weight: bold; + line-height: 26px; + display: block; +} + +p.date span.date { + display: block; +} + +li.event { + color: #6C6C6C; +} + +li.event .info { + padding-left: 65px; +} + +/* @end */ + + +/* @group HR +----------------------------------------------------------------------------------- */ + +hr { height: 0; border: none; } + hr.blue { border: 1px solid #C0E9F5; margin: .2em 0 0 0; } + hr.grey { background: #E1E1E1; } + hr.fade { border-top: 1px solid #C0E9F5; border-bottom: 1px solid #FFF; } + hr.darkFade { border-top: 1px solid #7EDAF1; border-bottom: 1px solid #FFF; } + hr.greyFade { border-top: 1px solid #D9D7D5; border-bottom: 1px solid #FFF; } + +/* @end */ + +/* @group UI +----------------------------------------------------------------------------------- */ + +.csButton { + border: 1px solid; + border-left-color: #FFF; + border-top-color: #FFF; + border-right-color: #61C6E7; + border-bottom-color: #61C6E7; + padding: .3em .5em; + font-size: 93%; + font-weight: bold; + background: #EDF9FC; + color: #1F9EC9; + cursor: pointer; +} + +.csButton:hover { + background: #FFF; +} + +.csButton span { + position: relative; + top: .5em; + margin-left: .4em; +} + +.print { + background: #D2E9AD; + font-weight: bold; + border: 1px solid #BADE85; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + color: #9A9A9A; + font-size: 93%; + padding: .3em .8em; + margin: .5em; + text-align: center; +} + +.print a { + color: #4F6B1F; + text-decoration: none; + display: block; + width: 100%; +} + +.cs-green-button, .cs-grey-button { + border: 1px solid; + padding: .25em .5em; + margin: .25em .25em; +} + +.cs-green-button { + background: #D2E9AD; + border-color: #B1CE6F; +} + +.cs-grey-button { + background: #E0E0E0; + border-color: #D4D4D4; +} + +.cs-green-button a, .cs-grey-button a { + font-size: 85%; + font-weight: bold; + text-decoration: none; +} + +.cs-green-button a { + color: #627632; +} + +.cs-grey-button a { + color: #666; +} + +#tooltip { + float: left; + font-size: 85%; + max-width: 15em; + padding: .5em; + position: absolute; + z-index: 99999; + font-weight: normal; +} + +/* @group Big Button +----------------------------------------------------------------------------------- */ + + +.cs-button { + outline: 0; + margin:0 4px 0 0; + padding: .4em 1em; + text-decoration: none; + cursor:pointer; + position: relative; + text-align: center; + zoom: 1; +} + +.cs-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; } + +a.cs-button { float:left; } + +/* remove extra button width in IE */ + +button.cs-button { width:auto; overflow:visible; } + +/* @end */ + +/* @group Small Button +----------------------------------------------------------------------------------- */ + + +.cs-button-small { + outline: 0; + margin: 0 4px 0 0; + padding: .5em 1em; + text-decoration: none; + cursor: pointer; + position: relative; + text-align: center; + zoom: 1; + font-size: 85%; +} + +.cs-button-small .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; } + +a.cs-button-small { float:left; } + +/* remove extra button width in IE */ + +button.cs-button-small { width:auto; overflow:visible; } + + +/* @end */ + +.cs-buttonset { float: left; } +.cs-buttonset a { text-decoration: none; } +.cs-buttonset .cs-button { float: left; margin-right: -1px; } + +.cs-toolbar { padding: .5em; margin: 0; } +.cs-toolbar .cs-buttonset { margin-right:1.5em; padding-left: 1px; } +.cs-toolbar .cs-button { font-size: 93%; } + +/* @group Custom Interactions +----------------------------------------------------------------------------------- */ + + +/* @group Grey +----------------------------------------------------------------------------------- */ + + +/* Interaction states +----------------------------------*/ +.ui-state-default-grey, +.ui-widget-content-grey .ui-state-default-grey { + border: 1px solid #E3E1DF; + background: #FCFCFC; + color: #909090; + outline: none; +} + +.ui-state-default-grey a { + color: #1F9EC9; + text-decoration: none; + outline: none; +} + +.ui-state-hover-grey, +.ui-widget-content-grey .ui-state-hover-grey, +.ui-state-focus-grey, +.ui-widget-content-grey .ui-state-focus-grey, +.ui-state-default-grey:hover { + border: 1px solid #E3E1DF; + background: #FFFFFF; + color: #666666; + outline: none; +} + +.ui-state-default-grey a:hover { color: #1F9EC9; text-decoration: none; outline: none; } + + +.ui-state-hover-grey a { + color: #666666; + text-decoration: none; + outline: none; +} + +.ui-state-active-grey, +.ui-widget-content-grey .ui-state-active-grey { + border: 1px solid #E3E1DF; + background: #FFFFFF; + font-weight: bold; + color: #666666; + outline: none; +} + +.ui-state-active-grey a { + color: #666666; + outline: none; + text-decoration: none; +} + +/* Interaction Cues +----------------------------------*/ + +.ui-state-highlight-grey, +.ui-widget-content-grey .ui-state-highlight-grey { + border: 1px solid #fad42e; + background: #fbec88; + color: #363636; +} + +.ui-state-error-grey, +.ui-widget-content-grey .ui-state-error-grey { + border: 1px solid #cd0a0a; + background: #fef1ec; + color: #cd0a0a; +} + +.ui-state-error-text-grey, +.ui-widget-content-grey .ui-state-error-text-grey { + color: #cd0a0a; +} + +.ui-state-disabled-grey, +.ui-widget-content-grey .ui-state-disabled-grey { + opacity: .35; + filter: Alpha(Opacity=35); + background-image: none; +} + +.ui-priority-primary-grey, +.ui-widget-content-grey .ui-priority-primary-grey { + font-weight: bold; +} + +.ui-priority-secondary-grey, +.ui-widget-content-grey .ui-priority-secondary-grey { + opacity: .7; + filter: Alpha(Opacity=70); + font-weight: normal; +} + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight-grey, +.ui-widget-content-grey .ui-state-highlight-grey { + border: 1px solid #fad42e; + background: #fbec88; + color: #363636; +} + +.ui-state-error-grey, +.ui-state-error-grey:hover, +.ui-widget-content-grey .ui-state-error-grey { + border: 1px solid #cd0a0a; + background: #fef1ec; + color: #cd0a0a; +} + +.ui-state-error-text-grey, +.ui-state-error-text-grey:hover, +.ui-widget-content-grey .ui-state-error-text-grey { + color: #cd0a0a; +} + +.ui-state-error-text-grey:hover { + background: #fef1ec; +} + + +/* @end */ + +/* @group Blue +----------------------------------------------------------------------------------- */ + + +/* Interaction states +----------------------------------*/ +.ui-state-default:hover { + border: 1px solid #A2DEF0; + background: #fcfdfd; + font-weight: bold; + color: #1F9EC9; + outline: none; +} + +.ui-state-default a:hover { color: #1F9EC9; text-decoration: none; outline: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, +.ui-widget-content .ui-state-highlight { + border: 1px solid #fad42e; + background: #fbec88; + color: #363636; +} + +.ui-state-error, +.ui-state-error:hover, +.ui-widget-content .ui-state-error { + border: 1px solid #cd0a0a; + background: #fef1ec; + color: #cd0a0a; +} + +.ui-state-error-text, +.ui-state-error-text:hover, +.ui-widget-content .ui-state-error-text { + color: #cd0a0a; +} + +.ui-state-error-text:hover { + color: #cd0a0a; + background: #fef1ec; + cursor: pointer; +} + + + +/* @end */ + +/* @group Green +----------------------------------------------------------------------------------- */ + + + +.ui-state-default-green, +.ui-widget-content-green .ui-state-default-green { + border: 1px solid #D3E8A4; + background: #F5F9E9; + color: #3F8300; + outline: none; +} + +.ui-state-default-green a { + color: #3F8300; + text-decoration: none; + outline: none; +} + +.ui-state-hover-green, +.ui-widget-content-green .ui-state-hover-green, +.ui-state-focus-green, +.ui-widget-content-green .ui-state-focus-green, +.ui-state-default-green:hover { + border: 1px solid #D3E8A4; + background: #FFFFFF; + color: #666666; + outline: none; +} + +.ui-state-default-green a:hover { color: #3F8300; text-decoration: none; outline: none; } + + +.ui-state-hover-green a { + color: #666666; + text-decoration: none; + outline: none; +} + +.ui-state-active-green, +.ui-widget-content-green .ui-state-active-green { + border: 1px solid #D3E8A4; + background: #FFFFFF; + font-weight: bold; + color: #666666; + outline: none; +} + +.ui-state-active-green a { + color: #666666; + outline: none; + text-decoration: none; +} + +/* @end */ + +/* @end */ + +/* @group Icons +----------------------------------------------------------------------------------- */ + + +.icon { + height: 25px; + width: 25px; + margin: .2em; + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; +} + +.small-icon { + height: 16px; + width: 16px; + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; +} + +.icon a { text-indent: -9999em; display: block; height: 25px; width: 25px; } + +/* @group Categories +----------------------------------------------------------------------------------- */ + +.cat-arts-entertainment, +.cat-1 { background-position: -225px -25px; } + +.cat-automotive, +.cat-2 { background-position: -100px 0; } + +.cat-business-professional-services, +.cat-3 { background-position: -150px 0; } + +.cat-computers-and-internet, +.cat-4 { background-position: -400px -25px; } + +.cat-contractors-construction-equipment, +.cat-5 { background-position: -200px 0; } + +.cat-education, +.cat-6 { background-position: -425px -25px; } + +.cat-finance-insurance, +.cat-7 { background-position: -425px 0; } + +.cat-health-medicine, +.cat-8 { background-position: -175px 0; } + +.cat-home-garden, +.cat-9 { background-position: -200px -25px; } + +.cat-legal, +.cat-10 { background-position: -450px 0; } + +.cat-manufacturing-production-wholesale, +.cat-11 { background-position: -525px 0; } + +.cat-other, +.cat-12 { background-position: -475px 0; } + +.cat-personal-services-care, +.cat-13 { background-position: -25px 0; } + +.cat-pets, +.cat-14 { background-position: -350px -25px; } + +.cat-real-estate-moving-storage, +.cat-15 { background-position: -225px 0; } + +.cat-religious-organizations, +.cat-16 { background-position: -500px 0; } + +.cat-restaurants-food-beverages, +.cat-17 { background-position: 0 0; } + +.cat-retail-shopping, +.cat-18 { background-position: -75px 0; } + +.cat-sports-recreation, +.cat-19 { background-position: -375px -25px; } + +.cat-telecommunications, +.cat-20 { background-position: -525px -25px; } + +.cat-travel-transportation, +.cat-21 { background-position: -500px -25px; } + +/* @end */ + +/* @group Feeds +----------------------------------------------------------------------------------- */ + +.feed-add_photo, +.feed-1 { background-position: -250px -25px; } + +.feed-new_review, +.feed-2 { background-position: -300px -25px; } + +.feed-all_star, +.feed-4 { background-position: -50px -50px; } + +.feed-new_video, +.feed-5 { background-position: -100px -25px; } + +.feed-profile_update, +.feed-7 { background-position: -25px -25px; } + +.feed-add_tag, +.feed-8 { background-position: 0 -25px; } + +.feed-new_vote, +.feed-11 { background-position: -75px -25px; } + +/* @end */ + +/* @group Links +----------------------------------------------------------------------------------- */ + +a.video { + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; + background-position: -625px -75px; + padding-left: 20px; +} + +a.allstar { + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; + background-position: -625px -50px; + padding-left: 17px; +} + +#businessHeading a.allstar { + background: none; +} + +a.add { + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; + background-position: -625px -98px; + padding-left: 15px; +} + +/* @end */ + +/* @group Other +----------------------------------------------------------------------------------- */ + +.icon-number { + background-position: -550px 0; + color: #FFF; + font-size: 11px; + font-weight: bold; + text-align: center; +} + +.icon-number-hover { background-position: -550px -25px; } + +a.blue-close { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -133px 0; + display: block; + width: 14px; + height: 15px; +} + +a.green-close { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -255px 0; + display: block; + width: 14px; + height: 15px; +} + +.cs-wwiaftm { + height: 66px; + width: 66px; + background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat -270px 0; +} + +.smallLoader { + background: url("http://static.csimg.com/img/loaders/cs-smallLoader.20081130.1.gif") no-repeat 50% 50%; + height: 16px; + width: 16px; + display: block; +} + +.smallBlueLoader { + background: url("http://static.csimg.com/img/single/cs-smallBlueLoader.20081130.1.gif") no-repeat 50% 50%; + height: 16px; + width: 16px; + display: block; +} + +.icon-country { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -595px 0; + height: 25px; + width: 25px; +} + +.icon-country a { display: block; height: 25px; width: 25px; } + +.icon-dropdown, +.icon-dropdownUp { + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; + background-position: -600px -25px; + height: 15px; + width: 15px; + float: left; + display: inline; + margin-left: .5em; + margin-top: .7em; + cursor: pointer; +} + +.icon-dropdownUp { + background-position: -600px -50px; +} + +.icon-greenArrow { background-position: -25px -50px; float: left; } + +.icon-rss { background-position: -475px -25px; float: right; height: 15px; width: 15px; } + +.icon-fb { background-position: -225px -50px; } +.icon-sms { background-position: -250px -50px; } +.icon-leave-review { background-position: -300px -50px; } +.icon-posted-on { background-position: -350px -50px; } +.icon-send-message { background-position: -375px -50px; } +.icon-flag { background-position: -400px -50px; } +.icon-about-us { background-position: -425px -50px; display: block; float: left; } +.icon-menu { background-position: -450px -50px; } +.icon-coupons { background-position: -475px -50px; } +.icon-fans { background-position: -500px -50px; } +.icon-print { background-position: -400px 0; } + +.icon-local-badge { background-position: -530px -55px; } +.js .icon-local-badge { text-indent: -99999em; } +.icon-reviews { background-position: -278px -54px; float: left; padding-right: .3em; } + +.icon-location-pin { background-position: -328px -55px; display: block; float: left; } + +.icon-tags { background-position: -203px -53px; float: left; padding-right: .3em; } + +.icon-claim-alert { background-position: -353px -3px; float: left; padding-right: .5em; } + +.icon-right-arrow { background-position: -300px -2px; } + +.icon-paper { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -525px -75px; + width: 32px; + height: 32px; + float: left; +} + +/* @end */ +.icon-downArrow { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -300px -75px; +} + +.icon-upArrow { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -315px -75px; +} + +/* @end */ + +/* @group Blocks +----------------------------------------------------------------------------------- */ + +.cs-blue-fade { + border: 1px solid #B6E6F3; + background: #E6F7FB; + padding: .5em; + color: #1A85A8; +} + +.cs-blue-fade p { + padding: .5em 0; +} + +.cs-blue-fade img { + padding: 0 1em 0 0; + float: left; + display: inline; +} + +.cs-green-solid { + border: 4px solid #BDD685; + background: #E2EDC9; + padding: .5em; + color: #647836; +} + +.cs-light-blue { + color: #6C6C6C; + background: #E1F5FB; + padding: .5em; +} + +.cs-green-block, +.cs-yellow-block, +.cs-blue-block { + padding: .5em; + border-top: 2px solid; + margin: 1em 0; +} + +.cs-yellow-block .title, +.cs-green-block .title, +.cs-blue-block .title { + font-size: 93%; + color: #C0A316; + padding: 0 0 .5em; +} + +.cs-green-block { + background: #EAF1D8; + border-top-color: #D8E6B5; +} + +.cs-green-block h5 { + font-size: 120%; + color: #668333; +} + +.cs-yellow-block { + background: #FFF1D1; + border-top-color: #FECD57; +} + +.cs-yellow-block h5 { + font-size: 120%; + color: #73630C; +} + +.cs-blue-block { + background: #E6F7FB; + border-top-color: #B6E6F3; +} + +.cs-blue-block h5 { + font-size: 120%; + color: #1F9EC9; +} + +/* @end */ + +/* @end */ + +/* @group Ads +----------------------------------------------------------------------------------- */ + +.ad-container { + padding: 3px 0 0; + text-align: center; + z-index: 0; + position: relative; +} + +.zoneA { margin: .5em 1em 1em .5em; border: 1px solid #E0E0E0; } + +.zoneB { + border: 1px solid #E0E0E0; + padding: 0; + margin: auto; + width: 300px; + height: 250px; + margin-bottom: 3px; +} + +.ad-bottom img { border: none; } + +ul.blue-separator li.adHover:hover { background: #FFF; } + +/* @end */ + +/* @group Business Details +----------------------------------------------------------------------------------- */ + +/* We'll be doing most of these the long way so they're easier to override with custom styles */ + +/* @group Main Content */ + +/* @group Category List */ + +#categoryList { padding: 1em 0 .5em 0; } + +#categoryList .title { font-weight: bold; } + +/* @end */ + +/* @group Tabs */ + +#detailsContainer #detailTabs { + margin-top: 1em; +} + +/* @end */ + +#detailsContainer { + color: #666; + margin-right: 1em; + margin-bottom: .5em; + margin-left: .5em; +} + +.detailsItem { + margin: 1em 0 0 0; + border-top: 1px solid #EFEEED; + padding: 1em .5em; +} + +#detailsContainer h1 { + margin: 0; + padding: 0; + color: #FF6600; + font-size: 161.6%; +} + +#detailsContainer h1 a { + text-decoration: none; + color: #FF6600; +} + +#detailsStandard h1 { display: inline; float: left; } + +#detailsStandard .icon-local-badge { float: left; margin: .2em 0 0 .75em;} + +#detailsStandard { position: relative; } + +#claimBusiness { + position: absolute; + right: .75em; + display: block; + padding: .5em .75em; + background: #FFF; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-bottom-right-radius: 3px; +} + +#detailsGeneral, +#detailsStandard { + background-color: #EFEEED; + padding: .75em; + margin-top: .5em; +} + +#detailsGeneral .yui-g, +#detailsStandard #mainBizContent { + background-color: #FFF; +} + +.detailsAmenities .title, +#detailsHours .title { + color: #A5A5A5; +} + + +#detailsHours .head { + padding-bottom: .5em; + display: block; +} + +.detailsAmenities ul { + margin: .5em 0; + padding: 0; +} + +/* @group Heading */ + +#detailsContainer #businessHeading ul { + margin: 0; + padding: .5em 0; +} + +#detailsContainer #businessHeading ul li { + float: left; + border-left: 1px solid #EEE; + padding: 0 .5em 0 .5em; + display: block; +} + +#detailsContainer #businessHeading ul :first-child { + border: none; + padding-left: 0; +} + +#detailsContainer #servicesBrands { + background: #EFEEED; + padding-top: .5em; +} + +/* @end */ + +/* @group Votes */ + +#detailsContainer #votes { + clear: both; + text-align: center; + padding: .5em .75em 0; + color: #BFBFBF; + font-size: 93%; +} + +#detailsContainer #starRatings { + border-left: 1px solid #EEE; + padding-top: .5em; +} + +#detailsEnhanced #starRatings .fivestar-container { + margin-left: 25px; +} + +#detailsStandard #starRatings .fivestar-container { + margin-top: 5px; + margin-right: 5px; +} + +#detailsStandard #votes { + float: left; + clear: none; + padding-top: 11px; + padding-left: 0; +} + +#detailsStandard #starRatings { + border: none; + padding: 0; +} + +/* @end */ + +/* @group Address */ + +#detailsInfo { + line-height: 1.5em; + padding-top: .5em; +} + +#detailsStandard #detailsInfo { + padding: .5em; +} + +#detailsInfo .title { + color: #A5A5A5; + margin-top: 1em; + display: block; +} + +#detailsStandard #detailsInfo .title { + margin: 0; + display: inline; +} + +#detailsStandard #detailsInfo .phone { line-height: 1.75em; } +#detailsInfo .phone { + font-size: 123.1%; + font-weight: bold; +} + +#detailsEnhanced #detailsInfo ul { + padding: 0; + margin: 0 .5em .5em 0; +} + +#detailsEnhanced #detailsInfo ul li { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -625px -19px; + padding: .2em 0 0 8px; +} + +#detailsStandard ul#buttonList { margin: 0; padding: 0; } + +#detailsStandard ul#buttonList li { + margin: 1.5em .5em .5em 0; + float: left; + display: inline; + font-weight: normal; +} + +#detailsStandard ul#buttonList li a { text-decoration: none; } +.juliesTables br { + display: none; +} + +/* @end */ + +/* @group Tags */ + +#toggleTagWrap { + padding: .5em .5em 0 0; +} + +#toggleTagAdd { + float: right; +} + +#addTags { + padding: .5em .5em; + margin-top: .5em; + background: #FFF; + border: 1px solid #ddd; + text-align: ; +} + +#tagCloudWrap { + margin-top: .5em +} + +#tagCloud ul { + margin: 0; +} + +#tagCloud ul li { + float: left; + margin-left: .2em; +} + +#tagCloud ul li.title { + margin: 0; +} + +#moreTagsContainer { + height: 0; + overflow: hidden; +} + +#addTagTitle { + font-size: 85%; + padding-bottom: .5em; +} + +/* @end */ + +/* @group Chart */ + +#chart { + width: 100%; + height: 30em; + background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%; +} + +/* @end */ + +/* @group Video */ + +#detailsVideo { + padding: 1em; + margin: 1em 0; + border: 0; +} + +#detailsVideo #video { + float: left; +} + +#detailsVideo #description { + float: left; + color: #333; + padding: 0 1em; +} + +/* @end */ + +/* @group Map */ +#detailsMap, +#standardMap { + position: relative; +} + +#bizMap { + z-index: 1; + position: relative; + height: 18.5em; + overflow: hidden; + background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%; +} + +#standardMap { + padding: .3em; + margin: .75em; + border: 1px solid #E0E0E0; +} + +#standardMap #bizMap { + height: 10em; +} + +#mapOverlay { + background-color: #333; + opacity: .75; + filter: alpha(opacity=75); + -moz-opacity: 0.75; + width: 100%; + z-index: 9; + position: relative; + margin-top: -45px; + height: 45px; +} + +#overlayText { + color: #FFF; + text-align: center; + background: transparent; + position: relative; + margin-top: -3em; + z-index: 9; + padding: .8em 0 1em; + font-weight: bold; +} + +/* @end */ + +/* @group Agendize */ + +#agendizeLinks .yui-u { + text-align: center; + border: 1px solid #FEE9B8; + margin-top: .5em; +} + +#agendizeLinks a { + background: #FFF5DF; + color: #74630C; + font-weight: bold; + display: block; + padding: .5em 0; + text-decoration: none; + font-size: 93%; +} + +#agendizeLinks a:hover { + background: #FFF5DF; + text-decoration: underline; +} + +/* @end */ + +/* @end */ + +/* @group Reviews */ + +#toggleReviewForm { + float: right; + display: inline; + cursor: pointer; +} + +#reviewsContainer { + color: #6C6C6C; + margin-top: 2em; + margin-right: 1em; + margin-bottom: .5em; + margin-left: .5em; +} + +#reviewsContainer h5 { + color: #137292; +} + +#reviewsContainer .title { + color: #999; + font-size: 93%; +} + +#reviewsList { + margin-top: 1em; + border-top: 2px solid #C0E9F5; + padding-top: .5em; +} + +#noReviews { + margin: 1em 0 1em; + font-size: 100%; + font-weight: bold; +} + +#addReview { + padding-top: 1em; + border-top: 2px solid #C0E9F5; +} + +.review { + border-bottom: 1px solid #DFDFDF; + margin: 1em 0; +} + +.review .photo { + float: left; + display: inline; + text-align: center; + padding: 0 1em; + font-weight: bold; + font-size: 93%; +} + +.review .photo a { + text-decoration: none; +} + +.review .photo img { + border: 5px solid #EFEEED; +} + +.review .reviewOptions { + padding-left: 9.5em; +} + +.review .reviewOptions ul { + margin: 0; + padding: 0; +} + +.review .reviewOptions ul li { + float: left; + display: inline; + margin: .5em 0; + padding: 0 1em; + font-size: 85%; +} + +.review .reviewOptions ul li:first-child { + border-right: 1px solid #DFDFDF; +} + +.review .reviewText { + padding-left: 125px; +} + +/* @end */ + +/* @group Sidebar */ + +/* @group Claim Business */ + +#editBiz { + border: 2px solid #1F9EC9; +} + +#editBiz .title { + background: #1F9EC9; + padding: .5em 1em; +} + +#editBiz .title h4 { + color: #FFF; + font-size: 123.1%; +} + +#editBiz .content { + padding: 1.5em 1em 1em 1em; +} + +#editBiz .icon-paper { + margin-top: -.5em; + margin-right: .5em; +} + +/* @end */ + +#adminLinks .content { + padding: .5em; +} + +#businessLogo { + border-color: #EFEEED; + border-width: 5px; + border-style: solid; +} + +#businessLogo img { + display: block; +} + +#detailDeal .cs-deal { + background: #FFF; +} + +#detailPhotos .content { + text-align: center; +} + +#detailPhotos img { + margin: 2px; + border-width: 2px; + border-style: solid; + border-color: #DDD; +} + +#detailPhotos img:hover { + border-color: #AAA; +} + +#detailPhotos a { + text-decoration: none; + font-size: 93%; + color: #C0A316; +} + +#detailPhotos a:hover { + text-decoration: underline; +} + +#ccNewsletter .content { + background: #FFF; + color: #666; + padding: .5em; +} + +#ccNewsletter .content form { + margin: .5em; +} + +#ccNewsletter .content form label { + display: block; +} + +#ccNewsletter .content form input { + width: 90%; + margin: .5em; +} + +#ccNewsletter .content form #edit-submit { + width: auto; +} + +/* @end */ + +#showChart { cursor: pointer; } + +/* @end */ + +/* @group Footer +----------------------------------------------------------------------------------- */ + +#ft { font-size: 93%; } + #ft .logo { float: left; margin: 1em 0 1em 1em; } + +/* @group Top */ + +#ftTop { background: #1F9EC9; font-weight: bold; padding: .5em; text-align: center;} + + +/* @end */ + +/* @group Bottom */ + +#ftBottom { background: #5FC5E7; color: #FFF; } + #ftBottom span { font-weight: bold; color: #006581; } + #ftBottom #stateLinks { background: #ACE1F2; margin: 0 .75em; padding: .75em; } + +/* @end */ + +#copyright { display: block; padding: 1.5em 1em; float: left; } + +/* @end */ + +/* @group Home Page +----------------------------------------------------------------------------------- */ + +#findLogin { + padding: 1em .5em 1em; + background: #FFF; + text-indent: -9999em; + border-bottom: 1px solid #EEE; + margin: 0 .5em; +} + +#findYourBusiness { + font-size: 93%; + padding: 0; + margin: 0; + height: 26px; + width: 685px; + display: block; + margin-top: .5em; + background: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png") no-repeat 0 0; +} + + +#homeSearch { + background: #FEFDD6; + margin: 1em .5em; + padding: 0; + color: #FF9933; + font-size: 93%; + font-weight: bold; + border: 1px solid #FDFBAA; +} + + #homeSearch #bg { + float: right; + width: 330px; + height: 87px; + background: url("http://static.csimg.com/img/cs-homeSprite.20090410.1.png") no-repeat -355px -30px; + } + + #homeSearch span { display: block; padding: 1em 0 0 1.2em; } + +#homeSearch #location-jump-form { margin: .5em 0 0 1em; } + #homeSearch #location-jump-form .form-text { padding: .75em; font-size: 108%; } + + #homeSearch #location-jump-form .form-submit { + width: auto; + border: 1px solid #707070; + padding: 1em 1em .8em; + margin: 0 0 0 .5em; + color: #000; + background: #F0F0F0; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + } + + #homeSearch #location-jump-form .form-submit:hover { background: #D1D1D1; } + +#homeMain { border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin: .5em .5em; padding-bottom: 1.5em; } + +#homeMain #owner { + height: 268px; + width: 455px; + background: #FFF url("http://static.csimg.com/img/cs-homeOwner.20090403.1.png") no-repeat; + margin: 0 auto; + position: relative; +} + +#homeMain #owner span { + display: block; + float: left; + padding: 1em 1.5em 0 1em; +} + +#homeMain #ownText { + position: absolute; + top: 73px; + left: 25px; + width: 265px; + color: #005771; + font-size: 93%; + line-height: 1.5em; +} + +#homeMain #ownButtons { + position: absolute; + top: 215px; + left: 15px; + color: #FFF; + font-weight: bold; +} + +#homeMain #new { + background: #DFEBCB; + padding: 1em; + margin-top: 18px; +} + +#homeMain #new #list { + background: #FFF; + padding: .5em; +} + +.spyWrapper { + overflow: hidden; + position: relative; +} + +#homeLocations { + margin: 1.5em 0 1em .5em; +} + +#topCityPic { + display: block; + overflow: hidden; + height: 350px; + width: 455px; + margin: 0 auto; + background: url("http://mw2.google.com/mw-panoramio/photos/medium/3011660.jpg") no-repeat; +} + +#cityOverlay { + background-color: #1F9EC9; + opacity: .75; + filter: alpha(opacity=75); + -moz-opacity: 0.75; + width: 425px; + z-index: 9; + position: relative; + margin-top: 225px; + margin-left: auto; + margin-right: auto; + color: #FFF; + font-size: 182%; + font-weight: bold; + padding: 15px; +} + +#cityOverlay a { color: #FFF; text-decoration: none; } + +#picInfo { + width: 455px; + margin: 0 auto; + color: #666; + padding: .5em .5em 0 .5em; +} + +/* @end */ + +/* @group Style +----------------------------------------------------------------------------------- */ + +/* @group Forms +----------------------------------------------------------------------------------- */ + +/* @group Add Business +----------------------------------------------------------------------------------- */ + +#edit-standardname, #edit-user-name { + width: 600px; +} + +#edit-cityname { + width: 470px; +} + +#standard-submit-button { + display: block; + margin: 0 auto; +} + +.no-business-results { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -625px -25px; + padding: 0 0 0 10px; +} + +.search-description { + font-size: 85%; + color: #777; + width: 500px; + padding: 0 1em; +} + +/* @end */ + +#business-add-form, +#business-add-standard-form, +#eventful-add-event-form { + padding-bottom: 6px; +} + +#business-add-form label, +#eventful-add-event-form label { + padding-top: 6px; + display: block; +} + +#business-add-form .description, +#eventful-add-event-form .description { + font-size: 11px; + color: #777; + padding-left: 0; +} + +#business-add-form fieldset, +#eventful-add-event-form fieldset { + background: #F3FBFE; + border: 1px solid #C2E2EC; + width: 90%; + margin: .5em; + padding: .5em; +} + +#business-add-form fieldset fieldset, +#eventful-add-event-form fieldset fielset { + background: #FFF; + border: 3px double #C2E2EC; + width: 95%; +} + +#business-add-form fieldset fieldset legend, +#eventful-add-event-form fieldset fieldset legend { + font-size: 14px; + color: #333; + font-weight: bold; +} + +#business-add-form legend, +#eventful-add-event-form legend { + font: normal 20px 'Trebuchet MS',Trebuchet,sans-serif; + color: #166C89; + text-transform: capitalize; +} + +#business-add-form legend a, +#eventful-add-event-form legend a { + font: normal 20px 'Trebuchet MS',Trebuchet,sans-serif; + color: #166C89; + text-transform: capitalize; +} + +.cs-form,.cs-blue-form, .cs-grey-form { + +} + +.cs-form .item { + padding: .5em; +} + +.cs-form .item label { + color: #656565; + display: block; + padding: .25em 0; +} + +.cs-form .item .form-text { + padding: .25em; +} + +.cs-blue-form { + background: #E2F6FA; + border: 1px solid #B6E6F3; + padding: .5em; +} + +.cs-grey-form { + background: #EFEFEF; +} + +fieldset { + float: left; + display: inline; +} + +.description { + font-size: 85%; +} + +/* @end */ + +/* @group Content Pieces */ + +/* @group Featured Video */ + +.featuredVideo { + text-align: center; + padding: .5em; +} + +.featuredVideo .biz-name { + color: #F08711; + font-size: 14px; + font-weight: bold; +} + +.featuredVideo .address, +.featuredVideo .phone { + color: #666666; + font-size: 12px; +} + +.featuredVideo .phone { + font-weight: bold; +} + +.newsletter { + padding-top: 3em; + text-align: center; +} + +/* @end */ + +/* @group Corporate Pages */ + +div#corp-pages { + padding: .5em; +} + +div.corp-pages-menu { + padding: .5em; +} + +/* @end */ + +/* @group Map */ + +#map { + background: url("http://static.csimg.com/img/loaders/cs-largeLoader.20081130.1.gif") no-repeat 50% 50%; +} + +#gmap-tooltip-map { + width: 500px; + position: relative; +} + +#gmap-infowindow img { + display: inline; + float: left; + margin-right: 10px; +} + +#gmap-tt-float { + float: left; +} + +.gmap-tt-text { + font: bold 9px Verdana, Arial, Helvetica, sans-serif; + color: #333; + padding: .5em .65em 0 0; +} + +.gmap-clear-left { + clear: left; +} + +.gmap-tt-left { + background: url("http://static.csimg.com/img/gmap/tt-left.png") no-repeat; + height: 26px; + width: 7px; +} + +.gmap-tt-middle { + background: url("http://static.csimg.com/img/gmap/tt-middle.png") repeat-x; + height: 26px; +} + +.gmap-tt-right { + background: url("http://static.csimg.com/img/gmap/tt-right.png") no-repeat; + width: 30px; + height: 26px; +} + +.gmap-tt-pointer { + background: url("http://static.csimg.com/img/gmap/tt-pointer.png") no-repeat; + width: 16px; + height: 9px; + position: absolute; + top: -7px; + left: 13px; +} + +/* @end */ + +/* @group Video Pane */ + +.video-pane { + text-align: center; + display: none; + position: relative; + padding-top: .5em; +} + +.video-pane a.blue-close { + position: absolute; + top: 0; + right: 5px; +} + +/* @end */ + +/* @group Vote Count */ + +div.vote-count { + float: right; + height: 40px; + width: 72px; + color: #75630D; + font-size: 16px; + text-align: center; + padding-top: 8px; + padding-left: 3px; + margin-right: .5em; + line-height: 12px; + font-weight: bold; + background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat -190px 0; +} + +div.vote-count span.desc { + font-size: 8px; + color: #D7B61A; + text-transform: uppercase; + margin-top: -5px; +} + +.votesCount { + float: left; + border-left: 1px solid #CCC; + padding-left: .5em; + margin-left: .5em; +} + +/* @end */ + +/* @group Pager */ + +div.pager { + padding-left: 1em; + color: #1F9EC9; + margin-bottom: 1em; + text-align: center; +} + +div.pager .active, +span.pager-list a.active, +span.pager-list .pager-current { + padding: .4em .5em; + text-decoration: none; + margin: 0 .25em; + text-transform: uppercase; +} + +div.pager .active, +span.pager-list a.active { + border: 1px solid #60C5E7; + color: #1F9EC9; +} + +span.pager-list a.active { + background-color: #E9F8FC; +} + +span.pager-list .pager-current { + font-size: 153.9%; + color: #333; + margin: 0; + padding: .4em .3em; +} + +span.pager-list a.active:hover { + background-color: #FFF; +} + +/* @end */ + +/* @group Business Listings */ + +/* @group Listing Options */ + +#cs-listing-options { + color: #6C6C6C; +} + +#cs-listing-options h1 { + font-size: 123.1%; + color: #666; +} + +#filters { + background: #F3FCFE; + border-top: 2px solid #C0E9F5; + border-bottom: 2px solid #C0E9F5; + color: #6C6C6C; + padding: .5em; +} + +/* @end */ + +/* @group Browsing */ + +li.business { + color: #6C6C6C; + line-height: 1.5em; +} + +li.business .cs-blogo { + float: left; + margin-right: 1em; +} + +li.business .cs-blogo img { + border: 1px solid #DDD; + padding: 6px; + background: #FFF; +} + +li.business .cs-sblogo { + float: left; + margin-right: 1em; + text-align: center; + height: 80px; + width: 72px; + background: url("http://static.csimg.com/img/cs-bigIconSprite.20090316.1.png") no-repeat -326px 0; +} + +li.business .cs-sblogo a { + font-size: 11px; + font-weight: bold; + text-decoration: none; + color: #828282; + display: block; + width: 72px; + height: 21px; + border: 1px solid #DDD; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + padding-top: 5px; + background: #FFF; +} + +li.business a.name { + font-size: 116%; + font-weight: bold; + float: left; +} + +li.business .info { + text-align: left; +} + +li.business .phone { + font-weight: bold; +} + +li.business .bIcons { + width: 40px; + float: left; + padding: 8px 0 0 7px; +} + +/* @end */ + +/* @group Business Add Search Results */ + +#business-add-results { + margin: 1em 0; +} + +.business-add-search-result { + border-bottom: 1px solid #C0E9F5; + line-height: 1.5em; + padding: .5em; + color: #666; +} + +/* @end */ + +/* @group Five Star */ + +div.fivestar-container { + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -125px -55px; + width: 70px; + height: 16px; + float: left; + display: inline; +} + +div.fivestar-container .star { + display: block; + float: left; + width: 14px; + height: 15px; + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; + background-position: -575px 0; + cursor: pointer; + overflow: hidden; +} + +div.fivestar-container .on { background-position: -575px -16px; } + +div.fivestar-container .hover { background-position: -575px -32px; } + +/* @group Details Page */ + +#detailsContainer div.fivestar-container { + background: none; + width: 100px; + height: 20px; + float: left; +} + +#detailsContainer div.fivestar-container .star { + display: block; + float: left; + width: 20px; + height: 20px; + background-image: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png"); + background-repeat: no-repeat; + background-position: -575px -50px; + cursor: pointer; + overflow: hidden; +} + +#detailsContainer div.fivestar-container .on { background-position: -575px -75px; } + +#detailsContainer div.fivestar-container .hover { background-position: -575px -100px; } + +/* @end */ + +/* @end */ + +/* @group Blocks */ + +.cs-block { + margin: 0; + color: #8A8A8A; +} + +.cs-block-title { + padding: .5em 0 0 0; +} + +.cs-block-control { + color: #999; + text-align: right; +} + +.cs-block-title .moreLink { + font-size: 87%; +} + +.pad-block { + margin-top: .5em; +} + +.selected { + text-decoration: none; + color: #666; + font-weight: bold; +} + +#biz-status, +#location-status { + display: none; + margin-left: .5em; +} + +#biz-status { + float: left; +} + +#location-status { + float: left; + display: none; + margin-left: .5em; + margin-top: .25em; +} + +/* @group What's Hot */ + +.hot-title { + color: #177797; + font-weight: bold; + padding: 0 .5em; +} + +.hot-title .icon { + float: right; + display: inline; +} + +.hot-title span { + color: #999; + font-size: 90%; + font-weight: normal; +} + +.hot-title span a { + font-size: 80%; +} + +.hot-cat-name { + float: left; + display: inline; + padding-top: .75em; +} + +.cs-block .hot-name { + width: 100%; +} + +.cs-block .hot-biz-name { + color: #1F9EC9; +} + +.cs-block .hot-biz-name a { + font-weight: bold; +} + +.cs-block .fivestar-container { + float: right; +} + +.cs-block .fivestar-container .description { + display: none; +} + +/* @end */ + +/* @group Deals */ + +.cs-deal { + border: 3px dashed #CCC; + color: #666; + padding: .1em; + margin: .5em 0; +} + +.cs-deal .address { + background: #F4F4F4; + padding: .5em .75em; + color: #666; +} + +.cs-deal .address span { + font-size: 85%; +} + +.cs-deal .cs-deal-text { + font-size: 123.1%; + padding: 1em; +} + +.cs-deal .id { + color: #9A9A9A; + font-size: 93%; + padding: .3em .8em; + margin: .5em; + text-align: center; +} + +.cs-deal .id { + float: left; + display: inline; + margin-left: 0; +} + +/* @end */ + +/* @group Featured Reviews */ + +/* @group Corners */ + +.talk-bubble { + display: block +} + +.talk-bubble * { + display: block; + height: 1px; + overflow: hidden; + font-size: .01em; + background: #FEFEFE +} + +.talk-bubble1 { + margin-left: 3px; + margin-right: 3px; + padding-left: 1px; + padding-right: 1px; + border-left: 1px solid #edf9fc; + border-right: 1px solid #edf9fc; + background: #f7fcfe +} + +.talk-bubble2 { + margin-left: 1px; + margin-right: 1px; + padding-right: 1px; + padding-left: 1px; + border-left: 1px solid #e4f6fb; + border-right: 1px solid #e4f6fb; + background: #f9fdfe +} + +.talk-bubble3 { + margin-left: 1px; + margin-right: 1px; + border-left: 1px solid #f9fdfe; + border-right: 1px solid #f9fdfe; +} + +.talk-bubble4 { + border-left: 1px solid #edf9fc; + border-right: 1px solid #edf9fc +} + +.talk-bubble5 { + border-left: 1px solid #f7fcfe; + border-right: 1px solid #f7fcfe +} + +.talk-bubblefg { + background: #FEFEFE +} + +/* @end */ + +.review-header img { + border: 1px solid #DDD; + padding: 2px; + background: #FFF; + float: left; + display: inline; + margin: 0 .5em 0 0; +} + +.review-bubble { + position: relative; + margin: 20px 0 0 0; +} + +.review-bubble-text { + padding: .5em .5em .5em 25px; +} + +.review-bubble .talkie { + position: absolute; + top: -25px; + left: 35px; + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -125px -25px; + width: 25px; + height: 25px; +} + +.review-bubble .quote { + margin: .5em 0 0 .5em; + height: 25px; + width: 20px; + background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -150px -25px; + float: left; + display: inline; +} + +/* @end */ + +/* @group Top Cities */ + +.topCities { + padding: .5em; +} + +/* @end + +*/ + +/* @end + +*/ + +/* @end */ + +/* @group About Hood */ + +#aboutHood { + background: #E1F5FB; + padding: .5em; + color: #156782; +} + +#aboutHood .teaser { + margin: .25em .5em; +} + +#addPhotoContainer { + padding: .5em 0; +} + +#hoodAddPhoto { + float: right; + padding: .5em .5em 0 1em; + margin-top: -1.65em; + background: #E1F5FB; +} + +.panoramio-copy { + margin: 0 auto; + text-align: center; + color: #333; + font-size: 75%; + padding: 1em; +} + +.panoramio-copy a { + color: #167392; +} + +/* @end */ + +/* + + @end */ + +ul.navList { + margin: 0; + padding: .5em 0; + color: #7E7E7E; +} + +ul.navList li { + padding: .25em 0; + width: 100%; +} + +.xdebug-var-dump { + text-align: left; +} + +.eventful-badge { + margin: 0; + padding: 0; + border: 0; + text-align: center; + color: #CCC; + font-family: Arial; + text-decoration: none; + float: right; +} + +.eventful-small { + position: relative; + width: 100px; + font-size: 11px; + line-height: 11px; +} + +.eventful-badge a { color: #CCC; text-decoration: none; } + +#nearbyUpcomingEvents { background: #FFF; } + +/* @end */ + +/* @group Old Site +----------------------------------------------------------------------------------- */ + +/* @group Content Queue */ + + +.content-item { + width: 100%; + border: 1px #999 solid; + margin: 1em 0 1em 0; + padding: .5em; + margin: .5em; +} + +.content-item .address, +.content-item .phone { + color: #666; + padding: 0; + margin: 0; +} + +.content-item .address { + display: block; + text-transform: capitalize; +} + +.content-item .phone { + color: #666; +} + +.content-item .alt-phone { + padding: 0; + margin: 0; + text-transform: capitalize; + font-weight: normal; +} + + +.content-item .hide-content-link { + float: right; + margin: 0 5px 10px 10px; + clear: both; +} + +.content-item .full-content { + position: relative; + border: 1px #999 dotted; + padding: .3em; +} + +#edit-biz-message { + color: #ccc; +} + + +/* @end */ + +/* @group Sitemap/Root Page */ + +/** +* Styles for root page CTA +* Michael LeBarron, citysquares [dot] com +*/ + +/** + * Call to Action + * + */ + +#root-cta { + font: bold 18px Arial, Helvetica, sans-serif; + color: #fff; + width: 926px; + height: 128px; + background: url("http://static.csimg.com/v2/img/root-cta-background.png") no-repeat; + margin: 0 auto; + position: relative; +} + +#root-cta-big-text { + margin-left: 20px; + padding-top: 25px; + +/* + +width: 775px; */ +} + +#root-cta-big-text span { + margin: 0 4px 0 4px; + padding: .2em 0 0 0; + color: #167696; + float: left; +} + +#root-cta-button { + float: left; +} + +.root-cta-button-left { + background: url("http://static.csimg.com/v2/img/root-cta-button-bg-left.png") no-repeat; + float: left; + height: 32px; + width: 5px; +} + +.root-cta-button-right { + background: url("http://static.csimg.com/v2/img/root-cta-button-bg-right.png") no-repeat; + float: left; + height: 32px; + width: 5px; +} + +.root-cta-button-middle { + height: 32px; + background: url("http://static.csimg.com/v2/img/root-cta-button-bg.png") repeat-x; + padding: .2em 5px 0 5px; + float: left; +} + +#root-talk-bubble { + background: url("http://static.csimg.com/v2/img/root-cta-talk-bubble.png") no-repeat; + height: 54px; + width: 720px; + position: absolute; + top: 70px; + left: 27px; + font: 12px Arial, Helvetica, sans-serif; + color: #666; + padding: 10px 75px 0 35px; +} + +#root-cta-account { + height: 34px; + width: 231px; + float: left; + margin-left: 35px; +} + +#root-cta-close-button { + position: absolute; + top: 18px; + right: 8px; + width: 21px; + height: 15px; +} + +/** + * Search Bar + * + */ + +#root-search { + background: url("http://static.csimg.com/v2/img/root-search-bar-bg.png") repeat-x; + width: 926px; + height: 105px; + margin: 5px auto; + border: #f2e79b 2px solid; +} + +.root-search-box { + margin: 0px auto; + margin-top: 35px; + margin-left: 60px; + color: #8D7E12; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + font-weight: normal; + height: 40px; +} + +.root-search-holder { + float: left; + padding-right: 7px; +} + +#root-search #edit-search-term { + border: 1px solid #cdcdcd; + background: #fff url("http://static.csimg.com/v2/img/root-search-text-bar-bg.gif") repeat-x top left; + display: inline; + height: 20px; + padding-top: 5px; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + padding-left: 24px; + letter-spacing: -.06em; +} + +.form-text .root-form-input { + background: url("http://static.csimg.com/v2/img/root-search-magicon.gif") no-repeat left; +} + +.root-search-button { + background: url("http://static.csimg.com/v2/img/root-search-button.gif") repeat-x; + color: #fff; + font: bold 10px Tahoma; + letter-spacing: -.01em; + border: 2px solid #FF8C26; + text-transform: uppercase; + height: 27px; + padding: 4px; + width: 76px; +} + +.root-loki-search { + width: 90px; + height: 27px; + float: left; +} + +#root-search .form-text { + border: 1px solid #cdcdcd; + background: #fff url("http://static.csimg.com/v2/img/root-search-input-bg.png") repeat-x top left; + display: inline; + height: 20px; + padding-top: 5px; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + padding-left: 4px; + color: #666; + letter-spacing: -.06em; +} + + +#root-region-dropdown-arrow { + float: left; + margin-left: 5px; + border: 1px solid #cdcdcd; + position: relative; +} + +#root-region-list { + position: absolute; + top: 24; + right: 0; + background: #fff; + width: 300px; + z-index: 9999; + border: 1px solid #cdcdcd; +} + +/** + * Main Content + * + */ + +#map-root { + border: #c0e9f8 7px solid; + margin-top: 5px; +} + +/** + * Right Sidebar + * + */ + +#region-list { + +} + +#region-list h1 { + height: 20px; + width: 266px; + background: #fff url("http://static.csimg.com/v2/img/root-region-bg.png") repeat-x bottom left; + font: bold 14px Arial, Helvetica, sans-serif; + padding: 5px; + border-bottom: 1px solid #c0e9f8; +} + +.region-list-hoods { + clear: both; + margin: 5px; + float: right; + padding-left: 8px; + font-size: 11px; + font-style: italic; +} + +.region-list-title { + font-weight: bold; + color: #F08711; +} + +#region-list ul { + padding: 0; + margin: 5px 10px 0 0; + list-style: none; +} + +#region-list ul li { + padding: 5px; + border: 1px solid #fff; + margin-bottom: 2px; +} + +#region-list ul li:hover, +#region-list .city-highlight { + background: #f5fbfd; + border: 1px solid #c0e9f8; +} + +#region-list ul li img { + float: left; + margin-right: 5px; + padding: 2px; + border: 1px solid #ccc; +} + +.root-num-hoods,.root-num-biz { + font-size: 11px; + color: #666; + padding-left: 13px; + background: url("http://static.csimg.com/v2/img/small-green-arrow.png") no-repeat; + background-position: 0% 50%; +} + +.quick-look-trigger { + font-size: 11px; + padding-left: 8px; +} + +.sort-type,.sort-text,.state-select { + font-size: 11px; + color: #999; +} + +.sort-type { + padding: 2px; +} + +.sort-text,.state-select { + font-style: italic; +} + +.sort-selected { + text-decoration: none; + background: #209fca; + color: #fff; +} + +#region-city-sort-options { + margin: 5px 0 5px 0; +} + +.root-add-image { + background: url("http://static.csimg.com/v2/img/root-no-image.png") no-repeat 2px 2px; + height: 60px; + width: 60px; + padding: 2px; + border: 1px solid #ccc; + float: left; + margin-right: 5px; +} + +.root-add-image-link, +.root-vote-now-link { + height: 17px; + font-size: 10px; + text-align: center; + margin: 0 auto; + line-height: 17px; +} + +.root-add-image-link { + background: url("http://static.csimg.com/v2/img/root-add-one-sprite.gif") no-repeat top left; + margin-top: 38px; + width: 52px; +} + +.root-vote-now-link { + background: url("http://static.csimg.com/v2/img/root-vote-now-sprite.gif") no-repeat top left; + margin-top: 4px; + width: 56px; +} + +.root-add-image-link:hover { + background-position: 0 -17px; +} + +.root-vote-now-link:hover { + background-position: 0 -17px; +} + +.root-add-image-link a, +.root-vote-now-link a { + color: #fff; + display: block; + height: 17px; +} + +.root-vote-now-link { + color: #fff; +} + +.root-add-image-link a { + width: 52px; +} + +.root-vote-now-link a { + width: 56px; +} + +.root-vote { + background: url("http://static.csimg.com/v2/img/root-vote-bg.png") no-repeat; + height: 68px; + width: 68px; + float: right; + margin-right: 10px; +} + +/** + * State List + * + */ + +#root-state-list { + width: 635px; + background: url("http://static.csimg.com/v2/img/root-state-list-bg.png") repeat-x bottom left; + border-bottom: 1px solid #bddaa3; + padding: 10px 0 0 5px; + margin: 0 auto; +} + +#root-state-list a { + color: #6b9e41; + padding: 3px 5px 3px 5px; + float: left; + margin: 3px 5px 10px 0; +} + +#root-state-list a.selected { + text-decoration: none; + color: #fff; + background: #6b9e41; + font-weight: bold; +} + +#content-right { + border-left: 1px solid #bddaa3; +} + +/** + * Regions in a state list + * + */ + +#root-state-region-list { + font-family: Arial, Helvetica, sans-serif; + width: 630px; + margin: 0 auto; + margin-bottom: 40px; + padding: 5px; +} + +#root-state-region-list h2 { + color: #6b9e41; + font-size: 14px; +} + +#root-state-region-list ul.region-list,#root-state-region-list ul.city-list { + padding: 0; + margin: 0; + list-style: none; +} + +ul.region-list li { + background: #fff url("http://static.csimg.com/v2/img/root-region-bg.png") repeat-x bottom left; + padding: 5px; +} + +ul.region-list li h3 { + font-weight: bold; + color: #15718f; + font-size: 12px; +} + +ul.city-list li { + float: left; + padding: 5px 0 5px 8px; + margin: 0 0 0 10px; + background: url("http://static.csimg.com/v2/img/tiny-right-arrow.gif") no-repeat; + background-position: 0% 50%; +} + +#root-state-region-list .see-more-link { + float: right; + font-size: 10px; +} + +/** + * Quick Look + * + */ + +#quick-look-container { + width: 606px; + height: 620px; + padding-top: 25px; + border: #c0e9f8 7px solid; + padding: 10px; + overflow: auto; + position: relative; + margin-top: 5px; +} + +.standard-container { + background: url("http://static.csimg.com/v2/img/quick-look-bg.png") repeat-x top left; +} + +.container-loading { + background: url("http://static.csimg.com/v2/img/blue-loader.gif") no-repeat 50% 50%; +} + +#quick-look { + +} + +.quick-look-close { + position: absolute; + top: 5px; + right: 5px; +} + +#quick-look-city-header { + border-bottom: 1px solid #dfdfdf; +} + +#quick-look .business-name { + float: left; + display: block; + width: 100%; +} + +#quick-look .address { + padding: 2px; + font-size: 12px; + clear: both; +} + +#quick-look .phone { + font-size: 14px; + font-weight: bold; + color: #666; + float: left; + padding: 2px; +} + +#quick-look .ratings { + float: left; + margin-left: 10px; + margin-top: 2px; +} + +#quick-look .reviews { + font-style: italic; + margin-left: 5px; +} + +.dest { + font-weight: bold; +} + +#quick-look .dest { + font-weight: normal; + font-style: italic; + display: inline; + font-size: 11px; +} + +#quick-look .headline { + border-bottom: 1px solid #DFDFDF; +} + +.extra-row .video-link,.extra-row .ratings,#quick-look .stars,#quick-look .title,#quick-look .sub-title { + float: left; +} + +.video-link { + margin-left: 5px; +} + +#quick-look .sub-title { + clear: left; +} + +.extra-row .video-link { + margin-top: 2px; +} + +#quick-look .view-all,#quick-look .view-all-bottom { + float: right; + margin: 5px; + padding-left: 8px; + background: url("http://static.csimg.com/v2/img/tiny-right-arrow.gif") no-repeat; + background-position: 0% 50%; + font-size: 11px; +} + +#quick-look .view-all-bottom { + font-size: 12px; +} + +#quick-look .biz-count { + font-size: 14px; + color: #666; + padding-top: 10px; +} + +#quick-look .biz-count-num { + color: #2685A4; + font-weight: bold; +} + +#quick-look .description { + width: 340px; +} + +#quick-look .video-link { + background: url("http://static.csimg.com/v2/img/control_play_blue.gif") no-repeat; + padding-left: 20px; +} + +#quick-look-navigation { + border-bottom: 1px solid #dfdfdf; + padding: 10px 0 0 5px; + margin: 0 auto; +} + +#quick-look-navigation a { + color: #2685A4; + padding: 3px 5px 3px 5px; + float: left; + margin: 3px 5px 10px 0; +} + +#quick-look-navigation a.selected { + text-decoration: none; + color: #fff; + background: #2685A4; + font-weight: bold; +} + +/* Quick Look Featured Items */ + +ul.root-featured li:hover { + background-color: #EDF9FC; +} + +ul.root-featured div.icon { + width: 60px; + height: 60px; + margin-left: 10px; + border: 1px solid #ccc; + background: none; + padding: 5px; +} + +ul.root-featured div.icon img { + padding: 0; + margin: 0; +} + +ul.root-featured { + margin: 0; + padding: 0; + list-style: none; + font-size: 11px; + color: #6F6F6F; + line-height: 17px; +} + +ul.root-featured li { + width: 100%; + padding: 15px 0 15px 0; + overflow: hidden; + border-bottom: 1px solid #DFDFDF; +} + +ul.root-featured strong.head { + font-size: 16px; +} + +ul.root-featured div.columns { + width: 100%; + overflow: hidden; + padding-bottom: 4px; +} + +ul.root-featured div.columns div.left { + width: 250px; + padding-right: 38px; + float: left; +} + +ul.root-featured div.columns div.right { + width: 200px; + float: right; +} + +ul.root-featured dl.info { + margin: 0; + padding: 0; + width: 100%; + overflow: hidden; +} + +ul.root-featured dl.info dt { + display: block; + float: left; + clear: left; + margin: 0; + padding: 0 0px 0 0; +} + +ul.root-featured dl.info dd { + margin: 0; + padding: 0; + display: block; + text-transform: capitalize; +} + +ul.root-featured dl.info dd a { + color: #1C8BB0; +} + +ul.root-featured p.contact { + padding: 0; + font-size: 12px; +} + +ul.root-featured p.contact span { + display: block; +} + +ul.root-featured p.contact span.phone { + color: #1C8BB0; +} + +ul.root-featured p.comment { + color: #525252; + padding: 0; +} + +ul.root-featured p.rate { + padding: 0 0 3px 0; + width: 100%; + overflow: hidden; +} + +ul.root-featured p.rate a { + font-style: italic; +} + +ul.root-featured p.rate span.stars { + float: left; + margin-right: 5px; +} + +/* Tab set */ + +#root-tabs { + font: bold 14px Arial, Helvetica, sans-serif; + color: #167696; + width: 640px; + text-align: center; +} + +.root-tab-border { + border-bottom: 1px solid #C0E9F8; +} + +#root-tabs ul { + display: inline; +} + +#root-tabs li { + list-style: none; + display: inline; + margin-right: 5px; + text-align: center; +} + +#root-tabs a { + background: url("http://static.csimg.com/v2/img/root-tab-bg.gif") repeat-x; + text-decoration: none; + display: block; + float: left; + overflow: hidden; + height: 33px; + width: 64px; + color: #167696; + line-height: 30px; + margin-left: 3px; + position: relative; + bottom: -1px; + border-left: 1px solid #C0E9F8; + border-right: 1px solid #C0E9F8; + border-top: 1px solid #C0E9F8; +} + +#root-tabs .active a { + border-bottom: 1px solid #fff; + background: #fff; +} + +#root-tabs .navigate { + font: 11px Arial, Helvetica, sans-serif; + font-weight: normal; + text-decoration: none; + display: block; + float: left; + overflow: hidden; + height: 33px; + color: #167696; + line-height: 33px; + margin-left: 10px; +} + +/* @end */ + +/* @group Form */ + +.form-text label { + padding-top: 6px; + display: block; +} + +.user-form { + padding-bottom: 6px; +} + +.user-form label { + display: block; +} + +.user-form input { + +} + +#user-edit label { + padding-top: 6px; + display: block; +} + +#user-edit .description { + font-size: 11px; + color: #777; + padding-left: 0; +} + +#user-edit fieldset { + background: #FFF; + border: 3px double #C2E2EC; +} + +#user-edit legend { + font-size: 14px; + color: #333; + font-weight: bold; +} + +.user-form-off { + color: #858585; + background-color: #EAEAEA; + +/*filter: alpha(opacity=50); + filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); + -moz-opacity: 0.50; + opacity:0.5;*/ +} + +#node-form label { + padding-top: 6px; + display: block; +} + +#node-form fieldset { + background: #FFF; + border: 3px double #C2E2EC; +} + +#node-form legend { + font-size: 14px; + color: #333; + font-weight: bold; +} + +#node-form .description { + font-size: 11px; + color: #777; + padding-left: 0; +} + +#profile-edit ul { + padding: 8px 0 22px 0; + margin: 0; + list-style: none; +} + +#profile-edit ul li { + display: inline; + list-style: none; + margin-right: 6px; +} + +#profile-edit ul li { + background: url("http://static.csimg.com/v2/img/button-profile-basic-on-bg.gif") repeat-x; + border: 1px solid #C2E2EC; + color: #166C89; + padding-top: 6px; + padding-bottom: 6px; + padding-left: 10px; + padding-right: 10px; + font-size: 11px; + font-weight: normal; +} + +#profile-edit ul li a { + color: #1A83A6; +} + +#profile-edit ul li a.active { + color: #1A83A6; + font-weight: bold; + text-decoration: none; +} + +/* @end */ + +/* @group Claim */ + +#claim-notice { + border: 1px solid #B1E4F1; + background: url("http://static.csimg.com/v2/img/claim-biz-bg.gif") repeat-x; + width: 622px; + height: 37px; + font-size: 12px; + color: #2186B1; + padding: 7px 0 0 8px; + margin: 0px 0px 10px 10px; +} + +#claim-notice img { + float: left; + padding: 0 15px 0 0; +} + +#claim-notice a { + color: #19BDE7; +} + +#fail-notice { + border: 1px solid #E0A3A3; + background: url("http://static.csimg.com/v2/img/fail-biz-bg.gif") repeat-x; + width: 600px; + height: 37px; + font-size: 12px; + color: #BB3E3E; + padding: 7px 0px 0px 15px; + margin: 0 0 10px 0; +} + +#fail-notice img { + float: left; + padding: 0 15px 0 0; +} + +#fail-notice a { + color: #19BDE7; +} + +#receipt { + +} + +#contract-cta { + background: #E2EDC9 url("http://static.csimg.com/v2/img/contract-cta.png") no-repeat; + height: 122px; + width: 624px; + border: 4px solid #BDD685; + margin: 0 0 0 10px; + position: relative; +} + +#contract-cta-price { + position: absolute; + top: 15px; + left: 13px; +} + +#contract-cta-price .price { + color: #3C3C3C; + font-size: 31px; +} + +#contract-cta-price .terms { + color: #5F7627; + font-size: 11px; +} + +#owner-info { + font-size: 12px; + font-style: italic; + color: #777; +} + +#commerce-claim-business-form { + padding: .5em; + margin-bottom: 1em; +} + +#commerce-claim-business-form .description { + font-size: 12px; + color: #444; + width: auto; + padding-top: 2em; +} + +#commerce-claim-business-form label { + font-weight: normal; + color: #777; +} + +#commerce-claim-business-form .form-checkbox { + width: auto; + display: inline; +} + +#commerce-claim-business-form input { + font-size: 16px; + padding: 4px; + color: #444; + display: table; + width: 70%; + font-weight: bold; +} + +#commerce-claim-business-form select { + font-size: 16px; + padding: 4px; + color: #444; + font-weight: bold; +} + +#commerce-claim-business-form fieldset { + display: block; + width: 100%; + border: 1px solid #B1E4F1; + padding: .5em; +} + +#commerce-claim-business-form #edit-submit { + width: auto; + padding: 0; + display: inline; +} +/* @end */ + +/* @group Amenities */ + +#details div.amenities dl { + margin: 0; + padding: 0; + line-height: 22px; +} + +#details div.amenities dl.left { + width: 220px; + float: left; +} + +#details div.amenities dl.right { + padding-left: 10px; + width: 150px; + float: left; +} + +#details div.amenities dl dt { + margin: 0; + padding: 0; + display: block; + float: left; + clear: left; +} + +#details div.amenities dl.left dt { + width: 145px; +} + +#details div.amenities dl.right dt { + width: 85px; +} + +#details div.amenities dl dd { + margin: 0; + padding: 0; + display: block; + float: left; +} + +* html #details div.amenities dl dd { + float: none; +} + +* + html #details div.amenities dl dd { + float: none; +} + +#details div.amenities span.yes, #details div.amenities span.no { + margin-top: 3px; +} + +a.remove_amenity { + text-decoration: none; +} + +a.remove_amenity:hover { + color: #FF0000; +} + +.amenity_content { + margin: 10px; + display: inline; +} + +.amenities_options { + margin-left: 10px; +} + +#details div.amenities { + width: 100%; + overflow: hidden; +} + +/* @end */ + +/* @group Search */ + +/* testimonials box section */ + +div.testimonial { + margin-bottom: 40px; +} + +div.testimonial div.box { + margin-bottom: 0; + padding-bottom: 35px; + background-image: url("http://static.csimg.com/v2/img/box-bottom-testimonial.gif"); + color: #6F6F6F; + font-style: italic; + font-size: 13px; +} + +div.testimonial div.box div.box-body { + padding: 15px 25px 0 25px; +} + +div.testimonial p.author { + padding: 0 0 0 130px; + margin: -15px 0 0 0; + color: #6F6F6F; +} + +/* quick search form section */ + +#quick-search { + padding: 20px 0 30px 0; + width: 100%; + overflow: hidden; +} + +#quick-search p { + width: 100%; + overflow: hidden; + margin: 0; + padding: 0 0 10px 0; +} + +#quick-search label { + display: block; + float: left; + width: 150px; +} + +#quick-search input.text { + width: 200px; + display: block; + margin: 0 0 0 150px; +} + +#quick-search input.submit { + margin: 0 0 0 150px; + float: left; + display: inline; +} + +/* faceted search section */ + +#faceted-search { + padding: 2px; +} + +#faceted-search #distance-bar { + padding-top: 8px; + padding-bottom: 8px; + text-align: center; + font-weight: normal; + color: #666; +} + +#faceted-search #distance-text { + text-align: center; + font-weight: normal; + color: #666; +} + +#faceted-search #distance-text span { + color: #2383A3; + font-weight: normal; + font-size: 170%; +} + +#faceted-search #star-5 { + background: url("http://static.csimg.com/v2/img/star-rating-5.gif") no-repeat right; +} + +#faceted-search #star-4 { + background: url("http://static.csimg.com/v2/img/star-rating-4.gif") no-repeat right; +} + +#faceted-search #star-3 { + background: url("http://static.csimg.com/v2/img/star-rating-3.gif") no-repeat right; +} + +#faceted-search #star-2 { + background: url("http://static.csimg.com/v2/img/star-rating-2.gif") no-repeat right; +} + +#faceted-search #star-1 { + background: url("http://static.csimg.com/v2/img/star-rating-1.gif") no-repeat right; +} + +#faceted-search div.toggle { + padding-right: 12px; + text-align: right; + background: url("http://static.csimg.com/v2/img/arrow-more-blue-fs.gif") no-repeat right; +} + +#faceted-search div.toggle a { + color: #2CA4CB; + font-weight: normal; + text-decoration: underline; +} + +#faceted-search div.toggle a:hover { + color: #666; +} + +#faceted-search h4 { + color: #F08711; + font-size: 100%; +} + +#faceted-search #holder { + color: #1C6882; + font-size: 85%; + font-weight: bold; + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px solid #E4E4E4; +} + +#faceted-search #holder ul { + text-align: left; + margin: 0; + padding: 0; + list-style: none; + padding-top: 4px; +} + +#faceted-search #holder li { + font-weight: normal; + color: #666666; + list-style: none; + line-height: 1.4em; +} + +#faceted-search #holder span.fq-selected { + font-weight: bold; + padding-left: 12px; + background: url("http://static.csimg.com/v2/img/arrow-right-fs.gif") no-repeat left; + color: #666666; +} + +#faceted-search #holder li a { + color: #2CA4CB; + text-decoration: underline; +} + +#faceted-search #holder li a:hover { + color: #666; + text-decoration: underline; +} + +#faceted-search li span, #faceted-search li span a { + font-weight: normal; + color: #949494; + text-decoration: none; +} + +#faceted-search #holder-alpha { + color: #1C6882; + font-size: 85%; + font-weight: bold; + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px solid #E4E4E4; +} + +#faceted-search #holder-alpha ul { + list-style: none; + text-align: left; + margin: 0; + padding: 0; + padding-top: 4px; +} + +#faceted-search #holder-alpha li { + list-style: none; + float: left; + font-weight: normal; + color: #666666; + padding-right: 6px; + line-height: 1.4em; +} + +#faceted-search #holder-alpha span.location { + font-weight: normal; + color: #666666; + font-size: 90%; +} + +#faceted-search #holder-alpha li.fq-selected { + font-weight: bold; + padding-left: 12px; + background: url("http://static.csimg.com/v2/img/arrow-right-fs.gif") no-repeat left; +} + +#faceted-search #holder-alpha li a { + color: #2CA4CB; + text-decoration: underline; +} + +#faceted-search #holder-alpha li a:hover { + color: #666; + text-decoration: underline; +} + +#faceted-search #holder-alpha .clear-left { + clear: left; +} + +.faceted-search-remove-filter { + padding-right: 15px; + background: url("http://static.csimg.com/v2/img/close-fs.gif") no-repeat right; +} + +/* @end */ + +div.message-send { + width: 100%; + overflow: hidden; + margin-bottom: 19px; + font-size: 11px; +} + +div.message-send strong.head { + color: #1C8BB0; + font-size: 12px; + padding-bottom: 0; +} + +div.message-send label { + display: block; + font-weight: bold; + color: #4D4D4D; + padding-top: 10px; + padding-bottom: 2px; +} + +div.message-send label.disabled { + color: #A6A6A6; +} + +div.message-send textarea { + width: 98%; + border: 1px solid #E9E7E3; + margin: 0 0 8px 0; + padding: 0; + color: #4D4D4D; + display: block; + background-color: #FFF; + height: 105px; +} + +div.comments { + background: none !important; +} + +div.comments div.box-body { + margin-left: 6px; + padding-left: 10px; + background-image: none !important; + margin-bottom: 4px; + width: 637px; +} + +div.comments .headline h2 { + padding-left: 18px; + font-size: 12px; + color: #666; +} + +ul.clist { + margin: 0; + padding: 0; + list-style: none; + font-size: 12px; + color: #4A4A4A; +} + +ul.clist a { + color: #1A83A6; +} + +ul.clist li { + width: 100%; + overflow: hidden; + padding-bottom: 22px; +} + +ul.clist div.icon { + font-size: 11px; + font-weight: bold; + text-align: center; +} + +ul.clist div.icon img { + padding: 3px; + border: 1px solid #B7D2DF; + background-color: #FFF; + margin-top: 3px; +} + +ul.clist p.date { + display: block; + font-size: 11px; + color: #017294; + font-weight: bold; + padding-bottom: 8px; +} + +#user-login .box-body .user-form { + padding-left: 10px; +} + +#user-login .box-body p { + padding-left: 10px; +} + +#user-login #edit-submit { + margin-left: 10px; +} + +#user-login h1 { + margin: 0; + padding-bottom: 6px; +} + +#user-register .box-body .user-form { + padding-left: 10px; +} + +#user-register .box-body p { + padding-left: 10px; + text-align: left; +} + +#user-register fieldset { + display: table; + color: #166C89; +} + +#user-register #edit-submit { + margin-left: 10px; +} + +#user-register h1 { + margin: 0; + padding-bottom: 6px; +} + +.box-bg { + padding-left: .5em +} + +.box-body { + overflow: hidden; + font-size: 12px; + color: #666; + border-top: 2px solid #C0E9F5; + border-bottom: 2px solid #C0E9F5; + background-color: #F1FCFE; +} + +.box-body .headline { + padding-left: 10px; + padding-top: 10px; +} + +.box-body .headline h1 { + font-size: 182%; + padding: 0; + margin: 0; +} + +/* @end */ + +/* @group Spam +----------------------------------------------------------------------------------- */ +/* hide our fake form fields from bots */ + +form #edit-cs-firstname, form #edit-cs-lastname, form #edit-cs-firstname.form-text, form #edit-cs-lastname.form-text { display: none; } + +/* @end */ + +/* @group Login +----------------------------------------------------------------------------------- */ + +#userLogin { color: #666; } + + #userLogin h3 { + font-size: 167%; + font-weight: bold; + color: #666; + padding: 0; + margin: 0; + } + + #userLogin label { + display: block; + font-weight: bold; + width: 100%; + padding: .5em 0; + } + + #userLogin .form-text { + display: block; + float: left; + padding: .2em; + color: #156782; + font-weight: bold; + font-size: 93%; + width: 50%; + } + + #userLogin .form-required { display: none; } + + #userLogin #userLinks { width: 50%; text-align: center; } + + #userLogin .loginItem { + float: left; + display: block; + padding: .5em; + width: 100%; + } + + +#userSubmit { width: 50%; } + + #userSubmit #edit-submit { + border: 1px solid #999; + padding: .3em .5em; + background: #DDD; + color: #333; + margin: 0 auto; + position: relative; + display: block; + width: 33%; + } + + #userSubmit #edit-submit:hover { background: #EEE; } + + +#facebox .form-text, +#facebox #userLinks, +#facebox #userSubmit +{ width: 90%; } + + +/* @end */ + +/* @group Lists +----------------------------------------------------------------------------------- */ + +#ftTop ul { margin: 0; list-style: none; } + #ftTop ul li { display: inline; padding: 0 .5em; line-height: 1.5em; } + +#ftBottom ul { margin: 0; list-style: none; } + #ftBottom ul li { display: block; padding: .25em .75em .25em 0; line-height: 1.5em; float: left; } + + +/* @group Lists */ + +/* @group Blue Arrow */ + +ul.blue-arrow li, +ol.blue-arrow li + { background: url("http://static.csimg.com/img/cs-iconSprite.20090316.4.png") no-repeat -625px -22px; padding: .2em 0 0 10px; } + +/* @end */ + +/* @group Blue Background */ + +ul.blue-bg, +ol.blue-bg + { margin: .3em 0 0 0; border-top: 6px solid #1F9EC9; } + +ul.blue-bg li, +ol.blue-bg li { + border-bottom: 1px solid #FFF; + background: #EDF8FC; + padding: .8em .5em; + margin: 0; +} + +ul.blue-bg li:hover, +ol.blue-bg li:hover + { background: #FFF; } + +ul.blue-bg li .icon, +ol.blue-bg li .icon + { float: left; display: inline; } + +/* @end */ + +/* @group Blue Separator */ + +ul.blue-separator, +ol.blue-separator, +#aboutHood ul + { margin: 0; padding: 0; } + +ul.blue-separator li, +ol.blue-separator li + { border-bottom: 1px solid #C0E9F5; padding: .7em 0; margin: 0; } + +ul.blue-separator li:hover, +ol.blue-separator li:hover + { background: #EDF8FC; } + +ul.blue-separator li .icon, +ol.blue-separator li .icon + { float: left; display: inline; } + +/* @end */ + +/* @group Spacer */ + +ul.spacer li, +ol.spacer li + { padding: .2em 0; } + +/* @end */ + +/* @end */ + +#homeMain ul.blue-separator li, +#homeMain ol.blue-separator li + { border-bottom: 1px solid #EEE; } + +#homeMain ul.blue-separator li .icon, +#homeMain ol.blue-separator li .icon + { margin-top: -2px; } + +#homeLocations .navList { float: left; width: 33%; } + +#aboutHood ul.photos li { + float: left; + padding: 4px 4px 0 4px; + border: 2px solid #C0E9F5; + margin: 3px 10px; + background: #FFF; +} + +#aboutHood ul.photos li:hover { + border: 2px solid #1F9EC9; +} + +/* @end */ + +/* @group Drupal +----------------------------------------------------------------------------------- */ + +/* @group Collapsing Fieldsets */ + +html.js fieldset.collapsed { + border-bottom-width: 0; + border-left-width: 0; + border-right-width: 0; + margin-bottom: 0; + height: 1em; +} +html.js fieldset.collapsed * { display: none; } +html.js fieldset.collapsed legend { display: block; } +html.js fieldset.collapsible legend a { + padding-left: 15px; + background: url("../../misc/menu-expanded.png") 5px 75% no-repeat; +} +html.js fieldset.collapsed legend a { + background-image: url("../../misc/menu-collapsed.png"); + background-position: 5px 50%; +} +/* Note: IE-only fix due to * html (breaks Konqueror otherwise). */ +* html.js fieldset.collapsed legend, +* html.js fieldset.collapsed legend *, +* html.js fieldset.collapsed table * { + display: inline; +} +html.js fieldset.collapsible legend a { + display: block; +} +/* Avoid jumping around due to margins collapsing into collapsible fieldset border */ +html.js fieldset.collapsible .fieldset-wrapper { + overflow: auto; +} + +/* @end */ + +/* @group Suggestion List */ + +#autocomplete { + position: absolute; + border: 1px solid; + overflow: hidden; + z-index: 100; +} +#autocomplete ul { + margin: 0; + padding: 0; + list-style: none; +} +#autocomplete li { + background: #fff; + color: #000; + white-space: pre; + cursor: default; +} +#autocomplete li.selected { + background: #0072b9; + color: #fff; +} + +/* @end */ + +/* @group Resizable Text Area */ + +.resizable-textarea { + width: 95%; +} +.resizable-textarea .grippie { + height: 9px; + overflow: hidden; + background: #eee url("../../misc/grippie.png") no-repeat center 2px; + border: 1px solid #ddd; + border-top-width: 0; + cursor: s-resize; +} +html.js .resizable-textarea textarea { + margin-bottom: 0; + width: 100%; + display: block; +} + +/* @end */ + +#blocks { + border: 1px solid #CCC; +} + +#blocks thead { + display: none; +} + +#blocks td { + border-bottom: 1px solid #CCC; +} + +#blocks tr:hover { + background: #FFF1D1; +} + +#blocks .region { + font-weight: bold; + border-bottom: 2px solid #CCC; + text-transform: uppercase; + text-align: center; +} + +#blocks .odd { + background: #eaeaea; +} + +/* @end */ \ No newline at end of file diff --git a/test/less/colors.less b/test/less/colors.less new file mode 100644 index 00000000..ca1a3c63 --- /dev/null +++ b/test/less/colors.less @@ -0,0 +1,35 @@ +#yelow { + #short { + color: #fea; + } + #long { + color: #ffeeaa; + } + #rgba { + color: rgba(255, 238, 170, 0.1); + } +} + +#blue { + #short { + color: #00f; + } + #long { + color: #0000ff; + } + #rgba { + color: rgba(0, 0, 255, 0.1); + } +} + +#overflow { + .a { color: #111111 - #444444; } // #000000 + .b { color: #eee + #fff; } // #ffffff + .c { color: #aaa * 3; } // #ffffff + .d { color: #00ee00 + #009900; } // #00ff00 +} + +#grey { + color: rgb(200, 200, 200); + background-color: hsl(50, 0, 50); +} \ No newline at end of file diff --git a/test/less/comments.less b/test/less/comments.less new file mode 100644 index 00000000..57ac359d --- /dev/null +++ b/test/less/comments.less @@ -0,0 +1,46 @@ +/* + * Comment Test + * + * - cloudhead (http://cloudhead.net) + * + */ + +//////////////// +@var: "content"; +//////////////// + +/* Colors + * ------ + * #EDF8FC (background blue) + * #166C89 (darkest blue) + * + * Text: + * #333 (standard text) // A comment within a comment! + * #1F9EC9 (standard link) + * + */ + +/* @group Variables +------------------- */ +#comments { + /**/ // An empty comment + color: red; /* A C-style comment */ + background-color: orange; // A little comment + font-size: 12px; + + /* lost comment */ content: @var; + + border: 1px solid black; + + // padding & margin // + padding: 0; + margin: 2em; +} // + +/* commented out + #more-comments { + color: grey; + } +*/ + +// diff --git a/test/less/css-3.less b/test/less/css-3.less new file mode 100644 index 00000000..d77db788 --- /dev/null +++ b/test/less/css-3.less @@ -0,0 +1,51 @@ +.comma-delimited { + background: url(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg); + text-shadow: -1px -1px 1px red, 6px 5px 5px yellow; + -moz-box-shadow: 0pt 0pt 2px rgba(255, 255, 255, 0.4) inset, + 0pt 4px 6px rgba(255, 255, 255, 0.4) inset; +} +@font-face { + font-family: Headline; + src: local(Futura-Medium), + url(fonts.svg#MyGeometricModern) format("svg"); +} +.other { + -moz-transform: translate(0, 11em) rotate(-90deg); +} +p:not([class*="lead"]) { + color: black; +} + +input[type="text"].class#id[attr=32]:not(1) { + color: white; +} + +div#id.class[a=1][b=2].class:not(1) { + color: white; +} + +ul.comma > li:not(:only-child)::after { + color: white; +} + +ol.comma > li:nth-last-child(2)::after { + color: white; +} + +li:nth-child(4n+1), +li:nth-child(-5n), +li:nth-child(-n+2) { + color: white; +} + +a[href^="http://"] { + color: black; +} + +a[href$="http://"] { + color: black; +} + +p::before { + color: black; +} diff --git a/test/less/css.less b/test/less/css.less new file mode 100644 index 00000000..07c8ba1d --- /dev/null +++ b/test/less/css.less @@ -0,0 +1,104 @@ +/* + + a CSS File + +*/ + +div { color: black; } +div { width: 99%; } + +* { + min-width: 45em; +} + +h1, h2 > a > p, h3 { + color: none; +} + +div.class { + color: blue; +} + +div#id { + color: green; +} + +.class#id { + color: purple; +} + +.one.two.three { + color: grey; +} + +@media print { + font-size: 3em; +} + +@media screen { + font-size: 10px; +} + +@font-face { + font-family: 'Garamond Pro'; + src: url("/fonts/garamond-pro.ttf"); +} + +a:hover, a:link { + color: #999; +} + +p, p:first-child { + text-transform: none; +} + +q:lang(no) { + quotes: none; +} + +p + h1 { + font-size: 2.2em; +} + +input[type="text"] { + font-weight: normal; +} + +h2[title] { + font-size: 100%; +} + +[disabled] { + color: transparent; +} + +#shorthands { + border: 1px solid #000; + font: 12px/16px Arial; + margin: 1px 0; + padding: 0 auto; + background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px; +} + +#more-shorthands { + margin: 0; + padding: 1px 0 2px 0; + font: normal small/20px 'Trebuchet MS', Verdana, sans-serif; +} + +.misc { + -moz-border-radius: 2px; + display: -moz-inline-stack; + width: .1em; + background-color: #009998; + background-image: url(images/image.jpg); + background: -webkit-gradient(linear, left top, left bottom, from(red), to(blue)); + margin: ; +} + +#important { + color: red !important; + width: 100%!important; + height: 20px ! important; +} + diff --git a/test/less/exceptions/mixed-units-error.less b/test/less/exceptions/mixed-units-error.less new file mode 100644 index 00000000..505b504d --- /dev/null +++ b/test/less/exceptions/mixed-units-error.less @@ -0,0 +1,3 @@ +#mixed-units-error { + color: 1px + #fff; +} diff --git a/test/less/exceptions/name-error-1.0.less b/test/less/exceptions/name-error-1.0.less new file mode 100644 index 00000000..4567d6c1 --- /dev/null +++ b/test/less/exceptions/name-error-1.0.less @@ -0,0 +1,3 @@ +#name-error { + color: @var; +} diff --git a/test/less/exceptions/syntax-error-1.0.less b/test/less/exceptions/syntax-error-1.0.less new file mode 100644 index 00000000..33bdb565 --- /dev/null +++ b/test/less/exceptions/syntax-error-1.0.less @@ -0,0 +1,3 @@ +#syntax-error { + color: blue;; +} diff --git a/test/less/functions.less b/test/less/functions.less new file mode 100644 index 00000000..9b87945b --- /dev/null +++ b/test/less/functions.less @@ -0,0 +1,6 @@ +#functions { + color: color("evil red"); // #999999 + width: increment(15); + height: undefined("self"); + border-width: add(2, 3); +} diff --git a/test/less/hidden.less b/test/less/hidden.less new file mode 100644 index 00000000..601208cc --- /dev/null +++ b/test/less/hidden.less @@ -0,0 +1,25 @@ +.hidden { + color: transparent; + .inside { + width: 0%; + } +}; + +.fully-hidden { + color: none; +}; + +.visible { + width: 100%; + .hidden { + color: black; + }; +} + +.mix { + .hidden; +} + +.mix2 { + .visible; +} diff --git a/test/less/import.less b/test/less/import.less new file mode 100644 index 00000000..a21ab76c --- /dev/null +++ b/test/less/import.less @@ -0,0 +1,8 @@ +@import url("import/import-test-a.less"); +@import url("import/import-test-a.less"); + +#import-test { + .mixin; + width: 10px; + height: @a + 10%; +} diff --git a/test/less/import/import-test-a.less b/test/less/import/import-test-a.less new file mode 100644 index 00000000..7409d071 --- /dev/null +++ b/test/less/import/import-test-a.less @@ -0,0 +1,2 @@ +@import "import-test-b.less"; +@a: 20%; diff --git a/test/less/import/import-test-b.less b/test/less/import/import-test-b.less new file mode 100644 index 00000000..ce2d35a8 --- /dev/null +++ b/test/less/import/import-test-b.less @@ -0,0 +1,8 @@ +@import "import-test-c"; + +@b: 100%; + +.mixin { + height: 10px; + color: @c; +} diff --git a/test/less/import/import-test-c.less b/test/less/import/import-test-c.less new file mode 100644 index 00000000..111266ba --- /dev/null +++ b/test/less/import/import-test-c.less @@ -0,0 +1,7 @@ + +@import "import-test-d.css"; +@c: red; + +#import { + color: @c; +} diff --git a/test/less/import/import-test-d.css b/test/less/import/import-test-d.css new file mode 100644 index 00000000..30575f01 --- /dev/null +++ b/test/less/import/import-test-d.css @@ -0,0 +1 @@ +#css { color: yellow; } diff --git a/test/less/lazy-eval.less b/test/less/lazy-eval.less new file mode 100644 index 00000000..72b3fd46 --- /dev/null +++ b/test/less/lazy-eval.less @@ -0,0 +1,6 @@ +@var: @a; +@a: 100%; + +.lazy-eval { + width: @var; +} diff --git a/test/less/literal-css.less b/test/less/literal-css.less new file mode 100644 index 00000000..23ce3456 --- /dev/null +++ b/test/less/literal-css.less @@ -0,0 +1,11 @@ +% { + @var: 2px; + #literal { + width: 2px * 2; + } + @media { + #nested { + color: red; + } + } +} diff --git a/test/less/mixins-args.less b/test/less/mixins-args.less new file mode 100644 index 00000000..8dcb3e5c --- /dev/null +++ b/test/less/mixins-args.less @@ -0,0 +1,59 @@ +.mixin (@a: 1px, @b: 50%) { + width: @a * 5; + height: @b - 1%; +} + +.mixiny +(@a: 0, @b: 0) { + margin: @a; + padding: @b; +} + +.hidden() { + color: transparent; +} + +.two-args { + color: blue; + .mixin(2px, 100%); +} + +.one-arg { + .mixin(3px); +} + +.no-parens { + .mixin; +} + +.no-args { + .mixin(); +} + +.var-args { + @var: 9; + .mixin(@var, @var * 2); +} + +.multi-mix { + .mixin(2px, 30%); + .mixiny(4, 5); +} + +.maxa(@arg1: 10, @arg2: #f00) { + padding: @arg1 * 2px; + color: @arg2; +} + +body { + .maxa(15); +} + +@glob: 5; +.global-mixin(@a:2) { + width: @glob + @a; +} + +.scope-mix { + .global-mixin(3); +} diff --git a/test/less/mixins.less b/test/less/mixins.less new file mode 100644 index 00000000..8ed8cba6 --- /dev/null +++ b/test/less/mixins.less @@ -0,0 +1,43 @@ +.mixin { border: 1px solid black; } +.mixout { border-color: orange; } +.borders { border-style: dashed; } + +#namespace { + .borders { + border-style: dotted; + } + .biohazard { + content: "death"; + .man { + color: transparent; + } + } +} +#theme > .mixin { + background-color: grey; +} +#container { + color: black; + .mixin, .mixout; + #theme > .mixin; +} + +#header { + .milk { + color: white; + .mixin, #theme > .mixin; + } + #cookie { + .chips { + #namespace .borders; + .calories { + #container; + } + } + .borders; + } +} +.secure-zone { #namespace .biohazard .man; } +.direct { + #namespace > .borders; +} diff --git a/test/less/operations.less b/test/less/operations.less new file mode 100644 index 00000000..ae07f336 --- /dev/null +++ b/test/less/operations.less @@ -0,0 +1,39 @@ +#operations { + color: #110000 + #000011 + #001100; // #111111 + height: 10px / 2px + 6px - 1px * 2; // 9px + width: 2 * 4 - 5em; // 3em + .spacing { + height: 10px / 2px+6px-1px*2; + width: 2 * 4-5em; + } +} + +@x: 4; +@y: 12em; + +.with-variables { + height: @x + @y; // 16em + width: 12 + @y; // 24em + size: 5cm - @x; // 1cm +} + +@z: -2; + +.negative { + height: 2px + @z; // 0px + width: 2px - @z; // 4px +} + +.shorthands { + padding: -1px 2px 0 -4px; // +} + +.colors { + color: #123; // #112233 + border-color: #234 + #111111; // #334455 + background-color: #222222 - #fff; // #000000 + .other { + color: 2 * #111; // #222222 + border-color: #333333 / 3 + #111; // #222222 + } +} diff --git a/test/less/parens.less b/test/less/parens.less new file mode 100644 index 00000000..e020c7eb --- /dev/null +++ b/test/less/parens.less @@ -0,0 +1,26 @@ +.parens { + @var: 1px; + border: (@var * 2) solid black; + margin: (@var * 1) (@var + 2) (4 * 4) 3; + width: (6 * 6); + padding: 2px (6px * 6px); +} + +.more-parens { + @var: (2 * 2); + padding: (2 * @var) 4 4 (@var * 1px); + width: (@var * @var) * 6; + height: (7 * 7) + (8 * 8); + margin: 4 * (5 + 5) / 2 - (@var * 2); + //margin: (6 * 6)px; +} + +.nested-parens { + width: 2 * (4 * (2 + (1 + 6))) - 1; + height: ((2+3)*(2+3) / (9-4)) + 1; +} + +.mixed-units { + margin: 2px 4em 1 5pc; + padding: (2px + 4px) 1em 2px 2; +} diff --git a/test/less/prod.less b/test/less/prod.less new file mode 100644 index 00000000..cdc83bd1 --- /dev/null +++ b/test/less/prod.less @@ -0,0 +1,2144 @@ +/* lowdown */ +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline} +*:focus {outline: 0} +body {line-height: 1em; color: black; background: #fff} +ol, ul {list-style: none} + table {border-collapse: separate; border-spacing: 0; vertical-align: middle} +caption, th, td {text-align: left; font-weight: normal; vertical-align: middle} +q, blockquote {quotes: "" ""} +q:before, q:after, blockquote:before, blockquote:after {content: ""} +img a {border: none} +.grid-12 {margin-left: auto; margin-right: auto; width: 836px} +.grid-12 .cols-1, .grid-12 .cols-2, .grid-12 .cols-3, .grid-12 .cols-4, .grid-12 .cols-5, .grid-12 .cols-6, .grid-12 .cols-7, .grid-12 .cols-8, .grid-12 .cols-9, .grid-12 .cols-10, .grid-12 .cols-11, .grid-12 .cols-12 {display: inline; float: left; margin-left: 10px; margin-right: 10px} +.grid-12 .cols-1 {width: 49.667px} +.grid-12 .cols-2 {width: 119.333px} +.grid-12 .cols-3 {width: 189px} +.grid-12 .cols-4 {width: 258.667px} +.grid-12 .cols-5 {width: 328.333px} +.grid-12 .cols-6 {width: 398px} +.grid-12 .cols-7 {width: 467.667px} +.grid-12 .cols-8 {width: 537.333px} +.grid-12 .cols-9 {width: 607px} +.grid-12 .cols-10 {width: 676.667px} +.grid-12 .cols-11 {width: 746.333px} +.grid-12 .cols-12 {width: 816px} +.grid-12 .prefix-1 {padding-left: 69.667px} +.grid-12 .prefix-2 {padding-left: 139.333px} +.grid-12 .prefix-3 {padding-left: 209px} +.grid-12 .prefix-4 {padding-left: 278.667px} +.grid-12 .prefix-5 {padding-left: 348.333px} +.grid-12 .prefix-6 {padding-left: 418px} +.grid-12 .prefix-7 {padding-left: 487.667px} +.grid-12 .prefix-8 {padding-left: 557.333px} +.grid-12 .prefix-9 {padding-left: 627px} +.grid-12 .prefix-10 {padding-left: 696.667px} +.grid-12 .prefix-11 {padding-left: 766.333px} +.grid-12 .suffix-1 {padding-right: 69.667px} +.grid-12 .suffix-2 {padding-right: 139.333px} +.grid-12 .suffix-3 {padding-right: 209px} +.grid-12 .suffix-4 {padding-right: 278.667px} +.grid-12 .suffix-5 {padding-right: 348.333px} +.grid-12 .suffix-6 {padding-right: 418px} +.grid-12 .suffix-7 {padding-right: 487.667px} +.grid-12 .suffix-8 {padding-right: 557.333px} +.grid-12 .suffix-9 {padding-right: 627px} +.grid-12 .suffix-10 {padding-right: 696.667px} +.grid-12 .suffix-11 {padding-right: 766.333px} +#full #main {display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 816px; margin-bottom: 50px} +#full #sidebar {display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 816px} +#main {margin-right: 0; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 607px} +#sidebar {margin-left: 0; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 189px} +.container {margin-left: auto; margin-right: auto; width: 836px} +.value {margin-left: 0; width: 644px; margin: 0px; float: left} +.cost {margin-right: 0; width: 90px; margin: 0px; float: left; text-align: center} +#one {margin-left: 0; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 258.667px} +#two {display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 258.667px} +#two {margin-right: 0; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 258.667px} +#cucumber {margin-left: 0; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 537.333px} +#microbrew {margin-right: 0; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 258.667px} +.buttons a, .buttons button {-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); background: #EAEAEA url(/images/buttongradient.png) repeat-x scroll left top; border-color: #bdbdbd #9b9a9a #9b9a9a #bdbdbd; border-style: solid; border-width: 1px; color: #464646; cursor: pointer; display: block; float: left; font-weight: bold; font-family: "Lucida Grande",Tahoma,Arial,sans-serif; font-size: 90%; line-height: 130%; margin: 0 0.7em 0 0; padding: 5px 10px 6px; text-decoration: none} +a.button, button.button {-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); background: #EAEAEA url(/images/buttongradient.png) repeat-x scroll left top; border-color: #bdbdbd #9b9a9a #9b9a9a #bdbdbd; border-style: solid; border-width: 1px; color: #464646; cursor: pointer; display: block; float: left; font-weight: bold; font-family: "Lucida Grande",Tahoma,Arial,sans-serif; font-size: 90%; line-height: 130%; margin: 0 0.7em 0 0; padding: 5px 10px 6px; text-decoration: none} +a.button, button.button {display: inline-block; float: none} +.buttons button, button.button {overflow: visible; padding: 4px 10px 3px 7px; width: auto} +.buttons button[type], button.button[type] {line-height: 17px; padding: 5px 10px 5px 7px; width: auto} +.chrome .buttons button, .chrome button.button {padding: 4px 10px 4px 7px} +.buttons button img, .buttons a img {margin: 0 3px -3px 0 !important} +a.button img, button.button img {margin: 0 3px -3px 0 !important} +.buttons button:hover, .buttons a:hover {border: 1px solid #999999; color: #000000} +a.button:hover {border: 1px solid #999999; color: #000000} +button.button:hover {border: 1px solid #999999; color: #000000} +button.active {-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-box-shadow: none; background: #FFFFFF url(images/buttongradient.png) repeat-x scroll left top; border-color: #CCCCCC} +.buttons a:active, a.button:active {-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-box-shadow: none; background: #FFFFFF url(images/buttongradient.png) repeat-x scroll left top; border-color: #CCCCCC} +button.positive {color: #4B8226; font-weight: bold} +a.positive {color: #4B8226; font-weight: bold} +a.positive:hover {color: #232323} +a.positive:active {-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #719a48 none repeat scroll 0 0; border: 1px solid #719a48; color: #FFFFFF; text-shadow: 1px 1px 1px #607710} +a.negative {color: #D12F19} +a.negative:hover, button.negative:hover {color: #D12F19} +a.negative:active {-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #D12F19 none repeat scroll 0 0; border: 1px solid #D12F19; color: #FFFFFF; text-shadow: 1px 1px 1px #A93816} +button.positive:hover {color: #232323} +button.negative {color: #D12F19} +* html .buttons button[type], * html button.button[type] {margin-bottom: 1px; padding: 4px 10px 3px 7px} +* html button.button {margin-bottom: 1px} +.icon {height: 16px; width: 16px} +.right {float: right; margin-right: 0px} +label {font-weight: bold} +input {margin: 0.5em 0; border: 1px solid #bbb; width: 300px; padding: 5px} +textarea {margin: 0.5em 0; width: 390px; height: 250px; padding: 5px} +select {margin: 0} +fieldset {padding: 1em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 4px solid #a1c47e} +fieldset fieldset {margin: 1.5em 0 0 0} +fieldset fieldset legend {font-size: 1.2em; margin-left: 45px} +legend {padding: 0px 8px; font-weight: bold; font-size: 1.5em; font-letter-spacing: -1px !important; font-family: "Calibri","Helvetica Neue", Helvetica, Arial, sans-serif} +form ol {margin: 0; padding: 0} +form ol li {list-style: none; padding: 5px; margin: 0} +form label {color: #232323; width: 110px; font-size: .8em; display: inline-block; line-height: 1.8; vertical-align: middle} +form select {font-size: .78em; width: 150px; padding: 1px} +form input {font-size: .8em; padding: 4px; width: 440px} +form textarea {width: 440px} +form em {font-weight: bold; font-style: normal; color: #f00} +form#edit_user_1 {margin-top: 42px} +form#new_user, form#new_user_session {width: 630px; margin: 42px auto 0} +form#new_user li, form#new_user_session li {clear: both} +form#new_user .error-with-field, form#new_user_session .error-with-field {display: inline} +form#new_user .error-with-field .error, form#new_user_session .error-with-field .error {margin-right: 2px; width: 425px; float: right} +form#new_user #user_session_openid_identifier, form#new_user #user_openid_identifier, form#new_user_session #user_session_openid_identifier, form#new_user_session #user_openid_identifier {background: #fff url(/images/openid-16x16.gif) 3px 3px no-repeat; padding-left: 22px; width: 420px} +form#new_user a#normal-login, form#new_user a#normal-signup, form#new_user_session a#normal-login, form#new_user_session a#normal-signup {display: none} +form.edit_user #user_openid_identifier {background: #fff url(/images/openid-16x16.gif) 3px 3px no-repeat; padding-left: 22px; width: 420px} +form#new_project {margin-top: 20px} +.error {padding: .8em; margin-bottom: 1em; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #f9d8da; color: #bc180f; border-color: #e3a2a5} +.error a {color: #bc180f} +.notice {padding: .8em; margin-bottom: 1em; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #f8e89f; color: #b83107; border-color: #e9a438} +.notice a {color: #b83107} +.success {padding: .8em; margin-bottom: 1em; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #e0ebb4; color: #3e7805; border-color: #afc75d} +.success a {color: #3e7805} +.hide {display: none} +.highlight {background: yellow} +.added {background: #006600; color: white} +.removed {background: #990000; color: white} +body {font-family: 'Lucida Sans', 'Lucida Grande', Helvetica, Arial, sans-serif; color: #232323; font-style: normal} +h1 {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #333333; font-style: normal; font-size: 2em; line-height: 1; margin-bottom: 0.1em} +h1 img {margin: -8px 0px 0px 0px} +h2 {font-family: "Calibri", Helvetica, Arial; font-weight: bold; letter-spacing: -.5px; color: #232323; font-size: 24px; margin: 0 0 7px; padding: 0} +h3 {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #333333; font-style: normal; font-size: 1.2em; line-height: 1; margin-bottom: 0.1em} +h4 {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #333333; font-style: normal; font-size: 1em; line-height: 1.25; margin-bottom: 0.1em} +h5 {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #333333; font-style: normal; font-size: .8em; font-weight: bold; margin-bottom: 1.5em} +h6 {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #333333; font-style: normal; font-size: .6em; font-weight: bold} +h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0} +p {font-family: 'Lucida Sans', 'Lucida Grande', Helvetica, Arial, sans-serif; color: #232323; font-style: normal; margin: 0 0 1em; font-size: .8em} +p img.left {display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0} +p img.right {display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0} +a {color: #b3000c} +a:focus {color: #232323} +a:hover {color: #232323} +a:active {color: #ff000c} +blockquote {margin: 1.5em; color: #666; font-style: italic} +strong {font-weight: bold} +em {font-style: italic} +dfn {font-style: italic; font-weight: bold} +sup, sub {line-height: 0} +abbr, acronym {border-bottom: 1px dotted #666} +address {margin: 0 0 1.5em; font-style: italic} +del {color: #666} +pre {margin: 1.5em 0; white-space: pre} +pre, code, tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5} +li ul, li ol {margin: 0 1.5em} +ul {margin-left: 0; margin: 0 1.5em 1.5em 1.5em; list-style-type: disc} +ul li {padding-left: 14px; background: url('/images/bullet-green.png?1250906375') no-repeat 4.5px 5.5px; list-style-type: none} +ol {margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal} +dl {margin: 0 0 1.5em 0} +dl dt {font-weight: bold} +dd {margin-left: 1.5em} +table {font-family: 'Lucida Sans', 'Lucida Grande', Helvetica, Arial, sans-serif; color: #232323; font-style: normal; border: 2px solid black; background: #fff; margin-bottom: 1.4em; width: 100%; border-collapse: collapse; font-size: .8em} +table thead th {border-bottom: 2px solid black} +table tfoot th, table tfoot td {border-top: 2px solid black} +table th:first-child {border-right: 2px solid black} +table th, table td {border-right: 2px solid black; border-bottom: 2px solid black; border-left-width: 0px; border-top-width: 0px} +table th:last-child, table td:last-child, table th.last, table td.last {border-right-width: 0px} +table tbody tr:last-child th, table tbody tr:last-child td, table tfoot tr:last-child th, table tfoot tr:last-child td, table tbody tr.last th, table tbody tr.last td, table tfoot tr.last th, table tfoot tr.last td {border-bottom-width: 0px} +th {font-weight: bold} +thead th {background: #E8F0FC url(/images/header-main.gif) repeat-x scroll center bottom; border-bottom: 1px solid #9CAECC; border-top: 1px solid #9CAECC; color: #2D466E; font-family: "Lucida Grande",Helvetica,Arial,sans-serif; font-size: 12px; letter-spacing: 0; line-height: 18px; padding: 5px 10px; text-align: left; text-transform: none} +th, td, caption {padding: 5px 10px} +tr {border-bottom: 1px solid #cbcdd3} +tr.even td {background: #edecec} +tfoot {font-style: italic} +caption {background: #eee} +.left {display: inline; float: left} +.right {display: inline; float: right} +.clear {clear: both; font-size: 0; height: 0; line-height: 0} +.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden} +* html .clearfix {height: 1%} +.clearfix {overflow: hidden; display: inline-block} +.clearfix {display: block} +label {font-weight: bold} +input {margin: 0.5em 0; border: 1px solid #bbb; width: 300px; padding: 5px} +textarea {margin: 0.5em 0; width: 390px; height: 250px; padding: 5px} +select {margin: 0} +fieldset {padding: 1em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 4px solid #a1c47e} +fieldset fieldset {margin: 1.5em 0 0 0} +fieldset fieldset legend {font-size: 1.2em; margin-left: 45px} +legend {padding: 0px 8px; font-weight: bold; font-size: 1.5em; font-letter-spacing: -1px !important; font-family: "Calibri","Helvetica Neue", Helvetica, Arial, sans-serif} +form ol {margin: 0; padding: 0} +form ol li {list-style: none; padding: 5px; margin: 0} +form label {color: #232323; width: 110px; font-size: .8em; display: inline-block; line-height: 1.8; vertical-align: middle} +form select {font-size: .78em; width: 150px; padding: 1px} +form input {font-size: .8em; padding: 4px; width: 440px} +form textarea {width: 440px} +form em {font-weight: bold; font-style: normal; color: #f00} +form#edit_user_1 {margin-top: 42px} +form#new_user, form#new_user_session {width: 630px; margin: 42px auto 0} +form#new_user li, form#new_user_session li {clear: both} +form#new_user .error-with-field, form#new_user_session .error-with-field {display: inline} +form#new_user .error-with-field .error, form#new_user_session .error-with-field .error {margin-right: 2px; width: 425px; float: right} +form#new_user #user_session_openid_identifier, form#new_user #user_openid_identifier, form#new_user_session #user_session_openid_identifier, form#new_user_session #user_openid_identifier {background: #fff url(/images/openid-16x16.gif) 3px 3px no-repeat; padding-left: 22px; width: 420px} +form#new_user a#normal-login, form#new_user a#normal-signup, form#new_user_session a#normal-login, form#new_user_session a#normal-signup {display: none} +form.edit_user #user_openid_identifier {background: #fff url(/images/openid-16x16.gif) 3px 3px no-repeat; padding-left: 22px; width: 420px} +form#new_project {margin-top: 20px} +.error {padding: .8em; margin-bottom: 1em; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #f9d8da; color: #bc180f; border-color: #e3a2a5} +.error a {color: #bc180f} +.notice {padding: .8em; margin-bottom: 1em; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #f8e89f; color: #b83107; border-color: #e9a438} +.notice a {color: #b83107} +.success {padding: .8em; margin-bottom: 1em; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #e0ebb4; color: #3e7805; border-color: #afc75d} +.success a {color: #3e7805} +.hide {display: none} +.highlight {background: yellow} +.added {background: #006600; color: white} +.removed {background: #990000; color: white} +body {background: #e8e7e3} +#header {background: #2c2c2c; border-bottom: 6px solid #9cc276; border-top: 3px solid #1c1c1c; height: 50px} +#header h1 {font-family: 'Lucida Sans', 'Lucida Grande', Helvetica, Arial, sans-serif; color: #232323; font-style: normal; font-weight: bold; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 16.5px; color: #fff; line-height: 2em} +#header #menu {display: inline; float: right; background: #232323; padding: 4px 6px; margin: 0px} +#header #menu ul {margin: 0} +#header #menu ul li {list-style-type: none; background: none; margin-left: 0px} +#header #menu ul li {display: inline; float: right; background-image: none; padding: 5px; font-size: 12px; color: #7C9179} +#header #menu ul li a {color: #bec6bd; display: block; text-decoration: none} +#header #menu ul li a:hover {color: #fff; text-decoration: none} +#header #menu ul li.selected, #header #menu ul li.selected:hover {font-weight: bold} +#content {min-height: 400px; padding: 15px 0px; background: #e8e7e3 url(/images/background.gif) repeat-x scroll left top} +#sidebar #logo {text-align: left; float: left; margin: 15px 16px 15px 24px} +#sidebar #logo h2 {font-size: 25px} +#sidebar #logo img {margin: -6px 0px 0px 0px; float: left} +#sidebar .buttons a {float: left; width: auto; display: inline} +#sidebar #projects {margin-top: 20px} +#sidebar #projects h2 {text-align: center} +#sidebar #projects ul {margin: 10px 0px 0px; padding: 6px; background: #E2E2E2; border: 1px solid #bfbeba} +#sidebar #projects ul li {list-style-type: none; background: none; margin-left: 0px} +#sidebar #projects ul li {font-size: 16px; font-weight: bold; text-decoration: none; color: #232323; padding: 8px 12px; border-top: 1px solid #fff; background: #efefef; border-bottom: 1px solid #CCD2CB; display: block} +#sidebar #projects ul li:hover {background: #f7f7f7} +#sidebar #projects .buttons a {float: right; font-size: 75%; padding: 3px 6px 3px 7px; font-weight: bold; margin: 0px 0px 0px 5px} +#full ul {margin: 0} +#full ul li {list-style-type: none; background: none; margin-left: 0px} +#full ul li.feature {display: block; margin: 0px 0px 12px; padding: 4px 9px 9px 4px; background: transparent url(/images/shadow.gif) no-repeat scroll right bottom; border-top: 1px solid #d2d1cf; border-left: 1px solid #d2d1cf} +#full ul li.feature ul li {padding: 0px} +#full ul li.feature ul li.top {background: #fff; margin: 0px; padding: 0px; border: 1px solid #bfbeba; cursor: move} +#full ul li.feature ul li.top .value {font-weight: bold; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #333333; font-style: normal; font-family: "Calibri"; font-size: 21px; padding: 20px 16px 16px 20px} +#full ul li.feature ul li.top .cost {font-family: Arial, Hevetica, sans-serif; color: #232323; font-style: normal; font-size: 21px; padding: 20px 14px} +#full ul li.feature ul li.middle {background: #ebeff5; border-right: 1px solid #bfbeba; border-left: 1px solid #bfbeba; border-bottom: 1px solid #bfbeba} +#full ul li.feature ul li.middle .value {padding: 7px 16px; min-height: 25px} +#full ul li.feature ul li.middle .value p {font-family: 'Lucida Sans', 'Lucida Grande', Helvetica, Arial, sans-serif; color: #232323; font-style: normal; color: #7c8da0; margin: 4px 0px 0px 85px; font-size: 10px; font-weight: normal} +#full ul li.feature ul li.middle .value p span {font-style: italic; color: #3e3e3e; font-size: 11px; font-family: Georgia, serif} +#full ul li.feature ul li.middle .value .buttons a, #full ul li.feature ul li.middle .value .buttons button {font-size: 70%; padding: 4px 10px 4px} +#full ul li.feature ul li.middle .cost {padding: 7px 16px; margin-top: 5px} +#full ul li.feature ul li.drawer {background: #f7f7f5; border-right: 1px solid #bfbeba; border-left: 1px solid #bfbeba; border-bottom: 1px solid #bfbeba} +#full ul li.feature ul li.drawer ul.items li.edit_feature {padding: 5px 16px} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box {margin: 10px 0px 0px; padding: 6px; background: #E2E2E2; border: 1px solid #bfbeba} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner {border-top: 1px solid #fff; background: #efefef; border-bottom: 1px solid #CCD2CB} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner input {width: 555px; margin: 0.2em 0; padding: 4px 6px} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner label, #full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner select {width: 115px; text-align: right; margin-right: 8px} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner select {padding-right: 5px; text-align: left; font-size: 12px} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner ol {margin: 10px 13px} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner ol li .buttons a, #full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner ol li .buttons button {float: right; font-size: 70%; padding: 3px 6px 3px 7px; font-weight: bold; margin: 5px 0px 0px 0px} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner ol li.add .buttons a {float: left; margin: 6px 0 4px 9px} +#full ul li.feature ul li.drawer ul.items li.edit_feature .box .inner ol li.add .buttons a:hover {color: #2b66a0} +#full ul li.feature ul li.drawer ul.items li.edit_scenario {margin: 0px; padding: 5px 16px; border-bottom: 1px dashed #bfbeba} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box {margin: 0px; padding: 6px; background: transparent; border: 1px solid transparent} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner {border-top: 1px solid transparent; background: transparent; border-bottom: 1px solid transparent} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner input {width: 555px; margin: 0.2em 0; padding: 4px 6px} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner label, #full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner select {width: 115px; text-align: right; margin-right: 8px} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner select {padding-right: 5px; text-align: left; font-size: 12px} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner ol {margin: 0px 13px} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner ol li .buttons a, #full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner ol li .buttons button {float: right; font-size: 70%; padding: 3px 6px 3px 7px; font-weight: bold; margin: 5px 0px 0px 0px} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner ol li.add .buttons a {float: left; margin: 6px 0 4px 9px} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .box .inner ol li.add .buttons a:hover {color: #2b66a0} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .cost {margin: 20px 0px 0px} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .cost .estimate input {width: 30px} +#full ul li.feature ul li.drawer ul.items li.edit_scenario .cost .estimate label {font-size: 12px; margin-left: 5px} +#full ul li.feature ul li.drawer ul.items li.footer {margin: 0px 10px; padding: 10px} +#full ul li.feature ul li.drawer ul.items li.footer .buttons a, #full ul li.feature ul li.drawer ul.items li.footer .buttons button {font-size: 70%; padding: 4px 10px 4px} +#full ul li.divider {padding: 4px; background: #EAE4DB; margin: 0px 0px 12px 0px; border: 1px solid #C7B9A1; width: 802px; cursor: move} +#full ul li.divider ul {margin: 0; padding: 0; border: 0; overflow: hidden; display: inline-block; line-height: 24px; padding: 3px 10px; border-top: 1px solid #fff; background: #f3eee8; border-bottom: 1px solid #cfc8bb; border-left: 1px solid #cfc8bb; border-right: 1px solid #cfc8bb; font-weight: normal; margin: 0px; padding: 2px} +#full ul li.divider ul li {list-style-type: none; background: none; margin-left: 0px} +#full ul li.divider ul {display: block} +#full ul li.divider ul li {list-style-type: none; background: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px} +#full ul li.divider ul li.first {padding-left: 0px} +#full ul li.divider ul li.last {padding-right: 0px} +#full ul li.divider ul li {font-size: 13px; color: #4e4535; padding: 3px 7px; margin: 0px 15px 0px 0px} +#full ul li.divider ul li.milestone_number {font-family: Arial, Hevetica, sans-serif; color: #232323; font-style: normal; background: #89aa68 url(/images/milestone.gif) no-repeat 10% 45%; padding-left: 115px; font-size: 16px; color: #fff; text-shadow: 1px 1px 1px #5e7b40} +#full ul li.divider ul li .buttons a {float: right; font-size: 90%; padding: 3px 6px 3px 7px; font-weight: bold; margin: 0px} +#footer {bottom: 0; height: 35px; left: 0; position: fixed; width: 100%; background-color: #2C2C2C; border-top: 3px solid #1C1C1C; display: inline; float: right; padding: 5px 6px; margin: 0px} +#footer ul {background: #232323 none repeat scroll 0 0; display: inline; width: 788px; float: left; padding: 4px 6px; margin: 0px 10px 0px 5px} +#footer ul li {list-style-type: none; background: none; margin-left: 0px} +#footer ul li {display: inline; float: left; background-image: none; padding: 5px; font-size: 12px; color: #bec6bd; display: block; text-decoration: none; margin-right: 10px} +#footer ul li.project_totals {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #333333; font-style: normal; letter-spacing: .05em; text-transform: uppercase; color: #737672; margin-right: 50px} +#footer ul li span {color: #7c9179; margin-left: 2px} +body#homepage #header {height: 50px} +body#homepage #header #menu {padding: 4px 6px; margin-top: 8px} +body#homepage #content {padding: 0px} +body#homepage #splash {background: transparent url(/images/splash2.jpg) no-repeat 48% top; height: 495px} +body#homepage #splash #tagline {padding: 119px 0 0 90px} +body#homepage #splash #tagline p {font-family: Georgia, serif; font-size: 23px; color: #2c3920; margin-bottom: 12px} +body#homepage #splash #tagline .buttons {text-align: center} +body#homepage #ad {padding: 60px 0 0 70px} +body#homepage #ad h2 {font-family: Georgia, serif; font-size: 27px; font-weight: normal; color: #c3261c; margin-bottom: 15px} +body#homepage #ad p {font-family: Georgia, serif; width: 150px; font-size: 17.5px; width: 300px; line-height: 1.4em; color: #343434} +body#homepage #ad p span {color: #68844c} +body#homepage #lower {margin: 10px auto 10px; width: 836px} +body#homepage #lower h2 {font-family: Georgia, serif; font-size: 28px; font-weight: normal; color: #232323; margin-bottom: 15px} +body#homepage #lower #one img, body#homepage #lower #two img, body#homepage #lower #three img {border: 1px solid #868686} +body#homepage #lower p {font-family: Georgia, serif; font-size: 16px; line-height: 1.4em; color: #343434} +body#homepage #credits {height: 300px; margin: 0px auto 100px; background: transparent url(/images/credits.jpg) no-repeat center top} +body#homepage #credits #cucumber p {padding: 122px 0px 0px 150px; width: 340px; font-family: Georgia, serif; font-size: 16px; line-height: 1.4em; color: #537136} +body#homepage #credits #cucumber p a {line-height: 1em; margin-right: 10px; text-decoration: none; border-bottom: 1px solid #829a6a} +body#homepage #credits #cucumber p a:hover {border-bottom: 2px solid #677a55} +body#homepage #credits #microbrew p {text-align: center; width: 210px; padding: 165px 20px 0px; font-family: Georgia, serif; font-size: 15px; line-height: 1.5em; color: #594848} +body#homepage #credits #microbrew p a {line-height: 1em; margin-right: 10px; text-decoration: none; border-bottom: 1px solid #9c9284} +body#homepage #credits #microbrew p a:hover {border-bottom: 2px solid #7b7265} + +/* omnominator */ +/* reset.css */ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} + +/* remember to define focus styles! */ +:focus { + outline: 0; +} + +/* remember to highlight inserts somehow! */ +ins { + text-decoration: none; +} +del { + text-decoration: line-through; +} + +/* tables still need 'cellspacing="0"' in the markup */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +br { + clear: both; +} + +@font-face { +font-family: "Layne Lighthouse"; +src: url("/fonts/PhaistosDisk_-_Layne_Lighthouse.ttf") +} + +@font-face { +font-family: "Layne Lighthouse Bold"; +src: url("/fonts/PhaistosDisk_-_Layne_Lighthouse_bold.ttf") +} + +body { + font: 100% "Layne Lighthouse",Georgia, serif; + color: #42210B; + width: 960px; + margin: 0 auto; + background: #534741 url(/images/background.png) fixed repeat top left; +} + +body strong { + font-family: "Layne Lighthouse Bold",Georgia, serif; +} + +#header a { + display: block; + text-indent: -9000px; + height: 108px; + background: transparent url(/images/title.png) no-repeat top right; +} + + +#tell_me_how, #glossary { + font-size: .8em; + z-index: 5; + margin: 0px 10px 10px 10px; + padding: 5px 5px; + background-color: #F4F0E6; + -moz-transform-origin: 10% 90%; + -moz-transform: rotate(-1deg); + -webkit-transform-origin: 30% 0; + -webkit-transform: rotate(-1deg); + transform-origin: 0 0; + transform: rotate(-1deg); + + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + -moz-box-shadow: 1px 3px 20px #111; + -webkit-box-shadow: 1px 3px 20px #111; + box-shadow: 1px 3px 20px #111; +} + +#map_canvas { + height: 200px; + width: 330px; + z-index: 9; + border: 3px solid #42210B; + margin: -20px auto 5px; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; +} + +#tooltip { + position: absolute; + background-color: #900; + color: #fff; + border: 1px solid #000; + padding: 2px; + z-index: 5000; +} + +#map_message { + background: #F4F0E6 url(/images/yelp_content.png) no-repeat top left; + height: 48px; + padding: 14px 10px; +} + +#map_message.content { + background: #F4F0E6 url(/images/yelp_content.png) no-repeat top left; +} + +#map_message.happy { + background: #F4F0E6 url(/images/yelp_happy.png) no-repeat top left; +} + +#map_message.mad { + background: #F4F0E6 url(/images/yelp_mad.png) no-repeat top left; +} + +#map_message p { + background: #F4F0E6 url(/images/yelp_werds.png) no-repeat top right; + margin: 0 0 0 62px; + padding: 14px 15px 14px 10px; + display: inline; +} + +#icanhaznoms { + position: relative; + z-index: 2; + float: left; + width: 340px; + background: #F4F0E6; + margin: 0 20px 0 0; + padding: 10px 10px 20px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-box-shadow: 1px 3px 20px #111; + -webkit-box-shadow: 1px 3px 20px #111; + box-shadow: 1px 3px 20px #111; +} + +#icanhaznoms h3 { + text-align: center; + margin-bottom: 0.5em; +} + +#location_form { + margin-bottom: .7em; +} + +input#location_text { + font-size: .8em; + background: #fff; + width: 140px; + padding: 0 .5em; + margin-right: .4em; + border: 3px solid #998675; + filter:alpha(opacity=80); + -moz-opacity:0.8; + -khtml-opacity: 0.8; + opacity: 0.8; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} + +input.affirmative { + font-size: .8em; + background: #C9D159; + padding: 0 .5em; + border: 3px solid #7F8212; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} + +#categories { + -moz-column-count: 2; + -webkit-column-count: 2; + column-count: 2; + margin-bottom: 10px; +} + +#wrapper { + position: relative; + background-color: #F4F0E6; + float: left; + width: 560px; + height: 495px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-transform-origin: 15% 35%; + -moz-transform: rotate(6deg); + -webkit-transform-origin: 45% 0; + -webkit-transform: rotate(4deg); + transform-origin: 45% 0; + transform: rotate(4deg); + -moz-box-shadow: 1px 3px 20px #111; + -webkit-box-shadow: 1px 3px 20px #111; + box-shadow: 1px 3px 20px #111; +} + +#omnom, #empty_omnom { + position: relative; + background: transparent url(/images/omnombg.png) no-repeat -8px 0; + float: left; + padding: 60px 20px 0; + width: 240px; + height: 435px; + background-color: #F4F0E6; +} + +#omnom h2, #empty_omnom h2 { + text-indent: -9000px; +} + +#sum_noms { + padding-left: 10px; + padding-top: 15px; + font-size: .7em; +} + +#sum_noms li +{ + padding-top: 0px; +} + +#sum_noms div.name { + font-family: "Layne Lighthouse Bold",Georgia, serif; +} + +a.remove { + color: #42210B; + position: relative; + left: 200px; + top: -20px; + font: 10px "Arial Black", Gadget, sans-serif; + background: #F78288; + padding: 0 4px; + border: 3px solid #AF414C; +} + +#new_nom { + position: absolute; + bottom: 13px; + left: 30px; +} + +#new_nom_name, #new_nom_details { + width: 200px; + font-size: .8em; + background: #fff; + padding: 0 .5em; + margin-right: .4em; + border: 3px solid #998675; + filter:alpha(opacity=80); + -moz-opacity:0.8; + -khtml-opacity: 0.8; + opacity: 0.8; +} + +#new_nom_name { + height: 15px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} + +#new_nom_details { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} + +#ohaipplz { + background: transparent url(/images/ohhai.png) no-repeat 10px 10px; + float: left; + width: 280px; + height: 495px; +} + +#ohaipplz h2 { + text-indent: -9000px; +} + +#ohaipplz form { + margin: 80px 0 0; + text-align: center; +} + +#ohaipplz input { + background: none; + border: none; + margin: 3px 0; +} + +#ohaipplz p input { + font-size: 15px; + background: #fff; + width: 210px; + height: 25px; + padding: 5px .8em 0; + border: 3px solid #998675; + filter:alpha(opacity=80); + -moz-opacity:0.8; + -khtml-opacity: 0.8; + opacity: 0.8; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} + +p input#nom { + position: relative; + top: 0; + left: 150px; + height: 149px; + width: 409px; + background: transparent url(/images/nom.png) no-repeat top left; + border: none; + text-indent: -9000px; + cursor: pointer; + filter:alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + -moz-transform-origin: -35% 35%; + -moz-transform: rotate(4deg); + -webkit-transform-origin: -35% 35%; + -webkit-transform: rotate(4deg); + transform-origin: -35% 35%; + transform: rotate(4deg); +} + +#shiro_neko { + position: absolute; + left: 100px; + bottom: -150px; + background: transparent url(/images/shiro_neko.png) no-repeat 0 0; + height: 214px; + width: 218px; + -moz-transform: rotate(-8deg); + -webkit-transform: rotate(-8deg); + transform: rotate(-8deg); +} + +p input#nom:hover { + background: transparent url(/images/nomnom.png) no-repeat top left; +} + +p input#nom:active { + position: relative; + top: 5px; + left: 150px; +} + +input#creator_email { + margin: 0 0 65px; +} + +#sum_noms .name { + font-weight: bold; +} + +a { + color: #7F8212; + text-decoration: none; +} + +#tell_me_how p, #tell_me_how li { + padding-bottom: .4em; +} +#tell_me_how li { + list-style-type: disc; + margin-left: 2em; +} +#location_form p { + color: #998675; + font-size: .7em; + margin: .2em 0 0 .5em; +} + +#yelp_contrib { +/* font-size: 0.6em;*/ + font-size: 0.9em; + line-height: 32px; + position: absolute; + bottom: 0px; + right: 5px; + filter:alpha(opacity=80); + -moz-opacity:0.8; + -khtml-opacity: 0.8; + opacity: 0.8; + +} + +#yelp_contrib img { + vertical-align: top; +} + +form p { position:relative } +label.inside { position:absolute; top:0; left:10px} + +label.inside[for=new_nom_details] {top:2px;} +label.inside[for=creator_email] {top:6px; left:30px;} + +#mail { + z-index: 10; + position: absolute; + background: transparent url(/images/mail.png) no-repeat top left; + height: 270px; + width: 291px; + left: 500px; + top: 190px; + padding: 56px 30px 0 75px; + margin-right: 175px; + text-align: center; +} + +#mail h1 { + font-size: 1.7em; +} + +#glossary { + position: absolute; + width: 275px; + left: 270px; + top: 120px; + padding: 10px 20px 40px; + -moz-transform-origin: 10% 90%; + -moz-transform: rotate(-1deg); + -webkit-transform-origin: 30% 0; + -webkit-transform: rotate(-1deg); + transform-origin: 0 0; + transform: rotate(-1deg); + -moz-box-shadow: 1px 3px 20px #111; + -webkit-box-shadow: 1px 3px 20px #111; + box-shadow: 1px 3px 20px #111; +} + +#glossary h3 { + font-size: 3em; + text-align: center; + border-bottom: 4px dotted #42210B; +} + +#glossary dt { + font: 1.6em "Layne Lighthouse Bold",Georgia, serif; + margin-top: .8em; +} + +#results_page { + position: relative; +} + +.result, #results_page .lame_pplz{ + font-size: .8em; + z-index: 5; + margin: 0px 10px 10px 10px; + background-color: #F4F0E6; + position: relative; + left: 130px; + top: 80px; + width: 455px; + margin-left: 50px; + -moz-box-shadow: 1px 3px 20px #111; + -webkit-box-shadow: 1px 3px 20px #111; + box-shadow: 1px 3px 20px #111; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} + +.votez .result { + width: 350px; +} + +#hidden { + display: none; +} + +.votez { + width: 750px; +} + +.result .nom { + width: 170px; + float: left; + padding: 10px 20px 15px; +} + +.result .nom .name { + font: 1.6em "Layne Lighthouse Bold",Georgia, serif; + font-size: 2em; +} + +.result .pplz{ + float: right; + padding-right: 20px; +} + +.pick { + float: right; + padding: 20px 20px; +} + +#vote input { + font-size: 1.8em; + background: #C9D159; + padding: 0 .5em; + border: 3px solid #7F8212; + position: absolute; + bottom: -130px; + left: 280px; + cursor: pointer; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; +} + +.pick img { + vertical-align: middle; +} + +#vote input:active { + position: absolute; + bottom: -132px; + left: 280px; +} + +.result .pplz p { + background: #F78288; + text-align: right; + margin: 5px -40px 0 0; + padding: 5px 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + -moz-box-shadow: 1px 3px 7px #222; + -webkit-box-shadow: 1px 3px 7px #222; + box-shadow: 1px 3px 7px #222; +} + +.result .pplz li { + background: #C9D159; + text-align: right; + margin: 5px -40px 5px 0; + padding: 5px 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + -moz-box-shadow: 1px 3px 7px #222; + -webkit-box-shadow: 1px 3px 7px #222; + box-shadow: 1px 3px 7px #222; +} + +.result .pplz img { + vertical-align: middle; + border: 4px solid #42210B; + margin-left: 4px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +.lame_pplz { + padding: 10px 20px 10px; +} + +.lame_pplz h3 { + text-align: center; + font-size: 2em; +} + +#results_list +{ + z-index: 5; +} + +#i_have_envelopes_plz { + position: absolute; + top: -15px; + left: -30px; + background: transparent url(/images/results.png) no-repeat top left; + height: 293px; + width: 210px; +} + +h2#i_have_envelopes_plz { + font-size: 1.4em; + text-align: center; + width: 165px; + padding: 27px 40px 0 175px; + margin-right: 50px; +} + +br { + clear: both; +} + +#rumble_banner { + position: absolute; + right: 0; + top: 0; + display: block; + height: 170px; + width: 170px; + background: url(/images/rumble.png) no-repeat; + text-indent: -999em; + text-decoration: none; +} + +/* github */ +ul.jq-ui-autocomplete{position:absolute;overflow:hidden;background-color:#fff;border:1px solid #aaa;margin:0;padding:0;list-style:none;font:normal .75em/.75em Verdana,Arial,sans-serif;color:#333;} +ul.jq-ui-autocomplete li{display:block;padding:.3em .5em .3em .3em;overflow:hidden;width:100%;} +ul.jq-ui-autocomplete li.active{background-color:#3875d7;color:#fff;} +.colorpicker{width:210px;height:176px;overflow:hidden;position:absolute;background:url(/images/colorpicker/colorpicker_background.png);font-family:Helvetica,Arial,FreeSans,sans-serif;display:none;} +.colorpicker_color{width:150px;height:150px;left:14px;top:13px;position:absolute;background:#f00;overflow:hidden;cursor:crosshair;} +.colorpicker_color div{position:absolute;top:0;left:0;width:150px;height:150px;background:url(/images/colorpicker/colorpicker_overlay.png);} +.colorpicker_color div div{position:absolute;top:0;left:0;width:11px;height:11px;overflow:hidden;background:url(/images/colorpicker/colorpicker_select.gif);margin:-5px 0 0 -5px;} +.colorpicker_hue{position:absolute;top:13px;left:171px;width:35px;height:150px;} +.colorpicker_hue div{position:absolute;width:35px;height:9px;overflow:hidden;background:url(/images/colorpicker/colorpicker_indic.gif) left top;margin:-4px 0 0 0;left:0;} +.colorpicker_new_color{position:absolute;width:60px;height:30px;left:213px;top:13px;background:#f00;} +.colorpicker_current_color{position:absolute;width:60px;height:30px;left:283px;top:13px;background:#f00;} +.colorpicker input{background-color:transparent;border:1px solid transparent;position:absolute;font-size:10px;font-family:Helvetica,Arial,FreeSans,sans-serif;color:#898989;top:4px;right:11px;text-align:right;margin:0;padding:0;height:11px;} +.colorpicker_hex{position:absolute;width:72px;height:22px;left:212px;top:142px;} +.colorpicker_hex input{right:6px;} +.colorpicker_field{height:22px;width:62px;background-position:top;position:absolute;} +.colorpicker_field span{position:absolute;width:12px;height:22px;overflow:hidden;top:0;right:0;cursor:n-resize;} +.colorpicker_rgb_r{top:52px;left:212px;} +.colorpicker_rgb_g{top:82px;left:212px;} +.colorpicker_rgb_b{top:112px;left:212px;} +.colorpicker_hsb_h{top:52px;left:282px;} +.colorpicker_hsb_s{top:82px;left:282px;} +.colorpicker_hsb_b{top:112px;left:282px;} +.colorpicker_submit{position:absolute;width:22px;height:22px;left:322px;top:142px;overflow:hidden;} +.colorpicker_focus{background-position:center;} +.colorpicker_hex.colorpicker_focus{background-position:bottom;} +.colorpicker_submit.colorpicker_focus{background-position:bottom;} +.colorpicker_slider{background-position:bottom;} +table.jCalendar{border:1px solid #000;background:#aaa;border-collapse:separate;border-spacing:2px;} +table.jCalendar th{background:#333;color:#fff;font-weight:bold;padding:3px 5px;} +table.jCalendar td{background:#ccc;color:#000;padding:3px 5px;text-align:center;} +table.jCalendar td.other-month{background:#ddd;color:#aaa;} +table.jCalendar td.today{background:#666;color:#fff;} +table.jCalendar td.selected{background:#f66;color:#fff;} +table.jCalendar td.selected:hover{background:#f33;color:#fff;} +table.jCalendar td:hover,table.jCalendar td.dp-hover{background:#fff;color:#000;} +table.jCalendar td.disabled,table.jCalendar td.disabled:hover{background:#bbb;color:#888;} +div.dp-popup{position:relative;background:#ccc;font-size:10px;font-family:arial,sans-serif;padding:2px;width:171px;line-height:1.2em;} +div#dp-popup{position:absolute;z-index:199;} +div.dp-popup h2{font-size:12px;text-align:center;margin:2px 0;padding:0;} +a#dp-close{font-size:11px;padding:4px 0;text-align:center;display:block;} +a#dp-close:hover{text-decoration:underline;} +div.dp-popup a{color:#000;text-decoration:none;padding:3px 2px 0;} +div.dp-popup div.dp-nav-prev{position:absolute;top:2px;left:4px;width:100px;} +div.dp-popup div.dp-nav-prev a{float:left;} +div.dp-popup div.dp-nav-prev a,div.dp-popup div.dp-nav-next a{cursor:pointer;} +div.dp-popup div.dp-nav-prev a.disabled,div.dp-popup div.dp-nav-next a.disabled{cursor:default;} +div.dp-popup div.dp-nav-next{position:absolute;top:2px;right:4px;width:100px;} +div.dp-popup div.dp-nav-next a{float:right;} +div.dp-popup a.disabled{cursor:default;color:#aaa;} +div.dp-popup td{cursor:pointer;} +div.dp-popup td.disabled{cursor:default;} +#facebox .b{background:url(/facebox/b.png);} +#facebox .tl{background:url(/facebox/tl.png);} +#facebox .tr{background:url(/facebox/tr.png);} +#facebox .bl{background:url(/facebox/bl.png);} +#facebox .br{background:url(/facebox/br.png);} +#facebox{position:absolute;top:0;left:0;z-index:100;text-align:left;} +#facebox .popup{position:relative;} +#facebox table{border-collapse:collapse;} +#facebox .body{padding:10px;background:#fff;width:370px;} +#facebox .loading{text-align:center;} +#facebox .image{text-align:center;} +#facebox img{border:0;} +#facebox .footer{border-top:1px solid #DDD;padding-top:5px;margin-top:10px;text-align:right;} +#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br{height:10px;width:10px;overflow:hidden;padding:0;} +#facebox_overlay{position:fixed;top:0;left:0;height:100%;width:100%;} +.facebox_hide{z-index:-100;} +.facebox_overlayBG{background-color:#000;z-index:99;} +//* html #facebox_overlay{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');} +.farbtastic{position:relative;} +.farbtastic *{position:absolute;cursor:crosshair;} +.farbtastic,.farbtastic .wheel{width:195px;height:195px;} +.farbtastic .color,.farbtastic .overlay{top:47px;left:47px;width:101px;height:101px;} +.farbtastic .wheel{background:url(/images/modules/farbtastic/wheel.png) no-repeat;width:195px;height:195px;} +.farbtastic .overlay{background:url(/images/modules/farbtastic/mask.png) no-repeat;} +.farbtastic .marker{width:17px;height:17px;margin:-8px 0 0 -8px;overflow:hidden;background:url(/images/modules/farbtastic/marker.png) no-repeat;} +.ac_results{padding:0;border:1px solid WindowFrame;background-color:Window;overflow:hidden;z-index:1000;} +.ac_results ul{list-style-position:outside;list-style:none;padding:0;margin:0;} +.ac_results li{margin:0;padding:2px 5px;cursor:default;display:block;font:menu;font-size:12px;overflow:hidden;text-align:left;} +.ac_loading{background:Window url('/images/modules/ajax/indicator.gif') right center no-repeat;} +.ac_over{background-color:Highlight;color:HighlightText;text-align:left;} +.syntax{background:#fff;} +.syntax .c{color:#998;font-style:italic;} +.syntax .err{color:#a61717;background-color:#e3d2d2;} +.syntax .k{font-weight:bold;} +.syntax .o{font-weight:bold;} +.syntax .cm{color:#998;font-style:italic;} +.syntax .cp{color:#999;font-weight:bold;} +.syntax .c1{color:#998;font-style:italic;} +.syntax .cs{color:#999;font-weight:bold;font-style:italic;} +.syntax .gd{color:#000;background-color:#fdd;} +.syntax .gd .x{color:#000;background-color:#faa;} +.syntax .ge{font-style:italic;} +.syntax .gr{color:#a00;} +.syntax .gh{color:#999;} +.syntax .gi{color:#000;background-color:#dfd;} +.syntax .gi .x{color:#000;background-color:#afa;} +.syntax .go{color:#888;} +.syntax .gp{color:#555;} +.syntax .gs{font-weight:bold;} +.syntax .gu{color:#aaa;} +.syntax .gt{color:#a00;} +.syntax .kc{font-weight:bold;} +.syntax .kd{font-weight:bold;} +.syntax .kp{font-weight:bold;} +.syntax .kr{font-weight:bold;} +.syntax .kt{color:#458;font-weight:bold;} +.syntax .m{color:#099;} +.syntax .s{color:#d14;} +.syntax .na{color:#008080;} +.syntax .nb{color:#0086B3;} +.syntax .nc{color:#458;font-weight:bold;} +.syntax .no{color:#008080;} +.syntax .ni{color:#800080;} +.syntax .ne{color:#900;font-weight:bold;} +.syntax .nf{color:#900;font-weight:bold;} +.syntax .nn{color:#555;} +.syntax .nt{color:#000080;} +.syntax .nv{color:#008080;} +.syntax .ow{font-weight:bold;} +.syntax .w{color:#bbb;} +.syntax .mf{color:#099;} +.syntax .mh{color:#099;} +.syntax .mi{color:#099;} +.syntax .mo{color:#099;} +.syntax .sb{color:#d14;} +.syntax .sc{color:#d14;} +.syntax .sd{color:#d14;} +.syntax .s2{color:#d14;} +.syntax .se{color:#d14;} +.syntax .sh{color:#d14;} +.syntax .si{color:#d14;} +.syntax .sx{color:#d14;} +.syntax .sr{color:#009926;} +.syntax .s1{color:#d14;} +.syntax .ss{color:#990073;} +.syntax .bp{color:#999;} +.syntax .vc{color:#008080;} +.syntax .vg{color:#008080;} +.syntax .vi{color:#008080;} +.syntax .il{color:#099;} +*{margin:0;padding:0;} +html,body{height:100%;} +body{background-color:white;font:13.34px helvetica,arial,freesans,clean,sans-serif;*font-size:small;text-align:center;} +table{font-size:inherit;font:100%;} +select,input[type=text],input[type=password],input[type=image],textarea{font:99% helvetica,arial,freesans,sans-serif;} +select,option{padding:0 .25em;} +input.text{padding:1px 0;} +optgroup{margin-top:.5em;} +pre,code{font:115% Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;*font-size:100%;} +body *{line-height:1.4em;} +img{border:0;} +a{color:#4183c4;text-decoration:none;} +a.action{color:#d00;text-decoration:underline;} +a.action span{text-decoration:none;} +a:hover{text-decoration:underline;} +.clear{clear:both;} +.sparkline{display:none;} +.right{float:right;} +.left{float:left;} +.hidden{display:none;} +img.help{vertical-align:middle;} +.notification{background:#FFFBE2 none repeat scroll 0;border:1px solid #FFE222;padding:1em;margin:1em 0;font-weight:bold;} +.warning{background:#fffccc;font-weight:bold;padding:.5em;margin-bottom:.8em;} +.error_box{background:#FFEBE8 none repeat scroll 0;border:1px solid #DD3C10;padding:1em;font-weight:bold;} +abbr{border-bottom:none;} +.flash{color:green;} +.corner{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding:3px;} +body{text-align:center;} +.site{width:69em;margin:0 auto;padding:0 3em;text-align:left;} +.syntax .gc{color:#999;background-color:#EAF2F5;} +#site_alert{margin-bottom:1em;} +#site_alert p{margin:0 auto;width:85%;text-align:center;font-weight:bold;color:#fff;background:#000;padding-top:.3em;} +#header{background:#fcfcfc url(/images/modules/header/header_bg.png) 0 100% repeat-x;height:6.82em;min-width:75em;} +#header a{color:#fff;} +#header a:hover{text-decoration:none;} +#header .logo{padding-top:1.2em;float:left;} +#header .actions{float:right;color:#444;font-size:110%;margin-top:2.3em;} +#header .actions a{color:#444;margin-left:1.5em;padding:.4em;} +#header .actions a:hover{text-decoration:none;background-color:#dcdcdc;} +#header.basic{border-bottom:5px solid #ddd;margin-bottom:1em;} +#header .userbox{background:#EAF2F5;border:1px solid #ddd;float:right;margin-top:1.6em;width:25em;color:#aac;} +#header .userbox .box{margin:.25em .5em;} +#header .userbox .gravatar{float:left;} +#header .userbox .gravatar img{border:1px solid #d0d0d0;padding:2px;background-color:white;margin-right:.7em;} +#header .userbox .top{overflow:hidden;} +#header .userbox .top .name{float:left;overflow:hidden;font-weight:bold;width:10em;} +#header .userbox .top .name a{color:#000;} +#header .userbox .top .links{font-size:85%;margin-top:.2em;float:right;text-align:right;} +#header .userbox .top .links a{color:#4183c4;} +#header .userbox .top .links a:hover{text-decoration:underline;} +#header .userbox .bottom{overflow:hidden;} +#header .userbox .inbox{float:left;margin-top:.7em;background:url('/images/modules/inbox/message.png') 0 .1em no-repeat;} +#header .userbox .inbox a{padding-left:20px;display:block;} +#header .userbox a{color:#4183c4;} +#header .userbox .bottom .select{float:right;margin-top:.5em;} +#header .topsearch{float:left;width:19em;margin:2.05em 0 0 1em;color:#bbb;} +#header .topsearch a{color:#666;font-size:80%;} +#header .topsearch a:hover{color:black;text-decoration:underline;} +#header .topsearch form{padding-top:.4em;} +#header .topsearch input{vertical-align:middle;} +body:first-of-type#header .topsearch input{font-size:110%;} +#header .topsearch input.search{padding-top:1px;width:12em;} +body:first-of-type #header .topsearch input.search{padding-top:0;font-size:120%;width:9em;} +#header .topsearch input[type=submit]{position:relative;top:1px;} +body:first-of-type #header .topsearch input[type=submit]{top:0;} +#header .topsearch .links span{float:right;} +#main{min-height:100%;height:auto!important;height:100%;margin:0 auto -8.6em;} +.push{height:8.6em;padding-bottom:4em;} +#footer{height:8.6em;background:#bbccd9 url(/images/modules/footer/bg.png) 0 0 repeat-x;overflow:hidden;color:#cadcea;min-width:75em;} +#footer a{color:white;text-decoration:underline;} +#footer .info{padding:2.9em 0 3.3em 0;float:left;} +#footer .info .links{padding-bottom:.4em;border-bottom:3px solid #5c8ab3;} +#footer .info .company{padding-top:.4em;} +#footer .sponsor{padding:2.75em 0 1em 0;float:right;width:20em;} +#footer .sponsor img{float:right;margin:.4em 0 0 .75em;} +#footer .sponsor a{text-decoration:none;} +#footer .sponsor div{text-align:right;font-size:.9em;margin-top:.7em;} +#error{margin-top:2em;text-align:center;} +#error h1{font-size:140%;margin-top:1em;} +#error ul{padding-left:1em;} +#error .status500,#error .status404{width:36em;margin:10px auto;text-align:left;} +#error .status500 p,#error .status404 p{font-weight:bold;margin:10px 0;} +#error .maintenance{text-align:center;} +#error .maintenance p{text-align:center;font-weight:bold;} +.standard_form{margin:3em auto 0 auto;width:60em;background-color:#eaf2f5;padding:2em 2em 1em 2em;border:20px solid #ddd;} +.standard_form h1{font-size:160%;margin-bottom:1em;} +.standard_form h1 a{font-size:70%;font-weight:normal;} +.standard_form p{margin:.5em 0;} +.standard_form p.note{color:#a00;} +.standard_form form label,.standard_form form .label,label.standard{font-size:110%;color:#666;display:block;margin:0;margin-top:1em;} +.standard_form form label a{font-size:90%;} +.standard_form form label.error{color:#a00;} +.standard_form form .label label{margin:0;color:black;font-size:95%;} +.standard_form form .label span{font-size:90%;color:#888;} +.standard_form form input.text,.standard_form form textarea{padding:5px;border:1px solid #888;} +.standard_form form input.text{font-size:110%;} +.standard_form form input.submit{font-size:120%;padding:.1em 1em;} +.standard_form form label.error input.text,.standard_form form label.error textarea{border:1px solid #a00;background-color:#f2e1e1;} +#contact-form{margin-top:1.3em;} +#contact-form td{padding:.5em;} +#contact-form input[type='text'],#contact-form textarea{width:30em;} +.page_form th,.page_form td{padding:5px;} +.page_form th{padding-right:10px;text-align:right;} +.page_form td textarea{width:400px;height:70px;} +#profile{margin:3em auto 0 auto;width:60em;} +#login{width:31em;} +#forgot_password{width:31em;} +#repo_menu{background:#eaeaea url(/images/modules/repo_menu/bg.png) 0 0 repeat-x;text-align:left;overflow:hidden;} +#repo_menu ul{overflow:hidden;background:#f4f4f4 url(/images/modules/repo_menu/tab.png) 0 0 repeat-x;border-bottom:3px solid white;} +#repo_menu ul li{background:#f4f4f4 url(/images/modules/repo_menu/tab.png) 0 0 repeat-x;float:left;list-style-type:none;height:1.6em;padding-top:.4em;border-right:2px solid #eee;position:relative;} +#repo_menu ul li:hover{background:#f4f4f4 url(/images/modules/repo_menu/tab_hover.png) 0 0 repeat-x;} +#repo_menu ul li.active{background:white url(/images/modules/repo_menu/tab_active.png) 0 0 repeat-x;} +#repo_menu ul li a{padding:1em 1em .3em 1em;color:#979797;font-size:110%;} +#repo_menu ul li a:hover{color:black;text-decoration:none;} +#repo_menu ul li.active a{color:black;} +#repo_sub_menu{height:2.099em;background:#dadada url(/images/modules/repo_sub_menu/bg.png) 0 100% repeat-x;margin-bottom:1.5em;line-height:1.5;} +#repo_sub_menu .site{padding:.4em 1em 0 1em;} +#repo_sub_menu ul{list-style:none;} +#repo_sub_menu li{float:left;position:relative;} +#repo_sub_menu li ul{display:none;position:absolute;z-index:1000;top:1em;left:0;background-color:#d0d0d0;margin-left:1.7em;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;padding:.3em;} +#repo_sub_menu li>ul{top:auto;left:auto;min-width:116px;max-height:200px;overflow:auto;overflow-x:hidden;white-space:nowrap;} +#repo_sub_menu li ul li{top:auto;left:auto;float:none;min-width:6em;} +#repo_sub_menu li ul li:hover{background-color:#bbb;} +#repo_sub_menu li ul li a{margin-left:0;margin-right:1em;padding:.1em .3em;display:block;} +#repo_sub_menu li:hover ul{display:block;} +#repo_sub_menu a{padding:.3em;margin-left:2em;color:black;} +#repo_sub_menu a:hover{text-decoration:none;} +#repo_sub_menu a.active{background-color:#eee;} +#home .announce{min-width:75em;margin-top:-1em;background-color:#fbfbfb;} +#home .announce h1{font-family:"HelveticaNeue-Light",Helvetica,Arial,FreeSans,sans-serif;font-size:240%;text-align:center;font-weight:normal;color:#133855;padding:.75em 0;} +#home .gateway{min-width:75em;overflow:hidden;background:#fbfbfb;} +#home .gateway .opensource{float:left;width:34em;} +#home .search *{vertical-align:top;} +#home .search .label{color:#777;font-size:110%;font-weight:bold;} +#home .search .box input.text{width:16.6em;height:1em;font-size:180%;padding:.2em 0 .2em 0;border:3px solid #b4b4b4;margin-top:.1em;} +#home .search .box input[type=image]{width:3.223em;height:3.223em;} +#home .featured{margin-top:1.5em;background-color:white;padding:.4em .5em .4em .5em;border:2px solid #f2f2f2;position:relative;margin-right:.3em;} +#home .featured img{position:absolute;left:-2.549em;top:0;width:3.073em;height:4.798em;} +#home .featured .meta a{color:#369;} +#home .featured .meta .user{font-weight:bold;} +#home .featured .meta .repo{font-weight:bold;font-size:270%;margin-top:-.2em;} +#home .featured .meta .when{float:right;font-weight:bold;color:#c7c7c7;font-size:95%;} +#home .featured .blurb{color:#888;} +#home .featured .blurb p{font-size:110%;} +#home .featured .blurb span{color:black;font-size:105%;} +#home .popular{margin-top:.5em;margin-bottom:1em;padding-top:1em;} +#home .popular h3{font-size:105%;color:#aaa;} +#home .popular img{border:1px solid #d0d0d0;padding:1px;background-color:white;margin-right:.1em;position:relative;top:.25em;} +#home .popular a{color:black;} +#home .popular ul{list-style-type:none;} +#home .popular ul li{font-size:125%;color:#888;} +#home .popular ul li a.repo{font-weight:bold;} +#home .gateway .business{float:right;width:34em;background:transparent url(/images/modules/home/briefcases.png) 50% .8em no-repeat;text-align:center;} +#home .gateway .business p{margin-top:4.75em;font-size:120%;color:#444;line-height:1.5em;} +#home .gateway .business .logos{overflow:hidden;height:300px;} +#home .gateway .business .logos .slide{position:relative;top:0;} +#home .gateway .business table{width:100%;} +#home .gateway .business td{height:75px;vertical-align:middle;text-align:center;} +.stats h1{display:inline;} +.stats h1 a{color:#000;text-decoration:none;} +.stats h1 a:hover{text-decoration:underline;} +.stats h3{padding-left:.5em;display:inline;font-size:105%;color:#aaa!important;margin-bottom:.5em;border-top:none;} +#home .headline{font-family:"HelveticaNeue-Light",Helvetica,Arial,FreeSans,sans-serif;margin-bottom:4.2em;} +#home .headline .words{margin-top:1.5em;text-align:center;} +#home .headline .tour{margin-top:3em;text-align:center;} +#home .headline h1,#home .headline h2{text-align:center;font-weight:normal;} +#home .headline h1{font-size:240%;color:#133855;} +#home .headline h2{font-size:150%;color:#133855;} +#home .features{border-top:5px solid #ddd;background-color:#edf2f6;overflow:hidden;padding:1em 2em 3em 2em;} +#home .features h3{font-size:150%;margin-top:1em;} +#home .features p{font-size:120%;color:#444;padding-bottom:1em;} +#home .features .left{margin-left:7em;float:left;width:25em;} +#home .features .right{margin-right:7em;float:right;width:25em;} +#home .screens{overflow:hidden;border-top:5px solid #ddd;border-bottom:5px solid #ddd;padding:2em 0 2.5em 0;} +#home .screens .site{text-align:center;width:68em;margin:0 auto;list-style-type:none;} +#home .screens h2{margin-bottom:.5em;} +#home .screens .screenshot{float:left;text-align:center;margin:0 1em 2em 0;width:275px;} +#home .screens .screenshot img{margin-bottom:.1em;} +#home .learn{overflow:hidden;padding:2em 0 2.5em 0;background-color:#edf2f6;} +#home .learn .site{text-align:center;width:68em;margin:0 auto;} +#home .learn .book{border:4px solid #eee;background-color:white;width:88%;margin:0 auto;margin-bottom:2em;overflow:hidden;} +#home .learn .book img{float:left;padding:1em 1em 1em 1.5em;} +#home .learn .book .info{float:left;width:25em;text-align:left;} +#home .learn .book .other{float:right;width:18em;text-align:left;} +#home .learn .book div h2{font-family:"HelveticaNeue-Light",Helvetica,Arial,FreeSans,sans-serif;font-weight:normal;font-size:160%;margin:1.5em 0 .25em 0;color:#666;} +#home .learn .book div h2 a{text-decoration:underline;} +#home .learn .book div p{color:#666;} +#home .learn h2{margin-bottom:1em;} +#home .learn table{width:90%;margin:0 auto;} +#home .learn table td img{border:1px solid #aaa;background-color:#eee;display:block;padding:5px;margin-bottom:.5em;} +#home .learn table td{text-align:left;font-size:88%;vertical-align:top;color:#777;} +#home .learn table td div{width:185px;margin:0 auto;outline:red;} +#testimonials{text-align:center;padding-top:2em;} +#testimonials .quotes{margin-left:2em;} +#testimonials blockquote{margin:2em auto;font-style:italic;color:#666;width:15em;float:left;margin-right:1em;min-height:8.5em;} +#testimonials blockquote span{text-align:right;display:block;} +#commit{overflow:hidden;} +#commit .group{border-top:1px solid #bedce7;} +#commit .separator{padding-top:1em;} +#commit .envelope{border-bottom:1px solid #bedce7;border-left:1px solid #bedce7;border-right:1px solid #bedce7;padding:0 .7em .7em .7em;background:#eaf2f5 url(/images/modules/commit/bg_gradient.gif) 0 100% repeat-x;overflow:hidden;} +#commit .envelope.selected{background:#fffeeb!important;} +#commit .envelope.selected .machine span{border-bottom:1px dotted #4183c4;} +#commit.single_commit .envelope .machine span{border-bottom:1px dotted #4183c4;} +#commit .human{padding-top:.7em;float:left;width:40em;} +#commit .human .refs{font-size:150%;} +#commit .human .message{font-size:80%;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;} +#commit .human .message a{color:#000;} +#commit .human .message a.vis{color:#4183c4;} +#commit .human .actor{clear:left;margin-top:.75em;} +#commit .human .actor .gravatar{border:1px solid #d0d0d0;padding:2px;background-color:white;float:left;margin-right:.7em;} +#commit .human .actor .name{line-height:1.5em;} +#commit .human .actor .name a{color:#000;} +#commit .human .actor .name span{color:#888;font-size:90%;} +#commit .human .actor .date{color:#888;font-size:90%;line-height:1em;} +#commit .merge{padding-top:.7em;} +#commit .merge a{color:#000;} +#commit .merge .gravatar{border:1px solid #d0d0d0;padding:2px;background-color:white;float:left;margin-right:.5em;} +#commit .merge .message{margin-top:.2em;} +#commit .machine{float:right;width:30em;padding:.7em 0 .7em .7em;border-left:1px solid #bedce7;color:#808080;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:.85em;line-height:1.5em;} +#commit .commit_oneline{background:#eaf2f5 url(/images/modules/commit/bg_gradient.gif) 0 100% repeat-x;} +#commit .commit_oneline td{border-bottom:1px solid #bedce7;} +#commit .commit_oneline .date{color:#888;width:1%;padding:0 1em 0 .5em;border-left:1px solid #bedce7;} +#commit .commit_oneline .author{width:15%;} +#commit .commit_oneline .gravatar{width:1%;} +#commit .commit_oneline .gravatar img{border:1px solid #d0d0d0;padding:1px;background-color:white;float:left;margin-right:.4em;} +#commit .commit_oneline .author a{font-weight:bold;color:black;} +#commit .commit_oneline .message{font-size:75%;} +#commit .commit_oneline .message a{color:black;} +#commit .commit_oneline .commit,#commit .commit_oneline .tree{width:1%;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:90%;color:#808080;border-left:1px solid #bedce7;padding:.6em .5em;} +#commit .commit_oneline .tree{border-right:1px solid #bedce7;} +#all_commit_comments .comment .body img{max-width:67.5em;} +#integration-branch{background:#ffb;border:1px solid #dd9;border-bottom:1px solid #ffb;padding:8px;color:#333;} +#integration-branch table td{padding:.5em .5em 0 0;} +#int-info img{position:relative;top:-.1em;} +#forkqueue .topper{overflow:hidden;} +#forkqueue #path{overflow:hidden;float:left;} +#forkqueue .legend{font-size:100%;float:right;margin-top:1.2em;} +#forkqueue .legend .clean{border:1px solid #ccc;background:#DEFFDD url(/images/modules/forkqueue/bg_clean.png) 0 100% repeat-x;padding:.2em .4em;float:right;} +#forkqueue .legend .unclean{border:1px solid #ccc;background:#FFD9D9 url(/images/modules/forkqueue/bg_unclean.png) 0 100% repeat-x;padding:.2em .4em;float:right;margin-left:.8em;} +#forkqueue h2{font-size:120%;margin-bottom:.3em;font-weight:normal;} +#forkqueue h2 a.branch{font-weight:bold;} +#forkqueue table{width:100%;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;margin-bottom:2em;} +#forkqueue table tr td{background-color:#eaf2f5;} +#forkqueue table tr.clean td{background:#DEFFDD url(/images/modules/forkqueue/bg_clean.png) 0 100% repeat-x;} +#forkqueue table tr.unclean td{background:#FFD9D9 url(/images/modules/forkqueue/bg_unclean.png) 0 100% repeat-x;} +#forkqueue table tr.unclean_failure td{background:#FFD9D9 url(/images/modules/forkqueue/bg_unclean.png) 0 100% repeat-x;border-bottom:none!important;} +#forkqueue table tr.failure td{background:#FFD9D9;} +#forkqueue table tr.failure td div.message{background:#FFECEC;padding:.5em;border:1px solid #FCC;margin-bottom:.3em;} +#forkqueue table th{font-weight:normal;border-bottom:1px solid #ccc;padding:.3em .6em;background-color:#eee;font-size:95%;} +#forkqueue table th select{margin-left:1em;} +#forkqueue table td{border-bottom:1px solid #ccc;padding:.3em .6em;} +#forkqueue table td.sha,#forkqueue table td.message{font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:80%;} +#forkqueue table td.checkbox{width:3%;} +#forkqueue table td.sha{width:6%;} +#forkqueue table td.human{font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:80%;width:4%;color:#888;} +#forkqueue table td.author{width:15%;font-weight:bold;} +#forkqueue table td.author img{vertical-align:middle;} +#forkqueue table td.message a{color:black;} +#forkqueue table td.message a:hover{text-decoration:underline;} +#forkqueue table td.date{width:12%;text-align:right;} +#forkqueue table td.author img{border:1px solid #ccc;padding:1px;background-color:white;} +#forkqueue table td.icons{width:3%;} +#forkqueue tr.failure .message h2{text-align:center;} +#forkqueue tr.failure .message p{font-size:130%;text-align:center;font-weight:bold;} +#forkqueue table.compare{border:none;margin:0;width:100%;} +#forkqueue table.compare td{padding:0;width:49.5%;border:none;background:none!important;vertical-align:top;} +#forkqueue table.compare td form{text-align:center;margin-bottom:.75em;} +#forkqueue table.compare td .confine{overflow:auto;width:32.75em;border:1px solid #ccc;} +#forkqueue table.compare td.spacer{width:1%;} +#forkqueue table.choice{margin:0;border:none;} +#forkqueue table.choice td{background:#f8f8f8!important;font-size:80%;vertical-align:middle;} +#forkqueue table.choice td.lines{width:1%;background-color:#ececec;color:#aaa;padding:1em .5em;border-right:1px solid #ddd;text-align:right;} +#forkqueue table.choice td.lines span{color:#9F5E5E;} +#forkqueue table.choice td.code{background-color:#f8f8ff!important;font-family:'Bitstream Vera Sans Mono','Courier',monospace;padding-left:1em;} +#forkqueue table.choice td.code span{color:#888;} +#forkqueue table.choice td.code a{color:#7C94AC;} +#forkqueue #finalize{text-align:center;} +#forkqueue .instructions{border:1px solid #aaa;background:#eee;padding:8px;color:#444;margin-bottom:8px;} +#invite_link{float:right;font-size:14px;margin-top:18px;background:#fffeeb;padding:3px 5px;} +#invitee_box{background:#eaf2f5;border:1px solid #bedce7;padding:5px;display:none;} +#invitee_box div{background:#fff;border:1px solid #ccc;width:400px;} +#invitee_box strong{margin-top:5px;display:block;} +#invitee_box p{margin-bottom:1.5em;} +#invitee_box h3{margin-bottom:10px;} +#invitee_box span{margin-left:10px;} +#invitees{list-style:none;margin-bottom:10px;} +#path{font-size:140%;padding:.8em 0;} +#toc{padding:1.5em 0;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:90%;} +#toc ul{border-top:1px solid #eee;} +#toc ul li{list-style-type:none;padding:.4em 0 .4em 20px;border-bottom:1px solid #eee;} +#toc ul li.added{background:white url(/images/modules/toc/added.png) 0 50% no-repeat;} +#toc ul li.removed{background:white url(/images/modules/toc/removed.png) 0 50% no-repeat;} +#toc ul li.modified{background:white url(/images/modules/toc/modified.png) 0 50% no-repeat;} +#entice{margin:-.5em 0 1em 0;padding:.25em .5em;border:2px solid #20BC00;overflow:hidden;background-color:#DEFFDD;} +#entice .explanation{float:left;font-size:100%;width:45em;} +#entice .explanation h2{margin:0 0 .25em 0;font-weight:normal;font-size:130%;} +#entice .explanation p{color:#052000;} +#entice .signup{float:right;padding:.5em 6.5em 0 0;text-align:center;} +#entice .signup a{font-size:190%;color:#0C4A00;text-decoration:underline;} +#browser{margin-bottom:1em;} +#browser table{border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;width:100%;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:90%;} +#browser table th{text-align:left;font-weight:normal;background-color:#eaeaea;color:#999;padding:.5em .3em;border-bottom:1px solid #d8d8d8;} +#browser table .history{float:right;padding-right:5px;} +#browser table td{background:#f8f8f8 url(/images/modules/browser/row_bg.png) 0 100% repeat-x;padding:.5em .3em;color:#484848;border-bottom:1px solid #e1e1e1;} +#browser table td.icon{width:1.3em;} +#browser table td a.message{color:#484848;} +#browser table td span.ref{color:#aaa;} +#readme{font:13.34px helvetica,arial,freesans,clean,sans-serif;} +#readme.announce{margin:1em 0;} +#readme span.name{font-size:140%;padding:.8em 0;} +#readme div.plain,#readme div.wikistyle{background-color:#f8f8f8;padding:.7em;} +#readme.announce div.plain,#readme.announce div.wikistyle{border:1px solid #e9e9e9;} +#readme.blob div.plain,#readme.blob div.wikistyle{border-top:none;} +#readme div.plain pre{font-family:'Bitstream Vera Sans Mono','Courier',monospace;font-size:85%;color:#444;} +#files textarea{font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;border:1px solid #dedede;font-size:90%;background-color:#f8f8ff;padding:5px;} +#files .file{border:1px solid #dedede;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;margin-bottom:1em;} +#files .file .meta{overflow:hidden;font-size:90%;padding:.5em 1em;color:#666;background-color:#eaeaea;border-bottom:1px solid #ddd;} +#files .file .meta .info{float:left;} +#files .file .meta .info span{margin-right:3em;} +#files .file .meta .actions{float:right;text-align:right;} +#files .file .meta .actions a{margin-left:2em;} +#files .file .data{font-size:80%;overflow:auto;background-color:#f8f8ff;} +#files .image{padding:1.2em;text-align:center;} +#files .image img{max-width:60em;} +#files .file .data pre,#files .file .line-data{font-family:'Bitstream Vera Sans Mono','Courier',monospace;font-size:115%;} +#files .file .data .highlight{padding:1em 0;} +#files .file .data .highlight div{padding-left:1em;} +#files .file .data .line_numbers{background-color:#ececec;color:#aaa;padding:1em .5em;border-right:1px solid #ddd;text-align:right;} +#files .file .data .line_numbers span,#files .file .data .line_numbers a{color:#aaa;cursor:pointer;} +#files .file .glif{background-color:#f0f0f0;border-bottom:1px solid #dedede;padding:.5em 0;} +#files .file .glif table{margin:0 auto;} +#files .file .glif table td{font-size:70%;text-align:center;color:#888;} +#files .file .glif table canvas{border:1px solid #ddd;background-color:white;} +#files .bubble{background:url(/images/modules/commit/off_comment_bubble.png) no-repeat;color:white;height:1.4em;margin:-0.2em 0 0 -9.6em;padding:.1em .8em 0 0;padding-left:0!important;position:absolute;width:1.5em;cursor:pointer;} +#files .bubble.commented{background:url(/images/modules/commit/comment_bubble.png) no-repeat;} +#files .meta .bubble{font-family:'Bitstream Vera Sans Mono','Courier',monospace;margin:-0.2em 0 0 -3.9em;height:1.5em;} +#files .empty{background:none;} +#files .bubble span{display:block;line-height:1.4em;text-align:center;} +.blame{background-color:#f8f8f8!important;} +.blame table tr td{padding:.2em .5em;} +.blame .commit-date{color:#888;} +.blame table tr.section-first td{border-top:1px solid #ddd;} +.blame .line-number{background-color:#ececec;color:#aaa;padding:0 .5em;text-align:right;border-left:1px solid #ddd;border-right:1px solid #ddd;} +.blame .line-data{background-color:#f8f8ff;white-space:pre;} +#repos{margin-bottom:1em;} +#repos h1{font-size:160%;} +#repos h1 a{font-size:70%;font-weight:normal;} +#repos .hint{font-style:italic;color:#888;margin:.3em 0;} +#repos .repo{margin:1em 0;padding:.1em .5em .1em .5em;} +#repos .public{border:1px solid #d8d8d8;background-color:#f0f0f0;} +#repos .private{border:1px solid #f7ca75;background-color:#fffeeb;} +#repos .repo .title{overflow:hidden;} +#repos .repo .title .path{float:left;font-size:140%;} +#repos .repo .title .path img{vertical-align:middle;} +#repos .repo .title .path .button{margin-left:.25em;vertical-align:-12%;} +#repos .repo .title .path span a{font-size:75%;font-weight:normal;} +#repos .repo .title .security{float:right;text-align:right;font-weight:bold;padding-top:.5em;} +#repos .repo .title .security *{vertical-align:middle;} +#repos .repo .title .security img{position:relative;top:-1px;} +#repos .repo .title .flexipill{float:right;padding-top:.3em;margin-right:.5em;} +#repos .repo .title .flexipill a{color:black;} +#repos .repo .title .flexipill .middle{background:url(/images/modules/repos/pills/middle.png) 0 0 repeat-x;padding:0 0 0 .3em;} +#repos .repo .title .flexipill .middle span{position:relative;top:.1em;font-size:95%;} +#facebox #rubygem_install{padding:0 .5em;} +#facebox #rubygem_install div{margin-top:.5em;} +#facebox #rubygem_install form{margin-top:1.5em;} +#facebox #rubygem_install form *{vertical-align:middle;} +#facebox #rubygem_install form .success{color:#0a0;} +#facebox #rubygem_install form .failure{color:#a00;} +#repos .repo .meta{margin:.2em 0 0 0;overflow:hidden;} +#repos .repo .meta table{float:left;max-width:48em;} +#repos .repo .meta table td *{vertical-align:middle;} +#repos .repo .meta table td.label{color:#888;padding-right:.25em;vertical-align:bottom;} +#repos .repo .meta table td span.editarea input{margin-top:.5em;margin-right:.5em;} +#repos .repo .meta table td textarea{display:block;clear:right;} +#repos .repo .meta table td.url{color:#4183c4;} +#repos .repo .meta table td.blank{color:#bbb;} +#repos .repo .pledgie{float:right;} +#repos .repo .commit{border:1px solid #bedce7;margin-top:.5em;padding:0 .5em .5em .5em;background:#eaf2f5 url(/images/modules/commit/bg_gradient.gif) 0 100% repeat-x;overflow:hidden;} +#repos .repo .commit .actor{float:left;margin-top:.5em;} +#repos .repo .commit .actor .gravatar{border:1px solid #d0d0d0;padding:2px;background-color:white;float:left;margin-right:.7em;} +#repos .repo .commit .actor .name{line-height:1.5em;} +#repos .repo .commit .actor .name span{color:#888;font-size:90%;} +#repos .repo .commit .actor .date{color:#888;font-size:90%;line-height:1em;} +#repos .repo .commit .message{float:left;padding:.5em 0 .5em .5em;margin-left:2em;border-left:1px solid #bedce7;} +#repos .repo .commit .machine{float:right;width:30em;padding:.5em 0 .5em .5em;border-left:1px solid #bedce7;color:#808080;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:85%;line-height:1.5em;} +#repos .repo .diffs{margin-top:.5em;} +#repos .repo .diffs .diff *{vertical-align:middle;} +#repos .repo .diffs .diff img{position:relative;top:-1px;} +.search-match{background:#fffccc;font-weight:bold;} +.test_hook,.hook_help{margin-left:5px;text-decoration:underline;} +#import_repo h3{margin-bottom:.8em;} +#import_repo ul{margin-bottom:2em;} +#import_repo ul li{margin:0 0 .8em 1.5em;} +.service-list{float:left;margin:1.5em 1.5em 1em 0;padding:1em;border:1px solid #ccc;background:#f8f8f8;width:15em;} +.service-list .service_active a{color:#3a3;font-weight:bold;} +.service-list .service_inactive a{color:#a33;} +.service-list ul{list-style-type:none;} +.service-hook{float:left;margin:1.5em 0;padding:1em;border:1px solid #ccc;background:#f8f8f8;width:40em;} +.service-list legend,.service-hook legend{font-size:1.2em;font-weight:bold;} +.service-hook label{float:left;width:7em;} +.service-hook p{margin-top:.5em;} +.service-hook input.text,.service-hook input.password{border:1px solid #888;width:31em;} +.service-hook .help_box{margin-top:.5em;border:1px solid #eee;padding:.8em;background:#fff;} +.service-hook .help_box pre{font-size:80%;} +#dashboard{overflow:hidden;} +#dashboard h1{font-size:160%;margin-bottom:.5em;} +#dashboard h1 a{font-size:70%;font-weight:normal;} +.news{float:left;width:42em;} +.news blockquote{color:#666;} +.news pre,.news code{font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:90%;} +.news h1{margin-bottom:0;} +.filter,.feed_filter{border-bottom:1px solid #AAA;padding-bottom:.25em;margin-bottom:1em;} +.filter li,.feed_filter li{clear:none;display:inline;} +#dashboard .news .alert{padding:0 0 1em 2em;overflow:hidden;} +#dashboard .news .alert .body{border-bottom:1px solid #ccc;overflow:hidden;padding:0 0 1em 0;} +#dashboard .news .alert .title{padding:0 0 .25em 0;font-weight:bold;} +#dashboard .news .alert .title span{background-color:#fff6a9;} +#dashboard .news .alert .title .subtle{color:#bbb;} +#dashboard .news .alert .gravatar{border:1px solid #d0d0d0;padding:2px;background-color:white;float:left;margin-right:.7em;} +#dashboard .news .commit{background:url(/images/modules/dashboard/news/commit.png) no-repeat;} +#dashboard .news .commit_comment{background:url(/images/modules/dashboard/news/comment.png) no-repeat;} +#dashboard .news .create{background:url(/images/modules/dashboard/news/create.png) no-repeat;} +#dashboard .news .git_hub{background:url(/images/modules/dashboard/news/site.png) no-repeat;} +#dashboard .news .delete{background:url(/images/modules/dashboard/news/delete.png) no-repeat;} +#dashboard .news .pull_request{background:url(/images/modules/dashboard/news/pull_request.png) no-repeat;} +#dashboard .news .fork{background:url(/images/modules/dashboard/news/fork.png) no-repeat;} +#dashboard .news .fork_apply{background:url(/images/modules/dashboard/news/merge.png) no-repeat;} +#dashboard .news .follow{background:url(/images/modules/dashboard/news/follow.png) no-repeat;} +#dashboard .news .issues_closed{background:url(/images/modules/dashboard/news/issues_closed.png) no-repeat;} +#dashboard .news .issues_opened{background:url(/images/modules/dashboard/news/issues_opened.png) no-repeat;} +#dashboard .news .gist{background:url(/images/modules/dashboard/news/gist.png) no-repeat;} +#dashboard .news .guide{background:url(/images/modules/dashboard/news/wiki.png) no-repeat;} +#dashboard .news .wiki{background:url(/images/modules/dashboard/news/wiki.png) no-repeat;} +#dashboard .news .member_add{background:url(/images/modules/dashboard/news/member_add.png) no-repeat;} +#dashboard .news .member_remove{background:url(/images/modules/dashboard/news/member_remove.png) no-repeat;} +#dashboard .news .watch_started{background:url(/images/modules/dashboard/news/watch_started.png) no-repeat;} +#dashboard .news .watch_stopped{background:url(/images/modules/dashboard/news/watch_stopped.png) no-repeat;} +#dashboard .news .delete{background:url(/images/modules/dashboard/news/delete.png) no-repeat;} +#dashboard .news .push{background:url(/images/modules/dashboard/news/push.png) no-repeat;height:auto;} +#dashboard .news .download{background:url(/images/modules/dashboard/news/download.png) no-repeat;} +#dashboard .news .push .commits li{margin-left:3.5em;margin-top:1em;list-style-type:none;} +#dashboard .news .push .commits li.first{margin-top:0;} +#dashboard .news .push .commits li .committer{padding-left:.5em;} +#dashboard .news .push .commits li img{border:1px solid #d0d0d0;padding:2px;background-color:white;float:left;} +#dashboard .news .push .commits li blockquote{margin-left:2.3em;} +#dashboard .followers{float:right;width:35em;margin-bottom:2em;} +#dashboard .followers h1{margin-bottom:.3em;border-bottom:1px solid #ddd;} +#dashboard .followers ul{list-style-type:none;} +#dashboard .followers ul li{display:inline;} +#dashboard .followers ul li img{border:1px solid #d0d0d0;padding:1px;} +#dashboard .news.public_news{float:right;width:35em;} +#dashboard .news.public_news h1{margin-bottom:.3em;border-bottom:1px solid #ddd;} +#dashboard .repos{float:right;clear:right;width:25em;margin-bottom:2em;} +#dashboard .repos h1{margin-bottom:0;} +#dashboard .repos #repo_filter{margin-bottom:.6em;} +#dashboard .repos #repo_filter a.filter_selected{color:#000;} +#dashboard .repos li{list-style:none;margin-bottom:.25em;padding:.1em .5em .1em .5em;font-size:130%;} +#dashboard .watching li{font-size:110%;} +#dashboard .repos img{vertical-align:middle;} +#dashboard .repos .public{border:1px solid #d8d8d8;background-color:#f0f0f0;} +#dashboard .repos .private{border:1px solid #f7ca75;background-color:#fffeeb;} +#dashboard .dossier{float:left;width:32.18em;margin-bottom:2em;} +#dashboard .dossier .profile .identity{overflow:hidden;} +#dashboard .dossier .profile .identity img{border:1px solid #d0d0d0;padding:2px;background-color:white;float:left;margin-right:.7em;} +#dashboard .dossier .profile .identity h1{line-height:56px;} +#dashboard .dossier .profile .buttons{margin-bottom:1.3em;} +#dashboard .dossier .profile .vcard{border:1px solid #888;background-color:#F8FFD5;} +#dashboard .dossier .profile .vcard .info{font-size:90%;} +#dashboard .dossier .profile .vcard .field{overflow:hidden;} +#dashboard .dossier .profile .vcard .field label{float:left;margin-right:1em;display:block;text-align:right;width:8em;color:#777;padding:.1em 0;} +#dashboard .dossier .profile .vcard .field div{float:left;} +#dashboard .dossier .profile .vcard .field a.action{color:#a00;} +#dashboard .projects{margin-top:2em;list-style-type:none;} +#dashboard .projects.floated li{float:left;margin-right:2em;} +#dashboard .projects .project{border:1px solid #d8d8d8;background-color:#f0f0f0;margin-bottom:1em;padding:0 .4em;} +#dashboard .projects .project .title{font-size:140%;} +#dashboard .projects .project .meta{margin:.2em 0 0 0;font-style:italic;color:#888;} +#dashboard .projects .project .graph{margin:.5em 0;} +#dashboard .projects .project .graph .bars{width:31.18em;height:20px;} +#dashboard .projects .project .graph img.legend{width:31.18em;} +#dashboard .projects .project .flexipill{float:right;padding-top:.3em;margin-right:.5em;} +#dashboard .projects .project .flexipill a{color:black;} +#dashboard .projects .project .flexipill .middle{background:url(/images/modules/repos/pills/middle.png) 0 0 repeat-x;padding:0 0 0 .3em;} +#dashboard .projects .project .flexipill .middle span{position:relative;top:.1em;font-size:95%;} +#inbox{overflow:hidden;} +#inbox h1{font-size:160%;margin-bottom:.5em;} +#inbox h1 a{font-size:70%;font-weight:normal;} +#inbox .actions{float:left;width:13em;margin-bottom:2em;} +#inbox .actions h1{color:white;} +#inbox .compose{border-bottom:1px solid #ddd;font-size:120%;padding-bottom:.5em;margin:.3em 0 1em 0;} +#inbox .actions .compose p a{text-decoration:none;} +#inbox .actions .compose p a span{text-decoration:underline;} +#inbox .boxes .new{font-weight:bold;} +#inbox .boxes li{padding-bottom:.4em;} +#inbox .actions p img{vertical-align:middle;} +#inbox .write{width:54em;float:right;clear:right;} +#inbox .write h1{border-bottom:1px solid #aaa;padding-bottom:.25em;margin:0;} +#inbox .write form{background-color:#EAF2F5;padding:.5em 1em 1em 1em;border-bottom:1px solid #ccc;} +#inbox .write .buttons .send{padding:0 2em;font-weight:bold;} +#inbox .write .buttons .cancel{padding:0 1em;} +#inbox .write .buttons-top{margin-bottom:.3em;} +#inbox .write .submits{margin-top:.7em;overflow:hidden;} +#inbox .write .submits .buttons-bottom{float:left;} +#inbox .write .submits .formatting{float:right;} +#inbox .write .field{overflow:hidden;margin:.5em 0;} +#inbox .write label{width:4em;float:left;text-align:right;padding-right:.3em;vertical-align:middle;line-height:1.7em;} +#inbox .write .field input{width:39.3em;border:1px solid #ccc;font-size:120%;padding:.2em;} +#inbox .write textarea{width:47em;border:1px solid #ccc;font-size:110%;padding:.2em;} +#inbox .list{width:54em;float:right;clear:right;} +#inbox .list h1{border-bottom:1px solid #aaa;padding-bottom:.25em;margin:0;} +#inbox .list .item{padding:1em 0 0 2.3em;overflow:hidden;border-bottom:1px solid #ccc;} +#inbox .list .unread{background-color:#eaf2f5!important;} +#inbox .list .item .body{overflow:hidden;padding:0 0 1em 0;} +#inbox .list .item .del{float:right;padding-right:.5em;} +#inbox .list .item .title{padding:0 0 .25em 0;font-weight:bold;} +#inbox .list .item .title span{background-color:#fff6a9;} +#inbox .list .item .gravatar{border:1px solid #d0d0d0;padding:2px;background-color:white;float:left;margin-right:.7em;} +#inbox .list .item .details .message a.subject{font-weight:bold;} +#inbox .list .item .details .message a.body{color:#23486b;} +#inbox .list .pull_request{background:url(/images/modules/inbox/pull_request.png) .5em 1em no-repeat;} +#inbox .list .unread.message{background:url(/images/modules/inbox/message.png) .5em 1em no-repeat;} +#inbox .list .message{background:url(/images/modules/inbox/read_message.png) .5em 1em no-repeat;} +#message{overflow:hidden;} +#message h1{font-size:160%;margin-bottom:.5em;} +#message h1 a{font-size:70%;font-weight:normal;} +#message .actions{float:left;width:13em;margin-bottom:2em;} +#message .actions h1{color:white;} +#message .compose{border-bottom:1px solid #ddd;font-size:120%;padding-bottom:.5em;margin:.3em 0 1em 0;} +#message .actions .compose p a{text-decoration:none;} +#message .actions .compose p a span{text-decoration:underline;} +#message .boxes .new{font-weight:bold;} +#message .boxes li{padding-bottom:.4em;} +#message .actions p img{vertical-align:middle;} +#message .envelope{float:right;width:54em;} +#message .envelope h1{border-bottom:1px solid #aaa;padding-bottom:.25em;margin:0;} +#message .envelope .header{padding:.75em 0 0 .5em;} +#message .envelope .header .gravatar{border:1px solid #d0d0d0;padding:2px;background-color:white;float:left;} +#message .envelope .header .info{padding:0 0 0 3.5em;} +#message .envelope .header .info .del{float:right;padding-right:.5em;} +#message .envelope .header .info .title{padding:0 0 .25em 0;font-weight:bold;} +#message .envelope .header .info .title.unread{background-color:#eaf2f5!important;} +#message .envelope .header .info .title span{background-color:#fff6a9;} +#message .envelope .body{margin:0 0 1.3em 4em;padding:0 0 1em 0;border-bottom:1px solid #ccc;} +#message .envelope .sent{background:#FFFBE2 none repeat scroll 0;border:1px solid #FFE222;padding:1em;font-weight:bold;} +#message .envelope .reply{margin:2em 0 0 4em;} +#message .envelope .reply .cancel{padding:0 1em;} +#message .envelope .reply label{font-size:110%;color:#666;display:block;clear:right;margin-top:1em;} +#message .envelope .reply textarea{width:99.8%;height:9em;border:1px solid #8496BA;margin-bottom:1em;} +#message .envelope .reply .controls{overflow:hidden;} +#message .envelope .reply .controls .submits{float:left;} +#message .envelope .reply .controls .formatting{float:right;} +.editbox{border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;background-color:#f8f8ff;margin-top:1.5em;} +.editbox .hint{font-style:italic;color:#888;margin:.3em 0;padding-top:.5em;border-top:1px solid #ccc;} +.editbox textarea{border:1px solid #888;padding:4px;} +.editbox input.text{border:1px solid #888;padding:4px;} +.editbox .fail{color:#a00;} +.editbox .succeed{color:#0a0;} +.editbox h1{padding:.5em;border-bottom:1px solid #ccc;background-color:#eee;font-size:100%;overflow:hidden;} +.editbox h1 strong{float:left;} +.editbox .body{padding:0 .5em;border-bottom:1px solid #ccc;} +.editbox .body p{margin:.5em 0;} +.editbox .body ul{margin:.5em;list-style-type:none;} +#keys h1 a{float:right;font-weight:normal;} +#keys .danger{font-weight:bold;color:#a00;} +#keys ul{list-style:none;} +#keys ul li{font-weight:bold;margin:.5em 0;} +#keys ul li a{font-weight:normal;} +#keys .key_content{display:none;} +#keys #new_key{display:none;} +#keys .key_editing textarea{width:36em;height:14em;display:block;margin-bottom:.7em;} +#keys .key_editing .object_error{color:#a00;border:1px solid #a00;background-color:#f2e1e1;padding:.5em;margin-top:.5em;} +#keys label{display:block;margin:.5em 0;color:#888;font-size:90%;} +#keys textarea{width:36em;height:12em;display:block;margin-bottom:.7em;} +#facebox .key_editing textarea{width:32.5em;height:10em;} +#facebox .key_editing .object_error{color:#a00;margin:0 1em 1em 1em;border:1px solid #a00;background-color:#f2e1e1;padding:.5em;} +#edit_user{overflow:hidden;} +#edit_user .user{width:37.5em;float:left;} +#edit_user .user .info form{margin:.5em 0;} +#edit_user .user .emails ul{margin-top:.5em;} +#edit_user .user .emails .email{overflow:hidden;list-style-type:none;} +#edit_user .user .emails .email img{border:1px solid #d0d0d0;padding:2px;background-color:white;float:left;margin-right:.7em;} +#edit_user .user .emails .email .address{font-weight:bold;line-height:40px;} +#edit_user .user .emails .email .address a{font-weight:normal;color:#a00;} +#edit_user .user .emails .add,.keys .add{margin:.5em 0;} +#edit_user .user .emails .add #add_email_action a,.keys .add #add_key_action a{font-weight:bold;text-decoration:underline;} +#edit_user .user .emails .hint img{vertical-align:middle;padding:1px;border:1px solid #ddd;} +#edit_user .user .admin .body{padding:.5em;} +#edit_user .user .admin form{margin-bottom:.25em;} +#edit_user .user .admin form div.field{width:16em;float:left;padding-bottom:.5em;} +#edit_user .user .admin form div.submit{clear:both;} +#edit_user .user .admin label{display:block;margin-bottom:.25em;color:#888;font-size:90%;} +#edit_user .plan{width:30em;float:right;margin-top:1.5em;} +#edit_user .plan h1{font-size:140%;margin-top:1.5em;margin-bottom:.25em;} +#edit_user th{padding:.15em .4em .15em 0;} +#edit_user .plan_box{background:#f2f2f2;border:1px solid #ddd;padding:.8em;} +#edit_user #update_plan_status{margin-bottom:1em;background:#ffc;} +#edit_user #change_plan h3{margin:0;} +#edit_user #change_plan .plan_cost{color:#f60;} +#edit_user #change_plan table{width:100%;} +#edit_user #change_plan th{border-top:2px solid #666;border-bottom:1px solid #666;} +#edit_user #change_plan td{border-bottom:1px solid #ccc;} +#edit_user #change_plan td,#edit_user #change_plan th{text-align:center;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:1em;} +#edit_user #change_plan p{margin-top:1em;} +#edit_user #account_disabled_notice{background:red;color:#fff;border:1px solid #ddd;margin-bottom:.8em;padding:.8em;} +#edit_user .current small{font-weight:normal;} +#edit_user #update_cc p.error{color:#a00;font-style:italic;} +#edit_user #update_cc p.legal{font-size:.9em;margin:.8em 0;line-height:1.5em;} +#edit_user #show_card_box{float:right;width:110px;font-weight:bold;text-align:right;margin-top:3px;} +#edit_user .public_repo{background-color:#f0f0f0;font-size:140%;} +#edit_user .private_repo{background-color:#fffeeb;font-size:140%;} +#edit_repo{overflow:hidden;} +#edit_repo .properties{width:37.5em;float:left;} +#edit_repo .properties .privacy .status img{position:relative;top:.25em;} +#edit_repo .features .body,#edit_repo .properties .admin .body{padding:.5em;} +#edit_repo .properties .admin .body label{display:block;margin-bottom:.25em;color:#888;font-size:90%;} +#edit_repo .collabs{width:28em;float:right;margin-top:1.5em;background-color:#f0f0f0;padding:.5em 1em 1em 1em;border:1px solid #ddd;} +#members #add_member{width:12em;margin-right:.25em;} +#members #add_member.accept{background:#DDFFDA url(/images/icons/accept.png) 100% 50% no-repeat;} +#members ul{list-style:none;} +#members li{font-size:110%;margin:.4em 0;font-weight:bold;} +#members li img{border:1px solid #d0d0d0;padding:1px;background-color:white;} +#members li *{vertical-align:middle;} +#members li span{font-weight:normal;font-size:91%;} +#members p{padding-top:.5em;} +#add_new_member{padding-top:.5em;} +#copy_permissions{margin-top:3em;} +#copy_permissions p{color:#666;margin-bottom:.5em;} +#copy_permissions ul{list-style:none;} +#copy_permissions ul li{font-size:130%;} +#copy_permissions ul li img{position:relative;top:.2em;} +#repo_status span.good{color:green;} +#repo_status span.bad{color:red;} +#repo_status pre{font-size:1em;border:1px solid #333;background:#fff;} +#facebox .repo_status a{color:black;text-decoration:underline;} +#invoices table{width:100%;border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;} +#invoices table th{padding:.4em;border-bottom:1px solid #ccc;color:#333;background-color:#eee;} +#invoices table td{padding:.4em;border-bottom:1px solid #ccc;} +#invoices table tr.success td{background-color:#EFFFED;} +#invoices table tr.failure td{background-color:#FFEDED;} +#invoices table td.empty{color:#a00;font-weight:bold;text-align:center;} +#invoices table td.date{color:#888;} +#invoices table tr.success td.amount{color:#0a0;font-weight:bold;} +#invoices table tr.failure td.amount{color:#a00;font-weight:bold;} +#watchers li{border-bottom:1px solid #ddd;padding-bottom:.6em;} +ul.members{list-style:none;} +.members li{font-size:110%;margin:.4em 1.3em;font-weight:bold;} +.members li .gravatar{border:1px solid #d0d0d0;padding:1px;background-color:white;float:left;margin-right:1em;} +.members li div{margin-bottom:.7em;} +#directory.compact{width:50em;} +#directory .news{width:100%;} +#directory h1{border-bottom:1px solid #aaa;margin-bottom:.5em;} +#directory .news h1{border-bottom:none;margin-bottom:0;} +#directory .repo{width:100%;} +#directory .repo .gravatar{width:27px;} +#directory .repo .gravatar img{border:1px solid #d0d0d0;padding:1px;background-color:white;} +#directory .repo .title{font-size:140%;} +#directory .repo .owner,#directory .repo .date{text-align:center;} +#directory .repo .graph{width:426px;vertical-align:top;padding-top:.2em;text-align:right;} +#directory .repo .sep{font-size:50%;} +#directory .repo .border{border-bottom:1px solid #ddd;} +#guides h1{margin-bottom:.5em;} +#guides .index ul{list-style-type:none;font-size:120%;} +#guides .index ul li{padding-left:1.5em;background:white url(/images/modules/guides/book.png) no-repeat;} +#guides .index .new{margin-top:1em;border-top:1px solid #ccc;padding-top:.5em;} +#guides .index .new ul li{background:white url(/images/modules/guides/book_add.png) no-repeat;} +#guides .index .new ul li a{color:#c00;} +#guides .write .delete_page{float:right;} +#guides .guide{overflow:hidden;} +#guides .guide .main{float:left;width:50em;} +#guides .guide .sidebar{float:right;width:15em;border-left:4px solid #e6e6e6;margin:2.1em 0 0 0;padding-left:1em;} +#guides .guide .sidebar h3{margin:0 0 .5em 0;} +#guides .guide .sidebar ul{list-style-type:none;margin:0;color:#888;} +#guides .guide .sidebar ul li{padding-left:12px;background:white url(/images/modules/guides/sidebar/bullet_blue.png) -4px 0 no-repeat;margin:.2em 0;} +#guides .admin{clear:both;margin-top:3em;border-top:4px solid #e6e6e6;padding-top:.3em;overflow:hidden;} +#guides .write label{font-size:110%;color:#666;display:block;margin:1em 0;} +#guides .write input.text,#guides .write textarea{padding:5px;border:1px solid #888;} +#guides .write input.text{width:40em;} +#guides .write textarea{width:100%;height:25em;} +#guides .write label span.title{color:black;font-weight:bold;} +#guides .write .actions input{margin-right:1em;} +.wikistyle h1,h2,h3,h4,h5,h6{border:0!important;} +.wikistyle h1{font-size:170%!important;border-top:4px solid #aaa!important;padding-top:.5em!important;margin-top:1.5em!important;} +.wikistyle h1:first-child{margin-top:0!important;padding-top:.25em!important;border-top:none!important;} +.wikistyle h2{font-size:150%!important;margin-top:1.5em!important;border-top:4px solid #e0e0e0!important;padding-top:.5em!important;} +.wikistyle h3{margin-top:1em!important;} +.wikistyle p{margin:1em 0!important;line-height:1.5em!important;} +.wikistyle ul{margin:1em 0 1em 1.3em!important;} +.wikistyle ul{margin-top:0!important;margin-bottom:0!important;} +.wikistyle ol{margin:1em 0 1em 1.5em!important;} +.wikistyle ol ol{margin-top:0!important;margin-bottom:0!important;} +.wikistyle blockquote{margin:1em 0!important;border-left:5px solid #ddd!important;padding-left:.6em!important;color:#555!important;} +.wikistyle dt{font-weight:bold!important;margin-left:1em!important;} +.wikistyle dd{margin-left:2em!important;margin-bottom:1em!important;} +.wikistyle table{margin:1em 0!important;} +.wikistyle table th{border-bottom:1px solid #bbb!important;padding:.2em 1em!important;} +.wikistyle table td{border-bottom:1px solid #ddd!important;padding:.2em 1em!important;} +.wikistyle pre{margin:1em 0!important;font-size:90%!important;background-color:#f8f8ff!important;border:1px solid #dedede!important;padding:.5em!important;line-height:1.5em!important;color:#444!important;overflow:auto!important;} +.wikistyle pre code{padding:0!important;font-size:100%!important;background-color:#f8f8ff!important;border:none!important;} +.wikistyle code{font-size:90%!important;background-color:#f8f8ff!important;color:#444!important;padding:0 .2em!important;border:1px solid #dedede!important;} +.wikistyle pre.console{margin:1em 0!important;font-size:90%!important;background-color:black!important;padding:.5em!important;line-height:1.5em!important;color:white!important;} +.wikistyle pre.console code{padding:0!important;font-size:100%!important;background-color:black!important;border:none!important;color:white!important;} +.wikistyle pre.console span{color:#888!important;} +.wikistyle pre.console span.command{color:yellow!important;} +#network h2{margin-bottom:.25em;} +#network p{font-size:120%;margin:1em 0;} +#network .repo{font-size:140%;} +#network .repo img{vertical-align:middle;} +#network .repo img.gravatar{padding-right:4px;padding:1px;border:1px solid #ccc;background-color:white;} +#network .repo span{background-color:#FFF6A9;} +#network .repo a.commit{color:#888;font-size:80%;line-height:1em;} +#network .help_actions a{font-size:90%;} +#network #help pre{font-size:80%;line-height:1.2em;margin-bottom:1.5em;border:1px solid black;color:#eee;background-color:#222;padding:1em;} +#network .notice{border:1px solid #EFCF00;background-color:#FFFAD6;padding:.5em;color:#837200;text-align:center;} +#network .up_to_date{border:1px solid #15B100;background-color:#D7FFD2!important;color:#0F7D00;} +.facebox p{margin:.5em 0;} +.facebox b{background-color:#FFF6A9;} +.facebox ul{margin-left:1em;} +.facebox ol{margin-left:1.5em;} +#pull_request{width:35em;} +#pull_request ul{list-style-type:none;} +#pull_request label.repo span.name{font-size:160%;} +#pull_request label.repo span span.sha{color:#aaa;} +#pull_request .label label{display:inline;margin:0;font-size:100%;font-weight:bold;} +#pull_request .label div{margin:.2em;} +#training_sections{margin-bottom:1.5em;font-size:110%;} +#training_sections h3{margin-top:2.5em;} +#training_sections img.training_pic{float:right;padding:5px;margin:5px 20px;} +#training_contact{border-top:1px solid #aaa;padding-top:.9em;} +#training_testimonials{border-top:2px solid #aaa;padding:1.5em;background:#eee;} +#training_testimonials h1{text-align:center;font-size:150%;} +#training_contact h2{text-align:center;} +.testimony{margin:1em auto;font-size:120%;font-style:italic;color:#666;clear:both;max-width:600px;padding:10px;} +.testimony .author{font-style:normal;text-align:right;color:#000;font-size:100%;} +#plans{width:60em;margin:1em auto 0 auto;} +#plans .header{background-color:#fffeeb;text-align:center;padding:.75em;margin-bottom:1.5em;} +#plans .header p{margin:.5em 0;font-size:110%;} +#plans table.upper{width:48%;font-size:110%;margin:0 auto;margin-bottom:1em;} +#plans table.lower{width:100%;font-size:110%;} +#plans table th h1{font-size:140%;color:#888;padding:.25em .5em 0 .5em;} +#plans table td.plan{width:49%;} +#plans table td.plan div{margin:.25em .5em;border:3px solid #ccc;background-color:white;} +#plans table tr.last td.plan div{margin-bottom:.5em;} +#plans table td.plan h2{padding:.3em;background-color:#fffeeb;border-bottom:1px solid #ddd;font-size:140%;overflow:hidden;} +#plans table td.plan h2 strong{float:left;} +#plans table td.plan h2 span{color:#0a0;font-size:80%;position:relative;top:-.1em;} +#plans table td.plan h2 a{float:right;} +#plans table td.plan ul{list-style-type:none;text-align:center;padding:.5em;font-size:110%;} +#plans table td.plan .fi-text{padding:.5em;text-align:center;border:0;} +#plans table td.plan ul li.minor{font-size:85%;} +#plans table td.plan ul li img{position:relative;top:.2em;} +#plans table .opensource{background-color:#D6FFD2;} +#plans table .opensource h1{color:#738A70;} +#plans table .enterprise{background-color:#333;} +#plans table .enterprise h1{color:#fff;} +#plans table .enterprise img{float:right;width:250px;margin-top:-.25em;} +#plans table .group{background-color:#E9EBFF;} +#plans table .group h1{color:#8283A4;} +#plans table .personal{background-color:#fdf;} +#plans table .personal h1{color:#917C91;} +#pricing{width:60em;margin:3em auto 0 auto;} +#pricing h1{font-size:140%;text-align:center;margin-bottom:1em;} +#pricing h2{font-size:140%;text-align:center;margin-top:1em;} +#pricing table{width:100%;background-color:#ddd;font-size:110%;} +#pricing table th.features{width:22%;} +#pricing table th{background-color:#FEFEB4;text-align:center;font-size:130%;padding:.3em;width:13%;} +#pricing table th span{display:block;font-size:75%;color:#090;padding:.3em 0;} +#pricing table td{background-color:white;padding:.3em;text-align:center;} +#pricing table td.feature{text-align:right;padding-right:.5em;} +#pricing table td.feature img{vertical-align:middle;} +#pricing table tr.best-for{font-size:.7em;} +#pricing table tr.best-for td.feature{font-size:1.5em;} +#pricing .legend{color:#aaa;font-size:90%;margin-top:.4em;text-align:right;} +#pricing h2{border-top:2px solid #eee;} +#pricing-faq{margin-top:2em;} +#pricing-faq p{margin-bottom:1.7em;font-size:1.1em;} +#plans #fi-pricing td,#plans #fi-pricing th{border-bottom:1px solid #ccc;} +#plans #fi_form td{padding:5px;} +#posts{margin-top:2em;overflow:hidden;} +#posts .list{float:left;width:41em;} +#posts li.post{list-style-type:none;margin-bottom:2em;} +#posts h2{font-size:190%;} +#posts h3{margin:1em 0 .5em 0;} +#posts .meta .who_when{font-size:130%;} +#posts .meta .who_when img,img.who_when{vertical-align:middle;padding:1px;border:1px solid #ccc;position:relative;top:-1px;} +#posts .meta .who_when .author a{color:#94bfea;font-weight:bold;} +#posts .meta .who_when .published{color:#ccc;} +#posts .meta .who_when .status{color:#a00;} +#posts .meta .respond{margin:.3em 0;padding-left:25px;background:transparent url(/images/modules/posts/bubble.png) 0 50% no-repeat;font-size:110%;} +#posts .meta .respond a{color:#cbb698;} +#posts .entry-content{font-size:110%;margin-top:1em;} +#posts .entry-content blockquote{padding-left:1em;color:#666;} +#posts .entry-content p{margin:1em 0;} +#posts .entry-content pre{background-color:#f8f8f8;border:1px solid #ddd;font-size:90%;padding:.5em;} +#posts .entry-content pre code{background-color:#f8f8f8;font-size:95%;} +#posts .entry-content code{font-size:90%;background-color:#ddd;padding:0 .2em;} +#posts .entry-content img{margin:1em 0;padding:.3em;border:1px solid #ddd;} +#posts .entry-content ul{margin-left:1em;} +#posts .comments .comment .body img{max-width:39em;} +#posts .sidebar{float:right;width:26em;} +#posts .sidebar .rss{text-align:center;} +#posts .sidebar .others{border-top:2px solid #eee;margin-top:.75em;padding-top:.75em;} +#posts .sidebar .others h3{margin-top:.25em;} +#posts .sidebar .others ul{list-style-type:none;} +#posts .sidebar .others li{padding:.5em 0;} +#posts .sidebar .others li a{font-size:140%;line-height:1em;} +#posts .sidebar .others .meta{color:#888;} +.iphone #posts .list{width:100%;} +#new_comment textarea{height:10em;} +.commentstyle{border:2px solid #e4e4e4;background-color:#f5f5f5;overflow:hidden;} +.commentstyle .previewed .comment{background-color:#FFFED6;} +.commentstyle .comment{border-bottom:2px solid #e4e4e4;padding:.5em;} +.commentstyle .comment .meta{margin-bottom:.4em;} +.commentstyle .comment .meta .gravatar{padding:1px;border:1px solid #ccc!important;vertical-align:middle;} +.commentstyle .comment .meta span{vertical-align:middle;color:#aaa;} +.commentstyle .comment .meta .date{font-style:italic;color:#555;} +.commentstyle .comment .body{padding:0 0 0 .2em;} +.commentstyle form{padding:.5em;} +.commentstyle form textarea{height:5em;width:100%;margin-bottom:.5em;} +.commentstyle form .status{color:#a00;font-weight:bold;} +.commentstyle form .actions{overflow:hidden;} +.commentstyle form .actions .submits{float:left;} +.commentstyle form .actions .formatting{float:right;font-size:90%;color:#666;} +#code_search{margin-bottom:2em;} +#code_search .search{padding-top:.2em;height:7em;} +#code_search .search .site{width:53em;padding-top:1.15em;} +#code_search .search .site *{vertical-align:middle;} +#code_search .search .label{color:#777;font-size:110%;font-weight:bold;margin-bottom:.25em;} +#code_search .search .box span{font-size:130%;padding-top:.3em;} +#code_search .search .box input.text{height:1.4em;font-size:130%;padding-top:.3em;padding-left:.3em;border:2px solid #b4b4b4;} +#code_search .search .box select{font-size:120%;} +#code_search .search .box select option{padding-left:.5em;margin:.2em 0;} +#code_search_instructions{margin:2em 7em 0 7em;} +#code_search_instructions h2{background-color:#DDEAF3;padding:3px;} +#code_search_instructions p{color:#333;margin:10px 5px;} +#code_search_instructions table.instruction tr td{padding:3px;} +#code_search_instructions table.instruction tr td.inst{background:#eee;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;} +#code_search_results .header{border-top:1px solid #b8d1e3;background-color:#DDEAF3;padding:.3em .7em;overflow:hidden;margin-bottom:1.3em;} +#code_search_results .header .title{font-weight:bold;float:left;} +#code_search_results .header .info{float:right;color:#444;} +#code_search_results .results_and_sidebar{overflow:hidden;} +#code_search_results .results{float:left;width:52em;} +#code_search_results .result{margin-bottom:1.5em;} +#code_search_results .result .gravatar{float:left;margin-top:.2em;margin-right:.75em;padding:1px;border:1px solid #ccc;} +#code_search_results .result .title{font-size:110%;} +#code_search_results .result .title span.aka{font-weight:normal;} +#code_search_results .result .title span.language{color:#999;font-size:80%;font-weight:normal;position:relative;top:-.1em;} +#code_search_results .result .description{margin-bottom:.2em;} +#code_search_results .result .details{font-size:80%;color:#555;} +#code_search_results .result .details span{color:#aaa;padding:0 .25em;} +#code_search_results .more{margin-top:-.5em;margin-bottom:1em;} +#code_search_results .result .snippet{font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:75%;background-color:#f8f8ff;border:1px solid #dedede;padding:.5em;line-height:1.5em;color:#444;} +#code_search_results .result .snippet em{background-color:#FAFFA6;padding:.1em;} +#code_search_results .sidebar{float:right;width:15em;border-left:1px solid #DDEAF3;padding-left:1em;} +#code_search_results .sidebar h2{margin-bottom:0;} +#code_search_results .sidebar h3{margin-top:.5em;} +#code_search_results .sidebar ul{list-style-type:none;margin-bottom:1em;} +#code_search_results .sidebar ul li{color:#888;} +#tour{margin-top:2em;} +#tour .site{width:67.62em;} +#tour .movie{padding:1px;background-color:#ddd;border:1px solid #bbb;} +#tour .movie img{width:898px;height:395px;} +#tour .sections{overflow:hidden;margin-top:2em;} +#tour .sections .section{width:22.5em;float:left;} +#tour .sections .section h2{font-size:200%;} +#tour .sections .section ul{list-style-type:none;font-size:140%;} +#tour .sections .section ul li{line-height:1.5em;color:#aaa;padding-left:1.1em;background:transparent url(/images/modules/tour/play_bullet.png) 0 45% no-repeat;} +#tour .sections .section ul li a{color:black;text-decoration:underline;} +#tour .signup{text-align:center;margin-top:4em;} +.pagination{padding:.3em;margin:.3em;} +.pagination a{padding:.1em .3em;margin:.2em;border:1px solid #aad;text-decoration:none;color:#369;} +.pagination a:hover,.pagination a:active{border:1px solid #369;color:#000;} +.pagination span.current{padding:.1em .3em;margin:.2em;border:1px solid #369;font-weight:bold;background-color:#369;color:#FFF;} +.pagination span.disabled{padding:.1em .3em;margin:.2em;border:1px solid #eee;color:#ddd;} +.ajax_paginate a{padding:.5em;width:100%;text-align:center;display:block;} +#commit_comments{width:50em;} +#commit_comments h1{margin-bottom:0;} +#commit_comments .inner{margin:0;padding:0;} +#commit_comments .body{background-color:transparent;width:100%;} +#commit_comments .no_one{margin-left:.5em;margin-bottom:0;font-weight:bold;} +#commit_comments textarea{width:97.5%;} +#commit_comments .actions{border-top:none;padding:0;} +ul#archive{list-style-type:none;text-align:center;} +ul#archive li{display:inline;} +#other_archives{border-top:1px solid #ddd;padding-top:.5em;} +#other_archives ul{list-style-type:none;width:8em;float:left;clear:right;} +#archives .wait{padding:2em 0 3em 0;} +#archives .wait h2,#archives .wait p{text-align:center;} +.popup .standard_form{margin-top:0;padding:0;border:0;width:35em;} +.popup .standard_form .clean_list{list-style-type:none;} +.popup .standard_form h1{background:#ddd;padding:.5em .6em;} +.popup .standard_form h1 .links{font-size:.6em;float:right;font-weight:none;margin-top:-0.4em;} +.popup .standard_form h1 .links a{font-size:1em;} +.popup .standard_form .pull_request_inside,.popup .standard_form .inner{padding:0 1em .5em 1em;} +.popup .standard_form .actions{overflow:hidden;border-top:1px solid #ddd;padding:.5em 1em;} +.popup .standard_form .actions label{clear:none;display:inline;padding-left:1em;} +#facebox .popup .content,#facebox .popup .loading{padding:.5em;} +#facebox .nopad .content,#facebox .popup .nopad{padding:0;} +#facebox .footer{padding:.3em 1em;} +#facebox .tip{width:500px;padding:1em;} +#facebox .body{padding:0;} +.tool-tip{color:#fff;width:350px;z-index:13000;} +.tool-title{font-weight:bold;font-size:11px;margin:0;color:#9FD4FF;padding:8px 8px 4px;background:url(/images/modules/tooltip/bubble.png) top left;} +.tool-text{font-size:11px;padding:4px 8px 8px;background:url(/images/modules/tooltip/bubble.png) bottom right;} +.custom-tip{color:#000;width:130px;z-index:13000;} +.custom-title{font-weight:bold;font-size:11px;margin:0;color:#3E4F14;padding:8px 8px 4px;background:#C3DF7D;border-bottom:1px solid #B5CF74;} +.custom-text{font-size:11px;padding:4px 8px 8px;background:#CFDFA7;} +#services .test_hook{margin-top:.5em;} +#privacy_terms h1{margin-bottom:.3em;} +#privacy_terms h2{margin-top:1em;} +#privacy_terms ul,#privacy_terms ol{margin-left:1.4em;} +#privacy_terms p{margin-bottom:1em;} +#languages .popular{border-top:5px solid #f4f4f4;background-color:#fdfdfd;overflow:hidden;margin-top:2.4em;margin-bottom:1em;padding-top:1em;} +#languages .popular.compact{margin-top:0;} +#languages .popular h3{font-size:105%;color:#aaa;margin-bottom:.5em;} +#languages .popular .site .left img{border:1px solid #d0d0d0;padding:1px;background-color:white;margin-right:.1em;position:absolute;top:.25em;left:0;} +#languages .popular a{color:black;} +#languages .popular ul{list-style-type:none;} +#languages .popular ul li{line-height:1.6em!important;font-size:125%;color:#888;padding-left:1.6em;position:relative;} +#languages .popular ul li a.repo{font-weight:bold;} +#languages .popular .left{margin-left:14em;float:left;width:27em;} +#languages .popular.compact .left{margin-left:0;float:left;width:25em;padding-bottom:2em;} +#languages .popular.compact .left.row{clear:left;} +#languages .all_languages{padding-right:3em;text-align:right;} +#language_table{border:1px solid #eee;} +#language_table th{background:#f0f0f0;padding:.5em;} +#language_table td{padding:.5em;} +#language_table tr.dark{background:#fafafa;} +#issues{overflow:hidden;} +#issues .menu{float:left;width:10em;} +#issues .menu .create{margin-bottom:15px;} +#issues .menu .create a{display:block;} +#issues .menu .create img{width:8.921em;height:2.099em;} +#issues .menu ul{list-style-type:none;} +#issues .menu ul li{display:block;border:1px solid #e0e0e0;border-right:0;margin-top:-0.1em;} +#issues .menu ul li a{display:block;padding:.25em .5em;} +#issues .menu ul li.filter_selected{background:#e0e0e0;font-weight:bold;} +#new_issue{background:#eaf2f5;padding:1em;} +#new_issue input[type=text],#new_issue textarea,.details textarea{margin-bottom:1em;width:100%;} +#new_issue textarea{height:10em;} +#new_issue .actions{overflow:hidden;} +#new_issue .actions .submits{float:left;} +#new_issue .actions .formatting{float:right;color:#666;font-size:90%;} +#issues .display{float:left;width:46.5em;border:.5em solid #e0e0e0;min-height:11.3em;background-color:#fcfcfc;} +#issues .display .empty{text-align:center;vertical-align:center;padding-top:3em;} +#issues .display .admin{background:#e0e0e0;border-bottom:.5em solid #e0e0e0;margin:0;padding:0;overflow:hidden;} +#issues .display .admin select{margin-left:.5em;} +#issues .display .admin .back_link{font-weight:bold;margin-right:.2em;float:left;} +#issues .display .admin input[type=search]{width:17em;} +#issues .display .admin input[type=submit]{position:relative;top:-.1em;} +#issues .display .sortbar{background-color:#e8e8e8;border-top:1px solid #ccc;padding:.2em .5em;font-size:90%;font-weight:bold;overflow:hidden;} +#issues .display .sortbar span span{color:#555;font-weight:normal;} +#issues .display .sortbar .left span span{float:left;margin-right:.4em;} +#issues .display .sortbar .left .label{margin-top:.2em;} +#issues .display .sortbar a{font-weight:normal;} +#issues .display .loading{border-top:1px solid #ccc;text-align:center;} +#issues .display .loading div p{padding-top:.4em;} +.issue{list-style-type:none;margin-top:-1px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:46.5em;background-color:white;overflow:hidden;} +.issue.floating{-webkit-box-shadow:0 0 16px rgba(0,0,0,0.3);} +.issue .summary{overflow:hidden;} +.issue .summary .meta{float:left;padding:.25em 0;width:37.75em;} +.issue.open{cursor:default;} +.issue.open.read .summary{background-color:white;} +.issue.open .mod{display:none;} +.issue.open .summary h3 a{text-decoration:none;} +.issue.closed.read .summary{background-color:#E2ECF2;cursor:pointer;} +#issues.collab .issue.closed .summary:hover{background:white url(/images/modules/issues/hover_black.png) 0 0 repeat-x!important;} +#issues.collab .issue.closed.read .summary:hover{background:#E2ECF2 url(/images/modules/issues/hover_black.png) 0 0 repeat-x!important;} +#issues .issue.closed.selected .summary{background-color:#ffc!important;} +#issues .issue.closed.read.selected .summary:hover{background:#ffc url(/images/modules/issues/hover_white.png) 0 0 repeat-x!important;} +#issues.collab .issue.closed:hover .handles{display:block;} +.issue.target .summary .voting_box{background:url(/images/modules/issues/target.png) .3em 50% no-repeat;} +.issue h3{font-size:1.05em;margin:0;line-height:1.2em;} +.issue.read h3{font-weight:normal;} +.issue h3 a{color:#000;} +.issue.closed h3{overflow:hidden;height:1.4em;} +.issue span.info{font-size:.9em;color:#aaa;} +.issue .voting_box{float:left;width:4.25em;color:#aaa;cursor:default;padding:.25em 0 0 1em;overflow:hidden;} +.issue .voting_box img{margin-bottom:.1em;} +.issue .voting_box .mod{float:left;} +.issue .voting_box .number{float:left;} +.issue .voting_box .vote{font-size:85%;clear:both;position:relative;top:.2em;overflow:hidden;} +.issue .voting_box .vote .act{float:left;margin-right:.3em;width:.75em;} +.issue .voting_box .vote .show{float:left;width:3.75em;overflow:hidden;white-space:nowrap;} +.issue .handles{float:right;width:3.5em;display:none;overflow:hidden;} +.issue .handles .top.handle{padding:1em .35em 1em 0;float:right;} +.issue .handles .drag.handle{padding:1em .7em 1em .35em;float:right;cursor:url(/images/cursors/slide.cur),move;} +#issues .label{font-size:9px;color:white;float:left;font-weight:normal;font-family:Verdana;border-width:1px 0;border-style:solid;overflow:visible;margin:0 .8em 0 1px;background-color:#ededed;border-color:#bdbdbd;} +body:first-of-type #issues .label{margin-top:.3em;} +#issues .label .labeli{margin:0 -1px;border-width:0 1px;border-style:solid;border-color:#bdbdbd;} +#issues .label .labeli .name{overflow:hidden;} +#issues .label .labeli .name span{float:left;font-size:100%;padding:0 .6em;color:black;} +#issues .label .labeli .name .remove{padding:0 4px;display:block;float:right;color:black;border-left:1px solid black;} +#issues .label .labeli .name .remove:hover{cursor:pointer;background-color:#5e5e5e;} +.edit_issue{background:#eaf2f5;padding:1em;margin-left:5em;} +.edit_issue input[type=text],.edit_issue textarea{margin-bottom:1em;width:100%;} +.edit_issue textarea{height:10em;} +#issues .display .details{margin-left:5.25em;clear:both;} +#issues .display .details select{margin-top:10px;} +#issues .display .details h4{margin-top:1.5em;} +#issues .display .details .body{padding-right:1em;} +#issues .display .details .comments{margin:0 .75em .75em 0;} +#issues .display .details .comments .comment .body img{max-width:39em;} +#issues .labels{float:right;width:10em;border:.5em solid #e0e0e0;min-height:11.3em;background-color:#fcfcfc;} +#issues .labels .admin{background:#e0e0e0;border-left:.5em solid #e0e0e0;border-bottom:.5em solid #e0e0e0;border-right:.5em solid #e0e0e0;overflow:hidden;} +#issues .labels .admin span{float:left;} +#issues .labels .admin a{float:right;} +#issues .labels form#new_label{padding:.25em .5em;background-color:#eaf2f5;} +#issues .labels form#new_label div{padding:.25em 0;text-align:center;} +#issues .labels form#new_label .error{color:#a00;} +#issues .labels form#new_label input[type=text]{width:8.9em;} +#issues .labels .list{list-style-type:none;} +#issues .labels .list li{display:block;background-color:#ecf9f0;margin-top:-0.1em;padding:.25em 0 .25em .4em;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;white-space:nowrap;} +#issues .labels .list li a{color:black;} +#issues.collab .labels .label{cursor:pointer;} +#issues .labels .label span{padding:0 3px 0 3px!important;} +#issues .labels .list li .label.dropdown span{visibility:hidden;} +#issues.collab .labels .list li:hover .label.dropdown span{visibility:visible;} +#issues .labels .chooser{margin-left:-211px;margin-top:2px;position:absolute;width:208px;border:1px solid #aaa;background-color:#ecf9f0;-webkit-box-shadow:0 0 14px rgba(0,0,0,0.4);} +#issues .labels .chooser .preview{color:black;padding:7px 10px 0 10px;overflow:hidden;} +#issues .labels .chooser .preview .text{display:block;float:left;margin-right:.3em;} +#issues .labels .chooser .picker{margin-left:-2px;margin-top:-5px;} +#issues .labels .chooser .save_or_cancel{margin-top:-.5em;padding:0 0 .5em 10px;} +#issues .labels .chooser ul li{margin:0;padding:0;border-bottom:none;} +#issues .labels .chooser ul li a.action{display:block;text-decoration:none;padding:.3em 0 .3em 10px;} +#issues .labels .chooser ul li a.action:hover{text-decoration:none;background-color:#C1D3C7;} +#issues .labels .chooser ul li form{padding:.3em 0 .3em 10px;} +#issues .labels .chooser ul li form div{padding-bottom:.5em;} +#issues .labels .chooser ul li form input[type=text]{width:183px;} +.ac_results img{padding:1px;background-color:white;border:1px solid #ccc;vertical-align:middle;} +#downloads .upload{border:4px solid #ccc;background-color:#eee;margin-bottom:1.5em;padding:0 .5em;} +#downloads .upload table{width:100%;} +#downloads .upload td{padding-right:.5em;} +#downloads .upload .title{vertical-align:top;width:17%;padding:.65em 0;} +#downloads .upload h2{font-size:100%;} +#downloads .error_box{margin-bottom:1em;} +#downloads #browser table{margin-bottom:1.5em;} +#downloads table td span{color:#aaa;} +#downloads table td.empty{text-align:center;} +#downloads table td.actions{text-align:right;width:5%;font-size:90%;} +#downloads table td.actions a{color:#a00;} +@charset:"utf-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}fieldset,img,abbr{border:0;} +address,caption,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}q::before,q::after{content:'';}li{list-style:none;} +body{background:white;font-family:"Gill Sans","Corbel","Trebuchet MS",sans-serif;line-height:1.3em;font-size:16px;color:#464646;}h1,h2,h3,h4,h5,h6{color:#5a3c28;font-family:"Geneva","Segoe UI","Optima","Helvetica",sans-serif;line-height:1.2em;font-weight:bold;color:#56473e;}h1{font-size:130%;letter-spacing:-1px;}h2{font-size:123.1%;}h3{font-size:108%;}h4{font-size:100%;}h5{font-size:95%;color:#56473e;}h6{font-size:90%;color:#56473e;}h1.section,h2.section,h3.section,h4.section,h5.section,h6.section{margin-top:2em;padding-bottom:.5em;border-bottom:2px solid #e6e6e6;}br{clear:both;height:1px;}hr{display:block;background:#dcdcdc;height:1px;border:none;}strong{font-weight:bolder;}em{font-style:italic;}pre{font-family:monospace;white-space:pre;font-size:smaller;}abbr,acronym,.short[title]{font-variant:normal;border-bottom:1px dotted #c8c8c8;cursor:help;letter-spacing:.1em;} +h1+ul.styled,h2+ul.styled,h3+ul.styled,h4+ul.styled,h5+ul.styled,h6+ul.styled,h1+ol.styled,h2+ol.styled,h3+ol.styled,h4+ol.styled,h5+ol.styled,h6+ol.styled,h1+dl.styled,h2+dl.styled,h3+dl.styled,h4+dl.styled,h5+dl.styled,h6+dl.styled{margin-top:.2em;}p,fieldset,table,pre{margin-bottom:1em;}p:last-child{margin-bottom:0;}blockquote{margin:1em 1em 1em 2em;}p.unstyled{margin:0;}button,a,a:visited{color:#1e5591;background:transparent;text-decoration:none;cursor:pointer;}a:hover{color:#153d5d;text-decoration:underline;}button,a.button{display:inline-block;white-space:nowrap;font-weight:bold;padding:.3em .6em;border:1px solid #b4b4b4;background-color:#f5f5f5;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.10)));-webkit-border-radius:2px;-moz-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);-khtml-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1);}a.cancel,button.cancel{border:1px solid #d2d2d2;background:#fafafa;}a.cancel:hover,button.cancel:hover{border:1px solid #8c8c8c;}button.minor,a.button.minor{white-space:nowrap;font-size:90%;padding:.25em .5em;}button:hover,button:focus,a.button:hover,a.button:focus{cursor:pointer;border:1px solid #295167;text-decoration:none;}button:active,a.button:active{border-style:inset;background:-webkit-gradient(linear,left top,left bottom,from(#dcdcdc),to(#f0f0f0));}a[disabled],button[disabled]{color:gray;}a[disabled]:hover,button[disabled]:hover{border:1px solid #b4b4b4;cursor:default;}a[disabled]:hover:active,button[disabled]:hover:active{background:#f5f5f5;background:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#ebebeb));}span.truncated span:first-of-type::after{content:'…';}span.truncated span.expanded:first-of-type::after{content:"";}div.instruction,li.controlled,div.controlled{position:relative;}div.instruction ul.controls,.controlled ul.controls{position:absolute;top:.5em;right:.5em;background-color:inherit;padding:0 0 .5em .5em;}ul.controls li>a,ul.controls li>span{font-size:smaller;}ul.controls a.close{font-size:inherit;}ul.controls a.close{padding:.07em .4em;}ul.controls a.close:hover{color:white;background:#1a5382;text-decoration:none;}blockquote.styled::before,blockquote.styled::after{font-size:100%;color:#b4b4b4;}blockquote.styled::before{content:open-quote;content:"“";padding-right:.2em;}blockquote.styled::after{content:close-quote;content:"”";padding-left:.2em;}blockquote.single::before{content:open-quote;content:"“";color:#b4b4b4;font-size:200%;font-weight:bold;left:-0.9em;position:absolute;top:0;}blockquote.single{position:relative;} +q::before,q::after{font-size:200%;height:.4em;line-height:.8em;display:inline-block;color:#c8c8c8;}q::before{content:'\201C';padding-right:.1em;}q::after{content:'\201D';padding-left:.1em;} +div.divider{font-size:smaller;text-align:center;padding:.5em!important;margin:1em 0;}table{border-collapse:collapse;border-spacing:0;border:0;}th{font-weight:bold;}th,td{border:0;padding:.5em;} +caption{margin-bottom:.5em;text-align:center;}tr.highlight{background:#e6e6e6;}ul:empty,ol:empty,dl:empty{display:none;}ul.styled,ol.styled{margin:1em 1em 1em 2em;}ol.styled>li,ul.styled>li{margin-bottom:.5em;}ol.styled>li{list-style:decimal outside;}ul.styled>li{list-style:circle outside;}ol.legal>li{list-style-type:lower-roman;} +ul.separated>li:first-child{border-top:1px solid #e6e6e6;}ul.separated>li{border-bottom:1px solid #e6e6e6;}ul.vertical{list-style:none;}ul.vertical>ul,ul.vertical>li{display:inline;} +ul.vertical.squares>li+li::before{content:"◾";padding-right:.25em;color:inherit;}ul.vertical.dots>li+li::before{content:"·";padding-right:.3em;color:#787878;} +ol.comma,ul.comma,ol.comma>li,ul.comma>li{display:inline;}ol.comma>li:not(:only-child)::after,ul.comma>li:not(:only-child)::after{content:",\0020";}ol.comma>li:nth-last-child(2)::after,ul.comma>li:nth-last-child(2)::after{content:"&";}body:lang(sv) ol.comma>li:nth-last-child(2)::after,body:lang(sv) ul.comma>li:nth-last-child(2)::after{content:"\0020och\0020";}body:lang(en) ol.comma>li:nth-last-child(2)::after,body:lang(en) ul.comma>li:nth-last-child(2)::after{content:"\0020and\0020";}ol.comma>li:last-child::after,ul.comma>li:last-child::after{content:".";}ol.comma.no-period>li:last-child::after,ul.comma.no-period>li:last-child::after{content:"";}ul.grid2>li,ul.grid3>li,ul.grid4>li,ul.grid5>li{text-align:left;vertical-align:top;display:inline-block;}ul.grid2>li{margin:0 2% 2% 0;width:47%;}ul.grid3>li{margin:0 2% 2% 0;width:31%;}ul.grid4>li{margin:0 2% 2% 0;width:22%;}ul.grid5>li{margin:0 2% 2% 0;width:18%;}ul.rows{width:100%;margin-left:0;margin-bottom:1em;border:1px solid #dcdcdc;}ul.rows>li{margin:0;padding:.5em 1em;}ul.rows>li div.content{width:25em;}ul.rows>li:nth-child(odd){background:#fff;}ul.rows>li:nth-child(even){background:#fafafa;}ul.rows>li+li{border-top:1px solid #dcdcdc;}ul.collection{margin-bottom:1em;}ul.collection>li{margin:0;}ul.collection>li+li{padding-top:1em;margin-top:1em;border-top:1px solid #dcdcdc;}ul.boxes{overflow:auto;margin-bottom:1em;padding:1em 0;}ul.boxes li{float:left;margin-right:1em;text-align:center;width:8em;margin-bottom:1em;}ul.boxes.colored li>p{background:#f0f0f0;border:1px solid #dcdcdc;border:1px solid rgba(0,0,0,0.1);color:#5a5a5a;color:rgba(0,0,0,0.4);text-shadow:0 1px white;font-size:5em;line-height:1em;}dl.styled{margin-bottom:1em;}dl.styled dt{margin-top:.5em;color:#646464;}dl.styled dt:first-child{margin-top:0;}dl.styled dd{margin-left:0;}dl.table{margin-bottom:2em;width:auto;}dl.table dt,dl.table dd{padding:.1em 0;}dl.table dt{float:left;clear:both;width:10em;color:#828282;}dl.table dt::after{content:":";}dl.table dd{text-align:left;margin-left:10em;}input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}textarea{resize:vertical;height:8em;max-width:30em;}form.minor input.larger,form.minor textarea.larger,form input.larger,form textarea.larger{width:25em;}textarea.larger{height:12em;}input[type='text'],input[type='password'],textarea,ul.selectgrid{background:#f7f7f7;border-color:#969696 #b4b4b4 #dcdcdc #b4b4b4;border-style:solid;border-width:1px;padding:.2em;width:14em;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;}input[type='text']:focus,input[type="password"]:focus,textarea:focus{background:#fdfdfd;outline:none;} +select{cursor:pointer;}form dd p.description,form dd p.hint,form>p{color:#646464;width:22em;font-size:smaller;}form label::after{content:":";}form label.required{font-weight:500;}form label.required::after{content:":*";color:#504632;}form.normal dl dt{float:left;clear:both;width:10em;margin-right:1em;text-align:right;}form.normal dl dd{margin-left:11em;margin-bottom:.7em;}form.minor dl{padding-top:.5em;}form.minor dl dd{margin-bottom:.7em;}form.minor input,form.minor textarea,form.minor select{width:15em;}form dl ul.errors{color:#e84f47;}form input[type='text'].error,form input[type='password'].error,form textarea.error{outline:2px solid rgba(232,89,81,0.4);}form dd.shared-row div{display:inline-block;width:7em;}form dd.shared-row div:last-child,form dd.shared-row div.last{margin-left:.6em;}form dd.shared-row input{width:100%;}input.hint,textarea.hint{color:gray;}form fieldset:last-of-type dd:last-of-type{width:auto;margin:1em 0;padding:1em 0 1em 11em;background:#fafafa;}form.minor dl dt:last-of-type,form fieldset:last-of-type dt:last-of-type{display:none;} +form fieldset{border-top:1px solid #dcdcdc;padding-top:1em;margin-bottom:2em;}form fieldset:not([legend]){border:none;}form fieldset legend{margin-left:1.5em;font-size:120%;font-weight:bold;padding:.5em;} +ul.selectgrid>li{display:inline-block;margin:.3em;padding:.1em .3em 0 .3em;vertical-align:top;color:#1a5382;border:1px solid transparent;}ul.selectgrid>li:hover{cursor:pointer;background:white;border:1px solid #1a5382;} +ul.selectgrid>li.selected{background:#1a5382;color:white;}ul.selectgrid>li.disabled,ul.selectgrid>li.disabled:hover{background:rgba(195,250,195,0.4);border:1px solid #c8fbbe;border:none;color:black;cursor:default;}.emphasis{-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;border:1px solid #f0f0f0;background:#f7f7f7;background:#efeae0;border:1px solid rgba(0,0,0,0.2);}.emphasis input,.emphasis textarea{background:white;}div.emphasis{padding:1em;margin-bottom:1em;}.minorEmphasis,.emphasis.minor{border:1px solid #f5f5f5;background:#fafafa;border:1px solid #f0f0f0;background:#fdfdfd;}span.de-emphasis,.dimmed{color:#969696;}div#banner{background:#feffd0;border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid #f0b487;font-weight:bold;font-size:smaller;text-align:center;padding:.5em;}body[id*="program_select"] div#banner{display:none;}.callout{border:1px solid #96bedc;background:#ebf7fc;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}div.callout,form.callout,p.callout{margin-bottom:1em;padding:1em;}.callout h1,.callout h2,.callout h3,.callout h4,.callout h5,.callout h6{color:#3c648c;}div#sidebar>div.section.list div.callout{margin:0;border:none;}.rounded{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}dd.small{font-size:smaller;}p.small{font-size:smaller;margin:0;}h1.numbered,h2.numbered,h3.numbered,h4.numbered,h5.numbered,h6.numbered{counter-increment:section;}h1.numbered::before,h2.numbered::before,h3.numbered::before,h4.numbered::before,h5.numbered::before,h6.numbered::before{content:counter(section) ". ";}div#header{position:relative;width:auto;padding:2em 1em 2em 1em;background-image:url('/images/interface/bottom-fade.png');background-repeat:repeat-x;background-position:bottom left;background-color:#f4f4ee;background-color:#faf5ea;border-bottom:1px solid #d6d6d0;}div#heading{width:1000px;margin:1em auto 1em;}div#heading a[href],div#heading a[href]:hover{color:#646464;text-decoration:none;background:none;}div#heading h1#logo a{display:block;text-indent:-300%;overflow:hidden;outline:none;background:url(/images/logo-small.png) no-repeat left;height:63px;width:162px;}div#heading h1{display:inline;}div#heading ul.controls{position:static;display:inline;}ul#navigation{position:absolute;top:0;left:50%;margin-left:-500px;width:1000px;padding:.5em 0;font-size:.8em;border-width:0 1px 1px 1px;border-style:solid;color:#dcdcdc;background:#2d3e3d;border-color:#233441;border-color:rgba(0,0,0,0.2);background-color:#3b3231;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.35);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);-khtml-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2);-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-khtml-border-bottom-left-radius:3px;-khtml-border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}ul#navigation li{padding:.3em .5em .5em;}ul#navigation a{color:white;}ul#navigation a:hover{background:none;text-decoration:underline;}ul#navigation form{display:inline-block;}ul#navigation input{margin-top:-1px;height:1em;background-image:url('/images/interface/magnifier.png');background-repeat:no-repeat;background-position:right -1px;}ul#navigation input:focus{outline:2px solid rgba(255,255,255,0.15);}ul#navigation>li:first-child{margin-left:.5em;}ul#navigation>li:last-child{position:absolute;right:0;padding:0;margin-right:.5em;}div#tabs{position:absolute;bottom:-1px;left:50%;margin-left:-475px;width:1000px;}div#tabs ul>li{display:inline-block;padding:.25em .7em;margin-right:.1em;background:#f5f5f5;border:1px solid #d7d7d7;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-khtml-border-top-left-radius:3px;-khtml-border-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;}div#tabs li:hover{background:#fafafa;}div#tabs a:hover{text-decoration:none;}body[id*="course_view."] div#tabs li[id="tab:stream"],body[id*="course_view."] div#tabs li[id="tab:stream"]:hover,body[id*="course_view-material"] div#tabs li[id="tab:material"],body[id*="course_view-material"] div#tabs li[id="tab:material"]:hover,body[id*="course_view-questions"] div#tabs li[id="tab:questions"],body[id*="course_view-questions"] div#tabs li[id="tab:questions"]:hover{cursor:default;background:white;border-color:#d6d6d0;border-bottom:1px solid white;}body[id*="course_view."] div#tabs li[id="tab:stream"] a,body[id*="course_view."] div#tabs li[id="tab:stream"]:hover a,body[id*="course_view-material"] div#tabs li[id="tab:material"] a,body[id*="course_view-material"] div#tabs li[id="tab:material"]:hover a,body[id*="course_view-questions"] div#tabs li[id="tab:questions"] a,body[id*="course_view-questions"] div#tabs li[id="tab:questions"]:hover a{color:inherit;cursor:default;}div#main{margin:2em auto;min-height:300px;width:1000px;}div#main>div.column{float:left;}div#aside{width:130px;}div#aside+div#content{margin-left:25px;margin-right:25px;width:550px;}div#content{margin-right:150px;width:550px;}div#sidebar{width:300px;}div#aside+div#content+div#sidebar{width:270px;}div#content{padding:0;word-wrap:break-word;}div#content>*:first-child{margin-top:0;}div#sidebar>div.section{margin-bottom:1em;padding:1em;border:1px solid #ebebeb;background:#fdfdfd;background:#f6f4ee;border:1px solid rgba(0,0,0,0.2);-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}div#sidebar>div.section:only-child{min-height:30em;}div#sidebar>div.section:empty{visibility:hidden;}div#sidebar>div.section.list{background:white;padding:0;}div#sidebar>div.section.list h2,div#sidebar>div.section.list h3,div#sidebar>div.section.list h4{margin:0;padding:1em;color:#646464;background:#f5f5f5;}div#sidebar>div.section>hr{background:#ebebeb;margin:1em -1em;}div#footer{margin:6em auto 2em auto;width:1000px;}div#footer>ul,div#footer>div{margin-bottom:2em;min-height:1em;padding:1em;color:#646464;font-size:smaller;background:#fdfdfd;background:#f6f4ee;background:#f7f3e7;border:1px solid #dcdcdc;border:1px solid rgba(0,0,0,0.1);}div#footer a{color:#1a5382;text-decoration:none;}div#footer a:hover{text-decoration:underline;background:none;}div#footer>ul[class^="grid"] li{margin-bottom:0;}div#footer>ul.vertical li+li::before{content:"·";padding-right:.5em;padding-left:.3em;font-weight:bold;color:inherit;}* .js_hidden,* * .js_hidden,* * * .js_hidden,* * * * .js_hidden,* [class~="js:hidden"],* * [class~="js:hidden"],* * * [class~="js:hidden"],* * * * [class~="js:hidden"]{display:none;}[class="js:reversed"],.js_reversed{display:none;}[class="js:clickable"]:hover{cursor:pointer;}form#form-signup fieldset{margin-bottom:0;}div#print-header{display:none;}div#graph{margin:1em 0;}div.document{color:#323232;line-height:1.4em;font-size:115%;margin-bottom:1em;}div.document h1,div.document h2,div.document h3,div.document h4,div.document h5,div.document h6{color:#141414;font-size:inherit;}object.scribd{width:100%;height:45em;}.no-content{font-size:larger;color:#787878;}div.instruction{position:relative;margin-bottom:1em;padding:1em;color:#966446;border:1px solid #f0b487;background:#feffd0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);-khtml-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}div.instruction::after{position:absolute;display:block;content:"";width:50px;height:12px;left:15px;bottom:-1em;margin-bottom:4px;background-position:top 15px;background-repeat:no-repeat;}body.mozilla div.instruction::after{display:none;}div.instruction h5,div.instruction h6{color:#be640f;margin-top:0;}div.instruction p:last-of-type{margin-bottom:0;}ul.filter>li{padding:.25em .4em;border-top:1px solid #dcdcdc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}ul.filter>li:last-child{border-bottom:1px solid #dcdcdc;}body:not([id*="filter"]) li[id="filter:all"]{border:1px solid rgba(0,0,0,0.2);background:#1e5591;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}body[id*="filter:question"] li[id="filter:question"],body[id*="filter:request"] li[id="filter:request"],body[id*="filter:work"] li[id="filter:work"],body[id*="filter:comment"] li[id="filter:comment"],body[id*="filter:summary"] li[id="filter:summary"],body[id*="filter:note"] li[id="filter:note"],body[id*="filter:exam"] li[id="filter:exam"],body[id*="filter:course"] li[id="filter:course"]{border:1px solid #787878;border:1px solid rgba(0,0,0,0.2);background:#1e5591;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}body:not([id*="filter"]) li[id="filter:all"] a{color:white;}body[id*="filter:question"] li[id="filter:question"] a,body[id*="filter:request"] li[id="filter:request"] a,body[id*="filter:work"] li[id="filter:work"] a,body[id*="filter:comment"] li[id="filter:comment"] a,body[id*="filter:summary"] li[id="filter:summary"] a,body[id*="filter:note"] li[id="filter:note"] a,body[id*="filter:exam"] li[id="filter:exam"] a,body[id*="filter:course"] li[id="filter:course"] a{color:white;}ul.stream>li{margin-bottom:.5em;padding-bottom:.5em;border-bottom:1px solid #dcdcdc;background-repeat:no-repeat;padding-left:50px;min-height:50px;}ul.stream>li:last-child{border:none;}ul.stream>li.request{background-image:url(/images/icons/request.png);}ul.stream>li.question{background-image:url(/images/icons/question.png);}ul.stream>li.answer{background-image:url(/images/icons/answer.png);}ul.stream>li.comment{background-image:url(/images/icons/comment.png);}ul.stream>li.thank{background-image:url(/images/icons/star.png);}ul.stream>li.summary,ul.stream>li.note,ul.stream>li.exam{background-image:url(/images/icons/paper.png);}ul.stream ul.meta{font-size:smaller;}ul.stream ul.meta>li+li::before{content:"∙";color:#b4b4b4;padding:0 .3em 0 .1em;}ul.stream ul li.date{color:#969696;}ul.stream blockquote.styled{margin:0;}ul.stream p{margin-bottom:0;}ul.breadcrumbs{height:2em;padding:0;margin-bottom:2em;font-size:smaller;border:1px solid #e6e6e6;}ul.breadcrumbs>li{display:inline-block;line-height:2em;padding:0 1em 0 .5em;background:right center url(/images/interface/breadcrumb.png) no-repeat;}ul.breadcrumbs>li:first-child{padding-left:.8em;}ul.breadcrumbs>li:last-child{background:none;}ul#share li.link{list-style-image:url('/images/icons/social/email.png');}ul#share li.facebook{list-style-image:url('/images/icons/social/facebook.png');}ul#share li.myspace{list-style-image:url('/images/icons/social/myspace.png');}ul#share li.digg{list-style-image:url('/images/icons/social/digg.png');}ul#share li.reddit{list-style-image:url('/images/icons/social/reddit.png');}ul#share li.google{list-style-image:url('/images/icons/social/google.png');}ul#share li.delicious{list-style-image:url('/images/icons/social/delicious.png');}ul#share li.stumbleupon{list-style-image:url('/images/icons/social/stumble.png');}ul#share li.mixx{list-style-image:url('/images/icons/social/mixx.png');}div#messages div,div#messages div.notice{border:1px solid green;background:#dcfadc;padding:.5em;margin-bottom:1em;}div#messages div.error{border:1px solid red;background:#ffcbcb;}ul.comments,div#postComment{width:70%;}div#postComment{font-size:smaller;margin-bottom:.5em;padding:0;}div#postComment.callout>*{margin:.5em;}ul.comments>li{padding:.5em;font-size:smaller;margin-bottom:.5em;}div#postComment dt{display:none;}div#postComment textarea{width:95%;margin:0 .5em;height:5em;}div.popout-box{position:absolute;top:0;right:0;}div.popout-box>div:first-child{width:2em;padding:.2em;}div.popout-box>div{border:1px solid #b4b4b4;}div.popout-box>div:last-child{display:none;position:absolute;right:2.4em;top:0;padding:1em;background:#fdfdfd;}div.box{background-color:#c9d9fa;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}div.box>.content{padding:1em;}div.box h6{color:white;background-color:#657daf;padding:.5em;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-khtml-border-top-left-radius:3px;-khtml-border-top-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;}#overlay{position:absolute;top:0;left:0;z-index:100;border:10px solid #787878;border:10px solid rgba(0,0,0,0.5);-webkit-border-radius:.6em;-moz-border-radius:.6em;-khtml-border-radius:.6em;border-radius:.6em;}#overlay .loading,#overlay .wrapper{background:#f7f7f7;padding:1em;position:relative;width:25em;}#overlay .loading{text-align:center;}#overlay .wrapper{border:1px solid #787878;background:#fdfdfd;}#overlay .wrapper>*{font-size:smaller;}#overlay_overlay{position:fixed;top:0;left:0;height:100%;width:100%;}.ac_results{border:1px solid #b4b4b4;background:white;overflow:hidden;padding:0;z-index:1000;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.6);-moz-box-shadow:0 0 5px rgba(0,0,0,0.6);-khtml-box-shadow:0 0 5px rgba(0,0,0,0.6);box-shadow:0 0 5px rgba(0,0,0,0.6);}.ac_results ul{width:100%;}.ac_results ul>li{margin:0;padding:2px 5px;display:block;overflow:hidden;color:#141414;cursor:default;font:menu;font-size:12px;line-height:16px;}.ac_results li+li{border-top:1px solid #e6e6e6;}.ac_results li.ac_over{background-color:#153d5d;color:white;}.ac_results strong{background:#e6e6e6;}.ac_results li.ac_over strong{background-color:#294c71;}.ac_results li p.small{color:#787878;}.ac_results li.ac_over p.small{color:#c8c8c8;}div.visualize{margin-top:1em;}body[id*="index_index"] div#content>img{margin-left:1em;display:block;float:right;width:230px;}body[id*="index_index"] div#introduction{font-family:"Geneva","Segoe UI","Optima","Helvetica",sans-serif;color:#56473e;text-shadow:0 1px white;text-align:center;font-weight:normal!important;font-size:1.3em;}body[id*="index_index"] div#introduction h2{color:inherit;}body[id*="index_index"] div#introduction p{font-size:.8em;padding:0 .5em;width:inherit;}body[id*="index_index"] div#introduction hr{margin:1em auto;width:20em;background:#787878;-webkit-box-shadow:0 1px 2px rgba(120,120,120,0.5);-moz-box-shadow:0 1px 2px rgba(120,120,120,0.5);-khtml-box-shadow:0 1px 2px rgba(120,120,120,0.5);box-shadow:0 1px 2px rgba(120,120,120,0.5);}body[id*="search_index"] div#search{margin:0 0 1em 0;padding:1em;}body[id*="search_index"] div#search input{width:27em;background:white;}body[id*="search_index"] div#search dl,body[id*="search_index"] div#search dt,body[id*="search_index"] div#search dd{margin:0;}body[id*="search_index"] div#search button{margin-left:.3em;min-width:3em;font-size:80%;}body[id*="search_index"] div#search p.description{width:inherit;display:block;}ul#filters>li{padding:.5em;}body:not([id*="filter"]) ul#filters>li[id="filter:all"],body[id*="filter:summary"] ul#filters>li[id="filter:summary"],body[id*="filter:note"] ul#filters>li[id="filter:note"],body[id*="filter:exam"] ul#filters>li[id="filter:exam"],body[id*="filter:course"] ul#filters>li[id="filter:course"]{border:1px solid #c8c8c8;background:#e6e6e6;}body[id*="search_index"] p.results{font-style:italic;}body[id*="search_index"] div.result{padding:.5em 1em;border-bottom:1px solid #dcdcdc;}body[id*="search_index"] div.result a:visited{color:#6e3278;}body[id*="search_index"] div.result h4{color:inherit;}body[id*="search_index"] div.result h4 span{font-weight:normal;}body[id*="home_index"] div#pioneer>p{font-size:1.2em;line-height:1.5em;}body[id*="course_view"] div#material{display:none;}body[id*="course_view"] li>input.copy{color:#787878;background:white;width:13em;}body[id*="course_view"] div.js_books-add,body[id*="course_view"] div.js_articles-add{padding:1em;border-top:1px solid #d2e6f0;border-bottom:1px solid #d2e6f0;background:aliceblue;}body[id*="course_view"] div.js_books-add input,body[id*="course_view"] div.js_articles-add input{width:19em;font-size:smaller;} \ No newline at end of file diff --git a/test/less/rulesets.less b/test/less/rulesets.less new file mode 100644 index 00000000..63f47c8c --- /dev/null +++ b/test/less/rulesets.less @@ -0,0 +1,30 @@ +#first > .one { + > #second .two > #deux { + width: 50%; + #third { + :focus { + color: black; + #fifth { + > #sixth { + .seventh #eighth { + + #ninth { + color: purple; + } + } + } + } + } + height: 100%; + } + #fourth, #five, #six { + color: #110000; + .seven, .eight > #nine { + border: 1px solid black; + } + #ten { + color: red; + } + } + } + font-size: 2em; +} \ No newline at end of file diff --git a/test/less/scope.less b/test/less/scope.less new file mode 100644 index 00000000..f8f59bfd --- /dev/null +++ b/test/less/scope.less @@ -0,0 +1,32 @@ +@x: blue; +@z: transparent; +@mix: none; + +.mixin { + @mix: #989; +} + +.tiny-scope { + color: @mix; // #989 + .mixin; +} + +.scope1 { + @y: orange; + @z: black; + color: @x; // blue + border-color: @z; // black + .hidden { + @x: #131313; + } + .scope2 { + @y: red; + color: @x; // blue + .scope3 { + @local: white; + color: @y; // red + border-color: @z; // black + background-color: @local; // white + } + } +} \ No newline at end of file diff --git a/test/less/selectors.less b/test/less/selectors.less new file mode 100644 index 00000000..3d5fa045 --- /dev/null +++ b/test/less/selectors.less @@ -0,0 +1,24 @@ +h1, h2, h3 { + a, p { + :hover { + color: red; + } + } +} + +#all { color: blue; } +#the { color: blue; } +#same { color: blue; } + +ul, li, div, q, blockquote, textarea { + margin: 0; +} + +td { + margin: 0; + padding: 0; +} + +td, input { + line-height: 1em; +} diff --git a/test/less/strings.less b/test/less/strings.less new file mode 100644 index 00000000..c5671a13 --- /dev/null +++ b/test/less/strings.less @@ -0,0 +1,14 @@ +#strings { + background-image: url("http://son-of-a-banana.com"); + quotes: "~" "~"; + content: "#*%:&^,)!.(~*})"; + empty: ""; +} +#comments { + content: "/* hello */ // not-so-secret"; +} +#single-quote { + quotes: "'" "'"; + content: '""#!&""'; + empty: ''; +} \ No newline at end of file diff --git a/test/less/variables.less b/test/less/variables.less new file mode 100644 index 00000000..19594894 --- /dev/null +++ b/test/less/variables.less @@ -0,0 +1,24 @@ +@a: 2; +@x: @a * @a; +@y: @x + 1; +@z: @x * 2 + @y; + +.variables { + width: @z + 1cm; // 14cm +} + +@b: @a * 10; +@c: #888; + +@fonts: "Trebuchet MS", Verdana, sans-serif; +@f: @fonts; + +@quotes: "~" "~"; +@q: @quotes; + +.variables { + height: @b + @x + 0px; // 24px + color: @c; + font-family: @f; + quotes: @q; +} diff --git a/test/less/whitespace.less b/test/less/whitespace.less new file mode 100644 index 00000000..515f7e54 --- /dev/null +++ b/test/less/whitespace.less @@ -0,0 +1,34 @@ + + +.whitespace + { color: white; } + +.whitespace +{ + color: white; +} + .whitespace +{ color: white; } + +.whitespace{color:white;} +.whitespace { color : white ; } + +.white, +.space, +.mania +{ color: white; } + +.no-semi-column { color: white } +.no-semi-column { + color: white; + white-space: pre +} +.no-semi-column {border: 2px solid white} +.newlines { + border: 2px + solid + black; +} +.empty { + +} diff --git a/test/op.less b/test/op.less new file mode 100644 index 00000000..05ad20b7 --- /dev/null +++ b/test/op.less @@ -0,0 +1,4 @@ +@import "f"; +div { + width: 2 - 5; +} diff --git a/test/spec.less b/test/spec.less new file mode 100644 index 00000000..2b7441fb --- /dev/null +++ b/test/spec.less @@ -0,0 +1,26 @@ +@import "lib"; + +div.browse { + @var: 1px; + margin: 0 0 20px; + &.class { + padding: 0; + } + :hover { + width: @var; + height: 1 + @var; + } + #div { + @poo: #fff; + foo: bar, zoo; + > pipe { + color: @poo; + } + } + > foo { + foo: #444; + } + &:last { + c:1; + } +} diff --git a/test/test.less b/test/test.less new file mode 100644 index 00000000..3b4819a5 --- /dev/null +++ b/test/test.less @@ -0,0 +1,7959 @@ +@import "lib"; + +div.browse { + margin: 0 0 20px; + &.class { + padding: 0; + } + div.header { + padding: 10px 10px 9px; text-align: left; background: @bg url('/images/panel_header_bg.png') repeat-x top left; + border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); line-height: 1; height: 18px; + .border_radius_top(3); color: @light_grey; + h3 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + .active { + background: @white; color: @black; z-index: 4; + :hover { color: @black; } + } + :hover { color: @white; } + :first-child { .border_radius_left(2); } + :last-child { .border_radius_right(2); margin-right: 0; } + } + } + + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + :last-child { + a { border: none; } + } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > ul { + margin: 0; background: @white; padding: 10px 0 0 10px; .border_radius(3); position: relative; + li { + display: block; float: left; list-style: none; margin: 0 10px 10px 0; padding: 5px; position: relative; + background: @white; width: 130px; border: 1px solid (@light_grey * 0.33 + @white * 0.66); .border_radius(2); + a.remove { + position: absolute; height: 16px; width: 16px; padding: 3px; background: @accent_colour; + .border_radius(99); display: none; z-index: 3; top: -8px; right: -8px; + img { vertical-align: middle; } + } + div.thumbnail { + .border_radius_top(3); position: relative; z-index: 3; + .marker { + position: absolute; padding: 2px; .border_radius(2); z-index: 3; + background: url('/images/transparent_backgrounds/white_75.png'); height: 12px; width: 12px; + } + .marker.coupon { + height: auto; width: auto; top: 10px; right: -3px; padding: 0; background: transparent; overflow: hidden; position: absolute; + b { + display: block; height: 0; width: 0; float: left; border: 14px solid transparent; border-top: 14px solid @accent_colour; + border-bottom: none; border-right: none; float: left; + } + span { + color: @white; font-size: 10px; font-weight: bold; text-transform: uppercase; height: 14px; line-height: 14px; display: block; + padding: 0 4px 0 2px; background: @accent_colour; .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); margin: 0 0 0 14px; + } + } + .marker.video { + position: absolute; left: 50%; top: 50%; background: @white; width: 10px; height: 10px; + b { display: block; width: 0; height: 0; border: 5px solid transparent; border-left: 10px solid @black; border-right: none; } + } + .marker.endorsed_by_me { background: none; padding: 0; right: 0; bottom: -32px; .border_radius(2); background: @white; } + a.thumbnail { + display: block; overflow: hidden; position: relative; text-align: center; + img { position: relative; display: block; margin: auto; } + } + } + div.text { + margin: 3px 0 0; display: block; + a { text-decoration: none; } + a.title { + display: block; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 16px; + white-space: nowrap; height: 16px; overflow: hidden; + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + small { + font-size: 11px; line-height: 13px; color: @grey; display: block; height: 13px; overflow: hidden; white-space: nowrap; + a { font-weight: bold; } + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + } + :hover { + background: @accent_colour; + a.remove { display: block; } + div.thumbnail { + a.marker.remove, a.marker.video { + b { display: inline-block; } + } + a.marker.video { .box_shadow(0, 0, 2, @black); } + } + div.text { + a { color: @white; } + a.title:before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + small { + color: @white * 0.75 + @accent_colour * 0.25; + :before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + } + } + div.footer a { color: @white; } + } + } + > li.ad div.thumbnail a.thumbnail { + width: 130px; height: 97px; + img { width: 100%; height: 100%; } + } + > li.brand div.thumbnail a.thumbnail { + width: 120px; height: 87px; padding: 5px; background: @white; .border_radius(2); + img { max-width: 120px; max-height: 87px; } + } + li.paginate { + margin-bottom: 0; + a { + display: block; position: relative; text-decoration: none; height: 131px; + div.arrow { + background: #81c153 url('/images/button_bg.png') repeat-x left top; border: 1px solid (@accent_colour * 0.75 + @black * 0.25); + height: 44px; .border_radius(99); width: 44px; margin: 0 auto; position: relative; top: 32px; + b { text-indent: -9000px; display: block; border: 10px solid transparent; width: 0; height: 0; position: relative; top: 12px; } + } + div.label { + position: absolute; bottom: 5px; left: 0; right: 0; line-height: 13px; + color: @accent_colour * 0.85 + @black * 0.15; text-decoration: none; + font-weight: bold; font-size: 12px; text-align: center; + } + :hover { + div.arrow { background: #abd56e url('/images/button_bg.png') repeat-x left -44px; } + } + } + :hover { background: transparent; } + } + li.paginate.previous a div b { border-right: 15px solid @white; border-left: none; left: 12px; } + li.paginate.next a div b { border-left: 15px solid @white; border-right: none; left: 16px; } + } + > div.footer { + padding: 9px 10px 10px; background: @light_grey * 0.75 + @white * 0.25; overflow: hidden; + border-top: 1px solid @light_grey; .border_radius_bottom(3); + div.info { + float: left; color: @grey; + strong { color: @black; font-weight: normal; } + } + div.pagination { + float: right; + > * { + display: inline-block; line-height: 1; padding: 0 6px; line-height: 18px; height: 18px; background: @white; + .border_radius(3); text-decoration: none; font-weight: bold; + font-size: 10px; text-transform: uppercase; + } + a { color: @grey; } + a:hover { color: @black; } + span.disabled { color: @light_grey; } + span.current { color: @white; background: @bg; border: none; } + span.current:hover { color: @white; } + } + } +} +div.browse.with_categories { margin: 0 0 0 160px; } +div.browse.with_options > ul { .border_radius_top(0); } +div.browse.with_footer > ul { .border_radius_bottom(0); } +/* Browse List */ +div.browse.list { +> ul { + margin: 0; min-height: 320px; + padding: 10px 0 0 10px; overflow: hidden; + > li { + display: block; list-style: none; margin: 0 10px 10px 0; padding: 5px; + .border_radius(3); position: relative; line-height: normal; + .marker { + position: absolute; padding: 2px; .border_radius(2); + background: url('/images/transparent_backgrounds/white_75.png'); + img { height: 12px; width: 12px; } + } + img.marker { height: 12px; width: 12px; } + span.marker.new { + color: black; left: -5px; top: -5px; background: none; background-color: @white * 0.1 + @yellow * 0.6 + @red * 0.3; line-height: 1; padding: 2px 5px; + font-weight: bold; + } + a.marker.media_type { + display: inline-block; text-decoration: none; top: 39px; left: 8px; + font-size: 10px; + b { font-weight: normal; margin: 0 0 0 2px; line-height: 1; display: none; } + img { vertical-align: middle; } + } + a.thumbnail { + float: left; + width: 68px; display: block; overflow: hidden; + border: 1px solid @light_grey; + :hover { border-color: @accent_colour; } + } + span.title_brand { + display: block; margin: 0 0 2px 75px; + a { margin: 0; display: inline; } + a.brand_name { font-weight: normal; font-size: 12px; } + } + a.ad_title { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + a.brand_name { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + small { + display: block; color: @grey; margin: 0 0 0 75px; font-size: 12px; + } + small.brand_name { display: inline; margin: 0; } + ul.chart { + margin: 0 0 0 80px; + height: 39px; + } + ul.networks { + margin: 3px 0 0 75px; padding: 0; overflow: hidden; + li { display: block; float: left; margin: 0 5px 0 0; line-height: 1; } + } + div.points { + display: none; + font-size: 12px; text-align: right; + label { color: @grey; } + } + a.remove { bottom: -3px; right: -3px; } + } + li.ad { + a.thumbnail { height: 51px; } + span.title_brand { + small.brand_name { + display: block; + } + } + } + li.brand { + a.thumbnail { height: 68px; } + } + } +} +div.browse.list.with_options ul { .border_radius_top(0); } +div.browse.list.with_footer ul { .border_radius_bottom(0); } +div.browse.list.cols_2 { + > ul { + > li { + width: 285px; float: left; + :hover { + background: @white; + } + } + } +} +div.browse.ads.list { + > ul { + > li { + height: 53px; + a.thumbnail { + height: 51px; + } + } + } +} +div.browse.brands.list { + > ul { + > li { + height: 68px; + a.thumbnail { + height: 66px; + } + } + } +} + +/* Categories List */ +#categories { + margin: 40px 0 0; width: 160px; float: left; position: relative; z-index: 1; + ul { + margin: 0; padding: 10px 0 0; + li { + list-style: none; margin: 0; padding: 0; font-size: 14px; + a { color: @grey; display: block; padding: 5px 10px 5px 15px; text-decoration: none; .border_radius_left(3); } + a:hover { color: @black; background: @light_grey * 0.15 + @white * 0.85; } + } + .all a { font-weight: bold; } + .current a { + background: @white; color: @black; border: 1px solid (@light_grey * 0.25 + @white * 0.75); border-right: none; border-left: 5px solid @bg; + padding-left: 10px; + } + } +} + +/* Ads > Show */ +#ad { + div.header { + overflow: hidden; + h3 { font-size: 16px; margin: 0 0 3px; } + small { + a.category { font-weight: bold; color: @accent_colour; } + span.networks img { position: relative; top: 3px; } + } + span.brand { + float: right; color: @white; + a.brand_name { font-weight: bold; color: @accent_colour; } + } + } + div.content { + padding: 0; position: relative; + a.toggle_size { + display: block; .border_radius(3); background-color: @black; padding: 0 5px 0 26px; + background-position: 5px center; background-repeat: no-repeat; text-decoration: none; margin: 5px 5px 0 0; + position: absolute; top: 0; right: 0; line-height: 25px; z-index: 45; + } + img.creative { margin: 0 auto; max-width: 540px; display: block; } + object { position: relative; z-index: 44; } + object.video { line-height: 0; font-size: 0; } + object embed { position: relative; z-index: 45; line-height: 0; font-size: 0; } + } + div.content.not_video { + padding: 40px; text-align: center; + * { margin-left: auto; margin-right: auto; } + object.flash { margin-bottom: 0; } + } + div.footer { + padding: 0; + div.vote_views { + padding: 5px 10px; overflow: hidden; + div.share { float: right; margin: 2px 0 0 0; } + #login_register_msg, #encourage_vote_msg { line-height: 22px; font-weight: bold; color: @black; } + } + } +} +#sidebar { + #meta { + table { + margin: 0; + tr:last-child td { padding-bottom: 0; } + td { + padding: 0 0 5px; + ul.networks { + margin: 0; padding: 0; + li { + list-style: none; display: inline; + } + li { + } + } + } + td.label { color: @grey; white-space: nowrap; width: 1%; text-align: right; padding-right: 5px; } + } + } +} + +/* Voting */ +div.voted { + font-size: 12px; line-height: 22px; color: @black; display: inline-block; font-weight: bold; + img { float: left; margin-right: 5px; padding: 3px; .border_radius(3); } +} +#voted_up { + img { background: @colour_positive * 0.66 + @bg * 0.15; } +} +#voted_down { + img { background: @colour_negative * 0.66 + @bg * 0.15; } +} +#encourage_comment { + display: inline-block; line-height: 22px; font-weight: bold; +} +#vote { + overflow: hidden; font-size: 12px; line-height: 22px; color: @black; float: left; + a { + color: @white; font-weight: bold; overflow: hidden; display: block; + width: 16px; text-decoration: none; text-align: center; font-size: 10px; padding: 3px; text-transform: uppercase; + } + a.up { + float: left; background: @colour_positive * 0.66 + @bg * 0.15; .border_radius_left(3); + :hover { background: @colour_positive * 0.85 + @bg * 0.15; } + } + a.down { + float: left; background: @colour_negative * 0.66 + @bg * 0.15; .border_radius_right(3); + margin: 0 5px 0 1px; + :hover { background: @colour_negative * 0.85 + @bg * 0.15; } + } +} +#vote.disabled { + a.up { + background: (@colour_positive * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_positive * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } + a.down { + background: (@colour_negative * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_negative * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } +} + +/* Panels */ +div.panel { + margin: 0 0 20px; position: relative; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); .border_radius(3); + > div.header { + background: @bg url('/images/panel_header_bg.png') repeat-x top left; border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); + padding: 5px 10px 4px; .border_radius_top(3); min-height: 18px; + h2 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + h3 { color: @white; font-size: 14px; margin: 0; line-height: 18px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + small { display: block; font-size: 12px; color: @light_grey * 0.25 + @white * 0.75; } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + } + a:first-child { .border_radius_left(2); } + a:last-child { .border_radius_right(2); margin-right: 0; } + a.active { background: @white; color: @black; z-index: 4; } + a:hover { color: @white; } + a.active:hover { color: @black; } + } + + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + } + li:last-child { + a { border: none; } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > div.content { + background: @white; padding: 10px; + .no_padding { padding: 0; } + } + > div.footer { + background: @light_grey * 0.33 + @white * 0.66; border-top: 1px solid (@light_grey * 0.5 + @white * 0.5); + padding: 4px 10px 5px; .border_radius_bottom(3); + } +} +div.panel.no_footer div.content { .border_radius_bottom(3); } +div.panel.no_header div.content { .border_radius_top(3); } +div.panel.collapsable { + div.header { + cursor: pointer; + b.toggle { float: right; border: 5px solid transparent; border-bottom: 5px solid @white; border-top: none; display: block; width: 0; height: 0; margin: 6px 0 0 0; } + } + div.header:hover { + background-color: @bg * 0.75 + @white * 0.25; + } +} +div.panel.collapsed { + div.header { + border-bottom: none; .border_radius(3); + b.toggle { border-bottom: none; border-top: 5px solid @white; } + } + div.blank { border-bottom: none; .border_radius_bottom(3); } + div.content, div.footer { display: none; } +} + + +/* Sidebar Actions */ +#sidebar { + #actions { + .box_shadow(0, 0, 0, transparent); + div.content { + background: url('/images/transparent_backgrounds/accent_colour_10.png'); text-align: center; + p.endorsement { + margin: 0 0 10px; font-size: 14px; font-weight: bold; + small { font-weight: normal; line-height: inherit; margin: 10px 0 0; } + :last-child { margin: 0; } + } + div.share { margin: 5px 0 0; } + a.button { + font-size: 16px; line-height: normal; height: auto; padding: 5px 10px 5px 35px; font-weight: bold; margin: 0; position: relative; + img { position: absolute; top: 3px; left: 6px; } + } + div.flash.notice { + margin: 10px 0 0; font-size: 22px; + small { font-weight: normal; margin: 0 0 10px; } + } + div.flash.notice.done { margin: 0; } + small { + display: block; margin: 10px 0 0; font-size: 11px; color: #808080; line-height: 12px; + img.favicon { vertical-align: middle; } + } + div.blank { + border: none; background: none; padding: 10px 0 0; border-top: 1px solid (@accent_colour * 0.5 + @white * 0.5); + margin: 10px 0 0; + } + } + } +} + +/* People Lists */ +ul.people { + margin: 0; padding: 10px 0 0 10px; background: @white; + > li { + display: block; margin: 0 10px 10px 0; float: left; padding: 2px; width: 57px; position: relative; + .border_radius(2); background: @white; list-style: none; border: 1px solid (@light_grey * 0.33 + @white * 0.66); + a.avatar { + display: block; width: 59px; height: 59px; overflow: hidden; + img { width: 100%; height: 100%; } + } + a.name { display: block; font-size: 10px; text-align: center; } + :hover { + background: @accent_colour; + a.name { color: @white; } + } + } +} +ul.people.list { + padding: 0; + > li { + margin: 0 0 10px; padding: 0 0 10px; overflow: hidden; float: none; width: auto; .border_radius(0); + border: none; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + span.points { + float: right; display: block; padding: 5px; background: @light_grey * 0.15 + @white * 0.85; line-height: 1; + text-align: center; width: 50px; height: 30px; .border_radius(3); margin: 0 0 0 10px; + strong { display: block; color: @black; font-size: 16px; margin: 2px 0 0; } + label { color: @grey; text-transform: uppercase; font-size: 10px; } + label.long { display: block; } + label.short { display: none; } + } + a.avatar { float: left; width: 40px; height: 40px; } + a.name { font-size: 14px; font-weight: bold; margin: 0 0 0 50px; text-align: left; } + a.name.long { display: inline; } + a.name.short { display: none; } + span.networks { + display: block; margin: 0 0 0 50px; + img.favicon { vertical-align: middle; } + } + :hover { + background: transparent; + a.name { color: @accent_colour * 0.85 + @black * 0.15; } + } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.list.small { + > li { + span.points { + padding: 3px 6px; height: 18px; font-size: 9px; line-height: 17px; width: 60px; + strong { font-size: 12px; margin: 0; display: inline; } + label { font-size: 9px; } + label.long { display: none; } + label.short { display: inline; } + } + a.avatar { width: 24px; height: 24px; } + a.name { display: inline; line-height: 24px; margin: 0 0 0 5px; font-size: 12px; height: 24px; } + a.name.long { display: none; } + a.name.short { display: inline; } + span.networks { display: inline; margin: 0; } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.tiled { + > li { + width: 28px; padding: 2px; + a.avatar { width: 24px; height: 24px; background: @white; padding: 2px; } + a.name, small, span.networks, span.points { display: none; } + } +} + +/* Comments */ +#comments { + ul { + margin: 0 0 20px; padding: 0; + li { + display: block; list-style: none; padding: 0; margin: 0 0 10px; + span.meta { + margin: 0; overflow: hidden; display: block; + small { font-size: 12px; color: @light_grey; float: right; line-height: 16px; display: inline-block; } + a.avatar { + display: inline-block; height: 16px; width: 16px; position: relative; top: 3px; + img { height: 100%; width: 100%; } + } + a.name { font-weight: bold; line-height: 16px; display: inline-block; } + span.inactive { color: @grey; font-weight: bold; line-height: 16px; display: inline-block; } + } + b.tail { + display: block; width: 0; height: 0; margin: 3px 0 0 10px; border: 5px solid transparent; border-top: none; + border-bottom: 5px solid @white; position: relative; z-index: 2; + } + blockquote { + margin: 0; padding: 10px; .border_radius(3); font-style: normal; background: @white; + color: @dark_grey; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); + } + } + } + form { + margin: 0; + textarea { width: 500px; } + } +} + +/* Sidebar Categories */ +#sidebar { + #categories { + margin: 0 0 20px; + width: auto; + p { margin: 0; } + } +} + +#sidebar { + #ads > ul li, #recommendations > ul li { + width: 81px; + div.thumbnail { + a.thumbnail { height: 60px; width: 81px; } + } + div.text { + a.title { font-size: 11px; height: 14px; line-height: 14px; } + small { display: none; } + } + } + #brands > ul li { + width: 55px; + div.thumbnail { + a.thumbnail { + height: 45px; width: 45px; + img { max-height: 45px; max-width: 45px; } + } + } + div.text { display: none; } + } +} + +/* My Account */ +#accounts_controller { + #top { + #page_title { + #page_options { + a.button.public_profile { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 35px 8px 15px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; right: 15px; border: 6px solid transparent; border-right: none; border-left: 6px solid @white; margin: 0; } + } + a.button.goto_dashboard { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 15px 8px 35px; margin-right: 5px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; left: 15px; border: 6px solid transparent; border-left: none; border-right: 6px solid @white; margin: 0; } + } + } + } + } + #account_nav { + float: left; width: 200px; margin: 0 20px 0 0; + ul.nav { + margin: 0; padding: 0; + li { + margin: 0 0 5px; display: block; list-style: none; padding: 0; + a { + display: block; height: 30px; text-decoration: none; color: @white; + b { + border: 15px solid transparent; border-right: none; border-left: 10px solid transparent; width: 0; + height: 0; float: right; display: none; + } + span { + .border_radius(3); background: @bg; display: block; + line-height: 30px; padding: 0 10px; font-size: 14px; font-weight: bold; margin: 0 10px 0 0; + } + } + :hover { + a { + color: @white; + b { border-left-color: @bg; display: block; } + span { background: @bg; .border_radius_right(0); } + } + } + } + li.current a { + b { border-left-color: @accent_colour; display: block; } + span { background: @accent_colour; color: @white; .border_radius_right(0); } + } + } + } + #main { + > div { + margin: 0 0 20px; + form { margin: 0; } + } + #profile { + a.avatar { + float: left; display: block; + width: 70px; overflow: hidden; position: relative; text-decoration: none; + img { width: 100%; } + span { + display: block; line-height: 1; padding: 3px; margin: 5px 0 0; color: @white; background: @accent_colour; + .border_radius(3); .text_shadow(1, 1, 0, @grey); + text-align: center; font-size: 10px; font-weight: bold; text-transform: uppercase; + } + } + form { + margin: 0 0 0 90px; + h4 { margin: 10px 0 20px; border-bottom: 1px solid (@light_grey * 0.5 + @white * 0.5); padding: 0; color: @bg; font-size: 16px; } + ul.choices { + li { width: 30%; } + } + div.extra { margin-top: 20px; } + } + } + + #networks { + ul { margin: 0 -10px -10px 0; padding: 0; overflow: hidden; + li:hover + { + background: @light_grey; display: block; float: left; width: 180px; + padding: 10px; margin: 0 10px 10px 0; list-style: none; .border_radius(3); + position: relative; + * { line-height: normal; } + img { vertical-align: middle; float: left; } + .name { font-weight: bold; font-size: 14px; display: block; margin: -2px 0 0 42px; } + small { + font-size: 12px; color: @grey; display: block; margin-left: 42px; + strong { color: @black; font-weight: normal; } + } + :hover { + } + } + li.installed { + background: @white; + border: 2px solid @accent_colour; padding: 8px; + } + li.unavailable { + .name { color: @black; } + :hover { + background: @light_grey; + } + } + li:hover { + background: @light_grey * 0.5 + @white * 0.5; + } + } + } + } +} + +/* Shopping Style Panel */ +#shopping_style { + div.header a.button.small { float: right; } + div.content { + p { + margin: 0 0 10px; + label { text-transform: uppercase; font-size: 11px; display: block; color: @bg; font-weight: bold; } + span { color: @black; } + span.toggle { white-space: nowrap; color: @grey; } + :last-child { margin: 0; } + } + p.more { text-align: left; font-weight: normal; } + p.less { display: none; margin: 0; } + } +} + +/* People Controller */ +#people_controller.index { + #main { + div.panel { + float: left; width: 300px; margin: 0 20px 0 0; + :last-child { margin-right: 0; } + } + } +} +#people_controller.show { + #person_overview, #shopping_style { + a.button.small { + } + } + #content { + #shopping_style { + float: left; width: 240px; margin: 0 20px 0 0; + } + #main { width: 360px; } + } +} + +/* Search Results */ +#search_results { + margin: 0 0 20px; + li { + :hover { + small { color: @white * 0.75 + @accent_colour * 0.25; } + } + } +} +#search { + div.content { + padding: 20px; + form { + margin: 0; float: none; + span.submit_and_options { + display: block; + } + } + p { margin: 0 0 15px; } + h4 { font-weight: normal; margin: 0 0 5px; } + } +} + +/* Recommendations */ +#recommendations { + div.browse { + margin: 0; padding: 0; background: none; + ul { min-height: 0; .border_radius(0); } + } +} + +/* Blank States */ +div.blank { + padding: 20px; background: @bg * 0.05 + @blue * 0.05 + @white * 0.9; position: relative; + border: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); z-index: 1; + h4 { font-size: 18px; margin: 0 0 10px; } + h4:last-child { margin: 0; } + p { font-size: 16px; margin: 0 0 10px; } + p:last-child { margin: 0; } + p.with_list_number.large { + span { margin-left: 48px; display: block; color: @white; } + } + p.earn span { font-size: 22px; color: @white; line-height: 48px; font-weight: bold; } + a { white-space: nowrap; } + a.hide { + position: absolute; top: -5px; right: -5px; display: block; height: 16px; width: 16px; padding: 3px; background: #E7E9F6; .border_radius(99); + } +} + +div.blank.small { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 16px; } + p { margin: 0; } +} +div.blank.tiny { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 14px; } + p { margin: 0; font-size: 12px; } +} +div.blank.rounded { + .border_radius(3); margin: 0 0 20px; +} +div.blank.rounded.bottom { .border_radius_top(0); } +div.blank.with_border_bottom { border-bottom: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); } +div.blank.no_border_top { border-top: none; } +div.blank.no_border_bottom { border-bottom: none; } +div.blank.no_side_borders { border-right: none; border-left: none; } +div.panel { + div.blank { + padding: 10px 20px; overflow: hidden; margin: 0; + h4 { font-weight: normal; font-size: 14px; } + p, ul { margin: 0 0 10px; font-size: 12px; } + p:last-child, ul:last-child { margin: 0; } + } +} + +/* Sidebar Browse */ +#sidebar { + div.panel { + div.content.browse { + padding: 0; margin: 0; + > ul { + min-height: 0; .border_radius(0); + > li { + div.thumbnail { + a.thumbnail { padding: 5px; } + img.marker.media_type { top: 48px; left: 8px; } + } + div.footer { + a.title, a.name { font-size: 11px; font-weight: normal; } + } + } + } + } + + div.content.browse.ads > ul > li { + width: 93px; + > div.thumbnail a.thumbnail { width: 83px; height: 62px; } + } + div.content.browse.brands { + .border_radius(3); + > ul { + background: none; + > li { + width: 52px; + > div.thumbnail { + padding: 3px; + a.thumbnail { width: 42px; height: 42px; padding: 2px; } + } + li.active { background: @accent_colour; } + } + } + } + div.footer { + div.info { float: none; } + div.pagination { float: none; margin: 3px 0 0; } + } + } +} + +/* List Numbers */ +label.list_number { + float: left; background: url('/images/transparent_backgrounds/black_15.png'); padding: 2px; width: 24px; height: 24px; display: block; + .border_radius(99); + b { + display: block; font-weight: bold; font-size: 14px; color: @white; background: @accent_colour; height: 20px; width: 20px; line-height: 20px; + text-align: center; .border_radius(99); .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); + border: 2px solid @white; + } +} +label.list_number.large { + padding: 4px; width: 48px; height: 48px; .border_radius(99); position: relative; left: -10px; + b { + font-size: 28px; height: 40px; width: 40px; .border_radius(99); line-height: 40px; + .text_shadow(2, 2, 0px, (@accent_colour * 0.75 + @black * 0.25)); border-width: 4px; + } +} + +/* Dashboard */ +#dashboard_controller { + #ads { + span.filter.state { float: right; } + } + #sidebar { + #shopping_style div.content { + p.less { display: block; } + p.more { display: none; } + } + #influences { + div.header { + padding-bottom: 0; + ul.tabs { + position: relative; top: 1px; z-index: 3; + li { + margin: 0 5px 0 0; + a { + border: none; background: url('/images/transparent_backgrounds/white_75.png'); + :hover { color: @black; } + } + } + li.active { + a { + background: @white; border: none; + :hover { color: @black; } + } + } + } + } + + div.tab_content { + overflow: hidden; padding: 0; + > ul { + padding: 10px 10px 0; max-height: 280px; min-height: 120px; overflow-y: scroll; .border_radius_bottom(3px); + } + } + div.footer { + form { + p { + margin: 0 0 5px; + img.marker { float: right; margin: 5px 0 0 0; } + span.invitee { + line-height: 26px; padding: 3px 3px 0; font-size: 14px; + small { color: @grey; font-size: 12px; } + } + } + p.indent { margin-left: 36px; } + p.submit { margin-top: 10px; } + } + } + } + } + + div.panel.full { + > div.content { + margin: 0; padding: 0; background: none; + ul { + li { + width: 148px; + div.thumbnail { + img.marker.media_type { top: 90px; } + a.thumbnail { width: 138px; height: 104px; } + } + } + } + } + } + #people { + form { + padding: 0 0 5px; + input { width: 225px; float: left; margin: 0 5px 0 0; } + a.button { height: 23px; line-height: 23px; width: 60px; padding: 0; text-align: center; } + } + } +} + +/* Remove Pages Titles when Browsing */ +#ads_controller, #brands_controller { + #page_title { display: none; } +} + +/* Brands > Show */ +#brands_controller.show { + #ads { + div.filters { + h3 { font-size: 16px; margin: 0; } + span.show { float: right; } + span.filter.dropdown.localisation { float: right; margin: 0 0 0 10px; } + span.filter.state { float: right; margin: 0 0 0 10px; } + } + } +} + +/* FAQ */ +#pages_controller.faq { + #answers { + h3 { margin-top: 20px; padding-top: 20px; border-top: 1px solid (@light_grey * 0.75 + @white * 0.25); } + h3.first { margin-top: 0; padding-top: 0; border: none; } + } + #questions { + div.content { + padding: 20px; + ul { + margin: 0; padding: 0; + li { + margin: 0 0 10px; list-style: none; display: block; padding: 0; + a { font-size: 14px; } + } + li:last-child { + margin: 0; + } + } + } + } +} + +/* Person Overview */ +#person_overview { + padding: 20px 10px; position: relative; z-index: 25; + #person { + float: left; width: 620px; + a.avatar { + display: block; float: left; width: 60px; height: 60px; + img { height: 100%; width: 100%; } + } + > div { + margin: 0 0 0 75px; color: @white; font-size: 14px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + } + div.name { + h2 { + margin: 0 0 5px; display: inline; + a { + font-size: 20px; font-weight: bold; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + line-height: 1; color: @white; text-decoration: none; + :hover { text-decoration: underline; } + } + a.button.small { + font-size: 10px; + :hover { text-decoration: none; } + } + } + + span.points { + float: right; display: block; padding: 5px 10px; .border_radius(2); text-align: center; background: @white; position: relative; + min-width: 45px; + strong { color: @black; font-weight: bold; font-size: 24px; line-height: 1; display: block; .text_shadow(0, 0, 0, transparent); } + label { font-size: 9px; text-transform: uppercase; color: @grey; display: block; .text_shadow(0, 0, 0, transparent); font-weight: bold; } + } + span.points.with_redeem { + .border_radius_bottom(0); + a.button { + display: block; text-align: center; .border_radius_top(0); font-size: 10px; font-weight: bold; padding: 0; + position: absolute; height: 18px; left: 0; right: 0; bottom: -19px; line-height: 18px; text-transform: uppercase; border: none; + } + } + div.options { margin: 0; } + } + div.meta { + color: @white * 0.66 + @bg * 0.33; + span { color: @white; } + label { color: @white * 0.66 + @bg * 0.33; } + ul.networks { + display: inline; margin: 0; padding: 0; + li { + display: inline; line-height: 1; + img { position: relative; vertical-align: middle; top: -1px; } + } + } + } + + div.extra { + font-size: 12px; margin-top: 20px; margin-bottom: 20px; + span.toggle { + .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + a { font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: @accent_colour; } + b.arrow { display: inline-block; width: 0; height: 0; border: 5px solid transparent; position: relative; top: -2px; } + } + #less_info { + span.toggle { + b.arrow { border-top: 5px solid @accent_colour; border-bottom: 0; } + } + } + #more_info { + span.toggle { + float: right; + b.arrow { border-bottom: 5px solid @accent_colour; border-top: 0; } + } + h4 { + color: @white; margin: 0 0 10px 0; border-bottom: 1px solid (@white * 0.25 + @bg * 0.75); .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + span { font-size: 12px; } + } + p { + margin: 0 0 5px; + label { display: block; float: left; width: 120px; color: @white * 0.66 + @bg * 0.33; } + span { display: block; margin: 0 0 0 130px; } + } + p:last-child { margin: 0; } + + } + } + div.login { + margin: 0 0 0 75px; + a.button { font-weight: bold; } + } + } +} + +/* Dashboard Nav */ +#dashboard_nav { + position: absolute; bottom: 0; left: 10px; margin: 0; padding: 0; overflow: hidden; + li { + display: block; float: left; margin: 0 5px 0 0; + a { + display: block; height: 28px; padding: 0 10px; line-height: 28px; .border_radius_top(2); + text-decoration: none; color: @white; background: url('/images/transparent_backgrounds/accent_colour_30.png'); font-size: 14px; + font-weight: bold; + :hover { background: url('/images/transparent_backgrounds/accent_colour_45.png'); } + } + } + li.active { + a { + background: @white; color: @black; + :hover { color: @black; } + } + } +} + +/* Dwellometer */ +#dwellometer { + z-index: 45; float: right; .box_shadow(0, 0, 0, transparent); margin: 0; + div.content { + text-align: center; position: relative; + object, object embed { position: relative; z-index: 46; line-height: 0; } + div.title { + position: absolute; bottom: 10px; left: 0; right: 0; z-index: 50; + img { width: 120px; display: block; margin: 0 auto; position: relative; left: -5px; } + } + } +} + +/* Activity Stream */ +#activity { + div.content { + ul.events { + padding: 0; margin: 0 0 -10px; + li { + margin: 0; padding: 10px 0; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + list-style: none; overflow: hidden; + small.meta { + font-size: 12px; color: @light_grey; float: right; + } + a.button { float: right; margin: 0 0 10px 10px; } + a.avatar, a.logo, a.thumbnail { + height: 32px; display: block; float: left; + img { width: 100%; height: 100%; } + } + a.avatar, a.logo, a.icon { width: 32px; } + a.thumbnail { width: 42px; } + div.symbols { + float: left; overflow: hidden; + b { + display: block; float: left; margin: 10px 5px 0; + img { height: 12px; width: 12px; } + } + b.voted { margin: 10px 3px 0; padding: 2px; .border_radius(2); } + b.voted.for { background: @colour_positive * 0.33 + @white * 0.66; } + b.voted.against { background: @colour_negative * 0.33 + @white * 0.66; } + } + /* Temporarily removed avatar and symbol */ +/* div.symbols a.agent, b { display: none; }*/ + div.description { + font-size: 12px; color: @grey; + a.agent { font-weight: bold; } + } + div.comment { + margin-top: 2px; + b.tail { + display: block; margin: 0 0 0 10px; width: 0; height: 0; border: 5px solid transparent; + border-top: none; border-bottom: 5px solid (@light_grey * 0.25 + @white * 0.75); + } + blockquote { + margin: 0; font-style: normal; color: @dark_grey; + .border_radius(3); background: @light_grey * 0.25 + @white * 0.75; padding: 5px 10px; + span.view_comment { + color: @grey; + } + } + } + div.content { + overflow: hidden; + } + } + li.new_comment.ad, li.endorsed.ad, li.voted { + div.description, div.content { margin-left: 106px; } +/* div.description, div.content { margin-left: 53px; }*/ + } + li.new_comment.brand, li.replied_to, li.endorsed.brand, li.connected, li.sn_setup { + div.description, div.content { margin-left: 96px; } +/* div.description, div.content { margin-left: 43px; }*/ + } + li.replied_to { + div.content { + a.thumbnail, a.logo { margin-top: 7px; } + } + } + li.replied_to.ad { + div.content { + div.comment { margin-left: 52px; } + } + } + li.replied_to.brand { + div.content { + div.comment { margin-left: 42px; } + } + } + li.voted div.description span.action { .border_radius(2); color: @dark_grey; padding: 0 3px; white-space: nowrap; } + li.voted.for div.description span.action { background: @colour_positive * 0.15 + @white * 0.85; } + li.voted.against div.description span.action { background: @colour_negative * 0.15 + @white * 0.85; } + li:first-child { padding-top: 0; } + li:last-child { border-bottom: none; } + li:hover div.content div.comment blockquote span.view_comment { + } + } + } +} + +/* Login/Register Modal */ +#login_register { + div.location_select, + div.location_search { margin-left: 130px; } + h3 { + small { font-size: 14px; font-weight: normal; display: block; color: @grey; text-align: left; margin: 0; display: block; } + } +} + +/* Contact Form in Pages */ +#pages_controller { + #sidebar { + #contact { + margin: 15px 0 0; + form { + label { text-align: left; float: none; width: auto; font-size: 12px; font-weight: bold; line-height: 1; margin: 0 0 5px; } + p.submit.indent { + margin: 0; + span.with_cancel { display: none; } + } + } + } + } +} + +/* Exclusive Offers */ +#offers { + div.content { + a.gift { + display: block; text-align: center; + img { height: 100px; } + } + } +} +@import "lib"; + +div.browse { + margin: 0 0 20px; + &.class { + padding: 0; + } + div.header { + padding: 10px 10px 9px; text-align: left; background: @bg url('/images/panel_header_bg.png') repeat-x top left; + border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); line-height: 1; height: 18px; + .border_radius_top(3); color: @light_grey; + h3 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + .active { + background: @white; color: @black; z-index: 4; + :hover { color: @black; } + } + :hover { color: @white; } + :first-child { .border_radius_left(2); } + :last-child { .border_radius_right(2); margin-right: 0; } + } + } + + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + :last-child { + a { border: none; } + } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > ul { + margin: 0; background: @white; padding: 10px 0 0 10px; .border_radius(3); position: relative; + li { + display: block; float: left; list-style: none; margin: 0 10px 10px 0; padding: 5px; position: relative; + background: @white; width: 130px; border: 1px solid (@light_grey * 0.33 + @white * 0.66); .border_radius(2); + a.remove { + position: absolute; height: 16px; width: 16px; padding: 3px; background: @accent_colour; + .border_radius(99); display: none; z-index: 3; top: -8px; right: -8px; + img { vertical-align: middle; } + } + div.thumbnail { + .border_radius_top(3); position: relative; z-index: 3; + .marker { + position: absolute; padding: 2px; .border_radius(2); z-index: 3; + background: url('/images/transparent_backgrounds/white_75.png'); height: 12px; width: 12px; + } + .marker.coupon { + height: auto; width: auto; top: 10px; right: -3px; padding: 0; background: transparent; overflow: hidden; position: absolute; + b { + display: block; height: 0; width: 0; float: left; border: 14px solid transparent; border-top: 14px solid @accent_colour; + border-bottom: none; border-right: none; float: left; + } + span { + color: @white; font-size: 10px; font-weight: bold; text-transform: uppercase; height: 14px; line-height: 14px; display: block; + padding: 0 4px 0 2px; background: @accent_colour; .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); margin: 0 0 0 14px; + } + } + .marker.video { + position: absolute; left: 50%; top: 50%; background: @white; width: 10px; height: 10px; + b { display: block; width: 0; height: 0; border: 5px solid transparent; border-left: 10px solid @black; border-right: none; } + } + .marker.endorsed_by_me { background: none; padding: 0; right: 0; bottom: -32px; .border_radius(2); background: @white; } + a.thumbnail { + display: block; overflow: hidden; position: relative; text-align: center; + img { position: relative; display: block; margin: auto; } + } + } + div.text { + margin: 3px 0 0; display: block; + a { text-decoration: none; } + a.title { + display: block; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 16px; + white-space: nowrap; height: 16px; overflow: hidden; + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + small { + font-size: 11px; line-height: 13px; color: @grey; display: block; height: 13px; overflow: hidden; white-space: nowrap; + a { font-weight: bold; } + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + } + :hover { + background: @accent_colour; + a.remove { display: block; } + div.thumbnail { + a.marker.remove, a.marker.video { + b { display: inline-block; } + } + a.marker.video { .box_shadow(0, 0, 2, @black); } + } + div.text { + a { color: @white; } + a.title:before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + small { + color: @white * 0.75 + @accent_colour * 0.25; + :before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + } + } + div.footer a { color: @white; } + } + } + > li.ad div.thumbnail a.thumbnail { + width: 130px; height: 97px; + img { width: 100%; height: 100%; } + } + > li.brand div.thumbnail a.thumbnail { + width: 120px; height: 87px; padding: 5px; background: @white; .border_radius(2); + img { max-width: 120px; max-height: 87px; } + } + li.paginate { + margin-bottom: 0; + a { + display: block; position: relative; text-decoration: none; height: 131px; + div.arrow { + background: #81c153 url('/images/button_bg.png') repeat-x left top; border: 1px solid (@accent_colour * 0.75 + @black * 0.25); + height: 44px; .border_radius(99); width: 44px; margin: 0 auto; position: relative; top: 32px; + b { text-indent: -9000px; display: block; border: 10px solid transparent; width: 0; height: 0; position: relative; top: 12px; } + } + div.label { + position: absolute; bottom: 5px; left: 0; right: 0; line-height: 13px; + color: @accent_colour * 0.85 + @black * 0.15; text-decoration: none; + font-weight: bold; font-size: 12px; text-align: center; + } + :hover { + div.arrow { background: #abd56e url('/images/button_bg.png') repeat-x left -44px; } + } + } + :hover { background: transparent; } + } + li.paginate.previous a div b { border-right: 15px solid @white; border-left: none; left: 12px; } + li.paginate.next a div b { border-left: 15px solid @white; border-right: none; left: 16px; } + } + > div.footer { + padding: 9px 10px 10px; background: @light_grey * 0.75 + @white * 0.25; overflow: hidden; + border-top: 1px solid @light_grey; .border_radius_bottom(3); + div.info { + float: left; color: @grey; + strong { color: @black; font-weight: normal; } + } + div.pagination { + float: right; + > * { + display: inline-block; line-height: 1; padding: 0 6px; line-height: 18px; height: 18px; background: @white; + .border_radius(3); text-decoration: none; font-weight: bold; + font-size: 10px; text-transform: uppercase; + } + a { color: @grey; } + a:hover { color: @black; } + span.disabled { color: @light_grey; } + span.current { color: @white; background: @bg; border: none; } + span.current:hover { color: @white; } + } + } +} +div.browse.with_categories { margin: 0 0 0 160px; } +div.browse.with_options > ul { .border_radius_top(0); } +div.browse.with_footer > ul { .border_radius_bottom(0); } +/* Browse List */ +div.browse.list { +> ul { + margin: 0; min-height: 320px; + padding: 10px 0 0 10px; overflow: hidden; + > li { + display: block; list-style: none; margin: 0 10px 10px 0; padding: 5px; + .border_radius(3); position: relative; line-height: normal; + .marker { + position: absolute; padding: 2px; .border_radius(2); + background: url('/images/transparent_backgrounds/white_75.png'); + img { height: 12px; width: 12px; } + } + img.marker { height: 12px; width: 12px; } + span.marker.new { + color: black; left: -5px; top: -5px; background: none; background-color: @white * 0.1 + @yellow * 0.6 + @red * 0.3; line-height: 1; padding: 2px 5px; + font-weight: bold; + } + a.marker.media_type { + display: inline-block; text-decoration: none; top: 39px; left: 8px; + font-size: 10px; + b { font-weight: normal; margin: 0 0 0 2px; line-height: 1; display: none; } + img { vertical-align: middle; } + } + a.thumbnail { + float: left; + width: 68px; display: block; overflow: hidden; + border: 1px solid @light_grey; + :hover { border-color: @accent_colour; } + } + span.title_brand { + display: block; margin: 0 0 2px 75px; + a { margin: 0; display: inline; } + a.brand_name { font-weight: normal; font-size: 12px; } + } + a.ad_title { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + a.brand_name { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + small { + display: block; color: @grey; margin: 0 0 0 75px; font-size: 12px; + } + small.brand_name { display: inline; margin: 0; } + ul.chart { + margin: 0 0 0 80px; + height: 39px; + } + ul.networks { + margin: 3px 0 0 75px; padding: 0; overflow: hidden; + li { display: block; float: left; margin: 0 5px 0 0; line-height: 1; } + } + div.points { + display: none; + font-size: 12px; text-align: right; + label { color: @grey; } + } + a.remove { bottom: -3px; right: -3px; } + } + li.ad { + a.thumbnail { height: 51px; } + span.title_brand { + small.brand_name { + display: block; + } + } + } + li.brand { + a.thumbnail { height: 68px; } + } + } +} +div.browse.list.with_options ul { .border_radius_top(0); } +div.browse.list.with_footer ul { .border_radius_bottom(0); } +div.browse.list.cols_2 { + > ul { + > li { + width: 285px; float: left; + :hover { + background: @white; + } + } + } +} +div.browse.ads.list { + > ul { + > li { + height: 53px; + a.thumbnail { + height: 51px; + } + } + } +} +div.browse.brands.list { + > ul { + > li { + height: 68px; + a.thumbnail { + height: 66px; + } + } + } +} + +/* Categories List */ +#categories { + margin: 40px 0 0; width: 160px; float: left; position: relative; z-index: 1; + ul { + margin: 0; padding: 10px 0 0; + li { + list-style: none; margin: 0; padding: 0; font-size: 14px; + a { color: @grey; display: block; padding: 5px 10px 5px 15px; text-decoration: none; .border_radius_left(3); } + a:hover { color: @black; background: @light_grey * 0.15 + @white * 0.85; } + } + .all a { font-weight: bold; } + .current a { + background: @white; color: @black; border: 1px solid (@light_grey * 0.25 + @white * 0.75); border-right: none; border-left: 5px solid @bg; + padding-left: 10px; + } + } +} + +/* Ads > Show */ +#ad { + div.header { + overflow: hidden; + h3 { font-size: 16px; margin: 0 0 3px; } + small { + a.category { font-weight: bold; color: @accent_colour; } + span.networks img { position: relative; top: 3px; } + } + span.brand { + float: right; color: @white; + a.brand_name { font-weight: bold; color: @accent_colour; } + } + } + div.content { + padding: 0; position: relative; + a.toggle_size { + display: block; .border_radius(3); background-color: @black; padding: 0 5px 0 26px; + background-position: 5px center; background-repeat: no-repeat; text-decoration: none; margin: 5px 5px 0 0; + position: absolute; top: 0; right: 0; line-height: 25px; z-index: 45; + } + img.creative { margin: 0 auto; max-width: 540px; display: block; } + object { position: relative; z-index: 44; } + object.video { line-height: 0; font-size: 0; } + object embed { position: relative; z-index: 45; line-height: 0; font-size: 0; } + } + div.content.not_video { + padding: 40px; text-align: center; + * { margin-left: auto; margin-right: auto; } + object.flash { margin-bottom: 0; } + } + div.footer { + padding: 0; + div.vote_views { + padding: 5px 10px; overflow: hidden; + div.share { float: right; margin: 2px 0 0 0; } + #login_register_msg, #encourage_vote_msg { line-height: 22px; font-weight: bold; color: @black; } + } + } +} +#sidebar { + #meta { + table { + margin: 0; + tr:last-child td { padding-bottom: 0; } + td { + padding: 0 0 5px; + ul.networks { + margin: 0; padding: 0; + li { + list-style: none; display: inline; + } + li { + } + } + } + td.label { color: @grey; white-space: nowrap; width: 1%; text-align: right; padding-right: 5px; } + } + } +} + +/* Voting */ +div.voted { + font-size: 12px; line-height: 22px; color: @black; display: inline-block; font-weight: bold; + img { float: left; margin-right: 5px; padding: 3px; .border_radius(3); } +} +#voted_up { + img { background: @colour_positive * 0.66 + @bg * 0.15; } +} +#voted_down { + img { background: @colour_negative * 0.66 + @bg * 0.15; } +} +#encourage_comment { + display: inline-block; line-height: 22px; font-weight: bold; +} +#vote { + overflow: hidden; font-size: 12px; line-height: 22px; color: @black; float: left; + a { + color: @white; font-weight: bold; overflow: hidden; display: block; + width: 16px; text-decoration: none; text-align: center; font-size: 10px; padding: 3px; text-transform: uppercase; + } + a.up { + float: left; background: @colour_positive * 0.66 + @bg * 0.15; .border_radius_left(3); + :hover { background: @colour_positive * 0.85 + @bg * 0.15; } + } + a.down { + float: left; background: @colour_negative * 0.66 + @bg * 0.15; .border_radius_right(3); + margin: 0 5px 0 1px; + :hover { background: @colour_negative * 0.85 + @bg * 0.15; } + } +} +#vote.disabled { + a.up { + background: (@colour_positive * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_positive * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } + a.down { + background: (@colour_negative * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_negative * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } +} + +/* Panels */ +div.panel { + margin: 0 0 20px; position: relative; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); .border_radius(3); + > div.header { + background: @bg url('/images/panel_header_bg.png') repeat-x top left; border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); + padding: 5px 10px 4px; .border_radius_top(3); min-height: 18px; + h2 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + h3 { color: @white; font-size: 14px; margin: 0; line-height: 18px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + small { display: block; font-size: 12px; color: @light_grey * 0.25 + @white * 0.75; } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + } + a:first-child { .border_radius_left(2); } + a:last-child { .border_radius_right(2); margin-right: 0; } + a.active { background: @white; color: @black; z-index: 4; } + a:hover { color: @white; } + a.active:hover { color: @black; } + } + + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + } + li:last-child { + a { border: none; } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > div.content { + background: @white; padding: 10px; + .no_padding { padding: 0; } + } + > div.footer { + background: @light_grey * 0.33 + @white * 0.66; border-top: 1px solid (@light_grey * 0.5 + @white * 0.5); + padding: 4px 10px 5px; .border_radius_bottom(3); + } +} +div.panel.no_footer div.content { .border_radius_bottom(3); } +div.panel.no_header div.content { .border_radius_top(3); } +div.panel.collapsable { + div.header { + cursor: pointer; + b.toggle { float: right; border: 5px solid transparent; border-bottom: 5px solid @white; border-top: none; display: block; width: 0; height: 0; margin: 6px 0 0 0; } + } + div.header:hover { + background-color: @bg * 0.75 + @white * 0.25; + } +} +div.panel.collapsed { + div.header { + border-bottom: none; .border_radius(3); + b.toggle { border-bottom: none; border-top: 5px solid @white; } + } + div.blank { border-bottom: none; .border_radius_bottom(3); } + div.content, div.footer { display: none; } +} + + +/* Sidebar Actions */ +#sidebar { + #actions { + .box_shadow(0, 0, 0, transparent); + div.content { + background: url('/images/transparent_backgrounds/accent_colour_10.png'); text-align: center; + p.endorsement { + margin: 0 0 10px; font-size: 14px; font-weight: bold; + small { font-weight: normal; line-height: inherit; margin: 10px 0 0; } + :last-child { margin: 0; } + } + div.share { margin: 5px 0 0; } + a.button { + font-size: 16px; line-height: normal; height: auto; padding: 5px 10px 5px 35px; font-weight: bold; margin: 0; position: relative; + img { position: absolute; top: 3px; left: 6px; } + } + div.flash.notice { + margin: 10px 0 0; font-size: 22px; + small { font-weight: normal; margin: 0 0 10px; } + } + div.flash.notice.done { margin: 0; } + small { + display: block; margin: 10px 0 0; font-size: 11px; color: #808080; line-height: 12px; + img.favicon { vertical-align: middle; } + } + div.blank { + border: none; background: none; padding: 10px 0 0; border-top: 1px solid (@accent_colour * 0.5 + @white * 0.5); + margin: 10px 0 0; + } + } + } +} + +/* People Lists */ +ul.people { + margin: 0; padding: 10px 0 0 10px; background: @white; + > li { + display: block; margin: 0 10px 10px 0; float: left; padding: 2px; width: 57px; position: relative; + .border_radius(2); background: @white; list-style: none; border: 1px solid (@light_grey * 0.33 + @white * 0.66); + a.avatar { + display: block; width: 59px; height: 59px; overflow: hidden; + img { width: 100%; height: 100%; } + } + a.name { display: block; font-size: 10px; text-align: center; } + :hover { + background: @accent_colour; + a.name { color: @white; } + } + } +} +ul.people.list { + padding: 0; + > li { + margin: 0 0 10px; padding: 0 0 10px; overflow: hidden; float: none; width: auto; .border_radius(0); + border: none; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + span.points { + float: right; display: block; padding: 5px; background: @light_grey * 0.15 + @white * 0.85; line-height: 1; + text-align: center; width: 50px; height: 30px; .border_radius(3); margin: 0 0 0 10px; + strong { display: block; color: @black; font-size: 16px; margin: 2px 0 0; } + label { color: @grey; text-transform: uppercase; font-size: 10px; } + label.long { display: block; } + label.short { display: none; } + } + a.avatar { float: left; width: 40px; height: 40px; } + a.name { font-size: 14px; font-weight: bold; margin: 0 0 0 50px; text-align: left; } + a.name.long { display: inline; } + a.name.short { display: none; } + span.networks { + display: block; margin: 0 0 0 50px; + img.favicon { vertical-align: middle; } + } + :hover { + background: transparent; + a.name { color: @accent_colour * 0.85 + @black * 0.15; } + } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.list.small { + > li { + span.points { + padding: 3px 6px; height: 18px; font-size: 9px; line-height: 17px; width: 60px; + strong { font-size: 12px; margin: 0; display: inline; } + label { font-size: 9px; } + label.long { display: none; } + label.short { display: inline; } + } + a.avatar { width: 24px; height: 24px; } + a.name { display: inline; line-height: 24px; margin: 0 0 0 5px; font-size: 12px; height: 24px; } + a.name.long { display: none; } + a.name.short { display: inline; } + span.networks { display: inline; margin: 0; } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.tiled { + > li { + width: 28px; padding: 2px; + a.avatar { width: 24px; height: 24px; background: @white; padding: 2px; } + a.name, small, span.networks, span.points { display: none; } + } +} + +/* Comments */ +#comments { + ul { + margin: 0 0 20px; padding: 0; + li { + display: block; list-style: none; padding: 0; margin: 0 0 10px; + span.meta { + margin: 0; overflow: hidden; display: block; + small { font-size: 12px; color: @light_grey; float: right; line-height: 16px; display: inline-block; } + a.avatar { + display: inline-block; height: 16px; width: 16px; position: relative; top: 3px; + img { height: 100%; width: 100%; } + } + a.name { font-weight: bold; line-height: 16px; display: inline-block; } + span.inactive { color: @grey; font-weight: bold; line-height: 16px; display: inline-block; } + } + b.tail { + display: block; width: 0; height: 0; margin: 3px 0 0 10px; border: 5px solid transparent; border-top: none; + border-bottom: 5px solid @white; position: relative; z-index: 2; + } + blockquote { + margin: 0; padding: 10px; .border_radius(3); font-style: normal; background: @white; + color: @dark_grey; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); + } + } + } + form { + margin: 0; + textarea { width: 500px; } + } +} + +/* Sidebar Categories */ +#sidebar { + #categories { + margin: 0 0 20px; + width: auto; + p { margin: 0; } + } +} + +#sidebar { + #ads > ul li, #recommendations > ul li { + width: 81px; + div.thumbnail { + a.thumbnail { height: 60px; width: 81px; } + } + div.text { + a.title { font-size: 11px; height: 14px; line-height: 14px; } + small { display: none; } + } + } + #brands > ul li { + width: 55px; + div.thumbnail { + a.thumbnail { + height: 45px; width: 45px; + img { max-height: 45px; max-width: 45px; } + } + } + div.text { display: none; } + } +} + +/* My Account */ +#accounts_controller { + #top { + #page_title { + #page_options { + a.button.public_profile { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 35px 8px 15px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; right: 15px; border: 6px solid transparent; border-right: none; border-left: 6px solid @white; margin: 0; } + } + a.button.goto_dashboard { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 15px 8px 35px; margin-right: 5px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; left: 15px; border: 6px solid transparent; border-left: none; border-right: 6px solid @white; margin: 0; } + } + } + } + } + #account_nav { + float: left; width: 200px; margin: 0 20px 0 0; + ul.nav { + margin: 0; padding: 0; + li { + margin: 0 0 5px; display: block; list-style: none; padding: 0; + a { + display: block; height: 30px; text-decoration: none; color: @white; + b { + border: 15px solid transparent; border-right: none; border-left: 10px solid transparent; width: 0; + height: 0; float: right; display: none; + } + span { + .border_radius(3); background: @bg; display: block; + line-height: 30px; padding: 0 10px; font-size: 14px; font-weight: bold; margin: 0 10px 0 0; + } + } + :hover { + a { + color: @white; + b { border-left-color: @bg; display: block; } + span { background: @bg; .border_radius_right(0); } + } + } + } + li.current a { + b { border-left-color: @accent_colour; display: block; } + span { background: @accent_colour; color: @white; .border_radius_right(0); } + } + } + } + #main { + > div { + margin: 0 0 20px; + form { margin: 0; } + } + #profile { + a.avatar { + float: left; display: block; + width: 70px; overflow: hidden; position: relative; text-decoration: none; + img { width: 100%; } + span { + display: block; line-height: 1; padding: 3px; margin: 5px 0 0; color: @white; background: @accent_colour; + .border_radius(3); .text_shadow(1, 1, 0, @grey); + text-align: center; font-size: 10px; font-weight: bold; text-transform: uppercase; + } + } + form { + margin: 0 0 0 90px; + h4 { margin: 10px 0 20px; border-bottom: 1px solid (@light_grey * 0.5 + @white * 0.5); padding: 0; color: @bg; font-size: 16px; } + ul.choices { + li { width: 30%; } + } + div.extra { margin-top: 20px; } + } + } + + #networks { + ul { margin: 0 -10px -10px 0; padding: 0; overflow: hidden; + li:hover + { + background: @light_grey; display: block; float: left; width: 180px; + padding: 10px; margin: 0 10px 10px 0; list-style: none; .border_radius(3); + position: relative; + * { line-height: normal; } + img { vertical-align: middle; float: left; } + .name { font-weight: bold; font-size: 14px; display: block; margin: -2px 0 0 42px; } + small { + font-size: 12px; color: @grey; display: block; margin-left: 42px; + strong { color: @black; font-weight: normal; } + } + :hover { + } + } + li.installed { + background: @white; + border: 2px solid @accent_colour; padding: 8px; + } + li.unavailable { + .name { color: @black; } + :hover { + background: @light_grey; + } + } + li:hover { + background: @light_grey * 0.5 + @white * 0.5; + } + } + } + } +} + +/* Shopping Style Panel */ +#shopping_style { + div.header a.button.small { float: right; } + div.content { + p { + margin: 0 0 10px; + label { text-transform: uppercase; font-size: 11px; display: block; color: @bg; font-weight: bold; } + span { color: @black; } + span.toggle { white-space: nowrap; color: @grey; } + :last-child { margin: 0; } + } + p.more { text-align: left; font-weight: normal; } + p.less { display: none; margin: 0; } + } +} + +/* People Controller */ +#people_controller.index { + #main { + div.panel { + float: left; width: 300px; margin: 0 20px 0 0; + :last-child { margin-right: 0; } + } + } +} +#people_controller.show { + #person_overview, #shopping_style { + a.button.small { + } + } + #content { + #shopping_style { + float: left; width: 240px; margin: 0 20px 0 0; + } + #main { width: 360px; } + } +} + +/* Search Results */ +#search_results { + margin: 0 0 20px; + li { + :hover { + small { color: @white * 0.75 + @accent_colour * 0.25; } + } + } +} +#search { + div.content { + padding: 20px; + form { + margin: 0; float: none; + span.submit_and_options { + display: block; + } + } + p { margin: 0 0 15px; } + h4 { font-weight: normal; margin: 0 0 5px; } + } +} + +/* Recommendations */ +#recommendations { + div.browse { + margin: 0; padding: 0; background: none; + ul { min-height: 0; .border_radius(0); } + } +} + +/* Blank States */ +div.blank { + padding: 20px; background: @bg * 0.05 + @blue * 0.05 + @white * 0.9; position: relative; + border: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); z-index: 1; + h4 { font-size: 18px; margin: 0 0 10px; } + h4:last-child { margin: 0; } + p { font-size: 16px; margin: 0 0 10px; } + p:last-child { margin: 0; } + p.with_list_number.large { + span { margin-left: 48px; display: block; color: @white; } + } + p.earn span { font-size: 22px; color: @white; line-height: 48px; font-weight: bold; } + a { white-space: nowrap; } + a.hide { + position: absolute; top: -5px; right: -5px; display: block; height: 16px; width: 16px; padding: 3px; background: #E7E9F6; .border_radius(99); + } +} + +div.blank.small { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 16px; } + p { margin: 0; } +} +div.blank.tiny { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 14px; } + p { margin: 0; font-size: 12px; } +} +div.blank.rounded { + .border_radius(3); margin: 0 0 20px; +} +div.blank.rounded.bottom { .border_radius_top(0); } +div.blank.with_border_bottom { border-bottom: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); } +div.blank.no_border_top { border-top: none; } +div.blank.no_border_bottom { border-bottom: none; } +div.blank.no_side_borders { border-right: none; border-left: none; } +div.panel { + div.blank { + padding: 10px 20px; overflow: hidden; margin: 0; + h4 { font-weight: normal; font-size: 14px; } + p, ul { margin: 0 0 10px; font-size: 12px; } + p:last-child, ul:last-child { margin: 0; } + } +} + +/* Sidebar Browse */ +#sidebar { + div.panel { + div.content.browse { + padding: 0; margin: 0; + > ul { + min-height: 0; .border_radius(0); + > li { + div.thumbnail { + a.thumbnail { padding: 5px; } + img.marker.media_type { top: 48px; left: 8px; } + } + div.footer { + a.title, a.name { font-size: 11px; font-weight: normal; } + } + } + } + } + + div.content.browse.ads > ul > li { + width: 93px; + > div.thumbnail a.thumbnail { width: 83px; height: 62px; } + } + div.content.browse.brands { + .border_radius(3); + > ul { + background: none; + > li { + width: 52px; + > div.thumbnail { + padding: 3px; + a.thumbnail { width: 42px; height: 42px; padding: 2px; } + } + li.active { background: @accent_colour; } + } + } + } + div.footer { + div.info { float: none; } + div.pagination { float: none; margin: 3px 0 0; } + } + } +} + +/* List Numbers */ +label.list_number { + float: left; background: url('/images/transparent_backgrounds/black_15.png'); padding: 2px; width: 24px; height: 24px; display: block; + .border_radius(99); + b { + display: block; font-weight: bold; font-size: 14px; color: @white; background: @accent_colour; height: 20px; width: 20px; line-height: 20px; + text-align: center; .border_radius(99); .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); + border: 2px solid @white; + } +} +label.list_number.large { + padding: 4px; width: 48px; height: 48px; .border_radius(99); position: relative; left: -10px; + b { + font-size: 28px; height: 40px; width: 40px; .border_radius(99); line-height: 40px; + .text_shadow(2, 2, 0px, (@accent_colour * 0.75 + @black * 0.25)); border-width: 4px; + } +} + +/* Dashboard */ +#dashboard_controller { + #ads { + span.filter.state { float: right; } + } + #sidebar { + #shopping_style div.content { + p.less { display: block; } + p.more { display: none; } + } + #influences { + div.header { + padding-bottom: 0; + ul.tabs { + position: relative; top: 1px; z-index: 3; + li { + margin: 0 5px 0 0; + a { + border: none; background: url('/images/transparent_backgrounds/white_75.png'); + :hover { color: @black; } + } + } + li.active { + a { + background: @white; border: none; + :hover { color: @black; } + } + } + } + } + + div.tab_content { + overflow: hidden; padding: 0; + > ul { + padding: 10px 10px 0; max-height: 280px; min-height: 120px; overflow-y: scroll; .border_radius_bottom(3px); + } + } + div.footer { + form { + p { + margin: 0 0 5px; + img.marker { float: right; margin: 5px 0 0 0; } + span.invitee { + line-height: 26px; padding: 3px 3px 0; font-size: 14px; + small { color: @grey; font-size: 12px; } + } + } + p.indent { margin-left: 36px; } + p.submit { margin-top: 10px; } + } + } + } + } + + div.panel.full { + > div.content { + margin: 0; padding: 0; background: none; + ul { + li { + width: 148px; + div.thumbnail { + img.marker.media_type { top: 90px; } + a.thumbnail { width: 138px; height: 104px; } + } + } + } + } + } + #people { + form { + padding: 0 0 5px; + input { width: 225px; float: left; margin: 0 5px 0 0; } + a.button { height: 23px; line-height: 23px; width: 60px; padding: 0; text-align: center; } + } + } +} + +/* Remove Pages Titles when Browsing */ +#ads_controller, #brands_controller { + #page_title { display: none; } +} + +/* Brands > Show */ +#brands_controller.show { + #ads { + div.filters { + h3 { font-size: 16px; margin: 0; } + span.show { float: right; } + span.filter.dropdown.localisation { float: right; margin: 0 0 0 10px; } + span.filter.state { float: right; margin: 0 0 0 10px; } + } + } +} + +/* FAQ */ +#pages_controller.faq { + #answers { + h3 { margin-top: 20px; padding-top: 20px; border-top: 1px solid (@light_grey * 0.75 + @white * 0.25); } + h3.first { margin-top: 0; padding-top: 0; border: none; } + } + #questions { + div.content { + padding: 20px; + ul { + margin: 0; padding: 0; + li { + margin: 0 0 10px; list-style: none; display: block; padding: 0; + a { font-size: 14px; } + } + li:last-child { + margin: 0; + } + } + } + } +} + +/* Person Overview */ +#person_overview { + padding: 20px 10px; position: relative; z-index: 25; + #person { + float: left; width: 620px; + a.avatar { + display: block; float: left; width: 60px; height: 60px; + img { height: 100%; width: 100%; } + } + > div { + margin: 0 0 0 75px; color: @white; font-size: 14px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + } + div.name { + h2 { + margin: 0 0 5px; display: inline; + a { + font-size: 20px; font-weight: bold; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + line-height: 1; color: @white; text-decoration: none; + :hover { text-decoration: underline; } + } + a.button.small { + font-size: 10px; + :hover { text-decoration: none; } + } + } + + span.points { + float: right; display: block; padding: 5px 10px; .border_radius(2); text-align: center; background: @white; position: relative; + min-width: 45px; + strong { color: @black; font-weight: bold; font-size: 24px; line-height: 1; display: block; .text_shadow(0, 0, 0, transparent); } + label { font-size: 9px; text-transform: uppercase; color: @grey; display: block; .text_shadow(0, 0, 0, transparent); font-weight: bold; } + } + span.points.with_redeem { + .border_radius_bottom(0); + a.button { + display: block; text-align: center; .border_radius_top(0); font-size: 10px; font-weight: bold; padding: 0; + position: absolute; height: 18px; left: 0; right: 0; bottom: -19px; line-height: 18px; text-transform: uppercase; border: none; + } + } + div.options { margin: 0; } + } + div.meta { + color: @white * 0.66 + @bg * 0.33; + span { color: @white; } + label { color: @white * 0.66 + @bg * 0.33; } + ul.networks { + display: inline; margin: 0; padding: 0; + li { + display: inline; line-height: 1; + img { position: relative; vertical-align: middle; top: -1px; } + } + } + } + + div.extra { + font-size: 12px; margin-top: 20px; margin-bottom: 20px; + span.toggle { + .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + a { font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: @accent_colour; } + b.arrow { display: inline-block; width: 0; height: 0; border: 5px solid transparent; position: relative; top: -2px; } + } + #less_info { + span.toggle { + b.arrow { border-top: 5px solid @accent_colour; border-bottom: 0; } + } + } + #more_info { + span.toggle { + float: right; + b.arrow { border-bottom: 5px solid @accent_colour; border-top: 0; } + } + h4 { + color: @white; margin: 0 0 10px 0; border-bottom: 1px solid (@white * 0.25 + @bg * 0.75); .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + span { font-size: 12px; } + } + p { + margin: 0 0 5px; + label { display: block; float: left; width: 120px; color: @white * 0.66 + @bg * 0.33; } + span { display: block; margin: 0 0 0 130px; } + } + p:last-child { margin: 0; } + + } + } + div.login { + margin: 0 0 0 75px; + a.button { font-weight: bold; } + } + } +} + +/* Dashboard Nav */ +#dashboard_nav { + position: absolute; bottom: 0; left: 10px; margin: 0; padding: 0; overflow: hidden; + li { + display: block; float: left; margin: 0 5px 0 0; + a { + display: block; height: 28px; padding: 0 10px; line-height: 28px; .border_radius_top(2); + text-decoration: none; color: @white; background: url('/images/transparent_backgrounds/accent_colour_30.png'); font-size: 14px; + font-weight: bold; + :hover { background: url('/images/transparent_backgrounds/accent_colour_45.png'); } + } + } + li.active { + a { + background: @white; color: @black; + :hover { color: @black; } + } + } +} + +/* Dwellometer */ +#dwellometer { + z-index: 45; float: right; .box_shadow(0, 0, 0, transparent); margin: 0; + div.content { + text-align: center; position: relative; + object, object embed { position: relative; z-index: 46; line-height: 0; } + div.title { + position: absolute; bottom: 10px; left: 0; right: 0; z-index: 50; + img { width: 120px; display: block; margin: 0 auto; position: relative; left: -5px; } + } + } +} + +/* Activity Stream */ +#activity { + div.content { + ul.events { + padding: 0; margin: 0 0 -10px; + li { + margin: 0; padding: 10px 0; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + list-style: none; overflow: hidden; + small.meta { + font-size: 12px; color: @light_grey; float: right; + } + a.button { float: right; margin: 0 0 10px 10px; } + a.avatar, a.logo, a.thumbnail { + height: 32px; display: block; float: left; + img { width: 100%; height: 100%; } + } + a.avatar, a.logo, a.icon { width: 32px; } + a.thumbnail { width: 42px; } + div.symbols { + float: left; overflow: hidden; + b { + display: block; float: left; margin: 10px 5px 0; + img { height: 12px; width: 12px; } + } + b.voted { margin: 10px 3px 0; padding: 2px; .border_radius(2); } + b.voted.for { background: @colour_positive * 0.33 + @white * 0.66; } + b.voted.against { background: @colour_negative * 0.33 + @white * 0.66; } + } + /* Temporarily removed avatar and symbol */ +/* div.symbols a.agent, b { display: none; }*/ + div.description { + font-size: 12px; color: @grey; + a.agent { font-weight: bold; } + } + div.comment { + margin-top: 2px; + b.tail { + display: block; margin: 0 0 0 10px; width: 0; height: 0; border: 5px solid transparent; + border-top: none; border-bottom: 5px solid (@light_grey * 0.25 + @white * 0.75); + } + blockquote { + margin: 0; font-style: normal; color: @dark_grey; + .border_radius(3); background: @light_grey * 0.25 + @white * 0.75; padding: 5px 10px; + span.view_comment { + color: @grey; + } + } + } + div.content { + overflow: hidden; + } + } + li.new_comment.ad, li.endorsed.ad, li.voted { + div.description, div.content { margin-left: 106px; } +/* div.description, div.content { margin-left: 53px; }*/ + } + li.new_comment.brand, li.replied_to, li.endorsed.brand, li.connected, li.sn_setup { + div.description, div.content { margin-left: 96px; } +/* div.description, div.content { margin-left: 43px; }*/ + } + li.replied_to { + div.content { + a.thumbnail, a.logo { margin-top: 7px; } + } + } + li.replied_to.ad { + div.content { + div.comment { margin-left: 52px; } + } + } + li.replied_to.brand { + div.content { + div.comment { margin-left: 42px; } + } + } + li.voted div.description span.action { .border_radius(2); color: @dark_grey; padding: 0 3px; white-space: nowrap; } + li.voted.for div.description span.action { background: @colour_positive * 0.15 + @white * 0.85; } + li.voted.against div.description span.action { background: @colour_negative * 0.15 + @white * 0.85; } + li:first-child { padding-top: 0; } + li:last-child { border-bottom: none; } + li:hover div.content div.comment blockquote span.view_comment { + } + } + } +} + +/* Login/Register Modal */ +#login_register { + div.location_select, + div.location_search { margin-left: 130px; } + h3 { + small { font-size: 14px; font-weight: normal; display: block; color: @grey; text-align: left; margin: 0; display: block; } + } +} + +/* Contact Form in Pages */ +#pages_controller { + #sidebar { + #contact { + margin: 15px 0 0; + form { + label { text-align: left; float: none; width: auto; font-size: 12px; font-weight: bold; line-height: 1; margin: 0 0 5px; } + p.submit.indent { + margin: 0; + span.with_cancel { display: none; } + } + } + } + } +} + +/* Exclusive Offers */ +#offers { + div.content { + a.gift { + display: block; text-align: center; + img { height: 100px; } + } + } +} +@import "lib"; + +div.browse { + margin: 0 0 20px; + &.class { + padding: 0; + } + div.header { + padding: 10px 10px 9px; text-align: left; background: @bg url('/images/panel_header_bg.png') repeat-x top left; + border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); line-height: 1; height: 18px; + .border_radius_top(3); color: @light_grey; + h3 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + .active { + background: @white; color: @black; z-index: 4; + :hover { color: @black; } + } + :hover { color: @white; } + :first-child { .border_radius_left(2); } + :last-child { .border_radius_right(2); margin-right: 0; } + } + } + + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + :last-child { + a { border: none; } + } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > ul { + margin: 0; background: @white; padding: 10px 0 0 10px; .border_radius(3); position: relative; + li { + display: block; float: left; list-style: none; margin: 0 10px 10px 0; padding: 5px; position: relative; + background: @white; width: 130px; border: 1px solid (@light_grey * 0.33 + @white * 0.66); .border_radius(2); + a.remove { + position: absolute; height: 16px; width: 16px; padding: 3px; background: @accent_colour; + .border_radius(99); display: none; z-index: 3; top: -8px; right: -8px; + img { vertical-align: middle; } + } + div.thumbnail { + .border_radius_top(3); position: relative; z-index: 3; + .marker { + position: absolute; padding: 2px; .border_radius(2); z-index: 3; + background: url('/images/transparent_backgrounds/white_75.png'); height: 12px; width: 12px; + } + .marker.coupon { + height: auto; width: auto; top: 10px; right: -3px; padding: 0; background: transparent; overflow: hidden; position: absolute; + b { + display: block; height: 0; width: 0; float: left; border: 14px solid transparent; border-top: 14px solid @accent_colour; + border-bottom: none; border-right: none; float: left; + } + span { + color: @white; font-size: 10px; font-weight: bold; text-transform: uppercase; height: 14px; line-height: 14px; display: block; + padding: 0 4px 0 2px; background: @accent_colour; .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); margin: 0 0 0 14px; + } + } + .marker.video { + position: absolute; left: 50%; top: 50%; background: @white; width: 10px; height: 10px; + b { display: block; width: 0; height: 0; border: 5px solid transparent; border-left: 10px solid @black; border-right: none; } + } + .marker.endorsed_by_me { background: none; padding: 0; right: 0; bottom: -32px; .border_radius(2); background: @white; } + a.thumbnail { + display: block; overflow: hidden; position: relative; text-align: center; + img { position: relative; display: block; margin: auto; } + } + } + div.text { + margin: 3px 0 0; display: block; + a { text-decoration: none; } + a.title { + display: block; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 16px; + white-space: nowrap; height: 16px; overflow: hidden; + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + small { + font-size: 11px; line-height: 13px; color: @grey; display: block; height: 13px; overflow: hidden; white-space: nowrap; + a { font-weight: bold; } + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + } + :hover { + background: @accent_colour; + a.remove { display: block; } + div.thumbnail { + a.marker.remove, a.marker.video { + b { display: inline-block; } + } + a.marker.video { .box_shadow(0, 0, 2, @black); } + } + div.text { + a { color: @white; } + a.title:before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + small { + color: @white * 0.75 + @accent_colour * 0.25; + :before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + } + } + div.footer a { color: @white; } + } + } + > li.ad div.thumbnail a.thumbnail { + width: 130px; height: 97px; + img { width: 100%; height: 100%; } + } + > li.brand div.thumbnail a.thumbnail { + width: 120px; height: 87px; padding: 5px; background: @white; .border_radius(2); + img { max-width: 120px; max-height: 87px; } + } + li.paginate { + margin-bottom: 0; + a { + display: block; position: relative; text-decoration: none; height: 131px; + div.arrow { + background: #81c153 url('/images/button_bg.png') repeat-x left top; border: 1px solid (@accent_colour * 0.75 + @black * 0.25); + height: 44px; .border_radius(99); width: 44px; margin: 0 auto; position: relative; top: 32px; + b { text-indent: -9000px; display: block; border: 10px solid transparent; width: 0; height: 0; position: relative; top: 12px; } + } + div.label { + position: absolute; bottom: 5px; left: 0; right: 0; line-height: 13px; + color: @accent_colour * 0.85 + @black * 0.15; text-decoration: none; + font-weight: bold; font-size: 12px; text-align: center; + } + :hover { + div.arrow { background: #abd56e url('/images/button_bg.png') repeat-x left -44px; } + } + } + :hover { background: transparent; } + } + li.paginate.previous a div b { border-right: 15px solid @white; border-left: none; left: 12px; } + li.paginate.next a div b { border-left: 15px solid @white; border-right: none; left: 16px; } + } + > div.footer { + padding: 9px 10px 10px; background: @light_grey * 0.75 + @white * 0.25; overflow: hidden; + border-top: 1px solid @light_grey; .border_radius_bottom(3); + div.info { + float: left; color: @grey; + strong { color: @black; font-weight: normal; } + } + div.pagination { + float: right; + > * { + display: inline-block; line-height: 1; padding: 0 6px; line-height: 18px; height: 18px; background: @white; + .border_radius(3); text-decoration: none; font-weight: bold; + font-size: 10px; text-transform: uppercase; + } + a { color: @grey; } + a:hover { color: @black; } + span.disabled { color: @light_grey; } + span.current { color: @white; background: @bg; border: none; } + span.current:hover { color: @white; } + } + } +} +div.browse.with_categories { margin: 0 0 0 160px; } +div.browse.with_options > ul { .border_radius_top(0); } +div.browse.with_footer > ul { .border_radius_bottom(0); } +/* Browse List */ +div.browse.list { +> ul { + margin: 0; min-height: 320px; + padding: 10px 0 0 10px; overflow: hidden; + > li { + display: block; list-style: none; margin: 0 10px 10px 0; padding: 5px; + .border_radius(3); position: relative; line-height: normal; + .marker { + position: absolute; padding: 2px; .border_radius(2); + background: url('/images/transparent_backgrounds/white_75.png'); + img { height: 12px; width: 12px; } + } + img.marker { height: 12px; width: 12px; } + span.marker.new { + color: black; left: -5px; top: -5px; background: none; background-color: @white * 0.1 + @yellow * 0.6 + @red * 0.3; line-height: 1; padding: 2px 5px; + font-weight: bold; + } + a.marker.media_type { + display: inline-block; text-decoration: none; top: 39px; left: 8px; + font-size: 10px; + b { font-weight: normal; margin: 0 0 0 2px; line-height: 1; display: none; } + img { vertical-align: middle; } + } + a.thumbnail { + float: left; + width: 68px; display: block; overflow: hidden; + border: 1px solid @light_grey; + :hover { border-color: @accent_colour; } + } + span.title_brand { + display: block; margin: 0 0 2px 75px; + a { margin: 0; display: inline; } + a.brand_name { font-weight: normal; font-size: 12px; } + } + a.ad_title { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + a.brand_name { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + small { + display: block; color: @grey; margin: 0 0 0 75px; font-size: 12px; + } + small.brand_name { display: inline; margin: 0; } + ul.chart { + margin: 0 0 0 80px; + height: 39px; + } + ul.networks { + margin: 3px 0 0 75px; padding: 0; overflow: hidden; + li { display: block; float: left; margin: 0 5px 0 0; line-height: 1; } + } + div.points { + display: none; + font-size: 12px; text-align: right; + label { color: @grey; } + } + a.remove { bottom: -3px; right: -3px; } + } + li.ad { + a.thumbnail { height: 51px; } + span.title_brand { + small.brand_name { + display: block; + } + } + } + li.brand { + a.thumbnail { height: 68px; } + } + } +} +div.browse.list.with_options ul { .border_radius_top(0); } +div.browse.list.with_footer ul { .border_radius_bottom(0); } +div.browse.list.cols_2 { + > ul { + > li { + width: 285px; float: left; + :hover { + background: @white; + } + } + } +} +div.browse.ads.list { + > ul { + > li { + height: 53px; + a.thumbnail { + height: 51px; + } + } + } +} +div.browse.brands.list { + > ul { + > li { + height: 68px; + a.thumbnail { + height: 66px; + } + } + } +} + +/* Categories List */ +#categories { + margin: 40px 0 0; width: 160px; float: left; position: relative; z-index: 1; + ul { + margin: 0; padding: 10px 0 0; + li { + list-style: none; margin: 0; padding: 0; font-size: 14px; + a { color: @grey; display: block; padding: 5px 10px 5px 15px; text-decoration: none; .border_radius_left(3); } + a:hover { color: @black; background: @light_grey * 0.15 + @white * 0.85; } + } + .all a { font-weight: bold; } + .current a { + background: @white; color: @black; border: 1px solid (@light_grey * 0.25 + @white * 0.75); border-right: none; border-left: 5px solid @bg; + padding-left: 10px; + } + } +} + +/* Ads > Show */ +#ad { + div.header { + overflow: hidden; + h3 { font-size: 16px; margin: 0 0 3px; } + small { + a.category { font-weight: bold; color: @accent_colour; } + span.networks img { position: relative; top: 3px; } + } + span.brand { + float: right; color: @white; + a.brand_name { font-weight: bold; color: @accent_colour; } + } + } + div.content { + padding: 0; position: relative; + a.toggle_size { + display: block; .border_radius(3); background-color: @black; padding: 0 5px 0 26px; + background-position: 5px center; background-repeat: no-repeat; text-decoration: none; margin: 5px 5px 0 0; + position: absolute; top: 0; right: 0; line-height: 25px; z-index: 45; + } + img.creative { margin: 0 auto; max-width: 540px; display: block; } + object { position: relative; z-index: 44; } + object.video { line-height: 0; font-size: 0; } + object embed { position: relative; z-index: 45; line-height: 0; font-size: 0; } + } + div.content.not_video { + padding: 40px; text-align: center; + * { margin-left: auto; margin-right: auto; } + object.flash { margin-bottom: 0; } + } + div.footer { + padding: 0; + div.vote_views { + padding: 5px 10px; overflow: hidden; + div.share { float: right; margin: 2px 0 0 0; } + #login_register_msg, #encourage_vote_msg { line-height: 22px; font-weight: bold; color: @black; } + } + } +} +#sidebar { + #meta { + table { + margin: 0; + tr:last-child td { padding-bottom: 0; } + td { + padding: 0 0 5px; + ul.networks { + margin: 0; padding: 0; + li { + list-style: none; display: inline; + } + li { + } + } + } + td.label { color: @grey; white-space: nowrap; width: 1%; text-align: right; padding-right: 5px; } + } + } +} + +/* Voting */ +div.voted { + font-size: 12px; line-height: 22px; color: @black; display: inline-block; font-weight: bold; + img { float: left; margin-right: 5px; padding: 3px; .border_radius(3); } +} +#voted_up { + img { background: @colour_positive * 0.66 + @bg * 0.15; } +} +#voted_down { + img { background: @colour_negative * 0.66 + @bg * 0.15; } +} +#encourage_comment { + display: inline-block; line-height: 22px; font-weight: bold; +} +#vote { + overflow: hidden; font-size: 12px; line-height: 22px; color: @black; float: left; + a { + color: @white; font-weight: bold; overflow: hidden; display: block; + width: 16px; text-decoration: none; text-align: center; font-size: 10px; padding: 3px; text-transform: uppercase; + } + a.up { + float: left; background: @colour_positive * 0.66 + @bg * 0.15; .border_radius_left(3); + :hover { background: @colour_positive * 0.85 + @bg * 0.15; } + } + a.down { + float: left; background: @colour_negative * 0.66 + @bg * 0.15; .border_radius_right(3); + margin: 0 5px 0 1px; + :hover { background: @colour_negative * 0.85 + @bg * 0.15; } + } +} +#vote.disabled { + a.up { + background: (@colour_positive * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_positive * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } + a.down { + background: (@colour_negative * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_negative * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } +} + +/* Panels */ +div.panel { + margin: 0 0 20px; position: relative; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); .border_radius(3); + > div.header { + background: @bg url('/images/panel_header_bg.png') repeat-x top left; border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); + padding: 5px 10px 4px; .border_radius_top(3); min-height: 18px; + h2 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + h3 { color: @white; font-size: 14px; margin: 0; line-height: 18px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + small { display: block; font-size: 12px; color: @light_grey * 0.25 + @white * 0.75; } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + } + a:first-child { .border_radius_left(2); } + a:last-child { .border_radius_right(2); margin-right: 0; } + a.active { background: @white; color: @black; z-index: 4; } + a:hover { color: @white; } + a.active:hover { color: @black; } + } + + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + } + li:last-child { + a { border: none; } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > div.content { + background: @white; padding: 10px; + .no_padding { padding: 0; } + } + > div.footer { + background: @light_grey * 0.33 + @white * 0.66; border-top: 1px solid (@light_grey * 0.5 + @white * 0.5); + padding: 4px 10px 5px; .border_radius_bottom(3); + } +} +div.panel.no_footer div.content { .border_radius_bottom(3); } +div.panel.no_header div.content { .border_radius_top(3); } +div.panel.collapsable { + div.header { + cursor: pointer; + b.toggle { float: right; border: 5px solid transparent; border-bottom: 5px solid @white; border-top: none; display: block; width: 0; height: 0; margin: 6px 0 0 0; } + } + div.header:hover { + background-color: @bg * 0.75 + @white * 0.25; + } +} +div.panel.collapsed { + div.header { + border-bottom: none; .border_radius(3); + b.toggle { border-bottom: none; border-top: 5px solid @white; } + } + div.blank { border-bottom: none; .border_radius_bottom(3); } + div.content, div.footer { display: none; } +} + + +/* Sidebar Actions */ +#sidebar { + #actions { + .box_shadow(0, 0, 0, transparent); + div.content { + background: url('/images/transparent_backgrounds/accent_colour_10.png'); text-align: center; + p.endorsement { + margin: 0 0 10px; font-size: 14px; font-weight: bold; + small { font-weight: normal; line-height: inherit; margin: 10px 0 0; } + :last-child { margin: 0; } + } + div.share { margin: 5px 0 0; } + a.button { + font-size: 16px; line-height: normal; height: auto; padding: 5px 10px 5px 35px; font-weight: bold; margin: 0; position: relative; + img { position: absolute; top: 3px; left: 6px; } + } + div.flash.notice { + margin: 10px 0 0; font-size: 22px; + small { font-weight: normal; margin: 0 0 10px; } + } + div.flash.notice.done { margin: 0; } + small { + display: block; margin: 10px 0 0; font-size: 11px; color: #808080; line-height: 12px; + img.favicon { vertical-align: middle; } + } + div.blank { + border: none; background: none; padding: 10px 0 0; border-top: 1px solid (@accent_colour * 0.5 + @white * 0.5); + margin: 10px 0 0; + } + } + } +} + +/* People Lists */ +ul.people { + margin: 0; padding: 10px 0 0 10px; background: @white; + > li { + display: block; margin: 0 10px 10px 0; float: left; padding: 2px; width: 57px; position: relative; + .border_radius(2); background: @white; list-style: none; border: 1px solid (@light_grey * 0.33 + @white * 0.66); + a.avatar { + display: block; width: 59px; height: 59px; overflow: hidden; + img { width: 100%; height: 100%; } + } + a.name { display: block; font-size: 10px; text-align: center; } + :hover { + background: @accent_colour; + a.name { color: @white; } + } + } +} +ul.people.list { + padding: 0; + > li { + margin: 0 0 10px; padding: 0 0 10px; overflow: hidden; float: none; width: auto; .border_radius(0); + border: none; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + span.points { + float: right; display: block; padding: 5px; background: @light_grey * 0.15 + @white * 0.85; line-height: 1; + text-align: center; width: 50px; height: 30px; .border_radius(3); margin: 0 0 0 10px; + strong { display: block; color: @black; font-size: 16px; margin: 2px 0 0; } + label { color: @grey; text-transform: uppercase; font-size: 10px; } + label.long { display: block; } + label.short { display: none; } + } + a.avatar { float: left; width: 40px; height: 40px; } + a.name { font-size: 14px; font-weight: bold; margin: 0 0 0 50px; text-align: left; } + a.name.long { display: inline; } + a.name.short { display: none; } + span.networks { + display: block; margin: 0 0 0 50px; + img.favicon { vertical-align: middle; } + } + :hover { + background: transparent; + a.name { color: @accent_colour * 0.85 + @black * 0.15; } + } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.list.small { + > li { + span.points { + padding: 3px 6px; height: 18px; font-size: 9px; line-height: 17px; width: 60px; + strong { font-size: 12px; margin: 0; display: inline; } + label { font-size: 9px; } + label.long { display: none; } + label.short { display: inline; } + } + a.avatar { width: 24px; height: 24px; } + a.name { display: inline; line-height: 24px; margin: 0 0 0 5px; font-size: 12px; height: 24px; } + a.name.long { display: none; } + a.name.short { display: inline; } + span.networks { display: inline; margin: 0; } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.tiled { + > li { + width: 28px; padding: 2px; + a.avatar { width: 24px; height: 24px; background: @white; padding: 2px; } + a.name, small, span.networks, span.points { display: none; } + } +} + +/* Comments */ +#comments { + ul { + margin: 0 0 20px; padding: 0; + li { + display: block; list-style: none; padding: 0; margin: 0 0 10px; + span.meta { + margin: 0; overflow: hidden; display: block; + small { font-size: 12px; color: @light_grey; float: right; line-height: 16px; display: inline-block; } + a.avatar { + display: inline-block; height: 16px; width: 16px; position: relative; top: 3px; + img { height: 100%; width: 100%; } + } + a.name { font-weight: bold; line-height: 16px; display: inline-block; } + span.inactive { color: @grey; font-weight: bold; line-height: 16px; display: inline-block; } + } + b.tail { + display: block; width: 0; height: 0; margin: 3px 0 0 10px; border: 5px solid transparent; border-top: none; + border-bottom: 5px solid @white; position: relative; z-index: 2; + } + blockquote { + margin: 0; padding: 10px; .border_radius(3); font-style: normal; background: @white; + color: @dark_grey; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); + } + } + } + form { + margin: 0; + textarea { width: 500px; } + } +} + +/* Sidebar Categories */ +#sidebar { + #categories { + margin: 0 0 20px; + width: auto; + p { margin: 0; } + } +} + +#sidebar { + #ads > ul li, #recommendations > ul li { + width: 81px; + div.thumbnail { + a.thumbnail { height: 60px; width: 81px; } + } + div.text { + a.title { font-size: 11px; height: 14px; line-height: 14px; } + small { display: none; } + } + } + #brands > ul li { + width: 55px; + div.thumbnail { + a.thumbnail { + height: 45px; width: 45px; + img { max-height: 45px; max-width: 45px; } + } + } + div.text { display: none; } + } +} + +/* My Account */ +#accounts_controller { + #top { + #page_title { + #page_options { + a.button.public_profile { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 35px 8px 15px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; right: 15px; border: 6px solid transparent; border-right: none; border-left: 6px solid @white; margin: 0; } + } + a.button.goto_dashboard { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 15px 8px 35px; margin-right: 5px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; left: 15px; border: 6px solid transparent; border-left: none; border-right: 6px solid @white; margin: 0; } + } + } + } + } + #account_nav { + float: left; width: 200px; margin: 0 20px 0 0; + ul.nav { + margin: 0; padding: 0; + li { + margin: 0 0 5px; display: block; list-style: none; padding: 0; + a { + display: block; height: 30px; text-decoration: none; color: @white; + b { + border: 15px solid transparent; border-right: none; border-left: 10px solid transparent; width: 0; + height: 0; float: right; display: none; + } + span { + .border_radius(3); background: @bg; display: block; + line-height: 30px; padding: 0 10px; font-size: 14px; font-weight: bold; margin: 0 10px 0 0; + } + } + :hover { + a { + color: @white; + b { border-left-color: @bg; display: block; } + span { background: @bg; .border_radius_right(0); } + } + } + } + li.current a { + b { border-left-color: @accent_colour; display: block; } + span { background: @accent_colour; color: @white; .border_radius_right(0); } + } + } + } + #main { + > div { + margin: 0 0 20px; + form { margin: 0; } + } + #profile { + a.avatar { + float: left; display: block; + width: 70px; overflow: hidden; position: relative; text-decoration: none; + img { width: 100%; } + span { + display: block; line-height: 1; padding: 3px; margin: 5px 0 0; color: @white; background: @accent_colour; + .border_radius(3); .text_shadow(1, 1, 0, @grey); + text-align: center; font-size: 10px; font-weight: bold; text-transform: uppercase; + } + } + form { + margin: 0 0 0 90px; + h4 { margin: 10px 0 20px; border-bottom: 1px solid (@light_grey * 0.5 + @white * 0.5); padding: 0; color: @bg; font-size: 16px; } + ul.choices { + li { width: 30%; } + } + div.extra { margin-top: 20px; } + } + } + + #networks { + ul { margin: 0 -10px -10px 0; padding: 0; overflow: hidden; + li:hover + { + background: @light_grey; display: block; float: left; width: 180px; + padding: 10px; margin: 0 10px 10px 0; list-style: none; .border_radius(3); + position: relative; + * { line-height: normal; } + img { vertical-align: middle; float: left; } + .name { font-weight: bold; font-size: 14px; display: block; margin: -2px 0 0 42px; } + small { + font-size: 12px; color: @grey; display: block; margin-left: 42px; + strong { color: @black; font-weight: normal; } + } + :hover { + } + } + li.installed { + background: @white; + border: 2px solid @accent_colour; padding: 8px; + } + li.unavailable { + .name { color: @black; } + :hover { + background: @light_grey; + } + } + li:hover { + background: @light_grey * 0.5 + @white * 0.5; + } + } + } + } +} + +/* Shopping Style Panel */ +#shopping_style { + div.header a.button.small { float: right; } + div.content { + p { + margin: 0 0 10px; + label { text-transform: uppercase; font-size: 11px; display: block; color: @bg; font-weight: bold; } + span { color: @black; } + span.toggle { white-space: nowrap; color: @grey; } + :last-child { margin: 0; } + } + p.more { text-align: left; font-weight: normal; } + p.less { display: none; margin: 0; } + } +} + +/* People Controller */ +#people_controller.index { + #main { + div.panel { + float: left; width: 300px; margin: 0 20px 0 0; + :last-child { margin-right: 0; } + } + } +} +#people_controller.show { + #person_overview, #shopping_style { + a.button.small { + } + } + #content { + #shopping_style { + float: left; width: 240px; margin: 0 20px 0 0; + } + #main { width: 360px; } + } +} + +/* Search Results */ +#search_results { + margin: 0 0 20px; + li { + :hover { + small { color: @white * 0.75 + @accent_colour * 0.25; } + } + } +} +#search { + div.content { + padding: 20px; + form { + margin: 0; float: none; + span.submit_and_options { + display: block; + } + } + p { margin: 0 0 15px; } + h4 { font-weight: normal; margin: 0 0 5px; } + } +} + +/* Recommendations */ +#recommendations { + div.browse { + margin: 0; padding: 0; background: none; + ul { min-height: 0; .border_radius(0); } + } +} + +/* Blank States */ +div.blank { + padding: 20px; background: @bg * 0.05 + @blue * 0.05 + @white * 0.9; position: relative; + border: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); z-index: 1; + h4 { font-size: 18px; margin: 0 0 10px; } + h4:last-child { margin: 0; } + p { font-size: 16px; margin: 0 0 10px; } + p:last-child { margin: 0; } + p.with_list_number.large { + span { margin-left: 48px; display: block; color: @white; } + } + p.earn span { font-size: 22px; color: @white; line-height: 48px; font-weight: bold; } + a { white-space: nowrap; } + a.hide { + position: absolute; top: -5px; right: -5px; display: block; height: 16px; width: 16px; padding: 3px; background: #E7E9F6; .border_radius(99); + } +} + +div.blank.small { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 16px; } + p { margin: 0; } +} +div.blank.tiny { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 14px; } + p { margin: 0; font-size: 12px; } +} +div.blank.rounded { + .border_radius(3); margin: 0 0 20px; +} +div.blank.rounded.bottom { .border_radius_top(0); } +div.blank.with_border_bottom { border-bottom: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); } +div.blank.no_border_top { border-top: none; } +div.blank.no_border_bottom { border-bottom: none; } +div.blank.no_side_borders { border-right: none; border-left: none; } +div.panel { + div.blank { + padding: 10px 20px; overflow: hidden; margin: 0; + h4 { font-weight: normal; font-size: 14px; } + p, ul { margin: 0 0 10px; font-size: 12px; } + p:last-child, ul:last-child { margin: 0; } + } +} + +/* Sidebar Browse */ +#sidebar { + div.panel { + div.content.browse { + padding: 0; margin: 0; + > ul { + min-height: 0; .border_radius(0); + > li { + div.thumbnail { + a.thumbnail { padding: 5px; } + img.marker.media_type { top: 48px; left: 8px; } + } + div.footer { + a.title, a.name { font-size: 11px; font-weight: normal; } + } + } + } + } + + div.content.browse.ads > ul > li { + width: 93px; + > div.thumbnail a.thumbnail { width: 83px; height: 62px; } + } + div.content.browse.brands { + .border_radius(3); + > ul { + background: none; + > li { + width: 52px; + > div.thumbnail { + padding: 3px; + a.thumbnail { width: 42px; height: 42px; padding: 2px; } + } + li.active { background: @accent_colour; } + } + } + } + div.footer { + div.info { float: none; } + div.pagination { float: none; margin: 3px 0 0; } + } + } +} + +/* List Numbers */ +label.list_number { + float: left; background: url('/images/transparent_backgrounds/black_15.png'); padding: 2px; width: 24px; height: 24px; display: block; + .border_radius(99); + b { + display: block; font-weight: bold; font-size: 14px; color: @white; background: @accent_colour; height: 20px; width: 20px; line-height: 20px; + text-align: center; .border_radius(99); .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); + border: 2px solid @white; + } +} +label.list_number.large { + padding: 4px; width: 48px; height: 48px; .border_radius(99); position: relative; left: -10px; + b { + font-size: 28px; height: 40px; width: 40px; .border_radius(99); line-height: 40px; + .text_shadow(2, 2, 0px, (@accent_colour * 0.75 + @black * 0.25)); border-width: 4px; + } +} + +/* Dashboard */ +#dashboard_controller { + #ads { + span.filter.state { float: right; } + } + #sidebar { + #shopping_style div.content { + p.less { display: block; } + p.more { display: none; } + } + #influences { + div.header { + padding-bottom: 0; + ul.tabs { + position: relative; top: 1px; z-index: 3; + li { + margin: 0 5px 0 0; + a { + border: none; background: url('/images/transparent_backgrounds/white_75.png'); + :hover { color: @black; } + } + } + li.active { + a { + background: @white; border: none; + :hover { color: @black; } + } + } + } + } + + div.tab_content { + overflow: hidden; padding: 0; + > ul { + padding: 10px 10px 0; max-height: 280px; min-height: 120px; overflow-y: scroll; .border_radius_bottom(3px); + } + } + div.footer { + form { + p { + margin: 0 0 5px; + img.marker { float: right; margin: 5px 0 0 0; } + span.invitee { + line-height: 26px; padding: 3px 3px 0; font-size: 14px; + small { color: @grey; font-size: 12px; } + } + } + p.indent { margin-left: 36px; } + p.submit { margin-top: 10px; } + } + } + } + } + + div.panel.full { + > div.content { + margin: 0; padding: 0; background: none; + ul { + li { + width: 148px; + div.thumbnail { + img.marker.media_type { top: 90px; } + a.thumbnail { width: 138px; height: 104px; } + } + } + } + } + } + #people { + form { + padding: 0 0 5px; + input { width: 225px; float: left; margin: 0 5px 0 0; } + a.button { height: 23px; line-height: 23px; width: 60px; padding: 0; text-align: center; } + } + } +} + +/* Remove Pages Titles when Browsing */ +#ads_controller, #brands_controller { + #page_title { display: none; } +} + +/* Brands > Show */ +#brands_controller.show { + #ads { + div.filters { + h3 { font-size: 16px; margin: 0; } + span.show { float: right; } + span.filter.dropdown.localisation { float: right; margin: 0 0 0 10px; } + span.filter.state { float: right; margin: 0 0 0 10px; } + } + } +} + +/* FAQ */ +#pages_controller.faq { + #answers { + h3 { margin-top: 20px; padding-top: 20px; border-top: 1px solid (@light_grey * 0.75 + @white * 0.25); } + h3.first { margin-top: 0; padding-top: 0; border: none; } + } + #questions { + div.content { + padding: 20px; + ul { + margin: 0; padding: 0; + li { + margin: 0 0 10px; list-style: none; display: block; padding: 0; + a { font-size: 14px; } + } + li:last-child { + margin: 0; + } + } + } + } +} + +/* Person Overview */ +#person_overview { + padding: 20px 10px; position: relative; z-index: 25; + #person { + float: left; width: 620px; + a.avatar { + display: block; float: left; width: 60px; height: 60px; + img { height: 100%; width: 100%; } + } + > div { + margin: 0 0 0 75px; color: @white; font-size: 14px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + } + div.name { + h2 { + margin: 0 0 5px; display: inline; + a { + font-size: 20px; font-weight: bold; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + line-height: 1; color: @white; text-decoration: none; + :hover { text-decoration: underline; } + } + a.button.small { + font-size: 10px; + :hover { text-decoration: none; } + } + } + + span.points { + float: right; display: block; padding: 5px 10px; .border_radius(2); text-align: center; background: @white; position: relative; + min-width: 45px; + strong { color: @black; font-weight: bold; font-size: 24px; line-height: 1; display: block; .text_shadow(0, 0, 0, transparent); } + label { font-size: 9px; text-transform: uppercase; color: @grey; display: block; .text_shadow(0, 0, 0, transparent); font-weight: bold; } + } + span.points.with_redeem { + .border_radius_bottom(0); + a.button { + display: block; text-align: center; .border_radius_top(0); font-size: 10px; font-weight: bold; padding: 0; + position: absolute; height: 18px; left: 0; right: 0; bottom: -19px; line-height: 18px; text-transform: uppercase; border: none; + } + } + div.options { margin: 0; } + } + div.meta { + color: @white * 0.66 + @bg * 0.33; + span { color: @white; } + label { color: @white * 0.66 + @bg * 0.33; } + ul.networks { + display: inline; margin: 0; padding: 0; + li { + display: inline; line-height: 1; + img { position: relative; vertical-align: middle; top: -1px; } + } + } + } + + div.extra { + font-size: 12px; margin-top: 20px; margin-bottom: 20px; + span.toggle { + .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + a { font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: @accent_colour; } + b.arrow { display: inline-block; width: 0; height: 0; border: 5px solid transparent; position: relative; top: -2px; } + } + #less_info { + span.toggle { + b.arrow { border-top: 5px solid @accent_colour; border-bottom: 0; } + } + } + #more_info { + span.toggle { + float: right; + b.arrow { border-bottom: 5px solid @accent_colour; border-top: 0; } + } + h4 { + color: @white; margin: 0 0 10px 0; border-bottom: 1px solid (@white * 0.25 + @bg * 0.75); .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + span { font-size: 12px; } + } + p { + margin: 0 0 5px; + label { display: block; float: left; width: 120px; color: @white * 0.66 + @bg * 0.33; } + span { display: block; margin: 0 0 0 130px; } + } + p:last-child { margin: 0; } + + } + } + div.login { + margin: 0 0 0 75px; + a.button { font-weight: bold; } + } + } +} + +/* Dashboard Nav */ +#dashboard_nav { + position: absolute; bottom: 0; left: 10px; margin: 0; padding: 0; overflow: hidden; + li { + display: block; float: left; margin: 0 5px 0 0; + a { + display: block; height: 28px; padding: 0 10px; line-height: 28px; .border_radius_top(2); + text-decoration: none; color: @white; background: url('/images/transparent_backgrounds/accent_colour_30.png'); font-size: 14px; + font-weight: bold; + :hover { background: url('/images/transparent_backgrounds/accent_colour_45.png'); } + } + } + li.active { + a { + background: @white; color: @black; + :hover { color: @black; } + } + } +} + +/* Dwellometer */ +#dwellometer { + z-index: 45; float: right; .box_shadow(0, 0, 0, transparent); margin: 0; + div.content { + text-align: center; position: relative; + object, object embed { position: relative; z-index: 46; line-height: 0; } + div.title { + position: absolute; bottom: 10px; left: 0; right: 0; z-index: 50; + img { width: 120px; display: block; margin: 0 auto; position: relative; left: -5px; } + } + } +} + +/* Activity Stream */ +#activity { + div.content { + ul.events { + padding: 0; margin: 0 0 -10px; + li { + margin: 0; padding: 10px 0; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + list-style: none; overflow: hidden; + small.meta { + font-size: 12px; color: @light_grey; float: right; + } + a.button { float: right; margin: 0 0 10px 10px; } + a.avatar, a.logo, a.thumbnail { + height: 32px; display: block; float: left; + img { width: 100%; height: 100%; } + } + a.avatar, a.logo, a.icon { width: 32px; } + a.thumbnail { width: 42px; } + div.symbols { + float: left; overflow: hidden; + b { + display: block; float: left; margin: 10px 5px 0; + img { height: 12px; width: 12px; } + } + b.voted { margin: 10px 3px 0; padding: 2px; .border_radius(2); } + b.voted.for { background: @colour_positive * 0.33 + @white * 0.66; } + b.voted.against { background: @colour_negative * 0.33 + @white * 0.66; } + } + /* Temporarily removed avatar and symbol */ +/* div.symbols a.agent, b { display: none; }*/ + div.description { + font-size: 12px; color: @grey; + a.agent { font-weight: bold; } + } + div.comment { + margin-top: 2px; + b.tail { + display: block; margin: 0 0 0 10px; width: 0; height: 0; border: 5px solid transparent; + border-top: none; border-bottom: 5px solid (@light_grey * 0.25 + @white * 0.75); + } + blockquote { + margin: 0; font-style: normal; color: @dark_grey; + .border_radius(3); background: @light_grey * 0.25 + @white * 0.75; padding: 5px 10px; + span.view_comment { + color: @grey; + } + } + } + div.content { + overflow: hidden; + } + } + li.new_comment.ad, li.endorsed.ad, li.voted { + div.description, div.content { margin-left: 106px; } +/* div.description, div.content { margin-left: 53px; }*/ + } + li.new_comment.brand, li.replied_to, li.endorsed.brand, li.connected, li.sn_setup { + div.description, div.content { margin-left: 96px; } +/* div.description, div.content { margin-left: 43px; }*/ + } + li.replied_to { + div.content { + a.thumbnail, a.logo { margin-top: 7px; } + } + } + li.replied_to.ad { + div.content { + div.comment { margin-left: 52px; } + } + } + li.replied_to.brand { + div.content { + div.comment { margin-left: 42px; } + } + } + li.voted div.description span.action { .border_radius(2); color: @dark_grey; padding: 0 3px; white-space: nowrap; } + li.voted.for div.description span.action { background: @colour_positive * 0.15 + @white * 0.85; } + li.voted.against div.description span.action { background: @colour_negative * 0.15 + @white * 0.85; } + li:first-child { padding-top: 0; } + li:last-child { border-bottom: none; } + li:hover div.content div.comment blockquote span.view_comment { + } + } + } +} + +/* Login/Register Modal */ +#login_register { + div.location_select, + div.location_search { margin-left: 130px; } + h3 { + small { font-size: 14px; font-weight: normal; display: block; color: @grey; text-align: left; margin: 0; display: block; } + } +} + +/* Contact Form in Pages */ +#pages_controller { + #sidebar { + #contact { + margin: 15px 0 0; + form { + label { text-align: left; float: none; width: auto; font-size: 12px; font-weight: bold; line-height: 1; margin: 0 0 5px; } + p.submit.indent { + margin: 0; + span.with_cancel { display: none; } + } + } + } + } +} + +/* Exclusive Offers */ +#offers { + div.content { + a.gift { + display: block; text-align: center; + img { height: 100px; } + } + } +} +@import "lib"; + +div.browse { + margin: 0 0 20px; + &.class { + padding: 0; + } + div.header { + padding: 10px 10px 9px; text-align: left; background: @bg url('/images/panel_header_bg.png') repeat-x top left; + border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); line-height: 1; height: 18px; + .border_radius_top(3); color: @light_grey; + h3 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + .active { + background: @white; color: @black; z-index: 4; + :hover { color: @black; } + } + :hover { color: @white; } + :first-child { .border_radius_left(2); } + :last-child { .border_radius_right(2); margin-right: 0; } + } + } + + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + :last-child { + a { border: none; } + } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > ul { + margin: 0; background: @white; padding: 10px 0 0 10px; .border_radius(3); position: relative; + li { + display: block; float: left; list-style: none; margin: 0 10px 10px 0; padding: 5px; position: relative; + background: @white; width: 130px; border: 1px solid (@light_grey * 0.33 + @white * 0.66); .border_radius(2); + a.remove { + position: absolute; height: 16px; width: 16px; padding: 3px; background: @accent_colour; + .border_radius(99); display: none; z-index: 3; top: -8px; right: -8px; + img { vertical-align: middle; } + } + div.thumbnail { + .border_radius_top(3); position: relative; z-index: 3; + .marker { + position: absolute; padding: 2px; .border_radius(2); z-index: 3; + background: url('/images/transparent_backgrounds/white_75.png'); height: 12px; width: 12px; + } + .marker.coupon { + height: auto; width: auto; top: 10px; right: -3px; padding: 0; background: transparent; overflow: hidden; position: absolute; + b { + display: block; height: 0; width: 0; float: left; border: 14px solid transparent; border-top: 14px solid @accent_colour; + border-bottom: none; border-right: none; float: left; + } + span { + color: @white; font-size: 10px; font-weight: bold; text-transform: uppercase; height: 14px; line-height: 14px; display: block; + padding: 0 4px 0 2px; background: @accent_colour; .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); margin: 0 0 0 14px; + } + } + .marker.video { + position: absolute; left: 50%; top: 50%; background: @white; width: 10px; height: 10px; + b { display: block; width: 0; height: 0; border: 5px solid transparent; border-left: 10px solid @black; border-right: none; } + } + .marker.endorsed_by_me { background: none; padding: 0; right: 0; bottom: -32px; .border_radius(2); background: @white; } + a.thumbnail { + display: block; overflow: hidden; position: relative; text-align: center; + img { position: relative; display: block; margin: auto; } + } + } + div.text { + margin: 3px 0 0; display: block; + a { text-decoration: none; } + a.title { + display: block; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 16px; + white-space: nowrap; height: 16px; overflow: hidden; + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + small { + font-size: 11px; line-height: 13px; color: @grey; display: block; height: 13px; overflow: hidden; white-space: nowrap; + a { font-weight: bold; } + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + } + :hover { + background: @accent_colour; + a.remove { display: block; } + div.thumbnail { + a.marker.remove, a.marker.video { + b { display: inline-block; } + } + a.marker.video { .box_shadow(0, 0, 2, @black); } + } + div.text { + a { color: @white; } + a.title:before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + small { + color: @white * 0.75 + @accent_colour * 0.25; + :before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + } + } + div.footer a { color: @white; } + } + } + > li.ad div.thumbnail a.thumbnail { + width: 130px; height: 97px; + img { width: 100%; height: 100%; } + } + > li.brand div.thumbnail a.thumbnail { + width: 120px; height: 87px; padding: 5px; background: @white; .border_radius(2); + img { max-width: 120px; max-height: 87px; } + } + li.paginate { + margin-bottom: 0; + a { + display: block; position: relative; text-decoration: none; height: 131px; + div.arrow { + background: #81c153 url('/images/button_bg.png') repeat-x left top; border: 1px solid (@accent_colour * 0.75 + @black * 0.25); + height: 44px; .border_radius(99); width: 44px; margin: 0 auto; position: relative; top: 32px; + b { text-indent: -9000px; display: block; border: 10px solid transparent; width: 0; height: 0; position: relative; top: 12px; } + } + div.label { + position: absolute; bottom: 5px; left: 0; right: 0; line-height: 13px; + color: @accent_colour * 0.85 + @black * 0.15; text-decoration: none; + font-weight: bold; font-size: 12px; text-align: center; + } + :hover { + div.arrow { background: #abd56e url('/images/button_bg.png') repeat-x left -44px; } + } + } + :hover { background: transparent; } + } + li.paginate.previous a div b { border-right: 15px solid @white; border-left: none; left: 12px; } + li.paginate.next a div b { border-left: 15px solid @white; border-right: none; left: 16px; } + } + > div.footer { + padding: 9px 10px 10px; background: @light_grey * 0.75 + @white * 0.25; overflow: hidden; + border-top: 1px solid @light_grey; .border_radius_bottom(3); + div.info { + float: left; color: @grey; + strong { color: @black; font-weight: normal; } + } + div.pagination { + float: right; + > * { + display: inline-block; line-height: 1; padding: 0 6px; line-height: 18px; height: 18px; background: @white; + .border_radius(3); text-decoration: none; font-weight: bold; + font-size: 10px; text-transform: uppercase; + } + a { color: @grey; } + a:hover { color: @black; } + span.disabled { color: @light_grey; } + span.current { color: @white; background: @bg; border: none; } + span.current:hover { color: @white; } + } + } +} +div.browse.with_categories { margin: 0 0 0 160px; } +div.browse.with_options > ul { .border_radius_top(0); } +div.browse.with_footer > ul { .border_radius_bottom(0); } +/* Browse List */ +div.browse.list { +> ul { + margin: 0; min-height: 320px; + padding: 10px 0 0 10px; overflow: hidden; + > li { + display: block; list-style: none; margin: 0 10px 10px 0; padding: 5px; + .border_radius(3); position: relative; line-height: normal; + .marker { + position: absolute; padding: 2px; .border_radius(2); + background: url('/images/transparent_backgrounds/white_75.png'); + img { height: 12px; width: 12px; } + } + img.marker { height: 12px; width: 12px; } + span.marker.new { + color: black; left: -5px; top: -5px; background: none; background-color: @white * 0.1 + @yellow * 0.6 + @red * 0.3; line-height: 1; padding: 2px 5px; + font-weight: bold; + } + a.marker.media_type { + display: inline-block; text-decoration: none; top: 39px; left: 8px; + font-size: 10px; + b { font-weight: normal; margin: 0 0 0 2px; line-height: 1; display: none; } + img { vertical-align: middle; } + } + a.thumbnail { + float: left; + width: 68px; display: block; overflow: hidden; + border: 1px solid @light_grey; + :hover { border-color: @accent_colour; } + } + span.title_brand { + display: block; margin: 0 0 2px 75px; + a { margin: 0; display: inline; } + a.brand_name { font-weight: normal; font-size: 12px; } + } + a.ad_title { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + a.brand_name { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + small { + display: block; color: @grey; margin: 0 0 0 75px; font-size: 12px; + } + small.brand_name { display: inline; margin: 0; } + ul.chart { + margin: 0 0 0 80px; + height: 39px; + } + ul.networks { + margin: 3px 0 0 75px; padding: 0; overflow: hidden; + li { display: block; float: left; margin: 0 5px 0 0; line-height: 1; } + } + div.points { + display: none; + font-size: 12px; text-align: right; + label { color: @grey; } + } + a.remove { bottom: -3px; right: -3px; } + } + li.ad { + a.thumbnail { height: 51px; } + span.title_brand { + small.brand_name { + display: block; + } + } + } + li.brand { + a.thumbnail { height: 68px; } + } + } +} +div.browse.list.with_options ul { .border_radius_top(0); } +div.browse.list.with_footer ul { .border_radius_bottom(0); } +div.browse.list.cols_2 { + > ul { + > li { + width: 285px; float: left; + :hover { + background: @white; + } + } + } +} +div.browse.ads.list { + > ul { + > li { + height: 53px; + a.thumbnail { + height: 51px; + } + } + } +} +div.browse.brands.list { + > ul { + > li { + height: 68px; + a.thumbnail { + height: 66px; + } + } + } +} + +/* Categories List */ +#categories { + margin: 40px 0 0; width: 160px; float: left; position: relative; z-index: 1; + ul { + margin: 0; padding: 10px 0 0; + li { + list-style: none; margin: 0; padding: 0; font-size: 14px; + a { color: @grey; display: block; padding: 5px 10px 5px 15px; text-decoration: none; .border_radius_left(3); } + a:hover { color: @black; background: @light_grey * 0.15 + @white * 0.85; } + } + .all a { font-weight: bold; } + .current a { + background: @white; color: @black; border: 1px solid (@light_grey * 0.25 + @white * 0.75); border-right: none; border-left: 5px solid @bg; + padding-left: 10px; + } + } +} + +/* Ads > Show */ +#ad { + div.header { + overflow: hidden; + h3 { font-size: 16px; margin: 0 0 3px; } + small { + a.category { font-weight: bold; color: @accent_colour; } + span.networks img { position: relative; top: 3px; } + } + span.brand { + float: right; color: @white; + a.brand_name { font-weight: bold; color: @accent_colour; } + } + } + div.content { + padding: 0; position: relative; + a.toggle_size { + display: block; .border_radius(3); background-color: @black; padding: 0 5px 0 26px; + background-position: 5px center; background-repeat: no-repeat; text-decoration: none; margin: 5px 5px 0 0; + position: absolute; top: 0; right: 0; line-height: 25px; z-index: 45; + } + img.creative { margin: 0 auto; max-width: 540px; display: block; } + object { position: relative; z-index: 44; } + object.video { line-height: 0; font-size: 0; } + object embed { position: relative; z-index: 45; line-height: 0; font-size: 0; } + } + div.content.not_video { + padding: 40px; text-align: center; + * { margin-left: auto; margin-right: auto; } + object.flash { margin-bottom: 0; } + } + div.footer { + padding: 0; + div.vote_views { + padding: 5px 10px; overflow: hidden; + div.share { float: right; margin: 2px 0 0 0; } + #login_register_msg, #encourage_vote_msg { line-height: 22px; font-weight: bold; color: @black; } + } + } +} +#sidebar { + #meta { + table { + margin: 0; + tr:last-child td { padding-bottom: 0; } + td { + padding: 0 0 5px; + ul.networks { + margin: 0; padding: 0; + li { + list-style: none; display: inline; + } + li { + } + } + } + td.label { color: @grey; white-space: nowrap; width: 1%; text-align: right; padding-right: 5px; } + } + } +} + +/* Voting */ +div.voted { + font-size: 12px; line-height: 22px; color: @black; display: inline-block; font-weight: bold; + img { float: left; margin-right: 5px; padding: 3px; .border_radius(3); } +} +#voted_up { + img { background: @colour_positive * 0.66 + @bg * 0.15; } +} +#voted_down { + img { background: @colour_negative * 0.66 + @bg * 0.15; } +} +#encourage_comment { + display: inline-block; line-height: 22px; font-weight: bold; +} +#vote { + overflow: hidden; font-size: 12px; line-height: 22px; color: @black; float: left; + a { + color: @white; font-weight: bold; overflow: hidden; display: block; + width: 16px; text-decoration: none; text-align: center; font-size: 10px; padding: 3px; text-transform: uppercase; + } + a.up { + float: left; background: @colour_positive * 0.66 + @bg * 0.15; .border_radius_left(3); + :hover { background: @colour_positive * 0.85 + @bg * 0.15; } + } + a.down { + float: left; background: @colour_negative * 0.66 + @bg * 0.15; .border_radius_right(3); + margin: 0 5px 0 1px; + :hover { background: @colour_negative * 0.85 + @bg * 0.15; } + } +} +#vote.disabled { + a.up { + background: (@colour_positive * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_positive * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } + a.down { + background: (@colour_negative * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_negative * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } +} + +/* Panels */ +div.panel { + margin: 0 0 20px; position: relative; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); .border_radius(3); + > div.header { + background: @bg url('/images/panel_header_bg.png') repeat-x top left; border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); + padding: 5px 10px 4px; .border_radius_top(3); min-height: 18px; + h2 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + h3 { color: @white; font-size: 14px; margin: 0; line-height: 18px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + small { display: block; font-size: 12px; color: @light_grey * 0.25 + @white * 0.75; } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + } + a:first-child { .border_radius_left(2); } + a:last-child { .border_radius_right(2); margin-right: 0; } + a.active { background: @white; color: @black; z-index: 4; } + a:hover { color: @white; } + a.active:hover { color: @black; } + } + + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + } + li:last-child { + a { border: none; } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > div.content { + background: @white; padding: 10px; + .no_padding { padding: 0; } + } + > div.footer { + background: @light_grey * 0.33 + @white * 0.66; border-top: 1px solid (@light_grey * 0.5 + @white * 0.5); + padding: 4px 10px 5px; .border_radius_bottom(3); + } +} +div.panel.no_footer div.content { .border_radius_bottom(3); } +div.panel.no_header div.content { .border_radius_top(3); } +div.panel.collapsable { + div.header { + cursor: pointer; + b.toggle { float: right; border: 5px solid transparent; border-bottom: 5px solid @white; border-top: none; display: block; width: 0; height: 0; margin: 6px 0 0 0; } + } + div.header:hover { + background-color: @bg * 0.75 + @white * 0.25; + } +} +div.panel.collapsed { + div.header { + border-bottom: none; .border_radius(3); + b.toggle { border-bottom: none; border-top: 5px solid @white; } + } + div.blank { border-bottom: none; .border_radius_bottom(3); } + div.content, div.footer { display: none; } +} + + +/* Sidebar Actions */ +#sidebar { + #actions { + .box_shadow(0, 0, 0, transparent); + div.content { + background: url('/images/transparent_backgrounds/accent_colour_10.png'); text-align: center; + p.endorsement { + margin: 0 0 10px; font-size: 14px; font-weight: bold; + small { font-weight: normal; line-height: inherit; margin: 10px 0 0; } + :last-child { margin: 0; } + } + div.share { margin: 5px 0 0; } + a.button { + font-size: 16px; line-height: normal; height: auto; padding: 5px 10px 5px 35px; font-weight: bold; margin: 0; position: relative; + img { position: absolute; top: 3px; left: 6px; } + } + div.flash.notice { + margin: 10px 0 0; font-size: 22px; + small { font-weight: normal; margin: 0 0 10px; } + } + div.flash.notice.done { margin: 0; } + small { + display: block; margin: 10px 0 0; font-size: 11px; color: #808080; line-height: 12px; + img.favicon { vertical-align: middle; } + } + div.blank { + border: none; background: none; padding: 10px 0 0; border-top: 1px solid (@accent_colour * 0.5 + @white * 0.5); + margin: 10px 0 0; + } + } + } +} + +/* People Lists */ +ul.people { + margin: 0; padding: 10px 0 0 10px; background: @white; + > li { + display: block; margin: 0 10px 10px 0; float: left; padding: 2px; width: 57px; position: relative; + .border_radius(2); background: @white; list-style: none; border: 1px solid (@light_grey * 0.33 + @white * 0.66); + a.avatar { + display: block; width: 59px; height: 59px; overflow: hidden; + img { width: 100%; height: 100%; } + } + a.name { display: block; font-size: 10px; text-align: center; } + :hover { + background: @accent_colour; + a.name { color: @white; } + } + } +} +ul.people.list { + padding: 0; + > li { + margin: 0 0 10px; padding: 0 0 10px; overflow: hidden; float: none; width: auto; .border_radius(0); + border: none; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + span.points { + float: right; display: block; padding: 5px; background: @light_grey * 0.15 + @white * 0.85; line-height: 1; + text-align: center; width: 50px; height: 30px; .border_radius(3); margin: 0 0 0 10px; + strong { display: block; color: @black; font-size: 16px; margin: 2px 0 0; } + label { color: @grey; text-transform: uppercase; font-size: 10px; } + label.long { display: block; } + label.short { display: none; } + } + a.avatar { float: left; width: 40px; height: 40px; } + a.name { font-size: 14px; font-weight: bold; margin: 0 0 0 50px; text-align: left; } + a.name.long { display: inline; } + a.name.short { display: none; } + span.networks { + display: block; margin: 0 0 0 50px; + img.favicon { vertical-align: middle; } + } + :hover { + background: transparent; + a.name { color: @accent_colour * 0.85 + @black * 0.15; } + } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.list.small { + > li { + span.points { + padding: 3px 6px; height: 18px; font-size: 9px; line-height: 17px; width: 60px; + strong { font-size: 12px; margin: 0; display: inline; } + label { font-size: 9px; } + label.long { display: none; } + label.short { display: inline; } + } + a.avatar { width: 24px; height: 24px; } + a.name { display: inline; line-height: 24px; margin: 0 0 0 5px; font-size: 12px; height: 24px; } + a.name.long { display: none; } + a.name.short { display: inline; } + span.networks { display: inline; margin: 0; } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.tiled { + > li { + width: 28px; padding: 2px; + a.avatar { width: 24px; height: 24px; background: @white; padding: 2px; } + a.name, small, span.networks, span.points { display: none; } + } +} + +/* Comments */ +#comments { + ul { + margin: 0 0 20px; padding: 0; + li { + display: block; list-style: none; padding: 0; margin: 0 0 10px; + span.meta { + margin: 0; overflow: hidden; display: block; + small { font-size: 12px; color: @light_grey; float: right; line-height: 16px; display: inline-block; } + a.avatar { + display: inline-block; height: 16px; width: 16px; position: relative; top: 3px; + img { height: 100%; width: 100%; } + } + a.name { font-weight: bold; line-height: 16px; display: inline-block; } + span.inactive { color: @grey; font-weight: bold; line-height: 16px; display: inline-block; } + } + b.tail { + display: block; width: 0; height: 0; margin: 3px 0 0 10px; border: 5px solid transparent; border-top: none; + border-bottom: 5px solid @white; position: relative; z-index: 2; + } + blockquote { + margin: 0; padding: 10px; .border_radius(3); font-style: normal; background: @white; + color: @dark_grey; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); + } + } + } + form { + margin: 0; + textarea { width: 500px; } + } +} + +/* Sidebar Categories */ +#sidebar { + #categories { + margin: 0 0 20px; + width: auto; + p { margin: 0; } + } +} + +#sidebar { + #ads > ul li, #recommendations > ul li { + width: 81px; + div.thumbnail { + a.thumbnail { height: 60px; width: 81px; } + } + div.text { + a.title { font-size: 11px; height: 14px; line-height: 14px; } + small { display: none; } + } + } + #brands > ul li { + width: 55px; + div.thumbnail { + a.thumbnail { + height: 45px; width: 45px; + img { max-height: 45px; max-width: 45px; } + } + } + div.text { display: none; } + } +} + +/* My Account */ +#accounts_controller { + #top { + #page_title { + #page_options { + a.button.public_profile { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 35px 8px 15px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; right: 15px; border: 6px solid transparent; border-right: none; border-left: 6px solid @white; margin: 0; } + } + a.button.goto_dashboard { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 15px 8px 35px; margin-right: 5px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; left: 15px; border: 6px solid transparent; border-left: none; border-right: 6px solid @white; margin: 0; } + } + } + } + } + #account_nav { + float: left; width: 200px; margin: 0 20px 0 0; + ul.nav { + margin: 0; padding: 0; + li { + margin: 0 0 5px; display: block; list-style: none; padding: 0; + a { + display: block; height: 30px; text-decoration: none; color: @white; + b { + border: 15px solid transparent; border-right: none; border-left: 10px solid transparent; width: 0; + height: 0; float: right; display: none; + } + span { + .border_radius(3); background: @bg; display: block; + line-height: 30px; padding: 0 10px; font-size: 14px; font-weight: bold; margin: 0 10px 0 0; + } + } + :hover { + a { + color: @white; + b { border-left-color: @bg; display: block; } + span { background: @bg; .border_radius_right(0); } + } + } + } + li.current a { + b { border-left-color: @accent_colour; display: block; } + span { background: @accent_colour; color: @white; .border_radius_right(0); } + } + } + } + #main { + > div { + margin: 0 0 20px; + form { margin: 0; } + } + #profile { + a.avatar { + float: left; display: block; + width: 70px; overflow: hidden; position: relative; text-decoration: none; + img { width: 100%; } + span { + display: block; line-height: 1; padding: 3px; margin: 5px 0 0; color: @white; background: @accent_colour; + .border_radius(3); .text_shadow(1, 1, 0, @grey); + text-align: center; font-size: 10px; font-weight: bold; text-transform: uppercase; + } + } + form { + margin: 0 0 0 90px; + h4 { margin: 10px 0 20px; border-bottom: 1px solid (@light_grey * 0.5 + @white * 0.5); padding: 0; color: @bg; font-size: 16px; } + ul.choices { + li { width: 30%; } + } + div.extra { margin-top: 20px; } + } + } + + #networks { + ul { margin: 0 -10px -10px 0; padding: 0; overflow: hidden; + li:hover + { + background: @light_grey; display: block; float: left; width: 180px; + padding: 10px; margin: 0 10px 10px 0; list-style: none; .border_radius(3); + position: relative; + * { line-height: normal; } + img { vertical-align: middle; float: left; } + .name { font-weight: bold; font-size: 14px; display: block; margin: -2px 0 0 42px; } + small { + font-size: 12px; color: @grey; display: block; margin-left: 42px; + strong { color: @black; font-weight: normal; } + } + :hover { + } + } + li.installed { + background: @white; + border: 2px solid @accent_colour; padding: 8px; + } + li.unavailable { + .name { color: @black; } + :hover { + background: @light_grey; + } + } + li:hover { + background: @light_grey * 0.5 + @white * 0.5; + } + } + } + } +} + +/* Shopping Style Panel */ +#shopping_style { + div.header a.button.small { float: right; } + div.content { + p { + margin: 0 0 10px; + label { text-transform: uppercase; font-size: 11px; display: block; color: @bg; font-weight: bold; } + span { color: @black; } + span.toggle { white-space: nowrap; color: @grey; } + :last-child { margin: 0; } + } + p.more { text-align: left; font-weight: normal; } + p.less { display: none; margin: 0; } + } +} + +/* People Controller */ +#people_controller.index { + #main { + div.panel { + float: left; width: 300px; margin: 0 20px 0 0; + :last-child { margin-right: 0; } + } + } +} +#people_controller.show { + #person_overview, #shopping_style { + a.button.small { + } + } + #content { + #shopping_style { + float: left; width: 240px; margin: 0 20px 0 0; + } + #main { width: 360px; } + } +} + +/* Search Results */ +#search_results { + margin: 0 0 20px; + li { + :hover { + small { color: @white * 0.75 + @accent_colour * 0.25; } + } + } +} +#search { + div.content { + padding: 20px; + form { + margin: 0; float: none; + span.submit_and_options { + display: block; + } + } + p { margin: 0 0 15px; } + h4 { font-weight: normal; margin: 0 0 5px; } + } +} + +/* Recommendations */ +#recommendations { + div.browse { + margin: 0; padding: 0; background: none; + ul { min-height: 0; .border_radius(0); } + } +} + +/* Blank States */ +div.blank { + padding: 20px; background: @bg * 0.05 + @blue * 0.05 + @white * 0.9; position: relative; + border: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); z-index: 1; + h4 { font-size: 18px; margin: 0 0 10px; } + h4:last-child { margin: 0; } + p { font-size: 16px; margin: 0 0 10px; } + p:last-child { margin: 0; } + p.with_list_number.large { + span { margin-left: 48px; display: block; color: @white; } + } + p.earn span { font-size: 22px; color: @white; line-height: 48px; font-weight: bold; } + a { white-space: nowrap; } + a.hide { + position: absolute; top: -5px; right: -5px; display: block; height: 16px; width: 16px; padding: 3px; background: #E7E9F6; .border_radius(99); + } +} + +div.blank.small { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 16px; } + p { margin: 0; } +} +div.blank.tiny { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 14px; } + p { margin: 0; font-size: 12px; } +} +div.blank.rounded { + .border_radius(3); margin: 0 0 20px; +} +div.blank.rounded.bottom { .border_radius_top(0); } +div.blank.with_border_bottom { border-bottom: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); } +div.blank.no_border_top { border-top: none; } +div.blank.no_border_bottom { border-bottom: none; } +div.blank.no_side_borders { border-right: none; border-left: none; } +div.panel { + div.blank { + padding: 10px 20px; overflow: hidden; margin: 0; + h4 { font-weight: normal; font-size: 14px; } + p, ul { margin: 0 0 10px; font-size: 12px; } + p:last-child, ul:last-child { margin: 0; } + } +} + +/* Sidebar Browse */ +#sidebar { + div.panel { + div.content.browse { + padding: 0; margin: 0; + > ul { + min-height: 0; .border_radius(0); + > li { + div.thumbnail { + a.thumbnail { padding: 5px; } + img.marker.media_type { top: 48px; left: 8px; } + } + div.footer { + a.title, a.name { font-size: 11px; font-weight: normal; } + } + } + } + } + + div.content.browse.ads > ul > li { + width: 93px; + > div.thumbnail a.thumbnail { width: 83px; height: 62px; } + } + div.content.browse.brands { + .border_radius(3); + > ul { + background: none; + > li { + width: 52px; + > div.thumbnail { + padding: 3px; + a.thumbnail { width: 42px; height: 42px; padding: 2px; } + } + li.active { background: @accent_colour; } + } + } + } + div.footer { + div.info { float: none; } + div.pagination { float: none; margin: 3px 0 0; } + } + } +} + +/* List Numbers */ +label.list_number { + float: left; background: url('/images/transparent_backgrounds/black_15.png'); padding: 2px; width: 24px; height: 24px; display: block; + .border_radius(99); + b { + display: block; font-weight: bold; font-size: 14px; color: @white; background: @accent_colour; height: 20px; width: 20px; line-height: 20px; + text-align: center; .border_radius(99); .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); + border: 2px solid @white; + } +} +label.list_number.large { + padding: 4px; width: 48px; height: 48px; .border_radius(99); position: relative; left: -10px; + b { + font-size: 28px; height: 40px; width: 40px; .border_radius(99); line-height: 40px; + .text_shadow(2, 2, 0px, (@accent_colour * 0.75 + @black * 0.25)); border-width: 4px; + } +} + +/* Dashboard */ +#dashboard_controller { + #ads { + span.filter.state { float: right; } + } + #sidebar { + #shopping_style div.content { + p.less { display: block; } + p.more { display: none; } + } + #influences { + div.header { + padding-bottom: 0; + ul.tabs { + position: relative; top: 1px; z-index: 3; + li { + margin: 0 5px 0 0; + a { + border: none; background: url('/images/transparent_backgrounds/white_75.png'); + :hover { color: @black; } + } + } + li.active { + a { + background: @white; border: none; + :hover { color: @black; } + } + } + } + } + + div.tab_content { + overflow: hidden; padding: 0; + > ul { + padding: 10px 10px 0; max-height: 280px; min-height: 120px; overflow-y: scroll; .border_radius_bottom(3px); + } + } + div.footer { + form { + p { + margin: 0 0 5px; + img.marker { float: right; margin: 5px 0 0 0; } + span.invitee { + line-height: 26px; padding: 3px 3px 0; font-size: 14px; + small { color: @grey; font-size: 12px; } + } + } + p.indent { margin-left: 36px; } + p.submit { margin-top: 10px; } + } + } + } + } + + div.panel.full { + > div.content { + margin: 0; padding: 0; background: none; + ul { + li { + width: 148px; + div.thumbnail { + img.marker.media_type { top: 90px; } + a.thumbnail { width: 138px; height: 104px; } + } + } + } + } + } + #people { + form { + padding: 0 0 5px; + input { width: 225px; float: left; margin: 0 5px 0 0; } + a.button { height: 23px; line-height: 23px; width: 60px; padding: 0; text-align: center; } + } + } +} + +/* Remove Pages Titles when Browsing */ +#ads_controller, #brands_controller { + #page_title { display: none; } +} + +/* Brands > Show */ +#brands_controller.show { + #ads { + div.filters { + h3 { font-size: 16px; margin: 0; } + span.show { float: right; } + span.filter.dropdown.localisation { float: right; margin: 0 0 0 10px; } + span.filter.state { float: right; margin: 0 0 0 10px; } + } + } +} + +/* FAQ */ +#pages_controller.faq { + #answers { + h3 { margin-top: 20px; padding-top: 20px; border-top: 1px solid (@light_grey * 0.75 + @white * 0.25); } + h3.first { margin-top: 0; padding-top: 0; border: none; } + } + #questions { + div.content { + padding: 20px; + ul { + margin: 0; padding: 0; + li { + margin: 0 0 10px; list-style: none; display: block; padding: 0; + a { font-size: 14px; } + } + li:last-child { + margin: 0; + } + } + } + } +} + +/* Person Overview */ +#person_overview { + padding: 20px 10px; position: relative; z-index: 25; + #person { + float: left; width: 620px; + a.avatar { + display: block; float: left; width: 60px; height: 60px; + img { height: 100%; width: 100%; } + } + > div { + margin: 0 0 0 75px; color: @white; font-size: 14px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + } + div.name { + h2 { + margin: 0 0 5px; display: inline; + a { + font-size: 20px; font-weight: bold; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + line-height: 1; color: @white; text-decoration: none; + :hover { text-decoration: underline; } + } + a.button.small { + font-size: 10px; + :hover { text-decoration: none; } + } + } + + span.points { + float: right; display: block; padding: 5px 10px; .border_radius(2); text-align: center; background: @white; position: relative; + min-width: 45px; + strong { color: @black; font-weight: bold; font-size: 24px; line-height: 1; display: block; .text_shadow(0, 0, 0, transparent); } + label { font-size: 9px; text-transform: uppercase; color: @grey; display: block; .text_shadow(0, 0, 0, transparent); font-weight: bold; } + } + span.points.with_redeem { + .border_radius_bottom(0); + a.button { + display: block; text-align: center; .border_radius_top(0); font-size: 10px; font-weight: bold; padding: 0; + position: absolute; height: 18px; left: 0; right: 0; bottom: -19px; line-height: 18px; text-transform: uppercase; border: none; + } + } + div.options { margin: 0; } + } + div.meta { + color: @white * 0.66 + @bg * 0.33; + span { color: @white; } + label { color: @white * 0.66 + @bg * 0.33; } + ul.networks { + display: inline; margin: 0; padding: 0; + li { + display: inline; line-height: 1; + img { position: relative; vertical-align: middle; top: -1px; } + } + } + } + + div.extra { + font-size: 12px; margin-top: 20px; margin-bottom: 20px; + span.toggle { + .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + a { font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: @accent_colour; } + b.arrow { display: inline-block; width: 0; height: 0; border: 5px solid transparent; position: relative; top: -2px; } + } + #less_info { + span.toggle { + b.arrow { border-top: 5px solid @accent_colour; border-bottom: 0; } + } + } + #more_info { + span.toggle { + float: right; + b.arrow { border-bottom: 5px solid @accent_colour; border-top: 0; } + } + h4 { + color: @white; margin: 0 0 10px 0; border-bottom: 1px solid (@white * 0.25 + @bg * 0.75); .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + span { font-size: 12px; } + } + p { + margin: 0 0 5px; + label { display: block; float: left; width: 120px; color: @white * 0.66 + @bg * 0.33; } + span { display: block; margin: 0 0 0 130px; } + } + p:last-child { margin: 0; } + + } + } + div.login { + margin: 0 0 0 75px; + a.button { font-weight: bold; } + } + } +} + +/* Dashboard Nav */ +#dashboard_nav { + position: absolute; bottom: 0; left: 10px; margin: 0; padding: 0; overflow: hidden; + li { + display: block; float: left; margin: 0 5px 0 0; + a { + display: block; height: 28px; padding: 0 10px; line-height: 28px; .border_radius_top(2); + text-decoration: none; color: @white; background: url('/images/transparent_backgrounds/accent_colour_30.png'); font-size: 14px; + font-weight: bold; + :hover { background: url('/images/transparent_backgrounds/accent_colour_45.png'); } + } + } + li.active { + a { + background: @white; color: @black; + :hover { color: @black; } + } + } +} + +/* Dwellometer */ +#dwellometer { + z-index: 45; float: right; .box_shadow(0, 0, 0, transparent); margin: 0; + div.content { + text-align: center; position: relative; + object, object embed { position: relative; z-index: 46; line-height: 0; } + div.title { + position: absolute; bottom: 10px; left: 0; right: 0; z-index: 50; + img { width: 120px; display: block; margin: 0 auto; position: relative; left: -5px; } + } + } +} + +/* Activity Stream */ +#activity { + div.content { + ul.events { + padding: 0; margin: 0 0 -10px; + li { + margin: 0; padding: 10px 0; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + list-style: none; overflow: hidden; + small.meta { + font-size: 12px; color: @light_grey; float: right; + } + a.button { float: right; margin: 0 0 10px 10px; } + a.avatar, a.logo, a.thumbnail { + height: 32px; display: block; float: left; + img { width: 100%; height: 100%; } + } + a.avatar, a.logo, a.icon { width: 32px; } + a.thumbnail { width: 42px; } + div.symbols { + float: left; overflow: hidden; + b { + display: block; float: left; margin: 10px 5px 0; + img { height: 12px; width: 12px; } + } + b.voted { margin: 10px 3px 0; padding: 2px; .border_radius(2); } + b.voted.for { background: @colour_positive * 0.33 + @white * 0.66; } + b.voted.against { background: @colour_negative * 0.33 + @white * 0.66; } + } + /* Temporarily removed avatar and symbol */ +/* div.symbols a.agent, b { display: none; }*/ + div.description { + font-size: 12px; color: @grey; + a.agent { font-weight: bold; } + } + div.comment { + margin-top: 2px; + b.tail { + display: block; margin: 0 0 0 10px; width: 0; height: 0; border: 5px solid transparent; + border-top: none; border-bottom: 5px solid (@light_grey * 0.25 + @white * 0.75); + } + blockquote { + margin: 0; font-style: normal; color: @dark_grey; + .border_radius(3); background: @light_grey * 0.25 + @white * 0.75; padding: 5px 10px; + span.view_comment { + color: @grey; + } + } + } + div.content { + overflow: hidden; + } + } + li.new_comment.ad, li.endorsed.ad, li.voted { + div.description, div.content { margin-left: 106px; } +/* div.description, div.content { margin-left: 53px; }*/ + } + li.new_comment.brand, li.replied_to, li.endorsed.brand, li.connected, li.sn_setup { + div.description, div.content { margin-left: 96px; } +/* div.description, div.content { margin-left: 43px; }*/ + } + li.replied_to { + div.content { + a.thumbnail, a.logo { margin-top: 7px; } + } + } + li.replied_to.ad { + div.content { + div.comment { margin-left: 52px; } + } + } + li.replied_to.brand { + div.content { + div.comment { margin-left: 42px; } + } + } + li.voted div.description span.action { .border_radius(2); color: @dark_grey; padding: 0 3px; white-space: nowrap; } + li.voted.for div.description span.action { background: @colour_positive * 0.15 + @white * 0.85; } + li.voted.against div.description span.action { background: @colour_negative * 0.15 + @white * 0.85; } + li:first-child { padding-top: 0; } + li:last-child { border-bottom: none; } + li:hover div.content div.comment blockquote span.view_comment { + } + } + } +} + +/* Login/Register Modal */ +#login_register { + div.location_select, + div.location_search { margin-left: 130px; } + h3 { + small { font-size: 14px; font-weight: normal; display: block; color: @grey; text-align: left; margin: 0; display: block; } + } +} + +/* Contact Form in Pages */ +#pages_controller { + #sidebar { + #contact { + margin: 15px 0 0; + form { + label { text-align: left; float: none; width: auto; font-size: 12px; font-weight: bold; line-height: 1; margin: 0 0 5px; } + p.submit.indent { + margin: 0; + span.with_cancel { display: none; } + } + } + } + } +} + +/* Exclusive Offers */ +#offers { + div.content { + a.gift { + display: block; text-align: center; + img { height: 100px; } + } + } +} +@import "lib"; + +div.browse { + margin: 0 0 20px; + &.class { + padding: 0; + } + div.header { + padding: 10px 10px 9px; text-align: left; background: @bg url('/images/panel_header_bg.png') repeat-x top left; + border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); line-height: 1; height: 18px; + .border_radius_top(3); color: @light_grey; + h3 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + .active { + background: @white; color: @black; z-index: 4; + :hover { color: @black; } + } + :hover { color: @white; } + :first-child { .border_radius_left(2); } + :last-child { .border_radius_right(2); margin-right: 0; } + } + } + + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + :last-child { + a { border: none; } + } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > ul { + margin: 0; background: @white; padding: 10px 0 0 10px; .border_radius(3); position: relative; + li { + display: block; float: left; list-style: none; margin: 0 10px 10px 0; padding: 5px; position: relative; + background: @white; width: 130px; border: 1px solid (@light_grey * 0.33 + @white * 0.66); .border_radius(2); + a.remove { + position: absolute; height: 16px; width: 16px; padding: 3px; background: @accent_colour; + .border_radius(99); display: none; z-index: 3; top: -8px; right: -8px; + img { vertical-align: middle; } + } + div.thumbnail { + .border_radius_top(3); position: relative; z-index: 3; + .marker { + position: absolute; padding: 2px; .border_radius(2); z-index: 3; + background: url('/images/transparent_backgrounds/white_75.png'); height: 12px; width: 12px; + } + .marker.coupon { + height: auto; width: auto; top: 10px; right: -3px; padding: 0; background: transparent; overflow: hidden; position: absolute; + b { + display: block; height: 0; width: 0; float: left; border: 14px solid transparent; border-top: 14px solid @accent_colour; + border-bottom: none; border-right: none; float: left; + } + span { + color: @white; font-size: 10px; font-weight: bold; text-transform: uppercase; height: 14px; line-height: 14px; display: block; + padding: 0 4px 0 2px; background: @accent_colour; .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); margin: 0 0 0 14px; + } + } + .marker.video { + position: absolute; left: 50%; top: 50%; background: @white; width: 10px; height: 10px; + b { display: block; width: 0; height: 0; border: 5px solid transparent; border-left: 10px solid @black; border-right: none; } + } + .marker.endorsed_by_me { background: none; padding: 0; right: 0; bottom: -32px; .border_radius(2); background: @white; } + a.thumbnail { + display: block; overflow: hidden; position: relative; text-align: center; + img { position: relative; display: block; margin: auto; } + } + } + div.text { + margin: 3px 0 0; display: block; + a { text-decoration: none; } + a.title { + display: block; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 16px; + white-space: nowrap; height: 16px; overflow: hidden; + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + small { + font-size: 11px; line-height: 13px; color: @grey; display: block; height: 13px; overflow: hidden; white-space: nowrap; + a { font-weight: bold; } + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + } + :hover { + background: @accent_colour; + a.remove { display: block; } + div.thumbnail { + a.marker.remove, a.marker.video { + b { display: inline-block; } + } + a.marker.video { .box_shadow(0, 0, 2, @black); } + } + div.text { + a { color: @white; } + a.title:before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + small { + color: @white * 0.75 + @accent_colour * 0.25; + :before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + } + } + div.footer a { color: @white; } + } + } + > li.ad div.thumbnail a.thumbnail { + width: 130px; height: 97px; + img { width: 100%; height: 100%; } + } + > li.brand div.thumbnail a.thumbnail { + width: 120px; height: 87px; padding: 5px; background: @white; .border_radius(2); + img { max-width: 120px; max-height: 87px; } + } + li.paginate { + margin-bottom: 0; + a { + display: block; position: relative; text-decoration: none; height: 131px; + div.arrow { + background: #81c153 url('/images/button_bg.png') repeat-x left top; border: 1px solid (@accent_colour * 0.75 + @black * 0.25); + height: 44px; .border_radius(99); width: 44px; margin: 0 auto; position: relative; top: 32px; + b { text-indent: -9000px; display: block; border: 10px solid transparent; width: 0; height: 0; position: relative; top: 12px; } + } + div.label { + position: absolute; bottom: 5px; left: 0; right: 0; line-height: 13px; + color: @accent_colour * 0.85 + @black * 0.15; text-decoration: none; + font-weight: bold; font-size: 12px; text-align: center; + } + :hover { + div.arrow { background: #abd56e url('/images/button_bg.png') repeat-x left -44px; } + } + } + :hover { background: transparent; } + } + li.paginate.previous a div b { border-right: 15px solid @white; border-left: none; left: 12px; } + li.paginate.next a div b { border-left: 15px solid @white; border-right: none; left: 16px; } + } + > div.footer { + padding: 9px 10px 10px; background: @light_grey * 0.75 + @white * 0.25; overflow: hidden; + border-top: 1px solid @light_grey; .border_radius_bottom(3); + div.info { + float: left; color: @grey; + strong { color: @black; font-weight: normal; } + } + div.pagination { + float: right; + > * { + display: inline-block; line-height: 1; padding: 0 6px; line-height: 18px; height: 18px; background: @white; + .border_radius(3); text-decoration: none; font-weight: bold; + font-size: 10px; text-transform: uppercase; + } + a { color: @grey; } + a:hover { color: @black; } + span.disabled { color: @light_grey; } + span.current { color: @white; background: @bg; border: none; } + span.current:hover { color: @white; } + } + } +} +div.browse.with_categories { margin: 0 0 0 160px; } +div.browse.with_options > ul { .border_radius_top(0); } +div.browse.with_footer > ul { .border_radius_bottom(0); } +/* Browse List */ +div.browse.list { +> ul { + margin: 0; min-height: 320px; + padding: 10px 0 0 10px; overflow: hidden; + > li { + display: block; list-style: none; margin: 0 10px 10px 0; padding: 5px; + .border_radius(3); position: relative; line-height: normal; + .marker { + position: absolute; padding: 2px; .border_radius(2); + background: url('/images/transparent_backgrounds/white_75.png'); + img { height: 12px; width: 12px; } + } + img.marker { height: 12px; width: 12px; } + span.marker.new { + color: black; left: -5px; top: -5px; background: none; background-color: @white * 0.1 + @yellow * 0.6 + @red * 0.3; line-height: 1; padding: 2px 5px; + font-weight: bold; + } + a.marker.media_type { + display: inline-block; text-decoration: none; top: 39px; left: 8px; + font-size: 10px; + b { font-weight: normal; margin: 0 0 0 2px; line-height: 1; display: none; } + img { vertical-align: middle; } + } + a.thumbnail { + float: left; + width: 68px; display: block; overflow: hidden; + border: 1px solid @light_grey; + :hover { border-color: @accent_colour; } + } + span.title_brand { + display: block; margin: 0 0 2px 75px; + a { margin: 0; display: inline; } + a.brand_name { font-weight: normal; font-size: 12px; } + } + a.ad_title { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + a.brand_name { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + small { + display: block; color: @grey; margin: 0 0 0 75px; font-size: 12px; + } + small.brand_name { display: inline; margin: 0; } + ul.chart { + margin: 0 0 0 80px; + height: 39px; + } + ul.networks { + margin: 3px 0 0 75px; padding: 0; overflow: hidden; + li { display: block; float: left; margin: 0 5px 0 0; line-height: 1; } + } + div.points { + display: none; + font-size: 12px; text-align: right; + label { color: @grey; } + } + a.remove { bottom: -3px; right: -3px; } + } + li.ad { + a.thumbnail { height: 51px; } + span.title_brand { + small.brand_name { + display: block; + } + } + } + li.brand { + a.thumbnail { height: 68px; } + } + } +} +div.browse.list.with_options ul { .border_radius_top(0); } +div.browse.list.with_footer ul { .border_radius_bottom(0); } +div.browse.list.cols_2 { + > ul { + > li { + width: 285px; float: left; + :hover { + background: @white; + } + } + } +} +div.browse.ads.list { + > ul { + > li { + height: 53px; + a.thumbnail { + height: 51px; + } + } + } +} +div.browse.brands.list { + > ul { + > li { + height: 68px; + a.thumbnail { + height: 66px; + } + } + } +} + +/* Categories List */ +#categories { + margin: 40px 0 0; width: 160px; float: left; position: relative; z-index: 1; + ul { + margin: 0; padding: 10px 0 0; + li { + list-style: none; margin: 0; padding: 0; font-size: 14px; + a { color: @grey; display: block; padding: 5px 10px 5px 15px; text-decoration: none; .border_radius_left(3); } + a:hover { color: @black; background: @light_grey * 0.15 + @white * 0.85; } + } + .all a { font-weight: bold; } + .current a { + background: @white; color: @black; border: 1px solid (@light_grey * 0.25 + @white * 0.75); border-right: none; border-left: 5px solid @bg; + padding-left: 10px; + } + } +} + +/* Ads > Show */ +#ad { + div.header { + overflow: hidden; + h3 { font-size: 16px; margin: 0 0 3px; } + small { + a.category { font-weight: bold; color: @accent_colour; } + span.networks img { position: relative; top: 3px; } + } + span.brand { + float: right; color: @white; + a.brand_name { font-weight: bold; color: @accent_colour; } + } + } + div.content { + padding: 0; position: relative; + a.toggle_size { + display: block; .border_radius(3); background-color: @black; padding: 0 5px 0 26px; + background-position: 5px center; background-repeat: no-repeat; text-decoration: none; margin: 5px 5px 0 0; + position: absolute; top: 0; right: 0; line-height: 25px; z-index: 45; + } + img.creative { margin: 0 auto; max-width: 540px; display: block; } + object { position: relative; z-index: 44; } + object.video { line-height: 0; font-size: 0; } + object embed { position: relative; z-index: 45; line-height: 0; font-size: 0; } + } + div.content.not_video { + padding: 40px; text-align: center; + * { margin-left: auto; margin-right: auto; } + object.flash { margin-bottom: 0; } + } + div.footer { + padding: 0; + div.vote_views { + padding: 5px 10px; overflow: hidden; + div.share { float: right; margin: 2px 0 0 0; } + #login_register_msg, #encourage_vote_msg { line-height: 22px; font-weight: bold; color: @black; } + } + } +} +#sidebar { + #meta { + table { + margin: 0; + tr:last-child td { padding-bottom: 0; } + td { + padding: 0 0 5px; + ul.networks { + margin: 0; padding: 0; + li { + list-style: none; display: inline; + } + li { + } + } + } + td.label { color: @grey; white-space: nowrap; width: 1%; text-align: right; padding-right: 5px; } + } + } +} + +/* Voting */ +div.voted { + font-size: 12px; line-height: 22px; color: @black; display: inline-block; font-weight: bold; + img { float: left; margin-right: 5px; padding: 3px; .border_radius(3); } +} +#voted_up { + img { background: @colour_positive * 0.66 + @bg * 0.15; } +} +#voted_down { + img { background: @colour_negative * 0.66 + @bg * 0.15; } +} +#encourage_comment { + display: inline-block; line-height: 22px; font-weight: bold; +} +#vote { + overflow: hidden; font-size: 12px; line-height: 22px; color: @black; float: left; + a { + color: @white; font-weight: bold; overflow: hidden; display: block; + width: 16px; text-decoration: none; text-align: center; font-size: 10px; padding: 3px; text-transform: uppercase; + } + a.up { + float: left; background: @colour_positive * 0.66 + @bg * 0.15; .border_radius_left(3); + :hover { background: @colour_positive * 0.85 + @bg * 0.15; } + } + a.down { + float: left; background: @colour_negative * 0.66 + @bg * 0.15; .border_radius_right(3); + margin: 0 5px 0 1px; + :hover { background: @colour_negative * 0.85 + @bg * 0.15; } + } +} +#vote.disabled { + a.up { + background: (@colour_positive * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_positive * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } + a.down { + background: (@colour_negative * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_negative * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } +} + +/* Panels */ +div.panel { + margin: 0 0 20px; position: relative; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); .border_radius(3); + > div.header { + background: @bg url('/images/panel_header_bg.png') repeat-x top left; border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); + padding: 5px 10px 4px; .border_radius_top(3); min-height: 18px; + h2 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + h3 { color: @white; font-size: 14px; margin: 0; line-height: 18px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + small { display: block; font-size: 12px; color: @light_grey * 0.25 + @white * 0.75; } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + } + a:first-child { .border_radius_left(2); } + a:last-child { .border_radius_right(2); margin-right: 0; } + a.active { background: @white; color: @black; z-index: 4; } + a:hover { color: @white; } + a.active:hover { color: @black; } + } + + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + } + li:last-child { + a { border: none; } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > div.content { + background: @white; padding: 10px; + .no_padding { padding: 0; } + } + > div.footer { + background: @light_grey * 0.33 + @white * 0.66; border-top: 1px solid (@light_grey * 0.5 + @white * 0.5); + padding: 4px 10px 5px; .border_radius_bottom(3); + } +} +div.panel.no_footer div.content { .border_radius_bottom(3); } +div.panel.no_header div.content { .border_radius_top(3); } +div.panel.collapsable { + div.header { + cursor: pointer; + b.toggle { float: right; border: 5px solid transparent; border-bottom: 5px solid @white; border-top: none; display: block; width: 0; height: 0; margin: 6px 0 0 0; } + } + div.header:hover { + background-color: @bg * 0.75 + @white * 0.25; + } +} +div.panel.collapsed { + div.header { + border-bottom: none; .border_radius(3); + b.toggle { border-bottom: none; border-top: 5px solid @white; } + } + div.blank { border-bottom: none; .border_radius_bottom(3); } + div.content, div.footer { display: none; } +} + + +/* Sidebar Actions */ +#sidebar { + #actions { + .box_shadow(0, 0, 0, transparent); + div.content { + background: url('/images/transparent_backgrounds/accent_colour_10.png'); text-align: center; + p.endorsement { + margin: 0 0 10px; font-size: 14px; font-weight: bold; + small { font-weight: normal; line-height: inherit; margin: 10px 0 0; } + :last-child { margin: 0; } + } + div.share { margin: 5px 0 0; } + a.button { + font-size: 16px; line-height: normal; height: auto; padding: 5px 10px 5px 35px; font-weight: bold; margin: 0; position: relative; + img { position: absolute; top: 3px; left: 6px; } + } + div.flash.notice { + margin: 10px 0 0; font-size: 22px; + small { font-weight: normal; margin: 0 0 10px; } + } + div.flash.notice.done { margin: 0; } + small { + display: block; margin: 10px 0 0; font-size: 11px; color: #808080; line-height: 12px; + img.favicon { vertical-align: middle; } + } + div.blank { + border: none; background: none; padding: 10px 0 0; border-top: 1px solid (@accent_colour * 0.5 + @white * 0.5); + margin: 10px 0 0; + } + } + } +} + +/* People Lists */ +ul.people { + margin: 0; padding: 10px 0 0 10px; background: @white; + > li { + display: block; margin: 0 10px 10px 0; float: left; padding: 2px; width: 57px; position: relative; + .border_radius(2); background: @white; list-style: none; border: 1px solid (@light_grey * 0.33 + @white * 0.66); + a.avatar { + display: block; width: 59px; height: 59px; overflow: hidden; + img { width: 100%; height: 100%; } + } + a.name { display: block; font-size: 10px; text-align: center; } + :hover { + background: @accent_colour; + a.name { color: @white; } + } + } +} +ul.people.list { + padding: 0; + > li { + margin: 0 0 10px; padding: 0 0 10px; overflow: hidden; float: none; width: auto; .border_radius(0); + border: none; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + span.points { + float: right; display: block; padding: 5px; background: @light_grey * 0.15 + @white * 0.85; line-height: 1; + text-align: center; width: 50px; height: 30px; .border_radius(3); margin: 0 0 0 10px; + strong { display: block; color: @black; font-size: 16px; margin: 2px 0 0; } + label { color: @grey; text-transform: uppercase; font-size: 10px; } + label.long { display: block; } + label.short { display: none; } + } + a.avatar { float: left; width: 40px; height: 40px; } + a.name { font-size: 14px; font-weight: bold; margin: 0 0 0 50px; text-align: left; } + a.name.long { display: inline; } + a.name.short { display: none; } + span.networks { + display: block; margin: 0 0 0 50px; + img.favicon { vertical-align: middle; } + } + :hover { + background: transparent; + a.name { color: @accent_colour * 0.85 + @black * 0.15; } + } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.list.small { + > li { + span.points { + padding: 3px 6px; height: 18px; font-size: 9px; line-height: 17px; width: 60px; + strong { font-size: 12px; margin: 0; display: inline; } + label { font-size: 9px; } + label.long { display: none; } + label.short { display: inline; } + } + a.avatar { width: 24px; height: 24px; } + a.name { display: inline; line-height: 24px; margin: 0 0 0 5px; font-size: 12px; height: 24px; } + a.name.long { display: none; } + a.name.short { display: inline; } + span.networks { display: inline; margin: 0; } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.tiled { + > li { + width: 28px; padding: 2px; + a.avatar { width: 24px; height: 24px; background: @white; padding: 2px; } + a.name, small, span.networks, span.points { display: none; } + } +} + +/* Comments */ +#comments { + ul { + margin: 0 0 20px; padding: 0; + li { + display: block; list-style: none; padding: 0; margin: 0 0 10px; + span.meta { + margin: 0; overflow: hidden; display: block; + small { font-size: 12px; color: @light_grey; float: right; line-height: 16px; display: inline-block; } + a.avatar { + display: inline-block; height: 16px; width: 16px; position: relative; top: 3px; + img { height: 100%; width: 100%; } + } + a.name { font-weight: bold; line-height: 16px; display: inline-block; } + span.inactive { color: @grey; font-weight: bold; line-height: 16px; display: inline-block; } + } + b.tail { + display: block; width: 0; height: 0; margin: 3px 0 0 10px; border: 5px solid transparent; border-top: none; + border-bottom: 5px solid @white; position: relative; z-index: 2; + } + blockquote { + margin: 0; padding: 10px; .border_radius(3); font-style: normal; background: @white; + color: @dark_grey; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); + } + } + } + form { + margin: 0; + textarea { width: 500px; } + } +} + +/* Sidebar Categories */ +#sidebar { + #categories { + margin: 0 0 20px; + width: auto; + p { margin: 0; } + } +} + +#sidebar { + #ads > ul li, #recommendations > ul li { + width: 81px; + div.thumbnail { + a.thumbnail { height: 60px; width: 81px; } + } + div.text { + a.title { font-size: 11px; height: 14px; line-height: 14px; } + small { display: none; } + } + } + #brands > ul li { + width: 55px; + div.thumbnail { + a.thumbnail { + height: 45px; width: 45px; + img { max-height: 45px; max-width: 45px; } + } + } + div.text { display: none; } + } +} + +/* My Account */ +#accounts_controller { + #top { + #page_title { + #page_options { + a.button.public_profile { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 35px 8px 15px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; right: 15px; border: 6px solid transparent; border-right: none; border-left: 6px solid @white; margin: 0; } + } + a.button.goto_dashboard { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 15px 8px 35px; margin-right: 5px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; left: 15px; border: 6px solid transparent; border-left: none; border-right: 6px solid @white; margin: 0; } + } + } + } + } + #account_nav { + float: left; width: 200px; margin: 0 20px 0 0; + ul.nav { + margin: 0; padding: 0; + li { + margin: 0 0 5px; display: block; list-style: none; padding: 0; + a { + display: block; height: 30px; text-decoration: none; color: @white; + b { + border: 15px solid transparent; border-right: none; border-left: 10px solid transparent; width: 0; + height: 0; float: right; display: none; + } + span { + .border_radius(3); background: @bg; display: block; + line-height: 30px; padding: 0 10px; font-size: 14px; font-weight: bold; margin: 0 10px 0 0; + } + } + :hover { + a { + color: @white; + b { border-left-color: @bg; display: block; } + span { background: @bg; .border_radius_right(0); } + } + } + } + li.current a { + b { border-left-color: @accent_colour; display: block; } + span { background: @accent_colour; color: @white; .border_radius_right(0); } + } + } + } + #main { + > div { + margin: 0 0 20px; + form { margin: 0; } + } + #profile { + a.avatar { + float: left; display: block; + width: 70px; overflow: hidden; position: relative; text-decoration: none; + img { width: 100%; } + span { + display: block; line-height: 1; padding: 3px; margin: 5px 0 0; color: @white; background: @accent_colour; + .border_radius(3); .text_shadow(1, 1, 0, @grey); + text-align: center; font-size: 10px; font-weight: bold; text-transform: uppercase; + } + } + form { + margin: 0 0 0 90px; + h4 { margin: 10px 0 20px; border-bottom: 1px solid (@light_grey * 0.5 + @white * 0.5); padding: 0; color: @bg; font-size: 16px; } + ul.choices { + li { width: 30%; } + } + div.extra { margin-top: 20px; } + } + } + + #networks { + ul { margin: 0 -10px -10px 0; padding: 0; overflow: hidden; + li:hover + { + background: @light_grey; display: block; float: left; width: 180px; + padding: 10px; margin: 0 10px 10px 0; list-style: none; .border_radius(3); + position: relative; + * { line-height: normal; } + img { vertical-align: middle; float: left; } + .name { font-weight: bold; font-size: 14px; display: block; margin: -2px 0 0 42px; } + small { + font-size: 12px; color: @grey; display: block; margin-left: 42px; + strong { color: @black; font-weight: normal; } + } + :hover { + } + } + li.installed { + background: @white; + border: 2px solid @accent_colour; padding: 8px; + } + li.unavailable { + .name { color: @black; } + :hover { + background: @light_grey; + } + } + li:hover { + background: @light_grey * 0.5 + @white * 0.5; + } + } + } + } +} + +/* Shopping Style Panel */ +#shopping_style { + div.header a.button.small { float: right; } + div.content { + p { + margin: 0 0 10px; + label { text-transform: uppercase; font-size: 11px; display: block; color: @bg; font-weight: bold; } + span { color: @black; } + span.toggle { white-space: nowrap; color: @grey; } + :last-child { margin: 0; } + } + p.more { text-align: left; font-weight: normal; } + p.less { display: none; margin: 0; } + } +} + +/* People Controller */ +#people_controller.index { + #main { + div.panel { + float: left; width: 300px; margin: 0 20px 0 0; + :last-child { margin-right: 0; } + } + } +} +#people_controller.show { + #person_overview, #shopping_style { + a.button.small { + } + } + #content { + #shopping_style { + float: left; width: 240px; margin: 0 20px 0 0; + } + #main { width: 360px; } + } +} + +/* Search Results */ +#search_results { + margin: 0 0 20px; + li { + :hover { + small { color: @white * 0.75 + @accent_colour * 0.25; } + } + } +} +#search { + div.content { + padding: 20px; + form { + margin: 0; float: none; + span.submit_and_options { + display: block; + } + } + p { margin: 0 0 15px; } + h4 { font-weight: normal; margin: 0 0 5px; } + } +} + +/* Recommendations */ +#recommendations { + div.browse { + margin: 0; padding: 0; background: none; + ul { min-height: 0; .border_radius(0); } + } +} + +/* Blank States */ +div.blank { + padding: 20px; background: @bg * 0.05 + @blue * 0.05 + @white * 0.9; position: relative; + border: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); z-index: 1; + h4 { font-size: 18px; margin: 0 0 10px; } + h4:last-child { margin: 0; } + p { font-size: 16px; margin: 0 0 10px; } + p:last-child { margin: 0; } + p.with_list_number.large { + span { margin-left: 48px; display: block; color: @white; } + } + p.earn span { font-size: 22px; color: @white; line-height: 48px; font-weight: bold; } + a { white-space: nowrap; } + a.hide { + position: absolute; top: -5px; right: -5px; display: block; height: 16px; width: 16px; padding: 3px; background: #E7E9F6; .border_radius(99); + } +} + +div.blank.small { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 16px; } + p { margin: 0; } +} +div.blank.tiny { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 14px; } + p { margin: 0; font-size: 12px; } +} +div.blank.rounded { + .border_radius(3); margin: 0 0 20px; +} +div.blank.rounded.bottom { .border_radius_top(0); } +div.blank.with_border_bottom { border-bottom: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); } +div.blank.no_border_top { border-top: none; } +div.blank.no_border_bottom { border-bottom: none; } +div.blank.no_side_borders { border-right: none; border-left: none; } +div.panel { + div.blank { + padding: 10px 20px; overflow: hidden; margin: 0; + h4 { font-weight: normal; font-size: 14px; } + p, ul { margin: 0 0 10px; font-size: 12px; } + p:last-child, ul:last-child { margin: 0; } + } +} + +/* Sidebar Browse */ +#sidebar { + div.panel { + div.content.browse { + padding: 0; margin: 0; + > ul { + min-height: 0; .border_radius(0); + > li { + div.thumbnail { + a.thumbnail { padding: 5px; } + img.marker.media_type { top: 48px; left: 8px; } + } + div.footer { + a.title, a.name { font-size: 11px; font-weight: normal; } + } + } + } + } + + div.content.browse.ads > ul > li { + width: 93px; + > div.thumbnail a.thumbnail { width: 83px; height: 62px; } + } + div.content.browse.brands { + .border_radius(3); + > ul { + background: none; + > li { + width: 52px; + > div.thumbnail { + padding: 3px; + a.thumbnail { width: 42px; height: 42px; padding: 2px; } + } + li.active { background: @accent_colour; } + } + } + } + div.footer { + div.info { float: none; } + div.pagination { float: none; margin: 3px 0 0; } + } + } +} + +/* List Numbers */ +label.list_number { + float: left; background: url('/images/transparent_backgrounds/black_15.png'); padding: 2px; width: 24px; height: 24px; display: block; + .border_radius(99); + b { + display: block; font-weight: bold; font-size: 14px; color: @white; background: @accent_colour; height: 20px; width: 20px; line-height: 20px; + text-align: center; .border_radius(99); .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); + border: 2px solid @white; + } +} +label.list_number.large { + padding: 4px; width: 48px; height: 48px; .border_radius(99); position: relative; left: -10px; + b { + font-size: 28px; height: 40px; width: 40px; .border_radius(99); line-height: 40px; + .text_shadow(2, 2, 0px, (@accent_colour * 0.75 + @black * 0.25)); border-width: 4px; + } +} + +/* Dashboard */ +#dashboard_controller { + #ads { + span.filter.state { float: right; } + } + #sidebar { + #shopping_style div.content { + p.less { display: block; } + p.more { display: none; } + } + #influences { + div.header { + padding-bottom: 0; + ul.tabs { + position: relative; top: 1px; z-index: 3; + li { + margin: 0 5px 0 0; + a { + border: none; background: url('/images/transparent_backgrounds/white_75.png'); + :hover { color: @black; } + } + } + li.active { + a { + background: @white; border: none; + :hover { color: @black; } + } + } + } + } + + div.tab_content { + overflow: hidden; padding: 0; + > ul { + padding: 10px 10px 0; max-height: 280px; min-height: 120px; overflow-y: scroll; .border_radius_bottom(3px); + } + } + div.footer { + form { + p { + margin: 0 0 5px; + img.marker { float: right; margin: 5px 0 0 0; } + span.invitee { + line-height: 26px; padding: 3px 3px 0; font-size: 14px; + small { color: @grey; font-size: 12px; } + } + } + p.indent { margin-left: 36px; } + p.submit { margin-top: 10px; } + } + } + } + } + + div.panel.full { + > div.content { + margin: 0; padding: 0; background: none; + ul { + li { + width: 148px; + div.thumbnail { + img.marker.media_type { top: 90px; } + a.thumbnail { width: 138px; height: 104px; } + } + } + } + } + } + #people { + form { + padding: 0 0 5px; + input { width: 225px; float: left; margin: 0 5px 0 0; } + a.button { height: 23px; line-height: 23px; width: 60px; padding: 0; text-align: center; } + } + } +} + +/* Remove Pages Titles when Browsing */ +#ads_controller, #brands_controller { + #page_title { display: none; } +} + +/* Brands > Show */ +#brands_controller.show { + #ads { + div.filters { + h3 { font-size: 16px; margin: 0; } + span.show { float: right; } + span.filter.dropdown.localisation { float: right; margin: 0 0 0 10px; } + span.filter.state { float: right; margin: 0 0 0 10px; } + } + } +} + +/* FAQ */ +#pages_controller.faq { + #answers { + h3 { margin-top: 20px; padding-top: 20px; border-top: 1px solid (@light_grey * 0.75 + @white * 0.25); } + h3.first { margin-top: 0; padding-top: 0; border: none; } + } + #questions { + div.content { + padding: 20px; + ul { + margin: 0; padding: 0; + li { + margin: 0 0 10px; list-style: none; display: block; padding: 0; + a { font-size: 14px; } + } + li:last-child { + margin: 0; + } + } + } + } +} + +/* Person Overview */ +#person_overview { + padding: 20px 10px; position: relative; z-index: 25; + #person { + float: left; width: 620px; + a.avatar { + display: block; float: left; width: 60px; height: 60px; + img { height: 100%; width: 100%; } + } + > div { + margin: 0 0 0 75px; color: @white; font-size: 14px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + } + div.name { + h2 { + margin: 0 0 5px; display: inline; + a { + font-size: 20px; font-weight: bold; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + line-height: 1; color: @white; text-decoration: none; + :hover { text-decoration: underline; } + } + a.button.small { + font-size: 10px; + :hover { text-decoration: none; } + } + } + + span.points { + float: right; display: block; padding: 5px 10px; .border_radius(2); text-align: center; background: @white; position: relative; + min-width: 45px; + strong { color: @black; font-weight: bold; font-size: 24px; line-height: 1; display: block; .text_shadow(0, 0, 0, transparent); } + label { font-size: 9px; text-transform: uppercase; color: @grey; display: block; .text_shadow(0, 0, 0, transparent); font-weight: bold; } + } + span.points.with_redeem { + .border_radius_bottom(0); + a.button { + display: block; text-align: center; .border_radius_top(0); font-size: 10px; font-weight: bold; padding: 0; + position: absolute; height: 18px; left: 0; right: 0; bottom: -19px; line-height: 18px; text-transform: uppercase; border: none; + } + } + div.options { margin: 0; } + } + div.meta { + color: @white * 0.66 + @bg * 0.33; + span { color: @white; } + label { color: @white * 0.66 + @bg * 0.33; } + ul.networks { + display: inline; margin: 0; padding: 0; + li { + display: inline; line-height: 1; + img { position: relative; vertical-align: middle; top: -1px; } + } + } + } + + div.extra { + font-size: 12px; margin-top: 20px; margin-bottom: 20px; + span.toggle { + .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + a { font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: @accent_colour; } + b.arrow { display: inline-block; width: 0; height: 0; border: 5px solid transparent; position: relative; top: -2px; } + } + #less_info { + span.toggle { + b.arrow { border-top: 5px solid @accent_colour; border-bottom: 0; } + } + } + #more_info { + span.toggle { + float: right; + b.arrow { border-bottom: 5px solid @accent_colour; border-top: 0; } + } + h4 { + color: @white; margin: 0 0 10px 0; border-bottom: 1px solid (@white * 0.25 + @bg * 0.75); .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + span { font-size: 12px; } + } + p { + margin: 0 0 5px; + label { display: block; float: left; width: 120px; color: @white * 0.66 + @bg * 0.33; } + span { display: block; margin: 0 0 0 130px; } + } + p:last-child { margin: 0; } + + } + } + div.login { + margin: 0 0 0 75px; + a.button { font-weight: bold; } + } + } +} + +/* Dashboard Nav */ +#dashboard_nav { + position: absolute; bottom: 0; left: 10px; margin: 0; padding: 0; overflow: hidden; + li { + display: block; float: left; margin: 0 5px 0 0; + a { + display: block; height: 28px; padding: 0 10px; line-height: 28px; .border_radius_top(2); + text-decoration: none; color: @white; background: url('/images/transparent_backgrounds/accent_colour_30.png'); font-size: 14px; + font-weight: bold; + :hover { background: url('/images/transparent_backgrounds/accent_colour_45.png'); } + } + } + li.active { + a { + background: @white; color: @black; + :hover { color: @black; } + } + } +} + +/* Dwellometer */ +#dwellometer { + z-index: 45; float: right; .box_shadow(0, 0, 0, transparent); margin: 0; + div.content { + text-align: center; position: relative; + object, object embed { position: relative; z-index: 46; line-height: 0; } + div.title { + position: absolute; bottom: 10px; left: 0; right: 0; z-index: 50; + img { width: 120px; display: block; margin: 0 auto; position: relative; left: -5px; } + } + } +} + +/* Activity Stream */ +#activity { + div.content { + ul.events { + padding: 0; margin: 0 0 -10px; + li { + margin: 0; padding: 10px 0; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + list-style: none; overflow: hidden; + small.meta { + font-size: 12px; color: @light_grey; float: right; + } + a.button { float: right; margin: 0 0 10px 10px; } + a.avatar, a.logo, a.thumbnail { + height: 32px; display: block; float: left; + img { width: 100%; height: 100%; } + } + a.avatar, a.logo, a.icon { width: 32px; } + a.thumbnail { width: 42px; } + div.symbols { + float: left; overflow: hidden; + b { + display: block; float: left; margin: 10px 5px 0; + img { height: 12px; width: 12px; } + } + b.voted { margin: 10px 3px 0; padding: 2px; .border_radius(2); } + b.voted.for { background: @colour_positive * 0.33 + @white * 0.66; } + b.voted.against { background: @colour_negative * 0.33 + @white * 0.66; } + } + /* Temporarily removed avatar and symbol */ +/* div.symbols a.agent, b { display: none; }*/ + div.description { + font-size: 12px; color: @grey; + a.agent { font-weight: bold; } + } + div.comment { + margin-top: 2px; + b.tail { + display: block; margin: 0 0 0 10px; width: 0; height: 0; border: 5px solid transparent; + border-top: none; border-bottom: 5px solid (@light_grey * 0.25 + @white * 0.75); + } + blockquote { + margin: 0; font-style: normal; color: @dark_grey; + .border_radius(3); background: @light_grey * 0.25 + @white * 0.75; padding: 5px 10px; + span.view_comment { + color: @grey; + } + } + } + div.content { + overflow: hidden; + } + } + li.new_comment.ad, li.endorsed.ad, li.voted { + div.description, div.content { margin-left: 106px; } +/* div.description, div.content { margin-left: 53px; }*/ + } + li.new_comment.brand, li.replied_to, li.endorsed.brand, li.connected, li.sn_setup { + div.description, div.content { margin-left: 96px; } +/* div.description, div.content { margin-left: 43px; }*/ + } + li.replied_to { + div.content { + a.thumbnail, a.logo { margin-top: 7px; } + } + } + li.replied_to.ad { + div.content { + div.comment { margin-left: 52px; } + } + } + li.replied_to.brand { + div.content { + div.comment { margin-left: 42px; } + } + } + li.voted div.description span.action { .border_radius(2); color: @dark_grey; padding: 0 3px; white-space: nowrap; } + li.voted.for div.description span.action { background: @colour_positive * 0.15 + @white * 0.85; } + li.voted.against div.description span.action { background: @colour_negative * 0.15 + @white * 0.85; } + li:first-child { padding-top: 0; } + li:last-child { border-bottom: none; } + li:hover div.content div.comment blockquote span.view_comment { + } + } + } +} + +/* Login/Register Modal */ +#login_register { + div.location_select, + div.location_search { margin-left: 130px; } + h3 { + small { font-size: 14px; font-weight: normal; display: block; color: @grey; text-align: left; margin: 0; display: block; } + } +} + +/* Contact Form in Pages */ +#pages_controller { + #sidebar { + #contact { + margin: 15px 0 0; + form { + label { text-align: left; float: none; width: auto; font-size: 12px; font-weight: bold; line-height: 1; margin: 0 0 5px; } + p.submit.indent { + margin: 0; + span.with_cancel { display: none; } + } + } + } + } +} + +/* Exclusive Offers */ +#offers { + div.content { + a.gift { + display: block; text-align: center; + img { height: 100px; } + } + } +} +@import "lib"; + +div.browse { + margin: 0 0 20px; + &.class { + padding: 0; + } + div.header { + padding: 10px 10px 9px; text-align: left; background: @bg url('/images/panel_header_bg.png') repeat-x top left; + border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); line-height: 1; height: 18px; + .border_radius_top(3); color: @light_grey; + h3 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + .active { + background: @white; color: @black; z-index: 4; + :hover { color: @black; } + } + :hover { color: @white; } + :first-child { .border_radius_left(2); } + :last-child { .border_radius_right(2); margin-right: 0; } + } + } + + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + :last-child { + a { border: none; } + } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > ul { + margin: 0; background: @white; padding: 10px 0 0 10px; .border_radius(3); position: relative; + li { + display: block; float: left; list-style: none; margin: 0 10px 10px 0; padding: 5px; position: relative; + background: @white; width: 130px; border: 1px solid (@light_grey * 0.33 + @white * 0.66); .border_radius(2); + a.remove { + position: absolute; height: 16px; width: 16px; padding: 3px; background: @accent_colour; + .border_radius(99); display: none; z-index: 3; top: -8px; right: -8px; + img { vertical-align: middle; } + } + div.thumbnail { + .border_radius_top(3); position: relative; z-index: 3; + .marker { + position: absolute; padding: 2px; .border_radius(2); z-index: 3; + background: url('/images/transparent_backgrounds/white_75.png'); height: 12px; width: 12px; + } + .marker.coupon { + height: auto; width: auto; top: 10px; right: -3px; padding: 0; background: transparent; overflow: hidden; position: absolute; + b { + display: block; height: 0; width: 0; float: left; border: 14px solid transparent; border-top: 14px solid @accent_colour; + border-bottom: none; border-right: none; float: left; + } + span { + color: @white; font-size: 10px; font-weight: bold; text-transform: uppercase; height: 14px; line-height: 14px; display: block; + padding: 0 4px 0 2px; background: @accent_colour; .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); margin: 0 0 0 14px; + } + } + .marker.video { + position: absolute; left: 50%; top: 50%; background: @white; width: 10px; height: 10px; + b { display: block; width: 0; height: 0; border: 5px solid transparent; border-left: 10px solid @black; border-right: none; } + } + .marker.endorsed_by_me { background: none; padding: 0; right: 0; bottom: -32px; .border_radius(2); background: @white; } + a.thumbnail { + display: block; overflow: hidden; position: relative; text-align: center; + img { position: relative; display: block; margin: auto; } + } + } + div.text { + margin: 3px 0 0; display: block; + a { text-decoration: none; } + a.title { + display: block; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 16px; + white-space: nowrap; height: 16px; overflow: hidden; + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + small { + font-size: 11px; line-height: 13px; color: @grey; display: block; height: 13px; overflow: hidden; white-space: nowrap; + a { font-weight: bold; } + :before { + display: block; height: 32px; width: 20px; content: " "; float: right; right: -15px; top: -8px; + background: @white; position: relative; z-index: 1; .box_shadow(-5, 0, 10, @white); + } + } + } + :hover { + background: @accent_colour; + a.remove { display: block; } + div.thumbnail { + a.marker.remove, a.marker.video { + b { display: inline-block; } + } + a.marker.video { .box_shadow(0, 0, 2, @black); } + } + div.text { + a { color: @white; } + a.title:before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + small { + color: @white * 0.75 + @accent_colour * 0.25; + :before { background: @accent_colour; .box_shadow(-5, 0, 10, @accent_colour); } + } + } + div.footer a { color: @white; } + } + } + > li.ad div.thumbnail a.thumbnail { + width: 130px; height: 97px; + img { width: 100%; height: 100%; } + } + > li.brand div.thumbnail a.thumbnail { + width: 120px; height: 87px; padding: 5px; background: @white; .border_radius(2); + img { max-width: 120px; max-height: 87px; } + } + li.paginate { + margin-bottom: 0; + a { + display: block; position: relative; text-decoration: none; height: 131px; + div.arrow { + background: #81c153 url('/images/button_bg.png') repeat-x left top; border: 1px solid (@accent_colour * 0.75 + @black * 0.25); + height: 44px; .border_radius(99); width: 44px; margin: 0 auto; position: relative; top: 32px; + b { text-indent: -9000px; display: block; border: 10px solid transparent; width: 0; height: 0; position: relative; top: 12px; } + } + div.label { + position: absolute; bottom: 5px; left: 0; right: 0; line-height: 13px; + color: @accent_colour * 0.85 + @black * 0.15; text-decoration: none; + font-weight: bold; font-size: 12px; text-align: center; + } + :hover { + div.arrow { background: #abd56e url('/images/button_bg.png') repeat-x left -44px; } + } + } + :hover { background: transparent; } + } + li.paginate.previous a div b { border-right: 15px solid @white; border-left: none; left: 12px; } + li.paginate.next a div b { border-left: 15px solid @white; border-right: none; left: 16px; } + } + > div.footer { + padding: 9px 10px 10px; background: @light_grey * 0.75 + @white * 0.25; overflow: hidden; + border-top: 1px solid @light_grey; .border_radius_bottom(3); + div.info { + float: left; color: @grey; + strong { color: @black; font-weight: normal; } + } + div.pagination { + float: right; + > * { + display: inline-block; line-height: 1; padding: 0 6px; line-height: 18px; height: 18px; background: @white; + .border_radius(3); text-decoration: none; font-weight: bold; + font-size: 10px; text-transform: uppercase; + } + a { color: @grey; } + a:hover { color: @black; } + span.disabled { color: @light_grey; } + span.current { color: @white; background: @bg; border: none; } + span.current:hover { color: @white; } + } + } +} +div.browse.with_categories { margin: 0 0 0 160px; } +div.browse.with_options > ul { .border_radius_top(0); } +div.browse.with_footer > ul { .border_radius_bottom(0); } +/* Browse List */ +div.browse.list { +> ul { + margin: 0; min-height: 320px; + padding: 10px 0 0 10px; overflow: hidden; + > li { + display: block; list-style: none; margin: 0 10px 10px 0; padding: 5px; + .border_radius(3); position: relative; line-height: normal; + .marker { + position: absolute; padding: 2px; .border_radius(2); + background: url('/images/transparent_backgrounds/white_75.png'); + img { height: 12px; width: 12px; } + } + img.marker { height: 12px; width: 12px; } + span.marker.new { + color: black; left: -5px; top: -5px; background: none; background-color: @white * 0.1 + @yellow * 0.6 + @red * 0.3; line-height: 1; padding: 2px 5px; + font-weight: bold; + } + a.marker.media_type { + display: inline-block; text-decoration: none; top: 39px; left: 8px; + font-size: 10px; + b { font-weight: normal; margin: 0 0 0 2px; line-height: 1; display: none; } + img { vertical-align: middle; } + } + a.thumbnail { + float: left; + width: 68px; display: block; overflow: hidden; + border: 1px solid @light_grey; + :hover { border-color: @accent_colour; } + } + span.title_brand { + display: block; margin: 0 0 2px 75px; + a { margin: 0; display: inline; } + a.brand_name { font-weight: normal; font-size: 12px; } + } + a.ad_title { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + a.brand_name { + font-weight: bold; font-size: 14px; margin: 0 0 0 75px; display: block; + } + small { + display: block; color: @grey; margin: 0 0 0 75px; font-size: 12px; + } + small.brand_name { display: inline; margin: 0; } + ul.chart { + margin: 0 0 0 80px; + height: 39px; + } + ul.networks { + margin: 3px 0 0 75px; padding: 0; overflow: hidden; + li { display: block; float: left; margin: 0 5px 0 0; line-height: 1; } + } + div.points { + display: none; + font-size: 12px; text-align: right; + label { color: @grey; } + } + a.remove { bottom: -3px; right: -3px; } + } + li.ad { + a.thumbnail { height: 51px; } + span.title_brand { + small.brand_name { + display: block; + } + } + } + li.brand { + a.thumbnail { height: 68px; } + } + } +} +div.browse.list.with_options ul { .border_radius_top(0); } +div.browse.list.with_footer ul { .border_radius_bottom(0); } +div.browse.list.cols_2 { + > ul { + > li { + width: 285px; float: left; + :hover { + background: @white; + } + } + } +} +div.browse.ads.list { + > ul { + > li { + height: 53px; + a.thumbnail { + height: 51px; + } + } + } +} +div.browse.brands.list { + > ul { + > li { + height: 68px; + a.thumbnail { + height: 66px; + } + } + } +} + +/* Categories List */ +#categories { + margin: 40px 0 0; width: 160px; float: left; position: relative; z-index: 1; + ul { + margin: 0; padding: 10px 0 0; + li { + list-style: none; margin: 0; padding: 0; font-size: 14px; + a { color: @grey; display: block; padding: 5px 10px 5px 15px; text-decoration: none; .border_radius_left(3); } + a:hover { color: @black; background: @light_grey * 0.15 + @white * 0.85; } + } + .all a { font-weight: bold; } + .current a { + background: @white; color: @black; border: 1px solid (@light_grey * 0.25 + @white * 0.75); border-right: none; border-left: 5px solid @bg; + padding-left: 10px; + } + } +} + +/* Ads > Show */ +#ad { + div.header { + overflow: hidden; + h3 { font-size: 16px; margin: 0 0 3px; } + small { + a.category { font-weight: bold; color: @accent_colour; } + span.networks img { position: relative; top: 3px; } + } + span.brand { + float: right; color: @white; + a.brand_name { font-weight: bold; color: @accent_colour; } + } + } + div.content { + padding: 0; position: relative; + a.toggle_size { + display: block; .border_radius(3); background-color: @black; padding: 0 5px 0 26px; + background-position: 5px center; background-repeat: no-repeat; text-decoration: none; margin: 5px 5px 0 0; + position: absolute; top: 0; right: 0; line-height: 25px; z-index: 45; + } + img.creative { margin: 0 auto; max-width: 540px; display: block; } + object { position: relative; z-index: 44; } + object.video { line-height: 0; font-size: 0; } + object embed { position: relative; z-index: 45; line-height: 0; font-size: 0; } + } + div.content.not_video { + padding: 40px; text-align: center; + * { margin-left: auto; margin-right: auto; } + object.flash { margin-bottom: 0; } + } + div.footer { + padding: 0; + div.vote_views { + padding: 5px 10px; overflow: hidden; + div.share { float: right; margin: 2px 0 0 0; } + #login_register_msg, #encourage_vote_msg { line-height: 22px; font-weight: bold; color: @black; } + } + } +} +#sidebar { + #meta { + table { + margin: 0; + tr:last-child td { padding-bottom: 0; } + td { + padding: 0 0 5px; + ul.networks { + margin: 0; padding: 0; + li { + list-style: none; display: inline; + } + li { + } + } + } + td.label { color: @grey; white-space: nowrap; width: 1%; text-align: right; padding-right: 5px; } + } + } +} + +/* Voting */ +div.voted { + font-size: 12px; line-height: 22px; color: @black; display: inline-block; font-weight: bold; + img { float: left; margin-right: 5px; padding: 3px; .border_radius(3); } +} +#voted_up { + img { background: @colour_positive * 0.66 + @bg * 0.15; } +} +#voted_down { + img { background: @colour_negative * 0.66 + @bg * 0.15; } +} +#encourage_comment { + display: inline-block; line-height: 22px; font-weight: bold; +} +#vote { + overflow: hidden; font-size: 12px; line-height: 22px; color: @black; float: left; + a { + color: @white; font-weight: bold; overflow: hidden; display: block; + width: 16px; text-decoration: none; text-align: center; font-size: 10px; padding: 3px; text-transform: uppercase; + } + a.up { + float: left; background: @colour_positive * 0.66 + @bg * 0.15; .border_radius_left(3); + :hover { background: @colour_positive * 0.85 + @bg * 0.15; } + } + a.down { + float: left; background: @colour_negative * 0.66 + @bg * 0.15; .border_radius_right(3); + margin: 0 5px 0 1px; + :hover { background: @colour_negative * 0.85 + @bg * 0.15; } + } +} +#vote.disabled { + a.up { + background: (@colour_positive * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_positive * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } + a.down { + background: (@colour_negative * 0.66 + @bg * 0.15) * 0.15 + @grey * 0.85; + :hover { background: (@colour_negative * 0.85 + @bg * 0.15) * 0.25 + @grey * 0.75; } + } +} + +/* Panels */ +div.panel { + margin: 0 0 20px; position: relative; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); .border_radius(3); + > div.header { + background: @bg url('/images/panel_header_bg.png') repeat-x top left; border-bottom: 1px solid (@bg * 0.66 + @black * 0.33); + padding: 5px 10px 4px; .border_radius_top(3); min-height: 18px; + h2 { font-size: 16px; margin: 0; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + h3 { color: @white; font-size: 14px; margin: 0; line-height: 18px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); } + small { display: block; font-size: 12px; color: @light_grey * 0.25 + @white * 0.75; } + span.filter { + float: left; display: block; overflow: hidden; position: relative; z-index: 5; + a { + margin: 0 1px 0 0; display: block; float: left; padding: 0 8px; height: 18px; font-weight: bold; font-size: 10px; line-height: 18px; + text-transform: uppercase; background: url('/images/transparent_backgrounds/black_50.png'); color: @light_grey; text-decoration: none; position: relative; z-index: 3; + } + a:first-child { .border_radius_left(2); } + a:last-child { .border_radius_right(2); margin-right: 0; } + a.active { background: @white; color: @black; z-index: 4; } + a:hover { color: @white; } + a.active:hover { color: @black; } + } + + span.filter.dropdown { + margin: 0; position: relative; overflow: visible; + a { + .border_radius(2); background: @white; color: @black; margin: 0; position: relative; padding-right: 25px; + img { float: left; margin: 4px 5px 0 0; } + b.arrow { + float: right; display: block; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid @black; border-bottom: none; + position: absolute; top: 6px; right: 10px; + } + :hover { + background: @accent_colour; color: @white; + b.arrow { border-top: 5px solid @white; } + } + } + + ul { + position: absolute; top: 100%; left: 0; margin: 1px 0 0; padding: 0; background: @white; .border_radius(2); + .box_shadow(0, 1, 1, @black); + li { + list-style: none; display: block; padding: 0; margin: 0; + a { + display: block; height: 18px; line-height: 18px; color: @black; font-size: 10px; text-transform: uppercase; background: transparent; + border-bottom: 1px solid (@light_grey * 0.66 + @white * 0.33); float: none; margin: 0; .border_radius(0); white-space: nowrap; + :hover { background: url('/images/transparent_backgrounds/accent_colour_25.png'); color: @black; } + } + } + li:last-child { + a { border: none; } + } + } + } + span.filter.dropdown.sort { float: left; margin: 0 0 0 10px; } + span.filter.dropdown.localisation { float: left; margin: 0 0 0 10px; } + + a.more { + float: right; color: @white; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); font-size: 14px; font-weight: bold; + position: relative; top: 2px; + :hover { text-decoration: none; } + } + } + > div.content { + background: @white; padding: 10px; + .no_padding { padding: 0; } + } + > div.footer { + background: @light_grey * 0.33 + @white * 0.66; border-top: 1px solid (@light_grey * 0.5 + @white * 0.5); + padding: 4px 10px 5px; .border_radius_bottom(3); + } +} +div.panel.no_footer div.content { .border_radius_bottom(3); } +div.panel.no_header div.content { .border_radius_top(3); } +div.panel.collapsable { + div.header { + cursor: pointer; + b.toggle { float: right; border: 5px solid transparent; border-bottom: 5px solid @white; border-top: none; display: block; width: 0; height: 0; margin: 6px 0 0 0; } + } + div.header:hover { + background-color: @bg * 0.75 + @white * 0.25; + } +} +div.panel.collapsed { + div.header { + border-bottom: none; .border_radius(3); + b.toggle { border-bottom: none; border-top: 5px solid @white; } + } + div.blank { border-bottom: none; .border_radius_bottom(3); } + div.content, div.footer { display: none; } +} + + +/* Sidebar Actions */ +#sidebar { + #actions { + .box_shadow(0, 0, 0, transparent); + div.content { + background: url('/images/transparent_backgrounds/accent_colour_10.png'); text-align: center; + p.endorsement { + margin: 0 0 10px; font-size: 14px; font-weight: bold; + small { font-weight: normal; line-height: inherit; margin: 10px 0 0; } + :last-child { margin: 0; } + } + div.share { margin: 5px 0 0; } + a.button { + font-size: 16px; line-height: normal; height: auto; padding: 5px 10px 5px 35px; font-weight: bold; margin: 0; position: relative; + img { position: absolute; top: 3px; left: 6px; } + } + div.flash.notice { + margin: 10px 0 0; font-size: 22px; + small { font-weight: normal; margin: 0 0 10px; } + } + div.flash.notice.done { margin: 0; } + small { + display: block; margin: 10px 0 0; font-size: 11px; color: #808080; line-height: 12px; + img.favicon { vertical-align: middle; } + } + div.blank { + border: none; background: none; padding: 10px 0 0; border-top: 1px solid (@accent_colour * 0.5 + @white * 0.5); + margin: 10px 0 0; + } + } + } +} + +/* People Lists */ +ul.people { + margin: 0; padding: 10px 0 0 10px; background: @white; + > li { + display: block; margin: 0 10px 10px 0; float: left; padding: 2px; width: 57px; position: relative; + .border_radius(2); background: @white; list-style: none; border: 1px solid (@light_grey * 0.33 + @white * 0.66); + a.avatar { + display: block; width: 59px; height: 59px; overflow: hidden; + img { width: 100%; height: 100%; } + } + a.name { display: block; font-size: 10px; text-align: center; } + :hover { + background: @accent_colour; + a.name { color: @white; } + } + } +} +ul.people.list { + padding: 0; + > li { + margin: 0 0 10px; padding: 0 0 10px; overflow: hidden; float: none; width: auto; .border_radius(0); + border: none; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + span.points { + float: right; display: block; padding: 5px; background: @light_grey * 0.15 + @white * 0.85; line-height: 1; + text-align: center; width: 50px; height: 30px; .border_radius(3); margin: 0 0 0 10px; + strong { display: block; color: @black; font-size: 16px; margin: 2px 0 0; } + label { color: @grey; text-transform: uppercase; font-size: 10px; } + label.long { display: block; } + label.short { display: none; } + } + a.avatar { float: left; width: 40px; height: 40px; } + a.name { font-size: 14px; font-weight: bold; margin: 0 0 0 50px; text-align: left; } + a.name.long { display: inline; } + a.name.short { display: none; } + span.networks { + display: block; margin: 0 0 0 50px; + img.favicon { vertical-align: middle; } + } + :hover { + background: transparent; + a.name { color: @accent_colour * 0.85 + @black * 0.15; } + } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.list.small { + > li { + span.points { + padding: 3px 6px; height: 18px; font-size: 9px; line-height: 17px; width: 60px; + strong { font-size: 12px; margin: 0; display: inline; } + label { font-size: 9px; } + label.long { display: none; } + label.short { display: inline; } + } + a.avatar { width: 24px; height: 24px; } + a.name { display: inline; line-height: 24px; margin: 0 0 0 5px; font-size: 12px; height: 24px; } + a.name.long { display: none; } + a.name.short { display: inline; } + span.networks { display: inline; margin: 0; } + :last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } + } +} +ul.people.tiled { + > li { + width: 28px; padding: 2px; + a.avatar { width: 24px; height: 24px; background: @white; padding: 2px; } + a.name, small, span.networks, span.points { display: none; } + } +} + +/* Comments */ +#comments { + ul { + margin: 0 0 20px; padding: 0; + li { + display: block; list-style: none; padding: 0; margin: 0 0 10px; + span.meta { + margin: 0; overflow: hidden; display: block; + small { font-size: 12px; color: @light_grey; float: right; line-height: 16px; display: inline-block; } + a.avatar { + display: inline-block; height: 16px; width: 16px; position: relative; top: 3px; + img { height: 100%; width: 100%; } + } + a.name { font-weight: bold; line-height: 16px; display: inline-block; } + span.inactive { color: @grey; font-weight: bold; line-height: 16px; display: inline-block; } + } + b.tail { + display: block; width: 0; height: 0; margin: 3px 0 0 10px; border: 5px solid transparent; border-top: none; + border-bottom: 5px solid @white; position: relative; z-index: 2; + } + blockquote { + margin: 0; padding: 10px; .border_radius(3); font-style: normal; background: @white; + color: @dark_grey; .box_shadow(0, 0, 3, @light_grey * 0.66 + @white * 0.33); + } + } + } + form { + margin: 0; + textarea { width: 500px; } + } +} + +/* Sidebar Categories */ +#sidebar { + #categories { + margin: 0 0 20px; + width: auto; + p { margin: 0; } + } +} + +#sidebar { + #ads > ul li, #recommendations > ul li { + width: 81px; + div.thumbnail { + a.thumbnail { height: 60px; width: 81px; } + } + div.text { + a.title { font-size: 11px; height: 14px; line-height: 14px; } + small { display: none; } + } + } + #brands > ul li { + width: 55px; + div.thumbnail { + a.thumbnail { + height: 45px; width: 45px; + img { max-height: 45px; max-width: 45px; } + } + } + div.text { display: none; } + } +} + +/* My Account */ +#accounts_controller { + #top { + #page_title { + #page_options { + a.button.public_profile { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 35px 8px 15px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; right: 15px; border: 6px solid transparent; border-right: none; border-left: 6px solid @white; margin: 0; } + } + a.button.goto_dashboard { + float: right; font-size: 16px; line-height: 1; height: auto; padding: 8px 15px 8px 35px; margin-right: 5px; position: relative; + b.arrow { display: block; height: 0; width: 0; position: absolute; top: 10px; left: 15px; border: 6px solid transparent; border-left: none; border-right: 6px solid @white; margin: 0; } + } + } + } + } + #account_nav { + float: left; width: 200px; margin: 0 20px 0 0; + ul.nav { + margin: 0; padding: 0; + li { + margin: 0 0 5px; display: block; list-style: none; padding: 0; + a { + display: block; height: 30px; text-decoration: none; color: @white; + b { + border: 15px solid transparent; border-right: none; border-left: 10px solid transparent; width: 0; + height: 0; float: right; display: none; + } + span { + .border_radius(3); background: @bg; display: block; + line-height: 30px; padding: 0 10px; font-size: 14px; font-weight: bold; margin: 0 10px 0 0; + } + } + :hover { + a { + color: @white; + b { border-left-color: @bg; display: block; } + span { background: @bg; .border_radius_right(0); } + } + } + } + li.current a { + b { border-left-color: @accent_colour; display: block; } + span { background: @accent_colour; color: @white; .border_radius_right(0); } + } + } + } + #main { + > div { + margin: 0 0 20px; + form { margin: 0; } + } + #profile { + a.avatar { + float: left; display: block; + width: 70px; overflow: hidden; position: relative; text-decoration: none; + img { width: 100%; } + span { + display: block; line-height: 1; padding: 3px; margin: 5px 0 0; color: @white; background: @accent_colour; + .border_radius(3); .text_shadow(1, 1, 0, @grey); + text-align: center; font-size: 10px; font-weight: bold; text-transform: uppercase; + } + } + form { + margin: 0 0 0 90px; + h4 { margin: 10px 0 20px; border-bottom: 1px solid (@light_grey * 0.5 + @white * 0.5); padding: 0; color: @bg; font-size: 16px; } + ul.choices { + li { width: 30%; } + } + div.extra { margin-top: 20px; } + } + } + + #networks { + ul { margin: 0 -10px -10px 0; padding: 0; overflow: hidden; + li:hover + { + background: @light_grey; display: block; float: left; width: 180px; + padding: 10px; margin: 0 10px 10px 0; list-style: none; .border_radius(3); + position: relative; + * { line-height: normal; } + img { vertical-align: middle; float: left; } + .name { font-weight: bold; font-size: 14px; display: block; margin: -2px 0 0 42px; } + small { + font-size: 12px; color: @grey; display: block; margin-left: 42px; + strong { color: @black; font-weight: normal; } + } + :hover { + } + } + li.installed { + background: @white; + border: 2px solid @accent_colour; padding: 8px; + } + li.unavailable { + .name { color: @black; } + :hover { + background: @light_grey; + } + } + li:hover { + background: @light_grey * 0.5 + @white * 0.5; + } + } + } + } +} + +/* Shopping Style Panel */ +#shopping_style { + div.header a.button.small { float: right; } + div.content { + p { + margin: 0 0 10px; + label { text-transform: uppercase; font-size: 11px; display: block; color: @bg; font-weight: bold; } + span { color: @black; } + span.toggle { white-space: nowrap; color: @grey; } + :last-child { margin: 0; } + } + p.more { text-align: left; font-weight: normal; } + p.less { display: none; margin: 0; } + } +} + +/* People Controller */ +#people_controller.index { + #main { + div.panel { + float: left; width: 300px; margin: 0 20px 0 0; + :last-child { margin-right: 0; } + } + } +} +#people_controller.show { + #person_overview, #shopping_style { + a.button.small { + } + } + #content { + #shopping_style { + float: left; width: 240px; margin: 0 20px 0 0; + } + #main { width: 360px; } + } +} + +/* Search Results */ +#search_results { + margin: 0 0 20px; + li { + :hover { + small { color: @white * 0.75 + @accent_colour * 0.25; } + } + } +} +#search { + div.content { + padding: 20px; + form { + margin: 0; float: none; + span.submit_and_options { + display: block; + } + } + p { margin: 0 0 15px; } + h4 { font-weight: normal; margin: 0 0 5px; } + } +} + +/* Recommendations */ +#recommendations { + div.browse { + margin: 0; padding: 0; background: none; + ul { min-height: 0; .border_radius(0); } + } +} + +/* Blank States */ +div.blank { + padding: 20px; background: @bg * 0.05 + @blue * 0.05 + @white * 0.9; position: relative; + border: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); z-index: 1; + h4 { font-size: 18px; margin: 0 0 10px; } + h4:last-child { margin: 0; } + p { font-size: 16px; margin: 0 0 10px; } + p:last-child { margin: 0; } + p.with_list_number.large { + span { margin-left: 48px; display: block; color: @white; } + } + p.earn span { font-size: 22px; color: @white; line-height: 48px; font-weight: bold; } + a { white-space: nowrap; } + a.hide { + position: absolute; top: -5px; right: -5px; display: block; height: 16px; width: 16px; padding: 3px; background: #E7E9F6; .border_radius(99); + } +} + +div.blank.small { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 16px; } + p { margin: 0; } +} +div.blank.tiny { + padding: 10px 20px; + h4 { font-weight: normal; font-size: 14px; } + p { margin: 0; font-size: 12px; } +} +div.blank.rounded { + .border_radius(3); margin: 0 0 20px; +} +div.blank.rounded.bottom { .border_radius_top(0); } +div.blank.with_border_bottom { border-bottom: 1px solid (@bg * 0.1 + @blue * 0.1 + @white * 0.8); } +div.blank.no_border_top { border-top: none; } +div.blank.no_border_bottom { border-bottom: none; } +div.blank.no_side_borders { border-right: none; border-left: none; } +div.panel { + div.blank { + padding: 10px 20px; overflow: hidden; margin: 0; + h4 { font-weight: normal; font-size: 14px; } + p, ul { margin: 0 0 10px; font-size: 12px; } + p:last-child, ul:last-child { margin: 0; } + } +} + +/* Sidebar Browse */ +#sidebar { + div.panel { + div.content.browse { + padding: 0; margin: 0; + > ul { + min-height: 0; .border_radius(0); + > li { + div.thumbnail { + a.thumbnail { padding: 5px; } + img.marker.media_type { top: 48px; left: 8px; } + } + div.footer { + a.title, a.name { font-size: 11px; font-weight: normal; } + } + } + } + } + + div.content.browse.ads > ul > li { + width: 93px; + > div.thumbnail a.thumbnail { width: 83px; height: 62px; } + } + div.content.browse.brands { + .border_radius(3); + > ul { + background: none; + > li { + width: 52px; + > div.thumbnail { + padding: 3px; + a.thumbnail { width: 42px; height: 42px; padding: 2px; } + } + li.active { background: @accent_colour; } + } + } + } + div.footer { + div.info { float: none; } + div.pagination { float: none; margin: 3px 0 0; } + } + } +} + +/* List Numbers */ +label.list_number { + float: left; background: url('/images/transparent_backgrounds/black_15.png'); padding: 2px; width: 24px; height: 24px; display: block; + .border_radius(99); + b { + display: block; font-weight: bold; font-size: 14px; color: @white; background: @accent_colour; height: 20px; width: 20px; line-height: 20px; + text-align: center; .border_radius(99); .text_shadow(1, 1, 0px, (@accent_colour * 0.75 + @black * 0.25)); + border: 2px solid @white; + } +} +label.list_number.large { + padding: 4px; width: 48px; height: 48px; .border_radius(99); position: relative; left: -10px; + b { + font-size: 28px; height: 40px; width: 40px; .border_radius(99); line-height: 40px; + .text_shadow(2, 2, 0px, (@accent_colour * 0.75 + @black * 0.25)); border-width: 4px; + } +} + +/* Dashboard */ +#dashboard_controller { + #ads { + span.filter.state { float: right; } + } + #sidebar { + #shopping_style div.content { + p.less { display: block; } + p.more { display: none; } + } + #influences { + div.header { + padding-bottom: 0; + ul.tabs { + position: relative; top: 1px; z-index: 3; + li { + margin: 0 5px 0 0; + a { + border: none; background: url('/images/transparent_backgrounds/white_75.png'); + :hover { color: @black; } + } + } + li.active { + a { + background: @white; border: none; + :hover { color: @black; } + } + } + } + } + + div.tab_content { + overflow: hidden; padding: 0; + > ul { + padding: 10px 10px 0; max-height: 280px; min-height: 120px; overflow-y: scroll; .border_radius_bottom(3px); + } + } + div.footer { + form { + p { + margin: 0 0 5px; + img.marker { float: right; margin: 5px 0 0 0; } + span.invitee { + line-height: 26px; padding: 3px 3px 0; font-size: 14px; + small { color: @grey; font-size: 12px; } + } + } + p.indent { margin-left: 36px; } + p.submit { margin-top: 10px; } + } + } + } + } + + div.panel.full { + > div.content { + margin: 0; padding: 0; background: none; + ul { + li { + width: 148px; + div.thumbnail { + img.marker.media_type { top: 90px; } + a.thumbnail { width: 138px; height: 104px; } + } + } + } + } + } + #people { + form { + padding: 0 0 5px; + input { width: 225px; float: left; margin: 0 5px 0 0; } + a.button { height: 23px; line-height: 23px; width: 60px; padding: 0; text-align: center; } + } + } +} + +/* Remove Pages Titles when Browsing */ +#ads_controller, #brands_controller { + #page_title { display: none; } +} + +/* Brands > Show */ +#brands_controller.show { + #ads { + div.filters { + h3 { font-size: 16px; margin: 0; } + span.show { float: right; } + span.filter.dropdown.localisation { float: right; margin: 0 0 0 10px; } + span.filter.state { float: right; margin: 0 0 0 10px; } + } + } +} + +/* FAQ */ +#pages_controller.faq { + #answers { + h3 { margin-top: 20px; padding-top: 20px; border-top: 1px solid (@light_grey * 0.75 + @white * 0.25); } + h3.first { margin-top: 0; padding-top: 0; border: none; } + } + #questions { + div.content { + padding: 20px; + ul { + margin: 0; padding: 0; + li { + margin: 0 0 10px; list-style: none; display: block; padding: 0; + a { font-size: 14px; } + } + li:last-child { + margin: 0; + } + } + } + } +} + +/* Person Overview */ +#person_overview { + padding: 20px 10px; position: relative; z-index: 25; + #person { + float: left; width: 620px; + a.avatar { + display: block; float: left; width: 60px; height: 60px; + img { height: 100%; width: 100%; } + } + > div { + margin: 0 0 0 75px; color: @white; font-size: 14px; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + } + div.name { + h2 { + margin: 0 0 5px; display: inline; + a { + font-size: 20px; font-weight: bold; .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + line-height: 1; color: @white; text-decoration: none; + :hover { text-decoration: underline; } + } + a.button.small { + font-size: 10px; + :hover { text-decoration: none; } + } + } + + span.points { + float: right; display: block; padding: 5px 10px; .border_radius(2); text-align: center; background: @white; position: relative; + min-width: 45px; + strong { color: @black; font-weight: bold; font-size: 24px; line-height: 1; display: block; .text_shadow(0, 0, 0, transparent); } + label { font-size: 9px; text-transform: uppercase; color: @grey; display: block; .text_shadow(0, 0, 0, transparent); font-weight: bold; } + } + span.points.with_redeem { + .border_radius_bottom(0); + a.button { + display: block; text-align: center; .border_radius_top(0); font-size: 10px; font-weight: bold; padding: 0; + position: absolute; height: 18px; left: 0; right: 0; bottom: -19px; line-height: 18px; text-transform: uppercase; border: none; + } + } + div.options { margin: 0; } + } + div.meta { + color: @white * 0.66 + @bg * 0.33; + span { color: @white; } + label { color: @white * 0.66 + @bg * 0.33; } + ul.networks { + display: inline; margin: 0; padding: 0; + li { + display: inline; line-height: 1; + img { position: relative; vertical-align: middle; top: -1px; } + } + } + } + + div.extra { + font-size: 12px; margin-top: 20px; margin-bottom: 20px; + span.toggle { + .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + a { font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: @accent_colour; } + b.arrow { display: inline-block; width: 0; height: 0; border: 5px solid transparent; position: relative; top: -2px; } + } + #less_info { + span.toggle { + b.arrow { border-top: 5px solid @accent_colour; border-bottom: 0; } + } + } + #more_info { + span.toggle { + float: right; + b.arrow { border-bottom: 5px solid @accent_colour; border-top: 0; } + } + h4 { + color: @white; margin: 0 0 10px 0; border-bottom: 1px solid (@white * 0.25 + @bg * 0.75); .text_shadow(1, 1, 0, @bg * 0.66 + @black * 0.33); + span { font-size: 12px; } + } + p { + margin: 0 0 5px; + label { display: block; float: left; width: 120px; color: @white * 0.66 + @bg * 0.33; } + span { display: block; margin: 0 0 0 130px; } + } + p:last-child { margin: 0; } + + } + } + div.login { + margin: 0 0 0 75px; + a.button { font-weight: bold; } + } + } +} + +/* Dashboard Nav */ +#dashboard_nav { + position: absolute; bottom: 0; left: 10px; margin: 0; padding: 0; overflow: hidden; + li { + display: block; float: left; margin: 0 5px 0 0; + a { + display: block; height: 28px; padding: 0 10px; line-height: 28px; .border_radius_top(2); + text-decoration: none; color: @white; background: url('/images/transparent_backgrounds/accent_colour_30.png'); font-size: 14px; + font-weight: bold; + :hover { background: url('/images/transparent_backgrounds/accent_colour_45.png'); } + } + } + li.active { + a { + background: @white; color: @black; + :hover { color: @black; } + } + } +} + +/* Dwellometer */ +#dwellometer { + z-index: 45; float: right; .box_shadow(0, 0, 0, transparent); margin: 0; + div.content { + text-align: center; position: relative; + object, object embed { position: relative; z-index: 46; line-height: 0; } + div.title { + position: absolute; bottom: 10px; left: 0; right: 0; z-index: 50; + img { width: 120px; display: block; margin: 0 auto; position: relative; left: -5px; } + } + } +} + +/* Activity Stream */ +#activity { + div.content { + ul.events { + padding: 0; margin: 0 0 -10px; + li { + margin: 0; padding: 10px 0; border-bottom: 1px solid (@light_grey * 0.33 + @white * 0.66); + list-style: none; overflow: hidden; + small.meta { + font-size: 12px; color: @light_grey; float: right; + } + a.button { float: right; margin: 0 0 10px 10px; } + a.avatar, a.logo, a.thumbnail { + height: 32px; display: block; float: left; + img { width: 100%; height: 100%; } + } + a.avatar, a.logo, a.icon { width: 32px; } + a.thumbnail { width: 42px; } + div.symbols { + float: left; overflow: hidden; + b { + display: block; float: left; margin: 10px 5px 0; + img { height: 12px; width: 12px; } + } + b.voted { margin: 10px 3px 0; padding: 2px; .border_radius(2); } + b.voted.for { background: @colour_positive * 0.33 + @white * 0.66; } + b.voted.against { background: @colour_negative * 0.33 + @white * 0.66; } + } + /* Temporarily removed avatar and symbol */ +/* div.symbols a.agent, b { display: none; }*/ + div.description { + font-size: 12px; color: @grey; + a.agent { font-weight: bold; } + } + div.comment { + margin-top: 2px; + b.tail { + display: block; margin: 0 0 0 10px; width: 0; height: 0; border: 5px solid transparent; + border-top: none; border-bottom: 5px solid (@light_grey * 0.25 + @white * 0.75); + } + blockquote { + margin: 0; font-style: normal; color: @dark_grey; + .border_radius(3); background: @light_grey * 0.25 + @white * 0.75; padding: 5px 10px; + span.view_comment { + color: @grey; + } + } + } + div.content { + overflow: hidden; + } + } + li.new_comment.ad, li.endorsed.ad, li.voted { + div.description, div.content { margin-left: 106px; } +/* div.description, div.content { margin-left: 53px; }*/ + } + li.new_comment.brand, li.replied_to, li.endorsed.brand, li.connected, li.sn_setup { + div.description, div.content { margin-left: 96px; } +/* div.description, div.content { margin-left: 43px; }*/ + } + li.replied_to { + div.content { + a.thumbnail, a.logo { margin-top: 7px; } + } + } + li.replied_to.ad { + div.content { + div.comment { margin-left: 52px; } + } + } + li.replied_to.brand { + div.content { + div.comment { margin-left: 42px; } + } + } + li.voted div.description span.action { .border_radius(2); color: @dark_grey; padding: 0 3px; white-space: nowrap; } + li.voted.for div.description span.action { background: @colour_positive * 0.15 + @white * 0.85; } + li.voted.against div.description span.action { background: @colour_negative * 0.15 + @white * 0.85; } + li:first-child { padding-top: 0; } + li:last-child { border-bottom: none; } + li:hover div.content div.comment blockquote span.view_comment { + } + } + } +} + +/* Login/Register Modal */ +#login_register { + div.location_select, + div.location_search { margin-left: 130px; } + h3 { + small { font-size: 14px; font-weight: normal; display: block; color: @grey; text-align: left; margin: 0; display: block; } + } +} + +/* Contact Form in Pages */ +#pages_controller { + #sidebar { + #contact { + margin: 15px 0 0; + form { + label { text-align: left; float: none; width: auto; font-size: 12px; font-weight: bold; line-height: 1; margin: 0 0 5px; } + p.submit.indent { + margin: 0; + span.with_cancel { display: none; } + } + } + } + } +} +