summaryrefslogtreecommitdiff
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/custom.css0
-rw-r--r--assets/css/resume.css79
-rw-r--r--assets/css/theme.css1
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