diff --git a/wortschlucker/database.sqlite b/wortschlucker/database.sqlite index ffb8d87..caa7467 100644 Binary files a/wortschlucker/database.sqlite and b/wortschlucker/database.sqlite differ diff --git a/wortschlucker/templates/layout.html b/wortschlucker/templates/layout.html index 4aaa229..6e3db17 100644 --- a/wortschlucker/templates/layout.html +++ b/wortschlucker/templates/layout.html @@ -7,7 +7,7 @@ WortSchlucker<py:if test="title">: ${title}</py:if> - + ${select('*[local-name()!="title"]')} @@ -15,17 +15,101 @@ - -
- ${select('*|text()')} -
- - - +
+ +
+ + + +
+ + + + + + +
+
+
+
+ ${select('*|text()')} +
+ +
+ + + +
 
+
+ + + +
+ + + diff --git a/wortschlucker/templates/media/images/img01.jpg b/wortschlucker/templates/media/images/img01.jpg new file mode 100644 index 0000000..3623bce Binary files /dev/null and b/wortschlucker/templates/media/images/img01.jpg differ diff --git a/wortschlucker/templates/media/images/img02.jpg b/wortschlucker/templates/media/images/img02.jpg new file mode 100644 index 0000000..556de14 Binary files /dev/null and b/wortschlucker/templates/media/images/img02.jpg differ diff --git a/wortschlucker/templates/media/images/img03.jpg b/wortschlucker/templates/media/images/img03.jpg new file mode 100644 index 0000000..00b57e2 Binary files /dev/null and b/wortschlucker/templates/media/images/img03.jpg differ diff --git a/wortschlucker/templates/media/images/img04.jpg b/wortschlucker/templates/media/images/img04.jpg new file mode 100644 index 0000000..aea0719 Binary files /dev/null and b/wortschlucker/templates/media/images/img04.jpg differ diff --git a/wortschlucker/templates/media/images/img05.jpg b/wortschlucker/templates/media/images/img05.jpg new file mode 100644 index 0000000..5dab746 Binary files /dev/null and b/wortschlucker/templates/media/images/img05.jpg differ diff --git a/wortschlucker/templates/media/images/img06.jpg b/wortschlucker/templates/media/images/img06.jpg new file mode 100644 index 0000000..3d1563f Binary files /dev/null and b/wortschlucker/templates/media/images/img06.jpg differ diff --git a/wortschlucker/templates/media/style.css b/wortschlucker/templates/media/style.css new file mode 100644 index 0000000..7f9332e --- /dev/null +++ b/wortschlucker/templates/media/style.css @@ -0,0 +1,469 @@ + +/* +Design by Free CSS Templates +http://www.freecsstemplates.org +Released for free under a Creative Commons Attribution 2.5 License +*/ + +body { + margin: 0px; + padding: 0; + background: #F3F2ED url(images/img04.jpg) repeat-x left top; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + color: #464646; +} + +h1, h2, h3 { + margin: 0; + text-transform: uppercase; + font-weight: normal; + color: #549900; +} + +h1 { font-size: 44px; } + +h2 { font-size: 18px; } + +h3 { } + +p, ul, ol { + margin-top: 0; + line-height: 240%; + text-align: justify; +} + +ul, ol { } + +blockquote { } + +a { color: #D99821; } + +a:hover { text-decoration: none; } + +a img { + border: none; +} + +img.left { + float: left; + margin: 7px 30px 0 0; +} + +img.right { + float: right; + margin: 7px 0 0 30px; +} + +hr { display: none; } + +.list1 { +} + +.list1 li { + float: left; + line-height: normal; +} + +.list1 li img { + margin: 0 30px 30px 0; +} + +.list1 li.alt img { + margin-right: 0; +} + +#wrapper { +} + +/* Header */ + +#header-wrapper { + height: 60px; + background: #131313; +} + +#header { + width: 920px; + margin: 0 auto; +} + +/* Menu */ + +#menu { + float: left; + width: 500px; +} + +#menu ul { + margin: 0; + padding: 8px 0px 0px 0px; + list-style: none; + line-height: normal; +} + +#menu li { + background: url(images/img01.jpg) no-repeat left 10px; + display: block; + float: left; +} + +#menu a { + display: block; + float: left; + height: 32px; + padding: 14px 20px 0px 20px; + letter-spacing: -1px; + text-decoration: none; + text-align: center; + text-transform: lowercase; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + font-weight: normal; + color: #FFFFFF; +} + +#menu a:hover { + text-decoration: none; +} + +#menu .current_page_item a { +} + +#menu .first { +} +/* Search */ + +#search { + float: right; + padding: 10px 10px 0px 0px; +} + +#search form { + float: right; + margin: 0; + padding: 4px 0px 0 0; +} + +#search fieldset { + margin: 0; + padding: 0; + border: none; +} + +#search input { + float: left; + font: 12px Georgia, "Times New Roman", Times, serif; +} + +#search-text { + width: 213px; + height: 28px; + padding: 6px 0 0 7px; + border: none; + background: url(images/img02.jpg) no-repeat left top; + color: #000000; +} + +#search-submit { + width: 82px; + height: 28px; + margin-left: 10px; + padding: 0px 5px; + background: url(images/img03.jpg) no-repeat left top; + border: none; + text-indent: -9999px; + color: #FFFFFF; +} + +/* Page */ + +#page { + width: 1000px; + margin: 0px auto; + margin: 0 auto; + background: #FFFFFF url(images/img06.jpg) repeat-y left 20px; +} + +#page-bgtop { + width: 920px; + margin: 0px auto; + padding: 40px; + background: url(images/img05.jpg) no-repeat left top; +} + + +/** LOGO */ + +#logo { + width: 940px; + height: 97px; + margin: 0 auto; + padding-top: 20px; + padding-left: 20px; +} + +#logo h1, #logo p { + margin: 0px; + line-height: normal; + text-transform: lowercase; + font-weight: normal; + color: #FFFFFF; +} + +#logo p { + margin-top: -4px; + text-transform: lowercase; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 13px; + color: #FFFFFF; +} + +#logo h1 { + font-size: 48px; +} + +#logo a { + text-decoration: none; + color: #FFFFFF; +} + +#banner { + padding-bottom: 20px; +} + +/* Content */ + +#content { + float: left; + width: 610px; +} + +/* Post */ + +.post { + margin-bottom: 45px; + padding-bottom: 30px; + border-bottom: 1px solid #E0E0E0; +} + +.post .title { + height: 44px; +} + +.post .title a { + text-decoration: none; + text-transform: capitalize; + font-size: 30px; + color: #2E2E2E; +} + +.post .date { + display: inline-block; + background: #454545; + margin: 0px; + padding: 0px 10px; + color: #FFFFFF; +} + +.post .meta { + margin-left: 2px; + padding: 4px 30px 2px 0px; + font-family: Arial, Helvetica, sans-serif; + font-weight: normal; + font-size: 10px; + color: #66665E; +} + +.post .meta span { + margin: 0px; +} + +.post .meta a { + padding: 6px 10px 5px 10px; + background: #454545; + text-decoration: none; + color: #FFFFFF; +} + +.post .entry { + padding: 10px 0px 20px 0px; +} + +.post .links { + height: 18px; + margin: 0px 0px 4px 0px; + padding: 6px 10px 5px 10px; + background: #454545; + text-decoration: none; + font-family: Arial, Helvetica, sans-serif; + font-size: 11px; + text-decoration: none; + font-weight: bold; + color: #FFFFFF; +} + +.post .comments { + display: block; + width: 120px; + height: 18px; + margin: 0px; + padding: 3px 0px 0px 40px; + background: #90BF35; + border: 1px solid #5F817E; + text-decoration: none; + font-family: Arial, Helvetica, sans-serif; + font-size: 11px; + text-decoration: none; + font-weight: bold; + color: #FFFFFF; +} + +/* Sidebar */ + +#sidebar { + float: right; + width: 240px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; +} + +#sidebar ul { + margin: 0; + padding: 0; + list-style: none; + line-height: normal; +} + +#sidebar li { + margin-bottom: 30px; + padding: 0 0 10px 0px; +} + +#sidebar li ul { + margin: 0px 0px; + border-left: 10px solid #E0E0E0; +} + +#sidebar li li { + margin: 0px 0px 0px 20px; + padding: 10px 0px 10px 0px; + border-bottom: 1px solid #E0E0E0; +} + +#sidebar li li a { + font-weight: normal; +} + +#sidebar li li a:hover { + color: #666666; +} + +#sidebar p { + margin: 0; + padding: 0px 14px; + border-left: 10px solid #E0E0E0; +} + +#sidebar h2 { + height: 30px; + margin: 0 0 10px 0px; + padding: 6px 0 2px 0px; + text-transform: capitalize; + font-size: 18px; + font-weight: normal; + color: #2E2E2E; +} + + +#sidebar p { + line-height: 200%; +} + +#sidebar a { + text-align: left; + text-decoration: none; + font-weight: bold; + color: #666666; +} + +/* Calendar */ + +#calendar { +} + +#calendar caption { + padding-bottom: 5px; + font-weight: bold; +} + +#calendar table { + width: 100%; + border-collapse: collapse; + border-bottom: 1px solid #24130F; + border-left: 1px solid #24130F; + border-right: 1px solid #24130F; +} + +#calendar thead th { + padding: 5px 0; + text-align: center; + border-top: 1px solid #24130F; + border-left: 1px solid #24130F; + background: #24130F; +} + +#calendar tbody td { + padding: 5px 0; + text-align: center; + border-top: 1px solid #24130F; + border-left: 1px solid #24130F; + border-bottom: 1px solid #24130F; +} + +#calendar tfoot td { + padding: 5px; + border-left: 1px solid #24130F; + border-bottom: 1px solid #24130F; +} + +#calendar tfoot #next { + border-top: 1px solid #24130F; + text-align: right; +} + +#calendar tfoot #prev { + border-top: 1px solid #24130F; +} + +#calendar .pad { + border-bottom: 1px solid #24130F; +} + +#calendar #today { + background: #24130F; +} + +/* Footer */ + +#footer { + width: 920px; + height: 100px; + margin: 0 auto; + padding: 0; + border-top: 1px solid #E0E0E0; +} + +#footer-bgcontent { +} + +#footer p { + margin: 0; + padding: 30px 0px 0px 0px; + text-align: center; + line-height: normal; + font-size: 12px; +} + +#footer a { +}