fixing widths to be more dynamic where possible. font size fixes. add README.md

Signed-off-by: Simon L'nu <simon.lnu@gmail.com>
This commit is contained in:
Simon L'nu 2012-05-06 06:05:31 -04:00
parent 7e7372fc5a
commit f32c3d74a4
8 changed files with 320 additions and 185 deletions

View file

@ -0,0 +1,71 @@
//
//* media stuff */
@media handheld and screen {
body {
font-size: 15pt;
}
}
//* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {
body {
font-size: 12pt;
}
}
//* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
body {
font-size: 12pt;
}
}
//* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
body {
font-size: 12pt;
}
}
//* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px)
and (max-device-width: 1024px) {
body {
font-size: 14pt;
}
}
//* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
body {
font-size: 14pt;
}
}
//* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
body {
font-size: 14pt;
}
}
//* Desktops and laptops ----------- */
//adjusted to 1024 from 1224.
//not everybody has a fucking big screen ffs
@media only screen and (min-width: 1024px) {
body {
font-size: 14pt;
}
}
//* Large screens - */
@media only screen and (min-width: 1520px) {
body {
font-size: 16pt;
}
}
//* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
body {
font-size: 14pt;
}
}

View file

@ -0,0 +1,66 @@
///* http://meyerweb.com/eric/tools/css/reset/
// v2.0 | 20110126
// License: none (public domain)
//*/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a,
abbr, acronym, address,
big, cite, code, del,
dfn, em, img, ins, kbd,
q, s, samp, small, strike,
strong, sub, sup, tt, var,
b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset,
form, label, legend, table,
caption, tbody, tfoot, thead,
tr, th, td, article, aside,
canvas, details, embed,
figure, figcaption, footer,
header, hgroup, menu, nav,
output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
///* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ul, ol {
.list_reset;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
///* de-italicize address */
address {
font-style: normal;
}
a img,
:link img,
:visited img {
border: none;
}
q {
quotes: "" "";
}