Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Merge remote branch 'oodavid/master' into styles/ribbon

  • Loading branch information...
commit 3ad4d268a60717f4734bcf03bda0f09e425ef490 2 parents 6e5b5da + 378c0ef
@jacobrask jacobrask authored
Showing with 16 additions and 0 deletions.
  1. +1 −0  index.html
  2. +15 −0 styles/ribbon.css
1  index.html
@@ -7,6 +7,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="styles/default.css">
+ <link rel="stylesheet alternate" href="styles/ribbon.css" title="ribbon" data-id="ribbon" data-author-name="David King" data-author-url="">
<link rel="stylesheet alternate" href="styles/therhythm.css" title="The Rhythm" data-id="therhythm" data-author-name="Roman Komarov" data-author-url="">
<link rel="stylesheet alternate" href="styles/fancy.css" title="Fancy" data-id="fancy" data-author-name="Michele Cipriani" data-author-url="">
<link rel="stylesheet alternate" href="styles/boxes.css" title="Boxes" data-id="boxes" data-author-name="Frank B&uuml;ltge" data-author-url="">
15 styles/ribbon.css
@@ -0,0 +1,15 @@
+body {background: #F4ECDC; font-family: arial, sans-serif;}
+h1, h2, p, ul {padding: 0 20px;}
+section {padding: 1px 0; width: 600px; margin: 20px 0 2px 440px; background: #FFF; border-radius: 20px; box-shadow: 0 0 10px #AAA;}
+h1, article h2 {text-align: center; font-weight: bold; font-size: 100px;}
+article h2 {position: relative; margin: 20px -25px 0 -25px; font-size: 40px; background: #0088AA; color: #FFFFFF; text-shadow: 1px 1px 0px #1A5D6E; box-shadow: 0 0 10px #AAA;}
+article h2:after,
+article h2:before {content: ""; display: block; position: absolute; bottom: -25px; width: 0; height: 0; border-style: solid; border-color: #1A5D6E transparent;}
+article h2:before {border-width: 25px 0 0 25px; left: 0;}
+article h2:after {border-width: 25px 25px 0 0; right: 0;}
+nav {position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 400px; background: #FFFFFF; overflow: auto;}
+ul {list-style-type: none;}
+ul a {color: #000000;}
+h1, a, ul a:first-child {color: #0088AA;}
+footer {margin-left: 420px;}
Please sign in to comment.
Something went wrong with that request. Please try again.