Commits

Anonymous committed 0682d80

basic style

Comments (0)

Files changed (3)

templates/index.html

 {% extends "layout.html" %}
 
-{% block container %}
+{% block main%}
 <form method="post" action="/Query">
     <input type="hidden" name="col1" value="marc" />
     <input type="hidden" name="marcformat" value="all" />

templates/layout.html

         <meta charset="UTF-8" />
         <title>图书查询</title>
         <style type="text/css">
-            {% include "style.css" %}
+{% include "style.css" %}
         </style>
     </head>
     <body>
-        <div id="header">
+        <div id="header" class="fn-clear">
             {% block header %}
+            <h1>{% block title %}校门口</h1>{% endblock %}
             {% endblock %}
         </div>
-        <div id="container">
-            {% block container %}{% endblock %}
+        <div id="slider">
+            <div class="process"></div>
+        </div>
+        <div id="main">
+            <div class="container">
+                {% block main%}{% endblock %}
+            </div>
         </div>
         <div id="footer">
-            {% block footer %}{% endblock %}
+            <div class="container">
+                {% block footer %}{% endblock %}
+            </div>
         </div>
     </body>
 </html>

templates/style.css

+/*
+ * @author: lepture
+ * @background: #21722f
+ * @frontground: #a4c1a5
+ * @textcolor: #fffdfe
+ */
+@-webkit-keyframes process {
+    0% {width: 0;}
+    100% {width: 100%;}
+}
+h1,h2,h3{
+    padding: 0;
+    margin: 0;
+}
+body {
+    background: #21722f;
+    color: #fffdfe;
+    padding: 0;
+    margin: 0;
+    font-family: "Georgia", "Times New Roman", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", serif;
+}
+.container {
+    padding: 1em;
+    margin: 0 auto;
+    max-width: 640px;
+}
+#header {
+    color: #a4c1a5;
+    background-image: -webkit-linear-gradient(#21722f,#215f2b);
+    border-bottom: 1px solid transparent;
+    padding: .5em 1em;
+}
+#header h1 {
+    text-align: center;
+}
+#slider .process {
+    margin-top: -1px;
+    height: 1px;
+    background-color: #268235;
+    -webkit-animation: process 3s linear;
+}