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

203 lines
3.8 KiB
Sass

@import compass
form.region_selector
left: 0
width: 100%
position: absolute
max-width: 100%
margin-top: 2.45em
label
display: none
header.calendar-header
font-size: 1.5em
margin-top: 1em
font-weight: bolder
margin-bottom: 0.1em
&.year
margin-top: 1em
margin-bottom: 2.55em
a
margin: 0
a
font-weight: normal
&.month_selector
display: block
font-weight: bolder
margin-bottom: -2.1em
&:first-child, &:last-child
margin: 0 0.3em
.events, .event
.city:after
content: ':'
margin-right: -1px
body.events.index table
width: 90%
max-width: 100%
margin-top: 3.5em
tr
th
padding-bottom: 0.35em
text-transform: capitalize
td
width: 14%
height: 4.8em
border: 1px solid #89B7E5
vertical-align: top
background-color: #A1C3E7
&.today
border: 1px solid #FFB578
background-color: #FFE0C7
.day_number
color: #531
font-size: 0.8em
margin-top: -1px
.event
a:link, a:visited
color: #730
&.future
border-color: rgb(150, 207, 255)
background-color: #C6E5FF
.day_number
font-size: 0.8em
margin-top: -1px
&.prev-month, &.next-month
border: none
background-color: #ededed
.day_number
color: #444
font-size: 0.6em
li
color: #555
.event
a:link, a:visited
color: #444
.day_number
float: left
color: #111
margin: 0 1px 3px 1px
font-size: 0.6em
font-weight: bolder
line-height: 1.2em
letter-spacing: 2px
&:hover .day_number
color: black
ul
clear: left
margin-top: 0
margin-left: 0
padding-left: 15px
margin-bottom: 5px
list-style-type: circle
li
color: #444
margin: 0
padding: 0
margin-top: 0.38em
.event
font-size: smaller
line-height: 1.1em
a:link, a:visited
color: #111
font-weight: normal
&:hover
color: black
.formats
float: right
font-size: smaller
margin-right: 5%
padding-right: 2px
a#banner
float: left
margin-left: 5%
padding-left: 2px
body.events.show main
padding: 1em
max-width: 60em
@include box-shadow(1px 1px 5px gray)
@include border-radius(0.4em)
h2
margin-top: 1em
sidebar#lug-list
float: right
width: 16em
border: 1px solid #96CFFF
margin: 0 1.2em
padding: 5px
font-size: 0.7em
margin-right: -4em
background-color: #D6ECFF
@include box-shadow(4px 4px 1em gray)
@include border-radius(10px)
h1
font-weight: normal
border-bottom: 1px black solid
padding-bottom: 0.3em
h2
margin: 0
font-size: larger
a
padding: 0.5em 0
display: block
ul
text-align: left
line-height: 1.2em
margin-left: 1em
li
margin-left: 2em
line-height: 1.3em
#advises
border: 1px solid #FFB578
padding-left: 10px
padding-right: 10px
margin-bottom: 1.2em
background-color: #ffe0c7
h1
font-size: 1.9em
font-weight: normal
a
color: #8F4900
.events form, .moderations form
.field, .actions
max-width: 70em
text-align: left
margin-left: auto
margin-right: auto
*
vertical-align: middle
.helper p
color: gray
margin: 1px 5px 1px 6.6em
line-height: 0.9em
label
width: 6.3em
display: inline-block
&:after
content: ':'
input[type=radio] + label
width: 20em
&:after
content: ''
.actions
text-align: center
input
margin: 0.4em
font-size: x-large
.mce-tinymce
display: inline-block
.description
text-align: left