Commits

gao shuai committed b32f093

front UI

Comments (0)

Files changed (7)

 
-div.sidebar{
-
-overflow: auto;
-
-float:left;
-
-
-
+h1 {
+	font-family:"Microsoft YaHei", "Microsoft JhengHei","STHeiti", Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	font-size:2em;
+	line-height:1;
+	text-align:center;
+	color:#003;
+	margin-bottom:.5em;
+	letter-spacing: .2em;
+	-moz-text-shadow: 0 .08em .04em rgba(0,0,0,.2);
+	-webkit-text-shadow: 0 .04em .08em rgba(0,0,0,.2);
+	-o-text-shadow: 0 .04em .08em rgba(0,0,0,.2);
+	text-shadow: 0 .08em .04em rgba(0,0,0,.2);
+	background-color: #fff;
 }
 
 
 
-table.mainlzg{
-
-
-
-margin:auto;
-
-
-
-width:61.8%;
-
-
-
-filter:alpha(opacity=80,Style=0);
-
-
-
+h2 {
+	font-family:"Microsoft YaHei", "Microsoft JhengHei","STHeiti", Arial, Helvetica, sans-serif;
+	font-size: 20px;
+	padding: 4px;
+	background-color: #fff;
+}
+h3 {
+	font-family:"Microsoft YaHei", "Microsoft JhengHei","STHeiti", Arial, Helvetica, sans-serif;
+	font-size: 20px;
+	padding: 4px;
+	background-color: #fff;
 }
 
 
 
 
 
-
-
-
-
-
-h1 {
-
-
-
-	font-family:"LiHei","LiHei Pro Medium", "Microsoft YaHei", "Microsoft JhengHei","STHeiti", Arial, Helvetica, sans-serif;
-
-
-
-	font-weight:bold;
-
-
-
-	font-size:4em;
-
-
-
-	line-height:1;
-
-
-
-	text-align:center;
-
-
-
-	color:#003;
-
-
-
-	margin-bottom:.5em;
-
-
-
-	letter-spacing: .2em;
-
-
-
-	-moz-text-shadow: 0 .08em .04em rgba(0,0,0,.2);
-
-
-
-	-webkit-text-shadow: 0 .04em .08em rgba(0,0,0,.2);
-
-
-
-	-o-text-shadow: 0 .04em .08em rgba(0,0,0,.2);
-
-
-
-	text-shadow: 0 .08em .04em rgba(0,0,0,.2);
-
-
-
-background-color: #fff;
-
-
-
+hr {
+border: none 0;
+border-top: 1px dashed #000;/*the border*/
+width: 100%;
+color: #616;
+text-align:center;/*this will align it for IE*/
+height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
 }
 
-
-
-h2 {
-
-
-
-font-family: Arial, sans-serif;
-
-
-
-font-size: 20px;
-
-
-
-
-
-
-
-padding: 4px;
-
-
-background-color: #fff;
-
-
-
-
-
+#pageurls{
+	text-align:center;
+	margin:20px 10px;
+	font-size:24px;
+	color:#003;
 }
-h3 {
-
-
-
-font-family: Arial, sans-serif;
-
-
-
-font-size: 20px;
-
-
-
-
-
-
-
-padding: 4px;
-
-
-background-color: #fff;
-
-
-
-
-
+#collectionurls{
+	text-align:center;
+	float:right;
+	margin:20px 10px;
+	font-size:12px;
+	color:#666;
 }
-
-
-
-.qu {
-
-
-
-	font-family:"LiHei","LiHei Pro Medium", "Microsoft YaHei", "Microsoft JhengHei","STHeiti", Arial, Helvetica, sans-serif;
-
-
-
-	font-weight:bold;
-
-
-
-	font-size:1em;
-
-
-
-	line-height:1;
-
-
-
+#header{
 	text-align:center;
-
-
-
-	color:#003;
-
-
-
-	margin-bottom:.5em;
-
-
-
-	letter-spacing: .2em;
-
-
-
-	-moz-text-shadow: 0 .08em .04em rgba(0,0,0,.2);
-
-
-
-	-webkit-text-shadow: 0 .04em .08em rgba(0,0,0,.2);
-
-
-
-	-o-text-shadow: 0 .04em .08em rgba(0,0,0,.2);
-
-
-
-	text-shadow: 0 .08em .04em rgba(0,0,0,.2);
-
-
-
-background-color: #fff;
-
-
-
+	margin:20px 10px;
+	font-size:12px;
+	color:#666;
 }
-
-
-
-#tbk  {
-
-
-
-	font-family:"LiHei","LiHei Pro Medium", "Microsoft YaHei", "Microsoft JhengHei","STHeiti", Arial, Helvetica, sans-serif;
-
-
-
-	font-weight:bold;
-
-
-
-	font-size:4em;
-
-
-
-	line-height:1;
-
-
-
-	text-align:center;
-
-
-
-	color:#003;
-
-
-
-	margin-bottom:.5em;
-
-
-
-	letter-spacing: .2em;
-
-
-
-	-moz-text-shadow: 0 .08em .04em rgba(0,0,0,.2);
-
-
-
-	-webkit-text-shadow: 0 .04em .08em rgba(0,0,0,.2);
-
-
-
-	-o-text-shadow: 0 .04em .08em rgba(0,0,0,.2);
-
-
-
-	text-shadow: 0 .08em .04em rgba(0,0,0,.2);
-
-
-
-background-color: #fff;
-
-
-
-
-
-
-
-}
-
-
-
-#qiugou0div {
-
-
-
-	align:center;
-
-
-
-}
-
-
-
-#chushou1div {
-
-
-
-	align:center;
-
-
-
-}
-
-
-
-a{
-
-
-
-	font-size:1em;
-
-
-
-	font-weight:normal;
-
-
-
-	line-height:1.625;
-
-
-
-	margin-bottom:0.8125em;
-
-
-
-
-
-        color: #4A4AFF;
-
-
-
-
-
-
-
-	-moz-text-shadow: 0 0px 5px rgba(0,0,0,.3);
-
-
-
-	-webkit-text-shadow: 0 0px 5px rgba(0,0,0,.3);
-
-
-
-	-o-text-shadow: 0 0px 5px rgba(0,0,0,.3);
-
-
-
-	text-shadow: 0 0px 5px rgba(0,0,0,.3);
-
-
-
-
-
-
-
-border-bottom: 2px solid #ccc;
-
-
-
-}
-
-
-
-
-
-
-
-
-
 #footer{
 	text-align:center;
 	margin:20px 10px;
 	color:#666;
 }
 
