/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* small button */ .btn { padding: 2px 6px 2px 6px; font-size: 12px; line-height: 18px; text-align: center; vertical-align: middle; background-color: #FFFFFF; color:#000000; } .btn:hover { background-color: #FFFFFF; color:#F00; padding:0px 6px 0px 6px; } /* * Custom Style Sheet - Use this file to style your content */ /*td .not_active_step { color:#F00; }*/ @media (min-width: 200px) { .hide-on-desktop, .show-on-tablets, .show-on-mobile { display: none; } } /* @media (max-width: 479px) { .show-on-desktop, .show-on-tablets, .hide-on-mobile { display: none; } } @media (min-width: 480px) and (max-width: 939px) { .show-on-desktop, .hide-on-tablets, .show-on-mobile { display: none; } } @media (min-width: 940px) { .hide-on-desktop, .show-on-tablets, .show-on-mobile { display: none; } } */ /*//medium+ screen sizes @media (min-width:900px) { .desktop-only { display:block !important; } } //small screen sizes @media (max-width: 899px) { .mobile-only { display:block !important; } .desktop-only { display:none !important; } } */ td .fax { size:60; } /**/ /*video player ---*/ .avs_player object { width:650px; } div.avs_thumb { margin-right:50px; } /*--- shopping cart display --- */ section img { height: auto !important; max-width: 100% !important; } table.jshop { border: 1px solid #FEA200; } .row-fluid .span6 { margin-left:-60px; } /* -- a button for online shopping --*/ a.readmore { border: 2px solid #FF9933; border-radius: 5px; padding: 5px 10px 5px 10px; font-size: 1.3em; color:#0000FF; background-image: none; text-shadow: #ccc 0.1em 0.1em; font-weight:bold; } a.readmore:hover { background-position:-70px; background-color: #ff9933; color: #3366FF; text-shadow: #FFFFFF 0.1em 0.1em; } /* --- JShopping - product Option display ---*/ .jshop span.attributes_description { display: inline-block; width: 200px; } #headerbar { border-radius: 3px; } /* --------- Background to INPUT boxes ------ */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], .uneditable-input, .inputbox { background-color:#FEA200; color:#000000; } #top-a, #top-b { margin-top:0px; } #header { margin: 15px 20px 10px 20px; } .grid-box .box { background-color:#E2E2E2; padding:5px 0px 0px 5px; } #headerbar { margin-bottom:5px; } #headerbar .module { max-width: 475px; padding-right:10px; } /* Temporary fix - add Wood Background */ body#page { background: #353535 url(../images/background/wood/wood_bg.png) 50% 0 repeat; } @media only screen and (min-device-width: 769px) { /* #page-body { background: url(../images/background/wood/wood_bg.png) 50% 0 no-repeat; /*background: url(../images/background/map_gradient.svg) 50% 0 fixed, url(../images/background/map_img.jpg) 50% 0 no-repeat; background-size: 100% 1500px, 2060px 1010px; }*/ } #main, #maininner, #sidebar-a, #sidebar-b, #top-a, #top-b, #headerbar { background-color:#FFF8F0; /*#FFFDFB; #FFF9F9;*/ } #main { margin-top:-10px; } /*Font Color on boxes */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { color:#FFFFFF; } .menu-dropdown a.level1, .menu-dropdown span.level1 { color: #000000; } #menubar { background:#FEA200; height:45px; margin-bottom:-7px; } .custom-logo { display: inline-block; width: 210px; height: 90px; background: url(../../../images/yootheme/logo.png) 50% 50% no-repeat; background-size: contain; } /* Only Phones (Portrait) */ @media (max-width: 479px) { .custom-logo { height: 60px; } } /* added by BOB*/ #bottom-a, #bottom-b, #main, #footer { background:none; } /* ANIMATED BUTTON -------------*/ button { display: block; font-size: 1.1em; font-weight: bold; text-transform: uppercase; padding: 10px 15px; margin: 20px auto; color: #ccc; background-color: #555; background: -webkit-linear-gradient(#888, #555); background: linear-gradient(#888, #555); border: 0 none; border-radius: 3px; text-shadow: 0 -1px 0 #000; box-shadow: 0 1px 0 #666, 0 5px 0 #444, 0 6px 6px rgba(0,0,0,0.6); cursor: pointer; /* -webkit-transition: all 150ms ease; transition: all 150ms ease; */ } button:hover, button:focus { -webkit-animation: pulsate 1.2s linear infinite; animation: pulsate 1.2s linear infinite; color:#CCC; } @-webkit-keyframes pulsate { 0% { color: #ddd; text-shadow: 0 -1px 0 #000; } 50% { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; } 100% { color: #ddd; text-shadow: 0 -1px 0 #000; } } @keyframes pulsate { 0% { color: #ddd; text-shadow: 0 -1px 0 #000; } 50% { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #FFF; } 100% { color: #ddd; text-shadow: 0 -1px 0 #000; } } button:active { color: /*#fff*/#CCC; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; box-shadow: 0 1px 0 /*#666*/#444, 0 2px 0 /*#444*/#CCC, 0 2px 2px rgba(0,0,0,0.9); -webkit-transform: translateY(3px); transform: translateY(3px); -webkit-animation: none; animation: none; } /* EXPLANATION let’s start with some basic styles to format the button: */ button { display: block; font-size: 1.1em; font-weight: bold; text-transform: uppercase; padding: 10px 15px; margin: 20px auto; color: #000000; background-color: #555; background: -webkit-linear-gradient(#888, #555); background: linear-gradient(#FEA200, #FFE4CA); border: 0 none; border-radius: 3px; text-shadow: 0 -1px 0 #000; box-shadow: 0 1px 0 #666, 0 5px 0 #444, 0 6px 6px rgba(0,0,0,0.6); cursor: pointer; }