Anonymous avatar Anonymous committed ad44f27

started to refactor css in view of preparing theme

Comments (0)

Files changed (5)

 def site_design(request, cname):
     return render_response('site/design.html', site=request.site)
     
-    
-
         
 def proxy(request):
     """ simple proxy to manage remote connexion via ajax"""
         content_type = i["Content-Type"]
     else:
         content_type = 'text/plain'
-    print
     
     resp = y.read()
     

static/css/base.css

 @import url("reset.css");  /* reset css */
 @import url("typography.css");  /* Typography */
 @import url("layout.css");  /* Typography */
+@import url("theme.css");  /* Typography */
+
+
 
 /* class utilities */
 .hidden { display: none;}

static/css/layout.css

 body {
-    background: #e7e7e7;
+    
     min-width: 700px;
     color: #000;
 }
 
-
 html,
 body,
 #container {
 }
 
 a { border: 0;}
-a { color: #14456e;}
+
 
 #topheader {
     display: block;
 
 #page article {
     display: block;
-    background: #fff;
     padding: 10px;
-    border-right: 4px solid #d4d4d4;
-    border-left: 4px solid #d4d4d4;
-    border-bottom: 4px solid #d4d4d4;
-    background: #fff url("../images/roundedcorners.svg");
+    border-right: 4px solid;
+    border-left: 4px solid;
+    border-bottom: 4px solid;
+    background-image: url("../images/roundedcorners.svg");
     -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -khtml-border-bottom-left-radius: 5px;
 
 #phistory, #pdiff {
     display: block;
-    background: #fff;
     padding: 10px;
-    border: 4px solid #d4d4d4;
-    background: #fff url("../images/roundedcorners.svg");
+    border: 4px solid;
+    background-image: url("../images/roundedcorners.svg");
     -moz-border-radius: 5px;
     -khtml-border-radius: 5px;
     -webkit-radius: 5px;
     min-height: 350px;
 }
 
-#prevert p {
-    font-weight: bold;
-}
+
 
 #pdiff h4 {
-    border-bottom: 1px solid #ccc;
+    border-bottom: 1px solid;
 }
 
 /* tabs */
 ul.subsection_tabs {
 	list-style:none;
 	height:23px;
-	background:#d4d4d4 ;
 	-moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -khtml-border-top-left-radius: 5px;
 
 ul.subsection_tabs li.tab a {
 	display:block;
-	color:#666;
-	font-size: 11px;
 	margin: 0;
 	padding-left: 18px;
 	padding-top: 5px;
 	text-decoration: none;
-	font-weight: bold;
 }
 
- ul.subsection_tabs li.tab a:hover {
-	color:#666;
+ul.subsection_tabs li.tab a:hover {
 	text-decoration: underline;
 }
-ul.subsection_tabs li.tab a.active {
-    color: #000;
-}
+
 
 ul.subsection_tabs li.tab-view a {
     width: 53px;
 
 .page_infos { text-align: right;}
 .page_history {
-
     background: transparent url(../img/icon_history.png) 0 0 no-repeat;
     padding-left: 20px;
 }
 
 ul.page_infos  { 
     list-style: none;
-    border-top: 1px solid #ccc;
-    border-bottom: 1px solid #ccc;
+    border-top: 1px solid;
+    border-bottom: 1px solid;
 }
 ul.page_infos li {
     display: inline;
     padding: 0 10px 0 10px;
-    border-right:1px solid #ccc;
+    border-right:1px solid;
 }
 
 ul.page_infos li.last { border: none;}
 
 span.lineChange {
     display: inline;
-    font-family: courier;
     height: 15px;
     width: 216px;
 }
 
-del {
-    text-decoration: none;
-    background: #ff8888;
-    color: #000;
-}
-
-ins {
-    background: #99ff99;
-    text-decoration: none;
-    color: #000;
-}
-
-tr.rselected {
-    background: #E1F1B9;
-}
 
 
 
     margin-top: 15px;
 }
 
-#fpassword {
-    float: right;
-    display: block;
-}
-
 #page_wrapper {
     display: block;
     width: 100%;
     clear: both;
 }
-#claim-wrapper {
-    position: relative;
-    width: 500px;
-    margin: 100px auto;
-}
-
-#claim-wrapper form {
-    background: #fff;
-    padding: 15px;
-    border: 1px solid #ccc;
-}
-
-
-
-#fclaim th,
-#fclaim td {
-    padding-right: 15px;
-    padding-top: 10px;
-    vertical-align: top;
-}
-
-#fclaim th {
-    color: #666;
-    font-weight: bold;
-}
-
-#fclaim td.first-row { padding-top: 0;}
-
 
 .claim { 
     float: right; 
     display: block;
     margin-right: 2.5em;
     margin-bottom: 15px;
-    font-weight: bold;
-    
-    background: #000 url("../img/roundedcorners.svg");; 
+    background-image: url("../img/roundedcorners.svg"); 
    	-moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -khtml-border-bottom-left-radius: 5px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     padding: 5px;
-    color: #fff;
-    text-decoration: none;
+    
+    
 }
 
