Permalink
Browse files

Update: reorganise files and simplify filenames

  • Loading branch information...
1 parent 1f2be48 commit 7dd45fde3bddeebbad7e5de670510f041a73a2f4 @necolas necolas committed Apr 16, 2011
View
@@ -1,146 +0,0 @@
-/* ------------------------------------------
-CSS3 GITHUB BUTTONS
-Styles for the demo page. Not needed for the buttons.
------------------------------------------- */
-
-
-/* ------------------------------------------------------------------------------------------------------------- RESET */
-
-html, body, div,
-code, pre {
- margin: 0;
- padding: 0;
- border: 0;
- vertical-align: baseline;
-}
-
-/* ------------------------------------------------------------------------------------------------------------- TEMPLATE */
-
-body {
- font: 14px/1.333 sans-serif;
- color: #444;
- background: #eee;
-}
-
-a {
- color: #980905;
-}
-
-a:hover,
-a:focus,
-a:active {
- text-decoration: none;
-}
-
-h1 {
- margin: 0 0 0.5em;
- font-size: 36px;
-}
-
-h2 {
- margin: 0 0 0.75em;
- font-size: 21px;
-}
-
-h3 {
- margin: 0 0 0.333em;
- font-size: 16px;
- font-weight: normal;
-}
-
-p {
- margin: 0 0 1.333em;
-}
-
-em {
- font-style: italic;
-}
-
-ul, ol {
- padding: 0;
- margin: 20px 0;
-}
-
-table {
- border-collapse: separate;
- border-spacing: 0;
- margin: 0;
- vertical-align: middle;
-}
-
-th {
- font-weight: bold;
-}
-
-th, td {
- padding: 5px 25px 5px 5px;
- text-align: left;
- vertical-align: middle;
-}
-
-/* ------------------------------------------------------------------------------------------------------------- TEMPLATE */
-
-.container {
- position:relative;
- overflow:hidden;
- width: 600px;
- padding: 40px 60px;
- border: 1px solid #ccc;
- margin: 40px auto 20px;
- background: #fff;
- -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
- -moz-box-shadow: 0 0 15px rgba(0,0,0,0.1);
- box-shadow: 0 0 15px rgba(0,0,0,0.1);
-}
-
-.container pre,
-.container .prettyprint {
- padding: 0;
- border: 0;
- margin: 0 0 20px;
- font-size: 13px;
- background: #fff;
-}
-
-.ribbon {
- position: absolute;
- top: -1px;
- right: -1px;
- opacity: 0.9;
-}
-
-.ribbon:hover,
-.ribbon:focus,
-.ribbon:active {
- opacity: 1;
-}
-
-.ribbon img {
- display: block;
- border: 0;
-}
-
-.header {
- padding-right:80px;
-}
-
-.section {
- margin: 40px 0 20px;
-}
-
-.example {
- padding: 20px ;
- border: 1px solid #ccc;
- margin: 10px -20px 20px;
-}
-
-.footer {
- margin: 20px 0 50px;
- font-size: 11px;
- color: #666;
- text-align: center;
-}
-
-.footer a {
- color: #666;
-}
@@ -80,7 +80,7 @@ http://github.com/necolas/css3-github-buttons
width: 12px;
height: 12px;
margin: 0 0.75em 0 -0.25em;
- background: url(../images/css3-github-buttons-icons.png) 0 99px no-repeat;
+ background: url(gh-icons.png) 0 99px no-repeat;
}
.button.arrowup.icon:before { background-position: 0 0; }
File renamed without changes
View
@@ -4,8 +4,51 @@
<meta charset="utf-8">
<title>CSS3 GitHub Buttons</title>
<meta name="description" content="Using CSS3 to create GitHub-style buttons from links, buttons, and inputs">
- <link rel="stylesheet" href="css/demo.css">
- <link rel="stylesheet" href="css/css3-github-buttons.css">
+ <style>
+ /* ------------------------------------------------------------------------------------------------------------- RESET */
+
+ html, body, div, form, p,
+ code, pre { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
+
+ /* ------------------------------------------------------------------------------------------------------------- TEMPLATE */
+
+ body { font: 14px/1.333 sans-serif; color: #444; background: #eee; }
+
+ a { color: #980905; }
+ a:hover, a:focus, a:active { text-decoration: none; }
+
+ h1 { margin: 0 0 0.5em; font-size: 36px; }
+ h2 { margin: 0 0 0.75em; font-size: 21px; }
+ h3 { margin: 0 0 0.333em; font-size: 16px; font-weight: normal; }
+ p { margin: 0 0 1.333em; }
+ em { font-style: italic; }
+ table { border-collapse: separate; border-spacing: 0; margin: 0; vertical-align: middle; }
+ th { font-weight: bold; }
+ th, td { padding: 5px 25px 5px 5px; text-align: left; vertical-align: middle; }
+ pre, code { font-family: monospace, sans-serif; font-size: 1em; color:#080; }
+
+ /* ------------------------------------------------------------------------------------------------------------- TEMPLATE */
+
+ .container { position:relative; overflow:hidden; width: 600px; padding: 40px 60px; border: 1px solid #ccc; margin: 40px auto 20px; background: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.1); box-shadow: 0 0 15px rgba(0,0,0,0.1); }
+
+ .container pre,
+ .container .prettyprint { padding: 0; border: 0; margin: 0 0 20px; font-size: 13px; background: #fff; }
+
+ .ribbon { position: absolute; top: -1px; right: -1px; opacity: 0.9; }
+ .ribbon:hover, .ribbon:focus, .ribbon:active { opacity: 1; }
+ .ribbon img { display: block; border: 0; }
+
+ .header { padding-right:80px; }
+
+ .section { margin: 40px 0 20px; }
+
+ .example { padding: 20px; border: 1px solid #ccc; margin: 10px -20px 20px; }
+
+ .footer { margin: 20px 0 50px; font-size: 11px; color: #666; text-align: center; }
+ .footer a { color: #666; }
+ </style>
+
+ <link rel="stylesheet" href="gh-buttons.css">
<!-- prettyify -->
<link rel="stylesheet" href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css">

0 comments on commit 7dd45fd

Please sign in to comment.