Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

css and color edits

  • Loading branch information...
commit bc415741dc5a666226e60a698119edbc7187b0ad 1 parent 206d11b
@brandonjp authored
Showing with 62 additions and 3 deletions.
  1. BIN  .DS_Store
  2. +57 −2 css/screen.css
  3. +5 −1 index.html
View
BIN  .DS_Store
Binary file not shown
View
59 css/screen.css
@@ -1,6 +1,45 @@
+8F4521 {
+ background: #8F4521;
+}
+
+DB6B32 {
+ background: #DB6B32;
+}
+
+8F7C21 {
+ background: #8F7C21;
+}
+
+DBBF32 {
+ background: rgba(219,191,050,0.5);
+ background: #DBBF32;
+}
+
+707070 {
+ background: #707070;
+}
+
+8F8F8F {
+ background: #8F8F8F;
+}
+
+
html {
overflow: scroll;
- font: medium/1.6 sans-serif;
+}
+
+body {
+ background-color: #fff;
+ background-image: -moz-linear-gradient(top, #DBBF32, #000); /* FF3.6 */
+ background-image: -webkit-gradient(linear,left top,left bottom,
+ color-stop(0.0, rgba(219,191,050,0.2)),
+ color-stop(0.1, rgba(219,191,050,0.4)),
+ color-stop(0.2, rgba(219,191,050,0.6)),
+ color-stop(0.6, rgba(219,191,050,0.0))); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#DBBF32, #DBBF32); /* Chrome 10+, Saf6 */
+ background-image: linear-gradient(top, #DBBF32, #DBBF32);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DBBF32', EndColorStr='#DBBF32'); /* IE6–IE9 */
+ background-repeat: no-repeat;
}
html, body, div, section, span, p,
@@ -10,6 +49,21 @@ table, tbody, thead, th, tr, td {
padding: 0;
list-style: none;
}
+
+h1, h2, h3, h4, h5, h6 {
+ font: medium/1.6 Neuton, sans-serif;
+ font-weight: bold;
+}
+
+div#body {
+ font: medium/1.6 Nobile, sans-serif;
+ width: 900px;
+ margin: auto;
+}
+
+div#header {
+ margin: 1em;
+}
input[type=text] {
width: 480px;
@@ -17,6 +71,7 @@ input[type=text] {
text-align: left;
padding: 0 2%;
font-size: 1.2em;
+}
/* @group This Is One Entry */
@@ -68,7 +123,7 @@ div.thisIsOneEntry div.modKeys ul li.selected img {
div.thisIsOneEntry div.modKeys ul li:hover img {
background-color: greenyellow;
-}
+}
div.thisIsOneEntry div.modKeys ul li.selected img {
background-color: orange;
View
6 index.html
@@ -8,10 +8,13 @@
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link href="css/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<link href="css/print.css" media="print" rel="stylesheet" type="text/css">
+ <link href='http://fonts.googleapis.com/css?family=Neuton|Nobile' rel='stylesheet' type='text/css'>
</head>
<body>
+ <div id="body">
+
<div id="header">
<devnote>this is YOPKS div#header - it will have a logo and site description as well as control buttons to view your shortcuts list in printable view, save as PDF, etc. (maybe eventually a Mac .prefs file of your shortcuts and/or an AutoHotKey .akh script of your shortcuts for download)</devnote>
<ul id="logo">
@@ -107,10 +110,11 @@
</div><!-- /div#footer -->
<!-- Scripts -->
- <script src="http://bit.ly/jqueryjs" type="text/javascript" charset="utf-8"></script>
+ <script src="http://bit.ly/googlejq15" type="text/javascript" charset="utf-8"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
<!-- /Scripts -->
+ </div><!-- /div#body -->
</body>
</html>
Please sign in to comment.
Something went wrong with that request. Please try again.