Apply cleaned-up CSS

This commit is contained in:
Gergely Polonkai 2015-04-22 17:54:00 +02:00
parent 25045dc42b
commit eecf7bffec
2 changed files with 4 additions and 192 deletions

View File

@ -9,6 +9,7 @@
<link rel="alternate" type="application/rss+xml" title="Gergely Polonkai's Blog - RSS Feed" href="{{site.url}}/blog/atom.xml"> <link rel="alternate" type="application/rss+xml" title="Gergely Polonkai's Blog - RSS Feed" href="{{site.url}}/blog/atom.xml">
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="{{'/css/style.css' | prepend: site.baseurl}}">
<script type="text/javascript" src="//code.jquery.com/jquery-2.1.3.min.js"></script> <script type="text/javascript" src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

View File

@ -2,7 +2,7 @@
--- ---
$main-font: sans-serif $main-font: sans-serif
$page-background: #333333 $page-background: #ffffff
$content-background: #ffffff $content-background: #ffffff
$content-text: #000000 $content-text: #000000
$header-background: #4d4d4d $header-background: #4d4d4d
@ -12,201 +12,12 @@ $menu-text: #ffffff
$footer-text: #7f7f7f $footer-text: #7f7f7f
body body
font: 100% $main-font
background-color: $page-background background-color: $page-background
margin: 0 margin: 0
#content-wrapper #about-well-image
background-color: $content-background
width: 960px
margin: 0 auto 0 auto
padding-top: 14px
#header
height: 190px
width: 960px
background-color: $header-background
color: $header-text
position: absolute
#picture
background-color: $content-background
position: relative
width: 170px
height: 170px
display: inline
float: left
top: 40px
left: 20px
img img
margin: 10px padding-right: 1em
h1
text-align: right
margin: 40px 10px 0 0
font-size: 41px
font-weight: bold
padding-top: 45px
a
color: $header-text
text-decoration: none
h2
text-align: right
margin: 0 10px 0 0
font-size: 12px
font-weight: normal
padding-top: 5px
#contact-list
position: absolute
right: -22px
width: 20px
a
display: block
#menu
background-color: $menu-background
height: 39px
margin-top: 15px
ul
margin: 8px
padding: 0
list-style-type: none
float: right
li
float: right
margin: 1px 0 10px 1em
height: 30px
a
color: $menu-text
font-weight: bold
font-size: 12px
text-decoration: none
li.active
background-image: url('../images/arrow-up.png')
background-repeat: no-repeat
background-position: center bottom
#tagcloud-button
float: left
padding: 2px 0 0 6px
cursor: pointer
#content
clear: both
padding: 8px
h3
margin: .5em 0 .2em 0
p
margin: .6em 0
text-indent: 1.5em
text-align: justify
font-size: 80%
a
color: $content-text
text-decoration: underline
#content-padding
height: 200px
dt
font-weight: normal
text-decoration: underline
dd
p
text-indent: 0 !important
margin-top: .5em !important
#page-disclaimer
margin-top: 2em
text-align: right
font-size: 80%
color: $footer-text
a
color: $footer-text
text-decoration: underline
#bottombar-wrapper
display: block
#bottombar-padding
clear: both
height: 35px
#bottombar
position: fixed
background-color: #4d4d4d
bottom: 0
left: 0
margin: 0
z-index: 70000
width: 100%
padding: 1em
text-align: center
vertical-align: center
color: #b3b3b3
font-size: 10px
border-top: 1px solid black
a
color: #b3b3b3
text-decoration: underline
img
vertical-align: middle
#more-posts
margin-top: 1em
text-align: right
#tag-cloud
position: absolute
width: 600px
padding: 8px
border: 1px solid black
background-color: #303030
margin-left: 5px
margin-top: 2px
display: none
a
color: #b3b3b3
text-decoration: none
padding: 8px
.size0
font-size: 80%
.size1
font-size: 90%
.size2
font-size: 100%
.size3
font-size: 110%
.size4
font-size: 130%
.size5
font-size: 150%
.clear
clear: both
pre pre
font-family: monospace font-family: monospace