Update common.css

This commit is contained in:
Fraenkiman 2023-11-02 23:00:59 +01:00
parent 5e916c2db0
commit ebe46b251d

View File

@ -17,18 +17,18 @@ last change: 2023-11-01
/* ===== GENERAL (redefinition HTML tag) ===== */ /* ===== GENERAL (redefinition HTML tag) ===== */
html { html {
font-size: 85%; font-size: 85%;
font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif; font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
margin: 0; margin: 0;
padding: 0 padding: 0
} }
body { body {
font-size: 100%; font-size: 100%;
padding: 0; padding: 0;
background: white url(../imgs/backshade.png) repeat-x; background: white url(../imgs/backshade.png) repeat-x;
color: black; color: black;
width: 100% width: 100%
} }
hr { display: none } hr { display: none }
@ -39,8 +39,8 @@ img { border: none }
/* Responsive Design img */ /* Responsive Design img */
img { img {
max-width: 100%; max-width: 100%;
height: auto height: auto
} }
/* /*
@ -48,48 +48,48 @@ img {
*/ */
.center { .center {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto margin-right: auto
} }
/* Plugin: QuickGallery */ /* Plugin: QuickGallery */
.img-gallery img { .img-gallery img {
display: inline; display: inline;
margin: 0.4em margin: 0.4em
} }
/* Plugin: QuickGallery */ /* Plugin: QuickGallery */
.img-gallery img .center { .img-gallery img .center {
display: inline display: inline
} }
blockquote { blockquote {
width: 90%; width: 90%;
color: #666; color: #666;
margin: 1em 1em; margin: 1em 1em;
padding: 0 10px; padding: 0 10px;
border-left: 5px solid #bbb border-left: 5px solid #bbb
} }
pre, code { pre, code {
font-family: 'Lucida Console', Monaco, monospace; font-family: 'Lucida Console', Monaco, monospace;
font-size: 90% font-size: 90%
} }
pre { pre {
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
background-color: #efefef; background-color: #efefef;
overflow: auto; overflow: auto;
width: 90%; width: 90%;
margin: 1em 1em 2em 1em; margin: 1em 1em 2em 1em;
padding: 1em 0.5em; padding: 1em 0.5em;
min-height: 40px; min-height: 40px;
height: auto !important; height: auto !important;
height: 40px height: 40px
} }
ul, li, ol { margin: 0; padding: 0 } ul, li, ol { margin: 0; padding: 0 }
@ -158,7 +158,7 @@ h2 {
font-size: 1.5em; font-size: 1.5em;
color: #333333; color: #333333;
margin: 0; margin: 0;
padding: 1em 0 1em 0 padding: 1em 0 1em 0
} }
h3 { h3 {
@ -173,10 +173,10 @@ h4 { font-size: 1.2em }
/* ===== DIV CONTAINER ALL ELEMENTS BLOCK ===== */ /* ===== DIV CONTAINER ALL ELEMENTS BLOCK ===== */
#body-container { #body-container {
text-align: left; text-align: left;
width: 85%; width: 85%;
margin: 0 auto; margin: 0 auto;
max-width: 68em; max-width: 68em;
padding: 0.3em; padding: 0.3em;
border: solid 1px #ccc; border: solid 1px #ccc;
background-color: white background-color: white
} }
@ -184,13 +184,13 @@ h4 { font-size: 1.2em }
/* ===== HEAD ===== */ /* ===== HEAD ===== */
#head { #head {
clear: both; clear: both;
font-family: 'book antiqua', georgia, garamond, times, 'times new roman', serif; font-family: 'book antiqua', georgia, garamond, times, 'times new roman', serif;
margin: 1em; margin: 1em;
padding: 7em 0.6em 0.5em 0.5em; padding: 7em 0.6em 0.5em 0.5em;
border-radius: 1em; border-radius: 1em;
border: 0; border: 0;
background-image: linear-gradient( #aa4142, #c37576) background-image: linear-gradient( #aa4142, #c37576)
} }
#head a { color: white; text-decoration: none } #head a { color: white; text-decoration: none }
@ -206,7 +206,7 @@ h4 { font-size: 1.2em }
/* ===== DIV CONTAINER "MAIN" ===== */ /* ===== DIV CONTAINER "MAIN" ===== */
#outer-container { #outer-container {
width: 100%; width: 100%;
background-color: white background-color: white
} }
@ -216,7 +216,7 @@ h4 { font-size: 1.2em }
#main { #main {
float: left; float: left;
width: 62%; width: 62%;
font-size: 100%; font-size: 100%;
margin: 1em margin: 1em
} }
@ -307,9 +307,9 @@ form#search ul { list-style-type: none
clear: both; clear: both;
font-size: 80%; font-size: 80%;
color: #555; color: #555;
background-color: #dcdcdc; background-color: #dcdcdc;
padding: 1em; padding: 1em;
margin: 0 1em 1em 1em; margin: 0 1em 1em 1em;
text-align: center; text-align: center;
border-top: #bbb 1px solid border-top: #bbb 1px solid
} }