From 92d981efcc900b5b944f006a9391cdf47e2e4745 Mon Sep 17 00:00:00 2001 From: Julio Biason Date: Mon, 18 Apr 2016 14:16:26 -0300 Subject: [PATCH] reworked the jobs part to have everything --- cv.css | 90 +++++++++++++++--------- cv.html | 209 +++++++++++++++++++++++++++++++++++++++++++++++++------- 2 files changed, 244 insertions(+), 55 deletions(-) diff --git a/cv.css b/cv.css index ff9b835..56e842e 100644 --- a/cv.css +++ b/cv.css @@ -25,17 +25,16 @@ a { } #header .name { - font-size: 60px; + font-size: 3em; } #header .title { - font-size: 30px; + font-size: 2em; font-style: italic; } #header .contact { padding-top: 10px; - /*float: right;*/ font-size: 13px; } @@ -61,58 +60,85 @@ a { text-align: center; } -#bio .title { +#bio h2 { font-weight: 600; - font-size: 110%; + font-size: 1.5em; + text-transform: uppercase; } /* -------------------------------------------------- */ /* The large content holder */ /* -------------------------------------------------- */ -#info .title { + +#work-and-knowledge h2 { text-transform: uppercase; } -#info .pre-title { - color: #19bafe; +.list { + list-style: none; + padding: 0; + margin: 0; + position: relative; } -/* -------------------------------------------------- */ -/* Large descriptive area */ -/* -------------------------------------------------- */ -#complex-info { - width: 80%; - float: left; +.list li { + margin-top: 60px; } -/* -------------------------------------------------- */ -/* The sidebar with the power gauges */ -/* -------------------------------------------------- */ -#quantitative-info table { - font-size: 12px; +.list li div.content { + margin-left: 50px; + margin-top: -40px; + padding: 10px; + background-color: white; } -#quantitative-info td { - width: 25%; +.list li i { + width: 30px; + height: 30px; + display: block; + text-align: center; + line-height: 30px; + /*border: 1px solid #ddd;*/ + border-radius: 50%; + background-color: white; } -#quantitative-info td:not(.name):not(.power):not(.empty) { - background-image: url("rail.png"); - background-position: center; - background-repeat: repeat-y; +.list i:after { + content: ''; + width: 40px; + height: 1px; + position: absolute; + /*background-color: #ddd;*/ + margin-top: 15px; + z-index: -1; } -#quantitative-info .power { - border: 1px solid #19bafe; +.list:after { + content: ''; + width: 1px; + height: 100%; + background-color: #ddd; + position: absolute; + top: 4px; + left: 15px; + z-index: -1; +} + +.list div.company { + font-size: 0.80em; +} + +.list div.worktime { + font-size: 0.60em; +} + +.list ul.attributions li { + margin-top: 0; } /* -------------------------------------------------- */ -/* Generic styles +/* Helpers */ /* -------------------------------------------------- */ .blue { color: #19bafe; } - -.clear { - clear:both; -} diff --git a/cv.html b/cv.html index 4160a66..7e831da 100644 --- a/cv.html +++ b/cv.html @@ -14,50 +14,60 @@