2013-06-01 19:46:24 +02:00
|
|
|
/*
|
|
|
|
|
* Import nib
|
|
|
|
|
*/
|
|
|
|
|
@import 'nib'
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Grab a custom font from Google
|
|
|
|
|
*/
|
2013-06-01 20:04:43 +02:00
|
|
|
@import url('http://fonts.googleapis.com/css?family=Source+Code+Pro')
|
2013-06-01 19:46:24 +02:00
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Nib provides a CSS reset
|
|
|
|
|
*/
|
|
|
|
|
global-reset()
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Store the main color and
|
|
|
|
|
* background color as variables
|
|
|
|
|
*/
|
2013-06-01 19:58:36 +02:00
|
|
|
main-color = #4d5bfa
|
2013-06-01 19:46:24 +02:00
|
|
|
background-color = #faf9f0
|
|
|
|
|
|
|
|
|
|
body
|
2013-06-01 21:28:55 +02:00
|
|
|
font-family 'Arial'
|
2013-06-01 19:46:24 +02:00
|
|
|
background-color background-color
|
|
|
|
|
color #444
|
|
|
|
|
|
|
|
|
|
header
|
2013-06-01 20:04:43 +02:00
|
|
|
font-family 'Source Code Pro'
|
2013-06-01 19:46:24 +02:00
|
|
|
padding 50px 10px
|
|
|
|
|
color #fff
|
|
|
|
|
font-size 25px
|
|
|
|
|
text-align center
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Note the use of the `main-color`
|
|
|
|
|
* variable and the `darken` function
|
|
|
|
|
*/
|
|
|
|
|
background-color main-color
|
|
|
|
|
border-bottom 1px solid darken(main-color, 30%)
|
2013-06-01 20:00:34 +02:00
|
|
|
text-shadow 2px 2px 4px 2px #333
|
2013-06-01 19:46:24 +02:00
|
|
|
|
2013-06-01 20:42:28 +02:00
|
|
|
h2
|
|
|
|
|
font-family 'Source Code Pro'
|
|
|
|
|
padding 0px
|
|
|
|
|
border-bottom 1px dotted #ddd
|
2013-06-01 21:26:07 +02:00
|
|
|
font-family 'Source Code Pro'
|
|
|
|
|
padding-bottom 10px
|
|
|
|
|
border-bottom 1px dotted #ddd
|
|
|
|
|
border-radius 2px 2px 0px 0px
|
|
|
|
|
margin-bottom 10px
|
|
|
|
|
|
2013-06-01 19:46:24 +02:00
|
|
|
.container
|
|
|
|
|
width 500px
|
|
|
|
|
margin 50px auto
|
|
|
|
|
overflow hidden
|
|
|
|
|
|
|
|
|
|
.main-content
|
|
|
|
|
float left
|
|
|
|
|
width 300px
|
|
|
|
|
|
|
|
|
|
p
|
|
|
|
|
margin-bottom 20px
|
|
|
|
|
|
|
|
|
|
.sidebar
|
|
|
|
|
float left
|
|
|
|
|
width 200px
|
|
|
|
|
|
|
|
|
|
.widget
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Note the lack of vendor
|
|
|
|
|
* prefixes here. Nib will
|
|
|
|
|
* add them for us
|
|
|
|
|
*/
|
|
|
|
|
border-radius 3px
|
|
|
|
|
border 1px solid #ccc
|
|
|
|
|
margin-left 20px
|
2013-06-01 21:06:07 +02:00
|
|
|
padding-bottom 10px
|
2013-06-01 19:46:24 +02:00
|
|
|
background-color background-color
|
|
|
|
|
box-shadow inset 0px 0px 0px 3px rgba(#fff, 0.8), 0px 3px 0px -2px rgba(#000, 0.1)
|
|
|
|
|
|
|
|
|
|
h1
|
2013-06-01 20:04:43 +02:00
|
|
|
font-family 'Source Code Pro'
|
2013-06-01 19:46:24 +02:00
|
|
|
margin 13px 10px 4px
|
|
|
|
|
padding-bottom 10px
|
|
|
|
|
border-bottom 1px dotted #ddd
|
|
|
|
|
border-radius 2px 2px 0px 0px
|
|
|
|
|
margin-bottom 10px
|
|
|
|
|
|
|
|
|
|
p
|
|
|
|
|
font-size 13px
|
|
|
|
|
padding 0px 10px
|
|
|
|
|
margin-bottom 10px
|
|
|
|
|
|
2013-06-01 21:08:18 +02:00
|
|
|
#cssmenu
|
|
|
|
|
list-style none
|
2013-06-01 21:16:17 +02:00
|
|
|
margin 6px
|
2013-06-01 21:08:18 +02:00
|
|
|
padding 0
|
2013-06-01 21:22:38 +02:00
|
|
|
width 90%
|
2013-06-01 21:08:18 +02:00
|
|
|
|
2013-06-01 21:02:04 +02:00
|
|
|
ul
|
2013-06-01 21:19:08 +02:00
|
|
|
width 99%
|
2013-06-01 21:02:04 +02:00
|
|
|
margin 0
|
|
|
|
|
|
2013-06-01 21:00:57 +02:00
|
|
|
li
|
|
|
|
|
margin 0
|
2013-06-01 21:19:08 +02:00
|
|
|
width 99%
|
2013-06-01 21:00:57 +02:00
|
|
|
|
2013-06-01 20:57:19 +02:00
|
|
|
a:link
|
2013-06-01 21:09:50 +02:00
|
|
|
display block
|
2013-06-01 21:12:56 +02:00
|
|
|
text-decoration none
|
|
|
|
|
color #000
|
2013-06-01 20:59:03 +02:00
|
|
|
background-color background-color
|
2013-06-01 20:57:19 +02:00
|
|
|
padding 4px 8px
|
2013-06-01 21:00:57 +02:00
|
|
|
margin 0
|
2013-06-01 21:19:08 +02:00
|
|
|
width 99%
|
2013-06-01 20:57:19 +02:00
|
|
|
|
2013-06-01 21:25:02 +02:00
|
|
|
a:visited
|
2013-06-01 21:09:50 +02:00
|
|
|
display block
|
2013-06-01 21:12:56 +02:00
|
|
|
text-decoration none
|
2013-06-01 21:25:02 +02:00
|
|
|
color #000
|
2013-06-01 20:56:21 +02:00
|
|
|
padding 4px 8px
|
2013-06-01 21:00:57 +02:00
|
|
|
margin 0
|
2013-06-01 21:19:08 +02:00
|
|
|
width 99%
|
2013-06-01 20:54:40 +02:00
|
|
|
|
2013-06-01 21:25:02 +02:00
|
|
|
a:hover
|
2013-06-01 21:13:59 +02:00
|
|
|
display block
|
|
|
|
|
text-decoration none
|
2013-06-01 21:25:02 +02:00
|
|
|
color #fff
|
|
|
|
|
background #4d5bfa
|
2013-06-01 21:13:59 +02:00
|
|
|
padding 4px 8px
|
|
|
|
|
margin 0
|
2013-06-01 21:19:08 +02:00
|
|
|
width 99%
|
2013-06-01 21:13:59 +02:00
|
|
|
|
2013-06-01 19:46:24 +02:00
|
|
|
p
|
|
|
|
|
line-height 1.8
|
|
|
|
|
|
|
|
|
|
footer
|
|
|
|
|
width 500px
|
|
|
|
|
margin 50px auto
|
|
|
|
|
border-top 1px dotted #ccc
|
|
|
|
|
padding-top 5px
|
2013-06-01 19:58:36 +02:00
|
|
|
font-size 13px
|
