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