158 linhas
3.2 KiB
Sass
158 linhas
3.2 KiB
Sass
div.project
|
|
+grid(4)
|
|
background-color: $ed_gryn
|
|
+transition(all, 0.3s)
|
|
height: 415px
|
|
overflow: hidden
|
|
margin: 5px
|
|
&:hover
|
|
+box-shadow(rgba(black, 0.3) 0px 0px 4px)
|
|
.status_image
|
|
position: absolute
|
|
z-index: 100
|
|
.success_slice
|
|
width: 110px
|
|
height: 110px
|
|
overflow: hidden
|
|
position: absolute
|
|
.box
|
|
.project_content
|
|
padding: 5px
|
|
border-bottom: 1px rgba(white, 0.2) solid
|
|
.black_box
|
|
text-transform: uppercase
|
|
position: absolute
|
|
background-color: rgba(0,0,0,.6)
|
|
height: 16px
|
|
overflow: hidden
|
|
margin-top: 148px
|
|
padding: 7px 0 1px 5px
|
|
color: white
|
|
font-family: Lato
|
|
font-size: 11px
|
|
width: 215px
|
|
.cover
|
|
width: 220px
|
|
height: 172px
|
|
overflow: hidden
|
|
margin-bottom: 8px
|
|
img
|
|
width: 220px
|
|
height: 172px
|
|
vertical-align: middle
|
|
h4
|
|
font-size: 14px
|
|
color: $blue
|
|
padding: 5px 0 10px 3px
|
|
font-family: Lato
|
|
font-weight: 700
|
|
height: 19px
|
|
overflow: hidden
|
|
margin-bottom: 3px
|
|
a
|
|
color: black
|
|
font-family: Lato
|
|
font-weight: 700
|
|
font-size: 14px
|
|
text-decoration: none
|
|
&:hover
|
|
color: $green
|
|
.author, .where, .description
|
|
padding-left: 3px
|
|
font-family: Arial
|
|
color: black
|
|
font-size: 11px
|
|
height: 12px
|
|
overflow: hidden
|
|
+opacity(0.7)
|
|
.description
|
|
overflow: hidden
|
|
line-height: 120%
|
|
font-size: 13px
|
|
padding: 10px 0 15px 3px
|
|
height: 60px
|
|
+opacity(0.5)
|
|
.where
|
|
padding: 10px 0
|
|
.status_bar
|
|
background-color: white
|
|
width: 202px
|
|
height: 10px
|
|
overflow: hidden
|
|
border: 1px $minimal_gryn solid
|
|
+border-radius(5px)
|
|
.progress
|
|
+border-radius(4px)
|
|
background-color: $green
|
|
height: 10px
|
|
overflow: hidden
|
|
.info_bar
|
|
background: $dc_gryn
|
|
float: left
|
|
width: 210px
|
|
padding: 5px 5px 10px
|
|
|
|
ul
|
|
padding-top: 10px
|
|
display: block
|
|
li
|
|
float: left
|
|
min-width: 50px
|
|
margin-right: 5px
|
|
&:last-child
|
|
margin-left: 0px
|
|
h6
|
|
font-family: Lato
|
|
font-weight: 700
|
|
font-size: 12px
|
|
color: black
|
|
+opacity(0.7)
|
|
margin-bottom: 3px
|
|
p
|
|
text-transform: uppercase
|
|
color: $super_minimal_gryn
|
|
font-family: Arial
|
|
font-size: 9px
|
|
.follow_project
|
|
clear: both
|
|
display: block
|
|
margin-top: 35px
|
|
padding: 4px 0 4px 0
|
|
text-align: center
|
|
font-family: Lato
|
|
font-weight: 700
|
|
font-size: 1.0em
|
|
color: black
|
|
+opacity(0.5)
|
|
+border-radius(3px)
|
|
background: $minimal_gryn
|
|
text-transform: uppercase
|
|
&:hover
|
|
+box-shadow($grafiti 0 0 6px)
|
|
|
|
.project_comment
|
|
+grid(4)
|
|
h3
|
|
+opacity(0.8)
|
|
padding: 40px 0 20px
|
|
p
|
|
font-family: Arial
|
|
font-size: 1.3em
|
|
color: black
|
|
line-height: 129%
|
|
padding-bottom: 20px
|
|
+opacity(0.7)
|
|
&.author
|
|
font-size: 1.1em
|
|
font-style: italic
|
|
+opacity(0.5)
|
|
|
|
|
|
.compost_project
|
|
+grid(8)
|
|
padding-top: 30px
|
|
.project
|
|
+alpha
|
|
.project_comment
|
|
+omega
|