some templates fixes, merged css.

rhodecode/public/css/style.css

@@ -1,6 +1,55 b''
-/* -----------------------------------------------------------
+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, font, 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 {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    font-size: 100%;
+    vertical-align: baseline;
+    background: transparent;
+}
+body {
+    line-height: 1;
+}
+ol, ul {
+    list-style: none;
+}
+blockquote, q {
+    quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content: '';
+    content: none;
+}
+
+:focus {
+    outline: 0;
+}
+
+ins {
+    text-decoration: none;
+}
+del {
+    text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+/*
 	main stylesheet
------------------------------------------------------------ */ 
+*/ 
 
 html
 {
@@ -17,9 +66,9 b' body'
 	font-size: 12px;
 }
 
-/* -----------------------------------------------------------
+/*
 	images
------------------------------------------------------------ */ 
+*/ 
 
 img
 {
@@ -30,9 +79,9 b' img.icon{'
     vertical-align: bottom;
 
 }
-/* -----------------------------------------------------------
+/*
 	anchors
------------------------------------------------------------ */ 
+*/ 
 
 a
 {
@@ -47,9 +96,9 b' a:hover'
 	text-decoration: underline;
 }
 
-/* -----------------------------------------------------------
+/*
 	headings
------------------------------------------------------------ */ 
+*/ 
 
 h1, h2, h3, h4, h5, h6
 {
@@ -87,9 +136,9 b' h6'
     font-size: 11px; 
 }
 
-/* -----------------------------------------------------------
+/*
 	lists
------------------------------------------------------------ */ 
+*/ 
 
 ul.circle { list-style-type: circle; }
 ul.disc { list-style-type: disc; }
@@ -100,9 +149,9 b' ol.lower-alpha { list-style-type: lower-'
 ol.upper-alpha { list-style-type: upper-alpha; }
 ol.decimal  { list-style-type: decimal; }
 
-/* -----------------------------------------------------------
+/*
 	colors
------------------------------------------------------------ */ 
+*/ 
 
 div.color
 {
@@ -154,9 +203,9 b' div.color a.greyblue'
     background: #566e86;
 }
 
-/* -----------------------------------------------------------
+/*
 	options
------------------------------------------------------------ */ 
+*/ 
 
 div.options
 {
@@ -182,9 +231,9 b' div.options a:hover'
 	text-decoration: none;	
 }
 
-/* -----------------------------------------------------------
+/*
 	header
------------------------------------------------------------ */ 
+*/ 
 
 #header
 {
@@ -194,9 +243,9 b' div.options a:hover'
 }
 
 
-/* -----------------------------------------------------------
-	header -> user
------------------------------------------------------------ */ 
+/*
+	header / user
+*/ 
 
 #header ul#logged-user
 {
@@ -262,13 +311,13 b' div.options a:hover'
 	height: 40px;
 	clear: both;
 	position: relative;
-	background: #003367 url("../images/colors/blue/header_inner.png") repeat-x;
+	background: #003367 url("../images/header_inner.png") repeat-x;
 	border-bottom: 6px solid #ffffff;
 }
 
-/* -----------------------------------------------------------
-	header -> home
------------------------------------------------------------ */ 
+/*
+	header / home
+*/ 
 
 #header #header-inner #home
 {
@@ -282,7 +331,7 b' div.options a:hover'
 	height: 40px;
 	width: 46px;
 	display: block;
-	background: url("../images/colors/blue/button_home.png");
+	background: url("../images/button_home.png");
 	background-position: 0 0;	
 }
 
@@ -291,9 +340,9 b' div.options a:hover'
 	background-position: 0 -40px;	
 }
 
-/* -----------------------------------------------------------
-	header -> logo
------------------------------------------------------------ */ 
+/*
+	header / logo
+*/ 
 
 #header #header-inner #logo
 {
@@ -320,9 +369,9 b' div.options a:hover'
 	color: #dabf29;
 }
 
-/* -----------------------------------------------------------
-	header -> quick
------------------------------------------------------------ */ 
+/*
+	header / quick
+*/ 
 #header #header-inner #quick,
 #header #header-inner #quick ul
 {
@@ -351,7 +400,7 b' div.options a:hover'
     display: block;
     clear: both;
     overflow: hidden;
-    background: #336699 url("../../resources/images/colors/blue/quick_l.png") no-repeat top left;
+    background: #336699 url("../../resources/images/quick_l.png") no-repeat top left;
     color: #FFFFFF;
     font-weight: bold;
     text-decoration: none;
@@ -366,7 +415,7 b' div.options a:hover'
     height: 1%;
     display: block;
     float: left;
-    background: url("../../resources/images/colors/blue/quick_r.png") no-repeat top right;
+    background: url("../../resources/images/quick_r.png") no-repeat top right;
     border-left: 1px solid #3f6f9f;
 }
 
@@ -381,19 +430,19 b' div.options a:hover'
     top: 0;
     left: 0;
     padding: 8px 8px 4px 8px;
-    background: url("../../resources/images/colors/blue/quick_l.png") no-repeat top left;
+    background: url("../../resources/images/quick_l.png") no-repeat top left;
     border-left: none;
     border-right: 1px solid #2e5c89;
 }
 
 #header #header-inner #quick li a:hover
 {
-    background: #4e4e4e url("../../resources/images/colors/blue/quick_l_selected.png") no-repeat top left;
+    background: #4e4e4e url("../../resources/images/quick_l_selected.png") no-repeat top left;
 }
 
 #header #header-inner #quick li a:hover span
 {
-    background: url("../../resources/images/colors/blue/quick_r_selected.png") no-repeat top right;
+    background: url("../../resources/images/quick_r_selected.png") no-repeat top right;
     border-left: 1px solid #545454;
 }
 
@@ -404,7 +453,7 b' div.options a:hover'
 
 #header #header-inner #quick li a:hover span.icon
 {
-    background: url("../../resources/images/colors/blue/quick_l_selected.png") no-repeat top left;
+    background: url("../../resources/images/quick_l_selected.png") no-repeat top left;
     border-left: none;
     border-right: 1px solid #464646;
 }
@@ -615,16 +664,16 b' div.options a:hover'
     padding:12px 9px 7px 24px;
     width:167px;        
 }
-/* -----------------------------------------------------------
+/*
 	header corners
------------------------------------------------------------ */ 
+*/ 
 
 #header #header-inner div.corner
 {
 	height: 6px;
 	width: 6px;
 	position: absolute;
-	background: url("../images/colors/blue/header_inner_corners.png") no-repeat;
+	background: url("../images/header_inner_corners.png") no-repeat;
 }
 
 #header #header-inner div.tl
@@ -641,9 +690,9 b' div.options a:hover'
     background-position: -6px 0;
 }
 
-/* -----------------------------------------------------------
+/*
 	content
------------------------------------------------------------ */ 
+*/ 
 
 #content 
 {
@@ -655,9 +704,9 b' div.options a:hover'
 	background: url("../images/content.png") repeat-y top left;	
 }
 
-/* -----------------------------------------------------------
-	content -> left
------------------------------------------------------------ */ 
+/*
+	content / left
+*/ 
 
 #content #left
 {
@@ -666,9 +715,9 b' div.options a:hover'
 	position: absolute;
 }
 
-/* -----------------------------------------------------------
-	content -> left -> menu
------------------------------------------------------------ */ 
+/*
+	content / left / menu
+*/ 
 
 #content #left #menu
 {
@@ -678,9 +727,9 b' div.options a:hover'
 	overflow: hidden;
 }
 
-/* -----------------------------------------------------------
-	content -> left -> menu / heading
------------------------------------------------------------ */ 
+/*
+	content / left / menu / heading
+*/ 
 
 #content #left #menu h6
 {
@@ -716,24 +765,24 b' div.options a:hover'
 
 #content #left #menu h6.selected
 {
-	background: #00376e url("../images/colors/blue/menu_selected.png") repeat-x;
+	background: #00376e url("../images/menu_selected.png") repeat-x;
 	color: #FFFFFF;
 }
 
 #content #left #menu h6.selected a
 {
-	background: url("../images/colors/blue/menu_l_selected.png") no-repeat top left;
+	background: url("../images/menu_l_selected.png") no-repeat top left;
 	color: #ffffff;
 }
 
 #content #left #menu h6.selected span
 {
-	background: url("../images/colors/blue/menu_r_selected.png") no-repeat top right;
-}
-
-/* -----------------------------------------------------------
-	content -> left -> menu / links
------------------------------------------------------------ */
+	background: url("../images/menu_r_selected.png") no-repeat top right;
+}
+
+/*
+	content / left / menu / links
+*/
 
 #content #left #menu ul
 {
@@ -780,13 +829,13 b' div.options a:hover'
 	color: #b9dcff;
 }
 
-/* -----------------------------------------------------------
-	content -> left -> menu / collapsible
------------------------------------------------------------ */ 
+/*
+	content / left / menu / collapsible
+*/ 
 
 #content #left #menu li.collapsible
 {
-	background: url("../images/colors/blue/menu_border.png") no-repeat top left;
+	background: url("../images/menu_border.png") no-repeat top left;
 }
 
 #content #left #menu li.collapsible a
@@ -862,9 +911,9 b' div.options a:hover'
 	border-bottom: none;
 }
 
-/* -----------------------------------------------------------
-	content -> left -> date picker
------------------------------------------------------------ */ 
+/*
+	content / left / date picker
+*/ 
 
 #content #left #date-picker
 {
@@ -913,18 +962,18 b' div.options a:hover'
 	right: 4px;
 }
 
