Compare commits
No commits in common. "cfd932a94315320d7d49d30aeca6a820381a11f9" and "9cee7e78a5536e655af198ef99a236c4d7947057" have entirely different histories.
cfd932a943
...
9cee7e78a5
6 changed files with 33 additions and 74 deletions
|
@ -230,12 +230,6 @@ footer {
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
a, a:visited {
|
|
||||||
&:hover, &:active, &:visited {
|
|
||||||
color: $color-light;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -250,7 +244,7 @@ ul.social {
|
||||||
margin:0;
|
margin:0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
display: inline;
|
display: inline;
|
||||||
a, a:visited {
|
a {
|
||||||
color: $color-footer-back;
|
color: $color-footer-back;
|
||||||
background-color: $color-footer-text;
|
background-color: $color-footer-text;
|
||||||
padding:0.3em;
|
padding:0.3em;
|
||||||
|
|
|
@ -53,6 +53,10 @@ $color-success: $color-green;
|
||||||
|
|
||||||
// Colorize important elements
|
// Colorize important elements
|
||||||
|
|
||||||
|
a, a:hover, a:active {
|
||||||
|
color: $color-link;
|
||||||
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
@include background-color($color-selection, $color-light);
|
@include background-color($color-selection, $color-light);
|
||||||
}
|
}
|
||||||
|
|
|
@ -38,19 +38,11 @@ em {
|
||||||
font-weight: $fontweight_base;
|
font-weight: $fontweight_base;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
a, a:visited {
|
|
||||||
color: $color-light;
|
|
||||||
background-color: $color-link;
|
|
||||||
text-decoration:none;
|
|
||||||
padding:0.05rem;
|
|
||||||
padding-left:0.25rem;
|
|
||||||
padding-right:0.25rem;
|
|
||||||
border-radius:0.1rem;
|
|
||||||
&:hover, &:active, &:focus {
|
|
||||||
color: $color-link;
|
color: $color-link;
|
||||||
background-color: transparent;
|
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
|
&:hover, &:active {
|
||||||
|
color: $color-link;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -89,7 +89,7 @@ $card-smallpad: $lineheight_half;
|
||||||
margin:0;
|
margin:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-element, .menu-element-link, li a, li a:visited {
|
.menu-element, .menu-element-link, li a {
|
||||||
display:flex;
|
display:flex;
|
||||||
line-height:$lineheight;
|
line-height:$lineheight;
|
||||||
padding-right:$lineheight_half;
|
padding-right:$lineheight_half;
|
||||||
|
@ -120,7 +120,7 @@ $card-smallpad: $lineheight_half;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a, a:visited {
|
a {
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
color: $color-violet;
|
color: $color-violet;
|
||||||
background-color:transparent;
|
background-color:transparent;
|
||||||
|
@ -238,16 +238,4 @@ ul.card-list, .card > ul {
|
||||||
&-danger { @include background-color($color-danger, $color-light); }
|
&-danger { @include background-color($color-danger, $color-light); }
|
||||||
&-info { @include background-color($color-info, $color-light); }
|
&-info { @include background-color($color-info, $color-light); }
|
||||||
&-success { @include background-color($color-success, $color-light); }
|
&-success { @include background-color($color-success, $color-light); }
|
||||||
|
|
||||||
a, a:visited {
|
|
||||||
color: $color-light;
|
|
||||||
background-color:rgba(0,0,0,0.15);
|
|
||||||
text-decoration:none;
|
|
||||||
opacity:1;
|
|
||||||
&:hover, &:active, &:visited {
|
|
||||||
color: $color-light;
|
|
||||||
background-color:transparent;
|
|
||||||
opacity:1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -50,9 +50,8 @@ $preview-height: 8*$lineheight;
|
||||||
box-shadow: $large-shadow, $inset-shadow;
|
box-shadow: $large-shadow, $inset-shadow;
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview-link {
|
.preview-link:hover {
|
||||||
padding:0;
|
text-decoration:none!important;
|
||||||
background-color: transparent;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview-item {
|
.preview-item {
|
||||||
|
|
56
style.css
56
style.css
|
@ -22,6 +22,9 @@
|
||||||
* également celles spécifiques pour certains sujets (liens, texte)
|
* également celles spécifiques pour certains sujets (liens, texte)
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
a, a:hover, a:active {
|
||||||
|
color: #2aa198; }
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
background-color: #2aa198 !important;
|
background-color: #2aa198 !important;
|
||||||
color: #fdf6e3; }
|
color: #fdf6e3; }
|
||||||
|
@ -306,18 +309,11 @@ em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-weight: 400; }
|
font-weight: 400; }
|
||||||
|
|
||||||
a, a:visited {
|
a {
|
||||||
color: #fdf6e3;
|
|
||||||
background-color: #2aa198;
|
|
||||||
text-decoration: none;
|
|
||||||
padding: 0.05rem;
|
|
||||||
padding-left: 0.25rem;
|
|
||||||
padding-right: 0.25rem;
|
|
||||||
border-radius: 0.1rem; }
|
|
||||||
a:hover, a:active, a:focus, a:visited:hover, a:visited:active, a:visited:focus {
|
|
||||||
color: #2aa198;
|
color: #2aa198;
|
||||||
background-color: transparent;
|
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
a:hover, a:active {
|
||||||
|
color: #2aa198; }
|
||||||
|
|
||||||
p {
|
p {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
@ -788,9 +784,6 @@ footer {
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
footer .footer-collumns {
|
footer .footer-collumns {
|
||||||
grid-template-columns: 1fr 1fr 1fr; } }
|
grid-template-columns: 1fr 1fr 1fr; } }
|
||||||
footer .footer-collumns a:hover, footer .footer-collumns a:active, footer .footer-collumns a:visited, footer .footer-collumns a:visited:hover, footer .footer-collumns a:visited:active, footer .footer-collumns a:visited:visited {
|
|
||||||
color: #fdf6e3; }
|
|
||||||
|
|
||||||
/* social media */
|
/* social media */
|
||||||
ul.social {
|
ul.social {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
|
@ -801,7 +794,7 @@ ul.social {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
display: inline; }
|
display: inline; }
|
||||||
ul.social li a, ul.social li a:visited {
|
ul.social li a {
|
||||||
color: #073642;
|
color: #073642;
|
||||||
background-color: #fdf6e3;
|
background-color: #fdf6e3;
|
||||||
padding: 0.3em;
|
padding: 0.3em;
|
||||||
|
@ -809,7 +802,7 @@ ul.social {
|
||||||
padding-right: 0.36em;
|
padding-right: 0.36em;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
border-radius: 100%; }
|
border-radius: 100%; }
|
||||||
ul.social li a:hover, ul.social li a:visited:hover {
|
ul.social li a:hover {
|
||||||
color: #fdf6e3;
|
color: #fdf6e3;
|
||||||
background-color: #073642; }
|
background-color: #073642; }
|
||||||
|
|
||||||
|
@ -883,7 +876,7 @@ ul.social {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0; }
|
margin: 0; }
|
||||||
.card-menu .menu-element, .card-menu .menu-element-link, .card-menu li a, .card-menu li a:visited, .menu-menu .menu-element, .menu-menu .menu-element-link, .menu-menu li a, .menu-menu li a:visited {
|
.card-menu .menu-element, .card-menu .menu-element-link, .card-menu li a, .menu-menu .menu-element, .menu-menu .menu-element-link, .menu-menu li a {
|
||||||
display: flex;
|
display: flex;
|
||||||
line-height: 1.5rem;
|
line-height: 1.5rem;
|
||||||
padding-right: 0.75rem;
|
padding-right: 0.75rem;
|
||||||
|
@ -899,7 +892,7 @@ ul.social {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
overflow: visible; }
|
overflow: visible; }
|
||||||
.card-menu .menu-element:before, .card-menu .menu-element-link:before, .card-menu li a:before, .card-menu li a:visited:before, .menu-menu .menu-element:before, .menu-menu .menu-element-link:before, .menu-menu li a:before, .menu-menu li a:visited:before {
|
.card-menu .menu-element:before, .card-menu .menu-element-link:before, .card-menu li a:before, .menu-menu .menu-element:before, .menu-menu .menu-element-link:before, .menu-menu li a:before {
|
||||||
content: " ";
|
content: " ";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -909,24 +902,24 @@ ul.social {
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
transform: skewX(-15deg);
|
transform: skewX(-15deg);
|
||||||
transition: background-color 0.3s; }
|
transition: background-color 0.3s; }
|
||||||
.card-menu .menu-element strong, .card-menu .menu-element-link strong, .card-menu li a strong, .card-menu li a:visited strong, .menu-menu .menu-element strong, .menu-menu .menu-element-link strong, .menu-menu li a strong, .menu-menu li a:visited strong {
|
.card-menu .menu-element strong, .card-menu .menu-element-link strong, .card-menu li a strong, .menu-menu .menu-element strong, .menu-menu .menu-element-link strong, .menu-menu li a strong {
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
color: #002b36 !important; }
|
color: #002b36 !important; }
|
||||||
.card-menu .menu-element.noflex, .card-menu .menu-element-link.noflex, .card-menu li a.noflex, .card-menu li a.noflex:visited, .menu-menu .menu-element.noflex, .menu-menu .menu-element-link.noflex, .menu-menu li a.noflex, .menu-menu li a.noflex:visited {
|
.card-menu .menu-element.noflex, .card-menu .menu-element-link.noflex, .card-menu li a.noflex, .menu-menu .menu-element.noflex, .menu-menu .menu-element-link.noflex, .menu-menu li a.noflex {
|
||||||
justify-content: flex-start; }
|
justify-content: flex-start; }
|
||||||
.card-menu .menu-element.noflex :first-child, .card-menu .menu-element-link.noflex :first-child, .card-menu li a.noflex :first-child, .card-menu li a.noflex:visited :first-child, .menu-menu .menu-element.noflex :first-child, .menu-menu .menu-element-link.noflex :first-child, .menu-menu li a.noflex :first-child, .menu-menu li a.noflex:visited :first-child {
|
.card-menu .menu-element.noflex :first-child, .card-menu .menu-element-link.noflex :first-child, .card-menu li a.noflex :first-child, .menu-menu .menu-element.noflex :first-child, .menu-menu .menu-element-link.noflex :first-child, .menu-menu li a.noflex :first-child {
|
||||||
min-width: 2rem; }
|
min-width: 2rem; }
|
||||||
.card-menu a, .card-menu a:visited, .menu-menu a, .menu-menu a:visited {
|
.card-menu a, .menu-menu a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #d33682;
|
color: #d33682;
|
||||||
background-color: transparent; }
|
background-color: transparent; }
|
||||||
.card-menu a:hover, .card-menu a:visited:hover, .menu-menu a:hover, .menu-menu a:visited:hover {
|
.card-menu a:hover, .menu-menu a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #d33682;
|
color: #d33682;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
overflow: visible; }
|
overflow: visible; }
|
||||||
.card-menu a:hover:before, .card-menu a:visited:hover:before, .menu-menu a:hover:before, .menu-menu a:visited:hover:before {
|
.card-menu a:hover:before, .menu-menu a:hover:before {
|
||||||
content: " ";
|
content: " ";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -936,7 +929,7 @@ ul.social {
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
transform: skewX(-15deg);
|
transform: skewX(-15deg);
|
||||||
transition: background-color 0.3s; }
|
transition: background-color 0.3s; }
|
||||||
.card-menu a:hover:before, .card-menu a:visited:hover:before, .menu-menu a:hover:before, .menu-menu a:visited:hover:before {
|
.card-menu a:hover:before, .menu-menu a:hover:before {
|
||||||
background-color: #e3d9ba; }
|
background-color: #e3d9ba; }
|
||||||
.card-menu .menu-divider, .menu-menu .menu-divider {
|
.card-menu .menu-divider, .menu-menu .menu-divider {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -1198,16 +1191,6 @@ ul.card-list, .card > ul {
|
||||||
background-color: #859900 !important;
|
background-color: #859900 !important;
|
||||||
color: #fdf6e3; }
|
color: #fdf6e3; }
|
||||||
|
|
||||||
.toast a, .toast a:visited {
|
|
||||||
color: #fdf6e3;
|
|
||||||
background-color: rgba(0, 0, 0, 0.15);
|
|
||||||
text-decoration: none;
|
|
||||||
opacity: 1; }
|
|
||||||
.toast a:hover, .toast a:active, .toast a:visited, .toast a:visited:hover, .toast a:visited:active, .toast a:visited:visited {
|
|
||||||
color: #fdf6e3;
|
|
||||||
background-color: transparent;
|
|
||||||
opacity: 1; }
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* 3. Buttons and labels
|
* 3. Buttons and labels
|
||||||
* All clickable elements
|
* All clickable elements
|
||||||
|
@ -1751,9 +1734,8 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); }
|
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); }
|
||||||
|
|
||||||
.preview-link {
|
.preview-link:hover {
|
||||||
padding: 0;
|
text-decoration: none !important; }
|
||||||
background-color: transparent; }
|
|
||||||
|
|
||||||
.preview-item {
|
.preview-item {
|
||||||
height: 12rem;
|
height: 12rem;
|
||||||
|
|
Reference in a new issue