Skip to content
Snippets Groups Projects
Commit 251459cf authored by Allan Blanchard's avatar Allan Blanchard
Browse files

CSS Lint

parent a7b5e580
No related branches found
No related tags found
1 merge request!130Frama-C discuss old archives
Hide whitespace changes
Inline Side-by-side
assets/css/contact.css
+ 39
− 33
View file @ 251459cf
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
padding-top: 40px; padding-top: 40px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact { .pageContact {
padding-top: 70px; padding-top: 70px;
} }
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
margin: 0 0 60px; margin: 0 0 60px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact h1 { .pageContact h1 {
padding-left: 30px; padding-left: 30px;
} }
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
margin-bottom: 50px; margin-bottom: 50px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact form { .pageContact form {
display: table; display: table;
width: 100%; width: 100%;
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact form > div { .pageContact form > div {
width: 50%; width: 50%;
float: left; float: left;
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
width: 100%; width: 100%;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact .choose { .pageContact .choose {
padding-top: 25px; padding-top: 25px;
} }
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
left: 0; left: 0;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact .choose span { .pageContact .choose span {
top: 25px; top: 25px;
} }
...@@ -98,7 +98,7 @@ ...@@ -98,7 +98,7 @@
margin: 0 0 13px; margin: 0 0 13px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact .choose p { .pageContact .choose p {
line-height: 20px; line-height: 20px;
} }
...@@ -120,7 +120,7 @@ ...@@ -120,7 +120,7 @@
user-select: none; user-select: none;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact .choose label { .pageContact .choose label {
padding-left: 27px; padding-left: 27px;
} }
...@@ -130,8 +130,9 @@ ...@@ -130,8 +130,9 @@
animation: bounceIn 0.75s linear both; animation: bounceIn 0.75s linear both;
} }
.pageContact .choose label:before,.pageContact .choose label:after { .pageContact .choose label:before,
content: ''; .pageContact .choose label:after {
content: "";
position: absolute; position: absolute;
border-radius: 50%; border-radius: 50%;
} }
...@@ -146,7 +147,7 @@ ...@@ -146,7 +147,7 @@
box-sizing: border-box; box-sizing: border-box;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact .choose label:before { .pageContact .choose label:before {
width: 20px; width: 20px;
height: 20px; height: 20px;
...@@ -164,7 +165,7 @@ ...@@ -164,7 +165,7 @@
animation: bounceIn 0.75s linear both; animation: bounceIn 0.75s linear both;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact .choose label:after { .pageContact .choose label:after {
width: 10px; width: 10px;
height: 10px; height: 10px;
...@@ -188,7 +189,7 @@ ...@@ -188,7 +189,7 @@
box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.15);
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact .locate { .pageContact .locate {
overflow: hidden; overflow: hidden;
} }
...@@ -197,11 +198,11 @@ ...@@ -197,11 +198,11 @@
.pageContact .locate > figure { .pageContact .locate > figure {
margin: 0; margin: 0;
height: 250px; height: 250px;
background: url('../img/bg-contact-location.jpg') no-repeat center bottom; background: url("../img/bg-contact-location.jpg") no-repeat center bottom;
background-size: cover; background-size: cover;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact .locate > figure { .pageContact .locate > figure {
width: 36%; width: 36%;
float: left; float: left;
...@@ -220,7 +221,7 @@ ...@@ -220,7 +221,7 @@
background-color: #f4f4f4; background-color: #f4f4f4;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact .locate > div { .pageContact .locate > div {
width: 64%; width: 64%;
float: left; float: left;
...@@ -241,7 +242,7 @@ ...@@ -241,7 +242,7 @@
color: #000; color: #000;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.pageContact .contactInfo { .pageContact .contactInfo {
text-align: center; text-align: center;
} }
...@@ -260,7 +261,7 @@ ...@@ -260,7 +261,7 @@
margin: 0 0 20px; margin: 0 0 20px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact .contactInfo h4 { .pageContact .contactInfo h4 {
text-transform: uppercase; text-transform: uppercase;
margin-bottom: 25px; margin-bottom: 25px;
...@@ -272,7 +273,7 @@ ...@@ -272,7 +273,7 @@
margin: 0 0 30px; margin: 0 0 30px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact .contactInfo p { .pageContact .contactInfo p {
font-size: 16px; font-size: 16px;
margin: 0 0 35px; margin: 0 0 35px;
...@@ -294,14 +295,14 @@ ...@@ -294,14 +295,14 @@
transition: 0.1s; transition: 0.1s;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pageContact .contactInfo p a { .pageContact .contactInfo p a {
display: inline-block; display: inline-block;
} }
} }
.pageContact .contactInfo p a:before { .pageContact .contactInfo p a:before {
content: ''; content: "";
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
...@@ -325,7 +326,7 @@ ...@@ -325,7 +326,7 @@
color: #f7931c; color: #f7931c;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.pageContact .contactInfo small { .pageContact .contactInfo small {
display: none; display: none;
} }
...@@ -355,7 +356,7 @@ ...@@ -355,7 +356,7 @@
margin-bottom: 30px; margin-bottom: 30px;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.stackPost .subTitle { .stackPost .subTitle {
text-align: center; text-align: center;
} }
...@@ -458,7 +459,7 @@ ...@@ -458,7 +459,7 @@
margin-bottom: 30px; margin-bottom: 30px;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.usefulLinks .subTitle { .usefulLinks .subTitle {
text-align: center; text-align: center;
} }
...@@ -479,17 +480,17 @@ ...@@ -479,17 +480,17 @@
display: inline-flex; display: inline-flex;
height: 15vh; height: 15vh;
} }
@media (min-width: 768px){ @media (min-width: 768px) {
.side-item{ .side-item {
width: 50%; width: 50%;
} }
} }
@media (min-width: 1024px){ @media (min-width: 1024px) {
.side-item{ .side-item {
width: 33%; width: 33%;
} }
} }
@media (min-width: 1280px){ @media (min-width: 1280px) {
.side-item { .side-item {
width: 100%; width: 100%;
} }
...@@ -502,12 +503,12 @@ ...@@ -502,12 +503,12 @@
.icon-com img { .icon-com img {
max-height: 100%; max-height: 100%;
max-width: 100%; max-width: 100%;
margin: auto 0; margin: auto 0;
} }
.side-item a { .side-item a {
width: 75%; width: 75%;
margin: auto 20px; margin: auto 20px;
vertical-align: center ; vertical-align: center;
color: #484848; color: #484848;
} }
.side-item a:hover { .side-item a:hover {
...@@ -524,7 +525,12 @@ ...@@ -524,7 +525,12 @@
} }
@keyframes bounceIn { @keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% { 0%,
20%,
40%,
60%,
80%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
} }
...@@ -571,4 +577,4 @@ ...@@ -571,4 +577,4 @@
transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.1);
} }
}*/ }*/
} }
\ No newline at end of file
assets/css/home.css
+ 41
− 28
View file @ 251459cf
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
margin-bottom: 15vh; margin-bottom: 15vh;
} }
@media (orientation: portrait){ @media (orientation: portrait) {
.normal { .normal {
margin-top: 5vh; margin-top: 5vh;
margin-bottom: 5vh; margin-bottom: 5vh;
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.home .section h3 { .home .section h3 {
font-size: 20px; font-size: 20px;
} }
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
display: none; display: none;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.home .banner-title { .home .banner-title {
font-size: 33px; font-size: 33px;
margin-top: 10px; margin-top: 10px;
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
margin: 0 auto 20px; margin: 0 auto 20px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.home .banner-desc { .home .banner-desc {
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
...@@ -194,7 +194,7 @@ div.downlink { ...@@ -194,7 +194,7 @@ div.downlink {
} }
div.downlink a { div.downlink a {
font-size: 130% font-size: 130%;
} }
div.goDown .icon { div.goDown .icon {
...@@ -213,7 +213,8 @@ div.goDown .icon { ...@@ -213,7 +213,8 @@ div.goDown .icon {
color: #f26521; color: #f26521;
} }
.swiper-button-next,.swiper-button-prev { .swiper-button-next,
.swiper-button-prev {
background: none !important; background: none !important;
font-size: 30px; font-size: 30px;
width: 46px; width: 46px;
...@@ -290,7 +291,7 @@ div.goDown .icon { ...@@ -290,7 +291,7 @@ div.goDown .icon {
} }
.tabSlider .slideTxt:before { .tabSlider .slideTxt:before {
content: ''; content: "";
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
height: 70px; height: 70px;
...@@ -303,7 +304,8 @@ div.goDown .icon { ...@@ -303,7 +304,8 @@ div.goDown .icon {
} }
} }
.tabSlider .slideTxt b,.tabSlider .slideTxt span { .tabSlider .slideTxt b,
.tabSlider .slideTxt span {
display: block; display: block;
} }
...@@ -338,7 +340,7 @@ div.goDown .icon { ...@@ -338,7 +340,7 @@ div.goDown .icon {
} }
.tabSlider .slideTxt span:before { .tabSlider .slideTxt span:before {
content: ''; content: "";
background: #f57f1e; background: #f57f1e;
background: linear-gradient(to bottom, #f57f1e 0%, #ef3659 100%); background: linear-gradient(to bottom, #f57f1e 0%, #ef3659 100%);
display: inline-block; display: inline-block;
...@@ -393,12 +395,13 @@ div.goDown .icon { ...@@ -393,12 +395,13 @@ div.goDown .icon {
display: none; display: none;
} }
.tabSlider .swiper-button-next, .tabSlider .swiper-button-prev { .tabSlider .swiper-button-next,
.tabSlider .swiper-button-prev {
display: none !important; display: none !important;
} }
.tabSlider .swiper-slide-active .slideTxt span { .tabSlider .swiper-slide-active .slideTxt span {
color: #AAAAAA; color: #aaaaaa;
} }
} }
...@@ -546,7 +549,7 @@ div.goDown .icon { ...@@ -546,7 +549,7 @@ div.goDown .icon {
margin-right: 16px; margin-right: 16px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.codeDemoScreen .codeDemoBlock .title b { .codeDemoScreen .codeDemoBlock .title b {
font-size: 36px; font-size: 36px;
} }
...@@ -576,7 +579,7 @@ div.goDown .icon { ...@@ -576,7 +579,7 @@ div.goDown .icon {
vertical-align: top; vertical-align: top;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.codeDemoScreen .codeDemoBlock .title span { .codeDemoScreen .codeDemoBlock .title span {
max-width: 85%; max-width: 85%;
padding-top: 5px; padding-top: 5px;
...@@ -616,7 +619,7 @@ div.goDown .icon { ...@@ -616,7 +619,7 @@ div.goDown .icon {
.sidetext { .sidetext {
text-align: left; text-align: left;
font-family: 'Muli'; font-family: "Muli";
font-size: 14px; font-size: 14px;
display: flex; display: flex;
} }
...@@ -659,7 +662,7 @@ div.goDown .icon { ...@@ -659,7 +662,7 @@ div.goDown .icon {
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.codeDemoScreen .codeScreen .codeTab > div:first-child { .codeDemoScreen .codeScreen .codeTab > div:first-child {
font-size: 13px; font-size: 13px;
padding: 25px 30px 20px; padding: 25px 30px 20px;
...@@ -685,11 +688,17 @@ div.goDown .icon { ...@@ -685,11 +688,17 @@ div.goDown .icon {
background-color: transparent; background-color: transparent;
} }
.codeDemoScreen .codeScreen .codeTab > div:first-child::-webkit-scrollbar-thumb { .codeDemoScreen
.codeScreen
.codeTab
> div:first-child::-webkit-scrollbar-thumb {
background-color: rgba(200, 200, 200, 0.4); background-color: rgba(200, 200, 200, 0.4);
} }
.codeDemoScreen .codeScreen .codeTab > div:first-child::-webkit-scrollbar-track { .codeDemoScreen
.codeScreen
.codeTab
> div:first-child::-webkit-scrollbar-track {
box-shadow: none; box-shadow: none;
background-color: rgba(200, 200, 200, 0.15); background-color: rgba(200, 200, 200, 0.15);
} }
...@@ -735,7 +744,8 @@ div.goDown .icon { ...@@ -735,7 +744,8 @@ div.goDown .icon {
.eventDetailsBlock { .eventDetailsBlock {
margin-top: 80px; margin-top: 80px;
} }
@media (min-width: 1024px){
@media (min-width: 1024px) {
.eventDetailsBlock { .eventDetailsBlock {
margin-top: 100px; margin-top: 100px;
} }
...@@ -762,7 +772,7 @@ div.goDown .icon { ...@@ -762,7 +772,7 @@ div.goDown .icon {
font-size: 13px; font-size: 13px;
} }
@media (min-width: 800px) { @media (min-width: 800px) {
.eventDetailsBlock .contentBlk { .eventDetailsBlock .contentBlk {
display: inline-flex; display: inline-flex;
flex-direction: row; flex-direction: row;
...@@ -796,20 +806,21 @@ div.goDown .icon { ...@@ -796,20 +806,21 @@ div.goDown .icon {
margin-bottom: 30px; margin-bottom: 30px;
} }
.eventDetailsBlock time b,.eventDetailsBlock time small { .eventDetailsBlock time b,
.eventDetailsBlock time small {
font-weight: 600; font-weight: 600;
font-size: 36px; font-size: 36px;
} }
.eventDetailsBlock time b + b:after { .eventDetailsBlock time b + b:after {
content: ','; content: ",";
} }
.eventDetailsBlock time b:first-child { .eventDetailsBlock time b:first-child {
line-height: 40px; line-height: 40px;
} }
@media (min-width: 800px) { @media (min-width: 800px) {
.eventDetailsBlock time { .eventDetailsBlock time {
display: block; display: block;
text-align: right; text-align: right;
...@@ -825,7 +836,7 @@ div.goDown .icon { ...@@ -825,7 +836,7 @@ div.goDown .icon {
} }
.eventDetailsBlock time b + b:after { .eventDetailsBlock time b + b:after {
content: ''; content: "";
} }
.eventDetailsBlock time small { .eventDetailsBlock time small {
...@@ -902,7 +913,8 @@ div.goDown .icon { ...@@ -902,7 +913,8 @@ div.goDown .icon {
flex-basis: auto; flex-basis: auto;
} }
.eventScaleBlock .swiper-slide-prev,.eventScaleBlock .swiper-slide-next { .eventScaleBlock .swiper-slide-prev,
.eventScaleBlock .swiper-slide-next {
width: auto; width: auto;
flex-basis: auto; flex-basis: auto;
} }
...@@ -974,7 +986,7 @@ div.goDown .icon { ...@@ -974,7 +986,7 @@ div.goDown .icon {
transition: all 0.1s; transition: all 0.1s;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.eventScaleBlock .eventLink span { .eventScaleBlock .eventLink span {
font-size: 13px; font-size: 13px;
margin-left: -100px; margin-left: -100px;
...@@ -1064,7 +1076,7 @@ div.goDown .icon { ...@@ -1064,7 +1076,7 @@ div.goDown .icon {
} }
.eventScaleBlock .scaleBg > u { .eventScaleBlock .scaleBg > u {
background-image: url('../img/bg-scale.jpg'); background-image: url("../img/bg-scale.jpg");
background-repeat: repeat-x; background-repeat: repeat-x;
background-position: bottom left; background-position: bottom left;
background-size: auto 100%; background-size: auto 100%;
...@@ -1192,11 +1204,12 @@ div.goDown .icon { ...@@ -1192,11 +1204,12 @@ div.goDown .icon {
/* Keyframes */ /* Keyframes */
@keyframes arrowMove { @keyframes arrowMove {
0%, 100% { 0%,
100% {
transform: translateY(3px); transform: translateY(3px);
} }
50% { 50% {
transform: translateY(-3px); transform: translateY(-3px);
} }
} }
\ No newline at end of file
assets/css/publications.css
+ 22
− 18
View file @ 251459cf
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
padding-top: 40px; padding-top: 40px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.pagePublications { .pagePublications {
padding-top: 70px; padding-top: 70px;
} }
...@@ -51,22 +51,24 @@ details { ...@@ -51,22 +51,24 @@ details {
} }
details:hover { details:hover {
color: #242424!important; color: #242424 !important;
background-color: #f9f9f9!important; background-color: #f9f9f9 !important;
} }
details summary:focus,details:hover summary { details summary:focus,
details:hover summary {
color: #f16521; color: #f16521;
} }
details.empty:hover,details.empty summary,details.empty summary:hover { details.empty:hover,
color: #484848!important; details.empty summary,
background-color: transparent!important; details.empty summary:hover {
color: #484848 !important;
background-color: transparent !important;
} }
summary { summary {
/* forces summary to cover the details zone, /* forces summary to cover the details zone, so that it is entirely clickable.
so that it is entirely clickable.
*/ */
margin: -15px -20px -15px -15px; margin: -15px -20px -15px -15px;
padding: 30px 40px 30px 50px; padding: 30px 40px 30px 50px;
...@@ -88,13 +90,14 @@ details summary::before { ...@@ -88,13 +90,14 @@ details summary::before {
} }
details[open] summary::before { details[open] summary::before {
content: '\e904'; content: "\e904";
margin-top: 30px; margin-top: 30px;
margin-left: 38px; margin-left: 38px;
font-size: 65%; font-size: 65%;
} }
details[open].empty summary::before,details.empty summary::before { details[open].empty summary::before,
details.empty summary::before {
display: none; display: none;
} }
...@@ -146,7 +149,8 @@ details[open].empty summary::before,details.empty summary::before { ...@@ -146,7 +149,8 @@ details[open].empty summary::before,details.empty summary::before {
min-width: 210px; min-width: 210px;
} }
.navigation li,.navigation ul { .navigation li,
.navigation ul {
text-align: left; text-align: left;
margin-left: 0; margin-left: 0;
padding-left: 0; padding-left: 0;
...@@ -167,7 +171,7 @@ details[open].empty summary::before,details.empty summary::before { ...@@ -167,7 +171,7 @@ details[open].empty summary::before,details.empty summary::before {
font-weight: normal; font-weight: normal;
} }
@media (min-width:768px) { @media (min-width: 768px) {
.navigation > ul { .navigation > ul {
font-size: 18px; font-size: 18px;
} }
...@@ -177,7 +181,7 @@ details[open].empty summary::before,details.empty summary::before { ...@@ -177,7 +181,7 @@ details[open].empty summary::before,details.empty summary::before {
} }
} }
@media (min-width:1280px) { @media (min-width: 1280px) {
.navigation > ul { .navigation > ul {
font-size: 20px; font-size: 20px;
} }
...@@ -200,7 +204,7 @@ details[open].empty summary::before,details.empty summary::before { ...@@ -200,7 +204,7 @@ details[open].empty summary::before,details.empty summary::before {
} }
.sideMenu label:after { .sideMenu label:after {
content: 'CATEGORIES'; content: "CATEGORIES";
font-weight: bolder; font-weight: bolder;
display: inline-block; display: inline-block;
position: relative; position: relative;
...@@ -216,7 +220,7 @@ details[open].empty summary::before,details.empty summary::before { ...@@ -216,7 +220,7 @@ details[open].empty summary::before,details.empty summary::before {
display: none; display: none;
} }
@media (min-width:768px) { @media (min-width: 768px) {
.sideMenu label:after { .sideMenu label:after {
display: none; display: none;
} }
...@@ -232,7 +236,7 @@ details[open].empty summary::before,details.empty summary::before { ...@@ -232,7 +236,7 @@ details[open].empty summary::before,details.empty summary::before {
} }
} }
@media (min-width:1280px) { @media (min-width: 1280px) {
.nav-check-deactivator { .nav-check-deactivator {
left: 250px; left: 250px;
} }
...@@ -245,4 +249,4 @@ details[open].empty summary::before,details.empty summary::before { ...@@ -245,4 +249,4 @@ details[open].empty summary::before,details.empty summary::before {
padding-top: 65px; padding-top: 65px;
background: white; background: white;
z-index: 3; z-index: 3;
} }
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment