mirror of
https://github.com/samsonjs/samhuri.net.git
synced 2026-03-25 09:05:47 +00:00
88 lines
1.7 KiB
CSS
88 lines
1.7 KiB
CSS
body { background-color: #f7f7f7
|
|
; color: #222
|
|
; font-family: 'hoefler text', georgia, serif
|
|
}
|
|
|
|
h1 { text-align: center
|
|
; vertical-align: center
|
|
; font-size: 4em
|
|
; font-weight: normal
|
|
; height: 100%
|
|
; margin: 0.6em 0 0.4em
|
|
; padding: 0
|
|
}
|
|
|
|
ul { text-align: center
|
|
; margin: 0 auto
|
|
; padding: 1em
|
|
; border: solid 1px #ccc
|
|
; width: 90%
|
|
; max-width: 950px
|
|
; background-color: #fff
|
|
; border-radius: 20px
|
|
; -webkit-border-radius: 20px
|
|
; -moz-border-radius: 20px
|
|
}
|
|
|
|
li { display: inline
|
|
; font-size: 2em
|
|
; margin: 0
|
|
; padding: 0
|
|
}
|
|
li:after { content: ' •' }
|
|
li:last-child:after { content: '' }
|
|
|
|
li a { color: #22a
|
|
; text-decoration: none
|
|
; border-bottom: dashed 1px #22a
|
|
; padding: 5px
|
|
; text-shadow: #999 5px 5px 5px
|
|
}
|
|
li a:visited { color: #227 }
|
|
li a:active { color: #000
|
|
; text-shadow: #aa7 5px 5px 5px
|
|
; border-bottom: dashed 1px #000
|
|
}
|
|
|
|
a { border: none }
|
|
|
|
a.up { font-size: 1.5em
|
|
; text-shadow: none
|
|
; color: #222
|
|
; border: none
|
|
; text-decoration: underline
|
|
}
|
|
|
|
p#promoteJS { margin-top: 3em
|
|
; text-align: center
|
|
}
|
|
|
|
|
|
/* iPad (landscape) */
|
|
|
|
@media only screen and (orientation:landscape) and (device-height:1024px) {
|
|
h1 { font-size: 2em }
|
|
li { font-size: 1.5em }
|
|
a.up { font-size: 1.2em }
|
|
}
|
|
|
|
/* iPhone and iPad */
|
|
|
|
@media only screen and (orientation:portrait) and (device-height:1024px),
|
|
only screen and (max-device-width:480px)
|
|
{
|
|
h1 { font-size: 2em }
|
|
|
|
a.up { font-size: 1.2em }
|
|
|
|
ul { padding: 0.5em
|
|
; width: 70%
|
|
; max-width: 900px
|
|
}
|
|
|
|
li { display: block
|
|
; margin: 0.7em
|
|
; font-size: 1.5em
|
|
}
|
|
li:after { content: '' }
|
|
}
|