Larger margin outside of shortcuts and more shadows

This commit is contained in:
Daniel Foré 2011-11-17 01:19:10 +01:00 committed by Christian Dywan
parent e52288cdd2
commit 9fca252512

View file

@ -34,13 +34,15 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
outline: 0; outline: 0;
background: #E1E1E1;
} }
#content { #content {
width: 100%; width: 96%;
height: 95%; height: 85%;
margin: 0 auto; margin: 0 auto;
padding: 0; padding-top: 5%;
padding-left: 2%;
} }
div.shortcut { div.shortcut {
@ -50,23 +52,25 @@
} }
div.shortcut .preview { div.shortcut .preview {
width: 70%; width: 85%;
height: 60%; height: 75%;
margin: 20% auto; margin: auto;
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.25), 0 0 2px #fff inset; -webkit-box-shadow: 0 4px 18px rgba(0,0,0,.3), 0 0 2px #fff inset;
box-shadow: 0 1px 6px rgba(0,0,0,.25), 0 0 2px #fff inset; box-shadow: 0 4px 18px rgba(0,0,0,.3), 0 0 2px #fff inset;
background-image: -webkit-gradient( background-image: -webkit-gradient(
linear, center top, center bottom, linear, center top, center bottom,
from(#f6f6f6), to(#e3e3e3)); from(#f6f6f6), to(#e3e3e3));
border: 1px solid #bebebe; border: 1px solid #bcbcbc;
border-bottom-color: #a0a0a0; border-bottom-color: #a0a0a0;
position: relative; position: relative;
-webkit-border-radius: 3px;
} }
div.shortcut .preview img { div.shortcut .preview img {
width: 100%; width: 100%;
height: 98%; height: 100%;
cursor: pointer; cursor: pointer;
-webkit-border-radius: 3px;
} }
div.shortcut .preview.new .add { div.shortcut .preview.new .add {
@ -79,11 +83,12 @@
.title { .title {
text-align: center; text-align: center;
margin-top: -17%; margin: 8px;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
cursor: text; cursor: text;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
} }
.cross { .cross {