Changes

no edit summary
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 />