Sergei Vasilev
186 lines
9.7 KiB
CSS
186 lines
9.7 KiB
CSS
@charset "utf-8";
|
|
/* RESET */
|
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
|
|
table {border-collapse:collapse;border-spacing:0;}
|
|
fieldset,img { border:0;}
|
|
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
|
|
ol,ul {list-style:none;}
|
|
caption,th {text-align:left;}
|
|
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
|
|
q:before,q:after {content:'';}
|
|
abbr,acronym {border:0;}
|
|
a {text-decoration:none;}
|
|
a:hover {text-decoration:underline;}
|
|
.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}
|
|
|
|
/* IQON */
|
|
body {font-family: arial; font-size: 12px; line-height: 16px; color: #4c4c4c}
|
|
#line {position: absolute; width: 100%; height: 1px; background-color: #fbc100; top: 163px}
|
|
.line-homepage {top: 501px !important;}
|
|
|
|
#wrapper {width: 960px; margin: auto auto;}
|
|
#header {width: 960px; height: 120px; position: relative;}
|
|
#logo {position: absolute; top: 16px; left: 0px;}
|
|
#language-selector {position: absolute; bottom: 0px; right: 0px; height: 20px; width: 530px; background-color: #c2c2c2; display: none;}
|
|
#menu {width: 960px; height: 40px; position: relative; background-color: #fbc100; background-image: url('/wp-content/themes/iqon/images/bg-menu.png'); background-repeat: no-repeat; background-position: top left; }
|
|
#menu a {display: block; height: 40px; line-height: 40px; float: left; padding: 0px 30px; font-family: 'HelveticaNeueLTPro45LtRegular'; font-size: 15px; color: #000000; text-decoration: none;}
|
|
#menu a:hover, #menu a.active {background-image: url('/wp-content/themes/iqon/images/bg-menu-active.png'); background-repeat: repeat-x; background-position: top left;}
|
|
#header-image-home {width: 960px; height: 335px; margin-top: 3px;}
|
|
#header-image {width: 960px; height: 190px; margin-top: 10px;}
|
|
#menu-services {margin-top: 12px;}
|
|
#menu-services a {display: block; float: left; width: 160px; height: 93px; background-color: #e5e5e5; margin-left: 10px; background-image: url('/wp-content/themes/iqon/images/submeniu-inactive.png'); background-repeat: no-repeat; background-position: top left; font-family: 'HelveticaNeueLTPro45LtRegular'; font-size: 20px; color: #000000; text-decoration: none; padding: 15px 10px 0px 10px; line-height: 20px;}
|
|
#menu-services a:hover, #menu-services a.active {background-color: #fbc100; margin-left: 10px; background-image: url('/wp-content/themes/iqon/images/submeniu-active.png'); background-repeat: no-repeat; background-position: top left; }
|
|
#linie-interior {width: 100%; height: 1px; background-color: #fbc100;}
|
|
#content {padding: 0px 10px; margin: 30px 0px; position: relative;}
|
|
#content p {padding: 7px 0px;}
|
|
#content h1 {font-family: 'HelveticaNeueLTPro45LtRegular'; font-size: 23px; color: #000000; line-height: 26px; margin-bottom: 15px;}
|
|
#content h1 a {color: #000000;}
|
|
#content h2 {font-family: 'HelveticaNeueLTPro45LtRegular'; font-size: 16px; color: #000000; line-height: 20px; margin-bottom: 30px;}
|
|
.contentleft {float: left; width: 240px; position: relative;}
|
|
.contentleft a {font-family: arial; text-decoration: none; color: #4c4c4c; line-height: 16px; height: 20px;}
|
|
.contentleft a.active {font-weight: bold; color: black;}
|
|
.submeniu {margin-bottom:10px;}
|
|
.submeniuLeft {float:left; width:16px;}
|
|
.submeniuRight {float:left; width:200px;margin-top:2px;}
|
|
.contentright {float: right; width: 700px;}
|
|
.contentright ul { list-style-image:url('/wp-content/themes/iqon/images/icon-arrow.png') !important;list-style-position:outside; }
|
|
.contentright ol { list-style-type:decimal !important;list-style-position:outside; }
|
|
.contentright ul, ol {margin:0 0 15px 25px;}
|
|
.contentright li {margin-bottom:4px;}
|
|
.contentright strong {color:#000;}
|
|
.clear {clear: both;}
|
|
|
|
.homeleft {float: left}
|
|
.homeright {float: right; width: 700px;}
|
|
#content-footer {padding: 0px 30px; margin: 40px 0px; position: relative;}
|
|
#content-footer div.cf {float: left; width: 279px; border-right: 1px solid #b2b2b2; margin-right: 20px; position: relative; min-height: 160px;}
|
|
#content-footer div.cf h3 {font-family: 'HelveticaNeueLTPro45LtRegular'; font-size: 18px; color: #000000; text-decoration: none; margin-bottom: 20px;}
|
|
#content-footer div.cf a {font-family: arial; text-decoration: none; color: #4c4c4c; line-height: 20px; height: 20px;}
|
|
#content-footer-bottom {padding: 0px 10px; margin: 35px 0px; position: relative;font-family: arial; font-size: 11px; line-height: 18px; color: #444444}
|
|
#content-footer-bottom a {font-family: arial; font-size: 11px; line-height: 18px; color: #444444}
|
|
#logo-bottom {position: absolute; right: 0px; top: 0px;}
|
|
.iconite-contact {position: absolute; bottom: -10px; left: -2px;}
|
|
#breadcrumb {width: 950px; height: 27px; padding-left: 10px; padding-top: 3px}
|
|
#breadcrumb a {text-decoration: none; line-height: 30px; color: #4c4c4c}
|
|
#linie-punctata {line-height: 1px; height: 1px; border-top: 1px dotted black; width: 200px; margin: 5px 0px}
|
|
|
|
#download_brosura {display: block; margin-top: 35px; margin-left: 10px;}
|
|
.container_imagine {border: 5px solid #cccccc; padding: 1px; width: 208px; height: 142px;}
|
|
#content p {font-family: arial; font-size: 12px; line-height: 16px; color: #4c4c4c}
|
|
h2 a {text-decoration: none; color: black;}
|
|
.caseStudyRow h2 {margin-bottom: 15px!important}
|
|
.caseStudyRow {margin-bottom: 40px; position: relative;}
|
|
.readCaseStudy {position: absolute; bottom: 0px; left: 240px;}
|
|
.imagine_study_interior {float: right; margin-left: 20px; margin-bottom: 20px;}
|
|
.timp {position: absolute; top: -52px; right: 10px;}
|
|
h1.single {font-size: 32px!important; line-height: 34px!important; margin-bottom: 40px!important}
|
|
h2.single {color: #4c4c4c!important;}
|
|
.download_case_file {width: 960px; height: 50px; background-color: #ededed; margin-bottom: 20px; font-size: 14px; font-style: italic; color: black; line-height: 50px;}
|
|
.download_case_file .link {margin-left: 10px; margin-top: 10px; float: left; width: 200px;}
|
|
.disclaimer {font-size: 10px; font-style: italic; margin-top: 50px; line-height: 12px;}
|
|
.rowInput {float: left; width: 350px; margin-bottom: 25px;}
|
|
.rowInput label, .rowTextarea label {display: block; font-style: italic}
|
|
.rowInput input {border: 0px; margin: 0px; height: 30px; width: 320px; border: 1px solid #dcdcdc; background-color: #ececee; color: black;}
|
|
.rowTextarea textarea {border: 0px; margin: 0px; height: 210px; width: 670px; border: 1px solid #dcdcdc; background-color: #ececee; color: black;margin-bottom: 25px;}
|
|
.submitMessage {border: 0px; margin: 0px;background-image: url('/wp-content/themes/iqon/images/send_message.png');background-repeat: no-repeat; width: 140px; height: 30px; margin-top: 0px; cursor: pointer}
|
|
#search {position: absolute; right: 0px; top: 28px;}
|
|
#search input {border: 0px; margin: 0px; background-color: white; border: 1px solid #feaf31; height: 25px; font-size: 11px; padding: 0px 10px}
|
|
|
|
.noborder {border: 0px !important}
|
|
.lineheight14 {line-height: 14px !important}
|
|
.fontsize20 {font-size: 20px!important}
|
|
.marginbottom20 {margin-bottom: 20px!important}
|
|
.margintop10 {margin-top:10px!important}
|
|
.margintop40 {margin-top:40px!important}
|
|
.floatleft {float: left;}
|
|
.marginright20 {margin-right: 20px;}
|
|
.notCompleted {color: red!important}
|
|
|
|
html {-webkit-text-size-adjust: 100%;}
|
|
img, iframe {max-width: 100%;}
|
|
.skip-link {
|
|
position: absolute;
|
|
left: -999px;
|
|
top: 8px;
|
|
z-index: 100000;
|
|
background: #fbc100;
|
|
color: #000;
|
|
padding: 8px 12px;
|
|
}
|
|
.skip-link:focus {left: 8px;}
|
|
a:focus, input:focus, textarea:focus {
|
|
outline: 2px solid #fbc100;
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
@media (max-width: 980px) {
|
|
body {min-width: 0;}
|
|
#wrapper, #header, #menu, #header-image-home, #header-image, #breadcrumb, .download_case_file {
|
|
width: auto;
|
|
max-width: 960px;
|
|
}
|
|
#wrapper {margin: 0 12px;}
|
|
#header {height: auto; min-height: 112px;}
|
|
#search {position: static; float: right; margin: 28px 0 12px;}
|
|
#flags_language_selector {clear: both;}
|
|
#menu {height: auto; overflow: hidden; background-repeat: repeat-x;}
|
|
#menu a {padding: 0 16px;}
|
|
#header-image-home, #header-image {height: auto;}
|
|
#header-image-home img, #header-image img {width: 100%; height: auto;}
|
|
#menu-services a {width: 27%; margin-bottom: 10px;}
|
|
.contentleft, .contentright, .homeleft, .homeright {
|
|
float: none;
|
|
width: auto;
|
|
}
|
|
.contentright {margin-top: 20px;}
|
|
#content-footer {padding: 0; margin: 30px 0;}
|
|
#content-footer div.cf {
|
|
width: 30%;
|
|
margin-right: 3%;
|
|
}
|
|
.download_case_file {height: auto; line-height: 20px; padding: 12px 0;}
|
|
.download_case_file .link {float: none; width: auto;}
|
|
.rowInput {width: 48%;}
|
|
.rowInput input {width: 90%;}
|
|
.rowTextarea textarea {width: 96%;}
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
#line {display: none;}
|
|
#wrapper {margin: 0 10px;}
|
|
#logo, #search {
|
|
position: static;
|
|
float: none;
|
|
}
|
|
#logo {padding-top: 16px;}
|
|
#search input[type="text"] {width: 68%;}
|
|
#menu a {
|
|
float: none;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
padding: 0 12px;
|
|
border-bottom: 1px solid rgba(0,0,0,.12);
|
|
}
|
|
#menu-services a {
|
|
float: none;
|
|
width: auto;
|
|
margin-left: 0;
|
|
}
|
|
#content {padding: 0; margin: 22px 0;}
|
|
#breadcrumb {height: auto; line-height: 18px; padding: 8px 0;}
|
|
.rowInput, .rowTextarea {float: none; width: auto!important;}
|
|
.rowInput input, .rowTextarea textarea {width: 96%!important;}
|
|
#content-footer div.cf {
|
|
float: none;
|
|
width: auto;
|
|
border-right: 0;
|
|
border-bottom: 1px solid #b2b2b2;
|
|
margin: 0 0 20px;
|
|
padding-bottom: 20px;
|
|
min-height: 0;
|
|
}
|
|
#content-footer div.cf.noborder {border-bottom: 0;}
|
|
#content-footer-bottom {padding: 0 0 70px;}
|
|
#logo-bottom {left: 0; right: auto; top: auto; bottom: 0;}
|
|
}
|