@import "reset.css"; /* Basic Elements -------------------------------------*/ html, body { height: 100%; } body { font: 12px/1.4 arial, sans-serif; color: #333; background: url(/images/texture_bg.png) repeat top left transparent; } h1, h2, h3, h4, h5, h6 { line-height: 1.2; } h1 { font-size: 225%; } h2 { font-size: 185%; } h3 { font-size: 160%; } h4 { font-size: 125%; } h5 { font-size: 110%; } h6 { font-size: 100%; } p { line-height: 1.4; margin: 0 0 10px 0; } .tac { text-align: center; } .tal { text-align: left; } .tar { text-align: right; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } input[type="checkbox"], input[type="radio"] { width: auto !important; border: none !important; } object { float: left; clear: both; } br.c { background: none; border: 0; clear: both; display: block; float: none; font-size: 0px; margin: 0; padding: 0; visibility: hidden; width: 0; height: 0; line-height: 0;} /* default links */ a, .a-ui a, .a-ui .a-link, .a-link, .dsq-brlink { text-decoration: none; color: #555; border-bottom: 1px dotted #555; } a:focus, .a-ui a:focus, .a-ui .a-link:focus, .a-link:focus, .dsq-brlink:focus, a:hover, .a-ui a:hover, .a-ui .a-link:hover, .a-link:hover, .dsq-brlink:hover { text-decoration: none; border-bottom: 1px solid #555; } a.a-pager-navigation-image { border-bottom: 0;} .a-ui .a-btn.lite { color: #555; } /* links without border */ h1 a, h2 a, h3 a, a.a-button-link, .a-ui h1 a, .a-ui h2 a, .a-ui h3 a { text-decoration: none; color: #484848; border: none; } h1 a:focus, h2 a:focus, h3 a:focus, a.a-button-link:focus, .a-ui h1 a:focus, .a-ui h2 a:focus, .a-ui h3 a:focus, h1 a:hover, h2 a:hover, h3 a:hover, a.a-button-link:hover, .a-ui h1 a:hover, .a-ui h2 a:hover, .a-ui h3 a:hover, h1 a:active, h2 a:active, h3 a:active, a.a-button-link:active, .a-ui h1 a:active, .a-ui h2 a:active, .a-ui h3 a:active { text-decoration: underline; color: #1C1C1C; border: none; } .flash { &.notice { background-color: #FFF6BF; border: 2px solid #555555; font-size: 14px; margin-bottom: 20px; padding: 10px; } } /* special cases */ #dsq-footer a, #dsq-footer a:focus, #dsq-footer a:hover, .a-ui.a-global-toolbar .the-apostrophe { border-bottom: none; } #dsq-content h3 { display: none; } .container(@units) { width: @units * 80px - 20px; margin-left: 0px; margin-right: 0px; } .grid(@units) { width: @units * 60px + (@units - 1) * 20px; margin-left: 10px; margin-right: 10px; float: left; display: inline; } .alpha { margin-left: 0; } .omega { margin-right: 0; } /* COMMONS */ .shadow { -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.10); box-shadow: 0 0 6px rgba(0, 0, 0, 0.10); } .border-radius-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .border-radius-4 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .border-radius-2 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .border-radius-0 { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .default-bg { background-color: #FFF; border: 1px solid #D9D9D9; } .panel { padding: 10px; .shadow; .default-bg; h2 { font-size: 16px; text-align: center; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 5px; background: url(/images/pan_sep.png) no-repeat bottom center transparent; } h3 { font-size: 12px; text-transform: uppercase; background: url(/images/sep_small.png) no-repeat bottom center transparent; padding-bottom: 10px; margin-bottom: 0px; } ul.default { list-style-type: none; li { list-style-type: none; background: url(/images/sep_small.png) no-repeat bottom center transparent; padding-bottom: 10px; } } } .a-ui div.a-hr, .a-hr { clear: both; margin: 0; padding: 10px 0; width: 300px; height: 5px; border: 0; background: url(/images/sep300.png) no-repeat center center transparent; } .default-table { .panel; margin: 10px 0 20px 0; padding: 0; width: 100%; th { margin: 0; padding: 10px; text-align: left; font-size: 14px; font-weight: bold; .name { width: 50%; } .registration { width: 50%; } } tbody { tr { td { padding: 5px 10px; } &.even { td {background-color: #FFF;}} &.odd { td {background-color: #EEE;}} } } } .pager { a, span { float: left; margin: 0 2px; width: 30px; line-height: 29px; font-size: 13px; text-align: center; background: transparent url(/images/pager.png) no-repeat 0 0; border: none; } a:hover { background-position: 0 -31px; text-decoration: none; } span { /*active*/ background: none; font-weight: bold; } } .default-input { height: 25px; line-height: 25px; border: 1px solid #ccc; text-indent: 5px; } .default-button { padding: 5px 10px; border: 1px solid #AAA; background-color: #FFF; cursor: pointer; } .default-button:hover { border-color: #484848; } .default-form { position: relative;/*ie7 fix - li width*/ width: 580px; padding: 20px; h2 { margin-bottom: 10px; } p { margin-bottom: 10px; font-size: 11px; color: #888888; } ol { margin-bottom: -0.5em; li { position: relative; margin-bottom: 0.5em; padding: 5px 0; padding-left: 32%; /*label width +2%*/ width: 68%; /*ie7 fix*/ list-style-type: none; text-align: right; /*for submin button*/ label { display: block; float: left; margin-left: -48%; /*label width +2%*/ width: 46%; /*label width*/ text-align: right; font-size: 150%; } * html label { position: absolute; left: 0; float: none; } /* ie6 fix */ *:first-child+html label { position: absolute; left: 0; float: none; margin-left: 0; } /* ie7 fix */ .error_list { margin-top: -0.75em; li { padding: 5px 0 5px 32px; list-style-type: none; background: transparent url('/images/warning-ico.png') scroll no-repeat 7px center; text-align: left; } } } } input.textfield, textarea { .default-input(); width: 99%; } textarea { height: auto; } select { .default-input(); text-indent: 0; padding: 3px 3px 3px 0; width: 99.5%; } input.button { .default-button; } } /* default form end */ .single-line-form(@buttonwidth: 27) { .default-form; margin-bottom: 5px; padding: 0; width: auto; input.textfield { float: left; width: 97% - @buttonwidth; height: 28px; line-height: 28px; } input.button { float: right; width: 0.01% + @buttonwidth; } } /* GLOBAL */ .main_bg { background: url(/images/main_bg_winter.jpg) repeat-y center 1306px; transparent; width: 100%; } .head_bg { background: url(/images/head_bg_winter.png) no-repeat top center transparent; width: 100%; min-height: 562px; } .footer_bg { position: relative; background: url(/images/footer_dim_winter.png) repeat transparent; border-top: 1px solid #fff; min-height: 240px; display: block; clear: both; padding: 10px 0 0 0; .contacts { position: absolute; bottom: 0; left: 50%; margin-left: -470px; padding: 8px 23px; width: 301px; height: 29px; font-size: 13px; color: #fff; background: transparent url(/images/footer-citatos-burbulas-juodas.png) no-repeat bottom left; a { color: #fff;} .separator { color: #00b3fd; padding: 0 2px; } } } .a-header { position: relative; clear: both; float: left; margin: 20px 0; width: 100%; .a-logo { float: left; margin-top: 9px; width: 350px; height: 86px; a { display: block; width: 330px; height: 86px; text-align: center; text-indent: -9999px; background: transparent url('/images/bures-lt.png') no-repeat scroll center center; border: none; } } } .a-wrapper { width: 960px; margin: 0 auto; position: relative; clear: both; } .a-footer-wrapper { clear: both; margin-top: 20px; .a-footer { clear: both; width: 960px; margin: 0 auto; padding: 10px 0; .a-area-footer { font-size: 100%; .a-slot-content { ul { /*position: relative; left: -25%; margin: 0 0 0 480px;*/ margin: 0 auto; width: 600px; list-style-type: none; li { float: left; margin: 0 15px; h4 { color: #FFF; } ul { margin: 0 0 16px 0; padding: 5px 0; width: auto; li { float: none; margin: 0; padding: 2px 0; a { color: #fff; border-bottom: 1px dotted #fff;} } } } } } } } } .a-area-header { float: left; width: 50%; } .a-area-logo { float: left; position: relative; z-index: 2; .a-slot { margin: 0; } .a-button-image img { float: left; } } .a-area-footer { position: relative; clear: both; font-size: 11px; color: #999; } .a-search { &.global { clear: both; position: absolute; top: 80px; right: 10px; width: 455px; z-index: 3; form { float: right; height: 25px; border: 1px solid #ccc; -moz-border-radius: 0; input.a-search-field { .default-input(); border: none; width: 209px; } input.a-search-submit { top: 3px; } } &.a-search-sidebar { form { border: 1px inset #ccc; border: 1px inset rgba(0,0,0,0.1); } } } .social { float: left; a { float: left; display: block; border: none; height: 27px; font-size: 14px; color: #fff; padding: 7px 0 0 0; &:hover { text-decoration: none; } span { padding: 0 0 0 4px; } &.rss { background: url(/images/rss_bg.png) no-repeat top left; width: 79px; } &.facebook { background: url(/images/facebook_bg.png) no-repeat top left; width: 129px; } } } } .a-home { .a-content { .grid(12); h1.a-blog-item-title { font-size: 14px; text-transform: uppercase; line-height: 1.5; margin-bottom: 0; background: url(/images/sep_small.png) no-repeat bottom center transparent; padding-bottom: 10px; /*a:hover, a:focus { text-decoration: none; }*/ } .a-blog-item-excerpt-container { margin-bottom: 0px; line-height: 1.8;} .a-blog-read-more { text-align: right; line-height: 2em; /*ie7 fix "skaityti daugiau"*/ width: 100%; /*ie7 fix "daugiau"*/ a { text-transform: uppercase; border: 1px solid #C6C6C6; padding: 3px 5px; font-size: 10px; &:hover, &:focus {text-decoration: none;} } } .header-column-left { .grid(4); .alpha; .a-area { .panel; } } .header-column-center { .grid(4); .a-area { .panel; } } .header-column-right { .grid(4); .omega; .twitter-feed { .panel; h2 { margin: 0 -10px 5px; padding: 0 0 10px; height: 22px; line-height: 22px; background-image: url(/images/kuzdesiai.png); } li.a-feed-item { font-size: 12px; padding-bottom: 13px; margin-bottom: 0px; background: url(/images/sep_small.png) no-repeat bottom center transparent; } } } .a-area-home-ad-button { float: left; display: inline; width: 900px; margin: 20px 20px; } .home-column-left, .home-column-center, .home-column-right { .grid(4); position: relative; padding-top: 24px; .decoration { position: absolute; top: 0; z-index: 100; } .a-area-home-column-left, .a-area-home-column-center, .a-area-home-column-right { .panel; .a-slots { padding-top: 20px; } } .a-area-home-column-left-bottom, .a-area-home-column-center-bottom, .a-area-home-column-right-bottom { margin-top: 20px; } } .home-column-left { .alpha; .decoration { left: 85px; width: 124px; height: 38px; background: url(/images/naujienos.png) no-repeat top center transparent; } .a-area-home-column-left {} .a-area-home-column-left-bottom { } } .home-column-center { .decoration { left: 85px; width: 127px; height: 50px; background: url(/images/diskusijos.png) no-repeat top center transparent; } .a-area-home-column-center { } .a-area-home-column-center-bottom { .jcarousel-wrapper { width: 300px; height: 330px; background: url(/lib/jcarousel/skins/bures/bg.png) no-repeat center; cursor: pointer; } } } .home-column-right { .omega; .decoration { left: 80px; top: 8px; width: 138px; height: 31px; background: url(/images/informacija.png) no-repeat top center transparent; } .a-area-home-column-right { } .a-area-home-column-right-bottom { } ol { margin-bottom: 5px; li { list-style-position: inside; } } } /*kad post-date butu desinej*/ .a-blog-item-title, .post-title { position: relative; padding-right: 40px; /*for post-date*/ width: 240px; .post-date, .post-meta { position: absolute; top: 0; right: 0; text-align: right; } } .post-title { min-height: 2.5em; /*two rows*/ .post-meta { .author { position: relative; top: -3px; } } } .bRiderQuickSearch { /*buriu paieska*/ form { .single-line-form(); } #bRider_search_results { ul { margin-bottom: 5px; padding: 3px 0; height: 80px; overflow-y: scroll; border: 1px solid #D9D9D9; list-style-type: none; li { line-height: 1.5em; padding: 0 5px; } } } } } } .a-blog { .a-subnav-wrapper { .a-subnav-wrapper; .a-subnav-section { &.tags { width: 150px; float: left; clear: none;} &.range { width: 150px; float: left; clear: none;} } .a-calendar { font-size: 18px; .month { h4.title {font-size: 18px;} } } } .a-blog-main { .aRichText { ul { margin-left: 0; margin-bottom: 10px; list-style-type: none; li { background: transparent url(/images/list-minus-ico.png) no-repeat scroll 0 7px; padding-left: 15px; } } } .a-ui { h3.a-blog-filters.browser { border: 0; padding: 0;} } .a-blog-item { float: none; /*ie7 fix*/ &.singleColumnTemplate { width: auto; padding: 20px; margin-bottom: 10px; .shadow; .default-bg; .a-blog-item-content { clear: both; .a-slot { &.aRichText p { line-height: 1.8;} &.aSlideshow { margin-bottom: 10px; } .a-media-video-embed { iframe { float: left; /*ie7 fix*/ } } } } } } } } *:first-child+html .a-blog .a-blog-item-content .a-slot li { list-style-position: inside; } /*ie7 fix*/ .a-blog-admin { &.index { .a-content { .grid(12); } } &.edit { .a-blog-item { float: none; /*ie7 fix*/ &.singleColumnTemplate { width: auto; padding: 20px; margin-bottom: 10px; .shadow; .default-bg; .a-blog-item-content { clear: both; .a-slot { &.aRichText p { line-height: 1.8;} &.aSlideshow { margin-bottom: 10px; } } } } } } } /* ASANDBOX 404 Error Template -------------------------------------*/ .a-error404 .a-area-body { width: auto; float: none; clear: both; } .a-error404 .a-help { font-size: 14px; float: none; clear: both; margin: 0 0 10px 0; width: auto; } /* ASANDBOX Default Template -------------------------------------*/ .a-default .a-content { clear: none; float: left; width: auto; } .a-default .a-area-body { width: 480px; } .a-default .a-area-body .a-slot, .a-default .a-area-sidebar .a-slot { margin-bottom: 20px; } /* ASANDBOX Home Template -------------------------------------*/ .a-home .a-slot:not(:last-child) { margin-bottom: 20px; } .a-area-home-banner { margin-bottom: 20px; clear: both;} .a-area-home-banner .a-slideshow-controls { position: absolute; right: 0; bottom: 0; top: auto; width: 920px; padding: 10px 20px !important; background: rgba(0,0,0,0.25); } .a-area-home-banner .a-slideshow-controls li { float: left; clear: none; line-height: 20px; color: #fff; left: 850px; position: relative; } .a-area-home-banner .a-slideshow-controls .a-slideshow-position { margin: 0 3px;} .a-slideshow { .a-slideshow-item { line-height: 0px; vertical-align: top; } } /*ie8 fix*/ .a-blog ul.a-slideshow-controls { top: 5px; right: 5px; /*override -24px*/ } /* Top Navigation -------------------------------------*/ .a-nav-main { .grid(12); clear: both; margin-bottom: 20px; padding: 0; background-color: #484848; overflow: hidden; .a-nav-item { float: left; display: inline; width: 115px; text-transform: uppercase; &.first {border-left: 0;} &.last {border-right: 0;} &.a-current-page { a { background: transparent url(/images/nav_active.png) no-repeat scroll top center; } } a { float: left; display: inline; border: none; width: 100%; height: 31px; line-height: 31px; text-decoration: none; color: #f4f3f1; font-size:14px; text-align: center; } a:hover { background: transparent url(/images/nav_active.png) no-repeat scroll top center; } } } *:first-child+html .a-nav-main { float: none; } /*ie7 fix*/ /* SUBNAV */ //.a-ui.a-subnav-wrapper { .grid(4); } //.a-ui .a-subnav-inner { width: 300px; padding: 0px;} //.a-admin .a-ui .a-subnav-inner { width: 280px; padding: 10px;} .a-ui.a-subnav-wrapper, .a-subnav-wrapper { /*default*/ .grid(4); .a-subnav-inner { padding: 0; width: 300px; .aRichText { ul { margin-left: 0; margin-bottom: 10px; list-style-type: none; li { background: transparent url(/images/list-minus-ico.png) no-repeat scroll 0 7px; padding-left: 15px; } } } } } .a-ui.a-subnav-wrapper h4 { float: left; width: 100%; display: inline; position: relative; font-size: 14px; margin: 0 0 5px 0;} .a-ui.a-subnav-wrapper.blog .a-blog-filter-options { float: left; width: 100%; clear: both; display: inline; position: relative; line-height: 20px; } .a-ui.a-subnav-wrapper.blog .a-blog-filter-options a, .a-ui.a-subnav-wrapper.media .a-media-filter-options a { float: left; clear: both; display: inline; width: auto; padding: 0 5px; } .a-ui.a-subnav-wrapper .a-btn.a-drag { display: block; position: absolute; right: 0; } .bLocation { .a-subnav-wrapper { .a-subnav-wrapper; #map { .shadow; } .a-subnav-section { &.col1 { width: 80px; float: left; clear: none;} &.col2 { width: 120px; float: left; clear: none;} &.col3 { width: 100px; float: left; clear: none;} } .a-filter-option { &.selected { font-weight: bold;} } .wind-direction { float: left; width: 30px; height: 30px; font-size: 14px; text-align: center; a { color: #666; border: none; } &.base { font-weight: bold; a { color: #000; } } } ul.wind-directions-90 { clear: left; position: relative; margin: 0 0 10px 0; padding: 0; width: 90px; height: 90px; background: transparent url('/images/wind-90-hover.png') no-repeat scroll 0 0; list-style: none; li { position: absolute; a { display: block; height: 100%; border: none; text-indent: -9000px; } a:hover, &.selected a { background: url('/images/wind-90-hover.png') no-repeat scroll 0 0; } &.nw, &.nw.selected { top: 0px; left: 0px; width: 36px; height: 36px; a { background-position: 20px -100px; } } &.n, &.n.selected { top: 0px; left: 34px; width: 22px; height: 45px; a { background-position: center -100px; } } &.ne, &.ne.selected { top: 0px; left: 53px; width: 36px; height: 36px; a { background-position: -73px -100px; } } &.w, &.w.selected { top: 34px; left: 0px; width: 45px; height: 22px; a { background-position: 0px -149px; } } &.e, &.e.selected { top: 34px; left: 45px; width: 45px; height: 22px; a { background-position: -45px -149px; } } &.sw, &.sw.selected { top: 53px; left: 0px; width: 36px; height: 36px; a { background-position: 20px -182px; } } &.s, &.s.selected { top: 45px; left: 34px; width: 22px; height: 45px; a { background-position: center -174px; } } &.se, &.se.selected { top: 53px; left: 53px; width: 36px; height: 36px; a { background-position: -73px -182px; } } } } } .location { .shadow; margin-bottom: 10px; background-color: #FFF; } &.b-location-index { .a-content { .location { padding: 15px 20px 10px 20px; .col-left { float: left; margin-right: 10px; width: 200px; border-right: 1px solid #ccc; } .col-right { float: left; width: 369px; } .location-meta { font-size: 12px; color: #666; } } .map-ico { float: left; width: 45px; height: 44px; margin: 0 10px 0 -11px; padding-right: 10px; border-right: 1px solid #ccc; border-left: 1px solid #fff; /*to cover up grey border on the left*/ border-bottom: none; text-indent: -99999px; background: transparent url('/images/map-ico.png') scroll no-repeat 0 0; } } .a-subnav-wrapper { h3 { margin-top: -5px; } .wind-ico { font-size: 11px; } .kite-ico, .windsurf-ico, .marker-ico { float: left; margin-left: 5px; margin-top: 5px; } .marker-ico { margin-top: 0; } .info-ico { margin-top: -48px; } } /*ico used in location info and in marker info*/ .wind-ico { float: left; margin-right: 20px; padding-left: 46px; /*for ico*/ height: 44px; line-height:44px; font-size:160%; background: transparent url('/images/wind-ico.png') scroll no-repeat left center; } .kite-ico, .windsurf-ico, .marker-ico { float: right; margin-left: 5px; } .marker-ico { margin-top: -5px; } .info-link { clear: right; float: right; /*padding-left: 22px; line-height: 18px; background: transparent url('/images/info-ico.png') scroll no-repeat left center;*/ } } &.b-location { .location { padding: 20px; } } } table { border-collapse: collapse; } .bRider { &.b-rider-index { h2 { text-indent: 10px; } table { .default-table; } .flash { margin-bottom: 10px; } .a-subnav-wrapper { form { .single-line-form(); } } } &.b-rider-registration { .a-content { form { .default-form; .shadow; .default-bg; } } } } .layout-sc { h2 { text-indent: 10px; } .a-subnav-wrapper { .a-subnav-wrapper; } table { .place { width: 30px; } .name {} .points { width: 60px; text-align: right; } } } .bSchool, .shop { font-family: Arial, Helvetica, sans-serif; h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } //, p, ul, ul li p { font-size: 13px; } .a-wrapper { margin-bottom: -100px; /* footer height + padding */ /* for footer to stay at the bottom (ryanfait.com/resources/footer-stick-to-bottom-of-page/) */ min-height: 100%; height: auto !important; /* IE6 fix */ height: 100%; .a-header { .a-logo { float: left; margin-top: 40px; width: 350px; height: 95px; a { display: block; width: 305px; height: 95px; text-align: center; text-indent: -9999px; border: none; } } .a-contacts { float: right; margin-top: 40px; width: 315px; height: 95px; text-align: center; text-indent: -9999px; } } .a-content { width: 960px; margin: 0; } .push { height: 80px; /* footer height + padding */ } } .a-footer-wrapper { .a-footer { position: relative; /*for copyright*/ height: 120px; min-height: 120px; background: transparent url('/images/footer-mokykla.png') no-repeat scroll right bottom; } } .popup { form { .default-form; width: 400px; } } } *:first-child+html .b-school-class-day-container { float: left; display: block; margin-right: 5px; } /*IE7 fix*/ .bSchool { background: url("/images/lang.png") repeat 0 0; .a-wrapper { .a-header { margin: 0px; .a-logo { margin: 0px; a { background: transparent url('/images/bures-lt-mokykla.png') no-repeat scroll center center; } } .a-contacts { margin: 0px 30px 0; background: transparent url('/images/bures-lt-mokykla-kontaktai.png') no-repeat scroll center center; } } #menu { margin-left: 20px; li { border-top: 1px solid #EEE; border-left: 1px solid #EEE; border-right: 1px solid #EEE; display: block; float: left; padding: 5px 10px; margin-top: 10px; margin-right: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; &.active { margin-top: 5px; padding-bottom: 10px; } &.info {background: #ff5200} &.surf {background: #ff9f0d} &.ski {background: #e8720c} a { border: 0; color: #fff; } } } .a-content { .slideshow-wrapper { .grid(12); .shadow; .default-bg; .border-radius-5; margin: 10px; margin-top: 0px; margin-bottom: 20px; .a-area-school-ski-left { .grid(6); margin-top: 10px; .a-slots { padding: 0; .a-slot { padding-bottom: 10px; } } } .a-area-school-ski-right { .grid(6); width: 440px; margin-top: 10px; .a-slots { padding: 0; h3 { padding: 17px 0 35px; } } } .a-area-school-info-left { .grid(6); margin-top: 10px; .a-slots { padding: 0; .a-slot { padding-bottom: 10px; } } } .a-area-school-info-right { .grid(6); width: 440px; margin-top: 10px; .a-slots { padding: 0; h3 { padding: 17px 0 35px; } } } .a-area-school-left { .grid(6); margin-top: 10px; .a-slots { padding: 0; .a-slot { padding-bottom: 10px; } } } .a-area-school-right { .grid(6); width: 440px; margin-top: 10px; .a-slots { padding: 0; h3 { padding: 17px 0 35px; } } } } h2 { clear: left; margin: 20px 10px; padding: 5px 12px; background-color: #294f77; color: #fff; font-size: 1.6em; } .b-school-class-list { clear: both; margin: 10px 0; .b-school-class-wrapper { .grid(4); margin-bottom: 10px; .b-school-class-container { .shadow; .default-bg; .border-radius-5; /*border: 1px solid #294f77;*/ margin: 0 auto; padding: 10px; text-align: center; h3, .b-school-class-description { text-align: center; } .b-school-class-description { margin-top: 2px; color: #353535; font-size: 14px; } .b-school-class-day-container { display: inline-block; margin-top: -5px; margin-bottom: 5px; width: 48px; height: 66px; border: 1px solid #666666; text-align: center; .b-school-class-month { display: block; border-bottom: 1px solid #f0cfcf; background-color: #b60e0e; color: #fff; font-size: 14px; } .b-school-class-day { display: block; color: #191919; font-size: 24px; line-height: 1.2em; } .b-school-class-weekday { display: block; color: #272727; font-size: 12px; line-height: 1.2em; } &.weekend { background-color: #fbffb7; .b-school-class-month { border-bottom-color: #edcf95; } } } .b-school-class-register-link { clear: left; /*ie7 fix*/ &.disabled {visibility: hidden;} a { position: relative; top: 1px; padding-right: 23px; border: none; background: transparent url('/images/link-arrow-ico.png') no-repeat scroll right center; color: #294f77; font-size: 14px; } } .b-school-class-places-left { margin-top: -1px; } } } } } } .a-footer-wrapper { .a-footer { .copyright { position: absolute; right: 60px; bottom: 5px; margin: 0; font-size: 10px; color: #fff; } } } #facebox .content { width: auto; /*ie7 registration form fix*/ } #facebox .close { border-bottom: none; } } *:first-child+html .bSchool .a-wrapper .a-content .slideshow-wrapper { margin-bottom: 0; /*ie7 fix*/} .shop { .a-wrapper { .a-header { padding-bottom: 20px; background: transparent url('/images/sep960.png') no-repeat scroll bottom center; .a-logo { margin-top: 0px; a { background: transparent url('/images/bures-lt-parduotuve.png') no-repeat scroll center center; } } .a-contacts { margin-top: 0px; text-align: left; text-indent: 0; font-family: Helvetica; font-size: 14px; line-height: 1.5em; color: #565656; span { display: block; margin-left: 10px; &.shop-tel { margin-bottom: 6px; padding: 10px 0 15px 5px; background: transparent url('/images/bures-lt-parduotuve-kontaktai-bg.png') no-repeat scroll -10px bottom; font-size: 22px; } &.shop-url { margin-bottom: 1px; padding: 0 2px 1px 2px; width: 110px; background-color: #ffd800; color: #171717; } &.shop-hours {} } } } .a-subnav-wrapper { /*shop*/ .grid(3); .shadow; background: #fff url('/images/bures-lt-parduotuve-kategorijos-bg.png') no-repeat scroll center bottom; .a-subnav-inner { padding: 10px; width: 200px; .shop-subnav-header { margin: -10px -10px 10px -10px; padding: 10px; background-color: #ffd800; .shadow; font-size: 19px; color: #0f0f0f; } ul { margin-left: -10px; li { a { display: block; padding-left: 25px; /*for ico*/ border: none; } a:hover { background: transparent url('/images/list-arrow-ico-lighter.png') no-repeat scroll 1px 5px; text-decoration: none; border: none; } &.active { a, a:hover { background: transparent url('/images/list-arrow-ico.png') no-repeat scroll 1px 5px; border: none; } } } } } } .a-content { .grid(9); .alpha; .omega; width: 720px; .aRichText { ul { margin-left: 0; margin-bottom: 10px; li { background: transparent url(/images/list-minus-ico.png) no-repeat scroll 0 7px; padding-left: 15px; } } } .a-area-shop-left { width: 400px; margin-left: 10px; margin-right: 10px; float: left; } .a-area-shop-right { width: 300px; float: left; } .used-product-tag, .discounted-product-tag { position: absolute; top: -3px; right: -3px; width: 107px; height: 80px; background: transparent url('/images/naudota.png') no-repeat scroll right top; } .used-product-tag { } .discounted-product-tag { background-image: url('/images/akcija.png'); } .product-wrapper { position: relative; .shadow; background-color: #fff; margin: 0 10px; padding: 20px; h1 { margin-bottom: 20px; font-size: 29px; /*font-weight: bold;*/ } .product-info { .grid(3); .alpha; width: 160px; .aSlideshow img { margin-bottom: 10px; } .shop-product-prices { text-align: center; .shop-product-price, .shop-product-discount-price { font-size: 25px; color: #5e5e5e; &.discounted { font-size: 16px; color: #c5c5c5; text-decoration: line-through; } } } } .product-description { .grid(6); .omega; width: 480px; p { margin-bottom: 20px; } ul { margin-bottom: 17px; li { margin-bottom: 3px; } } ul.a-slideshow { /*margin-bottom: 0;*/ li { margin: 0; padding: 0; ul { margin: 0; padding: 0; } } } } } h2 { padding: 10px; } ul { list-style-type: none; /*ie7 fix*/} .shop-product { .grid(3); .shadow; background: #fff; .border-radius-2; position: relative; margin-bottom: 20px; height: 320px; text-align: center; .a-slideshow { padding: 17px; .a-slideshow-item { .a-slideshow-image { display: table-cell; width: 186px; height: 198px; vertical-align: middle; text-align: center; img { display: inline; text-align: center; /*border: 3px solid #a1a1a1; .border-radius-5;*/ } } } } .shop-product-name { position: absolute; top: 237px; left: 0; width: 100%; font-size: 16px; color: #0f0f0f; a { display: block; padding: 0 17px; border-bottom: none;; } a:focus, a:hover {border-bottom: none; text-decoration: underline;} } .shop-product-price, .shop-product-discount-price { position: absolute; left: 0; width: 100%; } .shop-product-price, .shop-product-discount-price { bottom: 22px; font-size: 16px; color: #5e5e5e; &.discounted { bottom: 0; font-size: 14px; color: #c5c5c5; text-decoration: line-through; margin-bottom: 6px; } } } } } .a-footer-wrapper { background: transparent url('/images/sep960.png') no-repeat scroll top center; .a-footer { background: transparent url('/images/footer-citatos-burbulas.png') no-repeat scroll right bottom; .copyright { position: absolute; bottom: 0px; width: 100%; font-size: 13px; color: #363636; text-align: center; } .contacts { position: absolute; right: 0px; bottom: 15px; width: 240px; padding: 0 30px; font-family: Helvetica; font-size: 10px; span { float: left; color: #0f0f0f; } .shop-tel { font-size: 20px; margin-right: 15px; } .shop-hours { white-space: nowrap; /*ie7 fix*/ } } } } } *:first-child+html .shop .a-subnav-wrapper { border: 1px solid #D9D9D9; margin-right: 8px; } /*ie7 fix*/ *:first-child+html .shop .a-content .shop-product { border: 1px solid #D9D9D9; margin-left: 9px; margin-right: 9px; } /*ie7 fix*/ ul.a-slot-controls { /*margin-bottom: 0;*/ li { margin: 0; padding: 0; background: none; } } .a-search-results-container { h2 { text-indent: 10px; } .a-search-results { .panel; padding: 20px; margin-top: 10px; } } .b-meet-up { .a-content { .content-wrapper { .shadow; .default-bg; padding: 20px; #map { margin: 10px 0; } .b-meet-up-list { padding-top: 5px; .b-meetup { clear: both; padding: 5px 0; &.canceled { h3, div {text-decoration: line-through;}} .b-meetup-left { float: left; margin-right: 10px; padding: 0 10px 5px 0; width: 190px; border-right: 1px solid #ccc; h3 { line-height: 1.35em; } } .b-meetup-right { float: left; width: 360px; padding-top: 7px; } } } } form { .default-form; .shadow; .default-bg; #b_meetup_date_year, #b_meetup_date_month, #b_meetup_date_day { width: auto; margin: 0 2px; } #b_meetup_date_year { margin-left: 0; } #b_meetup_date_month {} #b_meetup_date_day {} .ui-datepicker-trigger { margin-left: 4px; padding: 2px 3px 1px; } } } .a-subnav-wrapper { .a-subnav-wrapper; .a-subnav-inner { padding: 20px 0; form { .single-line-form(27); } } } } *:first-child+html .b-meet-up .a-content form .ui-datepicker-trigger { position: relative; top: -2px; padding-top: 0; padding-bottom: 0; line-height: 13px; } /* Breadcrumb Navigation -------------------------------------*/ #a-breadcrumb-component { float: left; width: 100%; font-size: 18px; margin: 0 0 20px 0; list-style: none; padding: 0; } #a-breadcrumb-component li { float: left; margin-right: 5px; } /* Blog Templates -------------------------------------*/ .a-ui .a-area-blog-heading { margin: 0 0 10px 0; } .a-blog-item-meta { float: left; font-size: 11px; color: #888; } .a-blog-item-meta li a.a-btn { font-size: 11px;} *:first-child+html .a-blog-item-content { clear: both; margin-top: -20px; } .post .a-blog-item-meta li { float: left; padding-right: 5px; margin-right: 5px; border-right: 1px solid #ddd; } .post .a-blog-item-meta li:last-child { border-right: none; margin-right: 0;} .event .a-blog-item-meta { width: auto; margin: 0 40px 0 0; list-style: none; list-style-position: outside;} .event .a-blog-item-meta li { float: left; clear: both; line-height: 20px; } .event .a-blog-item-meta .post-extra { margin-top: 0px; clear: both;} .a-blog-main hr { float: left; width: 100%; margin:10px 0; height: 1px; border: none; background: #ddd; background: rgba(0,0,0,0.125); color: #ddd; /*ie7 fix*/ color: rgba(0,0,0,0.125); /*ie7 fix*/ } .addthis_toolbox { float:left; width: auto; clear: both; padding: 5px; background: #fff; .border-radius-4; } .aEvent .addthis_toolbox { margin-left: 140px; font-size: 11px; color: #999; } .aEvent { &.index { .a-content { .grid(8); } .a-blog-item.event { .grid(2); &.first { .alpha; } &.last { .omega; } } } } /* Events Calendar -------------------------------------*/ .a-calendar th.day { color: #000; background: rgba(255,255,255,0.25); } .a-calendar .day a, .a-calendar .day span { .border-radius-2; } .a-calendar .day span { color: #666; } .a-calendar .day a { color: #000; border-bottom: none; } .a-calendar .day a.icon { border-bottom: none; } .a-calendar .day.today a, .a-calendar .day.today span { border: 1px solid #999; } .a-calendar .day.selected a { background: #000; color: #fff; /*color: #f4f3f1; background: rgba(255,255,255,0.25);*/ } .a-calendar .day a:hover { text-decoration: none; background: #000; color: #fff; } .a-calendar .day.not-current-month { opacity: 0.35; } .a-calendar .a-calendar-today { background-color: #ddd; border-bottom: none; border-radius-2; } .a-calendar .a-calendar-today:hover { background-color: #999; border-bottom: none; color: #222; } .a-calendar a.icon, .a-calendar a.icon:hover, .a-calendar a.icon:focus { border-bottom: none; } .b-calendar-event { position: relative; .grid(3); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.50); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.50); box-shadow: 0 0 6px rgba(0, 0, 0, 0.50); margin: 0 4px 20px 20px; width: 180px; height: 252px; border: 1px solid #989898; background-color: #fff; text-align: center; .b-calendar-month { color: #ffffff; font-size: 16px; line-height: 26px; border-bottom: 1px solid #a50f0f; background-color: #c80000; } .b-calendar-day { color: #302f2f; font-size: 100px; line-height: 1em; padding-top: 15px; } .b-calendar-weekday { color: #302f2f; font-size: 15px; line-height: 1.2em; margin-top: -3px; margin-bottom: 15px; } .b-calendar-title { display: table-cell; padding: 0 10px 0 10px; width: 160px; height: 62px; vertical-align: middle; background: #ededed url('/images/cal_info_top.png') repeat-x scroll top center; a { position: relative; top: 2px; color: #202020; font-size: 14px; line-height: 15px; border-bottom: 1px solid transparent; } a:focus, a:hover {border-bottom-color: #555;/*same as default*/} } .b-calendar-place { color: #797676; font-size: 11px; line-height: 1em; background-color: #ededed; padding-bottom: 7px; } } *:first-child+html .b-calendar-event .b-calendar-title a { position: static; display: inline-block; margin-top: 6px; line-height: 17px; } /*ie7 fix*/ /* ASANDBOX aRichtext Slot -------------------------------------*/ .a-slot.aRichText .a-slot-content p { margin-bottom: 10px; } /* ASANDBOX aSlideshow Slot -- Compact Variant -------------------------------------*/ .a-slot.aSlideshow.compact { margin-top: 0; } .a-slot.aSlideshow.compact ul.a-slideshow-controls { position:absolute; top: auto; left: auto; bottom:0; right:0; margin: 0; width:100%; z-index:888; min-height: 30px; height: auto; } .a-slot.aSlideshow.compact ul.a-slideshow-controls li { height: 30px; width: 30px; margin: 0 5px; background-position: 0 0; } .a-slot.aSlideshow.compact ul.a-slideshow-controls .a-arrow-left { background-image: url(/apostrophePlugin/images/a-icon-arrow-left-thin-alt.png); position: absolute; top: 0; right: 30px; } .a-slot.aSlideshow.compact ul.a-slideshow-controls .a-arrow-right { background-image: url(/apostrophePlugin/images/a-icon-arrow-right-thin-alt.png); float: right; } .a-slot.aSlideshow.compact ul.a-slideshow-controls .a-arrow-left:hover, .a-slot.aSlideshow.compact ul.a-slideshow-controls .a-arrow-right:hover { background-position: 0 -30px !important; } .a-slot.aSlideshow.compact .a-slideshow-title { position: absolute; top: auto; left: 0; right: 0; bottom: 0; color: #fff; font-size: 11px; background: rgba(0,0,0,0.35); width: auto; float: none; } .a-slot.aSlideshow.compact .a-slideshow-title span { float: left; padding: 8px 70px 8px 8px; } /* ASANDBOX aSlideshow Autoplay Variant ------------------------------------------- */ .a-slot.aSlideshow.autoplay .a-slideshow-title { position: absolute; bottom: 0; left: 0; width: 184px; padding: 8px; margin: 0; color: #fff; font-size: 11px; line-height: 1.3; background: rgb(0,0,0); background: rgba(0, 0, 0, 0.35); } /* ASANDBOX aButton Title Over Image Variant ------------------------------------------- */ .a-slot.aButton.useTitleAsButtonText .a-button .a-button-title { position: absolute; top: 0; left: 0; top: 50%; left: 0; line-height: 20px; margin-top: -10px; } .a-slot.aButton.useTitleAsButtonText .a-button .a-button-title a, .a-slot.aButton.useTitleAsButtonText .a-button .a-button-title a:hover { position: absolute; float: left; text-align: center; text-decoration: none; width: 100%; height: 100%; font-size: 16px; color: #fff; white-space: nowrap; text-shadow: 0 0 6px rgba(0,0,0,0.80); } /* ASANDBOX Search Results ------------------------------------------- */ .a-search-results-container, .a-search-results-count, .a-search-results, .result-title, .result-url, .result-summary { float: left; width: 100%; clear: both; } .a-search-results-count { margin: 10px 0; } .result-title { font-size: 14px; margin-bottom: 5px; } .result-url { font-size: 11px; margin-top: 5px; margin-bottom: 15px; color: #666; } /* ASANDBOX Signin Form http://tld/login -------------------------------------*/ .sfguard-signin .a-content { width: 100%; } .a-signin.page { border-radius-4; background-color: #EFEFEF; border: 1px solid #DDDDDD; .shadow; width: 225px; } .a-signin { float: left; position: relative; display: block; clear: both; margin: 20px auto; } .a-signin form { } .a-signin label { display: block; width: 100% !important; float: none; font-size: 16px; width: auto; margin-bottom: 2px; } .a-signin .a-form-row input[type="text"], .a-signin .a-form-row input[type="password"] { width: 175px; padding: 4px; } .a-signin .a-form-row { float: none; width: auto; clear: both; display: block; margin: 20px 20px -10px; } .a-signin .a-form-row.submit { margin: 30px 20px 20px } .a-signin .a-forgot-password { display: block; font-size: 11px; margin: -10px 20px 10px; float: left; color: #999; } .a-signin.forgot .message { width: 440px; } .a-signin.forgot .help { margin: 5px 0 0;} .a-signin.page .a-form-row .a-btn { width: 185px; } /* ASANDBOX Staging - Do Not Edit Message ------------------------------------------- */ .a-do-not-edit { background: #f22; padding: 10px; } .a-do-not-edit div { overflow: hidden; margin: 0 auto; width: 960px; color: #fff; font-size: 16px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.45); } .a-do-not-edit a { color: #fff; text-decoration: underline; } .a-do-not-edit strong { font-weight: bold; } .a-area-featured-article-left, .a-area-featured-article-right { .inner_container(4); .c_stroke; } .a-content { .grid(8); margin-bottom: 30px; } .a-ui.a-subnav-wrapper { margin-bottom: 30px; } .a-subnav-wrapper { margin-bottom: 30px; } .no-subnav .a-content { .grid(12); } .blog-category-wrapper h2 { padding-bottom: 3px; border-bottom: 3px solid #eee; } .ui-timepicker-trigger, .ui-datepicker-trigger { float: none; } .a-admin .a-content, .a-admin-content { .grid(8); } .a-ui.a-admin-header { .grid(12); } .a-ui.a-subnav-wrapper.a-admin-sidebar { margin: 0 10px; width: auto; border: 0; -moz-border-radius: 0; -moz-box-shadow: 0; .a-subnav-inner { padding: 10px; width: 280px; } } .a-blog .a-controls.a-blog-post-controls { left: auto; right: 10px; top: 10px; z-index: 1000; } .a-blog .a-content { .grid(8); } /* SHOP */ body.shop .a-content { .sheet; .grid(9); } body.shop .a-subnav-wrapper { .grid(3); } body.shop .a-subnav-wrapper .a-subnav-inner { width: 200px; } body.shop .a-subnav-wrapper .a-subnav-inner ul li { font-size: 15px; } body.shop .a-subnav-wrapper .a-subnav-inner ul li ul { margin-left: 10px; } .product-info-column { } /* ADMIN */ .b-locations.alt > .icon { background-image: url("/images/b-icon-locations.png"); }