Permalink
Browse files

added some even more sensible styles, and took out that fugly backgro…

…und tile (still in the comments if you want to try it)
  • Loading branch information...
1 parent 6333ef4 commit 511a90733172ac156d411448b6fd0316ce972e4d @boazsender boazsender committed Feb 3, 2010
Showing with 22 additions and 19 deletions.
  1. +13 −10 css/stylesheet.css
  2. +9 −9 index.html
View
@@ -169,47 +169,50 @@ dfn {
--------------------------------*/
body {
- background: url(../img/texture.jpg); /*was #0c1021*/
+ background: #0c1021; /*was url(../img/texture.jpg)*/
color: #f8f8f8;
}
#sandbox {
font-family: "goudy-bookletter-1911-1","goudy-bookletter-1911-2","Baskerville","Georgia",serif;
- border:1px solid rgba(155, 151, 109, 0.2);
+ border:1px solid rgba(21, 11, 11, 0.2);
overflow: hidden;
padding: 20px;
position: fixed;
right: 75px;
top: 50px;
width: 400px;
z-index: 2;
- color: rgba(0, 0, 0, 0.5);
+ color: rgba(0, 0, 0, 0.6);
font-size: 16px;
+ text-shadow: 0px 0px 1px rgba(255, 255, 255, .1);
}
#sandbox h1{
font-weight: normal;
- margin: 0;
+ margin: 0 0 20px 0;
+ font-size: 56px;
+ word-spacing: 2px;
}
#sandbox abbr{
cursor: help;
- font-size: 1.5em;
- color: #721212;
- color: rgba(94, 18, 18, .6);
+ font-size: 1.3em;
+ color: #ff2166;
text-shadow: 0px 0px 1px #333;
border-bottom: 1px dashed #888;
}
#sandbox p{
- font-size: 20px;
+ font-size: 30px;
+ line-height: 50px;
+ margin: 0
}
.rule,
.rule input {
font: 14px/20px Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
white-space: pre;
margin: 0;
- background: url(../img/texture.jpg);
position: relative;
- z-index: 3;
+ z-index: 1;
display: inline
}
View
@@ -64,23 +64,23 @@
<pre class="rule">
.box_rgba {
- background-color: <b g="0" i="s2aHex" o="aCh">rgba(155, 151, 109, 0.15)</b>;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='<b g="0" i="s2aHex">#009B976D</b>',endColorstr='<b g="0" i="s2aHex">#009B976D</b>');
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='<b g="0" i="s2aHex">#009B976D</b>',endColorstr='<b g="0" i="s2aHex">#009B976D</b>')";
+ background-color: <b g="0" i="s2aHex" o="aCh">rgba(15, 79, 49, .75)</b>;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='<b g="0" i="s2aHex">#AN0F4F31</b>',endColorstr='<b g="0" i="s2aHex">#AN0F4F31</b>');
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='<b g="0" i="s2aHex">#AN0F4F31</b>',endColorstr='<b g="0" i="s2aHex">#AN0F4F31</b>')";
}
</pre>
<pre class="rule">
.box_rotate {
- -moz-transform: rotate(<b g="0">-4.5</b>deg);
- -o-transform: rotate(<b g="0">-4.5</b>deg);
- -webkit-transform: rotate(<b g="0">-4.5</b>deg);
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=<b g="0" i="s2deg" o="rot">-0.05</b>);
- -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=<b g="0" i="s2deg" o="rot">-0.05</b>)";
+ -moz-transform: rotate(<b g="0">7.5</b>deg);
+ -o-transform: rotate(<b g="0">7.5</b>deg);
+ -webkit-transform: rotate(<b g="0">7.5</b>deg);
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=<b g="0" i="s2deg" o="rot">0.083</b>);
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=<b g="0" i="s2deg" o="rot">0.083</b>)";
}
</pre>
-<img id="guestbook" src="img/guestbook.gif" alt="guestbook" width="75" height="39" />
+<a href="http://thewikies.com/"><img id="guestbook" src="img/guestbook.gif" alt="guestbook" width="75" height="39" /></a>
</body>
</html>

0 comments on commit 511a907

Please sign in to comment.