diff --git a/res/common.css b/res/common.css index 03e5941..5be6c7e 100644 --- a/res/common.css +++ b/res/common.css @@ -1,345 +1,345 @@ -/* -Theme Name: Snail-orange -Author: Marcoverga86, DeltaLima -Version: 2.0 -Module: common.css -*/ - -/* ===== GENERAL (redefinition HTML tag) ===== */ -html { - font-size: 14px; - font-family: Tahoma, 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif; - margin: 0; - padding: 0 -} - -body { - color: #CCCCCC; - padding: 0; - text-align: center; - /*background: #315A94;*/ - background-image: url("../imgs/header-background.jpg"); - background-size: cover; - background-position: bottom center; - background-repeat: no-repeat; - background-size:cover; - background-attachment:fixed; - background-color: #222; - -} - -hr { display: none } -p { margin: .5em 0 } -img { border: none } - -blockquote { - width: 90%; - margin: 1em 1em; - padding: 0 10px; - /*border-left: 10px solid white;*/ - border-left: 10px solid #daaa55; - background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); -} - -pre, code { - font-family: Lucida Console, Monaco, monospace; - font-size: 90%; -} - -pre { - - /* border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; */ - /*background-color: #efefef;*/ - /* background-color: #a8a8a8;*/ - /*border-bottom: 1px solid #555;*/ - border: 1px solid #555; - /*background-color: #444444;*/ - - /* ubuntu terminal background color */ - background: #380c2a; - color: #CCCCCC; - overflow: auto; - width: 90%; - margin: 1em 1em; - padding: 5px 10px; - border-radius: 5px; - box-shadow: 3px 3px 6px black; -} - -code { - background-color: rgba(0, 0, 0, 0.2); - border-radius: 3px; - padding: 0 3px; -} - -ul, li, ol { margin: 0; padding: 0 } - -/* === Form === */ -form { margin: 1em 0 } - -fieldset { - margin: 0 0 1em 0; - padding: .5em; - border: #ddd solid 1px -} - -legend { - color: white; - font-size: 80%; - font-style: oblique -} - -input, textarea { - padding: .1em; - border: 1px solid #315A94;; - font-family: 'Trebuchet MS', Tahoma, 'Times New Roman'; -} - -input, admin-static-filename { - font-weight:bold; - background-color: #A29D7D; -} - -input:hover, input:focus { - border: 1px solid #000099; - background-color: #DAAA55; -} - -select { background-color: #ddd } - -textarea { - font-size: 100%; - font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif; - width: 99%; - margin-top: .1em; - margin-bottom: 1em; - background-color: #999999; -} - -/* ===== LINKS GENERAL ===== */ -a:link, a:visited { - /*color: #0066ff;*/ - color: #e69138; - font-weight: bold; - text-decoration: none -} - -a:hover { - /*color: #1100FF;*/ - color: #f6b26b; - text-decoration: underline -} - -/* ===== HEADERS TAGS ===== */ -h1, h2, h3, h4, h5, h6 { margin:0 } -h1 { font-size: 3em } -h2 { font-size: 2.3em } -h3 { font-size: 1.8em } -h4 { font-size: 1.5em } -h5 { font-size: 1.2em } -h6 { font-size: 0.9em } - -/* ===== DIV CONTAINER ALL ELEMENTS BLOCK ===== */ -#body-container { - text-align: left; - width: 72% !important; - width: 72%; /* fix for I.E. */ - margin: 0 auto 0 auto; - padding: 5px; -/* background-color: #2D2D2D;*/ - background-color: rgba(45, 45, 45, 0.8); - overflow: hidden; - border-radius: 15px; -} - -/* ===== HEAD ===== */ -#head { - /*background: url("../imgs/logo.jpg") no-repeat;*/ - width: 680px; !important; - width: 680px; - height: 128px; - font-family: Tahoma, sans-serif; - float: center; -} -#head-bubble { -/* background-color: rgba(0, 0, 0, 0.2);*/ - background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); - border-radius: 15px; - width: 100% !important; - height: 124px; - margin: 5px 0 0 5px ; -} - -#title-container { - width: 580px; - float: left; -} -#logo-container { - padding-right: 10px; - padding-top: 3px; - float: right; -} -#logo-img { - /*background: url("../imgs/Mandrake-Tux_redraw.png");*/ - - height: 120px; - -} - -#clear-container { - clear: both; -} - -#head a { - color: white; - font-weight: normal; - text-decoration: none; -} - -#head h1 { padding: 35px 20px 0 25px } - -.subtitle { - font-style: oblique; - color: white; - margin: .5em 0 0 0; - padding-left: 25px; -} - -/* ===== MAIN ===== */ -#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { - margin: 0 0 10px 0; - font-weight: normal; -} - -#main { - /*float:right;*/ - overflow: hidden; - display: inline-block; - position: relative; - width: 73% !important; - width: 73%; - font-size: 100%; - margin: .8em 0.5em 0 1.2em; -} - -#main p { - line-height: 1.5em; - margin-top: 1.2em; -} - -#main img { margin: .2em } - -/* === List === */ -#main ul { - list-style-type: disc; - padding: 0 0 0 1.6em -} - -ol li, ul li { padding-bottom: 0.9em } - -#main ol { - list-style-position: inside; - padding: 0 1.6em 0 1.6em -} - -/* ===== COMMENTS ===== */ -#comments li { - margin: 0 0 1.5em 0; - padding: 5px; - /*border-top: 2px solid #6699FF; - border-bottom: 2px solid #6699FF;*/ - border-top: 2px solid #f6b26b; - border-bottom: 2px solid #f6b26b; - background: #2D2D2D; -} - -#commentform fieldset p { margin: 0 0 .5em 0 } -#commentform textarea { background-color: #999999; } -#commentform textarea:hover { background-color: #777777; } -#comments p { padding-left: 20px } -#comments li.comment-admin strong.comment-name { font-size:160% } - -#comments li.comment-admin { - /*background-color: #DAAA55;*/ - background-color: #393939; - /*color: black;*/ - padding: 1em; -} - -/* === Class of main block === */ -.date, p.date { - font-size: 11px; - margin: 3px 0 3px 0; - padding-bottom: 2px; - font-weight: normal; - border-bottom: 2px solid #333333; -} - -.entry { - margin: 0 0 1.5em 0; - padding: 0; - overflow: hidden; /* floating images fix */ - height:1%; /* i.e. hack*/ -} - -.entry p { font-size: 16px } - -.entry-title { - /*color: #26a269;*/ - /* ubuntu color background term color: #380c2a; */ - color: #daaa55; -} - -#main .entrytitle { - font-family: Candara, 'Cataneo BT', 'book antiqua', georgia, garamond, times, 'times new roman'; - margin: 0; -} - -.entry-footer a { color: #A29D7D } -.entry-footer a:hover { color: #4B4B4B } - -.entry-footer { - text-align: right; - font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif; - font-size: 0.9em; - margin: 2em 0 .5em 0; - margin-left: 58%; - border-top: 2px solid #333333; -} - -.admincontrols { /* [edit] and [delete] */ - float: right; - font-size: 80% -} - -.buttonbar { text-align: center } - -.buttonbar input { - text-align: center; - margin: .1em .5em; - padding: 0 1em -} - -.navigation { /* next entries & previous entries link */ - font-size: 80%; - margin-bottom: 5em -} - -/* ===== FOOTER ===== */ -#footer { - text-align: center; -/* background: #2D2D2D;*/ -/* background-color: rgba(0, 0, 0, 0.2);*/ - background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.2)); - border-top-right-radius: 5px; - border-top-left-radius: 5px; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; - clear: both; - font-size: 80%; - padding: 8px; - margin: 0px 5px 5px 5px; - /*border-top: #315A94 2px solid*/ - /*border-top: #393939 2px solid*/ -} +/* +Theme Name: Snail-orange +Author: Marcoverga86, DeltaLima +Version: 2.0 +Module: common.css +*/ + +/* ===== GENERAL (redefinition HTML tag) ===== */ +html { + font-size: 14px; + font-family: Tahoma, 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif; + margin: 0; + padding: 0 +} + +body { + color: #CCCCCC; + padding: 0; + text-align: center; + /*background: #315A94;*/ + background-image: url("../imgs/header-background.jpg"); + background-size: cover; + background-position: bottom center; + background-repeat: no-repeat; + background-size:cover; + background-attachment:fixed; + background-color: #222; + +} + +hr { display: none } +p { margin: .5em 0 } +img { border: none } + +blockquote { + width: 90%; + margin: 1em 1em; + padding: 0 10px; + /*border-left: 10px solid white;*/ + border-left: 10px solid #daaa55; + background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); +} + +pre, code { + font-family: Lucida Console, Monaco, monospace; + font-size: 90%; +} + +pre { + + /* border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; */ + /*background-color: #efefef;*/ + /* background-color: #a8a8a8;*/ + /*border-bottom: 1px solid #555;*/ + border: 1px solid #555; + /*background-color: #444444;*/ + + /* ubuntu terminal background color */ + background: #380c2a; + color: #CCCCCC; + overflow: auto; + width: 90%; + margin: 1em 1em; + padding: 5px 10px; + border-radius: 5px; + box-shadow: 3px 3px 6px black; +} + +:not(pre) > code { + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + padding: 0px 3px; +} + +ul, li, ol { margin: 0; padding: 0 } + +/* === Form === */ +form { margin: 1em 0 } + +fieldset { + margin: 0 0 1em 0; + padding: .5em; + border: #ddd solid 1px +} + +legend { + color: white; + font-size: 80%; + font-style: oblique +} + +input, textarea { + padding: .1em; + border: 1px solid #315A94;; + font-family: 'Trebuchet MS', Tahoma, 'Times New Roman'; +} + +input, admin-static-filename { + font-weight:bold; + background-color: #A29D7D; +} + +input:hover, input:focus { + border: 1px solid #000099; + background-color: #DAAA55; +} + +select { background-color: #ddd } + +textarea { + font-size: 100%; + font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif; + width: 99%; + margin-top: .1em; + margin-bottom: 1em; + background-color: #999999; +} + +/* ===== LINKS GENERAL ===== */ +a:link, a:visited { + /*color: #0066ff;*/ + color: #e69138; + font-weight: bold; + text-decoration: none +} + +a:hover { + /*color: #1100FF;*/ + color: #f6b26b; + text-decoration: underline +} + +/* ===== HEADERS TAGS ===== */ +h1, h2, h3, h4, h5, h6 { margin:0 } +h1 { font-size: 3em } +h2 { font-size: 2.3em } +h3 { font-size: 1.8em } +h4 { font-size: 1.5em } +h5 { font-size: 1.2em } +h6 { font-size: 0.9em } + +/* ===== DIV CONTAINER ALL ELEMENTS BLOCK ===== */ +#body-container { + text-align: left; + width: 72% !important; + width: 72%; /* fix for I.E. */ + margin: 0 auto 0 auto; + padding: 5px; +/* background-color: #2D2D2D;*/ + background-color: rgba(45, 45, 45, 0.8); + overflow: hidden; + border-radius: 15px; +} + +/* ===== HEAD ===== */ +#head { + /*background: url("../imgs/logo.jpg") no-repeat;*/ + width: 680px; !important; + width: 680px; + height: 128px; + font-family: Tahoma, sans-serif; + float: center; +} +#head-bubble { +/* background-color: rgba(0, 0, 0, 0.2);*/ + background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1)); + border-radius: 15px; + width: 100% !important; + height: 124px; + margin: 5px 0 0 5px ; +} + +#title-container { + width: 580px; + float: left; +} +#logo-container { + padding-right: 10px; + padding-top: 3px; + float: right; +} +#logo-img { + /*background: url("../imgs/Mandrake-Tux_redraw.png");*/ + + height: 120px; + +} + +#clear-container { + clear: both; +} + +#head a { + color: white; + font-weight: normal; + text-decoration: none; +} + +#head h1 { padding: 35px 20px 0 25px } + +.subtitle { + font-style: oblique; + color: white; + margin: .5em 0 0 0; + padding-left: 25px; +} + +/* ===== MAIN ===== */ +#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { + margin: 0 0 10px 0; + font-weight: normal; +} + +#main { + /*float:right;*/ + overflow: hidden; + display: inline-block; + position: relative; + width: 73% !important; + width: 73%; + font-size: 100%; + margin: .8em 0.5em 0 1.2em; +} + +#main p { + line-height: 1.5em; + margin-top: 1.2em; +} + +#main img { margin: .2em } + +/* === List === */ +#main ul { + list-style-type: disc; + padding: 0 0 0 1.6em +} + +ol li, ul li { padding-bottom: 0.9em } + +#main ol { + list-style-position: inside; + padding: 0 1.6em 0 1.6em +} + +/* ===== COMMENTS ===== */ +#comments li { + margin: 0 0 1.5em 0; + padding: 5px; + /*border-top: 2px solid #6699FF; + border-bottom: 2px solid #6699FF;*/ + border-top: 2px solid #f6b26b; + border-bottom: 2px solid #f6b26b; + background: #2D2D2D; +} + +#commentform fieldset p { margin: 0 0 .5em 0 } +#commentform textarea { background-color: #999999; } +#commentform textarea:hover { background-color: #777777; } +#comments p { padding-left: 20px } +#comments li.comment-admin strong.comment-name { font-size:160% } + +#comments li.comment-admin { + /*background-color: #DAAA55;*/ + background-color: #393939; + /*color: black;*/ + padding: 1em; +} + +/* === Class of main block === */ +.date, p.date { + font-size: 11px; + margin: 3px 0 3px 0; + padding-bottom: 2px; + font-weight: normal; + border-bottom: 2px solid #333333; +} + +.entry { + margin: 0 0 1.5em 0; + padding: 0; + overflow: hidden; /* floating images fix */ + height:1%; /* i.e. hack*/ +} + +.entry p { font-size: 16px } + +.entry-title { + /*color: #26a269;*/ + /* ubuntu color background term color: #380c2a; */ + color: #daaa55; +} + +#main .entrytitle { + font-family: Candara, 'Cataneo BT', 'book antiqua', georgia, garamond, times, 'times new roman'; + margin: 0; +} + +.entry-footer a { color: #A29D7D } +.entry-footer a:hover { color: #4B4B4B } + +.entry-footer { + text-align: right; + font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif; + font-size: 0.9em; + margin: 2em 0 .5em 0; + margin-left: 58%; + border-top: 2px solid #333333; +} + +.admincontrols { /* [edit] and [delete] */ + float: right; + font-size: 80% +} + +.buttonbar { text-align: center } + +.buttonbar input { + text-align: center; + margin: .1em .5em; + padding: 0 1em +} + +.navigation { /* next entries & previous entries link */ + font-size: 80%; + margin-bottom: 5em +} + +/* ===== FOOTER ===== */ +#footer { + text-align: center; +/* background: #2D2D2D;*/ +/* background-color: rgba(0, 0, 0, 0.2);*/ + background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.2)); + border-top-right-radius: 5px; + border-top-left-radius: 5px; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; + clear: both; + font-size: 80%; + padding: 8px; + margin: 0px 5px 5px 5px; + /*border-top: #315A94 2px solid*/ + /*border-top: #393939 2px solid*/ +}