agenda-libre-ruby/app/assets/stylesheets/mobile.sass
echarp 6924f7ec3c Changes to the main display: the title is flushed left.
Plus the map footer item is moved to be just below the main calendar view
2017-05-20 17:23:57 +02:00

132 lines
2.4 KiB
Sass

@media all and (min-width: 1600px)
body
font-size: larger
aside#orga-list
width: auto
#advises
max-width: 60em
@media all and (max-width: 1024px)
.links, a#banner
margin: 0.6em auto
table, table.list, table.dates, table.list.dates
border-spacing: 1px
tbody th
overflow: hidden
max-width: 3em
@media all and (max-width: 900px)
header.top
nav
font-size: smaller
h1
padding-top: 0.5em
body
border: none
margin: 0
padding: 1%
main ul
margin-left: 0
form#orga_search
font-size: smaller !important
thead th
font-size: smaller
/* For small screen width */
@media all and (max-width: 34em)
body
padding: 0
p
padding-left: 0.4em
padding-right: 0.4em
header.top
text-align: center
nav
display: none
img.logo
margin-right: 0
h1
padding-top: 0
letter-spacing: initial
h2
font-size: initial
form#orga_search
display: none
body.index
table thead
display: none
&.events table tr td
clear: both
width: auto
height: auto
margin: 1px
display: block
font-size: larger
min-height: 1em
border-width: 1px !important
&.prev-month, &.next-month, &.current-month.past
display: none
.day_number
font-size: initial
.event a
padding: 0.4em 1em
header
&:active, &:hover
& + table tr td.current-month.past
display: block
&.versions, &.orgas
table tbody
tr td
width: auto
padding: 0 0.2em
display: block
&:first-child
float: left
td + td + td
display: inline-block
td:first-child + td
width: 100%
display: block
dl
dt
min-width: auto
text-align: left
dd, dd.quantity
padding-right: 1em
aside
display: none
.links, a#banner
float: none
padding: 0.4em 0
.events, .moderations
h2 + p, #advises, .helper
display: none
form
.field, .actions
max-width: 100%
.helper p
margin-left: 0
padding-left: 0
label
width: auto
display: block
text-align: left
margin-left: 0
input, .mce-tinymce
width: 100%
border-bottom-left-radius: 0.4em