Mercurial Mercurial > renkan / changeset
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | raw | zip | gz | bz2 | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
css clean
authorcavaliet
Mon, 10 Feb 2014 12:08:10 +0100
changeset 254 128d9785b443
parent 253 9851e84a0b37
child 255 a6366edf1676
css clean
client/css/renkan.css file | annotate | diff | comparison | revisions
client/test-readonly-div.html file | annotate | diff | comparison | revisions 
--- a/client/css/renkan.css	Fri Feb 07 17:18:56 2014 +0100
+++ b/client/css/renkan.css	Mon Feb 10 12:08:10 2014 +0100
@@ -1,56 +1,37 @@
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    font-size: 100%;
-    font: inherit;
-    vertical-align: baseline;
+/* Renkan CSS */
+
+.Rk-Main ul, .Rk-Main li, .Rk-Main h4, .Rk-Main h3, .Rk-Main p {
+    border: 0 none; margin: 0; padding: 0;
 }
 
-ul, li {
+.Rk-Main ul, .Rk-Main li {
     list-style: none;
 }
 
-input::-moz-focus-inner /*Remove button padding in FF*/
+.Rk-Main input::-moz-focus-inner /*Remove button padding in FF*/
 { 
     border: 0;
     padding: 0;
 }
 
-table {
+.Rk-Main table {
     border-collapse: separate; border-spacing: 0;
 }
 
-th, td {
+.Rk-Main th, .Rk-Main td {
     vertical-align: top;
 }
 
-img a {
+.Rk-Main img a {
     border: none;
 }
 
-html {
-    overflow: hidden;
-}
-
-body {
+.Rk-Main {
     font-size: 10px; font-family: Arial, Helvetica, sans-serif;
     background: #ffffff; color: #000000;
 }
 
-a {
+.Rk-Main a {
     color: #6060c0;
 }
 
@@ -488,7 +469,7 @@
 }
 
 .Rk-Bins-Title {
-    width: 290px; height: 15px; line-height: 15px; padding: 15px 0 5px 10px;
+    border: 0 none; width: 290px; height: 15px; line-height: 15px; margin: 0; padding: 15px 0 5px 10px;
     background: #333333; font-size: 14px; color: #F0F0F0;
     background: -moz-linear-gradient(top, #1e1e1e 5px, #606060 30px);
     background: -webkit-linear-gradient(top, #1e1e1e 5px, #606060 30px);
@@ -571,7 +552,7 @@
     background: -webkit-linear-gradient(top, #505050 20%, #1e1e1e 80%);
     background: -ms-linear-gradient(top, #505050 20%, #1e1e1e 80%);
     border-bottom: 1px solid #666666; font-weight: bold;
-    font-size: 14px; padding: 5px; cursor: pointer; color: #f0f0f0;
+    font-size: 14px; padding: 5px; cursor: pointer; color: #f0f0f0; margin: 0; border: 0 none;
 }
 
 .Rk-Bin-Close {
--- a/client/test-readonly-div.html	Fri Feb 07 17:18:56 2014 +0100
+++ b/client/test-readonly-div.html	Mon Feb 10 12:08:10 2014 +0100
@@ -32,22 +32,30 @@
             width: 960px;
         }
         .header, .footer {
-		    font-size: 14px;
-		    height: 40px;
-		    padding-top: 10px;
-		}
+            font-size: 14px;
+            height: 40px;
+            padding-top: 10px;
+        }
+        .header{
+            height: 100px;
+        }
         .rnk-container{
-            height: 500px;
+            height: 700px;
             position: relative;
-            width: 600px;
+            width: 800px;
         }
         </style>
     </head>
 
     <body>
-	    <div class="header">
-	    This is a header
-	    </div>
+        <div class="header">
+        This is a header with no css override.
+        <ul>
+           <li>list item 1</li>
+           <li>list item 2</li>
+        </ul>
+        <p>This is a paragraphe. This is a <a href="#">link</a>.
+        </div>
         <div class="rnk-container">
             <div id="renkan"></div>
         </div>
renkan