New layout
This commit is contained in:
parent
440e7a3994
commit
f6a070f084
GPG key ID:
716BC147715E716F
45 changed files with 661 additions and 758 deletions
BIN
assets/static/images/favicon.ico
Normal file
BIN
assets/static/images/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -1,5 +0,0 @@
|
|||
// Fix for lektor highlight plugin
|
||||
var elements = document.querySelectorAll('div.highlight');
|
||||
for (var i = 0; i < elements.length; i++) {
|
||||
elements[i].classList.add('hll');
|
||||
}
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
body.home
|
||||
img
|
||||
border-radius: 12px
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
article.blog-post
|
||||
h1
|
||||
font-size: 1.8em
|
||||
margin-bottom: 0.3em
|
||||
|
||||
.info
|
||||
font-size: 0.9em
|
||||
|
||||
.content
|
||||
margin-top: 1em
|
||||
text-align: justify
|
||||
|
||||
img
|
||||
border-radius: 6px
|
||||
display: block
|
||||
margin: 0 auto
|
||||
|
||||
img
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
|
||||
|
||||
blockquote
|
||||
display: block
|
||||
background: #eee
|
||||
font-style: italic
|
||||
padding: 15px 20px 15px 20px
|
||||
font-family: Georgia, serif
|
||||
color: #666
|
||||
text-align: justify
|
||||
|
||||
p
|
||||
margin: 0
|
||||
|
||||
kbd
|
||||
padding: 0.1em 0.6em
|
||||
border: 1px solid #ccc
|
||||
font-size: 11px
|
||||
font-family: Arial,Helvetica,sans-serif
|
||||
background-color: #f7f7f7
|
||||
color: #333
|
||||
-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset
|
||||
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset
|
||||
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset
|
||||
-moz-border-radius: 3px
|
||||
-webkit-border-radius: 3px
|
||||
border-radius: 3px
|
||||
display: inline-block
|
||||
margin: 0 0.1em
|
||||
text-shadow: 0 1px 0 #fff
|
||||
line-height: 1.4
|
||||
white-space: nowrap
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
*
|
||||
+box-sizing(border-box)
|
||||
|
||||
$pad: 20px
|
||||
|
||||
.grid
|
||||
background: white
|
||||
margin: 0 0 $pad 0
|
||||
|
||||
&:after
|
||||
// Or @extend clearfix
|
||||
content: ""
|
||||
display: table
|
||||
clear: both
|
||||
|
||||
[class*='col-']
|
||||
float: left
|
||||
padding-right: $pad
|
||||
|
||||
.grid &:last-of-type
|
||||
padding-right: 0
|
||||
|
||||
.col-2-3
|
||||
width: 66%
|
||||
|
||||
.col-1-3
|
||||
width: 33%
|
||||
|
||||
.col-1-2
|
||||
width: 49%
|
||||
|
||||
.col-1-4
|
||||
width: 24%
|
||||
|
||||
.col-1-8
|
||||
width: 12.5%
|
||||
|
||||
// Opt-in outside padding
|
||||
.grid-pad
|
||||
padding: $pad 0 $pad $pad
|
||||
|
||||
[class*='col-']:last-of-type
|
||||
padding-right: $pad
|
||||
|
|
@ -1,84 +0,0 @@
|
|||
body
|
||||
font-family: "Antic Slab"
|
||||
font-size: $font-size-normal
|
||||
line-height: 1.5em
|
||||
|
||||
.center
|
||||
margin: 0 auto
|
||||
max-width: 920px
|
||||
|
||||
a
|
||||
text-decoration: underilne
|
||||
color: $red
|
||||
|
||||
&.no-underline
|
||||
text-decoration: none
|
||||
|
||||
img
|
||||
max-width: 100%
|
||||
|
||||
header
|
||||
h1
|
||||
font-size: 1.5em
|
||||
margin-bottom: 0
|
||||
text-align: right
|
||||
|
||||
h2
|
||||
font-size: 0.8em
|
||||
font-weight: normal
|
||||
margin-top: 0
|
||||
display: none
|
||||
|
||||
nav.main-menu
|
||||
text-align: right
|
||||
|
||||
footer
|
||||
font-size: 0.7em
|
||||
padding-top: 1em
|
||||
|
||||
hr.light
|
||||
border: 0px
|
||||
margin: 1em 0 1em 0
|
||||
border-top: #CCC 1px solid
|
||||
|
||||
p:first-child
|
||||
margin-top: 0
|
||||
|
||||
.text-center
|
||||
text-align: center
|
||||
|
||||
.text-right
|
||||
text-align: right
|
||||
|
||||
.text-bold
|
||||
font-weight: bold
|
||||
|
||||
.text-size-normal
|
||||
font-size: $font-size-normal
|
||||
|
||||
.text-size-enormous
|
||||
font-size: $font-size-enormous
|
||||
|
||||
.float-right
|
||||
float: right
|
||||
|
||||
.float-left
|
||||
float: left
|
||||
|
||||
.clearfloat
|
||||
clear: both
|
||||
|
||||
.display-block
|
||||
display: block
|
||||
|
||||
.block-info
|
||||
background-color: lightblue
|
||||
padding: 12px
|
||||
|
||||
&:before
|
||||
color: darken(lightblue, 50)
|
||||
content: '🛈'
|
||||
float: left
|
||||
font-size: 180%
|
||||
line-height: 80%
|
||||
padding-right: 6px
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
$desktop: "max-width: 992px"
|
||||
$until-desktop: "min-width: 768px"
|
||||
$tablet: "max-width: 767px"
|
||||
$until-tablet: "min-width: 767px"
|
||||
$mobile: "max-width: 480px"
|
||||
$until-mobile: "min-width: 480px"
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
=box-sizing($type)
|
||||
-webkit-box-sizing: $type
|
||||
-moz-box-sizing: $type
|
||||
box-sizing: $type
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
.project
|
||||
display: inline-block
|
||||
width: 49%
|
||||
|
||||
img
|
||||
max-height: 250px
|
||||
|
||||
&.project-work-sites
|
||||
width: 24%
|
||||
|
||||
@media ($tablet)
|
||||
.project
|
||||
display: block
|
||||
width: 100% !important
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
pre
|
||||
font-size: 84%
|
||||
line-height: 120%
|
||||
padding: 12px
|
||||
color: white
|
||||
overflow-y: scroll
|
||||
|
||||
pre .str, code .str
|
||||
color: #65b042
|
||||
|
||||
pre .kwd, code .kwd
|
||||
color: #e28964
|
||||
|
||||
pre .com, code .com
|
||||
color: #aeaeae
|
||||
font-style: italic
|
||||
|
||||
pre .typ, code .typ
|
||||
color: #89bdff
|
||||
|
||||
pre .lit, code .lit
|
||||
color: #3387cc
|
||||
|
||||
pre .pun, code .pun, pre .pln, code .pln
|
||||
color: #fff
|
||||
|
||||
pre .tag, code .tag
|
||||
color: #89bdff
|
||||
|
||||
pre .atn, code .atn
|
||||
color: #bdb76b
|
||||
|
||||
pre .atv, code .atv
|
||||
color: #65b042
|
||||
|
||||
pre .dec, code .dec
|
||||
color: #3387cc
|
||||
|
||||
ol.linenums
|
||||
margin-top: 0
|
||||
margin-bottom: 0
|
||||
color: #aeaeae
|
||||
|
||||
li
|
||||
&.L0, &.L1, &.L2, &.L3, &.L5, &.L6, &.L7, &.L8
|
||||
list-style-type: none
|
||||
|
||||
@media print
|
||||
pre .str, code .str
|
||||
color: #060
|
||||
pre .kwd, code .kwd
|
||||
color: #006
|
||||
font-weight: bold
|
||||
pre .com, code .com
|
||||
color: #600
|
||||
font-style: italic
|
||||
pre .typ, code .typ
|
||||
color: #404
|
||||
font-weight: bold
|
||||
pre .lit, code .lit
|
||||
color: #044
|
||||
pre .pun, code .pun
|
||||
color: #440
|
||||
pre .pln, code .pln
|
||||
color: #000
|
||||
pre .tag, code .tag
|
||||
color: #006
|
||||
font-weight: bold
|
||||
pre .atn, code .atn
|
||||
color: #404
|
||||
pre .atv, code .atv
|
||||
color: #060
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
table
|
||||
margin: 0 0 40px 0
|
||||
width: 100%
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.2)
|
||||
|
||||
th
|
||||
background: $red
|
||||
color: white
|
||||
font-weight: bold
|
||||
|
||||
tr
|
||||
background: $lightgray
|
||||
|
||||
&:nth-of-type(odd)
|
||||
background: $darkgray
|
||||
|
||||
td, th
|
||||
padding: 6px
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
$red: #c24e4a
|
||||
$lightgray: #f6f6f6
|
||||
$darkgray: #e9e9e9
|
||||
|
||||
$font-size-normal: 20px
|
||||
$font-size-enormous: 5em
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
@import ./variables
|
||||
@import ./mediaqueries
|
||||
@import ./mixins
|
||||
@import ./grid
|
||||
@import ./layout
|
||||
@import ./about
|
||||
@import ./blog
|
||||
@import ./portfolio
|
||||
@import ./table
|
||||
@import ./syntax
|
||||
Loading…
Add table
Add a link
Reference in a new issue