Permalink
Browse files

More banner work + disclaimer

  • Loading branch information...
1 parent 3adf530 commit 8b81a6f9025058b6749189e6fc73fb1f9d0b8095 Tony committed Feb 25, 2012
View
Binary file not shown.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -5,38 +5,45 @@ body {
font-size: 12px;
line-height: 1.4;
background: #336d86;
+ background: #336d86 url('../artwork/factorybg_web.png') no-repeat top;
}
-h1 { margin:0px; padding:0px; display:inline;}
-p { display:inline; }
+h1 { margin:0px; padding:0px; /*display:inline;*/}
+p { /*display:inline;*/ }
#container {
width: 100%;
- margin: 20px auto;
+ margin: -15px auto;
padding: 0px;
text-align:center;
- background: url('../artwork/factorybg_web.png') no-repeat top;
min-height: 700px;
}
+#toprightbox {
+ width: 50%;
+ float:right;
+ margin-top: 30px;
+}
+
#ribbon {
width:20px;
border: 20px solid;
- border-color: #fff #fff #fff transparent;
+ border-color: #00f #00f #00f transparent;
+ margin: 0px auto;
+ float:left;
}
#splashbox {
width: 100%;
padding: 10px;
- background-color:rgba(10,50,68,0.8);
- background-color:rgba(255,255,255,0.8);
- margin: 0 auto;
+ /*background-color:rgba(10,50,68,0.8);*/
+ /*background-color:rgba(255,255,255,0.8);*/
+ background-color: #fff;
color: #000;
- box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
+ /*box-shadow: 0px 0px 10px rgba(0,0,0,0.7);*/
}
.bigbutton {
- display: inline;
margin: 20px auto 0px auto;
padding: 5px;
background-color: #336d86;
@@ -50,9 +57,16 @@ p { display:inline; }
.text { opacity: 1; }
+.disclaimer-container {
+ width:500px;
+ margin:0 auto;
+ font-size: 10px;
+}
+
.disclaimer {
+ text-align:center;
position:absolute;
- top: 500px;
+ top: 500px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
View
@@ -21,17 +21,21 @@
</header>
<div role="main">
<div id="container">
- <div id="ribbon">
- </div>
- <div id="splashbox">
- <h1 class="text">Octocat.me!</h1>
- Upload a photo of you, get a GitHub-style Octocat that looks like you!
- <div class="bigbutton">
- Shit yeah! Let's go!
- </div>
+ <div id="toprightbox">
+ <div id="ribbon">
+ </div>
+ <div id="splashbox">
+ <h1 class="text">Octocat.me!</h1>
+ Upload a photo of you, get a GitHub-style Octocat that looks like you!
+ <div class="bigbutton">
+ Shit yeah! Let's go!
+ </div>
+ </div>
</div>
+ <div class="disclaimer-container">
<div class="disclaimer">
- This site is not affiliated with or endorsed by GitHub, Inc. GitHub¨, Octocat¨, and the Octocat¨ design are registered trademarks of GitHub, Inc.
+ This site is not affiliated with or endorsed by GitHub, Inc. GitHub&trade;, Octocat&reg;, and the Octocat&reg; design are registered trademarks of GitHub, Inc.
+ </div>
</div>
</div>
</div>

0 comments on commit 8b81a6f

Please sign in to comment.