Permalink
Browse files

update css regions documentation to use latest property names

  • Loading branch information...
1 parent f5f9883 commit ccbdcfdbec07d50456759a116d43487ebadbc899 @emalasky emalasky committed May 21, 2012
Showing with 134 additions and 99 deletions.
  1. +133 −98 samples/css-regions/Documentation.html
  2. +1 −1 samples/css-regions/index.html
@@ -14,109 +14,143 @@
<title>Adobe CSS Regions - Documentation</title>
<meta charset="UTF-8">
<style type="text/css">
- body{
- margin:0 auto;
- width:600px;
- font-size:18px;
- font-family: Helvetica, Arial, serif;
- overflow-x:hidden;
- }
-
- a{
- color:#ff2705;
- text-decoration:none;
- }
- a:hover{
- color:#333;
- text-decoration:underline;
- }
-
- h1{
- background:#ff2705;
- color:white;
- padding:50px 20px 20px;
- margin:0;
- font-size:18pt;
- text-shadow:1px 1px 2px black;
- }
-
- h1 #common {
- display: inline-block;
- }
-
- h1 span {
- display: block;
- font-size: 12pt;
- }
-
- h1 em{
- font-size: 22pt;
- display:block;
- font-style:normal;
- float: right;
- }
-
- h2{
- font-size:42px;
- letter-spacing:-2px;
- border-bottom:3px solid black;
- color:black;
- padding:40px 0 5px;
- }
-
- dl,dt,dd{
- margin:0;
- }
-
- dt{
- font-size:28px;
- margin:50px 0 0;
- font-weight:bold;
- color:#444;
- }
- pre{
- padding:20px;
- background:#C5DFF0;
- font-size:15px;
- white-space: pre-wrap;
- border:2px dashed #ccc;
- border-left:none;
- border-right:none;
- }
-
- pre em{
+ body{
+ margin: 0;
+ font-size: 1.2em;
+ font-family: Palatino, Georgia, serif;
+ }
+
+ h1{
+ color: white;
+ margin: 0;
+ padding-right: 60px;
+ text-shadow: rgba(0, 0, 0, 0.347656) 0px 1px 2px;
+ }
+
+ h1 em{
+ display: block;
+ font: 0.55em / 1.5em normal;
+ color: #ccc;
+ }
+
+ h2{
+ margin: 60px 0 20px;
+ letter-spacing: -1px;
+ }
+
+ p{
+ color: #333;
+ line-height: 1.4em;
+ }
+
+ a{
+ color: purple;
+ }
+
+ a:hover{
+ color: black;
+ }
+
+ a:visited{
+ color: #8560A8;
+ }
+
+ header{
+ background: #6F518F;
+ }
+
+ header .logo{
+ height: 62px;
+ width: 38px;
+ display: block;
+ position: absolute;
+ top: -1px;
+ right: 32px;
+ line-height: 200px;
+ overflow: hidden;
+ background: url("http://adobe.github.com/web-platform-assets/images/adobe_small_logo.gif") top left no-repeat;
+ box-shadow: 0 2px 2px rgba(0, 0, 0, .35);
+ }
+
+ header .logo:hover{
+ top: 0px;
+ }
+
+ .wrapper{
+ width: 90%;
+ margin: 0 auto;
+ padding: 25px 0;
+ }
+
+ header + .wrapper{
+ padding: 0 0 50px;
+
+ }
+
+ code{
+ background: #eee;
+ border: 1px solid #d7d7d7;
+ padding: 0 3px;
+ }
+
+ pre em{
font-style:normal;
font-weight:bold;
- color:#ff2705;
- }
-
- #nav,
- #nav li{
- padding:0;
- margin:0;
- }
-
- #nav{
- padding:5px 20px;
- list-style:none;
- }
-
- #nav li{
- display:inline-block;
- margin-right:20px;
- }
-
- #nav a{
- color:#ff2705;
- }
+ color:#ff2705;
+ }
+ #check_support.false{
+ background: #ffc;
+ border: 1px solid yellow;
+ padding: 10px 20px;
+ }
+
+ .demos{
+ padding: 0;
+ list-style: none;
+ }
+
+ .demos li{
+ padding: 0 0 5px;
+ margin: 0 0 20px;
+ }
+ .demos li.divider{
+ font-weight: bold;
+ font-size: 1.1em;
+ list-style: none;
+ }
+ .demos li .build-note{
+ font-weight: 100;
+ font-size: 0.9em;
+ font-style: italic;
+ }
+ .demos li:last-child{
+ border: none;
+ margin: 0;
+ }
+
+ @media all and (min-width: 640px){
+ .wrapper{
+ padding: 50px 0;
+ width: 600px;
+ }
+
+ header .logo{
+ right: 52px;
+ }
+ }
+
</style>
</head>
<body>
- <h1><div id="common">CSS Regions <span>by Adobe</span></div></h1>
-
- <ul id="nav">
+ <header>
+ <a href="http://www.adobe.com/" target="_blank" class="logo">Adobe</a>
+ <h1><div class="wrapper">CSS Regions <span>by Adobe</span></div></h1>
+ </header>
+
+
+<!-- <ul id="nav">
<li>
<a href="index.html">Home</a>
</li>
@@ -126,8 +160,9 @@ <h1><div id="common">CSS Regions <span>by Adobe</span></div></h1>
<li>
<strong>Documentation</strong>
</li>
- </ul>
+ </ul> -->
+ <section class="wrapper">
<h2>Contents</h2>
<ul id="toc">
<li>
@@ -253,7 +288,7 @@ <h3>Example</h3>
</dd>
</dl>
-
+</section>
</body>
</html>
@@ -210,7 +210,7 @@ <h2 id="enable-regions">Enable CSS Regions in Google Chrome</h2>
<div class="col help">
<h2>Help</h2>
- <p>The <a href="http://dev.w3.org/csswg/css3-regions/" target="_blank">CSS Regions Proposal</a> should serve
+ <p>This <a href="Documentation.html" target="_blank">simple documentation page</a> and the <a href="http://dev.w3.org/csswg/css3-regions/" target="_blank">CSS Regions Proposal</a> should serve
as the current instructions manual for getting started with regions.</p>
<p>The <a href="http://www.adobe.com/devnet/html5/articles/css3-regions.html" target="_blank">
"CSS3 regions: Rich page layout with HTML and CSS3"</a> article on Adobe Developer Connection is an

0 comments on commit ccbdcfd

Please sign in to comment.