imio-publik-themes/static/imio/_cells.scss

129 lines
3.3 KiB
SCSS

@charset "UTF-8";
$theme2019: false !default; //Set to true for use the new theme wcsformcell-links
//$cell-background: #FFF !default;
//$cell-border: 1px solid #ccc !default; //cells are the keyword for the different blocks in the content
//$cell-border-radius: $border-radius; //Vérifier son existance
$link-color: $primary-color !default;
$cell-color: inherit !default;
$cell-entry-color: $link-color !default;
$cell-entry-hover-color: white;
$cell-entry-border: 0;
$cell-links-bullet: None !default; //bullets for lists inside cells
$cell-links-bullet-color: $link-color !default;
$cell-title-color: #333333 !default;
$cell-spacing: 0em !default;
$cell-title-bg-color: transparent !default;
//$cell-title-font-weight: normal !default;
$cell-title-font-weight: 600;
div#account-management ul > li > a,
div.wcsformsofcategorycell ul > li > a,
div.wcscurrentdraftscell ul > li > a,
div.wcscurrentformscell ul > li > a {
border-bottom: None;
}
/* Define borders for the cells content*/
/*
#content div.cell {
border: $cell-border;
}
*/
// added to add more space under field titles
div.widget div.title {
margin-bottom: 0.7em;
}
div#main-content {
min-height: 170px;
}
#content div.cell.wcsformsofcategorycell {
margin-bottom: $cell-spacing;
}
/* Add heading "front-office categories forms listing" background-color and title color*/
div#rub_service div.category h3,
#content div.a2-block h2,
#content div.block h2,
div.links-list h2,
div#services > ul > li > strong > a,
#content div.textcell h2:first-child,
#content div.cell h2:first-child,
div#tracking-code,
div#rub_service h2 {
background: $cell-title-bg-color;
color: $cell-title-color;
font-weight: $cell-title-font-weight;
}
/*Links in cells, in content*/
div#account-management ul > li > a,
div.wcsformsofcategorycell ul > li > a,
div.wcscurrentdraftscell ul > li > a,
div.wcscurrentformscell ul > li > a {
//color: $cell-entry-color;
&:hover {
color: $cell-entry-hover-color;
}
}
div#rub_service div.category ul > li > a,
div#services > ul > li > ul > li > a,
div#account-management ul > li > a,
div.links-list ul > li > a,
div.menucell ul > li > a,
div.wcsformcell > li > a,
div.notificationscell ul > li > a,
div.categoriescell ul > li > a,
div.wcsformsofcategorycell ul > li > a,
div.wcscurrentdraftscell ul > li > a,
div.wcscurrentformscell ul > li > a {
//color: $cell-entry-color;
&::before {
content: $cell-links-bullet;
@if $cell-links-bullet != None {
padding: 0 0.25em 0 0;
color: $cell-links-bullet-color;
}
}
}
@if $theme2019 == true {
div#account-management ul > li > a,
div.wcsformsofcategorycell ul > li > a,
div.wcscurrentdraftscell ul > li > a,
div.wcscurrentformscell ul > li > a,
div.links-list ul > li > a {
background: #f2f2f2;
border-bottom: 0px;
margin-bottom: 3px;
color: $cell-entry-color;
border-radius: 3px;
z-index: 1;
padding-left: 1.3em;
&:hover {
color: $cell-entry-hover-color;
&::after {
z-index: -1;
background: $cell-entry-hover-background;
opacity: 1;
width: 100%;
}
}
&::after {
width: 0.5em;
opacity: 1;
background: $cell-entry-hover-background;
}
}
#content #columns .cell ul > li > a .form-number {
opacity: 1;
}
}
/* Form title */
div#rub_service h2 {
font-size: 22.6px;
}
/* MTELEWOO-15 causes global fix for too much p margin */
.wcs-tracking-code-input div form p {
margin: 0 0 1em 0;
}