273 lines
6.8 KiB
SCSS
273 lines
6.8 KiB
SCSS
/* Links */
|
|
a, div#account-management ul>li>a {
|
|
text-decoration: none;
|
|
border-bottom-width: 0.08em;
|
|
border-bottom-style: solid;
|
|
transition: border 0.2s ease-out;
|
|
color: #c64a59;
|
|
border-bottom-color: #c64a59;
|
|
|
|
&:hover {
|
|
color: #c64a59;
|
|
border-bottom-color: #c64a59;
|
|
border-bottom-width: 0.20em;
|
|
}
|
|
|
|
&:visited {
|
|
color: #198468;
|
|
border-bottom-color: #198468;
|
|
}
|
|
}
|
|
|
|
#logo a { border: none; }
|
|
|
|
/* Collapsible */
|
|
.collapsible a, .collapsible a:visited {
|
|
color: #fff;
|
|
border-color: #fff;
|
|
}
|
|
|
|
a.elf-external.elf-icon:after {
|
|
content: " \e05f";
|
|
font-family: MarsIcons;
|
|
}
|
|
|
|
/* Block links */
|
|
a.blocklink, div#account-management ul>li>a {
|
|
font-weight: bold;
|
|
border-bottom-width: 0.16em;
|
|
border-bottom-style: solid;
|
|
transition: border 0.2s ease-out;
|
|
line-height: 200%;
|
|
|
|
&.inline { display: inline-block; }
|
|
|
|
&:hover { border-bottom-width: 0.32em; }
|
|
|
|
&:before {
|
|
display: block;
|
|
float: left;
|
|
content: "\e032\a0";
|
|
font-family: MarsIcons;
|
|
position: relative;
|
|
font-size: 150%;
|
|
font-weight: normal;
|
|
top: 0.1em;
|
|
}
|
|
}
|
|
|
|
/* Button links */
|
|
a.btlnk {
|
|
display: inline-block;
|
|
position: relative;
|
|
font-weight: bold;
|
|
font-size: 122%;
|
|
color: #000;
|
|
padding: 0.5em 0.727em;
|
|
border: none;
|
|
border-right: 2.3em solid #2d2d2d;
|
|
margin-bottom: 1.5em;
|
|
background-color: #ee787c;
|
|
|
|
&.fullwidth { display: block; width: auto; }
|
|
&.complement { background-color: #82CEBB; }
|
|
&:visited { color: #000; }
|
|
|
|
&::after {
|
|
display: block;
|
|
width: 1.15em;
|
|
right: -1.15em;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -0.47em;
|
|
margin-right: -0.27em;
|
|
font-size: 130%;
|
|
content: "\e014";
|
|
font-family: MarsIcons;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
line-height: 100%;
|
|
color: #ee787c;
|
|
}
|
|
|
|
&.strong { background-color: #82cebb; }
|
|
&.strong::after { color: #82cebb; }
|
|
&.complement::after { color: #82CEBB; }
|
|
}
|
|
|
|
.E003::after { content: "\e003"; }
|
|
.E004::after { content: "\e004"; }
|
|
.E005::after { content: "\e005"; }
|
|
.E006::after { content: "\e006"; }
|
|
.E007::after { content: "\e007"; }
|
|
.E008::after { content: "\e008"; }
|
|
.E009::after { content: "\e009"; }
|
|
.E00A::after { content: "\e00a"; }
|
|
.E00B::after { content: "\e00b"; }
|
|
.E00C::after { content: "\e00c"; }
|
|
.E00D::after { content: "\e00d"; }
|
|
.E00E::after { content: "\e00e"; }
|
|
.E00F::after { content: "\e00f"; }
|
|
.E010::after { content: "\e010"; }
|
|
.E011::after { content: "\e011"; }
|
|
.E012::after { content: "\e012"; }
|
|
.E013::after { content: "\e013"; }
|
|
.E014::after { content: "\e014"; }
|
|
.E015::after { content: "\e015"; }
|
|
.E016::after { content: "\e016"; }
|
|
.E017::after { content: "\e017"; }
|
|
.E018::after { content: "\e018"; }
|
|
.E019::after { content: "\e019"; }
|
|
.E01A::after { content: "\e01a"; }
|
|
.E01B::after { content: "\e01b"; }
|
|
.E01C::after { content: "\e01c"; }
|
|
.E01D::after { content: "\e01d"; }
|
|
.E01E::after { content: "\e01e"; }
|
|
.E01F::after { content: "\e01f"; }
|
|
.E020::after { content: "\e020"; }
|
|
.E021::after { content: "\e021"; }
|
|
.E022::after { content: "\e022"; }
|
|
.E023::after { content: "\e023"; }
|
|
.E024::after { content: "\e024"; }
|
|
.E025::after { content: "\e025"; }
|
|
.E026::after { content: "\e026"; }
|
|
.E027::after { content: "\e027"; }
|
|
.E028::after { content: "\e028"; }
|
|
.E029::after { content: "\e029"; }
|
|
.E02A::after { content: "\e02a"; }
|
|
.E02B::after { content: "\e02b"; }
|
|
.E02C::after { content: "\e02c"; }
|
|
.E02D::after { content: "\e02d"; }
|
|
.E02E::after { content: "\e02e"; }
|
|
.E02F::after { content: "\e02f"; }
|
|
.E030::after { content: "\e030"; }
|
|
.E031::after { content: "\e031"; }
|
|
.E032::after { content: "\e032"; }
|
|
.E033::after { content: "\e033"; }
|
|
.E034::after { content: "\e034"; }
|
|
.E035::after { content: "\e035"; }
|
|
.E036::after { content: "\e036"; }
|
|
.E037::after { content: "\e037"; }
|
|
.E038::after { content: "\e038"; }
|
|
.E039::after { content: "\e039"; }
|
|
.E03A::after { content: "\e03a"; }
|
|
.E03B::after { content: "\e03b"; }
|
|
.E03C::after { content: "\e03c"; }
|
|
.E03D::after { content: "\e03d"; }
|
|
.E03E::after { content: "\e03e"; }
|
|
.E03F::after { content: "\e03f"; }
|
|
.E040::after { content: "\e040"; }
|
|
.E041::after { content: "\e041"; }
|
|
.E042::after { content: "\e042"; }
|
|
.E043::after { content: "\e043"; }
|
|
.E044::after { content: "\e044"; }
|
|
.E05C::after { content: "\e05c"; }
|
|
.E05D::after { content: "\e05d"; }
|
|
.E05E::after { content: "\e05e"; }
|
|
.E05F::after { content: "\e05f"; }
|
|
.E060::after { content: "\e060"; }
|
|
.E061::after { content: "\e061"; }
|
|
.E062::after { content: "\e062"; }
|
|
.E063::after { content: "\e063"; }
|
|
.E064::after { content: "\e064"; }
|
|
.E065::after { content: "\e065"; }
|
|
.E066::after { content: "\e066"; }
|
|
.E06E::after { content: "\e06e"; }
|
|
.E08E::after { content: "\e08e"; }
|
|
.E08F::after { content: "\e08f"; }
|
|
.E090::after { content: "\e090"; }
|
|
.E09C::after { content: "\e09c"; }
|
|
.E09D::after { content: "\e09d"; }
|
|
.E09E::after { content: "\e09e"; }
|
|
.E09F::after { content: "\e09f"; }
|
|
.E0A0::after { content: "\e0a0"; }
|
|
.E0A1::after { content: "\e0a1"; }
|
|
.E0A2::after { content: "\e0a2"; }
|
|
.E0A3::after { content: "\e0a3"; }
|
|
.E0A4::after { content: "\e0a4"; }
|
|
.E0A5::after { content: "\e0a5"; }
|
|
.E0A6::after { content: "\e0a6"; }
|
|
.E0A7::after { content: "\e0a7"; }
|
|
.E0E9::after { content: "\e0e9"; }
|
|
.E0EA::after { content: "\e0ea"; }
|
|
.E0EB::after { content: "\e0eb"; }
|
|
.E0EC::after { content: "\e0ec"; }
|
|
.E0ED::after { content: "\e0ed"; }
|
|
.E100::after { content: "\e100"; }
|
|
.E101::after { content: "\e101"; }
|
|
.E102::after { content: "\e102"; }
|
|
.E104::after { content: "\e104"; }
|
|
.E105::after { content: "\e105"; }
|
|
.E106::after { content: "\e106"; }
|
|
.E107::after { content: "\e107"; }
|
|
.E108::after { content: "\e108"; }
|
|
.E109::after { content: "\e109"; }
|
|
|
|
/* Authentication links */
|
|
div#toplinks {
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
margin-top: 0.5em;
|
|
padding: 0;
|
|
right: 0.2em;
|
|
text-align: right;
|
|
|
|
a.login, a.logout {
|
|
@include flexbox();
|
|
@include vendor-prefix(justify-content, flex-end);
|
|
|
|
border: none;
|
|
|
|
div.logtext {
|
|
background: $primary-color;
|
|
color: $black;
|
|
font-size: 122%;
|
|
font-weight: 700;
|
|
height: 2em;
|
|
padding: 0 0.5em;
|
|
text-align: center;
|
|
line-height: 2em;
|
|
}
|
|
|
|
div.logicon {
|
|
background-color: $black;
|
|
background-image: url(img/picto_btn_connexion.svg);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 70%;
|
|
content: "";
|
|
width: 2.441em;
|
|
}
|
|
}
|
|
|
|
a.registration {
|
|
color: $red;
|
|
font-weight: 500;
|
|
margin-top: 0.4em;
|
|
|
|
&:visited {
|
|
color: #198468;
|
|
border-bottom-color: #198468;
|
|
}
|
|
|
|
span.pre-register {
|
|
color: $light-black;
|
|
margin-right: 0.2em;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Account management */
|
|
div#account-management ul {
|
|
padding: 1rem;
|
|
|
|
&>li {
|
|
&>a {
|
|
display: inline;
|
|
padding: inherit;
|
|
|
|
&:hover { background-color: transparent; }
|
|
}
|
|
}
|
|
} |