added texture directory to assets/images [ci skip]
|
Before Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 4 KiB After Width: | Height: | Size: 4 KiB |
|
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
BIN
app/assets/images/texture/vanilla.jpg
Normal file
|
After Width: | Height: | Size: 20 KiB |
|
|
@ -12,7 +12,7 @@ a {
|
|||
|
||||
body {
|
||||
background: {
|
||||
image: image-url('hatched-bg.jpg');
|
||||
image: image-url('texture/hatched-light.jpg');
|
||||
position: fixed;
|
||||
/* scale background image down for iOS retina display */
|
||||
size: 200px;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ body {
|
|||
}
|
||||
|
||||
body {
|
||||
background-image : image_url("pattern.png");
|
||||
background-image : image_url("texture/light-bg.png");
|
||||
padding : none;
|
||||
|
||||
&.lock {
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ color: white;
|
|||
@include transition(-webkit-transform);
|
||||
@include box-shadow(0, 8px, 50px, rgba(0,0,0,0.9));
|
||||
|
||||
background-image : image_url("paper-texture-1.jpg");
|
||||
background-image : image_url("texture/paper.jpg");
|
||||
|
||||
&:hover {
|
||||
.info {
|
||||
|
|
@ -332,7 +332,7 @@ color: white;
|
|||
&.typist {
|
||||
.content {
|
||||
background : {
|
||||
image : image_url("typist_texture.png");
|
||||
image : image_url("texture/typist.png");
|
||||
color : transparent;
|
||||
}
|
||||
}
|
||||
|
|
@ -361,6 +361,13 @@ color: white;
|
|||
}
|
||||
|
||||
&.vanilla {
|
||||
.content {
|
||||
background :{
|
||||
color : #fff;
|
||||
image : image_url("texture/vanilla.jpg");
|
||||
}
|
||||
}
|
||||
|
||||
.background-color {
|
||||
display : none;
|
||||
}
|
||||
|
|
@ -383,14 +390,11 @@ color: white;
|
|||
|
||||
.background {
|
||||
@include box-shadow(-2px, 0, 7px, rgba(0,0,0,0.8));
|
||||
@include dark-hatched-bg();
|
||||
|
||||
position : fixed;
|
||||
height : 100%;
|
||||
width : 100%;
|
||||
|
||||
background : {
|
||||
color : #333;
|
||||
image : image_url("hatched-bg-dark.png");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ $night-text-color : #999;
|
|||
|
||||
@mixin dark-hatched-bg() {
|
||||
background-color: #444;
|
||||
background-image: image-url("hatched-bg-dark.png");
|
||||
background-image: image-url("texture/hatched-dark.png");
|
||||
}
|
||||
|
||||
@mixin photo-shadow() {
|
||||
|
|
|
|||