127 lines
2.2 KiB
Sass
127 lines
2.2 KiB
Sass
@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)
|
|
body
|
|
font-size: larger
|
|
line-height: 1.5
|
|
|
|
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
|
|
font-size: initial
|
|
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
|
|
|
|
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
|
|
|
|
.field
|
|
display: block
|
|
label
|
|
width: auto
|
|
display: block
|
|
text-align: left
|
|
input
|
|
width: 100%
|
|
display: block
|
|
|
|
@media all and (min-width: 1600px)
|
|
body
|
|
font-size: x-large
|
|
|
|
aside#orga-list
|
|
width: auto
|
|
|
|
#advises
|
|
max-width: 60em
|