Skip to content

Commit d113f84

Browse files
shiftbotshiftbot
committed
simpler style for narrower browser
1 parent 043606f commit d113f84

File tree

10 files changed

+43
-53
lines changed

10 files changed

+43
-53
lines changed

‎_layouts/layout.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,11 @@
1313
<body>
1414
<div id="container">
1515
<div id="side">
16-
<a href="/" id="homelink" title="home" alt="home"><img src="/img/logo.png" alt="Code 52 - a new coding project every week" /></a>
16+
<a href="/" id="home" title="home" alt="home"><img src="/img/logo.png" alt="Code 52 - a new coding project every week" /></a>
17+
<div id="hometext"><a href="/" >code52</a></div>
1718
<div class="section">
1819
<ul>
20+
1921
<li><a href="/about.html">about</a></li>
2022
<li><a href="http://talk.code52.org/">discussion</a></li>
2123
<li><a href="http://twitter.com/code_52">twitter</a></li>

‎_site/about.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,11 @@
1313
<body>
1414
<div id="container">
1515
<div id="side">
16-
<a href="/" id="homelink" title="home" alt="home"><img src="/img/logo.png" alt="Code 52 - a new coding project every week" /></a>
16+
<a href="/" id="home" title="home" alt="home"><img src="/img/logo.png" alt="Code 52 - a new coding project every week" /></a>
17+
<div id="hometext"><a href="/" >code52</a></div>
1718
<div class="section">
1819
<ul>
20+
1921
<li><a href="/about.html">about</a></li>
2022
<li><a href="http://talk.code52.org/">discussion</a></li>
2123
<li><a href="http://twitter.com/code_52">twitter</a></li>

‎_site/atom.xml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<title>Code52</title>
44
<link href="http://www.Code52.org/"/>
55
<link type="application/atom+xml" rel="self" href="http://www.Code52.org/atom.xml"/>
6-
<updated>2012-01-07T14:34:39+11:00</updated>
6+
<updated>2012-01-07T15:23:31+11:00</updated>
77
<id>http://www.Code52.org/</id>
88
<author>
99
<name>Code52 Team</name>

‎_site/contributing.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,11 @@
1313
<body>
1414
<div id="container">
1515
<div id="side">
16-
<a href="/" id="homelink" title="home" alt="home"><img src="/img/logo.png" alt="Code 52 - a new coding project every week" /></a>
16+
<a href="/" id="home" title="home" alt="home"><img src="/img/logo.png" alt="Code 52 - a new coding project every week" /></a>
17+
<div id="hometext"><a href="/" >code52</a></div>
1718
<div class="section">
1819
<ul>
20+
1921
<li><a href="/about.html">about</a></li>
2022
<li><a href="http://talk.code52.org/">discussion</a></li>
2123
<li><a href="http://twitter.com/code_52">twitter</a></li>

‎_site/css/style.css‎

Lines changed: 11 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ h1,h2,h3,h4,h5,h6
1313
}
1414
h1
1515
{
16-
font-size: 3em;
16+
font-size: 4em;
1717
}
1818
h2
1919
{
@@ -49,7 +49,8 @@ li
4949
margin-left:10px;
5050
list-style-type:circle;
5151
}
52-
#homelink:hover
52+
#hometext a { font-size: 2em; margin-left: 5px; margin-right:10px; display: none; color: #41B1E1; font-weight: normal; }
53+
#home:hover
5354
{
5455
background:none;
5556
}
@@ -90,27 +91,15 @@ img
9091
}
9192

9293
/* min-device-width: 800px instead? */
93-
/* TODO: remove blue and red colours once happy with layouts */
9494
@media screen and (max-width:900px)
9595
{
96-
body { width:auto; margin:10px; color: blue; }
96+
body { width:auto; margin:10px; }
9797
#content { width : 100%; }
9898
#side { float:none; width:100%; margin-left:0px; }
99-
#side .section { margin-top:0; float: right; }
100-
#side ul { font-size:1em; padding:0px; margin:0px; margin-top:20px; margin-right: 20px;}
101-
#side li { }
102-
#homelink { float:left; }
103-
#homelink img { margin-left: auto; margin-right:auto; }
104-
#content { float: left; }
105-
}
106-
107-
@media screen and (max-width:480px)
108-
{
109-
body { width:auto; margin:10px; color: red; }
110-
#content { width : 100%; }
111-
#side { float:none; width:100%; margin-left:0px; }
112-
#side .section { margin-top:0; }
113-
#side ul { font-size:1em; padding:0px; margin:0px; margin-top:20px;}
114-
#side li { display:inline; }
115-
#homelink img { max-width:40%; margin-left: auto; margin-right: auto; }
116-
}
99+
#side .section { margin-top:0; margin-right: 30px; }
100+
#side .section ul { font-size:1.2em; padding:0px; margin:5px; }
101+
#side li { display: inline; margin-left:3px; margin-right: 3px; font-weight: normal; }
102+
#home { display: none; }
103+
#hometext a { display: inline; }
104+
h1 { margin-top: -0px;}
105+
}

