1
0
Fork 0
forked from OpenNeo/impress
impress/app/stylesheets/_layout.sass

278 lines
5.1 KiB
Sass

@import "partials/icon"
/* Reset
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td
margin: 0
padding: 0
border: 0
outline: 0
font-size: 100%
vertical-align: baseline
background: transparent
/* Typography
html, body
height: 100%
body
background: $background-color
color: $text-color
font:
family: $main-font
size: 90%
line-height: 1.5
a
color: $link-color
p
font-family: $text-font
input, button, select
font:
family: inherit
size: 100%
p
margin-bottom: 1em
h1, h2, h3
+header-text
h1
font-size: 3em
line-height: 1
margin-bottom: 0.50em
h2
font-size: 2em
margin-bottom: 0.75em
h3
font-size: 1.5em
line-height: 1
margin-bottom: 1.00em
.inline-image
margin-right: 1em
vertical-align: middle
/* Main
$container_width: 800px
#container
margin: 1em auto
padding-top: $container-top-padding
position: relative
width: $container_width
input, button, select, label
cursor: pointer
input[type=text], input[type=password], input[type=search], input[type=number], select, textarea
+border-radius(3px)
background: #fff
border: 1px solid $input-border-color
color: $text-color + #444444
padding: .25em
&:focus, &:active
color: inherit
textarea
font: inherit
a.button, input[type=submit], button
+awesome-button
&.loud
+loud-awesome-button
ul.buttons
margin-bottom: 1em
li
list-style: none
margin: 0 .5em
&, form
display: inline
#footer
clear: both
font-size: 75%
margin-bottom: 1em
padding-top: 2em
text-align: center
ul, div
display: inline
margin: 0 1em
li, div ul
display: inline
margin: 0 .5em
#locale-form
float: right
.success, .alert, .warning
margin-bottom: 1em
padding: .25em .5em
text-align: center
.success
+notice
.alert
+error
.warning
+warning
#userbar
+header-text
position: absolute
right: 0
top: 0
> *
display: inline
margin: 0 .25em
#userbar-image-mode
font-weight: bold
margin-right: 1em
text-decoration: none
img
+icon
#userbar-log-in
text-decoration: none
img
margin:
bottom: -4px
right: .25em
span
text-decoration: underline
&:hover span
text-decoration: none
.object
+inline-block
margin: $object-padding 0
padding: 0 $object-padding
position: relative
text-align: center
vertical-align: top
width: $object-width
a
text-decoration: none
img
+opacity(0.75)
img
display: block
height: $object-img-size
margin: 0 auto
width: $object-img-size
&:hover img, a:hover img
// behave in browsers that only respond to a:hover, but also be in the
// hover state more often for browsers who support div:hover
// (quantity form in user items)
+opacity(1)
.nc-icon, .closeted-icons
+opacity(1)
background: rgba(255, 255, 255, 0.75)
line-height: 1
position: absolute
top: $object-img-size - $nc-icon-size
&:hover
+opacity(0.5)
background: transparent
.nc-icon, .closeted-icons img
display: inline
height: $nc-icon-size
width: $nc-icon-size
.nc-icon
right: ($object-width - $object-img-size) / 2 + $object-padding
$closeted-icons-left: ($object-width - $object-img-size) / 2 + $object-padding
.closeted-icons
left: $closeted-icons-left
dt
font-weight: bold
dd
margin: 0 0 1.5em 1em
#home-link
+header-text
font:
size: 175%
weight: bold
left: 0
line-height: 1
padding: .25em
position: absolute
top: 0
&:hover
background: $module-bg-color
text-decoration: none
span:before
content: "<< "
.pagination
a, span
margin: 0 .5em
.current
font-weight: bold
/* Fonts
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl
@font-face
font-family: Delicious
src: local("Delicious"), font-url("Delicious-Roman.otf")
@font-face
font-family: Delicious
font-weight: bold
src: local("Delicious"), font-url("Delicious-Bold.otf")
@font-face
font-family: Delicious
font-style: italic
src: local("Delicious"), font-url("Delicious-Italic.otf")
@font-face
font-family: 'Droid Serif'
font-style: normal
font-weight: normal
src: local("Droid Serif"), url("http://themes.googleusercontent.com/font?kit=70P0G8gxVDIV6F9om0DsKg") format("truetype")
@font-face
font-family: 'Droid Serif'
font-style: normal
font-weight: bold
src: local("Droid Serif"), url("http://themes.googleusercontent.com/font?kit=QQt14e8dY39u-eYBZmppwf5Jgr8ufe5A6KahQF76Xmg") format("truetype")
@font-face
font-family: 'Droid Sans'
font-style: normal
font-weight: normal
src: local("Droid Sans"), url("http://themes.googleusercontent.com/font?kit=POVDFY-UUf0WFR9DIMCU8g") format("truetype")
@font-face
font-family: 'Calligraffitti'
font-style: normal
font-weight: normal
src: local('Calligraffiti'), url('http://themes.googleusercontent.com/font?kit=vLVN2Y-z65rVu1R7lWdvyKIZAuDcNtpCWuPSaIR0Ie8') format('woff')