diff options
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/custom.css | 0 | ||||
-rw-r--r-- | assets/css/resume.css | 79 | ||||
-rw-r--r-- | assets/css/theme.css | 1 |
3 files changed, 80 insertions, 0 deletions
diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/assets/css/custom.css diff --git a/assets/css/resume.css b/assets/css/resume.css new file mode 100644 index 0000000..b5b191f --- /dev/null +++ b/assets/css/resume.css @@ -0,0 +1,79 @@ +#content .container { + background: #f3f3f3; + box-shadow: 0px 0px 15px rgba(55, 55, 55, 0.5); + margin-bottom: 50px; +} + +.side-wrapper { + padding: 0; +} + +.side-wrapper > div { + padding: 10px; +} + +.job-title { + background: #eee; + text-align: center; + padding: 15px; +} + +.job-title h3 { + margin: 0; +} + +.personal-data { + padding: 15px; +} + +.summary { + padding: 15px; + background: #fff; +} + +.summary h3 { + margin: 0; +} + +.skills .container-fluid { + border-left: 5px solid #0275d8; +} + +.skills .container-fluid h2 { + margin: 0; + padding-bottom: 10px; +} + +.skills .skill { + margin-bottom: 2px; +} + +.skills .skill .percentage { + border-radius: 5px; + background: #eee; + padding: 0; +} + +.skills .skill .percentage > div { + border-radius: 5px; + background: #0275d8; +} + +.experiences .section { + padding: 0 0 0 15px; + border-left: 5px solid #0275d8; +} + +.experiences .section h2 { + margin: 0; +} + +@media(max-width: 767px) { + .skills .skill .percentage { + border-radius: 0px 5px 5px 0px; + } + + .skills .skill .percentage > div { + border-radius: 0px 5px 5px 0px; + } +}
\ No newline at end of file diff --git a/assets/css/theme.css b/assets/css/theme.css new file mode 100644 index 0000000..258c4cd --- /dev/null +++ b/assets/css/theme.css @@ -0,0 +1 @@ +/*
Created on : 25-feb-2016, 14.43.35
Author : Alessandro Iezzi <iezzi.alessandro@gmail.com>
*/
@font-face {
font-family: free-mono;
src: url(../fonts/freefont/FreeMonoBoldOblique.ttf);
}
@font-face {
font-family: Raleway-ExtraLight;
src: url(../fonts/raleway/Raleway-ExtraLight.ttf);
}
html {
position: relative;
min-height: 100%;
}
body {
/*padding-top: 50px;*/
padding-bottom: 60px;
}
#content {
margin: 10px;
}
#content .container {
}
#content p {
margin: 5px 0;
padding: 0;
font-size: 13px;
line-height: 13px;
text-align: justify;
}
#content p.sign {
margin: 10px 0;
text-align: right;
}
#content .blog-post .blog-post-meta {
text-align: right;
color: lightgray;
padding: 0 0 10px 0;
}
#content .blog-post h3 {
font-size: 22px;
}
#content .blog-post pre {
background: #000;
color: #00C7FF;
}
.navbar {
background: #000;
}
.navbar-nav a {
/* color: #fff !important; */
}
#jslicense-labels1 {
border: 1px solid black;
}
.boxed {
box-shadow: 0px 10px 15px 1px #bbb;
}
#jslicense-labels1 td {
border: 1px solid black;
padding: 10pt;
}
.hyphens {
text-align: justify;
hyphens: auto;
}
.no-hyphens {
text-align: left;
hyphens: none;
}
.article p {
text-align: justify;
hyphens: auto;
}
.italic {
font-style: italic;
}
h1.critical, h2.critical, h3.critical,
h4.critical, h5.critical, h6.critical{
color: #a00;
}
div.critical, div.critical {
background: #a004;
}
.news {
/* margin: 2pt; */
height: 200pt;
}
.news h2 {
font-size: 18pt;
}
.news .button {
height: 40pt;
margin-top: 40pt;
}
.news .button .btn {
position: absolute;
bottom: 5pt;
}
.row.row-eq-height {
/*
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
*/
}
.date-published {
/* text-align: right; */
font-style: italic;
font-size: 8pt
}
.navbar-brand {
font-family: Raleway-ExtraLight;
font-size: 25px;
/*
font-family: free-mono;
font-size: 15px;
*/
color: #fff !important;
}
.navbar-brand:hover {
color: #e0e0e0 !important;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/*height: 60px;*/
background-color: #000;
}
.container .text-muted {
font-size: 12px;
padding: 0;
margin: 0;
color: white;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
/*height: 500px;
margin-bottom: 60px;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
/*z-index: 10;*/
}
/* Declare heights because of positioning of img element */
.carousel .item {
/*height: 500px;
background-color: #777;*/
}
.carousel-inner > .item > img {
/*position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 500px;*/
}
.carousel {
box-shadow: 0px 0px 25px 5px black;
}
@media(max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
/* color: #9d9d9d !important; */
}
}
#document_data td {
padding: 0 5px;
}
\ No newline at end of file |