diff options
| -rw-r--r-- | assets/css/theme.css | 248 |
1 files changed, 247 insertions, 1 deletions
diff --git a/assets/css/theme.css b/assets/css/theme.css index 258c4cd..f99e148 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -1 +1,247 @@ -/*
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 +/* + * Copyright (C) 2016-2022 Alessandro Iezzi + * This file is part of <alessandroiezzi.it Website>. + * + * <alessandroiezzi.it Website> is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * <alessandroiezzi.it Website> is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with <alessandroiezzi.it Website>. If not, see <https://www.gnu.org/licenses/>. + */ + +/* + Created on : 2016-02-25, 14.43.35 + Author : Alessandro Iezzi <iezzi.alessandro@gmail.com> + */ + +#container { + max-width: 1080pt; +} + +#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; +} + + + +.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; +} |