Simplifying and using bootstrap for responsiveness and modernizing

This commit is contained in:
Lani Aung
2014-07-06 13:26:26 -07:00
parent ab0ff67132
commit d229d893db
15 changed files with 70 additions and 796 deletions
+2 -41
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
-73
View File
@@ -1,73 +0,0 @@
@media screen and (max-width: 1200px) {
section header
{
font-size: 2.5em;
}
}
@media screen and (max-width: 1100px) {
time
{
clear: both;
float: none;
}
}
@media screen and (max-width: 1024px) {
h1
{
font-size: 3em;
}
section header
{
font-size: 2em;
}
}
@media screen and (max-width: 768px) {
body
{
font-size: 14px;
}
h1
{
font-size: 2.5em;
}
}
@media screen and (max-width: 620px) {
article
{
width: 90%;
}
section header
{
float: none;
line-height: 1.5em;
width: 100%;
}
section .content
{
float: none;
line-height: 1.25em;
width: 100%;
}
}
@media screen and (max-width: 500px) {
body
{
font-size: 13px;
}
}
@media screen and (max-width: 440px) {
.divider
{
margin: 0;
}
}
-85
View File
@@ -1,85 +0,0 @@
body
{
background-color: #FFF;
font-size: 12px;
padding: 0;
}
a
{
border: none;
color: #000;
text-decoration: none;
}
abbr
{
border: none;
}
article
{
width: 80%;
}
dt,
li,
p
{
margin: 0.25em 0;
}
footer
{
display: none;
}
h1
{
font-size: 2em;
}
li:before
{
content:none;
}
section ul
{
list-style-type: none;
}
section ul li
{
text-indent: 1em;
}
section header
{
font-size: 2em;
}
ul span.screen
{
display: none;
}
#contact-details
{
font-size: 0.8em;
}
.divider
{
margin: 0;
}
.print
{
display: inherit;
}
.screen
{
display: none;
}
-1
View File
@@ -1 +0,0 @@
body{background-color:#FFF;font-size:12px;padding:0}a{border:none;color:#000;text-decoration:none}abbr{border:none}article{width:80%}dt,li,p{margin:0.25em 0}footer{display:none}h1{font-size:2em}li:before{content:none}section ul{list-style-type: none}section ul li{text-indent:1em}section header{font-size:2em}ul span.screen{display:none}#contact-details{font-size:0.8em}.divider{margin:0}.print{display:inherit}.screen{display:none}
-48
View File
@@ -1,48 +0,0 @@
/* 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;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
-154
View File
@@ -1,154 +0,0 @@
body
{
background-color: ghostwhite;
color: #000;
font-family: "Amethysta";
padding-top: 1em;
text-align: center;
}
a
{
border-bottom: 1px solid #ccc;
color: #333;
text-decoration: none;
}
a:hover,
a:active
{
color: #666;
}
abbr
{
border-bottom: 1px dotted #999;
}
article
{
margin: 0 auto;
max-width: 1440px;
width: 90%;
}
dd
{
border-top: 1px solid #999;
}
div
{
margin: 0;
padding: 0;
}
dt,
li,
p
{
margin: 0.25em 0;
}
footer
{
clear: both;
font-size: 0.75em;
text-align: right;
width: 100%;
}
h1
{
font-family: "Fjalla One";
font-size: 4em;
}
h1 a
{
border-bottom: none;
}
h2
{
font-family: "Fjalla One";
font-size: 1.5em;
line-height: 2em;
}
h3
{
font-family: "Fjalla One";
font-size: 1.25em;
line-height: 1.5em;
}
header section div
{
display: inline;
}
hr
{
border: none;
border-bottom: 1px solid #333;
}
section header
{
float: left;
font-family: "Fjalla One";
font-size: 3em;
font-variant: small-caps;
width: 20%;
}
section ul
{
list-style-position: inside;
list-style-type: circle;
}
section ul li
{
text-indent: 1em;
}
section .content
{
display: inline-block;
line-height: 1.5em;
text-align: justify;
width: 80%;
}
strong
{
font-weight: bold;
}
time
{
float: right;
font-style: oblique;
}
ul span.screen
{
display: inline;
}
.divider
{
margin: 0 1em;
}
.print
{
display: none;
}
.screen
{
display: inherit;
}