Marble

From: Dennis Nienhüser Date: Thu, 8 Apr 2010 18:31:45 +0000 (+0200) Subject: Make it look more kde-ish X-Git-Url: http://vcs.maemo.org/git/?a=commitdiff_plain;h=6db9db7d774c3f8bf57d9c484f341709f7ce8b9e;p=marble Make it look more kde-ish --- diff --git a/www/favicon.ico b/www/favicon.ico new file mode 100644 index 0000000..2c9dd50 Binary files /dev/null and b/www/favicon.ico differ diff --git a/www/index.html b/www/index.html index c700e98..8baeff2 100644 --- a/www/index.html +++ b/www/index.html @@ -4,6 +4,9 @@ Marble + + + diff --git a/www/kdeedu.css b/www/kdeedu.css new file mode 100644 index 0000000..8df7e8b --- /dev/null +++ b/www/kdeedu.css @@ -0,0 +1,468 @@ +/* +** HTML elements +*/ + +body { + margin: 0; + padding: 0; + text-align: center; + font-size: 0.8em; + font-family: "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", sans-serif; + color: #535353; + background: #ffffff; +} + + +/* +** HTML Tags +*/ + +h1, h2, h3, h4 +{ + padding: 0; + text-align: left; + font-weight: bold; + color: #f7800a; + background: transparent; +} +h1 { + margin: 0 0 0.3em 0; + font-size: 1.7em; +} +h2, h3, h4 { + margin: 1.3em 0 0 0.3em +} + +h2 { + font-size: 1.5em; +} + +h3 { + font-size: 1.4em; +} + +h4 { + font-size: 1.3em; +} + +h5 { + font-size: 1.2em; +} + +a:link { + padding-bottom: 0; + text-decoration: none; + color: #0057ae; +} + +a:visited { + padding-bottom: 0; + text-decoration: none; + color: #644A9B; +} + + +a[href]:hover { + text-decoration: underline; +} + +hr { + margin: 0.3em 1em 0.3em 1em; + height: 1px; + border: #bcbcbc dashed; + border-width: 0 0 1px 0; +} + +pre { + display: block; + margin: 0.3em; + padding: 0.3em; + font-size: 1em; + color: #000000; + background: #f9f9f9; + border: #2f6fab dashed; + border-width: 1px; + overflow: auto; + line-height: 1.1em; +} + +input, textarea, select { + margin: 0.2em; + padding: 0.1em; + color: #888888; + background: #ffffff; + border: 1px solid; +} + +blockquote { + margin: 0.3em; + padding-left: 2.5em; + background: transparent; +} + +del { + color: #800000; + text-decoration: line-through; +} + +dt { + font-weight: bold; + font-size: 1.05em; + color: #0057ae; +} + +dd { + margin-left: 1em; +} + +p { + margin-top: 0.5em; + margin-bottom: 0.9em; + text-align: justify; +} +fieldset { + border: #cccccc 1px solid; +} + +li { + text-align: left; +} + +fieldset { + margin-bottom: 1em; + padding: .5em; +} + +form { + margin: 0; + padding: 0; +} + +hr { + height: 1px; + border: #888888 1px solid; + background: #888888; + margin: 0.5em 0 0.5em 0 ; +} + +img { + border: 0; +} +table { + border-collapse: collapse; + font-size: 1em; +} +th { + text-align: left; + padding-right: 1em; + border: #cccccc solid; + border-width: 0 0 3px 0; +} + + +/* +** Header +*/ +#header { + width: 100%; + color: #535353; + background: #eeeeee; + border-bottom: #bcbcbc 1px solid; +} + +#header_top { + margin: 0 auto; + padding: 0; + width: 60em; + min-width: 770px; + max-width: 45em; + vertical-align: middle; + color: #ffffff; + background: url(/media/images/top.jpg) repeat-x bottom; +background-color: #0057ae; +} + +#header_top div { + margin: 0 auto; + padding: 0; + background: url(/media/images/top-left.jpg) no-repeat bottom left; +} + +#header_top div div { + margin: 0 auto; + padding: 0; + vertical-align: middle; + text-align: left; + font-size: 1.7em; + font-weight: bold; + background: url(/media/images/top-right.jpg) no-repeat bottom right; +} + +#header_top div div img { + margin:8px 0px 9px 18px; + vertical-align: middle; +} + +#header_bottom { + margin: 0 auto; + padding: 0.1em 0em 0.3em 0; + width: 60em; + min-width: 770px; + max-width: 45em; + vertical-align: middle; + text-align: right; + background: #eeeeee; +} + +#location { + padding: 0 0 0 1.5em; + text-align: left; + line-height: normal; + font-size: 1.1em; + font-weight:bold; + float: left; +} + +#location ul { + display: inline; + margin: 0; + padding: 0; + list-style: none; +} + +#location ul li { + display: inline; + white-space : nowrap; + margin: 0; + padding: 0 1em 0 0; +} + +#menu { + margin: 0 1.5em 0 0; + text-align: right; + line-height: normal; + font-size: 1.1em; + font-weight: bold; +} + +#menu ul { + display: inline; + list-style: none; + margin: 0; + padding: 0; + text-align: right; +} + +#menu ul li { + display: inline; + white-space : nowrap; + margin: 0; + padding: 0 0 0 1em; + text-align: right; +} + +.here a:link, .here a:visited { + text-decoration:underline; +} + +.here ul a:link, .here ul a:visited { + text-decoration:none; +} + +#menu ul li a { + font-weight: bold; +} + + +/* +** Content +*/ + +#content { + width: 100%; +} + +#main { + /* padding in px not ex because IE messes up 100% width tables otherwise */ + padding: 10px; + text-align: left; +} + +#body_wrapper { + margin: 0 auto; + width: 60em; + min-width: 770px; + max-width: 45em; + border: #bcbcbc solid; + border-width: 0 0 0 1px; +} + +#body { + float: left; + margin: 0; + padding: 0; + min-height: 40em; + width: 60em; + min-width: 770px; + max-width: 45em; +} + +#right { + float: right; + margin: 0; + padding: 0; + width: 73%; +} + +/* These are date cells on the front page. */ +td.cell_date { + width: 8em; + min-width: 8em; +} + +#hotspot, .sideimage { + float: right; + margin: 1ex 1em; + clear: right; +} + +.belowimage, h1, h2, h3, h4, h5 { + clear: right; +} + + +/* +** Left Menu +*/ + +#left { + float: left; + margin: 0; + padding: 0; + width: 25%; +} + +.menu_box { + padding: 0.7em 0 0 0; +} + +.menu_box ul { + text-align: left; +} + +.menu_box li { + list-style-type: none; + text-align: left; + margin-left: 0.1em; +} + +.menu_box ul ul { +margin: 0; +padding-left: 0; +} + +.menu_box li li { +margin-left: 1em; +} + +.menu_box .active{ + color: #cf4913; +} + +.menutitle { + margin: 0.6em 0 1.2em 0; + padding:0; + color: #ffffff; + background: url(/media/images/block_title_mid.png) repeat-y right; +background-color: #0057ae; +} +.menutitle div { + margin: 0; + padding:0; + background: url(/media/images/block_title_top.png) no-repeat top right; +} +.menutitle div h2 { + margin: 0; + padding: 0.2em 0 0.3em 1.3em; + line-height:1.2em; + font-size: 120%; + font-weight: normal; + color: #ffffff; + background: url(/media/images/block_title_bottom.png) no-repeat bottom right; +} +.menutitle div h2 a { + color: #ffffff; +} +.clearer { + clear: both; + height: 1px; +} + + +/* +** Footer +*/ +#footer { + width: 100%; + background: #eeeeee; +} + +#footer_text { + margin: 0 auto; + padding: 1em 0 1em 3.5em; + width: 51.5em; + text-align: left; + color: #000000; + background: #eeeeee; +} + +#footer a:link, #footer a:visited { + color: #4d88c3; +} + +#quicklinks { +font-size: 1em; +padding: 1em; +text-align: center; +margin-top: 0.5em; +margin-left: 0.2em; +margin-bottom: 0.5em; +margin-right: 0.2em; +} + +/* +** Credits +*/ +table.credit tr { +vertical-align:top; +} + +table.credit td { +border-bottom: 1px solid #cccccc; +} + + +.programbox +{ + float: left; + margin-left: 1ex; + margin-right: 1ex; + padding-bottom: 2ex; +} + +.programbox-image +{ + display: block; + margin-left: auto; + margin-right: auto; +} + +.programbox-text +{ + text-align: center; +} + +.programboxh3 +{ + clear: both; +}