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

145 lines
2.8 KiB
Sass
Raw Normal View History

@import variables
header.calendar-header
font-size: larger
2013-12-28 23:45:13 +01:00
a
&:first-child, &:last-child
padding: 0 0.3em
2013-12-28 23:45:13 +01:00
em.locality.fa
color: gray
2019-04-29 18:29:38 +02:00
strong.city:after, em.city:after
2014-08-25 17:55:14 +02:00
content: ':'
2019-04-29 18:29:38 +02:00
margin-left: 0.25em
p.full_address
span:after
content: ','
span:last-child:after
content: ''
2014-07-07 22:32:26 +02:00
.calendar-header, .month
text-transform: capitalize
body.events.index table
width: 100%
// So we can ellipse past events
table-layout: fixed
tr
th
text-transform: capitalize
td
height: 4.8em
border: 1px solid #89B7E5
2014-12-28 15:27:28 +01:00
padding: 1px
position: relative
vertical-align: top
background-color: #A1C3E7
&.past .event
overflow: hidden
white-space: nowrap
text-overflow: ellipsis
&:hover
white-space: initial
&.today
border: 1px solid #FFB578
2014-06-29 10:29:43 +02:00
background-color: #FFE0C7
.day_number
2014-06-29 10:29:43 +02:00
color: #531
.event
a:link, a:visited
2014-06-29 10:29:43 +02:00
color: #730
&.future
border-color: rgb(150, 207, 255)
background-color: #C6E5FF
&.prev-month, &.next-month
border: none
background-color: #ededed
li
color: #555
.event
a:link, a:visited
2014-06-29 10:29:43 +02:00
color: #444
.day_number
float: left
2014-06-29 10:29:43 +02:00
color: #111
font-size: 0.6em
font-weight: bolder
letter-spacing: 2px
&:hover .day_number
color: black
2013-12-28 23:45:13 +01:00
ul
clear: left
2014-12-28 15:27:28 +01:00
margin: 0
padding: 0
li
color: #444
margin: 0
padding: 0
em.fa.fa-globe
color: red
2014-12-29 01:29:01 +01:00
font-size: smaller
2013-12-28 23:45:13 +01:00
.event
2014-12-28 15:27:28 +01:00
padding-left: 0.2em
img
// For the LEF icon
vertical-align: middle
a:link, a:visited
2014-06-29 10:29:43 +02:00
color: #111
2014-12-28 15:27:28 +01:00
font-size: smaller
&:hover
color: black
text-decoration: underline
2013-12-28 23:45:13 +01:00
.links
float: right
2013-12-29 23:25:38 +01:00
2018-09-16 23:17:24 +02:00
.fa-rss
color: darkorange
a#banner
float: left
body.events.show, body.orgas.show, body.tags.show, body.pages
2016-10-18 15:37:03 +02:00
main
2019-06-17 23:56:29 +02:00
width: 60em
2016-10-18 15:37:03 +02:00
padding: 1em
2019-06-17 23:56:29 +02:00
box-shadow: 1px 1px 5px $highlight
2016-10-18 15:37:03 +02:00
border-radius: 0.4em
h2
margin-top: 1em
2019-04-21 18:38:24 +02:00
html.iframe main
box-shadow: none !important
#advises
2019-06-17 23:56:29 +02:00
width: 60em
border: 1px solid #FFB578
2019-04-20 19:10:14 +02:00
border-radius: 0.2em
padding-left: 10px
padding-right: 10px
background-color: #ffe0c7
2019-04-20 19:10:14 +02:00
& > *:first-child
font-size: 1.9em
font-weight: normal
2019-04-20 19:10:14 +02:00
&:before
content: '🛈 '
a
color: #8F4900
.description, body.mce-content-body
img
margin-left: 1%
margin-right: 1%
/* Display in events list */
article.event
2019-06-17 23:56:29 +02:00
box-shadow: -1em 1em 1em -1em $highlight
margin-left: 1em
padding-left: 1em
padding-bottom: 0.4em
border-bottom-left-radius: 1em