|
@@ -1844,9 +1844,17 @@ article.card {
|
|
|
height: 100px;
|
|
|
margin: auto; }
|
|
|
article.card.minicard > header {
|
|
|
- padding: 0.3em 0.3em 0.1em; }
|
|
|
+ padding: 0.3em 0.3em 0.1em;
|
|
|
+ cursor: pointer; }
|
|
|
article.card.minicard > header h1 {
|
|
|
- margin: 0; }
|
|
|
+ margin: 0;
|
|
|
+ font-size: 1em; }
|
|
|
+ article.card.minicard > header h4 {
|
|
|
+ margin: 0;
|
|
|
+ line-height: 1.1;
|
|
|
+ margin-bottom: -0.4em; }
|
|
|
+ article.card.minicard > header span.ref {
|
|
|
+ line-height: 0.5; }
|
|
|
article.card.minicard > nav.tools {
|
|
|
top: auto;
|
|
|
bottom: 0;
|
|
@@ -1855,7 +1863,7 @@ article.card {
|
|
|
article.card.minicard > nav.tools .mdi.unflag {
|
|
|
cursor: pointer; }
|
|
|
article.card.linkedmaterialcard {
|
|
|
- width: 200px;
|
|
|
+ width: 190px;
|
|
|
height: 110px; }
|
|
|
article.card.linkedmaterialcard > header {
|
|
|
padding: 0.3em 0.3em 0.1em;
|
|
@@ -1927,9 +1935,9 @@ article.card {
|
|
|
right: 100%;
|
|
|
width: 180px;
|
|
|
box-sizing: border-box;
|
|
|
- padding: 0.3em;
|
|
|
+ padding: 0;
|
|
|
background-color: #fff;
|
|
|
- box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.2);
|
|
|
+ box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.5);
|
|
|
opacity: 0;
|
|
|
max-height: 0;
|
|
|
max-width: 0;
|
|
@@ -1938,6 +1946,7 @@ article.card {
|
|
|
article.card nav.tools > *:hover .tool-content {
|
|
|
transition: all 0.3s ease-in-out;
|
|
|
opacity: 1;
|
|
|
+ padding: 0.3em;
|
|
|
max-height: 195px;
|
|
|
max-width: 200px; }
|
|
|
article.card nav.tools .tool.flags .tool-content ul {
|
|
@@ -1989,27 +1998,51 @@ article.card {
|
|
|
flex-basis: 50%; }
|
|
|
article.card.modal-card section.col-right > *:not(nav.tools) {
|
|
|
position: relative;
|
|
|
- padding: 0.5em 0.5em 0;
|
|
|
+ padding: 0.3em 20px 0 0.5em;
|
|
|
box-sizing: border-box;
|
|
|
width: 100%; }
|
|
|
article.card.modal-card section.col-right > header {
|
|
|
bottom: auto; }
|
|
|
+ article.card.modal-card section.col-right span.label {
|
|
|
+ font-size: 0.693em;
|
|
|
+ font-weight: 500; }
|
|
|
article.card.modal-card section.col-right section.body p {
|
|
|
- font-size: 0.882em;
|
|
|
+ font-size: 0.693em;
|
|
|
font-weight: 300;
|
|
|
line-height: 1.35;
|
|
|
- margin: 0 0 0.5em; }
|
|
|
- article.card.modal-card section.col-right section.linked-materials {
|
|
|
+ margin: 0 0 0.3em; }
|
|
|
+ article.card.modal-card section.col-right section.linked-materials > ul {
|
|
|
display: flex;
|
|
|
flex-flow: row wrap;
|
|
|
justify-content: space-between; }
|
|
|
- article.card.modal-card section.col-right section.linked-materials > article.linkedmaterialcard {
|
|
|
+ article.card.modal-card section.col-right section.linked-materials > ul > li {
|
|
|
flex-basis: 0 0 50%;
|
|
|
margin-bottom: 0.5em; }
|
|
|
article.card.modal-card section.col-right nav.tools {
|
|
|
opacity: 1; }
|
|
|
article.card.modal-card section.col-right nav.tools section.close span.btn.mdi-close {
|
|
|
cursor: pointer; }
|
|
|
+ article.card.modal-card section.col-right nav.tools div.tool-content {
|
|
|
+ min-width: 385px; }
|
|
|
+ article.card.modal-card section.col-right section.tool.samples div.tool-content ul {
|
|
|
+ font-size: 0.882em;
|
|
|
+ font-weight: 300; }
|
|
|
+ article.card.modal-card section.col-right section.tool.samples div.tool-content ul li {
|
|
|
+ padding-right: 0.5em; }
|
|
|
+ article.card.modal-card section.col-right section.tool.samples div.tool-content ul li span.showroom {
|
|
|
+ font-weight: 500; }
|
|
|
+ article.card.modal-card section.col-right section.tool.industriels div.tool-content {
|
|
|
+ display: flex;
|
|
|
+ flex-flow: row; }
|
|
|
+ article.card.modal-card section.col-right section.tool.industriels div.tool-content > section {
|
|
|
+ flex: 0 0 50%; }
|
|
|
+ article.card.modal-card section.col-right section.tool.industriels div.tool-content > section h2 {
|
|
|
+ margin: 0;
|
|
|
+ font-size: 1em;
|
|
|
+ line-height: 0.6; }
|
|
|
+ article.card.modal-card section.col-right section.tool.industriels div.tool-content > section p {
|
|
|
+ margin: 0;
|
|
|
+ font-size: 0.882em; }
|
|
|
|
|
|
#main-content > article.thematique div.cols {
|
|
|
display: flex;
|