agenda-libre-ruby/app/assets/stylesheets/all.sass

166 lines
2.8 KiB
Sass
Raw Normal View History

@import variables
2019-06-17 23:56:29 +02:00
*
height: auto
2013-12-10 23:49:01 +01:00
padding: 0
max-width: inherit
2019-06-16 17:07:37 +02:00
box-sizing: inherit
margin-left: auto
margin-right: auto
2013-11-24 16:11:44 +01:00
2013-12-10 23:49:01 +01:00
html
height: 100%
max-width: 100%
2019-06-16 17:07:37 +02:00
box-sizing: border-box
background-color: transparent
// Integrating adl in another website
&.iframe body
& > header, & > footer,
h2, nav, .orga_search, #banner
display: none
2013-12-10 23:49:01 +01:00
body
font-size: calc(6px + 0.8vw)
min-height: 100%
2018-09-16 23:17:24 +02:00
text-align: center
font-family: sans-serif
background-color: transparent
header, main, footer
*
transition-duration: 0.5s
2013-12-10 23:49:01 +01:00
img:-moz-broken
opacity: 0
a
&:link, &:visited
color: #258
text-decoration: none
&:hover, &:active, &:focus
color: #2E97FF
2013-12-10 23:49:01 +01:00
#flash-messages .flash
color: white
border: solid 1px #007ba0
margin: 1em auto
padding: 0.5em 1.1em
max-width: 50em
font-size: larger
text-align: justify
box-shadow: 0 0 0.3em gray
border-radius: 3px
background-color: #008cba
&.notice
border-color: #3a945b
background-color: #43ac6a
&.alert
border-color: #de2b0f
background-color: #f04124
h3.warning
color: white
margin: 0
padding: 1em
display: inline-block
text-align: center
box-shadow: 0 0 0.3em gray
border-radius: 1em
2018-09-16 23:17:24 +02:00
background-color: orange
2014-06-29 10:29:43 +02:00
2013-12-10 23:49:01 +01:00
header.top
text-align: left
img.logo
float: left
2019-05-01 21:53:26 +02:00
max-width: 12vw
2018-10-17 15:47:43 +02:00
margin-right: 1%
2013-12-10 23:49:01 +01:00
h1
2018-10-17 15:47:43 +02:00
margin: 0
padding: 0
2013-12-10 23:49:01 +01:00
h2
font:
size: inherit
style: italic
weight: normal
2018-10-17 15:47:43 +02:00
margin-top: 0.2em
2014-03-06 23:10:36 +01:00
main, body.mce-content-body
2018-10-17 15:47:43 +02:00
clear: both
position: relative
2013-12-29 23:25:38 +01:00
h3
text-align: left
ul, ol
text-align: left
2016-04-23 14:50:15 +02:00
padding-left: 1em
2016-03-06 01:51:13 +01:00
list-style-position: inside
2013-12-29 23:25:38 +01:00
p
text-align: left
2014-02-18 09:28:04 +01:00
&.label
text-align: center
span.label:after
content: ':'
hr
margin: 10px 20px
aside
float: right
border: 1px solid #96CFFF
margin: 0 1.2em
2016-10-18 15:37:03 +02:00
z-index: 10
padding: 5px
2016-10-18 15:37:03 +02:00
position: relative
2018-10-17 15:47:43 +02:00
max-width: 20em
box-shadow: 4px 4px 1em gray
margin-right: -4em
2017-05-22 16:42:21 +02:00
border-radius: 1em
background-color: #D6ECFF
h2
border-bottom: 1px black solid
padding-bottom: 0.3em
ul a
padding: 0.5em 1em 0.5em 0
display: block
main
2017-05-27 13:02:27 +02:00
width: 60em
body.index main
width: initial
fieldset
border: none
margin: 1em auto
2017-05-22 16:42:21 +02:00
padding: 2%
2019-06-17 23:56:29 +02:00
box-shadow: 1px 1px 5px $highlight
border-radius: 0.4em
legend
color: #666
padding: 0 1em
font-size: larger
background-color: white
h2
margin-top: 0
footer.bottom nav
clear: both
a
2014-10-31 14:24:40 +01:00
padding: 1.8%
display: inline-block
2014-12-29 01:29:01 +01:00
font-weight: bolder
&:hover
text-shadow: 0 0 1em lightgray
#loading
top: 45%
left: 45%
color: gray
display: none
position: fixed
font-size: 10vw
text-shadow: 0 0 4px gray
vertical-align: baseline
2016-01-10 14:41:20 +01:00
.pagination
span
display: none
span.next
display: block