Permalink
Browse files

adding some images

  • Loading branch information...
1 parent 13ff40f commit ad2fea4ad006cc62877704fea7087ea84150bf6e @gsaqui committed Feb 28, 2012
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -22,13 +22,17 @@
<div class="main">
<header>
<h1>We deliver the dreams others dream they could deliver</h1>
- <img src="http://placekitten.com/g/960/300">
+ <img src="img/top-of-site.png">
+ <h3>CEO Needed</h3>
+ <h3>Head of Accounts</h3>
+ <h3>Captian of Cruise ship</h3>
+ <h3>Your dream</h3>
</header>
<nav role="navigation">
<ul class="nav">
<li><a href="/">Home</a></li>
- <li><a href="/client.html">Clients</a></li>
- <li><a href="/candiates.html">Candidates</a></li>
+ <li><a href="client.html">Clients</a></li>
+ <li><a href="candidates.html">Candidates</a></li>
</ul>
</nav>
<div class="contents">
@@ -99,8 +99,8 @@ body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
- color: #333333;
- background-color: #000000;
+ color: #f2f0df;
+ background-color: #222222;
}
a {
color: #0088cc;
@@ -297,7 +297,7 @@ h5,
h6 {
margin: 0;
font-weight: bold;
- color: #333333;
+ color: #caccb6;
text-rendering: optimizelegibility;
}
h1 small,
@@ -307,7 +307,7 @@ h4 small,
h5 small,
h6 small {
font-weight: normal;
- color: #999999;
+ color: #caccb6;
}
h1 {
font-size: 30px;
@@ -3333,7 +3333,7 @@ a.thumbnail:hover {
background-image: url(../../img/pencil.jpg);
background-position: top right;
background-repeat: no-repeat;
- background-color: #f2f2f0;
+ background-color: #8e9e82;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
@@ -7,7 +7,7 @@
background-image: url(../../img/pencil.jpg);
background-position: top right;
background-repeat: no-repeat;
- background-color: #f2f2f0;
+ background-color: @baseGreen;
.border-radius(6px);
h1 {
@@ -12,7 +12,7 @@ body {
font-size: @baseFontSize;
line-height: @baseLineHeight;
color: @textColor;
- background-color: @black;
+ background-color: @backgroundColor;
}
View
@@ -29,11 +29,11 @@ p {
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: bold;
- color: @grayDark;
+ color: @dove;
text-rendering: optimizelegibility; // Fix the character spacing for headings
small {
font-weight: normal;
- color: @grayLight;
+ color: @dove;
}
}
h1 {
@@ -30,11 +30,20 @@
@pink: #c3325f;
@purple: #7a43b6;
+//base colors http://www.colourlovers.com/palette/755913/More_About_Money
+@baseGreen: #8E9E82;
+@dove: #CACCB6;
+@babba: #BABBA5;
+@creme: #F2F0DF;
+@charcoal: #222222;
+
+@backgroundColor: @charcoal;
+
// Typography
@baseFontSize: 13px;
@baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
@baseLineHeight: 18px;
-@textColor: @grayDark;
+@textColor: @creme;
// Buttons
@primaryButtonBackground: @linkColor;
View
@@ -9,19 +9,18 @@ body:before, body:after {
body:after {
clear: both;
}
-body {
- padding-top: 20px;
- padding-bottom: 40px;
- max-width: 960px;
- margin: 0 auto;
+/*http://www.colourlovers.com/palette/443995/i_demand_a_pancake*/
+h1 {
+ color: #9de0ad;
}
nav {
width: 960px;
height: 50px;
float: left;
- background: -webkit-linear-gradient(90deg, #ffffff, #0000ff);
- background: -moz-linear-gradient(90deg, #ffffff, #0000ff);
- background: -o-linear-gradient(90deg, #ffffff, #0000ff);
+ background: #594f4f;
+ background: -webkit-linear-gradient(90deg, #594f4f, #000000);
+ background: -moz-linear-gradient(90deg, #594f4f, #000000);
+ background: -o-linear-gradient(90deg, #594f4f, #000000);
}
ul.nav {
float: left;
@@ -33,6 +32,11 @@ ul.nav {
ul.nav li {
float: left;
display: inline;
+ margin-right: 20px;
+}
+ul.nav a {
+ color: #9de0ad;
+ text-decoration: none;
}
header h1 {
position: absolute;
@@ -41,16 +45,19 @@ header h1 {
width: 350px;
}
.main {
- background: #5A5A5A ;
- background-image: -moz-radial-gradient(25% 30%, #c0c0c0, #000000);
- background-image: -ms-radial-gradient(25% 30%, #c0c0c0, #000000);
- background-image: -o-radial-gradient(25% 30%, #c0c0c0, #000000);
- background-image: -webkit-radial-gradient(25% 30%, #c0c0c0, #000000);
- background-image: radial-gradient(25% 30%, #c0c0c0, #000000);
+ background: #e5fcc2;
+ background-image: -moz-radial-gradient(25% 30%, #c0c0c0, #e5fcc2);
+ background-image: -ms-radial-gradient(25% 30%, #c0c0c0, #e5fcc2);
+ background-image: -o-radial-gradient(25% 30%, #c0c0c0, #e5fcc2);
+ background-image: -webkit-radial-gradient(25% 30%, #c0c0c0, #e5fcc2);
+ background-image: radial-gradient(25% 30%, #c0c0c0, #e5fcc2);
background-repeat: no-repeat;
position: relative;
float: left;
}
+.main h2, .main p {
+ color: black;
+}
.left-column {
display: inline;
float: left;
View
@@ -2,27 +2,31 @@
@totalWidth: 960px;
-body {
- padding-top: 20px;
- padding-bottom: 40px;
- max-width: @totalWidth;
- margin: 0 auto;
-}
+
+/*http://www.colourlovers.com/palette/443995/i_demand_a_pancake*/
+@backgroundColor: #E5FCC2;
+@textColor: #9DE0AD;
+@midColor: #45ADA8;
+@lightGradient: black;
+@darkGradient: #594F4F;
@columns: 12;
@column-width: 60;
@gutter-width: 20;
+h1{
+ color: @textColor;
+}
+
nav{
width: @totalWidth;
height: 50px;
float: left;
- background: -webkit-linear-gradient(90deg, white, blue);
- background: -moz-linear-gradient(90deg, white, blue);
- background: -o-linear-gradient(90deg, white, blue);
-
-
+ background: @darkGradient;
+ background: -webkit-linear-gradient(90deg, @darkGradient, @lightGradient);
+ background: -moz-linear-gradient(90deg, @darkGradient, @lightGradient);
+ background: -o-linear-gradient(90deg, @darkGradient, @lightGradient);
}
ul.nav{
float: left;
@@ -34,6 +38,11 @@ ul.nav{
ul.nav li{
float: left;
display: inline;
+ margin-right: 20px;
+}
+ul.nav a{
+ color: @textColor;
+ text-decoration: none;
}
header h1{
@@ -45,17 +54,21 @@ header h1{
.main{
- background: #5A5A5A ;
- background-image: -moz-radial-gradient(25% 30%, silver, black);
- background-image: -ms-radial-gradient(25% 30%, silver, black);
- background-image: -o-radial-gradient(25% 30%, silver, black);
- background-image: -webkit-radial-gradient(25% 30%, silver, black);
- background-image: radial-gradient(25% 30%, silver, black);
+ background: @backgroundColor ;
+ background-image: -moz-radial-gradient(25% 30%, silver, @backgroundColor);
+ background-image: -ms-radial-gradient(25% 30%, silver, @backgroundColor);
+ background-image: -o-radial-gradient(25% 30%, silver, @backgroundColor);
+ background-image: -webkit-radial-gradient(25% 30%, silver, @backgroundColor);
+ background-image: radial-gradient(25% 30%, silver, @backgroundColor);
background-repeat: no-repeat;
position: relative;
float: left;
}
+.main h2,
+.main p{
+ color: black;
+}
.left-column {
.column(3);

0 comments on commit ad2fea4

Please sign in to comment.