@border-color: #d9d9d1; @grey-medium: #707077; @grey-light: #acaca7; @grey-dark: #36363d; @bg-color: #f3f3f0; @link-color: #108aa3; @grey-lighter: #f7f7f5; @bg-footer: #d2d2c9; @border-footer: #b6b8b5; .mixin-btn-blue { .border-radius(3px); background-color: #74cde0; .gradient-blue; border: 1px solid #5eb1c5; color: white; text-decoration: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; &:hover { .gradient-blue-dark; border: 1px solid #2a8da5; .box-shadow-inset; } &:active { border: 1px solid #2a8da5; .box-shadow-onpress; } } .mixin-btn-black { .border-radius(3px); background-color: #4b4b53; .gradient-black; border: 1px solid #25252a; color: white; text-decoration: none; &:hover { border: 1px solid #000; background-color: darken(#4b4b53, 5%); } &:active { border: 1px solid #000; background-color: darken(#4b4b53, 10%); .box-shadow-onpress; } } .mixin-btn-grey { .border-radius(3px); background-color: lighten(@border-color, 5%); border: 1px solid; border-color: lighten(@border-footer, 10%); &:hover { .box-shadow-inset; border-color: @border-footer; text-decoration: none; background-color: lighten(@border-color, 4%); } &:active { .box-shadow-onpress; border-color: @border-footer; background-color: lighten(@border-color, 2%); } } .mixin-box { .border-radius(6px); background-color: #fff; border: 1px solid @border-color; .box-shadow; } .mixin-box-footer { .border-radius(6px); background-color: lighten(@border-color, 5%); border: 1px solid @border-footer; .box-shadow; } .mixin-cover { .border-radius(6px); background-color: #fff; border: 1px solid @border-color; } .border-radius (@radius) { border-radius: @radius; -moz-border-radius: @radius; -webkit-border-radius: @radius; } .border-radius-02 (@radius01, @radius02, @radius03, @radius04) { border-radius: @radius01 @radius02 @radius03 @radius04; -moz-border-radius: @radius01 @radius02 @radius03 @radius04; -webkit-border-radius: @radius01 @radius02 @radius03 @radius04; } .gradient-blue { background-image: -webkit-gradient(linear, left bottom, left top, from(#64bdd4), to(#74cde0)); background-image: -moz-linear-gradient(90deg, #64bdd4 0%, #74cde0 100%); } .gradient-blue-dark { background-image: -webkit-gradient(linear, left bottom, left top, from(#4fb5cd), to(#48bcd5)); background-image: -moz-linear-gradient(90deg, #4fb5cd 0%, #48bcd5 100%); } .gradient-black { background-image: -webkit-gradient(linear, left bottom, left top, from(#3b3b43), to(#4b4b53)); background-image: -moz-linear-gradient(90deg, #3b3b43 0%, #4b4b53 100%); } .box-shadow { -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 2px 1px rgba(0, 0, 0, 0.04); } .box-shadow-pb { -moz-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.06); -webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.06); box-shadow: -5px 0 5px rgba(0, 0, 0, 0.06); } .box-shadow-input { -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); } .box-shadow-inset { -webkit-box-shadow: inset 0 1px 0px rgba(256, 256, 256, 0.3); -moz-box-shadow: inset 0 1px 0px rgba(256, 256, 256, 0.3); box-shadow: inset 0 1px 0px rgba(256, 256, 256, 0.3); } .box-shadow-onpress { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3x rgba(0, 0, 0, 0.2); } .input-style { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.1s, box-shadow linear 0.03s; -moz-transition: border linear 0.1s, box-shadow linear 0.03s; -ms-transition: border linear 0.1s, box-shadow linear 0.03s; -o-transition: border linear 0.1s, box-shadow linear 0.03s; transition: border linear 0.1s, box-shadow linear 0.03s; } body { font: 13px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif; color: @grey-dark; background-color: white; } a { color: @link-color; text-decoration: none; &:hover { color: @link-color; text-decoration: underline; } &:visited { color: @link-color; text-decoration: none; } } p.bodytext, .detail-teaser, div.news-single-item p { line-height:150%; padding-bottom:10px; } p.cases-teaser { padding-bottom: 10px; color: @grey-medium !important; } input, textarea { outline: none; background: none; webkit-appearance: none; background-color: white; border: 1px solid; border-color: @border-color; .border-radius(3px); .input-style; &::-webkit-input-placeholder { color: @grey-light; } } input[type=image] { border:none; background:none; border:none; background:none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } input:hover, textarea:hover { border-color: darken(@border-color, 1%); &::-webkit-input-placeholder { color: lighten(@grey-light, 10%); } } input:focus, textarea:focus { border-color: darken(@border-color, 14%); .box-shadow-input; &::-webkit-input-placeholder { color: lighten(@grey-light, 10%); } } h1 { font-size: 24px; line-height: 30px; } h2, h3 { font-size: 18px; padding: 0.5em 0; a { color: @grey-dark; &:hover { color: @link-color; text-decoration: none; } &:visited { color: @grey-dark; text-decoration: none; } } } .news-list-container { padding: 0 !important; padding: 0 !important; } #div-01 { padding: 15px; .mixin-box; } .btn-blue { padding: 15px; .mixin-btn-blue; } #wrapper-outside { width: 100%; background-color: @bg-color; padding-bottom: 50px; background-image: url(../images/bg-header.png); background-repeat: repeat-x; background-position: center top; } #wrapper-header { width: 100%; background-color: white; } #wrapper { width: 860px; margin: 0 auto; #header { height: 100px; width: 820px; margin: 0 20px; font-size: 12px; #logo { float: left; height: 100%; width: 425px; background: url(../images/logo.png) left 23px no-repeat; } ul.headernavi { display: block; list-style: none; float: right; padding-top: 40px; .publicationslink { width: 95px; float: left; } .backgroundlink { width: 95px; float: left; } .searchlink { width: 65px; float: left; } li { vertical-align: middle; margin-left: 24px; text-align: center; height: 60px; float: left; &:first-child { margin-left:0; } a { text-decoration: none; color: @grey-medium; &:hover { color: @grey-dark; text-decoration: none; } } &.topmenu-act { background-image: url(../images/selected.png); background-position: bottom center; background-repeat: no-repeat !important; font-weight:bold; color:#000; a { color:#000; } } } } } #content { margin-top: 10px; #content-head { margin: 0 20px; height: 80px; display: block; width: 820px; .content-head-text { width: 260px; padding: 27px 0 0 0; float: left; } #search-container { width: 530px; height: 30px; float: right; padding: 25px 0; input { height: 30px; width: 440px; float: left; padding: 0 6px; } .search-btn { .mixin-btn-black; float: right; width: 80px; background-image: url(../images/lupe.png); background-position: center center; background-repeat: no-repeat; } } } #publication-box { width: 820px; height: 220px; padding: 22px 20px; .mixin-box; #publications { width: 260px; float: left; ul.publication-list { display: block; list-style: none; height: 100%; float: left; width: 260px; li { display:inline; } a { width: 250px; display: block; height: 35px; padding: 18px 10px 0 10px; color: @grey-medium; border: 1px solid white; border-right: 1px solid @border-color; margin: 0; &:hover { background-color: @grey-lighter; color: @grey-medium; margin: 0; border-color: darken(#fff, 3%); text-decoration: none; border-right: 1px solid @border-color; } } a.selected { background-color: white; height: 35px; margin: 0; border: 1px solid @border-color; color: inherit; text-decoration: none; border-right: none; .box-shadow-pb; font-weight: bold; &:hover { background-color: white; margin: 0; color: inherit; text-decoration: none; } li { height: 55px; } } a.all-pb { color: @link-color; background-color: #fff; margin: 0; height: 35px; padding: 18px 10px 0 10px; &:hover { background-color: #fff; border-color: #fff; text-decoration: underline; border-right: 1px solid @border-color; } } } } #publication-summary { display: block; width: 530px; height: 220px; float: left; margin-left: 30px; #pub2, #pub3 { display:none; } .cover-pb-box { height: 198px; width: 145px; float: left; padding: 10px; .mixin-cover; .cover-image { height: 100%; width: 100%; } } .text-pb-box { width: 320px; float: right; padding: 5px 20px; p { padding: 0 0 0.8em 0; } } } } #content-below { margin: 0 20px; width: 820px; #publication-overview { width: 100%; } .pb-wrapper { float: left; margin-right: 20px; margin-bottom: 20px; text-decoration: none; line-height: 17px; cursor:pointer; &:nth-child(4n) { margin-right: 0px; } &:hover .cover-pb { text-decoration: none; .box-shadow; border: 1px solid darken(@border-color, 10%); } &:hover .cover-caption a { color: @link-color; text-decoration: none; } .cover-caption { width: 168px; height: 60px; color: @grey-dark; padding-top: 10px; .pb-title { width: 100%; height: 34px; font-weight: bold; } a{ color: @grey-dark; text-decoration: none; &:hover { text-decoration: underline; } } } .pb-meta-free { color: @grey-light; font-weight: normal; padding-top: 8px; padding-left: 20px; background-image: url(../images/download-icon.png); background-repeat: no-repeat; background-position: left 7px; text-decoration: none; } .pb-meta-purchase { color: @grey-light; font-weight: normal; padding-top: 7px; padding-left: 23px; background-image: url(../images/download-icon.png); background-repeat: no-repeat; background-position: left 7px; text-decoration: none; } .cover-pb { float: left; padding: 10px; width: 168px; .mixin-cover; img { border: 1px solid @border-color; } .cover-image { height: 225px; width: 168px; } } .cover-pb-big { float: left; padding: 10px; .mixin-cover; .cover-image-big { height: 318px; width: 238px; } } } #publication-content { p { padding: 0.5em 0; clear: both; } .pb-subtitle { font-size: 15px; } #pb-title { width: 100%; float: left; padding: 10px 0 20px 0; h1 { padding: 20px 0 10px 0; float: none; } } } h1.recent-cases { float: left; } h1 { padding: 40px 0 20px 0 !important; } a.report { .mixin-btn-blue; padding: 7px 9px; float: right; margin: 35px 0 0 0; } #left-column { clear: both; width: 260px; margin: 0 30px 0 0; float: left; .newsbox { padding: 5px 15px; .mixin-box; float: left; li { padding: 15px 0; border-bottom: 1px solid @border-color; &:last-child { border-bottom: none; } p { padding: 0; margin: 0; } } } .quotes { padding: 0px 15px; .mixin-box; float: left; .quotationmark { display: block; height: 88px; float: left; width: 6px; padding-right: 3px; } .quote { font-size: 18px; font-style: italic; } .author { padding-top: 5px; padding-left: 9px; } li { padding: 15px 0; } #quotelinkbox { padding:10px 0 10px 0; height:30px; border-top: 1px solid @border-color; } #quotelink { float: left; padding-top: 5px; width: 130px; } #quote-navi{ float: right; #quote-next { border: 1px solid @border-color; height: 24px; width: 30px; float: right; display: block; .border-radius-02(0, 15px, 15px, 0 ); background-color: @grey-lighter; background-image: url(../images/pfeile.png); background-repeat: no-repeat; background-position: right center; &:hover { background-color: darken(@grey-lighter, 3%); } &:active { background-color: darken(@grey-lighter, 5%); .box-shadow-onpress; } } #quote-previous { height: 24px; width: 29px; float: left; display: block; border: 1px solid @border-color; border-right: none; .border-radius-02(15px, 0, 0, 15px); background-color: @grey-lighter; background-image: url(../images/pfeile.png); background-repeat: no-repeat; background-position: left center; &:hover { background-color: darken(@grey-lighter, 3%); } &:active { background-color: darken(@grey-lighter, 5%); .box-shadow-onpress; } } } } .infobox-pb { padding: 20px 15px; .mixin-box; float: left; li { border-bottom: 1px solid @border-color; display: block; .purchase-btn { .mixin-btn-blue; padding: 5px 8px; float: left; } .info { float: left; width: 100%; } .buy { padding: 8px 0 20px 0; float: left; width: 100%; } p { padding: 15px 0 0 0; display: block; } &:last-child { border-bottom: none; } } } .filterbox { padding: 0px 15px 15px 15px; .mixin-box; float: left; width: 230px; list-style: none; .search-label { font-weight: bold; padding-bottom: 8px; padding-top: 18px; } form { tr { padding: 10px 0 0 0; } label { padding-left: 5px; } #month { padding-left: 22px; padding-top: 8px; padding-bottom: 10px; } #sbyyear { margin-left: 5px; } #scountry { width:220px; } div { margin-bottom: 5px; } .timeframe-label { width: 40px; float: left; } p { padding: 0px; margin: 0px; } } } #about-navi { margin-top: 40px; padding: 5px 15px; .mixin-box; width: 230px; float: left; li { a { text-decoration:none; } padding: 10px 0; b a { color:#36363D; } } } } div#main-content { width: 530px; float: left; // p.cases-teaser { // padding-bottom: 10px; // color: @grey-medium !important; // // } ol { margin:0 0 0 20px; li { padding-bottom:10px; } } #results { h1 { display: block; width: 100%; padding-top: 0; } #caseschor, #rdanchor, #cuatesachor { font-size:150%; } .news-list-item { margin-top: 0px; // h2, p, div.morelink { // /*margin-left: 26px !important;*/ // } // h2 { // margin-top: 15px !important; // margin-bottom: 0px !important; // font-size:100%; // line-height:120%; // } div.morelink { margin-top: 10px; padding-bottom: 10px; margin-bottom:10px; border-bottom:1px solid #d9d9d1; } } } #text-content { ul { list-style: disc outside none; margin:0 0 10px 10px; li { list-style-type:bullet; margin:5px 0 5px 10px; line-height: 150%; } } div.tagging { margin-bottom:10px; clear:both; line-height: 20px; } // // p { // clear: both; // line-height:150%; // padding-bottom:10px; // // } // // h3, h2 { // padding: 0.9em 0 0.5em 0; // font-size: 18px; // } // #c2035 input { // padding: 0; // width: 100%; // clear: both; // } .csc-default { form#mailform input { padding: 10px; width: 270px; float: left; } select { margin: 10px 0; margin: 10px 0; width: 270px; font-size: 16px; border: 1px solid #D7D7CE; } label { font-weight: bold; width: 180px; float: left; padding: 10px 0 0 0; } td { font-weight: bold; // width: 110px; vertical-align: middle; } .csc-mailform-field, tr { padding: 5px 0; float: left; width: 100%; } #subscription-form-table { td.label { width: 115px; vertical-align: top; padding-top: 8px; } td label.error { color: red; } input { padding: 10px; width: 311px; float: left; } #FormButton_Subscribe { .mixin-btn-blue; width: 100px; float: left; margin-top: 20px; } } .csc-mailform-submit { .mixin-btn-blue; width: 160px; float: left; margin-top: 20px; } textarea { float: left; width: 450px; .input-style; padding: 10px; margin-top: 15px; } } /* pager */ #pager { margin-top: 23px; margin-left: -10px; // text-align: center; } .tx-ttnews-browsebox { margin-top: 23px; table { margin-top: 10px; } } div.browseLinksWrap span.disabledLinkWrap { display:none; } #pager a, .tx-ttnews-browsebox a, div.browseLinksWrap a, .activeLinkWrap { margin: 0; font-size: 15px; text-decoration: none; padding: 5px 10px 5px 10px; // font-family: Arial, Helvetica, sans-serif !important; letter-spacing: -0.5px; // font-size: 12px; } div.showResultsWrap { padding-bottom:15px; } #pager a:hover, .tx-ttnews-browsebox a:hover, div.browseLinksWrap a:hover { background-color: #e6e6e6; } #pager .pager-active, .tx-ttnews-browsebox-SCell a, .activeLinkWrap { background-color: #000 !important; color: #FFF !important; } .tosearch { margin-top: 23px; } } #recent-entries { border-top: 1px solid @border-color; padding-top: 5px; float: left; #pager { display:none; } #load { padding-top: 25px; text-align: center; a.load-more { display: block; width: 528px; padding: 8px 0; .mixin-btn-grey; } p { padding-top: 15px; } } } } } } } .entry-wrapper { padding-top: 12px; p { padding: 0.3em 0; color: @grey-medium; } .entry-meta { padding: 0 0 8px 0; color: @grey-dark; } .entry-content { } .entry-title { font-size: 18px; line-height: 22px; a { color: @grey-dark; text-decoration: none; &:hover { color: @link-color; } } } } #stext { height: 30px; width: 227px; padding-left: 7px; } #footer-container { background-color: white; height: 270px; width: 100%; text-align: center; margin-bottom: 0px; padding: 0px; #footer-social { width: 740px; margin: 0 auto; a { font-weight: bold; text-decoration: none; color: @grey-dark; &:hover { color: @link-color; } } .footerbox { float: left; padding: 40px 0; text-align: left; } .fb { background-image: url(../images/facebook.png); background-repeat: no-repeat; background-position: left center; padding-left: 35px; margin-right: 90px; } .twitter { background-image: url(../images/twitter.png); background-repeat: no-repeat; background-position: left center; padding-left: 43px; margin-right: 90px; } .email { background-image: url(../images/email.png); background-repeat: no-repeat; background-position: left center; padding-left: 40px; } } #footer-about { width: 500px; margin: 0 auto; padding: 20px 0 10px 0; border-top: 1px solid @border-color; text-align: center; margin-top: 6px; font-size: 17px; font-style: italic; line-height: 23px; } #footer { width: 400px; margin: 30px auto 30px auto; text-align: center; margin-top: 10px; color: @grey-light; padding-top: 25px; font-size: 12px; a { padding-right: 10px; color: @grey-light; text-decoration: underline; &:hover { color: @grey-dark; text-decoration: underline; } } } } table.paypaltable td { padding-bottom:10px; }