-td.wrap {
-    white-space: pre-wrap; /* css-3 */
-    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
-    white-space: -pre-wrap; /* Opera 4-6 */
-    white-space: -o-pre-wrap; /* Opera 7 */
-    word-wrap: break-word; /* Internet Explorer 5.5+ */
-}
-
-table.privacy { width: 250px;}
-table.privacy input[type="radio"] { margin-right: 10px;}
-
-
 
 /* window */
 #snippet_window_title {
     margin-left: 15px;
     margin-bottom:7px;  
     font-size:14px;
-    font-weight: bold;  
     cursor:move;
 }
 
 #snippet_window {  
-    background: #dedede url("../images/roundedcorners.svg");; 
+    background-image: url("../images/roundedcorners.svg");
     -moz-border-radius: 5px;  
     -webkit-border-radius: 5px;  
     -khtml-border-radius: 5px;  
     padding:10px;  
-    font-family:"Lucida Grande",Verdana;  
-    font-size:13px;  
-    font-weight:bold;  
-    color:#504845;  
     min-width:200px;  
     min-height:150px;  
-    border: 4px solid #ababab;
+    border: 4px solid;
 } 
  
 #snippet_window form {
-    
     position: relative;
 }
  
     height:13px;  
     width:13px;  
     background-image:url("../img/window_close.gif");  
-    cursor:pointer;  
-    cursor:hand;  
+    cursor: pointer;
+    cursor: hand;  
 }
 #snippet_window form table {
-    background: #f7f7f7;
     width: 100%;
     margin: 5px 0 5px 0;
 }
 }
 
 input, textarea {
-    border-color:#C6C6C6 #EFEFEF #EFEFEF #C6C6C6;
-    border-style:solid;
-    border-width:1px;
+    border-style:solid solid solid solid;
+    border-width:1px 1px 1px 1px;
     margin:4px 4px 0 0;
     padding:2px;
     
 }
 
 #snippet_window input[type="submit"] {
-    background: #cec6b5;
-    border: 1px solid #7a7261;
+    border: 1px solid;
 }
 
 
 
 a#doCreate {
     display: block;
-    /*background: transparent url(../img/icon_create.png) 0 0 no-repeat;
-    padding-left: 20px;*/
     line-height: 18px;
     height: 18px;
     
 .box {
     display: block;
    position: relative;
-    background: #fff;
     width: 84%;
-    background: #fff url("../images/roundedcorners.svg");
+    background-image: url("../images/roundedcorners.svg");
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        -khtml-border-radius: 5px;  
 
 .box h4 {
     padding: 2px 0 2px 2px;
-    background: #f4f4f4 url("../images/roundedcorners.svg");
+    background-image: url("../images/roundedcorners.svg");
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -khtml-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
-    color: #444;
-    font-size: 10px;
+    
+    
     margin-bottom: 10px;
     
     
 
 input#srevert,
 input#scompare {
-    /*font-weight: bold;*/
-    background: #cec6b5;
-    border: 1px solid #7a7261;
+    border: 1px solid;
     margin-left: 10px;
 }
 
 }
 
 th.linenos {
-    background: #f4f4f4;
-    color: #666;
-    font-weight: bold;
     width: 15px;
 }
 td.linenos { 
     padding: 0 5px; 
 }
  
-.linenos .special { 
-    font-weight: bold; color: #000;
-    }
  
 td.code {
 
 }
 table.difftabular {
     width: 100%;
-    background: #fff;
+    
     color: #000;
 }
 
 table.difftabular th {
-    background: #f7f7f0;
     width: 2em;
-    text-align: center;
 }
 
 table.difftabular th.linenos {
     border: 0;
-    text-align: center;
 }
 tr.tabularh th.linenos {
-    color: #000;
     padding-bottom: 5px;
 }
 
 tbody.hidenos th.linenos {
     display: none;
 }
