Permalink
Browse files

Clean up styles

Squashed commit of the following:

commit c46f6ea128d98c4f080f45e09a100eb57bb2cc32
Author: Gabe Kopley <gabe@coshx.com>
Date:   Mon Oct 8 17:38:02 2012 -0700

    Large cleanup of css

commit 88a29523e16da8c833e48ceb981d44b29215fa13
Author: Gabe Kopley <gabe@coshx.com>
Date:   Mon Oct 8 16:02:51 2012 -0700

    Use color variables more places
  • Loading branch information...
1 parent e4b96f9 commit 6d93a57a086d145f1755ba3b3004094b342718c4 @gkop gkop committed Oct 9, 2012
View
10 app/assets/stylesheets/_common.css.scss
@@ -1,10 +1,16 @@
-$gray: #B2B2B2;
+$off-white: #eeeeee;
+
+$gray: #b2b2b2;
$light-gray: #97979b;
$medium-gray: #525357;
+$dark-gray: #333333;
$blue: #1588c3;
+$bright-blue: #2ba6cb;
$dark-blue: #004264;
-$very-pale-blue: #E3E3FF;
+
+// i think these are all for code highlighting,
+// in which case we should TODO move them out of common
$green: #afcf45;
$purple: #c64791;
View
73 app/assets/stylesheets/about.css.scss
@@ -1,5 +1,7 @@
+@import "common";
+
.about-stats {
- background: #1588C3;
+ background: $blue;
position: relative;
padding-bottom: 50px;
&:after {
@@ -15,25 +17,25 @@
}
p {
font: 12px 'Droid Serif', serif;
- color: #004264;
+ color: $dark-blue;
}
h3 {
font-family: 'Droid Sans', sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: bold;
- color: #004264;
+ color: $dark-blue;
text-align: -webkit-auto;
text-rendering: optimizelegibility;
text-transform: uppercase;
}
h2 {
font: bold 48px/46px "Droid Sans", sans-serif;
- color: #004264;
+ color: $dark-blue;
}
.b {
- border-left: 1px dotted #004264;
+ border-left: 1px dotted $dark-blue;
}
.columns div {
margin: 20px;
@@ -94,7 +96,7 @@
-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
&:hover {
- border: 6px solid #1588c3;
+ border: 6px solid $blue;
filter: none;
-webkit-filter: grayscale(0);
}
@@ -125,7 +127,7 @@
}
.about-stats a {
- color: #004264;
+ color: $dark-blue;
}
#folk-slider {
@@ -143,43 +145,38 @@ position:relative;
}
.twitter_and_github {
-position:absolute;
-right:0px;
+ position: absolute;
+ right: 0px;
a {
float:right;
}
}
-.github {
-margin-left:20px;
-padding-left:30px;
-height:26px;
-padding-top:5px;
-color:#1588C3 !important;
-background:url(github-small.png) no-repeat;
-//position:absolute;
-right:0;
-display:block;
-&:hover {
-background-position:0px -26px;
-color:white !important;
+.github {
+ margin-left: 20px;
+ padding-left: 30px;
+ height: 26px;
+ padding-top: 5px;
+ color: $blue !important;
+ background: url(github-small.png) no-repeat;
+ right: 0;
+ display: block;
+ &:hover {
+ background-position: 0px -26px;
+ color: white !important;
+ }
}
-}
.twitter_link {
-padding-left:33px;
-height:26px;
-padding-top:5px;
-color:#1588C3 !important;
-background:url(banner_twitter.png) no-repeat;
-//position:absolute;
-right:0;
-display:block;
-&:hover {
-background-position:0px -25px;
-color:white !important;
-
-}
-
+ padding-left: 33px;
+ height: 26px;
+ padding-top: 5px;
+ color: $blue !important;
+ background: url(banner_twitter.png) no-repeat;
+ right: 0;
+ display: block;
+ &:hover {
+ background-position: 0px -25px;
+ color: white !important;
+ }
}
-
View
23 app/assets/stylesheets/admin.css.scss
@@ -1,30 +1,24 @@
+@import "common";
+
.folk_bio {
padding-bottom: 10px;
- maring-bottom: 10px;
-
}
.folk_wrap {
content: ' ';
- border-top: 2px solid #1588C3;
+ border-top: 2px solid $blue;
padding-top: 15px;
margin-top: 15px;
text-align: left;
}
.folk_header {
- color: #1588C3;
+ color: $blue;
font: bold 18px 'PT Sans', sans-serif;
}
#admin-menu {
- span, em, div, ul, li {
-
- }
- a {
-
- }
.status {
margin-left: 40px;
font: 12px 'PT Sans', sans-serif;
@@ -43,10 +37,6 @@
margin-left: 20px;
}
}
- ul {
- }
- li {
- }
}
#folk-slider {
@@ -79,9 +69,8 @@
p {
display: block;
text-align: left;
- color: gray;
- font: 14px / 24px "Droid Serif", serif;
+ color: $gray;
+ font: 16px / 24px "Droid Serif", serif;
margin: 22px 0px;
}
-
}
View
2 app/assets/stylesheets/application.scss
@@ -9,5 +9,3 @@
@import "foundation";
@import "contenteditable/contenteditable";
-
-$gray: #a6a6a6;
View
47 app/assets/stylesheets/blog.css.scss
@@ -1,47 +1,7 @@
@import "common";
-#gutter {
-
-}
-
-body.default section.primary.wall-of-text {
-
-}
-
-section.primary {
- .post-author-image {
-
- }
- .post-info-wrapper, .post-info {
-
- }
-
- .post-info-wrapper {
- margin-bottom: 10px;
- }
-
- .post-info {
-
- }
- .post-body {
- p {
-
- }
- hr {
-
- }
- .meta {
-
- }
-
- em {
-
- }
- }
-
- .pagination {
-
- }
+section.primary .post-info-wrapper {
+ margin-bottom: 10px;
}
.edit-link a {
@@ -52,7 +12,6 @@ section.primary {
font-size: 11px !important;
}
-
blockquote p {
-color: #A9A9A9 !important;
+ color: $gray !important;
}
View
20 app/assets/stylesheets/buttons.css.scss
@@ -1,3 +1,5 @@
+@import "common";
+
@media only screen and (max-width: 767px) {
body .the-button, .a-button {
width: 90% !important;
@@ -15,10 +17,10 @@
display: inline-block;
height: 33px;
- color: #004264;
+ color: $dark-blue;
text-decoration: none;
font: 14px 'PT Sans', sans-serif;
- background: #1588C3;
+ background: $blue;
padding: 7px 20px;
border-radius: 5px;
text-transform: uppercase;
@@ -49,28 +51,28 @@
padding: 5px 20px;
border-radius: 5px;
- color: #004264;
- background: #1588C3;
+ color: $dark-blue;
+ background: $blue;
&:hover {
color: white;
}
}
body .darkblue {
color: white;
- background: #004264;
+ background: $dark-blue;
&:hover {
- color: #1588C3;
+ color: $blue;
background: white;
}
}
.white {
- background: #1588C3;
- color: #1588C3;
+ background: $blue;
+ color: $blue;
&:hover {
background: white !important;
- color: #004264;
+ color: $dark-blue;
}
}
View
31 app/assets/stylesheets/clients.css.scss
@@ -1,22 +1,17 @@
-// Place all the styles related to the Clients controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
-
.client-list {
-padding-top:30px;
-margin:auto;
-}
+ padding-top: 30px;
+ margin: auto;
-.client-list div {
-
-width:164px;
-height:150px;
-float:left;
-margin-left:1px;
-margin-bottom:1px;
-cursor:pointer;
-}
+ div {
+ width: 164px;
+ height: 150px;
+ float: left;
+ margin-left: 1px;
+ margin-bottom: 1px;
+ cursor: pointer;
+ }
-.client-list div:last-child:after {
-clear:both;
+ div:last-child:after {
+ clear: both;
+ }
}
View
5 app/assets/stylesheets/code_blocks.css.scss
@@ -5,13 +5,8 @@
padding: 10px 20px;
margin: 10px 0;
overflow-x: auto;
- /* @include border-radius(5px);
- @include box-shadow(black 1px 1px 6px inset);*/
}
-.post-body pre {
-
-}
.hll { background-color: yellow }
.c { color: desaturate($blue, 20%); font-style: italic } /* Comment */
View
3 app/assets/stylesheets/contents.css.scss
@@ -1,3 +0,0 @@
-// Place all the styles related to the Contents controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
View
9 app/assets/stylesheets/footer.css.scss
@@ -1,3 +1,5 @@
+@import "common";
+
@media only screen and (max-width: 960px) {
footer {
padding-left: 15px;
@@ -15,8 +17,8 @@ footer .the-button {
footer .star-header {
margin-top: 0px;
margin-bottom: 14px;
- border-top: 2px solid #1588C3;
- border-bottom: 1px solid #004264;
+ border-top: 2px solid $blue;
+ border-bottom: 1px solid $dark-blue;
font: bold 18px 'PT Sans', sans-serif;
color: white;
background: url(twitter_footer.png) no-repeat 0px 3px;
@@ -26,7 +28,6 @@ footer .star-header {
padding-left: 50px;
margin-bottom: 0px;
}
-
}
@media only screen and (max-width: 500px) {
@@ -35,9 +36,7 @@ footer .star-header {
p {
padding-left: 0px;
}
-
}
-
}
#latest-blogs h2 a {
View
11 app/assets/stylesheets/forms.css.scss
@@ -1,8 +1,5 @@
-// Place all the styles related to the posts controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
form.internal {
- input[type=text], textarea {
- width: 100%;
- }
-}
+ input[type=text], textarea {
+ width: 100%;
+ }
+}
View
4 app/assets/stylesheets/header.css.scss
@@ -1,3 +1,5 @@
+@import "common";
+
.jobs {
display: block;
overflow: hidden;
@@ -15,7 +17,7 @@
top: -5px;
background: url(jobs_btn.png);
- color: #004264;
+ color: $dark-blue;
cursor: auto;
display: inline-block;
font-family: 'PT Sans', sans-serif;
View
617 app/assets/stylesheets/home.css.scss
@@ -1,7 +1,4 @@
-// Place all the styles related to the home controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
-$gray: #a6a6a6;
+@import "common";
body p {
line-height: 140%;
@@ -37,7 +34,7 @@ body p {
transition: all 0.3s ease-out; /* Firefox 16+, Opera 12.50+ */
border: 6px solid white;
&:hover {
- border: 6px solid #1588C3;;
+ border: 6px solid $blue;;
}
}
@@ -111,8 +108,8 @@ body p {
#features {
/* @include w960;*/
margin-top: 50px;
- border-top: 2px solid #1588C3;
- border-bottom: 2px solid #1588C3;
+ border-top: 2px solid $blue;
+ border-bottom: 2px solid $blue;
padding: 30px 0px;
.feature {
@@ -139,7 +136,7 @@ body p {
margin-bottom: 15px;
}
span.blue {
- color: #1588C3;
+ color: $blue;
}
a {
margin-bottom: 5px;
@@ -184,24 +181,6 @@ body p {
margin: 0px auto;
}
-a.html:link {
- COLOR: #F60A0A;
-}
-
-a.html:visited {
- text-decoration: none;
- COLOR: #0B0B3B;
-}
-
-a.html:hover {
- text-decoration: none;
- COLOR: #000000;
-}
-
-a.html:active {
- COLOR: #000000;
-}
-
#blueprint-wrapper {
margin: 0px auto 10px;
max-width: 387px;
@@ -236,7 +215,6 @@ a.html:active {
}
section#blueprint-image {
-/*@include w960;*/
text-align: center;
padding-bottom: 75px;
@@ -295,7 +273,6 @@ section#blueprint-image {
}
#features {
-/* @include w960;*/
.feature {
background: image-url("services-border.png") 100% 0px no-repeat;
@@ -321,7 +298,7 @@ section#blueprint-image {
margin-bottom: 15px;
}
span.blue {
- color: #1588C3;
+ color: $blue;
}
a {
margin-bottom: 5px;
@@ -341,7 +318,6 @@ section#blueprint-image {
}
#contact-us {
-/*@include w960;*/
text-align: center;
padding: 53px 0px 0px 0px;
@@ -375,7 +351,6 @@ section#blueprint-image {
}
#featured-projects {
-/*@include w960;*/
header {
background: image-url("projects-border.png") 0px 100% repeat-x;
@@ -472,8 +447,7 @@ section#blueprint-image {
}
#our-clients {
-/*@include w960;*/
- border-top: 2px solid #1588C3;
+ border-top: 2px solid $blue;
ul {
margin-top: 50px;
@@ -484,7 +458,7 @@ section#blueprint-image {
height: 150px;
border-right: 1px solid black;
border-bottom: 1px solid black;
- background: #1588C3;
+ background: $blue;
line-height: 200px;
text-align: center;
img {
@@ -500,9 +474,9 @@ section#blueprint-image {
}
}
li.tendril {
- background: #1588c3 url(client_logos/tendril.png) center center no-repeat;
+ background: $blue url(client_logos/tendril.png) center center no-repeat;
&:hover {
- background: #1588c3 url(client_logos/tendril_hover.png) center center no-repeat;
+ background: $blue url(client_logos/tendril_hover.png) center center no-repeat;
}
}
}
@@ -511,7 +485,7 @@ section#blueprint-image {
.white {
background-color: white;
&:hover {
- background-color: #1588C3;
+ background-color: $blue;
}
}
@@ -523,14 +497,8 @@ h1.formula {
text-transform: uppercase;
}
-section#about-us p {
-/*font: 18px 'Droid Serif', serif;
- color: #b2b2b2;
- margin: 30px 0px;*/
-}
-
#about-stats {
- background: #1588c3;
+ background: $blue;
position: relative;
a {
@@ -552,262 +520,203 @@ section#about-us p {
z-index: -1;
}
-#about-stats ul {
- list-style: none;
-}
-
-#about-stats ul.team li:first-child {
- background: none;
-}
-
-#about-stats ul.team li {
- width: 320px;
- float: left;
- color: #004264;
- margin-top: 27px;
- background: image-url("menu-border.png") left 0px repeat-y;
-}
+#about-stats {
+ ul {
+ list-style: none;
+ }
-#about-stats ul.team li.coffee {
- width: 310px;
-}
+ ul.team {
+ li:first-child {
+ background: none;
+ }
-#about-stats ul.team li.tracks {
- width: 333px;
- a.html:link {
- COLOR: #0B0B3B;
- }
- a.html:visited {
- text-decoration: none;
- COLOR: #0B0B3B;
- }
- a.html:hover {
- text-decoration: none;
- COLOR: #000000;
- }
- a.html:active {
- COLOR: #000000;
- }
-}
+ li {
+ width: 320px;
+ float: left;
+ color: $dark-blue;
+ margin-top: 27px;
+ background: image-url("menu-border.png") left 0px repeat-y;
+ h3 {
+ font: bold 14px 'Droid Sans', sans-serif;
+ text-transform: uppercase;
+ }
-#about-stats ul.team li.food {
- width: 317px;
-}
+ h2 {
+ font: bold 48px/46px 'Droid Sans', sans-serif;
+ }
-#about-stats ul.team li h3 {
- font: bold 14px 'Droid Sans', sans-serif;
- text-transform: uppercase;
-}
+ p {
+ font: 12px 'Droid Serif', serif;
+ color: $dark-blue;
+ margin: 0;
+ }
-#about-stats ul.team li h2 {
- font: bold 48px/46px 'Droid Sans', sans-serif;
-}
+ a {
+ text-decoration: none;
+ }
-#about-stats ul.team li p {
- font: 12px 'Droid Serif', serif;
- color: #004264;
- margin: 0;
-}
+ a:hover {
+ text-decoration: underline;
+ }
-#about-stats ul.team li p a {
- text-decoration: none;
-}
+ img {
+ float: left;
+ margin: 0px 25px;
+ }
+ }
-#about-stats ul.team li p a:hover {
- text-decoration: underline;
-}
+ li.coffee {
+ width: 310px;
+ }
-#about-stats ul.team li img {
- float: left;
- margin: 0px 25px;
-}
+ li.tracks {
+ width: 333px;
+ }
-#about-stats ul.social li {
- float: left;
- color: #004264;
- margin: 60px 0px 40px;
- padding: 0px 11px;
- background: image-url("menu-border.png") left 0px repeat-y;
-}
+ li.food {
+ width: 317px;
+ }
+ }
-#about-stats ul.social li.git {
- position: relative;
- left: 15px;
- width: 185px;
-}
-#about-stats ul.social li.rails {
- width: 140px;
-}
+ ul.social {
+ li {
+ float: left;
+ color: $dark-blue;
+ margin: 60px 0px 40px;
+ padding: 0px 11px;
+ background: image-url("menu-border.png") left 0px repeat-y;
+ &:first-child {
+ background: none;
+ }
+ h3 {
+ font: bold 12px 'Droid Sans', sans-serif;
+ text-transform: uppercase;
+ margin-bottom: 13px;
+ }
-#about-stats ul.social li.tweets {
- width: 100px;
-}
+ h2 {
+ font: bold 30px 'Droid Sans', sans-serif;
+ }
+ }
-#about-stats ul.social li.blog {
- width: 154px;
-}
+ li.git {
+ position: relative;
+ left: 15px;
+ width: 185px;
+ }
-#about-stats ul.social li.lunch {
- width: 135px;
-}
+ li.rails {
+ width: 140px;
+ }
-#about-stats ul.social li.lunch h3 a {
- float: right;
-}
+ li.tweets {
+ width: 100px;
+ }
-#about-stats ul.social li.ideas {
- width: 140px;
-}
+ li.blog {
+ width: 154px;
+ }
-#about-stats ul.social li:first-child {
- background: none;
-}
+ li.lunch {
+ width: 135px;
-#about-stats ul.social li h3 {
- font: bold 12px 'Droid Sans', sans-serif;
- text-transform: uppercase;
- margin-bottom: 13px;
-}
+ h3 a {
+ float: right;
+ }
+ }
-#about-stats ul.social li h2 {
- font: bold 30px 'Droid Sans', sans-serif;
+ li.ideas {
+ width: 140px;
+ }
+ }
}
section#team {
margin-top: 0px;
position: relative;
top: 100px;
overflow: hidden;
-}
-section#team ul {
- list-style: none;
+ ul {
+ list-style: none;
+ }
}
@media screen and (max-width: 500px) {
- #team ul li {
- width: 100%;
- /* margin-left:auto !important;
- margin-right:auto !important; */
- text-align: center;
- margin: 0px !important;
- }
-
- #team ul li a {
- margin: auto !important;
- display: inline-block !important;
- }
+ #team {
+ ul li {
+ width: 100%;
+ text-align: center;
+ margin: 0px !important;
+ height: 271px;
- #team ul li {
- height: 271px;
+ a {
+ margin: auto !important;
+ display: inline-block !important;
+ }
+ }
}
}
-section#team ul li {
- float: left;
- margin-left: 30px;
- margin-right: 30px;
- margin-bottom: 60px;
-}
-
-section#team ul li.right {
- margin-right: 0px;
-}
-
-section#team ul li.last {
- margin-right: 0px;
-}
-
-#team ul li a {
- width: 189px;
- height: 189px;
- font: bold 14px 'PT Sans', sans-serif;
- text-align: center;
- color: #FFF;
- position: relative;
- .portrait {
- position: absolute;
- /*left: 0px;
- top: 0px;*/
- width: 180px;
- height: 180px;
- border-radius: 90px;
- border: solid 6px #ffffff;
-
- -webkit-transition: all 0.3s ease-out; /* Safari 3.2+, Chrome */
- -moz-transition: all 0.3s ease-out; /* Firefox 4-15 */
- -o-transition: all 0.3s ease-out; /* Opera 10.5–12.00 */
- transition: all 0.3s ease-out; /* Firefox 16+, Opera 12.50+ */
-
- }
- &:hover {
- p {
- color: #1588c3;
- }
- .portrait {
- border: solid 6px #1588c3;
- }
+section#team ul {
+ li {
+ float: left;
+ margin-left: 30px;
+ margin-right: 30px;
+ margin-bottom: 60px;
}
- p {
- text-decoration: none;
- text-transform: uppercase;
- font: bold 14px 'PT Sans', sans-serif;
- text-align: center;
- color: #FFF;
- -webkit-transition: all 0.3s ease-out; /* Safari 3.2+, Chrome */
- -moz-transition: all 0.3s ease-out; /* Firefox 4-15 */
- -o-transition: all 0.3s ease-out; /* Opera 10.5–12.00 */
- transition: all 0.3s ease-out; /* Firefox 16+, Opera 12.50+ */
+
+ li.right {
+ margin-right: 0px;
}
-}
+ li.last {
+ margin-right: 0px;
+ }
-/*
-section#team ul li a{
- display: block;
- padding-top: 209px;
- text-align: center;
+ li a {
width: 189px;
+ height: 189px;
font: bold 14px 'PT Sans', sans-serif;
+ text-align: center;
color: #FFF;
- text-decoration: none;
- text-transform: uppercase;
- .new{
- margin-top: -207px;
- }
- .portrait{
- position: relative;
- margin-top: -400px;
- left: -2px;
- top: 190px;
+ position: relative;
+ .portrait {
+ position: absolute;
width: 180px;
height: 180px;
border-radius: 90px;
- border:solid 6px #ffffff;
- }
-}
+ border: solid 6px #ffffff;
+ -webkit-transition: all 0.3s ease-out; /* Safari 3.2+, Chrome */
+ -moz-transition: all 0.3s ease-out; /* Firefox 4-15 */
+ -o-transition: all 0.3s ease-out; /* Opera 10.5–12.00 */
+ transition: all 0.3s ease-out; /* Firefox 16+, Opera 12.50+ */
-section#team ul li a:hover{
- color: #1588c3;
- .new{
- margin-top: -207px;
- }
- .portrait{
- position: relative;
- margin-top: -400px;
- top: 190px;
- left: -2px;
- width: 180px;
- height: 180px;
- border-radius: 90px;
- border:solid 6px #1588c3;
}
+ &:hover {
+ p {
+ color: $blue;
+ }
+ .portrait {
+ border: solid 6px $blue;
+ }
+ }
+ p {
+ text-decoration: none;
+ text-transform: uppercase;
+ font: bold 14px 'PT Sans', sans-serif;
+ text-align: center;
+ color: #FFF;
+ -webkit-transition: all 0.3s ease-out; /* Safari 3.2+, Chrome */
+ -moz-transition: all 0.3s ease-out; /* Firefox 4-15 */
+ -o-transition: all 0.3s ease-out; /* Opera 10.5–12.00 */
+ transition: all 0.3s ease-out; /* Firefox 16+, Opera 12.50+ */
+ }
+ }
}
-*/
-
section#testimonials {
margin: 120px auto 0px;
h2 {
@@ -820,22 +729,49 @@ section#testimonials {
background: image-url("quote.png") 0px 0px no-repeat;
}
-}
+ header {
+ border-top: 2px solid $blue;
+ background: image-url("projects-border.png") 0px bottom repeat-x;
+ height: 78px;
-section#testimonials header {
- border-top: 2px solid #1588c3;
- background: image-url("projects-border.png") 0px bottom repeat-x;
- height: 78px;
-}
+ h3 {
+ font: bold 18px 'PT Sans', sans-serif;
+ color: #FFF;
+ padding-left: 50px;
+ background: image-url("quote.png") no-repeat scroll 0 26px transparent;
+ text-transform: uppercase;
+ line-height: 78px;
+ float: left;
+ }
+ }
-section#testimonials header h3 {
- font: bold 18px 'PT Sans', sans-serif;
- color: #FFF;
- padding-left: 50px;
- background: image-url("quote.png") no-repeat scroll 0 26px transparent;
- text-transform: uppercase;
- line-height: 78px;
- float: left;
+ ul {
+ margin-top: 65px;
+ li {
+ p {
+ color: $gray;
+ display: block;
+ font: 18px/36px 'Droid Serif', serif;
+ margin: 0 auto;
+ text-align: center;
+ max-width: 600px;
+ }
+
+ div.author {
+ margin: 0px auto;
+ height: 30px;
+ font: 13px/30px 'PT Sans', sans-serif;
+ color: #FFF;
+ width: 155px;
+ margin-top: 25px;
+ img {
+ display: block;
+ margin-right: 10px;
+ float: left;
+ }
+ }
+ }
+ }
}
a.test-nav {
@@ -844,6 +780,10 @@ a.test-nav {
height: 35px;
float: right;
margin-top: 24px;
+
+ &:hover {
+ background-position: 0px -35px;
+ }
}
a.test-nav.prev {
@@ -855,47 +795,12 @@ a.test-nav.next {
background: image-url("testimonial-next.png") no-repeat;
}
-a.test-nav:hover {
- background-position: 0px -35px;
-}
-
-section#testimonials ul {
- margin-top: 65px;
- li {
- p {
- color: #B2B2B2;
- display: block;
- font: 18px/36px 'Droid Serif', serif;
- margin: 0 auto;
- text-align: center;
- max-width: 600px;
- }
-
- div.author {
- margin: 0px auto;
- height: 30px;
- font: 13px/30px 'PT Sans', sans-serif;
- color: #FFF;
- width: 155px;
- margin-top: 25px;
- img {
- display: block;
- margin-right: 10px;
- float: left;
- }
- }
- }
-}
-
#our-clients {
-/*@include w960;*/
header {
background: image-url("projects-border.png") 0px 100% repeat-x;
overflow: hidden;
- }
- header {
h2 {
font: bold 18px 'PT Sans', sans-serif;
color: white;
@@ -910,7 +815,6 @@ section#testimonials ul {
margin-top: 30px;
}
}
-
}
.portfolio-thumbs {
@@ -931,69 +835,70 @@ section#testimonials ul {
.featured_projects .fp_img {
float: none !important;
}
-
-}
-
-.featured_projects .no1 {
- margin-left: auto;
- margin-right: auto;
}
-.featured_projects .no2 {
- float: right;
-}
+.featured_projects {
+ .no1 {
+ margin-left: auto;
+ margin-right: auto;
+ }
-.featured_projects .fp_img {
- margin-bottom: 50px;
- max-width: 280px;
- max-height: 340px;
- overflow: hidden;
- position: relative;
- border: 5px solid black;
- .overlay {
- width: 100%; /*461px; */
- height: 340px;
- background: rgba(0, 0, 0, 0.8);
- -webkit-border-radius: 0px;
-
- border-radius: 0px;
- left: 0px;
- top: 0px;
- display: none;
- position: absolute;
+ .no2 {
+ float: right;
}
- .link-wrapper {
- margin: 120px auto 0px;
- width: 190px;
+
+ .fp_img {
+ margin-bottom: 50px;
+ max-width: 280px;
+ max-height: 340px;
overflow: hidden;
- }
- .separator {
- height: 58px;
- border-left: 1px solid #FFF;
- float: left;
- }
- a {
- &.case {
- display: block;
- width: 62px;
- height: 78px;
- background: url(case-button.png) 0px 0px no-repeat;
- float: left;
- margin-left: 25px;
- &:hover {
- background-position: 0px -79px;
- }
+ position: relative;
+ border: 5px solid black;
+ .overlay {
+ width: 100%; /*461px; */
+ height: 340px;
+ background: rgba(0, 0, 0, 0.8);
+ -webkit-border-radius: 0px;
+
+ border-radius: 0px;
+ left: 0px;
+ top: 0px;
+ display: none;
+ position: absolute;
+ }
+ .link-wrapper {
+ margin: 120px auto 0px;
+ width: 190px;
+ overflow: hidden;
}
- &.view {
- background: url("view-button.png") no-repeat scroll 0 0 transparent;
- display: block;
+ .separator {
+ height: 58px;
+ border-left: 1px solid #FFF;
float: left;
- height: 67px;
- margin-right: 25px;
- margin-top: 11px;
- width: 65px;
- &:hover {
- background-position: 0px -68px;
+ }
+ a {
+ &.case {
+ display: block;
+ width: 62px;
+ height: 78px;
+ background: url(case-button.png) 0px 0px no-repeat;
+ float: left;
+ margin-left: 25px;
+ &:hover {
+ background-position: 0px -79px;
+ }
+ }
+ &.view {
+ background: url("view-button.png") no-repeat scroll 0 0 transparent;
+ display: block;
+ float: left;
+ height: 67px;
+ margin-right: 25px;
+ margin-top: 11px;
+ width: 65px;
+ &:hover {
+ background-position: 0px -68px;
+ }
}
}
}
View
153 app/assets/stylesheets/layouts.css.scss
@@ -1,3 +1,5 @@
+@import "common";
+
ul {
list-style-type: none;
}
@@ -70,45 +72,43 @@ body {
}
div.dialog {
- width: 25em;
- padding: 0 4em;
- margin: 4em auto 0 auto;
- border: 2px solid #1688C3;
- border-right-color: #1688C3;
- border-bottom-color: #1688C3;
- background-color: #fff;
- color: #666;
- text-align: center;
- font-family: arial, sans-serif;
- }
-
-div.dialog h1 {
- font-size: 18px;
- }
-
+ width: 25em;
+ padding: 0 4em;
+ margin: 4em auto 0 auto;
+ border: 2px solid #1688C3;
+ border-right-color: #1688C3;
+ border-bottom-color: #1688C3;
+ background-color: #fff;
+ color: #666;
+ text-align: center;
+ font-family: arial, sans-serif;
+ h1 {
+ font-size: 18px;
+ }
+}
@media screen and (max-width: 450px) {
- ul#nav li {
- float: left;
- width: 33% !important;
- &:nth-child(3) {
- background: none !important;
- }
- }
-
ul#nav {
- border-bottom: 2px solid #1588C3;
+ border-bottom: 2px solid $blue;
overflow: hidden;
+
+ li {
+ float: left;
+ width: 33% !important;
+ &:nth-child(3) {
+ background: none !important;
+ }
+ }
}
}
ul#nav li {
float: left;
width: 16.667%;
background: url(menu-border.png) no-repeat right 6px;
- border-bottom: 1px solid #1588C3;
+ border-bottom: 1px solid $blue;
&.selected {
a:after {
@@ -143,19 +143,18 @@ ul#nav li {
transition: all 0.3s ease-out; /* Firefox 16+, Opera 12.50+ */
&:hover {
- color: #1588C3 !important;
+ color: $blue !important;
}
}
&.selected a {
- color: #1588C3 !important;
+ color: $blue !important;
}
-
}
#nav {
margin-top: 20px;
- border-top: 2px solid #1588C3;
+ border-top: 2px solid $blue;
list-style-type: none;
}
@@ -172,7 +171,7 @@ ul#nav li {
border-radius: 5px;
display: inline-block;
padding: 4px 40px 4px 15px;
- color: #1588c3;
+ color: $blue;
text-decoration: none;
font: 12px 'PT Sans', sans-serif;
background: #FFF;
@@ -186,6 +185,10 @@ ul#nav li {
right: 10px;
top: 9px;
}
+
+ &:hover {
+ color: $dark-blue;
+ }
}
.dark-blue-arrow {
@@ -197,23 +200,18 @@ ul#nav li {
text-decoration: none;
font: 12px 'PT Sans', sans-serif;
position: relative;
- background: #004264;
+ background: $dark-blue;
.arrow {
background-position: 0px -8px;
&:hover {
background-position: 0px 0px !important;
}
}
-}
-
-.white-arrow:hover {
- color: #004264;
-}
-
-.dark-blue-arrow:hover {
- background: #FFF;
- color: #004264 !important;
+ &:hover {
+ background: #FFF;
+ color: $dark-blue !important;
+ }
}
@media screen and (max-width: 767px) {
@@ -246,7 +244,7 @@ ul#nav li {
footer {
margin-top: 100px;
- background: #1588C3;
+ background: $blue;
position: relative;
.footer-content {
@@ -256,7 +254,7 @@ footer {
padding-bottom: 15px;
}
.contact-details {
- background: #004264;
+ background: $dark-blue;
box-sizing: border-box;
padding: 20px 30px;
font: 14px/24px "PT Sans", sans-serif;
@@ -269,7 +267,7 @@ footer {
line-height: 32px;
background: url(blog.png) 0px 0px no-repeat;
text-transform: uppercase;
- border-bottom: 1px solid #004264;
+ border-bottom: 1px solid $dark-blue;
padding-bottom: 20px;
}
@@ -281,12 +279,12 @@ footer {
margin: 10px auto 0px;
font: 12px / 58px "Droid Serif", serif;
color: white;
- border-bottom: 1px solid #004264;
+ border-bottom: 1px solid $dark-blue;
p {
margin-top: 15px;
float: left;
a {
- color: #004264;
+ color: $dark-blue;
text-decoration: none;
&:hover {
color: black;
@@ -304,7 +302,7 @@ footer {
font: bold 24px/70px "PT Sans",sans-serif;
text-align: center;
text-transform: uppercase;
- color: #004264;
+ color: $dark-blue;
a {
color: #ffffff;
&:hover {
@@ -324,21 +322,19 @@ footer {
font: 12px 'PT Sans', sans-serif;
}
&.links {
- color: #004264;
+ color: $dark-blue;
font: 12px 'PT Sans', sans-serif;
a {
text-decoration: none;
- color: #004264;
+ color: $dark-blue;
&:hover {
text-decoration: none;
color: black;
}
}
}
}
-
}
-
}
.blue-arrow:hover .arrow, .dark-blue-arrow:hover .arrow, .white-arrow:hover .arrow {
@@ -351,10 +347,10 @@ footer {
display: inline-block;
margin: auto;
padding: 4px 40px 4px 15px;
- color: #004264;
+ color: $dark-blue;
text-decoration: none;
font: 12px 'PT Sans', sans-serif;
- background: #1588C3;
+ background: $blue;
position: relative;
.arrow {
background-position: 0px 0px;
@@ -378,26 +374,28 @@ footer {
color: #666;
}
-.post p {
- font-family: "Droid Serif", serif;
- font-size: 13px;
- line-height: 23px;
- display: inline-block;
-}
+.post {
+ p {
+ font-family: "Droid Serif", serif;
+ font-size: 13px;
+ line-height: 23px;
+ display: inline-block;
+ }
-.post .post_pic {
- margin-top: 30px;
- margin-left: auto;
- margin-right: auto;
-}
+ .post_pic {
+ margin-top: 30px;
+ margin-left: auto;
+ margin-right: auto;
+ }
-.post h2 a {
- font-family: 'PT Sans', sans-serif;
- font-size: 18px;
- color: #004264;
- text-transform: uppercase;
- line-height: 125%;
- display: inline-block;
+ h2 a {
+ font-family: 'PT Sans', sans-serif;
+ font-size: 18px;
+ color: $dark-blue;
+ text-transform: uppercase;
+ line-height: 125%;
+ display: inline-block;
+ }
}
.post-info {
@@ -409,27 +407,26 @@ footer {
font: bold 12px 'PT Sans', sans-serif;
text-transform: uppercase;
text-align: center;
- color: #004264;
+ color: $dark-blue;
}
#latest-blogs .post:last-child {
- border-left: 1px solid #004264;
+ border-left: 1px solid $dark-blue;
}
#latest-blogs {
padding-bottom: 20px;
- border-bottom: 2px solid #004264;
+ border-bottom: 2px solid $dark-blue;
}
.post .links, .post .links a {
font: bold 12px 'PT Sans', sans-serif;
text-transform: uppercase;
- color: #004264;
-
+ color: $dark-blue;
}
.post .links a:hover {
- color: #333333;
+ color: $dark-gray;
}
.post .links {
@@ -441,7 +438,7 @@ footer .small-line {
coontent: ' ';
width: 30px;
height: 1px;
- background: #004264;
+ background: $dark-blue;
}
.footer-gotop-ribbon {
View
22 app/assets/stylesheets/messages.css.scss
@@ -1,9 +1,7 @@
-// Place all the styles related to the Messages controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
+@import "common";
.bluu {
- background: #1588C3;
+ background: $blue;
margin-top: 0px;
padding-top: 30px;
padding-bottom: 30px;
@@ -21,11 +19,11 @@
label {
font: bold 11px 'PT Sans', sans-serif;
- color: #004264;
+ color: $dark-blue;
text-transform: uppercase;
}
input, textarea {
- border: 1px solid #004264;
+ border: 1px solid $dark-blue;
max-width: 450px;
}
}
@@ -53,8 +51,8 @@ body .container .row .message-tabs {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
cursor: pointer;
- background: #004264;
- color: #1588C3;
+ background: $dark-blue;
+ color: $blue;
text-align: center;
display: block;
h5 {
@@ -65,9 +63,8 @@ body .container .row .message-tabs {
}
}
- //margin-top:-100px;
.active a {
- background: #1588C3 !important;
+ background: $blue !important;
color: white !important;
}
@@ -93,7 +90,7 @@ body .container .row .message-tabs {
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
- border-right: 15px solid #004264;
+ border-right: 15px solid $dark-blue;
float: left;
}
@@ -103,12 +100,11 @@ body .container .row .message-tabs {
width: 80%;
padding: 17px 30px;
float: left;
- background: #004264;
+ background: $dark-blue;
min-height: 50px;
margin-bottom: 20px;
}
&:after {
clear: both;
}
-
}
View
27 app/assets/stylesheets/posts.css.scss
@@ -1,34 +1,31 @@
-$gray: #a6a6a6;
+@import "common";
.post-box {
width: 230px;
-/* float:left;*/
margin: 10px;
padding: 15px;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1) inset;
- background: #2BA6CB;
+ background: $bright-blue;
moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-
}
.all_posts {
list-style-type: none;
position: relative;
margin: 0;
-}
-
-.all_posts li:first-child {
- background: white;
+ li:first-child {
+ background: white;
+ }
}
.post-comments {
padding: 30px 50px 0px 50px;
- color: #f7f7f7;
+ color: $off-white;
h3 {
font-size: 16px;
}
@@ -50,7 +47,7 @@ $gray: #a6a6a6;
ul {
margin-left: 16px;
- color: #f7f7f7;
+ color: $off-white;
list-style-type: circle;
li {
@@ -59,14 +56,13 @@ $gray: #a6a6a6;
padding: 10px;
}
}
-
}
.post-show .post-description {
font: bold 12px 'PT Sans', sans-serif;
text-transform: uppercase;
text-align: center;
- color: #CCCCCC;
+ color: $gray;
margin-bottom: 20px;
display: block;
}
@@ -75,7 +71,7 @@ $gray: #a6a6a6;
font: bold 12px 'PT Sans', sans-serif;
text-transform: uppercase;
text-align: center;
- color: #004264;
+ color: $dark-blue;
}
.post-show {
@@ -115,7 +111,7 @@ $gray: #a6a6a6;
border-radius: 100px;
font-size: 32px;
color: white;
- background: #1588C3;
+ background: $blue;
font-weight: bold;
}
@@ -129,13 +125,12 @@ $gray: #a6a6a6;
color: $gray;
font-size: 18px;
&:hover {
- color: #EEEEEE;
+ color: $off-white;
}
}
.row {
padding-top: 20px;
padding-bottom: 20px;
}
-
}
View
13 app/assets/stylesheets/projects.css.scss
@@ -1,6 +1,4 @@
-// Place all the styles related to the Projects controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
+@import "common";
.admin_bar {
text-align: center;
@@ -17,7 +15,7 @@
max-width: 280px;
max-height: 340px;
border: 6px solid white;
- background: #2BA6CB;
+ background: $bright-blue;
content: ' ';
height: 1280px;
a {
@@ -59,12 +57,12 @@
}
}
&:hover {
- border: 6px solid #2BA6CB;
+ border: 6px solid $bright-blue;
background: white;
a {
- color: #2BA6CB;
+ color: $bright-blue;
.cross div {
- background: #2BA6CB !important;
+ background: $bright-blue !important;
}
}
}
@@ -82,5 +80,4 @@
&:hover {
background-position: -78px 0px;
}
-
}
View
3 app/assets/stylesheets/quotes.css.scss
@@ -1,3 +0,0 @@
-// Place all the styles related to the Quotes controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
View
89 app/assets/stylesheets/services.css.scss
@@ -1,12 +1,12 @@
-$gray: #a6a6a6;
+@import "common";
.services {
p {
display: block;
color: $gray;
font-family: "Droid Serif", serif;
- font-size: 13px;
+ font-size: 14px;
}
h5 {
@@ -73,12 +73,11 @@ $gray: #a6a6a6;
}
}
}
-
}
.circle {
- border: 5px solid #1588C3;
- background: #004264;
+ border: 5px solid $blue;
+ background: $dark-blue;
border-radius: 100px;
width: 110px;
height: 110px;
@@ -93,37 +92,29 @@ $gray: #a6a6a6;
&:hover {
border: 5px solid white;
- background: #1588C3;
+ background: $blue;
.icon {
background-position: -70px 0;
}
- //background-position:-70 0px;
-
-
-
-.one-icon {
- background-position: -70px -0px !important;
-}
-.two-icon {
- background-position: -70px -70px !important;
-}
-.three-icon {
- background-position: -70px -140px !important;
-}
-.four-icon {
- background-position: -70px -210px !important;
-}
-.five-icon {
- background-position: -70px -280px !important;
-}
-.six-icon {
- background-position: -70px -350px !important;
-}
-
-
-
-
+ .one-icon {
+ background-position: -70px -0px !important;
+ }
+ .two-icon {
+ background-position: -70px -70px !important;
+ }
+ .three-icon {
+ background-position: -70px -140px !important;
+ }
+ .four-icon {
+ background-position: -70px -210px !important;
+ }
+ .five-icon {
+ background-position: -70px -280px !important;
+ }
+ .six-icon {
+ background-position: -70px -350px !important;
+ }
.idea-icon {
background-position: -70px -210px;
}
@@ -163,15 +154,13 @@ $gray: #a6a6a6;
.access-icon {
background-position: -70px -910px;
}
-
}
-
}
.star-header {
margin-top: 80px;
- border-top: 2px solid #1588C3;
- border-bottom: 1px dashed #1588C3;
+ border-top: 2px solid $blue;
+ border-bottom: 1px dashed $blue;
font: bold 18px 'PT Sans', sans-serif;
color: white;
text-transform: uppercase;
@@ -187,10 +176,10 @@ $gray: #a6a6a6;
}
a {
- color: #004264;
+ color: $dark-blue;
&:hover {
- color: #333333;
+ color: $dark-gray;
}
}
@@ -332,33 +321,14 @@ $gray: #a6a6a6;
&:hover {
background-position: -70px -350px !important;
}
-
}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
.idea-icon {
background-position: 0 -210px;
&:hover {
background-position: -70px -210px;
}
-
}
.books-icon {
@@ -375,15 +345,13 @@ $gray: #a6a6a6;
&:hover {
background-position: -70px -70px;
}
-
}
.design-icon {
background-position: 0 -70px;
&:hover {
background-position: -70px -70px;
}
-
}
.develop-icon {
@@ -474,7 +442,6 @@ $gray: #a6a6a6;
}
margin-top: 30px;
- border-top: 2px solid #1588C3;
+ border-top: 2px solid $blue;
padding-top: 40px;
-
}
View
0 vendor/assets/stylesheets/minimum_bootstrap.css.scss 100755 → 100644
File mode changed.

0 comments on commit 6d93a57

Please sign in to comment.