‎_site/downmarker.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,11 @@
1313
<body>
1414
<div id="container">
1515
<div id="side">
16-
<a href="/" id="homelink" title="home" alt="home"><img src="/img/logo.png" alt="Code 52 - a new coding project every week" /></a>
16+
<a href="/" id="home" title="home" alt="home"><img src="/img/logo.png" alt="Code 52 - a new coding project every week" /></a>
17+
<div id="hometext"><a href="/" >code52</a></div>
1718
<div class="section">
1819
<ul>
20+
1921
<li><a href="/about.html">about</a></li>
2022
<li><a href="http://talk.code52.org/">discussion</a></li>
2123
<li><a href="http://twitter.com/code_52">twitter</a></li>

‎_site/index.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,11 @@
1313
<body>
1414
<div id="container">
1515
<div id="side">
16-
<a href="/" id="homelink" title="home" alt="home"><img src="/img/logo.png" alt="Code 52 - a new coding project every week" /></a>
16+
<a href="/" id="home" title="home" alt="home"><img src="/img/logo.png" alt="Code 52 - a new coding project every week" /></a>
17+
<div id="hometext"><a href="/" >code52</a></div>
1718
<div class="section">
1819
<ul>
20+
1921
<li><a href="/about.html">about</a></li>
2022
<li><a href="http://talk.code52.org/">discussion</a></li>
2123
<li><a href="http://twitter.com/code_52">twitter</a></li>

‎_site/introduction.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,11 @@
1313
<body>
1414
<div id="container">
1515
<div id="side">
16-
<a href="/" id="homelink" title="home" alt="home"><img src="/img/logo.png" alt="Code 52 - a new coding project every week" /></a>
16+
<a href="/" id="home" title="home" alt="home"><img src="/img/logo.png" alt="Code 52 - a new coding project every week" /></a>
17+
<div id="hometext"><a href="/" >code52</a></div>
1718
<div class="section">
1819
<ul>
20+
1921
<li><a href="/about.html">about</a></li>
2022
<li><a href="http://talk.code52.org/">discussion</a></li>
2123
<li><a href="http://twitter.com/code_52">twitter</a></li>

‎_site/rss.xml‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66
<atom:link href="http://www.Code52.org/rss.xml" rel="self" type="application/rss+xml" />
77
<description></description>
88
<language>en-au</language>
9-
<pubDate>Sat, 07 Jan 2012 14:34:39 +1100</pubDate>
10-
<lastBuildDate>Sat, 07 Jan 2012 14:34:39 +1100</lastBuildDate>
9+
<pubDate>Sat, 07 Jan 2012 15:23:31 +1100</pubDate>
10+
<lastBuildDate>Sat, 07 Jan 2012 15:23:31 +1100</lastBuildDate>
1111

1212

1313
<item>

‎css/style.css‎

Lines changed: 11 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ h1,h2,h3,h4,h5,h6
1313
}
1414
h1
1515
{
16-
font-size: 3em;
16+
font-size: 4em;
1717
}
1818
h2
1919
{
@@ -49,7 +49,8 @@ li
4949
margin-left:10px;
5050
list-style-type:circle;
5151
}
52-
#homelink:hover
52+
#hometext a { font-size: 2em; margin-left: 5px; margin-right:10px; display: none; color: #41B1E1; font-weight: normal; }
53+
#home:hover
5354
{
5455
background:none;
5556
}
@@ -90,27 +91,15 @@ img
9091
}
9192

9293
/* min-device-width: 800px instead? */
93-
/* TODO: remove blue and red colours once happy with layouts */
9494
@media screen and (max-width:900px)
9595
{
96-
body { width:auto; margin:10px; color: blue; }
96+
body { width:auto; margin:10px; }
9797
#content { width : 100%; }
9898
#side { float:none; width:100%; margin-left:0px; }
99-
#side .section { margin-top:0; float: right; }
100-
#side ul { font-size:1em; padding:0px; margin:0px; margin-top:20px; margin-right: 20px;}
101-
#side li { }
102-
#homelink { float:left; }
103-
#homelink img { margin-left: auto; margin-right:auto; }
104-
#content { float: left; }
105-
}
106-
107-
@media screen and (max-width:480px)
108-
{
109-
body { width:auto; margin:10px; color: red; }
110-
#content { width : 100%; }
111-
#side { float:none; width:100%; margin-left:0px; }
112-
#side .section { margin-top:0; }
113-
#side ul { font-size:1em; padding:0px; margin:0px; margin-top:20px;}
114-
#side li { display:inline; }
115-
#homelink img { max-width:40%; margin-left: auto; margin-right: auto; }
116-
}
99+
#side .section { margin-top:0; margin-right: 30px; }
100+
#side .section ul { font-size:1.2em; padding:0px; margin:5px; }
101+
#side li { display: inline; margin-left:3px; margin-right: 3px; font-weight: normal; }
102+
#home { display: none; }
103+
#hometext a { display: inline; }
104+
h1 { margin-top: -0px;}
105+
}

0 commit comments

Comments
 (0)