Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
clarification
  • Loading branch information
bpd01001 committed Mar 4, 2020
1 parent fe11105 commit b40cf20
Show file tree
Hide file tree
Showing 4 changed files with 13 additions and 537 deletions.
198 changes: 0 additions & 198 deletions css/style.orig.css

This file was deleted.

58 changes: 12 additions & 46 deletions index.html
Expand Up @@ -4,52 +4,22 @@
<head>
<meta charset="utf-8">
<title>CSS Zen Garden: The Beauty of CSS Design</title>

<link rel="alternate" type="application/rss+xml" title="RSS" href="http://www.csszengarden.com/zengarden.xml">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Dave Shea">
<meta name="description" content="A demonstration of what can be accomplished visually through CSS-based design.">
<meta name="robots" content="all">
<link rel="stylesheet" href="css/style.css">


<!--[if lt IE 9]>
<script src="script/html5shiv.js"></script>
<![endif]-->
</head>

<!--
View source is a feature, not a bug. Thanks for your curiosity and
interest in participating!
Here are the submission guidelines for the new and improved csszengarden.com:
- CSS3? Of course! Prefix for ALL browsers where necessary.
- go responsive; test your layout at multiple screen sizes.
- your browser testing baseline: IE9+, recent Chrome/Firefox/Safari, and iOS/Android
- Graceful degradation is acceptable, and in fact highly encouraged.
- use classes for styling. Don't use ids.
- web fonts are cool, just make sure you have a license to share the files. Hosted
services that are applied via the CSS file (ie. Google Fonts) will work fine, but
most that require custom HTML won't. TypeKit is supported, see the readme on this
page for usage instructions: https://github.com/mezzoblue/csszengarden.com/
And a few tips on building your CSS file:
- use :first-child, :last-child and :nth-child to get at non-classed elements
- use ::before and ::after to create pseudo-elements for extra styling
- use multiple background images to apply as many as you need to any element
- use the Kellum Method for image replacement, if still needed. http://goo.gl/GXxdI
- don't rely on the extra divs at the bottom. Use ::before and ::after instead.
-->

<!-- Add the following styles to the <body> tag below -->
<!-- font: 10pt/14pt "Trebuchet MS", sans-serif; -->
<!-- color: #000033; -->
<!-- background: #69f; -->
<!-- margin: 0px; -->
<body id="css-zen-garden">

<!-- Add the class "page-wrapper" to the <div> below -->
<div>

<section class="intro" id="zen-intro">
Expand All @@ -58,6 +28,7 @@
<h2>The Beauty of <abbr title="Cascading Style Sheets">CSS</abbr> Design</h2>
</header>

<!-- Add the "summary" class to the <div> below -->
<div class="" id="zen-summary" role="article">
<p>A demonstration of what can be accomplished through <abbr
title="Cascading Style Sheets">CSS</abbr>-based design. Select any style sheet from the list to
Expand Down Expand Up @@ -177,7 +148,7 @@

</div>


<!-- Add the "sidebar" class to the <aside> below -->
<aside class="" role="complementary">
<div class="wrapper">

Expand Down Expand Up @@ -241,8 +212,10 @@

<div class="zen-resources" id="zen-resources">
<h3 class="resources">Resources:</h3>

<!-- Add new links to #resourceList -->
<ul id="resourceList">
<!-- Resource links should be added here -->

</ul>
</div>
</div>
Expand All @@ -251,13 +224,6 @@

</div>

<!--
These superfluous divs/spans were originally provided as catch-alls to add extra imagery.
These days we have full ::before and ::after support, favour using those instead.
These only remain for historical design compatibility. They might go away one day.
-->
<div class="extra1" role="presentation"></div>
<div class="extra2" role="presentation"></div>
<div class="extra3" role="presentation"></div>
Expand Down

0 comments on commit b40cf20

Please sign in to comment.