/* * Variables */ @theme-color: #fdd1a3; /* d99e43 - Saison17: f1b75e - Saison1718: fdd1a3 */ @2nd-color: rgba(127,107,136,1); @3rd-color: rgba(0,31,74,1); @link-color: lighten(@theme-color, 100%); @link-color-hover: lighten(@theme-color, 20%); @link-hover-font-color: darken(@theme-color, 50%); @font-color: #ffffff; /* * LESS */ html { } html, body { color: @font-color; height: 100%; } body { /*background: @3rd-color;*/ /* For browsers that do not support gradients */ /*background: -webkit-radial-gradient(bottom,@theme-color 5%,@2nd-color 30%,@3rd-color 70%);*/ /*Safari 5.1-6*/ /*background: -o-radial-gradient(bottom,@theme-color 5%,@2nd-color 30%,@3rd-color 70%);*/ /*Opera 11.1-12*/ /*background: -moz-radial-gradient(bottom,@theme-color 5%,@2nd-color 30%,@3rd-color 70%);*/ /*Fx 3.6-15*/ /*background: radial-gradient(to bottom, @theme-color 5%,@2nd-color 30%,@3rd-color 70%);*/ /*Standard*/ margin: 0; background-repeat: no-repeat; background-attachment: fixed; } aside { background: transparent; } header { max-height: 380px; overflow: hidden; img { width: 100%; height: auto; } } header { border-bottom: 10px solid @3rd-color; } // Links in Page-Boxes div.page-box a { font-weight: bold; color: @link-color-hover !important; /*font-style: italic;*/ text-shadow: 0 0 2px @theme-color; } div.page-box h3 { font-size: 2.5em; } div.musiker-box a { color: @link-color-hover !important; text-shadow: 0 0 2px @theme-color; } // LINK SECTION FOR SIDEBARS /////////////////////////////// a { color: @link-color-hover; transition: all .3s linear; h5 { color: @link-color; } } a:hover { color: @link-color; transition: all .3s linear; h5 { color: @link-color-hover; } } h2 { a { color: @link-color; } a:hover { color: @link-color-hover; } } ul.concert-list { padding-left: 0; margin-bottom: 50px; h3 { font-size: 1em; } h4 a{ font-size: 0.8em; color: @link-color-hover; } li { list-style-type: none; } } a.new-project { text-transform: uppercase; } // Page Controller Elements /////////////////////////////// .page-controller-prev a, .page-controller-next a { padding: 10px; background: @2nd-color; color: @font-color; border-radius: 3px; /*width: 25%;*/ } .page-controller-prev { float: left; } .page-controller-next { float: right; } input[type="submit"] { background-color: @theme-color !important; } input[type="submit"]:hover { background-color: @link-color-hover !important; color: @link-hover-font-color !important; } // HoverEffekt /////////////////////////////// h2.overlay-title { color: @link-color-hover !important; text-shadow: 1px 1px 2px @theme-color; } .cd-hovereffect .cd-overlay { background: @theme-color; } // Mobile Navigation /////////////////////////////// .shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover { background: @theme-color !important; } // SOUNDCLOUD ////////////////////////////// .g-background-default { background-color: @theme-color; }