@charset "utf-8"; /* CSS Document Version Orange */ @h1h2color: #F19F1C; @color-code:"-orange"; @color1: #FFA81F; @color1-dark:#EF881A; @color1-darkheavy:#DB9119; @color1-light:#FBA31B; @color1-lightly:#FFD031; @border-leftcol: #EF9E1C; @border-rightcol: #EF9E1C; .logorounded { background: url("../../images/themes/logo_rounded@{color-code}.png") left center no-repeat; min-width: 194px; min-height: 151px; padding: 18px 0; } .logincolor h3 { background-color: @color1!important; background-image: url(../../images/user-small-white.png) !important; border-color: @color1-dark !important; } #slideadv .grey .e4j-menutitle { color:#666; } #menutitlemob { border-left:1px solid @border-leftcol; border-right:1px solid @border-leftcol; background: @color1 url(../../images/menumobile_white.png); } .menumobile ul li { background: @color1; border-bottom:1px solid @color1; } .grid-module > .color { background: @color1; } .grid-module > .color .e4j-divmenutitle { color: #fff !important; } .grid-module > .color a { color: #333; } .grid-module > .color a:hover { color: #000; } /**** Start ***/ .e4jtran { transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; } .e4jtran:hover { transition:all 400ms ease-in-out 0s; -moz-transition:all 400ms ease-in-out 0s; -webkit-transition:all 400ms ease-in-out 0s; -o-transition:all 400ms ease-in-out 0s; } body { background: #fff; } h1, h2 { color: @h1h2color; } a:hover {color:@color1} .moduletable ul li a:hover, .moduletable ul li.active a { color:@color1; } .breadcrumbs .last { color:@color1; } .breadcrumbs a:hover { color:@color1; } .createdby a { color:@color1; } .search-btn { background: url("../../images/search-btn@{color-code}.png") left center no-repeat; } input.mod-submit-btn { background: @color1; color: #fff; border:1px solid @color1-dark; .e4jtran } input.mod-submit-btn:hover { background: @color1-dark; color: #fff; .e4jtran } .upmenu-content a { color: #fff; } .l-inline > div > ul > li.active a, .l-inline > div > ul > li:hover a { border-bottom:1px dashed #fff; color: #fff; .e4jtran } #mainmenu .l-inline > div > ul > li.active, #mainmenu .l-inline > div > ul > li:hover { background: #333; } #mainmenu .l-inline > div > ul > li a { border:0; } #mainmenu .l-inline > div > ul > li > span { color: #fff; .e4jtran } .l-inline li .l-block > div { background: #333; } .l-inline li .l-block li a { color: #fff; .e4jtran } .l-inline li .l-block li a:hover { color: #999; .e4jtran } .l-inline li:hover .e4j-menusubtitle { color: #999; } .moduletable_menu > ul > li > a, #mainmenu .moduletable > ul > li > a { color: #fff; } .loginmenu h3:hover .e4j-menutitle { color:@color1; .e4jtran } .moduletable a.readmore:hover, .moduletable a.readmore:hover { color:#999; } .tags > span > a, .pagenav li a, .pagination li > a, { background: @color1; border:1px solid @color1-dark; color: #fff; .e4jtran } .tags > span > a:hover, .pagenav li a:hover, .pagination li:hover > *, .pagination li > span{ background: @color1-dark; color: #fff; .e4jtran } .readmore a, .vamodservices-detailsbox > .vamodservices-view > a { background:@color1; .e4jtran } .readmore a:hover, .vamodservices-view > a:hover { background:@color1-dark; color: #fff; .e4jtran } .vamodservices-detailsbox > .vamodservices-view > a { border:1px solid @border-leftcol; } .blog .items-more a:hover { color: @color1; } .categories-list .item-title a { color: @color1; } .categories-list .item-title a:hover { color: #666; } .itemtitle h3 a { color: #fff !important; } .tsendiscr span, .tsinit span, .tsend span { color: @color1 !important; } .item-page h2, .blog-featured h2, .blog h2 { color: @h1h2color; } .item-page h2 a, .blog-featured h2 a, .blog h2 a { color: @h1h2color; } .item-page .article-info dd a, .blog-featured .article-info dd a, .blog .article-info dd a { color:@color1; } .item-page .article-info dd a:hover, .blog-featured .article-info dd a:hover, .blog .article-info dd a:hover{ color:#666; } #tbar-upmenu { background: url("../../images/themes/sf-topmenu@{color-code}.png") left top repeat; } .search input.button, #finder-search button.button { background: @color1; border:1px solid @color1 !important; } .search input.button:hover, #finder-search button.button:hover { background: @color1; } .search #searchForm fieldset a { color:@color1; } .search #searchForm fieldset a:hover { color:#999; } .search .search-results a { color:@color1; font-weight:bold; } .h-search .moduletable { background-color: rgba(242,160,28,0.8); } #advanced-search-toggle { color:@color1; } #advanced-search-toggle:hover { color:@color1; } span.highlight { color:@color1; } .titloc { color:@color1; } .blog .items-more h3 { color: @color1; } .modsearch input.button { } .moduletable-login { background: none repeat scroll 0 0 #F2F2F2; box-shadow: 0 0 2px 0 #000000; } .moduletable-login h3 { background:url(../../images/locked.png) 15px center no-repeat; font-weight:normal !important; } input.inputbox, button.button { .e4jtran } input.inputbox:hover, input.inputbox:focus { border:1px solid @color1; .e4jtran } button.button:hover { background:@color1-dark; .e4jtran } .profile .mod-profile a:hover { background:@color1; } #adminForm table .cat-list-row1 td a, #adminForm table .cat-list-row0 td a { color:@color1 !important; } #contact-slider .panel h3 a span { color:@color1; } footer { color:#fff; background: @color1; } footer a { color:#fff; } footer .moduletable a:hover, footer .moduletable li.active a { color:@color1-lightly !important; } footer h2, footer h3{ font-weight:bold; color:#fff; } /**** Moduli ****/ /*** NewsFlash ***/ .newsflash-title { color: @color1; } /**** Vik Widget Kit ***/ .spinner { border-color:@color1-dark @color1-light @color1-light @color1-dark !important; } footer form.email input, footer form.email textarea { background: @color1-darkheavy; border:1px solid @color1-dark; } form.email input.send { border:1px solid @color1 !important; background: @color1-dark !important; } /************* SUBTITLES STYLES ****/ /**** substyle1 ***/ #cnt-container .e4j-divmenutitle{ color: #222; } #cnt-container .e4j-menusubtitle{ color: #666; } #subfooter ul li a:hover { color: @color1; } /***** Styles ****/ .noborder { border:0 !important; } .grid-module > .border { border-color: #ddd; } .grid-module > .color-light { background: @color1-lightly; } .grid-module > .color { background: @color1-light; } .grid-module > .color { color: #eee; } .grid-module > .title-color > h3 { color: @color1; } .grid-module > .title-color > h3 .e4j-divmenutitle { color: @color1 !important; } /**** override system message ****/ #system-message > .message > ul { background-color: #DDDDDD !important; } #system-message > dd > ul { border-bottom:3px solid #C3D2E5 !important; border-top:3px solid #C3D2E5 !important; color:@color1 !important; margin:3px !important; border-radius:4px !important; -moz-border-radius:4px !important; -webkit-border-radius:4px !important; } @import "../vikrestaurants_owr.less";