Permalink
Browse files

fixed mash into els

  • Loading branch information...
chadbercea committed May 27, 2012
1 parent 202b500 commit 2a0788806f7454e75c9fb3580008e50415b85f21
Showing with 154 additions and 5 deletions.
  1. +149 −0 public/css/style.css
  2. +4 −4 public/style.css
  3. +1 −1 views/index.ejs
View
@@ -286,4 +286,153 @@ li#game4:hover {
}*/
/**************************************************
+The Share Thing
**************************************************/
+
+div#ui-container {
+ width: 100%;
+ height: auto;
+}
+
+div#ui-bar-container {
+ background: url(/images/ui-bg.png) no-repeat;
+ width: 630px;
+ height: 90px;
+ margin: 0 auto;
+
+}
+
+div#ui-bar p {
+ text-indent: -9999px;
+}
+
+div#cta-container {
+ margin: 12px 0 0 55px;
+ float: left;
+}
+
+div#cta {
+ color: #f1f1f1;
+ font-family: georgia, serif;
+ font-style: italic;
+ font-size: 1.1em;
+ text-shadow: 0 2px 3px #292929;
+ float: left;
+}
+
+div#cta-button-container {
+ /*background: red;*/
+ width: 125px;
+ margin-top: 6px;
+ margin-left: 48px;
+ float: left;
+}
+
+
+#cta-button-red {
+ -moz-box-shadow:inset 0px 1px 0px 0px #393939;
+ -webkit-box-shadow:inset 0px 1px 0px 0px #393939;
+ box-shadow:inset 0px 1px 0px 0px #393939;
+ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e2d2d), color-stop(1, #191919) );
+ background:-moz-linear-gradient( center top, #2e2d2d 5%, #191919 100% );
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2d2d', endColorstr='#191919');
+ background-color:#2e2d2d;
+ -moz-border-radius:6px;
+ -webkit-border-radius:6px;
+ border-radius:6px;
+ border:1px solid #000000;
+ display:inline-block;
+ color:#0c0c0c;
+ font-family: Georgia, serif;
+ font-weight: normal;
+ font-style: italic;
+ font-size: 1.2em;
+ padding: 11px 38px;
+ text-decoration:none;
+ text-shadow:0px 1px 0px #313131;
+}#cta-button-red:hover {
+ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #191919), color-stop(1, #2e2d2d) );
+ background:-moz-linear-gradient( center top, #191919 5%, #2e2d2d 100% );
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#191919', endColorstr='#2e2d2d');
+ background-color:#191919;
+}#cta-button-red:active {
+ position:relative;
+ top:1px;
+}
+
+#cta-button-green {
+ -moz-box-shadow:inset 0px 1px 0px 0px #393939;
+ -webkit-box-shadow:inset 0px 1px 0px 0px #393939;
+ box-shadow:inset 0px 1px 0px 0px #393939;
+ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e2d2d), color-stop(1, #191919) );
+ background:-moz-linear-gradient( center top, #2e2d2d 5%, #191919 100% );
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2d2d', endColorstr='#191919');
+ background-color:#2e2d2d;
+ -moz-border-radius:6px;
+ -webkit-border-radius:6px;
+ border-radius:6px;
+ border:1px solid #000000;
+ display:inline-block;
+ color: white;
+ font-family: Georgia, serif;
+ font-weight: normal;
+ font-style: italic;
+ font-size: 1.2em;
+ padding: 11px 48px;
+ text-decoration:none;
+ text-shadow:0px 1px 0px #313131;
+}#cta-button-green:hover {
+ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #191919), color-stop(1, #2e2d2d) );
+ background:-moz-linear-gradient( center top, #191919 5%, #2e2d2d 100% );
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#191919', endColorstr='#2e2d2d');
+ background-color:#191919;
+}#cta-button-green:active {
+ position:relative;
+ top:1px;
+}
+
+div#red-glow-container {
+ background: url(/images/red-glow.png);
+ width: 32px;
+ height: 32px;
+ float: left;
+ margin: 18px 0 0 34px;
+}
+
+div#red-glow {
+ width: 32px;
+ height: 32px;
+ float: left;
+}
+
+div#red-glow p {
+ text-indent: -9999px;
+}
+
+div#green-glow-container {
+ background: url(/images/green-glow.png);
+ width: 32px;
+ height: 32px;
+ float: left;
+ margin: -13px 0 0 34px;
+}
+
+div#green-glow {
+ width: 32px;
+ height: 32px;
+ float: left;
+}
+
+div#green-glow p {
+ text-indent: -9999px;
+}
+
+
+
+
+
+
+
+
+
+
View
@@ -4,7 +4,7 @@ body {
}
div#wrapper-main {
- background: url(images/bg.png) no-repeat;
+ background: url(imageas/bg.png) no-repeat;
width: 1024px;
height: 768px;
margin: 0 auto;
@@ -240,7 +240,7 @@ div#ui-container {
}
div#ui-bar-container {
- background: url(img/ui-bg.png) no-repeat;
+ background: url(images/ui-bg.png) no-repeat;
width: 630px;
height: 90px;
margin: 0 auto;
@@ -337,7 +337,7 @@ div#cta-button-container {
}
div#red-glow-container {
- background: url(img/red-glow.png);
+ background: url(images/red-glow.png);
width: 32px;
height: 32px;
float: left;
@@ -355,7 +355,7 @@ div#red-glow p {
}
div#green-glow-container {
- background: url(img/green-glow.png);
+ background: url(images/green-glow.png);
width: 32px;
height: 32px;
float: left;
View
@@ -191,7 +191,7 @@
<div id="container-title">
<div id="title">
<p>This is the title.</p>
-
+ </div>
<div id="ui-container">
<div id="ui-bar-container">
<div id="cta-container">

0 comments on commit 2a07888

Please sign in to comment.