-/* -----------------------------------------------------------
-	content -> right
------------------------------------------------------------ */ 
+/*
+	content / right
+*/ 
 
 #content #right
 {
 	margin: 0 60px 10px 290px;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> box
------------------------------------------------------------ */
+/*
+	content / right / box
+*/
 
 #content div.box
 {
@@ -951,9 +1000,9 b' div.options a:hover'
 	float: right;	
 }
 
-/* -----------------------------------------------------------
-	content -> right -> box / title
------------------------------------------------------------ */
+/*
+	content / right / box / title
+*/
 
 #content div.box div.title
 {
@@ -961,7 +1010,7 b' div.options a:hover'
 	padding: 0;
 	clear: both;
 	overflow: hidden;
-	background: #336699 url("../images/colors/blue/title.png") repeat-x;
+	background: #336699 url("../images/title.png") repeat-x;
 }
 
 #content div.box div.title h5
@@ -996,7 +1045,7 b' div.options a:hover'
 	height: 1%;
 	display: block;
 	float: left;
-	background: url("../images/colors/blue/title_link.png") no-repeat top left;
+	background: url("../images/title_link.png") no-repeat top left;
 	border-left: 1px solid #316293;
 	color: #ffffff;
 	font-size: 11px;
@@ -1011,13 +1060,13 b' div.options a:hover'
 
 #content div.box div.title ul.links li.ui-tabs-selected a
 {
-	background: url("../../../resources/images/colors/blue/title_tab_selected.png") no-repeat bottom center;
+	background: url("../../../resources/images/title_tab_selected.png") no-repeat bottom center;
 	color: #bfe3ff;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> box / headings
------------------------------------------------------------ */
+/*
+	content / right / box / headings
+*/
 
 #content div.box h1,
 #content div.box h2,
@@ -1033,9 +1082,9 b' div.options a:hover'
     border-bottom: 1px solid #DDDDDD;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> box / paragraphs
------------------------------------------------------------ */
+/*
+	content / right / box / paragraphs
+*/
 
 #content div.box p
 {
@@ -1062,9 +1111,9 b' div.options a:hover'
     padding: 0; 
 }
 
-/* -----------------------------------------------------------
-	content -> right -> box / lists
------------------------------------------------------------ */
+/*
+	content / right / box / lists
+*/
 
 #content div.box dl
 {
@@ -1128,9 +1177,9 b' div.options a:hover'
     margin: 10px 24px 10px 40px; 
 }
 
-/* -----------------------------------------------------------
-	content -> right -> box / images
------------------------------------------------------------ */
+/*
+	content / right / box / images
+*/
 
 #content div.box img.left
 {
@@ -1146,9 +1195,9 b' div.options a:hover'
 	float: right;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> box / messages
------------------------------------------------------------ */ 
+/*
+	content / right / box / messages
+*/ 
 
 #content div.box div.messages
 {
@@ -1283,9 +1332,9 b' div.options a:hover'
     color: #4e6100;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> box / forms
------------------------------------------------------------ */
+/*
+	content / right / box / forms
+*/
 
 #content div.box div.form
 {
@@ -1342,9 +1391,9 b' div.options a:hover'
 	color: #316309;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> labels
------------------------------------------------------------ */
+/*
+	content / right / forms / labels
+*/
 
 #content div.box div.form div.fields div.field div.label
 {
@@ -1368,9 +1417,9 b' div.options a:hover'
 
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> label (select)
------------------------------------------------------------ */
+/*
+	content / right / forms / label (select)
+*/
 
 #content div.box div.form div.fields div.field div.label-select
 {
@@ -1383,27 +1432,27 b' div.options a:hover'
 	padding: 0 0 8px 0;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> label (checkbox)
------------------------------------------------------------ */
+/*
+	content / right / forms / label (checkbox)
+*/
 
 #content div.box div.form div.fields div.field div.label-checkbox
 {
 	padding:0 0 0 5px !important;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> label (radio)
------------------------------------------------------------ */
+/*
+	content / right / forms / label (radio)
+*/
 
 #content div.box div.form div.fields div.field div.label-radio
 {
 	padding:0 0 0 5px !important;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> label (textarea)
------------------------------------------------------------ */
+/*
+	content / right / forms / label (textarea)
+*/
 
 #content div.box div.form div.fields div.field div.label-textarea
 {
@@ -1416,9 +1465,9 b' div.options a:hover'
 	padding: 0 0 8px 0 !important;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> labels (label)
------------------------------------------------------------ */
+/*
+	content / right / forms / labels (label)
+*/
 
 #content div.box div.form div.fields div.field div.label label
 {
@@ -1435,9 +1484,9 b' div.options a:hover'
 	color: #363636;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> input
------------------------------------------------------------ */
+/*
+	content / right / forms / input
+*/
 
 #content div.box div.form div.fields div.field div.input
 {
@@ -1537,9 +1586,9 b' div.options a:hover'
     margin: 0 0 0 6px;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> input (file styling)
------------------------------------------------------------ */
+/*
+	content / right / forms / input (file styling)
+*/
 
 #content div.box div.form div.fields div.field div.input a.ui-input-file
 {
@@ -1561,9 +1610,9 b' div.options a:hover'
     background: #e5e3e3 url("../images/button_browse_selected.png") no-repeat;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> textarea
------------------------------------------------------------ */
+/*
+	content / right / forms / textarea
+*/
 
 #content div.box div.form div.fields div.field div.textarea
 {
@@ -1629,9 +1678,9 b' div.options a:hover'
     border: 1px solid #C6D880;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> textarea (tinymce editor)
------------------------------------------------------------ */
+/*
+	content / right / forms / textarea (tinymce editor)
+*/
 
 #content div.box div.form div.fields div.field div.textarea table
 {
@@ -1673,9 +1722,9 b' div.options a:hover'
 	background: #b1b1b1;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> select
------------------------------------------------------------ */
+/*
+	content / right / forms / select
+*/
 
 #content div.box div.form div.fields div.field div.select
 {
@@ -1694,9 +1743,9 b' div.options a:hover'
     margin: 0;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> select (jquery styling)
------------------------------------------------------------ */
+/*
+	content / right / forms / select (jquery styling)
+*/
 
 #content div.box div.form div.fields div.field div.select a.ui-selectmenu-focus
 {
@@ -1720,9 +1769,9 b' div.options a:hover'
 	background-image: url(../images/ui/ui-icons_222222_256x240.png);
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> element focus
------------------------------------------------------------ */
+/*
+	content / right / forms / element focus
+*/
 
 #content div.box div.form div.fields div.field input[type=text]:focus, 
 #content div.box div.form div.fields div.field input[type=password]:focus,
@@ -1734,9 +1783,9 b' div.options a:hover'
     border-color: #666;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> checkboxes
------------------------------------------------------------ */
+/*
+	content / right / forms / checkboxes
+*/
 
 #content div.box div.form div.fields div.field div.checkboxes
 {
@@ -1766,9 +1815,9 b' div.options a:hover'
 	float: left;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> radios
------------------------------------------------------------ */
+/*
+	content / right / forms / radios
+*/
 
 #content div.box div.form div.fields div.field div.radios
 {
@@ -1797,9 +1846,9 b' div.options a:hover'
 	display: block;
 	float: left;
 }
-/* -----------------------------------------------------------
-	content -> right -> forms -> button
------------------------------------------------------------ */
+/*
+	content / right / forms / button
+*/
 
 div.form div.fields div.field div.button
 {
@@ -1852,7 +1901,7 b' div.form div.fields div.field div.highli'
 {
 	margin: 0;
 	padding: 6px 12px 6px 12px;
-	background: #4e85bb url("../images/colors/blue/button_highlight.png") repeat-x;
+	background: #4e85bb url("../images/button_highlight.png") repeat-x;
 	border-top: 1px solid #5c91a4;
 	border-left: 1px solid #2a6f89;
 	border-right: 1px solid #2b7089;
@@ -1864,7 +1913,7 b' div.form div.fields div.field div.highli'
 {
 	margin: 0;
 	padding: 6px 12px 6px 12px;
-	background: #46a0c1 url("../images/colors/blue/button_highlight_selected.png") repeat-x;
+	background: #46a0c1 url("../images/button_highlight_selected.png") repeat-x;
 	border-top: 1px solid #78acbf;
 	border-left: 1px solid #34819e;
 	border-right: 1px solid #35829f;
@@ -1873,9 +1922,9 b' div.form div.fields div.field div.highli'
 }
 
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> buttons
------------------------------------------------------------ */
+/*
+	content / right / forms / buttons
+*/
 
 #content div.box div.form div.fields div.buttons
 {
@@ -1897,9 +1946,9 b' div.form div.fields div.field div.highli'
 	font-size: 11px;
 	font-weight: bold;
 }
-/* -----------------------------------------------------------
-	content -> right -> forms -> buttons
------------------------------------------------------------ */
+/*
+	content / right / forms / buttons
+*/
 
 div.form div.fields div.buttons
 {
@@ -1922,9 +1971,9 b' div.form div.fields div.buttons input'
 	font-weight: bold;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> forms -> buttons (jquery styling)
------------------------------------------------------------ */
+/*
+	content / right / forms / buttons (jquery styling)
+*/
 
 #content div.box div.form div.fields div.buttons input.ui-state-default
 {
@@ -1961,7 +2010,7 b' div.form div.fields div.buttons input'
 {
     margin: 0;
     padding: 6px 12px 6px 12px;
-    background: #4e85bb url("../images/colors/blue/button_highlight.png") repeat-x;
+    background: #4e85bb url("../images/button_highlight.png") repeat-x;
     border-top: 1px solid #5c91a4;
     border-left: 1px solid #2a6f89;
     border-right: 1px solid #2b7089;
@@ -1973,7 +2022,7 b' div.form div.fields div.buttons input'
 {
     margin: 0;
     padding: 6px 12px 6px 12px;
-    background: #46a0c1 url("../images/colors/blue/button_highlight_selected.png") repeat-x;
+    background: #46a0c1 url("../images/button_highlight_selected.png") repeat-x;
     border-top: 1px solid #78acbf;
     border-left: 1px solid #34819e;
     border-right: 1px solid #35829f;
@@ -1981,9 +2030,9 b' div.form div.fields div.buttons input'
     color: #FFFFFF;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> box / tables
------------------------------------------------------------ */
+/*
+	content / right / box / tables
+*/
 
 #content div.box div.table
 {
@@ -2084,9 +2133,9 b' div.form div.fields div.buttons input'
 	text-align: center;
 }
 
-/* -----------------------------------------------------------
-	content -> right -> box / table action
------------------------------------------------------------ */
+/*
+	content / right / box / table action
+*/
 
 #content div.box div.action
 {
@@ -2166,9 +2215,9 b' div.form div.fields div.buttons input'
 	background-image: url(../images/ui/ui-icons_222222_256x240.png);
 }
 
-/* -----------------------------------------------------------
-	content -> right -> pagination
------------------------------------------------------------ */
+/*
+	content / right / pagination
+*/
 
 #content div.box div.pagination
 {
@@ -2271,9 +2320,9 b' div.form div.fields div.buttons input'
     border-bottom: 1px solid #afafaf;
 }
 
-/* -----------------------------------------------------------
-	content -> webhelpers pagination
------------------------------------------------------------ */
+/*
+	content / webhelpers pagination
+*/
 
 #content div.box div.pagination-wh
 {
@@ -2365,9 +2414,9 b' div.form div.fields div.buttons input'
 }
 
 
-/* -----------------------------------------------------------
-	content -> right -> traffic chart
------------------------------------------------------------ */
+/*
+	content / right / traffic chart
+*/
 
 #content div.box div.traffic
 {
@@ -2437,9 +2486,9 b' div.form div.fields div.buttons input'
 	padding: 0 3px 2px 3px;
 }
 
-/* -----------------------------------------------------------
+/*
 	footer
------------------------------------------------------------ */
+*/
 
 #footer
 {
@@ -2458,9 +2507,9 b' div.form div.fields div.buttons input'
     color: #ffffff;
 }
 
-/* -----------------------------------------------------------
+/*
 	login
------------------------------------------------------------ */
+*/
 
 #login
 {
@@ -2469,9 +2518,9 b' div.form div.fields div.buttons input'
 	width: 420px;
 }
 
-/* -----------------------------------------------------------
-	login -> colors
------------------------------------------------------------ */ 
+/*
+	login / colors
+*/ 
 
 #login div.color
 {
@@ -2492,9 +2541,9 b' div.form div.fields div.buttons input'
     float: left;
 }
 
-/* -----------------------------------------------------------
-	login -> title
------------------------------------------------------------ */ 
+/*
+	login / title
+*/ 
 
 #login div.title
 {
@@ -2504,7 +2553,7 b' div.form div.fields div.buttons input'
 	clear: both;
 	overflow: hidden;
 	position: relative;
-	background: #003367 url("../images/colors/blue/header_inner.png") repeat-x;
+	background: #003367 url("../images/header_inner.png") repeat-x;
 }
 
 #login div.title h5
@@ -2514,16 +2563,16 b' div.form div.fields div.buttons input'
 	color: #ffffff;	
 }
 
-/* -----------------------------------------------------------
-	login -> title / corners
------------------------------------------------------------ */ 
+/*
+	login / title / corners
+*/ 
 
 #login div.title div.corner
 {
 	height: 6px;
 	width: 6px;
 	position: absolute;
-	background: url("../images/colors/blue/login_corners.png") no-repeat;
+	background: url("../images/login_corners.png") no-repeat;
 }
 
 #login div.title div.tl
@@ -2550,9 +2599,9 b' div.form div.fields div.buttons input'
     border-bottom: none;
 }
 
-/* -----------------------------------------------------------
-	login -> form
------------------------------------------------------------ */
+/*
+	login / form
+*/
 
 #login div.form
 {
@@ -2713,9 +2762,9 b' div.form div.fields div.buttons input'
     color: #515151;
 }
 
-/* -----------------------------------------------------------
-	login -> links
------------------------------------------------------------ */
+/*
+	login / links
+*/
 
 #login div.form div.links
 {
@@ -2725,9 +2774,9 b' div.form div.fields div.buttons input'
     overflow: hidden;
 }
 
-/* -----------------------------------------------------------
+/*
 	register
------------------------------------------------------------ */
+*/
 
 #register
 {
@@ -2736,9 +2785,9 b' div.form div.fields div.buttons input'
 	width: 420px;
 }
 
-/* -----------------------------------------------------------
-	register -> colors
------------------------------------------------------------ */ 
+/*
+	register / colors
+*/ 
 
 #register div.color
 {
@@ -2759,9 +2808,9 b' div.form div.fields div.buttons input'
     float: left;
 }
 
-/* -----------------------------------------------------------
-	register -> title
------------------------------------------------------------ */ 
+/*
+	register / title
+*/ 
 
 #register div.title
 {
@@ -2771,7 +2820,7 b' div.form div.fields div.buttons input'
 	clear: both;
 	overflow: hidden;
 	position: relative;
-	background: #003367 url("../images/colors/blue/header_inner.png") repeat-x;
+	background: #003367 url("../images/header_inner.png") repeat-x;
 }
 
 #register div.title h5
@@ -2781,15 +2830,15 b' div.form div.fields div.buttons input'
 	color: #ffffff;	
 }
 
-/* -----------------------------------------------------------
-	register -> inner
------------------------------------------------------------ */
+/*
+	register / inner
+*/
 #register div.title div.corner
 {
 	height: 6px;
 	width: 6px;
 	position: absolute;
-	background: url("../images/colors/blue/login_corners.png") no-repeat;
+	background: url("../images/login_corners.png") no-repeat;
 }
 
 #register div.title div.tl
@@ -2816,9 +2865,9 b' div.form div.fields div.buttons input'
     border-bottom: none;
 }
 
-/* -----------------------------------------------------------
-	register -> form
------------------------------------------------------------ */
+/*
+	register / form
+*/
 
 #register div.form
 {
@@ -2968,7 +3017,7 b' div.form div.fields div.buttons input'
 }
 #register div.form div.fields div.buttons div.highlight input.ui-state-default
 {
-	background:url("../images/colors/blue/button_highlight.png") repeat-x scroll 0 0 #4E85BB;
+	background:url("../images/button_highlight.png") repeat-x scroll 0 0 #4E85BB;
 	border-color:#5C91A4 #2B7089 #1A6480 #2A6F89;
 	border-style:solid;
 	border-width:1px;
@@ -2995,9 +3044,9 b' div.form div.fields div.buttons input'
 	
 }
 
-/* -----------------------------------------------------------
+/*
 	SUMMARY
------------------------------------------------------------ */
+*/
 .trending_language_tbl, .trending_language_tbl td {
 	margin:  0px !important;
 	padding: 0px !important;
@@ -3025,9 +3074,9 b' div.form div.fields div.buttons input'
 #clone_url{
 	border: none;
 }
-/* -----------------------------------------------------------
+/*
     FILES
------------------------------------------------------------ */
+*/
 
 h3.files_location{
     font-size: 1.8em;
@@ -3052,9 +3101,9 b' h3.files_location{'
 }
 
 
-/* -----------------------------------------------------------
+/*
 	CHANGESETS
------------------------------------------------------------ */
+*/
 #changeset_content {
 	border:1px solid #CCCCCC;
 	padding:5px;
@@ -3129,9 +3178,9 b' h3.files_location{'
 	text-align: left;
 }
 
-/* -----------------------------------------------------------
+/*
 	CHANGESETS - CANVAS
------------------------------------------------------------ */
+*/
 
 #graph {
 	overflow: hidden;
@@ -3245,9 +3294,9 b' h3.files_location{'
     padding:6px 18px 0px 0px
 }
 
-/* -----------------------------------------------------------
+/*
 	FILE BROWSER
------------------------------------------------------------ */
+*/
 div.browserblock {
 	overflow: hidden;
 	padding: 0px;
@@ -3316,9 +3365,9 b' table.code-browser .browser-dir {'
 	text-align: left;
 }
 
-/* -----------------------------------------------------------
+/*
     SEARCH
------------------------------------------------------------ */
+*/
 
 .box .search {
 	clear:both;
@@ -3346,18 +3395,18 b' table.code-browser .browser-dir {'
 
 
 
-/* -----------------------------------------------------------
+/*
 	ADMIN - SETTINGS
------------------------------------------------------------ */
+*/
 #path_unlock{
 	color: red;
 	font-size: 1.2em;
 	padding-left: 4px;
 }
 
-/* -----------------------------------------------------------
+/*
     INFOBOX
------------------------------------------------------------ */
+*/
 .info_box *{
 	background:url("../../images/pager.png") repeat-x scroll 0 0 #EBEBEB;
 	border-color:#DEDEDE #C4C4C4 #C4C4C4 #CFCFCF;
@@ -3382,9 +3431,9 b' table.code-browser .browser-dir {'
 	padding:4px 3px 2px 2px;
 	text-align:center;
 }
-/* -----------------------------------------------------------
+/*
     YUI TOOLTIP
------------------------------------------------------------ */
+*/
 .yui-overlay,.yui-panel-container {
     visibility: hidden;
     position: absolute;
@@ -3408,9 +3457,9 b' table.code-browser .browser-dir {'
     display: none;
 }
 
-/* -----------------------------------------------------------
+/*
     YUI AUTOCOMPLETE 
------------------------------------------------------------ */
+*/
 
 .ac{
     vertical-align: top;
@@ -3490,9 +3539,9 b' table.code-browser .browser-dir {'
 }
 
 
-/* -----------------------------------------------------------
+/*
     ACTION ICONS
------------------------------------------------------------ */
+*/
 .add_icon {
     background: url("/images/icons/add.png") no-repeat scroll 3px ;
     height: 16px;
@@ -3554,9 +3603,9 b' table.code-browser .browser-dir {'
     color:#0066CC;
 }
 
-/* -----------------------------------------------------------
+/*
     REPO SWITCHER
------------------------------------------------------------ */
+*/
 
 #switch_repos{
 	position: absolute;
@@ -3568,9 +3617,9 b' table.code-browser .browser-dir {'
     max-height: 250px;
     z-index: 1;
 }
-/* -----------------------------------------------------------
+/*
     BREADCRUMBS
------------------------------------------------------------ */
+*/
 
 .breadcrumbs{
 	border:medium none;
@@ -3587,9 +3636,9 b' table.code-browser .browser-dir {'
 }
 
 
-/* -----------------------------------------------------------
+/*
     FLASH MSG
------------------------------------------------------------ */
+*/
 .flash_msg ul {
     margin: 0;
     padding: 0px 0px 10px 0px;
@@ -3647,9 +3696,9 b' table.code-browser .browser-dir {'
     top: 5px;
     width: 16px;
 }
-/* -----------------------------------------------------------
+/*
 	YUI FLOT
------------------------------------------------------------ */
+*/
 
 div#commit_history{
 	float: left;
@@ -3682,9 +3731,9 b' div#legend_choices{'
 	float:left;
 }
 
-/* -----------------------------------------------------------
+/*
     PERMISSIONS TABLE
------------------------------------------------------------ */
+*/
 table#permissions_manage{
     width: 0 !important;
 
@@ -3703,9 +3752,9 b' table#permissions_manage tr#add_perm_inp'
 
 }
 
-/* -----------------------------------------------------------
+/*
     GRAVATARS
------------------------------------------------------------ */
+*/
 div.gravatar{
 	background-color:white;
 	border:1px solid #D0D0D0;
@@ -3714,21 +3763,21 b' div.gravatar{'
 	padding: 2px 2px 0px;
 }
 
-/* -----------------------------------------------------------
+/*
     STYLING OF LAYOUT
------------------------------------------------------------ */
-
-
-/* -----------------------------------------------------------
+*/
+
+
+/*
     GLOBAL WIDTH
------------------------------------------------------------ */
+*/
 #header,#content,#footer{
     min-width: 1224px;
 }
 
-/* -----------------------------------------------------------
+/*
     content
------------------------------------------------------------ */ 
+*/ 
 
 #content 
 {
@@ -3740,9 +3789,9 b' div.gravatar{'
     background: transparent;
 }
 
-/* -----------------------------------------------------------
-    content -> right -> forms -> labels
------------------------------------------------------------ */
+/*
+    content / right / forms / labels
+*/
 
 #content div.box div.form div.fields div.field div.label
 {
@@ -3761,4 +3810,289 b' div.gravatar{'
     padding: 0 0 8px 0;
     width: auto;
     position: relative;
-}
  No newline at end of file
+}
+
+
+
+
+/*
+THEME
+
+*/
+
+/*
+    header
+*/ 
+
+#header #header-inner
+{
+    background: #b0b0b0 url("../../images/header_inner.png") repeat-x;
+}
+
+/*
+    header / home
+*/ 
+
+#header #header-inner #home a
+{
+    background: url("../../images/button_home.png");
+}
+
+/*
+    header / quick
+*/
+
+#header #header-inner #quick li a
+{
+    background: #336699 url("../../images/quick_l.png") no-repeat top left;
+}
+
+#header #header-inner #quick li span
+{
+    background: url("../../images/quick_r.png") no-repeat top right;
+    border-left: 1px solid #3f6f9f;
+}
+
+#header #header-inner #quick li span.icon
+{
+    background: url("../../images/quick_l.png") no-repeat top left;
+    border-right: 1px solid #2e5c89;
+}
+
+#header #header-inner #quick li a:hover
+{
+    background: #4e4e4e url("../../images/quick_l_selected.png") no-repeat top left;
+}
+
+#header #header-inner #quick li a:hover span
+{
+    background: url("../../images/quick_r_selected.png") no-repeat top right;
+}
+
+#header #header-inner #quick li a:hover span.icon
+{
+    background: url("../../images/quick_l_selected.png") no-repeat top left;
+}
+
+/*
+    header corners
+*/ 
+
+#header #header-inner div.corner
+{
+    background: url("../../images/header_inner_corners.png") no-repeat;
+}
+
+#header #header-inner div.tl
+{
+    top: 0;
+    left: 0;
+    background-position: 0 0;
+}
+
+#header #header-inner div.tr
+{
+    top: 0;
+    right: 0;
+    background-position: -6px 0;
+}
+
+/*
+    content / left / menu
+*/ 
+
+#content #left #menu h6.selected
+{
+    background: #00376e url("../../images/menu_selected.png") repeat-x;
+}
+
+#content #left #menu h6.selected a
+{
+    background: url("../../images/menu_l_selected.png") no-repeat top left;
+}
+
+#content #left #menu h6.selected span
+{
+    background: url("../../images/menu_r_selected.png") no-repeat top right;
+}
+
+#content #left #menu ul
+{
+    background: #376ea6;
+}
+
+#content #left #menu li
+{
+    border-top: 1px solid #4377ab;
+    border-bottom: 1px solid #326395;
+}
+
+#content #left #menu li a
+{
+    background: url("../../images/menu_arrow.png") no-repeat 0 9px;
+}
+
+#content #left #menu li a:hover
+{
+    color: #b9dcff;
+}
+
+#content #left #menu li.collapsible
+{
+    background: url("../../images/menu_border.png") no-repeat top left;
+}
+
+#content #left #menu li.collapsible a.minus
+{
+    border-bottom: 1px solid #326395;
+}
+
+#content #left #menu li ul
+{
+    border-left: 18px solid #326395;
+}
+
+#content #left #menu li ul li
+{
+    background: url("../../images/menu_arrow.png") no-repeat 10px 9px;
+    border-top: 1px solid #4377ab;
+    border-bottom: 1px solid #326395;
+}
+
+/*
+    content / right / box / title
+*/
+
+#content div.box div.title
+{
+    background: #336699 url("../../images/title.png") repeat-x;
+}
+
+#content div.box div.title ul.links li a
+{
+    background: url("../../images/title_link.png") no-repeat top left;
+    border-left: 1px solid #316293;
+}
+
+#content div.box div.title ul.links li a:hover
+{
+    background: url("../../images/title_tab_selected.png") no-repeat bottom center;
+    color: #bfe3ff;
+}
+
+#content div.box div.title ul.links li.ui-tabs-selected a
+{
+    background: url("../../images/title_tab_selected.png") no-repeat bottom center;
+    color: #bfe3ff;
+}
+
+/*
+    content / right / box / search
+*/ 
+
+#content div.box div.title div.search
+{
+    background: url("../../images/title_link.png") no-repeat top left;
+    border-left: 1px solid #316293;
+}
+
+#content div.box div.title div.search div.input input
+{
+    border: 1px solid #316293;
+}
+
+#content div.box div.title div.search div.button input.ui-state-default
+{
+    background: #4e85bb url("../../images/button_highlight.png") repeat-x;
+    border: 1px solid #316293;
+    border-left: none;
+    color: #FFFFFF;
+}
+
+#content div.box div.title div.search div.button input.ui-state-hover
+{
+    background: #46a0c1 url("../../images/button_highlight_selected.png") repeat-x;
+    border: 1px solid #316293;
+    border-left: none;
+    color: #FFFFFF;
+}
+
+/*
+    content / right / forms / button
+*/
+
+#content div.box div.form div.fields div.field div.highlight .ui-state-default
+{
+    background: #4e85bb url("../../images/button_highlight.png") repeat-x;
+    border-top: 1px solid #5c91a4;
+    border-left: 1px solid #2a6f89;
+    border-right: 1px solid #2b7089;
+    border-bottom: 1px solid #1a6480;
+    color: #ffffff;
+}
+
+#content div.box div.form div.fields div.field div.highlight .ui-state-hover
+{
+    background: #46a0c1 url("../../images/button_highlight_selected.png") repeat-x;
+    border-top: 1px solid #78acbf;
+    border-left: 1px solid #34819e;
+    border-right: 1px solid #35829f;
+    border-bottom: 1px solid #257897;
+    color: #ffffff;
+}
+
+/*
+    content / right / forms / buttons
+*/
+
+#content div.box div.form div.fields div.buttons div.highlight input.ui-state-default
+{
+    background: #4e85bb url("../../images/button_highlight.png") repeat-x;
+    border-top: 1px solid #5c91a4;
+    border-left: 1px solid #2a6f89;
+    border-right: 1px solid #2b7089;
+    border-bottom: 1px solid #1a6480;
+    color: #ffffff;
+}
+
+#content div.box div.form div.fields div.buttons div.highlight input.ui-state-hover
+{
+    background: #46a0c1 url("../../images/button_highlight_selected.png") repeat-x;
+    border-top: 1px solid #78acbf;
+    border-left: 1px solid #34819e;
+    border-right: 1px solid #35829f;
+    border-bottom: 1px solid #257897;
+    color: #ffffff;
+}
+
+/*
+    login / title
+*/ 
+
+#login div.title
+{
+    background: #003367 url("../../images/header_inner.png") repeat-x;
+}
+
+/*
+    login / title / corners
+*/ 
+
+#login div.title div.corner
+{
+    background: url("../../images/login_corners.png") no-repeat;
+}
+
+#login div.title div.tl
+{
+    top: 0;
+    left: 0;
+    background-position: 0 0;
+}
+
+#login div.title div.tr
+{
+    top: 0;
+    right: 0;
+    background-position: -6px 0;
+}

rhodecode/templates/base/base.html

@@ -244,9 +244,7 b''
 
 
 <%def name="css()">
-<link rel="stylesheet" type="text/css" href="/css/reset.css" />
 <link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />
-<link id="color" rel="stylesheet" type="text/css" href="/css/colors/blue.css" />
 <link rel="stylesheet" type="text/css" href="/css/pygments.css"  />
 <link rel="stylesheet" type="text/css" href="/css/diff.css"  />
 </%def>