[add] new style

inc/user.css

@@ -1,3 +1,11 @@
+html {
+  background: -moz-linear-gradient(center top , #434343, #cdcdcd) no-repeat scroll 0 0 transparent;
+}
+
+body {
+  background-color: inherit;
+}
+
 a {
   -moz-transition: all 100ms ease-in-out;
   -ms-transition: all 100ms ease-in-out;
@@ -16,19 +24,37 @@ pre code {
   overflow-x: auto;
   white-space: normal;
 }
+#linklist {
+  max-width: 80%;
+  margin: 0 auto;
+  padding: 0.3em;
+}
+#linklist li, #linklist li.private {
+  padding: 0.3em;
+  margin: 1em 0;
+  border: 1px solid #cdcdcd;
+  border-radius: 0.3em;
+  background: #fff;
+}
 
-#linklist li {
-padding: 4px 10px 10px 20px;
+#linklist li.publicLinkHightLight {
+  background: #fff;
+}
+
+.linktitle, .linkeditbuttons {
+  font-size: 1.6em;
+  font-weight: bold;
 }
 
 .linkInfo {
   float: left;
-  width: 220px;
+  width: 230px;
 }
 
 .linkcontainer {
-  margin-left: 220px;
-  padding-left:1%;
+  margin-left: 230px;
+  padding-left: 1%;
+  position: static;
 }
 
 .linktaglist {
@@ -41,17 +67,12 @@ padding: 4px 10px 10px 20px;
   margin: 4px 0;
 }
 
-#linklist li.private {
-  background: inherit;
-  padding: 4px 10px 15px 20px;
-}
-
 .private .linktitle a {
-  color: #80AD48;
+  color: #AAD378;
 }
 
 .private .linktitle a:hover {
-  color: #AAD378;
+  color: #F57900;
 }
 
 #findSnippet {
@@ -75,3 +96,29 @@ padding: 4px 10px 10px 20px;
 #findSnippet li a:hover {
   color: #AAD378;
 }
+
+.clearFix {
+  clear: both;
+  display: block;
+  min-width: 1px;
+  min-height: 1px;
+  margin: 0;
+  height: 0;
+}
+
+.paging {
+  border-radius: 0.3em;
+}
+
+#footer {
+  border-top: none;
+  color: #555;
+}
+
+@media handheld, only screen and (max-width: 560px) , only screen and (max-device-width: 854px) {
+  #linklist {
+    max-width: 100%;
+    margin: 0 auto;
+    padding: 0.3em;
+  }
+}

tpl/linklist.html

@@ -87,6 +87,7 @@
             </div>
             {/if}
           </div>
+          <span class="clearFix"></span>
           </li>
           {/loop}
       </ul>