Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

minor style changes

  • Loading branch information...
commit 203bf0a5169a5c8b89ae4124177cf63f3a10d961 1 parent ce508fe
genelocklin authored
Showing with 54 additions and 32 deletions.
  1. +29 −17 stylesheets/css/index.css
  2. +25 −15 stylesheets/sass/index.scss
46 stylesheets/css/index.css
View
@@ -22,13 +22,13 @@ body {
font-family: sans-serif; }
::selection {
- color: white;
- background: #cf0404;
+ color: #cf0404;
+ background: white;
text-shadow: none; }
::-moz-selection {
- color: white;
- background: #cf0404;
+ color: #cf0404;
+ background: white;
text-shadow: none; }
/* Share Links
@@ -105,8 +105,8 @@ body {
font-size: 125%;
color: #cf0404;
background: #fff;
- padding: 6px 4px 2px 4px;
- padding: 0.375rem 0.25rem 0.125rem 0.25rem;
+ padding: 6px 4px;
+ padding: 0.375rem 0.25rem;
border-radius: 0 0 3px 3px; }
[for="top_share"] span:nth-of-type(3) {
display: none;
@@ -131,8 +131,8 @@ body {
visibility: visible;
color: #cf0404;
background: #fff;
- padding: 6px 4px 2px 4px;
- padding: 0.375rem 0.25rem 0.125rem 0.25rem;
+ padding: 6px 4px;
+ padding: 0.375rem 0.25rem;
border-radius: 0 0 3px 3px; }
#top_share:checked ~ [for="top_share"] span:hover {
color: black; }
@@ -144,13 +144,13 @@ body {
float: left; } }
/* unrelated styles */
html {
- background: #cf0404;
- background: -moz-linear-gradient(top, #cf0404 0%, #ff3019 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf0404), color-stop(100%, #ff3019));
+ background: #cf0404 url(../../img/city.png);
+ background: url(../../img/city.png), -moz-linear-gradient(top, #cf0404 0%, #ff3019 100%);
+ background: url(../../img/city.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf0404), color-stop(100%, #ff3019));
background: url(../../img/city.png), -webkit-linear-gradient(top, #cf0404 0%, #ff3019 100%);
- background: -o-linear-gradient(top, #cf0404 0%, #ff3019 100%);
- background: -ms-linear-gradient(top, #cf0404 0%, #ff3019 100%);
- background: linear-gradient(top, #cf0404 0%, #ff3019 100%);
+ background: url(../../img/city.png), -o-linear-gradient(top, #cf0404 0%, #ff3019 100%);
+ background: url(../../img/city.png), -ms-linear-gradient(top, #cf0404 0%, #ff3019 100%);
+ background: url(../../img/city.png), linear-gradient(top, #cf0404 0%, #ff3019 100%);
background-attachment: fixed;
background-position: 100% 100%, 0 0;
background-repeat: repeat-x; }
@@ -177,6 +177,18 @@ header {
margin-top: 112px;
margin-top: 7rem; }
-@media screen and (max-width: 380px) {
- .wrap {
- text-align: left; } }
+/*
+footer {
+ width: 100%;
+ padding: 1% 5%;
+ background: #fff;
+ text-align: center;
+ position: absolute;
+ @include rem(bottom,0px);
+ @include rem(left,0px);
+ & p {
+ font-size: 75%;
+ color: rgb(207,4,4);
+ }
+}
+*/
40 stylesheets/sass/index.scss
View
@@ -22,7 +22,7 @@ body {
font-family: sans-serif;
}
-@include selection(#fff,rgb(207,4,4));
+@include selection(rgb(207,4,4),#fff);
/* Share Links
-----------------------------------------------------*/
@@ -73,7 +73,7 @@ body {
font-size: 125%;
color: rgb(207,4,4);
background: #fff;
- @include rem(padding, 6px 4px 2px 4px);
+ @include rem(padding, 6px 4px);
border-radius: 0 0 3px 3px;
}
&:nth-of-type(3) { @include invisible; }
@@ -96,7 +96,7 @@ body {
@include visible;
color: rgb(207,4,4);
background: #fff;
- @include rem(padding, 6px 4px 2px 4px);
+ @include rem(padding, 6px 4px);
border-radius: 0 0 3px 3px;
}
&:hover { color: black; }
@@ -121,14 +121,13 @@ body {
/* unrelated styles */
html {
-background: rgb(207,4,4);
-background: -moz-linear-gradient(top, rgba(207,4,4,1) 0%, rgba(255,48,25,1) 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,4,4,1)), color-stop(100%,rgba(255,48,25,1)));
-background: url(../../img/city.png), -webkit-linear-gradient(top, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
-background: -o-linear-gradient(top, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
-background: -ms-linear-gradient(top, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
-background: linear-gradient(top, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
-
+ background: rgb(207,4,4) url(../../img/city.png);
+ background: url(../../img/city.png), -moz-linear-gradient(top, rgba(207,4,4,1) 0%, rgba(255,48,25,1) 100%);
+ background: url(../../img/city.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,4,4,1)), color-stop(100%,rgba(255,48,25,1)));
+ background: url(../../img/city.png), -webkit-linear-gradient(top, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
+ background: url(../../img/city.png), -o-linear-gradient(top, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
+ background: url(../../img/city.png), -ms-linear-gradient(top, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
+ background: url(../../img/city.png), linear-gradient(top, rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
background-attachment: fixed;
background-position: 100% 100%, 0 0;
background-repeat: repeat-x;
@@ -152,8 +151,19 @@ header {
@include rem(margin-top, 112px); }
}
-@media screen and (max-width: 380px) {
-
- .wrap { text-align: left; }
-
+/*
+footer {
+ width: 100%;
+ padding: 1% 5%;
+ background: #fff;
+ text-align: center;
+ position: absolute;
+ @include rem(bottom,0px);
+ @include rem(left,0px);
+ & p {
+ font-size: 75%;
+ color: rgb(207,4,4);
+ }
}
+*/
+
Please sign in to comment.
Something went wrong with that request. Please try again.