zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-24 17:22:35 +02:00
Code Issues Projects Releases Packages Wiki Activity

Added shadows and gradients to header outro

Browse source
This commit is contained in:
Victoria Wang 2013-07-14 22:00:34 -05:00
parent 63957c225e
commit 58822d6554
3 changed files with 43 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
files/new-Design/assets/css/_project-sass/_project-Header.scss
View file

@ -28,8 +28,23 @@
}
}
$outroShadow:inset 0px 7px 10px 0px rgba(0, 0, 0, 0.10);
.header-Outro{
background:#30424b;
background: -moz-linear-gradient(top, #2b3c43 0%, #354751 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b3c43), color-stop(100%,#354751)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2b3c43 0%,#354751 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2b3c43 0%,#354751 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2b3c43 0%,#354751 100%); /* IE10+ */
background: linear-gradient(to bottom, #2b3c43 0%,#354751 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3c43', endColorstr='#354751',GradientType=0 ); /* IE6-9 */
-moz-box-shadow:$outroShadow;
-webkit-box-shadow:$outroShadow;
box-shadow:$outroShadow;
color:#fafafa;
}
@ -76,6 +91,8 @@
position:relative
}
$signupShadow: 1px 2px 12px 2px rgba(0, 0, 0, 0.15);
.signup-Form{
background:#354751;
border-radius:4px 4px 0 0;
@ -84,6 +101,10 @@
position:absolute;
top:-45px;
-moz-box-shadow:$signupShadow;
-webkit-box-shadow:$signupShadow;
box-shadow:$signupShadow;
@media (max-device-width:480px), screen and (max-width:800px){
height:auto;
margin:0;

22
files/new-Design/assets/css/neo.css
View file

@ -957,6 +957,23 @@ a {
.header-Outro {
background: #30424b;
background: -moz-linear-gradient(top, #2b3c43 0%, #354751 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b3c43), color-stop(100%, #354751));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2b3c43 0%, #354751 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2b3c43 0%, #354751 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #2b3c43 0%, #354751 100%);
/* IE10+ */
background: linear-gradient(to bottom, #2b3c43 0%, #354751 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3c43', endColorstr='#354751',GradientType=0 );
/* IE6-9 */
-moz-box-shadow: inset 0px 7px 10px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0px 7px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 7px 10px 0px rgba(0, 0, 0, 0.1);
color: #fafafa; }
@media (max-device-width: 480px), screen and (max-width: 800px) {
@ -997,7 +1014,10 @@ a {
height: 600%;
overflow: hidden;
position: absolute;
top: -45px; }
top: -45px;
-moz-box-shadow: 1px 2px 12px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 2px 12px 2px rgba(0, 0, 0, 0.15);
box-shadow: 1px 2px 12px 2px rgba(0, 0, 0, 0.15); }
@media (max-device-width: 480px), screen and (max-width: 800px) {
.signup-Form {
height: auto;

2
files/new-Design/assets/css/neo.min.css vendored
View file

File diff suppressed because one or more lines are too long