danbarber/danbarberphoto
1
0
Fork 0
mirror of https://github.com/danbee/danbarberphoto synced 2025-03-04 08:49:07 +00:00
Code Issues Releases Wiki Activity

Bunch of styling tweaks.

Browse Source
This commit is contained in:
Dan Barber 2013-05-21 21:08:11 +01:00
parent d994e262c5
commit 525fda2911
1 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
app/assets/stylesheets/photos.css.sass
View File

@ -147,8 +147,17 @@ p a
background: rgba(255, 255, 255, 0.2) background: rgba(255, 255, 255, 0.2)
.blank-category, .blank-photo .blank-category, .blank-photo
background: #222 position: relative
outline: 1px dashed #444 background: #181818
border-radius: 3px
&:before
display: block
content: ""
position: absolute
width: 138px
height: 138px
border: 1px dotted rgba(255, 255, 255, 0.1)
border-radius: 3px
.category h3 .category h3
position: absolute position: absolute
@ -212,9 +221,9 @@ form
label label
color: #666 color: #666
display: block display: block
width: 75px width: 85px
float: left float: left
margin-top: 6px margin-top: 4px
&.error &.error
float: none float: none
display: inline display: inline
@ -222,29 +231,27 @@ form
margin-left: 10px margin-left: 10px
textarea textarea
height: 150px height: 150px
width: 335px width: 325px
font-family: proxima-nova, "Helvetica Neue", "Arial", sans-serif font-family: proxima-nova, "Helvetica Neue", "Arial", sans-serif
font-size: 1em font-size: 1em
padding: 5px padding: 5px
color: #333 color: #333
border: 2px solid #999 border: 0
-moz-border-radius: 3px
-webkit-border-radius: 3px
border-radius: 3px border-radius: 3px
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1)
input input
&[type='text'] &[type='text']
font-family: proxima-nova, "Helvetica Neue", "Arial", sans-serif font-family: proxima-nova, "Helvetica Neue", "Arial", sans-serif
font-size: 1em font-size: 1em
padding: 5px padding: 5px
color: #333 color: #333
border: 2px solid #999 border: 0
-moz-border-radius: 3px
-webkit-border-radius: 3px
border-radius: 3px border-radius: 3px
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1)
&#contact_name, &#contact_email &#contact_name, &#contact_email
width: 175px width: 175px
&#contact_subject &#contact_subject
width: 335px width: 325px
#alert #alert
background: #fffeef background: #fffeef
@ -274,12 +281,12 @@ input.error, textarea.error
border-color: #cc3333 !important border-color: #cc3333 !important
form input[type='submit'] form input[type='submit']
-webkit-font-smoothing: antialiased
background: #666 background: #666
font-family: proxima-nova, "Helvetica Neue", "Arial", sans-serif font-family: proxima-nova, "Helvetica Neue", "Arial", sans-serif
font-size: 1em font-size: 1em
padding: 3px 8px padding: 6px 11px
color: white color: white
border: 2px solid #333 border: 0
-moz-border-radius: 3px
-webkit-border-radius: 3px
border-radius: 3px border-radius: 3px
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(255, 255, 255, 0.1)