// Define variables
-
-$font-family: 'Clear Sans', sans-serif;
-$font-family-mono: 'Lucida Sans Typewriter', 'Lucida Console', monaco, 'Bitstream Vera Sans Mono', monospace;
-$font-family-mono: 'Clear Sans', sans-serif;
-$font-family-header: cursive;
+
+$font-family: 'Droid Sans', 'Lucida Bright', Georgia, 'Hoefler Text', 'Baskerville Old Face', Garamond, 'Times New Roman', serif;
+$font-family-mono: 'Droid Sans Mono', 'Lucida Console', 'Lucida Sans Typewriter', monaco, 'Bitstream Vera Sans Mono', monospace;
+$font-family-header: Yellowtail, 'Brush Script MT', cursive;
$base-font-pct: 1.45*100%;
$base-font-rel: 1rem;
// Colors definitions
$base03: rgb( 0, 43, 54);
$base02: rgb( 7, 54, 66);
+$base04: rgb( 38, 66, 78);
$base01: rgb( 88, 110, 117);
$base00: rgb(101, 123, 131);
$base0: rgb(131, 148, 150);
}
table {
- border {
+ border: {
collapse: collapse;
}
}
a {
text-decoration: none;
- // border-bottom: 1px solid $base0;
padding-bottom: 2px;
color: $cyan;
- border-color: $base02;;
+ border-color: $base02;
&:active, &:visited {
color: $cyan;
- border-color: $base02;;
+ border-color: $base02;
text-decoration: none;
- // border-bottom: 1px solid $base0;
padding-bottom: 2px;
}
&:hover {
- background-color: $base02;;
- border-color: $base02;;
+ background-color: $base02;
+ border-color: $base02;
color: $cyan;
}
+
+ &.year-link {
+ color: $yellow;
+ border-bottom: 1px solid $base01;
+ }
}
h1, h2, h3 {
}
&:hover {
- background-color: $base02;;
- border-color: $base02;;
+ background-color: $base02;
+ border-color: $base02;
color: $red;
}
+
}
p, pre {
}
}
+table {
+ td {
+ &.postdate {
+ width: 15vw;
+ }
+ &.postlink {
+ width: 75vw;
+ }
+ &.categoryposts {
+ width: 10vw;
+ text-align: right;
+ }
+ &.yearcell {
+ color: $yellow;
+ text-align: center;
+ }
+ &.gutter.gl {
+ vertical-align: top;
+ }
+ &.code {
+ float: right;
+ }
+ }
+
+ tr {
+ &.even {
+ background-color: $base04;
+ }
+ &.yearline {
+ font: {
+ size: 15px;
+ size: 1.8em;
+ }
+ margin: 0 0 10px 0;
+ }
+ }
+ thead {
+ text-align: right;
+ }
+}
+
em, i {
font-style: italic;
}
border-bottom: 1px dashed;
}
-@each $hlev, $fspx, $fsrel in (h1, 17, 4.0),
-(h2, 15, 3.0),
-(h3, 15, 2.0) {
+@each $hlev, $fspx, $fsrel in (h1, 17, 2.7),
+(h2, 15, 1.8),
+(h3, 15, 1.4) {
#{$hlev} {
font: {
size: #{$fspx}px;
- size: #{$fsrel}vw;
+ size: #{$fsrel}em;
}
margin: 0 0 10px 0;
}
width: 75vw;
margin: 50px auto 20px auto;
padding-top: 10px;
- border-top: 1px solid $base02;;
- border-color: $base02;;
+ border-top: 1px solid $base02;
+ border-color: $base02;
@include media('all', '<tablet' ) {
width: 100vw;
}
border: none;
&:hover {
color: $cyan;
- background-color: $base02;;
+ background-color: $base02;
}
padding: 2px 4px;
}