Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
F
Frama-C Website
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Build
Pipelines
Jobs
Pipeline schedules
Artifacts
Deploy
Releases
Container Registry
Operate
Environments
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
pub
Frama-C Website
Commits
251459cf
Commit
251459cf
authored
3 years ago
by
Allan Blanchard
Browse files
Options
Downloads
Patches
Plain Diff
CSS Lint
parent
a7b5e580
No related branches found
Branches containing commit
No related tags found
1 merge request
!130
Frama-C discuss old archives
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
assets/css/contact.css
+39
-33
39 additions, 33 deletions
assets/css/contact.css
assets/css/home.css
+41
-28
41 additions, 28 deletions
assets/css/home.css
assets/css/publications.css
+22
-18
22 additions, 18 deletions
assets/css/publications.css
with
102 additions
and
79 deletions
assets/css/contact.css
+
39
−
33
View file @
251459cf
...
...
@@ -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
}
This diff is collapsed.
Click to expand it.
assets/css/home.css
+
41
−
28
View file @
251459cf
...
...
@@ -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
}
This diff is collapsed.
Click to expand it.
assets/css/publications.css
+
22
−
18
View file @
251459cf
...
...
@@ -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
}
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment