154 lines
4.8 KiB
Plaintext
154 lines
4.8 KiB
Plaintext
/**
|
|
* LESS for magdev/resume print theme
|
|
*/
|
|
|
|
// MIXINS:START
|
|
|
|
//
|
|
// Mixins
|
|
//
|
|
|
|
.border-radius(@radius) {
|
|
-moz-border-radius: @radius;
|
|
-webkit-border-radius: @radius;
|
|
border-radius: @radius;
|
|
}
|
|
|
|
// MIXINS:END
|
|
|
|
// VARS:START
|
|
|
|
//
|
|
// Variables
|
|
//
|
|
|
|
@base-font-family: Arial, Verdana;
|
|
@base-font-size: 13px;
|
|
@base-font-color: #222;
|
|
@base-background-color: #fff;
|
|
@base-accent-color: #68d19b;
|
|
|
|
@headline-1-size: (@base-font-size * 3);
|
|
@headline-1-color: #fff;
|
|
@headline-1-background-color: darken(@base-accent-color, 15%);
|
|
|
|
|
|
@headline-2-color: @base-font-color;
|
|
@headline-2-color-small: lighten(@headline-2-color, 30%);
|
|
@headline-2-size: floor(@base-font-size * 1.6);
|
|
@headline-2-size-small: (@headline-2-size - 5px);
|
|
|
|
@leftcol-width: 350px;
|
|
@leftcol-nav-margin: 10px 10px 0 15px;
|
|
|
|
@icon-pdf: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAw1BMVEX////++/v42dv30tXupqvyu7/0wsbtnaPwsLX54ePWJTL65ef31tjaO0flc3vVIS7xt7vPARD65ufgWmTQBRTPAA/zvsL//v7ldX3YLjryvMDgW2X53uDtnqTZNEDQBBPgWWPzv8PqkpjdSVTUHCnWJzTnf4fRCRfldn7hYmv31df//f34293eUlzXKDX0x8raPEfPAhHfU130xsnjbHXcRlHYMj7toqfeT1nkcnrvqa7smJ7SDhzaOUXcR1L53d/smqDOQe/+AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+IHFREcCLf3d7wAAACSSURBVBjTY2CgEmBkYmbBIszKxsDOgSnMycXNw4tFOR+/gKAQFsOFRUTFsCgXlxCVZMMiLiXKKygtgyEsKyrEKievoKikrKKK5Fg1dXEGBg1RUVFNLW0dhLCuHoO+gaGRsZQJrymSan4zaXlNHXSjzQVFLbQwLLQUFbXCdJ21jaQtFkfbManaYxFmc2AmNg5IAgAkagqCGD9ZrwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wNy0yMVQxNToyODowOCswMjowMKEt3m4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDctMjFUMTU6Mjg6MDgrMDI6MDDQcGbSAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==');
|
|
@icon-html: url('data:text/html;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABHVBMVEX////Z7vt+xfFEqusonugpnuhDqut+xPHX7fv2+/55wvE4pepBqeuKyvL5/P7W7PuTzvMuoOl9xPH4/P73+/5ZtO0gmudlue4xoulJrevi8vySzfMqnuhWs+18xPFYs+2NzPPq9f37/f/g8fxetu5ouu9Gq+vY7fsim+c3pOne8Puu2vZqvO+Y0PQ2pOl3wfC33/fV7Prt9/0hmudCqeuRzfPl8/wlnOjQ6vqi1fXL5/m13ffu9/2c0vQqn+hHrOu53/et2vaz3ffm9Pwnnejd8PvK5/lxv/Da7vvS6/qHyfL0+v78/v+84PgjnOfc7/tpu+/9/v9wvvD6/f7P6fqCxvJXs+1nuu94wvG94fhtve9dtu6AxvFUse1/xfE/bvvIAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+IHFREcCLf3d7wAAADsSURBVBjTY2CgImBkYmZhZWPnQBHk5OLm4eXj5BcQFBJGiIqIiolLSPIxMEhJy8iKwIXlxORlFBSVGBiUVVTV5GCi6hpimlpglraOrrKeOlSYSd/AEMwwUhMT0zMWggqbmJpBGAJiIMAGFTa3sLSytgEybMHCdlBhVmElezFuBwYGJUcnVYQwD7+zsZiYi6orkO0mJqYGFWaXZnAH6fYAsj3FxLygwvya3j6yYmL2ILavmJ8/3DsBgUFiEsEgZohYKNyXwmHhES6RIJZ3VHQwIlD4YjRi1ZVE1KW54/hQwpCDndnFhS2OkZqRBQA4TBqQiOWEHQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wNy0yMVQxNToyODowOCswMjowMKEt3m4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDctMjFUMTU6Mjg6MDgrMDI6MDDQcGbSAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==');
|
|
|
|
// VARS:END
|
|
|
|
|
|
|
|
//
|
|
// Styles
|
|
//
|
|
|
|
|
|
// Reset
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
list-style-type: none;
|
|
}
|
|
|
|
// Base elements
|
|
html, body {
|
|
background-color: @base-background-color;
|
|
font-family: @base-font-family;
|
|
font-size: @base-font-size;
|
|
color: @base-font-color;
|
|
}
|
|
html,body,.row-main,.col-main,.col-left {
|
|
height: 100%
|
|
}
|
|
body {
|
|
overflow: hidden;
|
|
}
|
|
h1 {
|
|
font-size: @headline-1-size;
|
|
color: @headline-1-color;
|
|
font-weight: bold;
|
|
background-color: @headline-1-background-color;
|
|
padding: 2px auto;
|
|
text-transform: uppercase;
|
|
letter-spacing: 3px;
|
|
text-align: center;
|
|
}
|
|
h2 {
|
|
font-size: @headline-2-size;
|
|
color: @headline-2-color;
|
|
font-weight: bold;
|
|
|
|
small {
|
|
font-size: @headline-2-size-small;
|
|
color: @headline-2-color-small;
|
|
font-style: italic;
|
|
}
|
|
}
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
// Grid
|
|
.row {
|
|
display: flex;
|
|
}
|
|
.col {
|
|
flex: 1;
|
|
}
|
|
|
|
.col-golden-narrow { flex: 0 0 38%; }
|
|
.col-golden-wide { flex: 0 1 62%; }
|
|
|
|
.col-left {
|
|
flex: 0 0 @leftcol-width;
|
|
background-color: lighten(@base-accent-color, 10%);
|
|
border-right: 5px solid @headline-1-background-color;
|
|
|
|
nav {
|
|
margin: @leftcol-nav-margin;
|
|
|
|
li {
|
|
margin-bottom: 10px;
|
|
background-color: @base-background-color;
|
|
padding: 5px 10px;
|
|
.border-radius(5px);
|
|
|
|
&.html {
|
|
background: @base-background-color @icon-html no-repeat top right;
|
|
}
|
|
&.pdf {
|
|
background: @base-background-color @icon-pdf no-repeat top right;
|
|
}
|
|
|
|
a:first-child {
|
|
color: @base-font-color;
|
|
}
|
|
|
|
dt,dd {
|
|
display: inline-block;
|
|
}
|
|
dt {
|
|
width: 38%;
|
|
float: left;
|
|
}
|
|
dd {
|
|
width: 62%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|