/* -- J3.2 Default override @datel.ee -- Copyright 2014 Reaktiiv Grupp OÜ - Struktuur -- 01 Nullimine -- 02 Body Stiilid, taust, lingid -- 03 Pealkirjad / Headingud -- 04 Üldised klassid -- 05 Wrap ja muud üldised containerid -- 06 Menüüd (NB! Joomla mooduli ID tuleb seada menu1, menu2 jne..) -- 07 Grids -- 08 Komponendi output -- 08.1 Erandid lehtede kaupa -- 09 PRINT -- 10 Modernizr fallbacks -- 11 Error page CSS -- 12 Updates after live - */ @import url("reset.css"); /* ------------- 01 Nullimine ------------------- */ *:focus {outline:none;} /* chrome jaoks */ header, section, footer, aside, nav, main, article, figure {display: block; } /* ------------- 02 Body ja lingid -------------------*/ p {line-height: 16px; margin: 10px 0; } body , td , th { font-family: 'Open Sans',Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 400; color: #222; } body {margin: 0; text-align: left; background: #2d2d2d; } body,html {height:100%;} a:link {text-decoration: underline; color: #222; } a:visited { text-decoration: underline; color: #222; } a:hover { text-decoration: none; color: #222; } a:active { text-decoration: underline; color: #222; } td {vertical-align:top;text-align:left;} sup {font-size: 65%;position: relative;top: -9px;vertical-align: top;} sub {font-size: 65%;position: relative;bottom: -9px;vertical-align: top;} /* ------------- 03 Pealkirjad -------------------*/ h1,h2,h3,h4,h5 { font-family: 'Open Sans',Arial, Helvetica, sans-serif; font-size: 36px; font-weight: 400; line-height: 100%; margin: 0; padding: 0; text-decoration: none; color: #0096aa; } h1 {color:#222222;font-weight:300;font-size:66px;} h2 {font-size:40px;font-weight:400;} h3 {font-size:36px;} h4 {font-size:32px;} h5 {font-size:26px;} h6 {font-size:18px;} .smallerheading h1 {font-size:56px;} /* ------------- 04 General classes -------------------*/ #mobilemenu {display:none;} .fullblock {float: left; position: relative; width: 100%; height:auto;} .container {margin: 0 auto; position: relative; text-align: left;width: 980px;} .sprite {background-image:url("../images/sprite.png");background-repeat:no-repeat;/*background-size:1000px 1000px;*/} .hidden,#menu1 li.item-106,#search label,#menu1 > li > ul > li.item-180,/*#menu1 > li > ul > li.item-192,*/#breadcrumbs .hidden {display:none;} .clear {clear:both;} .dgrey,.tmpl-lahendused .group-item .dgrey {color:#222222;} .dgreen,.tmpl-lahendused .group-item h2.dgreen {color:#0096aa;} .dgreen-bg,.tmpl-lahendused .group-item h2.dgreen-bg {color:#fff;/*background:rgba(0,150,170,0.95);*/background:#0096aa;} /*.tmpl-lahendused .group-item h2.dgreen-bg {font-size:32px;}*/ /*client override */ /*.tmpl-lahendused .group-item h2.dgreen-bg { font-size: 28px; float: right;padding: 8px 20px; }*/ .white-ds,.tmpl-lahendused .group-item .white-ds {color:#fff;text-shadow: 0 0 30px #000000;} .left100 {float:left;width:100%;clear:both;display: block;} .pad20 {padding:0 2%;} .vmiddle {position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);} .title-nudge {margin-top:-11px;margin-left:-4px;} .lines {font-size: 26px; font-weight: 400; line-height: 55px; display: block; float: left; width: 100%; margin: 15px 0;text-transform: uppercase; color: #222; border-top: 2px solid #0096aa; border-bottom: 2px solid #0096aa; } .price,#component p.price {font-weight:300;color:#222;line-height:100%;text-transform: uppercase;font-size:48px;margin:10px 0;} /* .discount {} */ .inner-nudge {margin-left:-2.1%;width:104.2%;} a.btn-green, a.btn-green-inline {background:#0096aa;font-size: 13px; font-weight: 400; line-height: 120%; display: block; float: left; margin-right: 15px; padding: 10px 15px; transition: all .25s ease-in-out;text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; } a.btn-green-inline {float: none;display: inline-block;} /*a.btn-activate-menu {line-height:120%;}*/ a.btn-smallgrey,#datel-related-solutions h4 {font-size: 14px; font-weight: 300; line-height: 100%; display: block; float: left; margin: 0 13px 13px 0; padding: 7px 11px 7px 24px; transition: all .25s ease-in-out; text-align: center; text-decoration: none; color: #fff; background-color: #464542; background-position: 10px -1181px; } a.btn-smallgrey:hover,#datel-related-solutions h4:hover {background-color:#0096aa;color:#fff;} a.btn-white {background-color:#fff;color:#0096aa;} .btn-green:hover {color:#fff;background:#222;} .title-help {font-size:46px;line-height:100%;color:#888789;font-weight:300;} .highlight-green {font-size: 14px; font-weight: 700; display: inline-block; margin: 4% 0 0;padding: 5px 6px; color: #222; background: #0096aa; } a.btn-print {background-color:#0096aa;width:64px;height:64px;color:transparent;display:block;background-position:-950px -107px;border-radius:32px;text-decoration: none;transition:background .25s ease-in-out;} a.btn-print:hover {background-color:#222;} a#item-print {position:absolute;right:0;top:0;} .left49 {float:left;display:block;width:49%;padding-right:1%;} .right49 {float:right;display:block;width:49%;padding-left:1%;} a.nav-circle {background:#0096aa;transition:background .25s ease-in-out;display:inline-block;width:14px;height:14px;border-radius:8px;margin-right:2.5%;} a.nav-circle:hover,a.nav-circle.active {background:#464542;} a.nav-circle.active:hover {background:#0096aa;} li.slogan p { font-size: 30px; font-weight: 300; line-height: 175%; margin: 80px 0 0 0; padding: 15px 10px 0 20px;color: #222; } .item-115 li.slogan p {font-size:24px;} /* ------------- 05 Wrap-------------------*/ #left,#right {height:100%;float:left;position: relative;min-height:900px;} #left {width:230px;background:#222222;overflow:hidden;/*position:fixed;height: 100%;*/} #logo {background:#fff;width:100%;height:112px;position:absolute;z-index:2;} #logo a {display: block; width: 100%; height: 100%; transition: all .25s ease-in-out;text-decoration: none; color: transparent; background-position: 15px 31px; } #logo a:hover {opacity:.8;transform:scale(0.8);} nav,#mainmenu,#mainmenu .moduletable,ul#menu1 {float:left;height: 100%;width:100%;} /* nav {} #mainmenu {} #mainmenu .moduletable {} */ #right {width:80%;max-width:1360px;background:#fff;height:auto;overflow:hidden;/*margin-left:230px;*/} .frontpage #right {background:#222222;} header {position: absolute; top: 0;left: 0; overflow: hidden; width: 100%; height: 56px;background-position:right bottom;z-index:1;} header > div {float: right;} header p,#mod-search-searchword,#mod-search-searchword90 {font-weight:300;color:#fff;margin:0;padding: 0;line-height: 100%;font-size:16px;} #social {margin-right:20px;} #social p,.moduletable_footersocial {float:left;display: block;} #social a,.moduletable_footersocial a { width:35px;height: 35px; border-radius: 70px; background-color:#0096aa;color:transparent;text-decoration: none;font-size:5px;line-height: 35px;text-align: center; background-position:0 -490px; float:left; margin: 17px 22px 0 0; display: block; transition:all .25s ease-in-out; } .moduletable_footersocial p {margin:0;display:inline-block;} .moduletable_footersocial a {background-color:transparent;margin:0;float:none;display:inline-block;} #social p a:hover,.moduletable_footersocial a:hover {background-color:#000;transform:scale(1.2);} #email a {background-position: 8px -484px;} #skype a {background-position: -48px -483px;} #fb a {background-position: -104px -484px;} #sitemap a {background-position: -159px -484px;} #email-footer a {background-position: 8px -484px;color:transparent;} #fb-footer a {background-position: -104px -484px;color:transparent;} #header-info {margin: 18px 90px 0 0;width:545px;text-align: right;} .moduletable_headerinfo,.moduletable_templang {float:right;} .moduletable_templang {float:left;padding-left:11%;} #tmpmenu {float:right;} #tmpmenu li, #tmpmenu li a,#tmpmenu .separator {float:left;display:block;color:#fff;font-weight:300;font-size:16px;} #tmpmenu li:nth-child(1) a {color:#0096aa;font-weight:400;} #tmpmenu li:nth-child(1) a:hover {color:#fff;} #tmpmenu .separator {padding:0 4px;} #tmpmenu li a {text-decoration:none;transition:color .25s ease-in-out;} #tmpmenu li a:hover {color:#0096aa;} #search {width:265px;} #mod-search-searchword,#mod-search-searchword90 { font-family: 'Open Sans', Arial,Helvetica,Sans-serif; width: 90%;margin: 16px 0 0 0; text-transform: capitalize; border: none; outline: none; /*background: transparent; */ /* vana safari jaoks */ background-color:#0096aa !important; -webkit-appearance: none !important; } #search ::-webkit-input-placeholder { color: #fff; padding-top:2px;} #search :-moz-placeholder {opacity: 1; color: #fff; padding-top:1px;} #search ::-moz-placeholder {opacity: 1; color: #fff; padding-top:1px;} #search :-ms-input-placeholder { color: #fff; } #breadcrumbs {position: absolute;left:2%;top:75px;} #breadcrumbs li {float:left;display: block;font-size:13px;} #breadcrumbs li:nth-child(1) {display:none;} #breadcrumbs .divider {display:inline-block;margin:0 5px;} #breadcrumbs li.active span {color:#0096aa;font-size:13px;} #breadcrumbs a {text-decoration:none;font-size:13px;} #breadcrumbs a:hover {color:#0096aa;} /* article#content-top {} */ .moduletable_slider-special-offers {position: relative;margin-bottom:1%;} .slider-lahendused {margin-bottom:13px;} #sldr-offers .bx-wrapper {/*background: #0096aa;*/background: #fff;min-height:200px;} .moduletable_slider-special-offers h3 { font-size: 23px; font-weight: 300; position: absolute; z-index: 1; padding-top: 19px; padding-left: 1.7%; letter-spacing: .42em; text-transform: uppercase; color: #fff; width:505px; height:40px; background-position:0 -976px; } #sldr-offers .bx-wrapper .bx-pager.bx-default-pager a {border-radius:13px;width:13px;height: 13px;margin: 0 6px;} #sldr-offers .bx-wrapper .bx-pager { width:auto; bottom:inherit; left:380px; top:24px; } .moduletable_slider-special-offers h3:after {position: absolute; top: 20px;left: 350px; display: block; width: 20px; height: 20px; content: ' '; background-image: url('../images/sprite.png'); background-repeat: no-repeat; background-position: 0 -884px; } #sldr-offers .contents,#sldr-offers .title-holder,#sldr-offers img { float:left;display:block;text-align: left; position:relative;left:auto;top:auto; } #sldr-offers .contents {font-size:12px;font-weight:400;color:#222;line-height: 18px;padding:1.7%;width:47%;margin-top:4.6%;} #sldr-offers .title-holder {width:25%;margin-top:1.5%;z-index:1;} .slider-lahendused #sldr-offers .title-holder {width:35%;margin-top:1.5%;/*margin-left: 1.5%;*/} .title-holder span {display:block;} .title-holder .title {/*font-size:24px;color:#222;*/font-size:26px;color:#0096aa;font-weight: 700;line-height:100%;} .slider-lahendused .title-holder .title {font-size:30px;} .title-holder .sub-title {font-size:24px;line-height:100%;} .slider-lahendused .title-holder .sub-title {font-size:12px;line-height:16px;padding:3% 0;} .title-holder .price {/*color:#fff;*/font-weight:300;font-size:58px;margin-top:5%;margin-bottom:2%;} .slider-lahendused .title-holder .price {margin:0;position:absolute;right:-40%;top:0;} #sldr-offers img {float:right;max-width:28%;margin-top:2%;} .slider-lahendused #sldr-offers img {position:absolute;right:0;top:8px;margin:0;} /* section#frontpage-content {} */ .bx-wrapper .bx-controls-direction a {background-image: url('../images/sprite.png');} .moduletable_slider-maps .bx-wrapper .bx-controls-direction a {top:37%;} #datel-grid {float:left;width:100%;display: block;clear: both;} .moduletable_datelgrid .col { background-color:#fff;background-size:cover;background-position: center center;margin:0;height:225px;text-decoration:none;overflow:hidden; transition:all .25s ease-in-out; } /* NB! ainult active klassile hover!*/ .moduletable_datelgrid .col.active:hover {/*transform:scale(1.1);box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);z-index:100;*/opacity:.8;} .col h3,.col p {text-align:center;text-decoration: none;font-weight:300;line-height:100%;} .col h3 {color:#0096aa;} .col p {color:#fff;font-size:22px;} /* .col > div {} */ .section .bg-grey,.section .tile-grey,.section .tile-grey2 {background: #3a3b37;} .section .bg-green,.section .tile-green {background:#0096aa;} .tile {position:relative;width:100%;height: 100%;display: table;} .table-cell {display: table-cell;width:100%;height: 100%;vertical-align: middle;text-align: center;} /* grid templates cheat-sheet , classes: in order of appearance - jääb hetkel 6 tile template stiili */ /*.tile-white {}*/ /*nt. "hello welcome" - valgel taustal kirjad tsentris*/ .tile-white h3 {font-size:30px;} .tile-white p,.tile-white-large p {color:#3b3b37;font-weight:400;} .tile-white-large h3 {font-size:82px;} /*.tile-img1 {}*/ /*nt. enamus kaste pilt bg + tekst/peakiri - pilt, heading, text*/ /* .tile-img1 .tile {} */ .tile-img1 .table-cell {vertical-align: top;text-align: left;} .tile-img1 h3,.tile-img1 p {padding:11px 13px;text-align: left;display: inline-block;} .tile-img1 h3 {background:#0096aa;color:#fff;font-size:18px;} .tile-img1 p {background:#222;color:#fff;font-size:14px;margin:0;text-transform: uppercase;} /*.tile-img2 {}*/ /*nt. "getac" - valged teises stiilis tekstid*/ .tile-img2 .table-cell {vertical-align: bottom;text-align: left;} .tile-img2 h3,.tile-img2 p {padding:6px 24px;text-align: left;display: inline-block;} .tile-img2 h3 {color:#fff;font-size:30px;font-weight:700;} .tile-img2 p {color:#fff;font-size:18px;margin:0;font-weight:300;margin-bottom:25px;} /*.tile-green {} */ /*nt. "we offer solutions" - valged kirjad rohelises taustal */ .tile-green h3,.tile-green p {padding:6px 0;} .tile-green h3 {color:#fff;font-size:22px;font-weight:300;} .tile-green p {color:#3b3b37;font-size:46px;font-weight:400;} /* .tile-grey {} nt. "join us facebook" - hallil taustal rohevalged kirjad */ .tile-grey h3,.tile-grey p {padding:10px 0;} .tile-grey h3 {font-size:30px;font-weight:300;margin-bottom: 50%;} .tile-grey p {color:#fff;font-size:42px;font-weight:300;} /* .tile-grey2 {} nt. "datel knows how to ..." - hall taust, pealkiri roheline suur, tekst väike valge */ /* .tile-grey2 .table-cell {} */ .tile-grey2 h3,.tile-grey2 p {padding:10px 24px;} .tile-grey2 h3 {font-size:48px;} .tile-grey2 p {font-size:18px;} /* temp bg data TODO: hiljem vormistada eraldi mooduliks mod_datelgrid*/ #dg-kino {background-image:url(../../../images/grid-frontpage/01-kino.jpg);} #dg-interaktiivnekool {background-image:url(../../../images/grid-frontpage/02-vorgulahendused.jpg);} #dg-projektorid {background-image:url(../../../images/grid-frontpage/03-projektorid.jpg);} #dg-gis {background-image:url(../../../images/grid-frontpage/04-gis3.jpg);} #dg-serverid {background-image:url(../../../images/grid-frontpage/05-serverid2.jpg);} #dg-hooldus {background-image:url(../../../images/grid-frontpage/06-hooldus2.jpg);} #dg-jarelvalve {background-image:url(../../../images/grid-frontpage/07-jarelvalve3.jpg);} #dg-videokonverentsid {background-image:url(../../../images/grid-frontpage/08-videokonverentsid2.jpg);} #dg-datel25 {background-repeat:no-repeat;background-image:url(../../../images/grid-frontpage/datel25.png);background-size:inherit;background-position: 50% 80%;} /* #dg-fibre {background-image:url(../../../images/grid-frontpage/03-fibre.jpg);} #dg-fujitsu {background-image:url(../../../images/grid-frontpage/04-fujitsu.jpg);} #dg-majutus {background-image:url(../../../images/grid-frontpage/05-majutus.jpg);} #dg-getac {background-image:url(../../../images/grid-frontpage/06-getac.jpg);} */ section#main {margin-top:112px;min-height:350px;} .frontpage section#main {display: none;} /* #component {} */ #component ul {padding:10px 0;} #component li {list-style: disc;margin: 0 0 0 20px;line-height:100%;padding:7px 0;} /* section#content-bottom {} */ #datel-map {width: 96%; height: 685px;padding:0 2% 2% 2%;} .moduletable_slider-maps {background:#222;} /*interactive map markers from module*/ a.mapmarker { overflow:hidden;z-index:3;text-decoration:none;position:absolute;width:34px;height:28px; background-position:0 -593px; transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out; } .mimg2 {transform: scale(0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);} .mapmarker span { visibility:hidden;color:#fff;opacity:0; transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-ms-transition:opacity .25s ease-in-out; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); } a.mapmarker:hover span, a.mapmarker.active span { background: none repeat scroll 0 0 #0096aa; color: #fff; display: block; font-size: 12px; left: -55px; line-height: 120%; opacity: 1; padding: 8px; position: absolute; top: 28px; visibility: visible; width: 130px; /*word-wrap:break-word;*/ z-index:5; } a.mapmarker:hover,a.mapmarker.active { background-position:0 -622px; overflow:visible; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); z-index:4; } footer {background:#3b3b37;height:auto;min-height:520px;} #pre-footer { float: left; clear: both; width: 92%;padding: 4%;padding-bottom:0;} .moduletable_footermenu,#menu2 {float:left;width:100%;clear:both;} #footer {float:left;clear:both;width:96%;padding:2%;position:relative;} .center100 {float:left;width:100%;text-align:center;color:#fff;} .center100 p,.center100 a {color:#fff;font-size:12px;} /* #footermenu {} */ #footermenu li {display:inline-block;} #footermenu a {display:block;text-decoration: none;padding:22px 11px;transition:all .25s ease-in-out;} #footermenu a:hover {color:#0096aa;} .moduletable_footertext p {display:inline-block;max-width:52%;} #footer-logo { position: absolute; right: 2%; bottom: 16%; width: 230px; height: 52px; background-position: -371px 0; } section#slogans {display:none;} /* ------------- 06 Menüüd -------------------*/ /* ------------- 06.1 Menu 1 - peamenüü -------------------*/ /* ul#menu1 {} */ .sub-open {margin-left:-171px;} .menutop {margin-top:112px;color:#fff;font-size:20px;line-height: 100%;text-transform: uppercase;font-weight:300;padding:21px 20px 15px 20px;} #menu1 > li {float:left;display: block;width:100%;clear:both;} #menu1 > li:nth-child(2) {margin-top:112px;} #menu1 a,#menu1 li,#menu1 ul,#menu1,#menu1 ul.ul-open {transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;} #menu1 > li > a { display: block;clear:both; font-family:'Open Sans', Arial, Helvetica,sans-serif;color:#0096aa;font-size:16px;padding:20px;text-decoration:none;line-height: 16px; background-position: 180px -67px; } #menu1 > li > a:hover,#menu1 > li.active > a,#menu1 > li:hover > a {background-color:#0096aa;color:#fff;} #menu1 li.item-115 a {background-position: 180px -67px;} #menu1 li.item-107 a {background-position: 180px -121px;} #menu1 li.item-108 a {background-position: 180px -179px;} #menu1 li.item-109 a {background-position: 180px -236px;} #menu1 li.item-110 a {background-position: 180px -292px;} #menu1 li.item-111 a {background-position: 180px -349px;} #menu1 li.item-112 a {background-position: 180px -406px;} /* 2nd level */ #menu1 > li > ul {position: absolute; top: 0; left: 230px; /*display: none;*/ width: 174px;height: 100%; background: #0096aa;z-index:1;} #menu1 ul.ul-open {display:block;left:56px;/*box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);*/} #menu1 ul.ul-open.ul-active {z-index:0;} #menu1 > li > ul > li {float:left;display: block;width:100%;clear:both;} #menu1 > li > ul > li > a { color:#fff;display: block;clear:both; font-size:14px;line-height:14px; padding:15px 20px; text-decoration:none; font-weight:700; } #menu1 > li > ul > li.active > a,#menu1 > li > ul > li > a:hover {background:#fff;color:#222;} /* ------------- 06.1 Menu 2 - alammenüü -------------------*/ #menu2 a {text-decoration:none;} #menu2 > li:nth-child(1) {display:none;} #menu2 > li {float:left;display: block;width:14.28%;} #menu2 > li > a {font-size:16px;color:#fff;text-transform: uppercase;font-weight:400;padding-bottom: 20px;display: block;text-decoration: none;transition:color .25s ease-in-out;} #menu2 > li > a:hover {color:#0096aa;} #menu2 > li > ul li {display: block;} #menu2 > li > ul li a {color:#0096aa;font-size:12px;font-weight:400;line-height:15px;display: block;text-decoration: none;padding: 5px 0;transition:color .25s ease-in-out;} #menu2 > li > ul li a:hover {color:#fff;} /* -- 06.2 Menu 2 - footeris (override) -- */ #pre-footer #menu2 > li > a,#pre-footer #menu2 > li > ul li a:hover {color:#0096aa;} #pre-footer #menu2 > li > ul li a,#pre-footer #menu2 > li > a:hover {color:#fff;} /* ------------- 07 GRIDS ------------- */ /* SECTIONS */ .section { clear: both; margin: 0;padding: 0; } /* COLUMN SETUP */ .col { display: block; float: left; margin: 1% 0 1% 0; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before , .group:after {display: table; content: ''; } .group:after { clear: both; } .group { zoom: 1; /* For IE 6/7 */ } /* GRID OF SIX */ .span_6_of_6 { width: 100%; } .span_5_of_6 { width: 83.33%; } .span_4_of_6 { width: 66.66%; } .span_3_of_6 { width: 50%; } .span_2_of_6 { width: 33.33%; } .span_1_of_6 { width: 16.66%; } /* GRID OF FOUR */ .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 75%; } .span_2_of_4 { width: 50%; } .span_1_of_4 { width: 25%; } /* GRID OF THREE */ .span_3_of_3 { width: 33.33%; } .span_2_of_3 { width: 33.33%; } .span_1_of_3 { width: 33.33%; } /* GRID OF TWO */ .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 50%; } /* ------------- 08 COMPONENT OUTPUT ------------- */ /* view = groups */ #datel-groups {margin-bottom:1%;} .datel-groups-intro h2 {padding:20px 0 15px;} .datel-groups-intro p { font-size: 14px; font-weight: 400; line-height: 22px; text-align: left;color: #222; } /* col count override (client): 19.3.15 */ /*.datel-groups-intro p { font-size: 14px; font-weight: 400; line-height: 18px; text-align: left; text-indent: 2em;color: #222; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }*/ .category-group {position:relative;overflow:hidden;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;margin-bottom:0;text-decoration: none !important} .category-group:hover {opacity:.8;} .category-group:hover .category-group-inner {border-top:2px solid #222;} /* .category-group:hover .readmore {} */ .category-group:nth-child(2n) .category-group-inner {float:right;} .category-group-inner { border-top:2px solid #00a6ac;border-bottom:2px solid #464542;width:98.9%;float:left;display:block;box-sizing:border-box;padding:0 0 0 4%;height:175px; overflow: hidden;position:relative;transition:all .25s ease-in-out; } .group-title {float:left;width:40%;z-index:1;padding-bottom:40px;} .group-manufacturer {font-size:28px;font-weight:700;line-height:100%;display:block;text-shadow: 0 0 10px #FFFFFF;} img.group-manufacturer {padding:0 0 4px 2px;} .group-subtitle {font-size:28px;font-weight:300;text-shadow: 0 0 10px #FFFFFF;line-height:90%;} .group-subtitle strong {font-weight:700;} /*.group-image {display: table-cell; width: 70%; height: 175px; text-align: right; vertical-align: middle; }*/ /*.group-image {position: relative; top: 50%; float: right; width: 60%; transform: translateY(-50%);text-align: right; }*/ .group-image {float: right; width: 60%; text-align: right; } .group-image img {max-width:100%;padding-right:3%;max-height:170px;} .readmore { font-size: 14px; font-weight: 300; line-height: 33px; position: absolute; z-index: 2; bottom: 0; left: 0; width: 155px; height: 33px; padding-left: 13px;text-align: left; text-decoration: none; text-transform: uppercase; color: #fff; background-position: 0 -1090px; transition:all .25s ease-in-out; overflow:hidden; } /* view = group */ #datel-group {padding:2% 0;} #datel-group h1 strong {font-weight:700;} .group-item > *,a.group-item {text-decoration:none;} .group-item:hover {opacity:.8;} .group-item { position:relative;overflow:hidden;transition:all .25s ease-in-out;margin-bottom:0;height:265px; text-decoration:none;border-bottom:1px solid #464542; } .group-item-img { float:left;display:block;width:98%;text-align:center;height:130px;background-position:center center; overflow:hidden;background-repeat:no-repeat;margin:0 1%; background-size:contain; } /*individuaalsed ülekirjutused gruppidele mille thumbnailid ei mahu ära; 20.3.15, sv, TODO: kombineerida üldisemaks - tundub, et "contain" oleks läbivalt parem */ .datel-group-33 .group-item-img, .datel-group-34 .group-item-img, .datel-group-37 .group-item-img, /*tagasiside,kool*/ .datel-group-38 .group-item-img, /*dok.kaamerad,kool*/ .datel-group-39 .group-item-img, /*lauad,kool*/ .datel-group-40 .group-item-img, /*õpitarkvara*/ .datel-group-41 .group-item-img, /*signaalitootlus*/ .datel-group-7 .group-item-img, /*jvc*/ .datel-group-8 .group-item-img, /*projecta manuaalsed*/ .datel-group-9 .group-item-img, /*projecta elektrilised*/ .datel-group-12 .group-item-img, /*raamekraanid*/ .datel-group-14 .group-item-img, /*projecta disain*/ .datel-group-43 .group-item-img, /*jvc kodukino*/ .datel-group-31 .group-item-img, /*kettamassiivid*/ .datel-group-1 .group-item-img, /*´panasonic*/ .datel-group-5 .group-item-img, /*nec*/ .datel-group-10 .group-item-img, /*suured elektrilised ekraanid*/ .datel-group-11 .group-item-img, /*mobiilsed ekraanid*/ .datel-group-13 .group-item-img, /*dry erase ekraanid*/ .datel-group-29 .group-item-img, /*plaatserverid*/ .datel-group-49 .group-item-img, /*kõnekonverents*/ .datel-group-52 .group-item-img, /*wifi*/ .datel-group-53 .group-item-img, /*apple*/ .datel-group-56 .group-item-img, /*getac*/ .uudistooted .group-item-img, /*uudistooted*/ .searchgroup .group-item-img, /*tooteotsing*/ .datel-group-35 .group-item-img {background-size:contain;} .group-item h2 , .group-item p {font-weight: 400; display: block; float: left; width: 96%; margin: 10px 0; padding: 0 2%;text-align: center; color: #222; } .group-item h2 {font-size:23px;margin-top:15px;} .group-item p {font-size:12px;line-height:16px;width:90%;padding:0 5%;} /* TEMPLATES: view = group, tmpl = default */ .tmpl-default .group-item h2 {white-space: nowrap;text-overflow:ellipsis;overflow: hidden;} /*kettamassiivde ja serverite erandid*/ .title2rows .group-item h2 {overflow: visible; white-space: inherit; text-overflow: inherit; line-height: 120%;width:80%;padding:0 10%; } .title2rows .group-item {height:295px;} /*vasakule joondus override */ .tmpl-default .group-item h2 {text-align:left;width:98%;padding:0 2% 0 0;} .tmpl-default .group-item p {text-align: left;width:95%;padding:0 5% 0 0;} .tmpl-default .title2rows .group-item h2 {width:90%;padding:0 10% 0 0;} /* TEMPLATES: view = group, tmpl = lahendused */ #datel-group.tmpl-lahendused {padding:0 0 2%;width:101%;} #datel-group-intro {padding-bottom:1%;} #datel-group-intro-right,#datel-group-intro-left {margin-top:0;} #datel-group-intro h1 {padding: 1% 0;} #datel-group-intro-right img {max-width:99%;float:right;} .datel-group-intro-24 #datel-group-intro-right img {margin-right:2%;} #datel-group-intro-left {width:48%;padding-right:2%;} #datel-group-intro-left ul {padding: 0 0 10px 15px;} #datel-group-intro-left li {font-size:13px;} .tmpl-lahendused .group-item {box-sizing: border-box; height: 270px; margin: 0 0 13px;text-decoration: none; border-right: 13px solid #fff; border-bottom: 0; background-position: center center; background-size: cover; } /* .tmpl-lahendused .group-item:hover {background-position:center bottom;} */ .tmpl-lahendused .group-item h2 {word-break: break-word;font-size: 20px; font-weight: 300; line-height: 120%; width: auto;margin: 0; padding: 11px 15px; text-align: left; color: #fff; } /* view = item */ #datel-item {display: block; float: left; clear: both; width: 100%; /*padding-bottom: 2%;*/ position:relative;} .inner-nudge .pad20 {padding:2%;float:left;display: block;width:96%;} #datel-item-texts {width:35%;margin-right:5%;clear:none;padding:1% 0 2%;position:relative;} #datel-item-properties {display: block; float: left; width: 100%; } #datel-item-properties ul {padding:0 0 20px 0;} #datel-item-properties li {font-size:14px;line-height:120%;} #datel-item-texts p.discount {margin:0;} #datel-item-texts h4.price {margin-top:20px;} #datel-item-texts p {font-size:14px;line-height:22px;} #datel-item-images {width:60%;clear:none;padding:1% 0 2%;margin-top:10px;text-align:center;} a.item-main-img {float:left;width:100%;display:block;clear: both;text-align:center;} .item-main-img img {max-width:100%;max-height:425px;} a.item-thumb-img { display: inline-block; overflow: hidden; width: 30%; height: 160px; padding: 0 1.5%; } a.item-thumb-img img {max-width:100%;max-height:100%;} #datel-item-help {background:#464542;} #datel-item-help .title-help {float:left;display:block;margin-right:45px;} #datel-item-help .pad20 {height:70px;} .moduletable_questions #datel-item-help {padding:2% 0;} .groups-help {margin-top:2%;} #datel-item-innernav {padding-bottom:2%;} #datel-item-innernav a {text-decoration:none;color:#fff;} .innernav {font-weight: 400; margin: 0; padding: 12px 14px; transition: all .25s ease-in-out; text-transform: uppercase; } .innernav:hover {color:#fff;background:#222;} #innernav-prev {float:left;} #innernav-next {float:right;} #datel-item-params {background:#0096aa;} dl.params {float:left;width:100%;display: block;clear: both;} .params dt,.params dd {float:left;display:block;line-height: 120%;padding:0 0 14px 0;} .params dt {width:19.5%;color:#fff;font-size:12px;text-transform: uppercase;font-weight:700;} .params dd {width:80.5%;color:#222;font-size:14px;font-weight:400;} #datel-item-related,#datel-item-similar {padding-bottom: 2%;} #datel-item-related #related-items,#datel-item-similar #similar-items {width:92%;} #datel-item-related h3.lines,#datel-item-similar h3.lines {width:35%;clear:both;float:left;display:block;margin-top:40px;} /* mod = related items & mod = similar items */ a.related-item {text-decoration:none;position:relative;height:230px;overflow:hidden;} .related-item h4 {color:#222;font-weight:400;font-size:23px;text-align:center;width:98%;padding:0 1%;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;} .related-item p {color:#222;font-weight:400;font-size:13px;line-height:16px;text-align: center;width:90%;padding:0 5%;} .related-text {height:70px;} .related-img {width:96%;padding:0 2%;text-align: center;overflow:hidden;height:130px;position:absolute;bottom:0;} .related-img img {max-width:100%;max-height:100%;} /* TEMPLATES: view = item, tmpl = lahendus */ .tmpl-lahendus #datel-item-texts {width:46%;margin-right:4%;clear:none;padding-top:0;} .tmpl-lahendus #datel-item-images {width:50%;clear:none;margin-top:0;padding-top:0;} .tmpl-lahendus #datel-item-gallery,.tmpl-lahendus #datel-item-properties {float:left;display:block;padding-bottom:2%;} .tmpl-lahendus #datel-item-gallery {width:50%;margin-right:1.5%;padding-bottom:0;} .tmpl-lahendus #datel-item-properties {width:48.5%;margin-top:-17px;} .tmpl-lahendus h1 {padding-bottom:20px;} .tmpl-lahendus #datel-item-properties p {font-size:13px;line-height:22px;} .tmpl-lahendus a.item-main-img {text-align:right;} .tmpl-lahendus #datel-item-contains a.related-item {height:130px;} .tmpl-lahendus #datel-item-contains a.related-item h4, .tmpl-lahendus #datel-item-contains a.related-item .related-text {display:none;} .tmpl-lahendus #datel-item-gallery a.item-thumb-img {width:43%;height:auto;padding:0 3% 3% 0;} .tmpl-lahendus #datel-item-gallery a.item-thumb-img img.vmiddle { top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none;-o-transform: none; transform: none; } .lahendus-properties {padding-bottom:21px;} /* TEMPLATES: view = item, tmpl = referents*/ .tmpl-referents .highlight-green,#datel-related-groups-container-norelated .highlight-green {text-transform: uppercase;color:#fff;padding: 7px 8px;margin-top:0;margin-bottom:14px;} .tmpl-referents a.item-main-img,.tmpl-referents #datel-item-images {text-align: left;} .tmpl-referents a.item-thumb-img {width: 31%; height: auto; margin: 1.5% 1.5% 0 0; padding: 0; } .reference-thumbs a:nth-child(3n) {margin-right:0;} /* -- PILDIGA LAHENDUS REFERENTSIDE PUHUL #datel-related-solutions a.related-item {height:auto;width:31%;margin-right:2%;} #datel-related-solutions h4,#datel-related-solutions .related-text {display:none;} #datel-related-solutions .related-img {width:100%;padding:0;height:auto;position:relative;bottom:inherit;} #datel-related-solutions .related-img .vmiddle {top:inherit;transform:none;} #datel-related-solutions .related-img img {max-width:100%;max-height:100%;} */ /* -- PILDITA LAHENDUS -- */ #datel-related-solutions a.related-item {width:auto;height:auto;margin:0;} #datel-related-solutions .related-img,#datel-related-solutions .related-text {display:none;} #datel-related-solutions h4 {overflow:visible;width:auto;text-overflow:inherit;white-space: normal;text-align: left;background-image:url("../images/sprite.png");} .tmpl-referents .circle-link-container {position:absolute;right:0;top:0;} #datel-related-solutions-container-nocategories,#datel-related-groups-container-norelated {padding-top:10px;} .tmpl-referents a#innernav-prev,.tmpl-referents a#innernav-next {color:#222;text-decoration: none;} .tmpl-referents a#innernav-prev:hover,.tmpl-referents a#innernav-next:hover {color:#0096aa;} .tmpl-referents a#innernav-next {margin-right: 20px;padding-right: 36px; padding-left: 0; background-position: -100px -692px; } #datel-related-categories ul {margin:0;padding:0 0 20px 0;} #datel-related-categories li {list-style:none;float:left;display:block;margin:0;padding:0;} #innernav-left,#innernav-right,#innernav-middle {float:left;width:25%;display:block;} #innernav-middle {width:50%;text-align:center;margin-top: 88px;} /* ------------- Joomla Otsing -- */ dl.search-results {float: left; clear: both; margin: 0;padding: 0 0 2%; } dd.result-text {font-size: 13px; font-weight: 400; line-height: 135%; float: left; clear: both; width: 100%; padding: 10px 0 25px; } dt.result-title { font-size: 22px; font-weight: 300; float: left; padding-left: 0; } dt.result-title a {text-decoration:none;transition:all .25s ease-in-out;} dt.result-title a:hover {color:#0096aa;} dd.result-category , dd.result-created { font-size: 12px; float: left; padding-top: 8px; padding-left: 10px; color: #0096aa; } fieldset.phrases , fieldset.only , fieldset.word { display: none; } #component > .contentsearch {float: left; clear: both; width: 100%;margin-top: 5px; } #search-searchword , .contentsearch .btn-toolbar button.btn {font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 14px; float: left; width: 155px;padding: 8px; color: #fff; border: medium none; background: none repeat scroll 0 0 #999; } .contentsearch .btn-toolbar button.btn { display: block; width: 36px;height: 36px; margin-left: 5px; padding: 0; cursor: pointer; background-color: #0096aa; background-image: url('../images/sprite.png'); background-repeat: no-repeat; background-position: -52px -876px; color:transparent; } #searchForm .btn-toolbar { float: left; width: 40%; padding: 0 0 1% 0;} #searchForm .searchintro { float: left; } #searchForm .form-limit { float: right; display:none; /*tmp. lahendus kuniks tuleb agentuurilt otsingutulemuste täpne vaade*/} #searchForm p.counter {font-size: 12px; float: left; clear: both; width: 100%;color: #999; } #searchForm .form-limit select#limit {font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 14px; display: block; float: right; height: 40px; margin-left: 13px; padding: 10px;color: #fff; border: medium none; background-color: #999; background-position: right -250px; } #searchForm .form-limit label { display: block; float: left; margin-top: -6px;padding-top: 13px; padding-right: 10px; } #component .chzn-results li {list-style: none;} .contentsearch .result-created { display: none; } .badge-info { color: #0096aa; } .searchintro.contentsearch p {font-size:14px;} .search h1.page-title {padding-bottom:3%;} /* RAIDO : ettevõttest jaotused -> TODO: ümber kirjutada ja optimeerida!*/ .item-page .content_left {float:left; width:48%; margin-right:20px;} .item-page .content_right {float:left; width:50%;} .item-page .content_info {margin-bottom:35px; padding-left:100px; text-align:left;} .item-page .content_right img{margin:0 0 15px 15px;} .item-page .content_right p{margin:5px 0 0 0;} /* RAIDO: Item view changes */ .tmpl-lahendus #datel-item-properties p img{ float:left; margin-right:5px;} .tmpl-lahendus #datel-item-properties h3{font-size:25px;} .tmpl-lahendus #datel-item-properties h5{font-size: 20px;color: #222222;} /* -- REGULAR CONTENT PAGE SPECIFIC STYLES -- */ .page-header {display:block;} .twocols .page-header {max-width:51%;} .item-page {float:left;width:100%;clear:both;padding:0 0 3% 0;position:relative;} .item-page-left {float:left;width:49%;} /*selector lisatakse kindluse mõttes jqueryga juhul kui client browseril puudub css3 tugi */ .item-image,.pull-right {float:right;width:48%;padding-left:2%;padding-top:6px;} .blog .item-image {width:90%;padding-left:10%;padding-top:0;} .item-page.twocols .item-image {text-align:center;position:absolute;right:0;top:0;} /* ajalugu erand */ .page-166 .item-page.twocols .item-image {position:relative;top:-83px;} .item-image img {max-width:100%;} .item-page .page-header h2,h2 span.subheading-category {font-size:68px; color:#222321; margin-bottom:20px; font-weight: 300;} .item-page img {max-width: 100%; height: auto;} /* .item-page h2 {} */ .item-page h3 {font-size:24px;} /* .item-page h4 {} */ .item-page p,.items-row p,.category-desc p {font-size:14px;line-height:18px;font-weight:400;padding:8px 0;} .category-desc {padding-top:2%;} .category-desc p {padding:0;} #component .item-page li {font-size:14px;line-height:18px;} a#back-btn,.arrownav {font-size: 14px; font-weight: 600; /*display: inline-block;*/ float: left; clear: both;margin:40px 0 10px; padding-top: 47px; padding-bottom: 47px; padding-left: 36px; transition: all .25s ease-in-out; text-decoration: none; color: #222; background-position: 0 -692px; } .arrownav {clear:none;} #back-btn:hover {color:#0096aa;padding-left: 32px;} .item-page table {margin:10px 0;} .item-page td,.item-page th {padding:5px;border-bottom:1px solid #e1e1e1;font-size:14px;line-height:120%;} .item-page th {background:#0096aa;color:#fff;font-weight:600;} .item-page.uudised tr:nth-child(2n+1) td {background:#f9f9f9;} /*override blog_item.php template com_content views alt*/ .article-left {float:left;width:100%;} .width60 {width:60%;} .article-right {float:right;width:40%;} /* -- ETTEVÕTTEST ALAMLEHED -- */ /* -- Tutvustus -- */ .tutvustus h3 {font-weight:300;padding:15px 0;} #component ul.triangles li {font-size:30px; padding: 17px 0 17px 87px; margin: 20px 0;list-style:none;letter-spacing:0.1em;line-height:100%;} li.t-red {background: url('../images/sprite_content.png') no-repeat -47px -418px;} li.t-green {background: url('../images/sprite_content.png') no-repeat -41px -128px;} li.t-blue {background: url('../images/sprite_content.png') no-repeat -43px -270px;} #item-img-bottom {padding-top:10px;text-align: left} /*full width hack*/ #tutvustus-extra {width:200%;} /* -- Ajalugu -- */ table#history {margin:40px 0 20px;} table#history td {font-size:15px;padding:0 3px 23px 0; vertical-align:top;border:none;} .year { font-size: 34px; line-height: 34px; display: block;padding: 4px; text-align: center; color: #fff; background-color: #0096aa; } table#history ul {margin:0;padding:9px 0 0 0;} #component table#history li {line-height: 110%; padding: 2px 0 5px 0; padding-left: 9px; list-style: none; text-indent: -9px; } table#history li:before { content: '• '; color: #0096aa; /* or whatever color you prefer */ } .ajalugu .item-image img{margin-bottom:35px;} /* -- Üldinfo -- */ .yldinfo td {font-size:15px;padding: 6px 13px 3px 0px; vertical-align:middle;border:none;line-height:100%;} .yldinfo h1 {font-size:30px; color:#222321; font-weight:500;} .yldinfo p {font-size: 17px;line-height: 21px;} .yldinfo .content_right {margin-top:-12px;} .yldinfo .content_right .content_info:nth-child(1){background: url('../images/sprite_content.png') no-repeat -47px -408px;} .yldinfo .content_right .content_info:nth-child(2){background: url('../images/sprite_content.png') no-repeat -43px -260px;} .yldinfo .content_right .content_info:nth-child(3){background: url('../images/sprite_content.png') no-repeat -41px -118px;} .content_info table {margin:0;} /* -- Partnerid -- */ table#partnerid {width:100%;clear:both;margin:20px 0;} /* table#partnerid tr.logos td {vertical-align: bottom;padding-bottom:0;} */ table#partnerid tr {height:100%;} table#partnerid td {text-align:left;border:none;padding:0;float:left;width:25%;display:block;position:relative;} table#partnerid a {font-size:18px;color:#222;text-decoration:none;font-weight:400;transition:all .25s ease-in-out;position:absolute;left:0;bottom:4px;} table#partnerid a:hover {color:#0096aa;} table#partnerid img {max-width:100%;padding-bottom:15px;} /* -- Kontaktid -- */ table.contacts {width:100%;} table.contacts td {border:none;float:left;width:22%;padding:0 3% 0 0;text-align: center;} table.contacts td:nth-child(5){clear:left;} table.contacts p { font-size:13px; line-height: 175%;} table.contacts img {max-width: 100%;} .name_blue{color:#0096aa;font-weight:bold;font-size:15px;} .infobar {padding-left: 120px;} .infobar p{line-height: 175%;} .ib-juhatus { background: url('../images/sprite_content.png') no-repeat -49px -404px; } .ib-it {background: url('../images/sprite_content.png') no-repeat -49px -404px;} .ib-esitlus {background: url('../images/sprite_content.png') no-repeat -43px -260px;} .ib-tarkvara {background: url('../images/sprite_content.png') no-repeat -41px -118px;} /* Kuidas valida projektorit */ .item-page .content_right img{margin-bottom: 130px; max-width: 89%;} /* Tuleks üle kirjutada */ .item-page .content_right {text-align: center !important;} /* -- CATEGORY BLOG VAATED -- */ /* -- ÜLDISED STIILID -- */ h2 span.subheading-category {display:block;margin-top:4px;margin-left:-5px;} .blog .row-0 {padding-top:3%;} .items-row {float:left;width:98%;clear:both;padding: 1% 0 3% 0;} .span6 {float:left;width:48%;position:relative;} .blog .span6 {padding-bottom:45px;} .span6:nth-child(2) {float:right;} .items-row h2 {font-size:20px;font-weight:400;color:#0096aa;line-height:28px;} .items-row h2 a {color:#0096aa;text-decoration:none;transition:all .25s ease-in-out;} .items-row h2 a:hover {color:#222;} .items-row p {padding:0;} .items-row .page-header {padding-bottom:10px;} .blog .readmore { font-size: 16px; font-weight: 400; line-height: 30px; position: absolute; bottom: 0; left: 0; float: left; clear: both;height: 30px; margin-top: 20px; padding-left: 10px; text-align: left; text-decoration: underline; text-decoration: none; text-transform: none; color: #fff; background-image: url('../images/sprite.png'); background-position: -34px -1091px; } .blog .readmore a {color:#fff;text-decoration: none;transition:all .25s ease-in-out;} .blog .readmore a:hover {color:#0096aa;} /*TODO: kas antud osa on enam vajalik, cat.blog sai html/com_content kaustast ülekirjutuse 26.03 */ .blog.twocols .item-image {margin:0;position:absolute;right:0;top:0;width:38%;} .blog.twocols .page-header {max-width:60%;} .blog.twocols .item-page-left {width:60%;} dt.article-info-term {display:none;} dd.create,.greydate,dd.published {font-size: 16px; line-height: 100%; display: inline-block; margin: 15px 0 10px; padding: 5px 6px; color: #fff; background: #222; } .blog dd.create,.blog dd.published {display:none;} .item-page.uudised .page-header h2 { font-size: 44px; font-weight: 400; line-height: 120%;margin-bottom: 10px; color: #0096aa; } .item-page.uudised .page-header h2 a {text-decoration:none;color:#0096aa;} /* -- Tööpakkumised -- */ .uudised h3 {font-weight:300;font-size:26px;} .toopakkumised .item-page-left {width:100%;} /* -- Eripakkumised -- */ #component .eripakkumised p.price {font-size:58px;} .eripakkumised .items-row h2 { font-size: 25px; font-weight: 700; line-height: 115%; } .eripakkumised .items-row .page-header {padding-bottom:0;} /* -- DATEL GLOBAL -- */ .datelglobal .item-page-left h2 {font-size:46px;line-height:56px;font-weight:300;padding:10px 0 20px 0;} /* LINK Sprite icon*/ .datelglobal .content-links {position:absolute;right:0;top:-23px;} .twocols .content-links {left:41%;right:inherit;} /* .datelglobal .content-links ul {} */ #component .datelglobal .content-links li {list-style:none;} /* link ringi ja ikooniga */ #component .datelglobal .content-links li.content-links-a a , a.circle-link , .circle-link-container a {display: block; width: 65px; height: 65px; transition: background-color .25s ease-in-out; text-decoration: none; color: transparent; border-radius: 50px; background-color: #0096aa; background-image: url('../images/sprite.png'); background-repeat: no-repeat; background-position: -949px 13px; } #component .datelglobal .content-links li.content-links-a a:hover, a.circle-link:hover,.circle-link-container a:hover {background-color:#222;} /* -- JOOMLA DEFAULT PAGINATION -- */ .pagination {float:left;width:100%;clear:both;display: block;padding:2% 0;} .pagination .counter {display:none;} #component .pagination ul {text-align: center;position:relative;padding:20px 0;} #component .pagination li {list-style:none;margin:0;padding:0;display:inline-block;font-size:46px;vertical-align: middle} #component li.pagination-start, #component li.pagination-end {display:none;} .pagination span.pagenav , .pagination a {font-size: 46px; display: inline-block; margin: 0 3px; padding: 1px 4px; transition: all .25s ease-in-out; text-align: center; text-decoration: none; } .pagination a:hover {background:#0096aa;color:#fff;} .pagination span.pagenav {background-color:#0096aa;color:#fff;} #component li.pagination-next {position:absolute;right:2%;top:0;} #component li.pagination-prev {position:absolute;left:0;top:0;} #component li.pagination-prev a,#component li.pagination-prev span.pagenav, #component li.pagination-next a , #component li.pagination-next span.pagenav {font-size: 14px; font-weight: 600; padding-top: 20px; padding-bottom: 20px; color: #222; background-color: transparent; background-image: url(../images/sprite.png); } #component li.pagination-prev a { padding-left: 46px; background-position: 0 -700px; } #component li.pagination-next a { padding-right: 46px; background-position: -159px -700px; } #component li.pagination-prev span.pagenav {opacity:0;} #component li.pagination-next span.pagenav {opacity:0;} #component li.pagination-next a:hover {color:#0096aa;background-color:transparent;} /* -- 09 > Print -- */ .printonly {display:none;} @media print { .printonly {display:block;} .dontprint,#left,header,#content-bottom,footer,#datel-item-help,#datel-item-similar,#datel-item-innernav {display:none !important;} #right {width:100%;} #datel-item-texts {width:64%;margin:0 1% 0 0;padding:1% 0;} #datel-item-images {width:35%;margin:0;padding:1% 0;} p {font-size:13px !important;line-height:120% !important;} #breadcrumbs {top:0;} section#main {margin-top:30px;} #sldr-offers > * {color:#000 !important;} .params dt, .params dd {width:49%;} } /* -- 10 Modernizr fallbacks -- */ .no-csstransforms .vmiddle {top:12%;} /* -- 11 Error page CSS > ERROR 404 PAGE -- */ #outline {padding:0;margin-top:30px;} #errorboxoutline {/*border: 1px solid #CCCCCC;*/box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);} #errorboxheader {font-size: 24px; line-height: 33px;padding: 14px 0; border-bottom: medium none; background: none repeat scroll 0 0 #0096aa; } #errorboxbody ol,#errorboxbody ul {margin-left:25px;} #errorboxbody li {list-style:square;padding:2px 0;line-height:125%;} #errorboxbody {padding: 30px;} #error-image {padding: 10px;text-align: center;} #errorboxbody a {color: #0096aa;font-size: 16px;font-weight: 600;text-decoration: none;} .error .homelinks li {color:#0096aa;} .error #latest_container {margin:10px 0 20px 0;} #error-logo {display: inline-block; width: 230px;height: 112px; background-position: 15px 31px; } /* -- 12 UPDATES -- */ #menu1 .btn-back a {font-weight: 300; margin-top: 5px; text-transform: uppercase;color: #fff; background-color: #018c9e; } /*#menu1 .btn-back a::before { font-family: Arial,Helvetica,Sans-serif; font-size: 10px; position: relative;top: -1px; display: inline-block; padding-right: 9px; content: '◄'; }*/ #menu1 .btn-back a::before { font-family: Arial,Helvetica,Sans-serif; font-size: 18px; position: relative; top: 1px; display: inline-block; padding-right: 12px; content: '◄'; transform: scaleX(.8); } a.btn-back-small {transition:all .25s ease-in-out;font-family: Arial,Helvetica,Sans-serif; font-size: 11px; position: absolute; top: 112px; right: 0;padding: 4px; text-decoration: none; color: #0096aa; background-color: #fff; } a.btn-back-small:hover {color:#fff;background:#222;} #datel-search-open {float:left;} /* #component ul.arrow-list {} */ #component ul.arrow-list li {transition:all .25s ease-in-out;margin: 0; margin-left: 0; padding: 10px 0 10px 30px;padding-left: 30px; list-style: none;background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: 0 -870px; } #component ul.arrow-list li:hover {background-position: 7px -870px; } #component ul.arrow-list li a {border-bottom: 1px solid #eee; font-size: 22px; font-weight: 300; line-height: 120%; transition: all .25s ease-in-out; text-decoration: none; color: #0096aa; background: #fff; } #component ul.arrow-list li a:hover {color:#222;border-color: #0096aa; } /* -- DATEL30 logo update/tmp override */ #logo > a.sprite { background-image: url(../images/DATEL30.jpg); background-size: contain; background-position: center center; }