From 81493afa53a1a1d5ff4b417d05febf9f9e2a172b Mon Sep 17 00:00:00 2001 From: René 'Necoro' Neumann Date: Thu, 23 Jul 2020 00:28:47 +0200 Subject: Restructure --- kosten/static/css/style.css | 338 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 338 insertions(+) create mode 100644 kosten/static/css/style.css (limited to 'kosten/static/css/style.css') diff --git a/kosten/static/css/style.css b/kosten/static/css/style.css new file mode 100644 index 0000000..f2844f1 --- /dev/null +++ b/kosten/static/css/style.css @@ -0,0 +1,338 @@ +/* +Design by Free CSS Templates +http://www.freecsstemplates.org +Released for free under a Creative Commons Attribution 2.5 License +*/ + +body { + margin: 0; + padding: 0; + background: #000000; + font-size: 13px; + font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; + text-align: justify; + color: #FFFFFF; +} + + +h1, h2, h3 { + margin: 0; + text-transform: lowercase; + font-weight: normal; + color: #FFFFFF; +} + +h1 { + letter-spacing: -1px; + font-size: 32px; +} + +h2 { + font-size: 23px; +} + +h3 { + font-size: 18px; +} + +p, ul, ol { + text-align: justify; + line-height: 20px; +} + +p + h2, p + h3 { + margin-top: 1.5em; +} + +a:link { + color: #8BD80E; +} + +a:hover, a:active { + text-decoration: none; + color: #8BD80E; +} + +a:visited { + color: #8BD80E; +} + +img { + border: none; +} + +#left { + float: left; + margin-right: 15px; + text-decoration: none; +} + +#right { + float: right; + margin-left: 15px; + text-decoration: none; +} + +img.arrow { + width: 20px; + height: 20px; + vertical-align: middle; +} + +.navdate { + vertical-align: middle; + padding-right: 5px; + padding-left: 5px; +} + +.heading { + font-weight: bold; +} + +.detail .heading { + cursor: pointer; +} + +.detail > .mark { + cursor: pointer; +} + +ul.arrow { + list-style-image: url(../images/closed.png); +} + +.error { + color: #E15418; +} + +.pie { + display: inline-block; + width: 410px; + height: 150px; +} + +.month_exp { + display: inline-block; + width: 280px; + vertical-align: top; + margin-bottom: 30px; + margin-right: 10px; +} + +/* Header */ + +#header { + width: 760px; + margin: 0 auto; + height: 42px; +} + +#head-wrapper { + margin: 0; + padding: 0; + background: #FFFFFF url(../images/img01.gif) repeat-x left top; +} + +/* Menu */ + +#menu { + float: left; + width: 760px; + height: 50px; + background: url(../images/img02.gif) no-repeat left top; +} + +#menu > ul { + margin: 0; + padding: 0px 0 0 10px; + list-style: none; + line-height: normal; +} + +.menu-item { + display: block; + float: left; +} + +.menu-item > a { + display: block; + float: left; + background: url(../images/img04.gif) no-repeat right 55%; + margin-top: 5px; + margin-right: 3px; + padding: 8px 17px; + text-decoration: none; + font-size: 13px; + color: #000000; +} + +.menu-item > a:hover { + color: #000000; +} + +li.search { + display: block; + float: left; + cursor: pointer; + position: relative; +} + +img.search { + padding: 9px 10px; +} + +form.search { + position: relative; +} + +input.search { + position: absolute; + top: -10px; + left: -30px; + width: 80px; + overflow: hidden; +} + +input.search-submit { + position: absolute; + top: -20px; + z-index: -1; + color: transparent; + border: none; + outline: none; + opacity: 0; +} + +/** LOGO */ + +#logo { + width: 760px; + height: 80px; + margin: 0 auto; +} + +#logo > h1, #logo > h2, #logo > img { + float: left; + margin: 0; + padding: 30px 0 0 0px; + line-height: normal; +} + +#logo > img { + float: left; + margin-right: 15px; + padding: 30px 0 0 0px; +} + +#logo > h1 { + font-family: Georgia, "Times New Roman", Times, serif; + font-size:40px; +} + +#logo > h1 > a { + text-decoration: none; + color: #4C4C4C; +} + +#logo > h1 > a:hover { text-decoration: underline; } + +#logo > h2 { + float: left; + padding: 45px 0 0 18px; + font: 18px Georgia, "Times New Roman", Times, serif; + color: #8BD80E; +} + +/* Page */ + +#page { + width: 710px; + margin: 0 auto; + background: #4C4C4C url(../images/img03.gif) no-repeat left bottom; + padding: 0 25px; +} + +/* Post */ + +#messages { + list-style-type: none; + padding: 0; + margin: 0; +} + +#messages > li { + background: #9e9e9e; + color: #000; + padding: 5px; + margin: 5px 5px 15px 5px; + text-align: center; + box-shadow: 0 0 6px #888; +} + +#messages > li.msg-error { + background: #DA6F6F; +} + +#messages a { + color: #fff; +} + +#content { + float: left; + width: 710px; + padding: 15px 0px; + margin-bottom: 20px; +} + +#page_heading { + margin-bottom: 20px; + padding-bottom: 5px; +} + +#content h2, #content h3 { + margin-bottom: 0.5em; +} + +/* Forms */ + +form input[value], form select { + width: 170px; + padding: 1px; + margin-left: 4px; + box-sizing: border-box; + font-size: 100%; + font-family: inherit; + height: 25px; +} + +form input[type=checkbox] { + width: initial; +} + +form input[type=submit] { + margin-top: 10px; +} + +/* Footer */ +#footer { + margin: 0 auto; + padding: 20px 0 10px 0; + background: #000000; + height: auto; +} + +#footer > p { + font-size: 11px; +} + +#legal { + clear: both; + padding-top: 17px; + text-align: center; + color: #FFFFFF; +} + +#legal > a { + font-weight: normal; + color: #FFFFFF; +} -- cgit v1.2.3-54-g00ecf