/* Theme Name: SIRUBA Author: ivosim Author URI: www.ivosim.com */ @import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700&subset=cyrillic,cyrillic-ext'); body { background: #fff url("images/background.png") top left repeat; } #wrapper{ min-width:100%; position:absolute; } .wrapper { display: block; width:980px; margin:0px auto; } #delimiter { clear: both; } /* ------------------------------------------ h1, h2, h3 and other ------------------------------------------ */ #logo{ width: 314px; height: 92px; position: absolute; float: left; background: url("images/logo.png") center center no-repeat; margin: 20px 0 0 5px; /* Hide the text. */ text-indent: 100%; white-space: nowrap; overflow: hidden;} #texttitle { font-weight:700; font-size: 14pt; text-transform: uppercase; color: #fff; position: absolute; top: 380px; left: 26%;} h1 {font-family: 'Comfortaa', cursive; font-weight: bold; color: #f15524; font-size: 12pt !important; font-weight:700; line-height: 24px;} #content h2 {font-family: 'Comfortaa', cursive; color: #f15524; font-size: 12pt; font-weight:700; line-height: 24px;} h3 {font-family: 'Comfortaa', cursive; color: #f15524; font-size: 12pt !important; font-weight:700; line-height: 24px;} /* ------------------------------------------ Header ------------------------------------------ */ #header {height: 170px; border-bottom: 3px black solid; } #headermenu { height: 135px; background-color: #f15524; } #slidebar { background: #f15524 url("images/slidecolor.png") top left repeat-x;} #slidebar img {margin: 0 auto; display: block;} #slidebarproducts { width: 100%; background: #f15524 url("images/slidecolorproducts.png") top left repeat-x;} #slidebarproducts img {margin: 0 auto; display: block;} .google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden;} .google-maps iframe { position: absolute; top: 0; left: 0; width: 260px !important; height: 260px !important;} /* ------------------------------------------ Top Bar Page / white with orange text ------------------------------------------ */ #topbar { height: 35px; background-color: white; } #topbarleft {float: left; padding: 8px;} #topbarleft a {color: #f15524; font-size: 9pt; font-weight: bold; text-decoration: none; text-transform: uppercase; margin-right: 20px;} #topbarleft a:hover {color: #111;} .topbarbg {padding-left:30px; background: transparent url("images/lang_ico/BG.gif") no-repeat 0px ;} .topbaren {padding-left:30px; background: transparent url("images/lang_ico/EN.gif") no-repeat 0px ;} .topbarde {padding-left:30px; background: transparent url("images/lang_ico/DE.gif") no-repeat 0px ;} #topbarright {float: right; padding-top: 7px;} #topbarright a {color: #f15524; font-size: 10pt; font-weight: bold; text-decoration: none; text-transform: uppercase; float:left; padding-left: 40px;} #topbarright a:hover {color: #111;} .topbarmobile {background: transparent url("images/mobileicon.png") no-repeat 17px -6px;} .topbarphone {background: transparent url("images/phoneicon.png") no-repeat 15px -6px;} .topbarmail {background: transparent url("images/mailicon.png") no-repeat 15px -6px;} /* ------------------------------------------ Menu ------------------------------------------ */ #menu { font-family: 'Comfortaa', cursive; font-weight:700; font-size: 10pt; text-transform: uppercase; float: right; margin-top: 65px; } #menu a { color: #fff; padding: 14px 10px; text-decoration: none;} #menu li { float: left; display: block;} #menu li a:hover { color:#111; background-color: #fff; border-radius: 8px; } #menu li.active a { color:#111;} #menu li ul { position:fixed; display: none; } #menu li ul li { clear: both; padding: 30px 0 0 0; } #menu li ul li a { color:#111; background-color: #fff; border-radius: 8px; } #menu li ul li a:hover { color:#fff; background-color: #111; border-radius: 8px; } #menu li:hover > ul { display: block} #menu-homepagemenu li > a { width: 264px; height: 150px; margin: 10px; padding: 20px; background-color: white; border:1px #ececec solid; float: left; display: block; } #menu-homepagemenu a {font-family: 'Comfortaa', cursive; text-align: center; font-size: 11pt; color: #f05424; text-decoration: none;} .tab-1 a { background: transparent url("images/tab/tab1.jpg") no-repeat 80px 60px; } .tab-2 a { background: transparent url("images/tab/tab2.jpg") no-repeat 80px 60px; } .tab-3 a { background: transparent url("images/tab/tab3.jpg") no-repeat 80px 60px; } .tab-4 a { background: transparent url("images/tab/tab4.jpg") no-repeat 80px 60px; } .tab-5 a { background: transparent url("images/tab/tab5.jpg") no-repeat 80px 60px; } .tab-6 a { background: transparent url("images/tab/tab6.jpg") no-repeat 80px 60px; } .tab-7 a { background: transparent url("images/tab/tab7.jpg") no-repeat 80px 60px; } .tab-8 a { background: transparent url("images/tab/tab8.jpg") no-repeat 80px 60px; } .tab-9 a { background: transparent url("images/tab/tab9.jpg") no-repeat 80px 60px; } .tab-10 a { background: transparent url("images/tab/tab10.jpg") no-repeat 80px 60px; } .tab-11 a { background: transparent url("images/tab/tab11.jpg") no-repeat 80px 60px; } .tab-12 a { background: transparent url("images/tab/tab12.jpg") no-repeat 80px 60px; } .tab-13 a { background: transparent url("images/tab/tab13.jpg") no-repeat 80px 60px; } #leftmenu { width: 260px; padding: 18px; background-color: white; border:1px #ececec solid; float: left; font-family: 'Comfortaa', cursive; font-size: 9pt; font-weight:700; } #leftmenu li {padding: 5px 0; text-transform: uppercase; } #leftmenu li a { text-decoration: none; color: #111; } #leftmenu li a:hover { color: #f15524; } #leftmenu li ul a {padding-left: 20px; color: #C6C6C6;} #leftmenu li.active > ul {display: block;} #leftmenu li ul {display: none;} /* ------------------------------------------ Content ------------------------------------------ */ #main {margin: 10px; min-height: 300px;} #content { width: 610px; padding: 20px; background-color: white; border:1px #ececec solid; float: left; font-family: 'Comfortaa', cursive; font-size: 9pt;} #contenthome { width: 610px; height: 400px; padding: 20px; background-color: white; border:1px #ececec solid; float: left; font-family: 'Comfortaa', cursive; font-size: 9pt;} #sidebar { width: 260px; padding: 18px; background-color: white; border:1px #ececec solid; float: right; font-family: 'Comfortaa', cursive; font-size: 9pt; } #sidebarhome { width: 260px; height: 404px; padding: 18px; background-color: white; border:1px #ececec solid; float: right; font-family: 'Comfortaa', cursive; font-size: 9pt; } .machinesbut { width: 210px; min-height: 180px; padding: 10px; background-color: white; border:1px #ececec solid; float: left; font-family: 'Comfortaa', cursive; font-size: 9pt;} #contentproduct { width: 610px; padding: 20px; background-color: white; border:1px #ececec solid; float: right; font-family: 'Comfortaa', cursive; font-size: 9pt;} .OrangeTitle { color: #f15524; font-size: 11pt; font-weight:700; line-height: 24px; } #brands { width: 100%; min-height: 300px; padding: 20px; background-color: white; border:1px #ececec solid; float: left; font-family: 'Comfortaa', cursive; font-size: 9pt;} #brands hr { margin: 10px 0 10px 0; border-bottom: 1px #f15524 solid; } /* Product info */ #photosproducts { width: 50%; float: left; display: block; } #products-info { width: 50%; float: right; display: block; } .gallery {clear: both;} .infoline { padding-top: 20px; width: 100%; color:#f15524 ; border-bottom: 2px #f15524 solid; font-size: 11pt; float: left;margin-bottom: 10px;} .infolineclear { padding-top: 5px; width: 100%; color:#f15524 ; border-bottom: 2px #f15524 solid; font-size: 11pt; float: left;margin-bottom: 10px;} .TitleLine { padding-top: 10px; width: 100%; color:#f15524 ; border-bottom: 4px #f15524 double; font-size: 14pt; font-weight: bold; float: left; margin-bottom: 20px;} .borderorange img {border: 1px #f15524 solid;} .BoldOrange { color: #f15524; font-weight: bold; font-size: 11pt;} .BoldOrangeLink a { color: #f15524; font-weight: bold; font-size: 9pt; float: right; text-decoration: none;} .dotclass { list-style-type: circle; padding-left: 15px; } #productimagesinfo {width: 240px; height: 200px; float: left;} .partlist { width: 150px; height: 25px; background-color:#f15524; text-align: center;padding-top: 10px; display: block; clear: both;} .partlist a { text-decoration: none; color: #fff; } .optiondescript { border-bottom: 1px dotted; margin: 10px 0 10px 0; float: left; } .optiondescript img {margin: 0 5px 5px 0; float: left;} #contentproduct hr { margin: 10px 0 5px 0; border-bottom: 1px #f15524 solid; } .text{ margin: 20px 0 20px 0; line-height: 1.7;} .table tr td { border: 1px solid black !important;} .lztable tr td { border: 1px solid grey; padding: 10px;} .lkstable tr td { border: 1px solid grey; padding: 10px; font-size: 8pt; } /* --- Device List --- */ .DeviceList {display: block; float: left; width: 100%; margin: 15px 0 15px 0;} .devl {float: left; width: 20%; display: block;} .devr {float: left; width: 80%; display: block; line-height: 1.7;} .devr em { color: blue; } /* --- List Post in homepage --- */ .new-post-siruba .listing-item { padding: 4px 0 2px 0; font-size: 10pt; } .new-post-siruba .listing-item a { color:black; text-decoration: none; } .new-post-siruba .listing-item a:hover { color:#f15524; } /* ------------------------------------------ Footer ------------------------------------------ */ #footer { margin-top: 30px; background-color: black; border-top: 3px #f15524 solid; min-height: 235px; color: white; font-family: 'Comfortaa', cursive; font-size: 9pt;} #footer a { text-decoration: none; color: #fff; } #footer a:hover { color: #f15524; } #fotcol1 {margin: 20px 10px; float: left; width: 230px; display: block;} #fotcol2 {margin: 20px 10px; float: left; width: 220; line-height: 18px;} #fotcol3 {margin: 20px 10px; float: left; width: 220; line-height: 18px;} #fotcol4 {margin: 20px 10px; float: left; width: 230px;} .FooterŠ¢itle { color: #f15524; font-size: 11pt; font-weight:700; margin-bottom: 10px; display: block; } #menu-footer li { margin-bottom: 10px; } #fotcol4 a { width: 32px; height: 32px; float: left; display: block; margin: 4px; border: 1px solid white; border-radius: 4px; overflow: hidden; text-indent: -9999px;} #fotcol4 .facebookico { background: transparent url("images/socialicons.png") no-repeat;} #fotcol4 .facebookico:hover { background: transparent url("images/socialicons.png") no-repeat 0px -32px; border-color: #f15524; } #fotcol4 .youtubeico { background: transparent url("images/socialicons.png") no-repeat -32px 0px; } #fotcol4 .youtubeico:hover { background: transparent url("images/socialicons.png") no-repeat -32px -32px; border-color: #f15524; }