sjs/samhuri.net
1
0
Fork 0
mirror of https://github.com/samsonjs/samhuri.net.git synced 2026-03-25 09:05:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

tweak css for iPhone

Browse source
This commit is contained in:
Sami Samhuri 2010-11-26 23:21:41 -08:00
parent f561617d6c
commit f7ee905181
2 changed files with 38 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
proj/proj.css
View file

@ -37,8 +37,7 @@ h4 { margin: 0.5em 0 0.7em }
} }
@media only screen and (max-device-width:480px) { @media only screen and (max-device-width:480px) {
#info { width: 80% #info { width: 70%
; max-width: 400px
; padding: 0 1em ; padding: 0 1em
} }
@ -47,5 +46,6 @@ h4 { margin: 0.5em 0 0.7em }
; max-width: 100% ; max-width: 100%
; padding: 0.5em 0.2em 1em ; padding: 0.5em 0.2em 1em
; border-left: none ; border-left: none
; font-size: 1em
} }
} }

61
style.css
View file

@ -19,18 +19,6 @@ h2 { text-align: center
; padding: 0 ; 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
}
a { color: #22a a { color: #22a
; text-decoration: none ; text-decoration: none
; border-bottom: dashed 1px #22a ; border-bottom: dashed 1px #22a
@ -45,6 +33,18 @@ a.up { font-size: 1.5em
; text-decoration: underline ; text-decoration: underline
} }
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 li { display: inline
; font-size: 2em ; font-size: 2em
; margin: 0 ; margin: 0
@ -92,31 +92,42 @@ td:nth-child(2) { padding: 0 10px }
} }
/* 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 */ /* iPhone and iPad */
@media only screen and (orientation:portrait) and (device-height:1024px), @media only screen and (orientation:portrait) and (device-height:1024px),
only screen and (max-device-width:480px) only screen and (max-device-width:480px)
{ {
h1 { font-size: 2em } h1 { font-size: 2em }
a.up { font-size: 1.2em }
ul { padding: 0.5em ul { padding: 0.5em
; width: 70% ; width: 70%
; max-width: 900px ; max-width: 400px
} }
li { display: block li { display: block
; margin: 0.7em ; margin: 0.7em 0.7em 1em
; font-size: 1.5em ; font-size: 1.5em
} }
li:after { content: '' } li:after { content: '' }
} }
/* iPhone */
@media only screen and (max-device-width:480px) {
h1 { font-size: 2em
; margin-top: 1em
}
h2 { font-size: 1em }
a.up { font-size: 0.8em }
li { font-size: 1.2em }
td { font-size: 1em
; line-height: 1.1em
}
#sjs { font-size: 1em }
#forkme { display: none }
}