header.css

Back

#header{
  	{% if config_general_header_character['font'] %}
  	font-family: {{ config_general_header_character['font'] }};
  	{% endif %}
    {% if config_general_header_character['size'] %}
  	font-size: {{ config_general_header_character['size'] }};
	{% endif %}
	{% if config_general_header_character['color'] %}
  	color: {{ config_general_header_character['color'] }};
	{% endif %}    
  	text-decoration: {{ config_general_header_character['text_decoration'] }};
	{% if config_general_header_character['bold'] %}
  	font-weight: bold;
    {% endif %}
    {% if config_general_header_character['italic'] %}
  	font-style: italic;
    {% endif %}
    {% if config_general_header_character['uppercase'] %}
  	text-transform: uppercase;
    {% endif %}
    {% if config_general_header_background['color'] %}
  	background-color: {{ config_general_header_background['color'] }};
    {% endif %}
    {% if config_general_header_background['image'] %}
  	background-image: url("{{ imageUploadPath ~ config_general_header_background['image'] }}");
    {% endif %}
    {% if config_general_header_background['repeat'] %}
  	background-repeat: {{ config_general_header_background['repeat'] }};
    {% endif %}
    {% if config_general_header_background['position'] %}
  	background-position: {{ config_general_header_background['position'] }};
    {% endif %}
  	{% if config_general_header_border['all']['color'] and config_general_header_border['all']['style'] and config_general_header_border['all']['width'] %}
    border-color: {{ config_general_header_border['all']['color'] }};
    border-style: {{ config_general_header_border['all']['style'] }};
    border-width: {{ config_general_header_border['all']['width'] }};
        {% if config_general_header_border['all']['radius'] is not empty %}
        border-radius: {{ config_general_header_border['all']['radius'] }};
        {% endif %}		
	{% else %}
		{% if config_general_header_border['top']['color'] and config_general_header_border['top']['style'] and config_general_header_border['top']['width'] %}
        border-top-color: {{ config_general_header_border['top']['color'] }};
        border-top-style: {{ config_general_header_border['top']['style'] }};
        border-top-width: {{ config_general_header_border['top']['width'] }};
          	{% if config_general_header_border['top']['radius'] is not empty %}
  			border-top-left-radius: {{ config_general_header_border['top']['radius'] }};
          	{% endif %}
        {% endif %}
		{% if config_general_header_border['right']['color'] and config_general_header_border['right']['style'] and config_general_header_border['right']['width'] %}
        border-top-color: {{ config_general_header_border['right']['color'] }};
        border-top-style: {{ config_general_header_border['right']['style'] }};
        border-top-width: {{ config_general_header_border['right']['width'] }};
            {% if config_general_header_border['right']['radius'] is not empty %}
  			border-top-right-radius: {{ config_general_header_border['right']['radius'] }};
            {% endif %}
		{% endif %}
        {% if config_general_header_border['bottom']['color'] and config_general_header_border['bottom']['style'] and config_general_header_border['bottom']['width'] %}
        border-top-color: {{ config_general_header_border['bottom']['color'] }};
        border-top-style: {{ config_general_header_border['bottom']['style'] }};
        border-top-width: {{ config_general_header_border['bottom']['width'] }};
            {% if config_general_header_border['bottom']['radius'] is not empty %}
            border-bottom-right-radius: {{ config_general_header_border['bottom']['radius'] }};
            {% endif %}
		{% endif %}
        {% if config_general_header_border['left']['color'] and config_general_header_border['left']['style'] and config_general_header_border['left']['width'] %}
        border-top-color: {{ config_general_header_border['left']['color'] }};
        border-top-style: {{ config_general_header_border['left']['style'] }};
        border-top-width: {{ config_general_header_border['left']['width'] }};
            {% if config_general_header_border['left']['radius'] is not empty %}
            border-bottom-left-radius: {{ config_general_header_border['left']['radius'] }};
            {% endif %}
		{% endif %}
	{% endif %}
    {% if config_general_header_custom['width'] is not empty %}
  	width: {{ config_general_header_custom['width'] }};
    {% endif %}
    {% if config_general_header_custom['height'] is not empty %}
  	height: {{ config_general_header_custom['height'] }};
    {% endif %}
    {{ config_general_header_custom['css'] ?: config_general_header_custom['css'] }}
}

#header #logo{
    position: absolute;
    bottom: 10px;
    left: 15px;
}

#language{
        position: absolute;
    
    right: 10px;
    right: 0px;
    top: 25px;
    color: #999;
    line-height: 17px
}

#language > img{
    cursor: pointer;
    margin-right: 5px;
    float: right;
}

#language .drop-button {
  	background: none repeat scroll 0 0 #fff;
    border: 1px solid #fff;
  	padding: 3px 5px;
    border-radius: 2px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
}

#language .drop-button span {
	margin: 0 4px;  
}

#language ul li img{  	
  	margin-right: 5px;
}

#header #search{
    position: absolute;
    bottom: 40px;
    left: 242px;
    z-index: 15;
}

#header #select-search{
    border: 2px solid #656565;
    border-right: 0;
    width: 100px;
    height: 35px;
    cursor: pointer;
    padding: 5px;
}

#header #select-search option{
    padding: 8px 5px;
    border: 1px #656565;
}

#header #_button-search{
    position: absolute;
    right: 0;
    bottom: 0;
    background: #656565;
    width: 35px;
    height: 35px;
    border-left: 2px solid #656565;
    cursor: pointer;
    padding: 5px;
}

#header #_button-search i{
    font-size: 20px;
    color: #fff;
}

#header #search > input{
    background: #FFF;
    padding: 1px 45px 1px 10px;
    width: 300px;
    height: 35px;
    border: 2px solid #656565;    
    border-radius: 0;
    font-size: 14px;
    float: right;
}

#header #search .keyword {
	position: absolute;
  	margin-top: 35px;
}

#header #search .keyword > span{
  	margin-right: 20px;
}

#header #search .keyword ul{
  	padding: 0;
  	list-style: none;
  	display: inline-block;
}

#header #search .keyword ul li{  	
  	list-style: none;
  	padding: 0;
  	margin: 0;
  	display: inline-block;
}

#header #search .keyword ul li + li{  	
  	margin-left: 10px;
}

#header #search .keyword ul li a{
  	display: block;
}

#header #welcome{
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 5;
    width: 298px;
    text-align: right;
    color: #999999;
}

#header .links{
    position: absolute;
    left: 0px;
    top: 3px;
    font-size: 10px;
    padding-right: 10px;
}

#header .links a{
    float: left;
    display: block;
    padding: 0px 0px 0px 7px;
    color: #0074a2;
    font-size: 12px;
}

#header .links a + a{
    margin-left: 8px;
    border-left: 1px solid #CCC;
}