-tr.base {
-    background: #ffd8d8;
-}
+
 tr.base td.c,
 th.diffm {
-    border-right: 1px solid #aa3333;
+    border-right: 1px solid;
 }
 
 th.diffp,
 tr.changed td.c {
-    border-right: 1px solid #33aa33;
-}
-
-tr.changed {
-    background: #ddf8cc;
+    border-right: 1px solid;
 }
 
 tr.changed td.first {
-    border-top: 1px solid #33aa33;
+    border-top: 1px solid;
 }
 tr.changed .last {
-    border-bottom: 1px solid #33aa33;
+    border-bottom: 1px solid;
 }
 
 tr.base td.first {
-    border-top: 1px solid #aa3333;
+    border-top: 1px solid;
 }
 tr.base .last {
-    border-bottom: 1px solid #aa3333;
+    border-bottom: 1px solid;
 }

static/css/theme.css

+body {
+    background-color: #e7e7e7;
+}
+
+a { color: #14456e;}
+
+#page article {
+    background-color: #fff;
+    border-right-color:#d4d4d4;
+    border-left-color: #d4d4d4;
+    border-bottom-color: #d4d4d4;
+}
+
+
+#phistory, #pdiff {
+    background-color: #fff;
+    border-color: #d4d4d4;
+}
+
+#pdiff h4 {
+    border-bottom-color: #ccc;
+}
+
+ul.subsection_tabs {
+    background-color:#d4d4d4 ;
+}
+
+ul.subsection_tabs li.tab a {
+    color: #666;
+}
+
+ul.subsection_tabs li.tab a.active {
+    color: #000;
+}
+
+ul.page_infos  { 
+    border-top-color: #ccc;
+    border-bottom-color: #ccc;
+}
+
+ul.page_infos li {
+    border-right-color: #ccc;
+}
+
+del {
+    background-color: #ff8888;
+    color: #000;
+}
+
+
+ins {
+    background-color: #99ff99;
+    color: #000;
+}
+
+tr.rselected {
+    background-color: #E1F1B9;
+}
+
+#snippet_window {
+    background-color: #dedede;
+    color:#504845;
+    border: #ababab;
+}
+
+#snippet_window form table {
+    background-color: #f7f7f7;
+}
+
+input, textarea {
+    border-color:#C6C6C6 #EFEFEF #EFEFEF #C6C6C6;
+}
+
+#snippet_window input[type="submit"] {
+    background-color: #cec6b5;
+    border-color: #7a7261;
+}
+
+.box {
+    background-color: #fff;
+}
+
+.box h4 {
+    background-color: #f4f4f4;
+    color: #444;
+}
+
+
+input#srevert,
+input#scompare {
+    background-color: #cec6b5;
+    border-color: #7a7261;
+}
+
+th.linenos {
+    background-color: #f4f4f4;
+    color: #666;
+}
+.linenos .special { 
+    color: #000;
+}
+
+
+table.difftabular {
+    background-color: #fff;
+}
+table.difftabular th {
+    background-color: #f7f7f0;
+}
+
+tr.tabularh th.linenos {
+    color: #000;
+}
+
+
+tr.changed {
+    background-color: #ddf8cc;
+}
+
+tr.changed td.first {
+    border-top-color: #33aa33;
+}
+tr.changed .last {
+    border-bottom-color:  #33aa33;
+}
+
+tr.base td.first {
+    border-top-color: #aa3333;
+}
+tr.base .last {
+    border-bottom-color: #aa3333;
+}
+
+
+.claim {
+    background-color: #000; 
+    color: #fff;
+}

static/css/typography.css

 	font-weight: bold;
     font-size: 12px;
 }
+
+#prevert p {
+    font-weight: bold;
+}
+
+#snippet_window {
+    font-size:13px;
+}
+
+.box h4 {
+    font-size: 10px;
+}
+
+tr.base {
+    background: #ffd8d8;
+}
+
+tr.base td.c,
+th.diffm {
+    border-right-color: #aa3333;
+}
+
+th.diffp,
+tr.changed td.c {
+    border-right-color: #33aa33;
+}
+
+ul.subsection_tabs li.tab a {
+    font-size: 11px;
+    font-weight: bold;
+}
+
+
+span.lineChange {
+    font-family: courier;
+}
+
+del {
+    text-decoration: none;
+    
+}
+
+ins {
+    text-decoration: none;
+}
+
+#snippet_window_title {
+    font-size:14px;
+    font-weight: bold;  
+    cursor:move;
+}
+
+#snippet_window {
+    font-weight:bold;  
+} 
+
+th.linenos {
+    font-weight: bold;
+}
+.linenos .special { 
+    font-weight: bold; 
+}
+
+table.difftabular th {
+    text-align: center;
+}
+
+table.difftabular th.linenos {
+    text-align: center;
+}
+
+.claim {
+    font-weight: bold;
+    text-decoration: none;
+}
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.