Line 104:
Line 104:
<syntaxhighlight lang="CSS">
<syntaxhighlight lang="CSS">
#header {
#header {
−
background-color: rgb(61,95,147);
+
background-color: rgb(61,95,147);
−
background-image: url(https://www.dolibarr.fr/templates/dolibarr/images/shadows/light/header-overlay.png),url(https://www.dolibarr.fr/templates/dolibarr/images/overlays/headers/header-6_dolibarr.png);
+
background-image: url(https://www.dolibarr.fr/templates/dolibarr/images/shadows/light/header-overlay.png),url(https://www.dolibarr.fr/templates/dolibarr/images/overlays/headers/header-6_dolibarr.png);
−
background-repeat:repeat-x, no-repeat;
+
background-repeat:repeat-x, no-repeat;
−
background-position-x: 600px;
+
background-position-x: 600px;
}
}
#inner-header {
#inner-header {
−
max-width: 1110px;
+
max-width: 1110px;
−
height: 105px;
+
height: 105px;
−
margin: auto;
+
margin: auto;
+
}
+
+
#main-outlet {
+
box-shadow: 0 5px 10px gray;
}
}
#headermodule {
#headermodule {
−
float: right;
+
float: right;
−
margin: 10px 0;
+
margin: 10px 0;
}
}
.banneritem {
.banneritem {
−
margin-right: 8px;
+
margin-right: 8px;
}
}
#main {
#main {
−
background: url(https://www.dolibarr.fr/templates/dolibarr/images/header-overlay.png) 50% -90px repeat-x !important;
+
background: url(https://www.dolibarr.fr/templates/dolibarr/images/header-overlay.png) 50% -90px repeat-x !important;
−
background-color: rgba(0, 0, 0, 0);
+
background-color: rgba(0, 0, 0, 0);
−
background-color: #FFFFFF !important;
+
background-color: #FFFFFF !important;
}
}
.d-header {
.d-header {
−
background-color: inherit;
+
background-color: inherit;
−
box-shadow: inherit;
+
box-shadow: inherit;
+
}
+
+
.d-header .wrap {
+
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
}
}
.d-header .wrap .contents, #main-outlet {
.d-header .wrap .contents, #main-outlet {
−
background-color: #FFFFFF;
+
background-color: #FFFFFF;
}
}
#logo {
#logo {
−
float: left;
+
float: left;
−
margin: 5px 0;
+
margin: 5px 0;
−
display: block;
+
display: block;
−
max-width: 100%;
+
max-width: 100%;
−
margin-left: 4px;
+
margin-left: 4px;
−
margin-top: 32px;
+
margin-top: 32px;
}
}
/* menu */
/* menu */
−
#nav {
#nav {
−
background-color: rgb(56,90,127) !important;
+
background-color: rgb(56,90,127) !important;
−
background: linear-gradient(rgba(56,90,127,.5), rgba(56,90,127,1)),url(https://www.dolibarr.fr/templates/dolibarr/images/shadows/light/nav-overlay2.png) 50% 0 repeat-x !important;
+
background: linear-gradient(rgba(56,90,127,.5), rgba(56,90,127,1)),url(https://www.dolibarr.fr/templates/dolibarr/images/shadows/light/nav-overlay2.png) 50% 0 repeat-x !important; /* Standard syntax */
+
}
}
−
#nav ul {
#nav ul {
−
padding:0;
+
padding:0;
−
margin:0;
+
margin:0;
+
}
}
−
#nav ul li {
#nav ul li {
−
display: inline-block;
+
display: inline-block;
−
margin: 0 0 0 0;
+
margin: 0 0 0 0;
−
padding: 8px 4px 4px 12px;
+
padding: 8px 4px 4px 12px;
}
}
−
#nav #decalmenu {
#nav #decalmenu {
−
max-width: 1126px;
+
max-width: 1126px;
−
margin: auto;
+
margin: auto;
−
padding: 0;
+
padding: 0;
}
}
−
#nav ul li a {
#nav ul li a {
−
display: inline-block;
+
display: inline-block;
−
color: #FFF;
+
color: #FFF;
−
font-weight: bold;
+
font-weight: bold;
−
text-decoration: none;
+
text-decoration: none;
−
font-size: 13px;
+
font-size: 13px;
−
padding: 6px 5px 4px 5px;
+
padding: 6px 5px 4px 5px;
−
height: 26px;
+
height: 26px;
}
}
Line 186:
Line 191:
#nav arrowafterul { background: url(https://www.dolibarr.fr/templates/dolibarr/images/shadows/light/menus/menutab-r.png) 0 0 no-repeat; }
#nav arrowafterul { background: url(https://www.dolibarr.fr/templates/dolibarr/images/shadows/light/menus/menutab-r.png) 0 0 no-repeat; }
−
#nav ul li { background: url(https://www.dolibarr.fr/templates/dolibarr/images/shadows/light/menus/menutab-r.png) 0 0 no-repeat; min-height: 36px; }
#nav ul li { background: url(https://www.dolibarr.fr/templates/dolibarr/images/shadows/light/menus/menutab-r.png) 0 0 no-repeat; min-height: 36px; }
−
#nav ul li.active, #nav ul li.active { opacity: 0.8; }
#nav ul li.active, #nav ul li.active { opacity: 0.8; }
#nav ul li:hover, #nav ul li:hover .item, #nav ul li.active:hover {
#nav ul li:hover, #nav ul li:hover .item, #nav ul li.active:hover {
−
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255,255,255,.3)), color-stop(1, rgba(0,0,0,.3)) );
+
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255,255,255,.3)), color-stop(1, rgba(0,0,0,.3)) );
+
}
}
#mainmenu {
#mainmenu {
−
display: inline-block;
+
display: inline-block;
}
}
#rokajaxsearch, form#mod-finder-searchform {
#rokajaxsearch, form#mod-finder-searchform {
−
display: inline-block;
+
display: inline-block;
−
margin-right: 10px;
+
margin-right: 10px;
−
margin-left: 68px;
+
margin-left: 68px;
−
margin-bottom: 10px;
+
margin-bottom: 10px;
}
}
−
.roksearch_search_str {
.roksearch_search_str {
−
width: 150px;
+
width: 150px;
}
}
input.search-query {
input.search-query {
−
padding-right: 14px;
+
padding-right: 14px;
−
padding-right: 4px \9;
+
padding-right: 4px \9;
−
padding-left: 14px;
+
padding-left: 14px;
−
padding-left: 4px \9;
+
padding-left: 4px \9;
−
margin-bottom: 0;
+
margin-bottom: 0;
−
-webkit-border-radius: 15px;
+
-webkit-border-radius: 15px;
−
-moz-border-radius: 15px;
+
-moz-border-radius: 15px;
−
border-radius: 15px;
+
border-radius: 15px;
}
}
−
.finder .search-query {
.finder .search-query {
−
width: 132px;
+
width: 132px;
}
}
−
.form-search .input-append .search-query,
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
.form-search .input-prepend .search-query {
−
-webkit-border-radius: 0;
+
-webkit-border-radius: 0;
−
-moz-border-radius: 0;
+
-moz-border-radius: 0;
−
border-radius: 0;
+
border-radius: 0;
}
}
−
.form-search .input-append .search-query {
.form-search .input-append .search-query {
−
+
-webkit-border-radius: 14px 0 0 14px;
−
-webkit-border-radius: 14px 0 0 14px;
+
-moz-border-radius: 14px 0 0 14px;
−
+
border-radius: 14px 0 0 14px;
−
-moz-border-radius: 14px 0 0 14px;
−
−
border-radius: 14px 0 0 14px;
−
}
}
−
.form-search .input-append .btn {
.form-search .input-append .btn {
−
+
-webkit-border-radius: 0 14px 14px 0;
−
-webkit-border-radius: 0 14px 14px 0;
+
-moz-border-radius: 0 14px 14px 0;
−
+
border-radius: 0 14px 14px 0;
−
-moz-border-radius: 0 14px 14px 0;
−
−
border-radius: 0 14px 14px 0;
−
}
}
−
.form-search .input-prepend .search-query {
.form-search .input-prepend .search-query {
−
+
-webkit-border-radius: 0 14px 14px 0;
−
-webkit-border-radius: 0 14px 14px 0;
+
-moz-border-radius: 0 14px 14px 0;
−
+
border-radius: 0 14px 14px 0;
−
-moz-border-radius: 0 14px 14px 0;
−
−
border-radius: 0 14px 14px 0;
−
}
}
−
.form-search .input-prepend .btn {
.form-search .input-prepend .btn {
−
+
-webkit-border-radius: 14px 0 0 14px;
−
-webkit-border-radius: 14px 0 0 14px;
+
-moz-border-radius: 14px 0 0 14px;
−
+
border-radius: 14px 0 0 14px;
−
-moz-border-radius: 14px 0 0 14px;
−
−
border-radius: 14px 0 0 14px;
−
}
}
−
.form-search input,
.form-search input,
.form-search textarea,
.form-search textarea,
Line 293:
Line 273:
.form-horizontal .input-prepend,
.form-horizontal .input-prepend,
.form-horizontal .input-append {
.form-horizontal .input-append {
−
display: inline-block;
+
display: inline-block;
−
*display: inline;
+
*display: inline;
−
*zoom: 1;
+
*zoom: 1;
−
margin-bottom: 0;
+
margin-bottom: 0;
−
vertical-align: middle;
+
vertical-align: middle;
}
}
−
.form-search .hide,
.form-search .hide,
.form-inline .hide,
.form-inline .hide,
.form-horizontal .hide {
.form-horizontal .hide {
−
display: none;
+
display: none;
}
}
−
.form-search label,
.form-search label,
.form-inline label,
.form-inline label,
.form-search .btn-group,
.form-search .btn-group,
.form-inline .btn-group {
.form-inline .btn-group {
−
display: inline-block;
+
display: inline-block;
}
}
−
.form-search .input-append,
.form-search .input-append,
−
.form-inline .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-search .input-prepend,
.form-inline .input-prepend {
.form-inline .input-prepend {
−
margin-bottom: 0;
+
margin-bottom: 0;
}
}
−
.form-search .radio,
.form-search .radio,
.form-search .checkbox,
.form-search .checkbox,
.form-inline .radio,
.form-inline .radio,
.form-inline .checkbox {
.form-inline .checkbox {
−
padding-left: 0;
+
padding-left: 0;
−
margin-bottom: 0;
+
margin-bottom: 0;
−
vertical-align: middle;
+
vertical-align: middle;
}
}
−
.form-search .radio input[type="radio"],
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
.form-inline .checkbox input[type="checkbox"] {
−
float: left;
+
float: left;
−
margin-right: 3px;
+
margin-right: 3px;
−
margin-left: 0;
+
margin-left: 0;
}
}
#footer {
#footer {
−
margin: auto;
+
margin: auto;
−
background: #e3e3e3;
+
background: #e3e3e3;
−
border-top: 1px solid #ccc;
+
border-top: 1px solid #ccc;
−
padding: 5px;
+
padding: 5px;
−
color: #888;
+
color: #888;
−
text-align: center;
+
text-align: center;
}
}
</syntaxhighlight><br />
</syntaxhighlight><br />