-fieldset {
-	padding:10px;
-	margin:10px;
-	width:auto;
-	color:#333;
-	border:#06c dashed 1px;
-}
-.side {
-	padding:10px;
-	margin:10px;
-	width:200px;
-	color:#333;
-	border:#06c dashed 1px;
-}
 legend {
 	color:#06c;
 	font-weight:800;
       后台
     </title>
     <link href="/static/main.css" rel="stylesheet" type="text/css" media="all" />
+    <style type="text/css">
+/*<![CDATA[*/
+    li.c1 {list-style: none}
+    /*]]>*/
+    </style>
   </head>
   <body>
-    {% include 'seo.html' %} {% include 'header.html' %} <script language="javascript" type=
-    "text/javascript">
-//<![CDATA[
-
-    //转载请保留出处 http://www.dwww.cn
-    function unselectall(){
-    if(document.myform.chkAll.checked){
-    document.myform.chkAll.checked = document.myform.chkAll.checked&0;
-    }
-    }
-    function CheckAll(form){
-    for (var i=0;i<form.elements.length;i++){
-    var e = form.elements[i];
-    if (e.Name != 'chkAll'&&e.disabled==false)
-    e.checked = form.chkAll.checked;
-    }
-    }
-    //]]>
-    </script>
-    <div>
+    {% include 'seo.html' %} {% include 'header.html' %}
+    <div style="float:left;">
       <fieldset>
         <legend>↓增加HTML/CSS↓</legend>
         <form action="/admin/addormodhtmlorcss" method="post">
-		  {% for COLLECTION in COLLECTIONS %} 
-		  <input type="radio" name='examkey' checked="checked" value="{{COLLECTION.key}}" /> <a href="/{{COLLECTION.url}}">{{COLLECTION.url}}</a>
-		  <br />
+          {% for COLLECTION in COLLECTIONS %} <input type="radio" name='examkey' checked="checked"
+          value="{{COLLECTION.key}}" /> <a href="/{{COLLECTION.url}}">{{COLLECTION.url}}</a><br />
           {% endfor %}
           <div>
-            <textarea rows="5" cols="40" name='head'></textarea>head
-            <textarea rows="5" cols="40" name='content'></textarea>content
+            <textarea rows="5" cols="40" name='head'>
+</textarea>head 
+            <textarea rows="5" cols="40" name='content'>
+</textarea>content
           </div><input type="text" name='title' />title<br />
           <input type="text" name='url' />url<br />
           <input type="radio" name='type' value="html" checked="checked" />html<br />
           <input type="radio" name='type' value="css" />css<br />
           <input type="checkbox" name='header' checked="checked" value="true" />header<br />
           <input type="checkbox" name='footer' checked="checked" value="true" />footer<br />
-
           <input type="submit" value="提交" />
         </form>
       </fieldset><br />
     </div>
-    <div>
+    <div style="float:left;">
       <fieldset>
         <legend>↓增加COLLECTION↓</legend>
         <form action="/admin/addcollection" method="post">
         </form>
       </fieldset><br />
     </div>
-    
-    <div>
-      {% for COLLECTION in COLLECTIONS %}
-		<h2>--{{COLLECTION.url}}--</h2>
-            {% for WORD in COLLECTION.content_set %}
- 			{% ifequal COLLECTION.url "default" %} <h3><a href="/{{WORD.url}}?mod=true">{{WORD.title}}</a></h3> {% endifequal %}
-			{% ifnotequal COLLECTION.url "default" %} <h3><a href="/{{COLLECTION.url}}/{{WORD.url}}?mod=true">{{WORD.title}}</a></h3> {% endifnotequal %}
-            {% endfor %}
-        {% endfor %}
-
+    <div id="pageurls">
+      <ul>
+        <li class="c1">
+          <h2>
+            {{COLLECTION.url}}
+          </h2>{% for WORD in COLLECTION.content_set %}
+        </li>
+        <li>
+          <a href="/{{COLLECTION.url}}/{{WORD.url}}">{{WORD.title}}</a>
+        </li>
+        <li class="c1">{% endfor %}
+        </li>
+      </ul>
     </div>
-{% include 'footer.html' %}
+    <div id="collectionurls">
+      <ul>
+        <li class="c1">{% for COLLECTION in COLLECTIONS %}
+        </li>
+        <li>{{COLLECTION.url}}
+        </li>
+        <li class="c1">
+          <div id="pageurls">
+            <ul>
+              <li class="c1">{% for WORD in COLLECTION.content_set %} {% ifequal COLLECTION.url "default" %}
+              </li>
+              <li>
+                <a href="/{{WORD.url}}?mod=true">{{WORD.title}}</a>
+              </li>
+              <li class="c1">{% endifequal %} {% ifnotequal COLLECTION.url "default" %}
+              </li>
+              <li>
+                <a href="/{{COLLECTION.url}}/{{WORD.url}}?mod=true">{{WORD.title}}</a>
+              </li>
+              <li class="c1">{% endifnotequal %} {% endfor %}
+              </li>
+            </ul>
+          </div>{% endfor %}
+        </li>
+      </ul>
+    </div>{% include 'footer.html' %}
   </body>
 </html>

tpl/collectionpage.html

     <title>
       CMS
     </title>
-	<link href="/static/main.css" rel="stylesheet" type="text/css" media="all" />
+    <link href="/static/main.css" rel="stylesheet" type="text/css" media="all" />
+  </head>
   </head>
   <body>
-    {% include 'seo.html' %} {% include 'header.html' %} 
-
-
-
-		<h2>{{COLLECTION.url}}</h2>
-            {% for WORD in COLLECTION.content_set %} 
-			<h3><a href="/{{COLLECTION.url}}/{{WORD.url}}">{{WORD.title}}</a></h3>
-
-            {% endfor %}
-
-
-
-	{% include 'footer.html' %}
+      {% include 'seo.html' %} {% include 'header.html' %}
+    <div id="collectionurls">
+      <ul>
+        <li class="c1">
+          <h2>
+            {{COLLECTION.url}}
+          </h2>{% for WORD in COLLECTION.content_set %}
+        </li>
+        <li>
+          <a href="/{{COLLECTION.url}}/{{WORD.url}}">{{WORD.title}}</a>
+        </li>
+        <li class="c1">{% endfor %}
+        </li>
+      </ul>
+    </div>
   </body>
 </html>
+{% include 'footer.html' %}
+  </body>
+</html>
-<div class="inner" align="center" style="font-size:24px;">
-{% for p in ps %}{% ifequal p page_current %}<span class="page_current">第{{ p }}页</span>{% else %}<a href="?p={{ p }}" class="page_normal">第{{ p }}页</a>{% endifequal %}{% endfor %}
-</div>
-<hr />
-<div align="center"> <h3>WEAKDANCER</h3></div>
+
+<div id="footer"><hr /><p>XXX@copyright</p><p>@weakdancer</p></div>
-<div id="header" style="text-align:center;float:top;"> 
- <hr />
-<a href='/'>home</a>
-<a href='/admin'>admin</a>
+<div id="header"> 
+<a href='/'>HOME</a>
+<a href='/admin'>ADMIN</a>
 <hr />
 </div>
 
     <title>
       {{CONTENT.title}}
     </title>
+{% if CONTENT.header %} 	<link href="/static/main.css" rel="stylesheet" type="text/css" media="all" /> {% endif %}
 	{{CONTENT.head}}
 	{% include 'seo.html' %}
   </head>

tpl/mainpage.html

     <title>
       CMS
     </title>
-	<link href="/static/main.css" rel="stylesheet" type="text/css" media="all" />
+    <link href="/static/main.css" rel="stylesheet" type="text/css" media="all" />
   </head>
   <body>
-    {% include 'seo.html' %} {% include 'header.html' %} 
+    {% include 'seo.html' %} {% include 'header.html' %}
+    <div id="pageurls">
+	<ul>
       {% for PAGE in DEFAULT.content_set %}
-		<h3><a href="/{{PAGE.url}}">{{PAGE.title}}</a></h3>
-        {% endfor %}
-<hr />
+      <li>
+        <a href="/{{PAGE.url}}">{{PAGE.title}}</a>
+      </li>{% endfor %}
+	</ul>
+    </div>
+    <div id="collectionurls">
+	<ul>
       {% for COLLECTION in COLLECTIONS %}
-		<h3><a href="/__{{COLLECTION.url}}">{{COLLECTION.url}}</a></h3>
-        {% endfor %}
-
-
-	{% include 'footer.html' %}
+      <li>
+        <a href="/__{{COLLECTION.url}}">{{COLLECTION.url}}</a>
+      </li>{% endfor %}
+	  </ul>
+    </div>{% include 'footer.html' %}
   </body>
 </html>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.