news-android/assets/web_template.html

154 lines
3.1 KiB
HTML
Raw Normal View History

2013-05-26 12:39:44 +00:00
<html>
<head>
<style type="text/css">
2013-06-24 20:05:23 +00:00
body#darkTheme {
2013-05-26 12:39:44 +00:00
/* font-family: 'Segoe UI', 'Segoe UI Light', 'Droid Sans', sans-serif ; */
font-family: 'Roboto', 'Segoe UI', 'Segoe UI Light';
font-size: 18px;
font-weight: normal;
background-color: #222;
color: #EEE;
/*background-color: #E6E6E6;
color: #2C2E2F;*/
}
2013-06-24 20:05:23 +00:00
body#lightTheme {
font-family: 'Roboto', 'Segoe UI', 'Segoe UI Light';
font-size: 18px;
font-weight: normal;
background-color: #E1E1E1;
color: #333;
}
2013-05-26 12:39:44 +00:00
body, blockquote, img, iframe, video, div, table, tbody, tr, td, pre, code, blockquote, p, em, b {
width: auto !important;
height: auto !important;
max-width: 100% !important;
margin-left: 4px;
margin-right: 4px;
}
pre, code, blockquote, p, em, b {
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap !important;
white-space: -o-pre-wrap !important;
white-space: pre-wrap !important;
word-wrap: break-word !important;
}
body {
word-wrap: break-word !important;
}
#content table {
width:100% !important;
table-layout:fixed;
}
img {
/*
display: block;
margin-left:auto;
margin-right:auto;
*/
}
#header {
font-size: 21px;
margin-bottom: 5px;
font-weight: bold;
}
2013-06-21 21:33:22 +00:00
#header a:link, a:active, a:hover, a:visited {
color: #DADADA !important;
text-decoration: none !important;
}
2013-05-26 12:39:44 +00:00
#subscription, #datetime {
margin-bottom:3px;
font-size:12px;
/* font-style: oblique;
margin-right: 2px;*/
}
#subscription {
float:left;
/* margin-left: -2px !important; */
}
#datetime {
float:right;
}
#header_small_text {
overflow: auto;
}
#zierleiste {
margin-top: 2px !important;
height: 1px !important;
background-color: #B3B3B3;
}
#content {
margin-top:10px;
font-weight:500;
}
#imgFavicon {
2013-06-17 21:18:45 +00:00
margin-left:-3px;
2013-05-26 12:39:44 +00:00
vertical-align:middle;
2013-06-24 20:05:23 +00:00
margin-bottom:2px;
2013-06-17 21:18:45 +00:00
width:16px !important;
height:16px !important;
2013-05-26 12:39:44 +00:00
}
2013-06-24 20:05:23 +00:00
body#lightTheme a:link, a:active, a:hover {
color: #555 !important;
2013-05-26 12:39:44 +00:00
/*color: #2C2E2F;*/
}
2013-06-24 20:05:23 +00:00
body#lightTheme a:visited {
color: #000 !important;
}
body#darkTheme a:link, a:active, a:hover {
color: #DADADA !important;
}
body#darkTheme a:visited {
color: #AEAEAE !important;
2013-05-26 12:39:44 +00:00
}
/*
a:active {
color: #DADADA;
}
a:hover {
color: #DADADA;
}*/
</style>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
2013-06-24 20:05:23 +00:00
<body id="lightTheme">
2013-05-26 12:39:44 +00:00
<div id="header">
</div>
<div id="header_small_text">
2013-06-24 20:05:23 +00:00
<div id="subscription">
<img id="imgFavicon" src="" />
2013-05-26 12:39:44 +00:00
</div>
<div id="datetime">
</div>
</div>
<div id="zierleiste">
</div>
2013-06-24 20:05:23 +00:00
<div id="content">
2013-05-26 12:39:44 +00:00
</div>
</body>
</html>