kytv/I2P_Website
1
0
Fork 0
forked from I2P_Developers/i2p.www
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Font size overhaul

Browse Source 
References:
http://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake/
http://www.smashingmagazine.com/2014/09/29/balancing-line-length-font-size-responsive-web-design/
This commit is contained in:
str4d
2015-05-30 03:01:54 +00:00
parent afeacad0d2
commit 7b592736dd
2 changed files with 11 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
i2p2www/static/styles/duck/default.css
View File

@@ -2,7 +2,6 @@
body {
font-family: Droid Sans, Helvetica, sans-serif;
font-size: 10px;
background-color: #ffffdd;
min-height: 800px;
width: 100%;
@@ -26,7 +25,7 @@ div.hide {
.title {
font-family: "URW Gothic L", "Century Gothic", sans-serif;
text-transform: uppercase;
font-size: 3.5em;
font-size: 2.1875rem;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0,0,0,.2);
color: #333333;
@@ -36,8 +35,7 @@ div.hide {
div#topbar {
width: 80%;
/*margin: 1em auto;*/
margin: 1em auto;
margin: 0.625em auto;
position: relative;
}
@@ -71,7 +69,6 @@ div#content .main {
position: relative;
margin: 0 auto;
text-shadow: 1px 1px 1px rgba(255,255,255,.5);
font-size: 1.6em;
line-height: 1.5em;
border: 2px solid #abcc71;
border-left: none;
@@ -107,14 +104,14 @@ div#content .main h1 {
div#content .aside-wrap {
width: 80%;
margin: 2em auto;
margin: 1.25em auto;
}
div#content .aside {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 1.2em;
font-size: 0.75rem;
}
div#content .aside a {
@@ -140,7 +137,7 @@ div#content .aside ul {
div#content .aside ul li {
list-style-type: none;
margin: 1em 0;
line-height: 1.3em;
line-height: 1.5em;
}
div#content .feed-icon {
@@ -164,7 +161,6 @@ div#content .inner {
position: relative;
border-top: 2px solid #abcc71;
color: black;
font-size: 1.2em;
line-height: 1.4em;
}
@@ -183,6 +179,7 @@ div#content .sidebar {
border-bottom: 2px solid #abcc71;
border-left: 2px solid #abcc71;
border-right: 2px solid #abcc71;
font-size: 0.875rem;
}
div#content .sidebar .top {
@@ -435,6 +432,7 @@ div#content .inner ul.DREAD {
border-top: 3px solid #883333;
background: #552222;
box-shadow: 0px -4px 8px rgba(0,0,0,.3);
font-size: 0.75rem;
padding: 1em 10%;
background: -moz-linear-gradient(#883333, #772222);
}

9
i2p2www/static/styles/duck/desktop.css
View File

@@ -1,9 +1,9 @@
body {
padding-top: 1em;
padding-top: 0.625em;
}
div#topbar {
margin: 1em auto 0;
margin: 0.625em auto 0;
}
div#topbar #logo img:hover {
@@ -78,7 +78,7 @@ menu ul,
color: #d00e0e;
display: inline-block;
font-family: "URW Gothic L", "Century Gothic", sans-serif;
font-size: 2em;
font-size: 1.25em;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(100,20,20,.2);
line-height: 40px;
@@ -228,7 +228,7 @@ div#content .main {
div#content .aside {
width: 30.9%;
margin-left: 3%;
font-size: 1.3em;
font-size: 0.875rem;
}
div#content .aside:first-child {
@@ -241,7 +241,6 @@ div#content .aside:first-child {
div#content .inner {
padding:0 10%;
font-size: 1.3em;
}
div#content .inner .sidebar {