# HG changeset patch # User Julien Jehannet # Date 1234366746 -3600 # Node ID b747f1a1ced0e6eb099f66258eb03a28e853b17a # Parent 3f6aaa6ae3b2e2af859e9a1412cbd0c1d3d0d5b6 Split cubicweb.css into small parts Dead css rules removed Checked with CSS Validation Service diff -r 3f6aaa6ae3b2 -r b747f1a1ced0 web/data/cubicweb.calendar.css --- a/web/data/cubicweb.calendar.css Tue Feb 10 17:45:16 2009 +0100 +++ b/web/data/cubicweb.calendar.css Wed Feb 11 16:39:06 2009 +0100 @@ -74,7 +74,7 @@ } table.omcalendar tr td div.calCellTitle div.stopper { - clear:pos; + /* clear:pos; # FIXME : pos is not a clear value*/ } table.omcalendar tr td { diff -r 3f6aaa6ae3b2 -r b747f1a1ced0 web/data/cubicweb.calendar_popup.css --- a/web/data/cubicweb.calendar_popup.css Tue Feb 10 17:45:16 2009 +0100 +++ b/web/data/cubicweb.calendar_popup.css Wed Feb 11 16:39:06 2009 +0100 @@ -45,7 +45,7 @@ table.popupCalendar th.prev, table.popupCalendar th.next { - color: orangered; + color: #ff4500; font-size: 50%; font-weight: bold; padding: 2px 0px; diff -r 3f6aaa6ae3b2 -r b747f1a1ced0 web/data/cubicweb.css --- a/web/data/cubicweb.css Tue Feb 10 17:45:16 2009 +0100 +++ b/web/data/cubicweb.css Wed Feb 11 16:39:06 2009 +0100 @@ -3,10 +3,9 @@ * :copyright: 2003-2008 LOGILAB S.A. (Paris, FRANCE), all rights reserved. * :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr */ - -/******************************************************************************/ -/* main styles */ -/******************************************************************************/ +/***************************************/ +/* xhtml tags styles */ +/***************************************/ *{ margin:0px; @@ -23,14 +22,12 @@ font-family: Verdana, sans-serif; } - h1 { font-size: 188%; margin: 0.2em 0px 0.3em; border-bottom: 1px solid #000; } - h2, h3 { margin-top: 0.2em; margin-bottom: 0.3em; @@ -57,7 +54,7 @@ font-size:105%; } -a, a:active, a:link, a:visited { +a, a:active, a:visited, a:link { color: #ff4500; text-decoration: none; } @@ -66,33 +63,17 @@ text-decoration: underline; } -a.grayedout { - display: block; - padding-left: 2px; - color: #808080; -} - -a.grayedout:visited{ - color: #808080; -} - -a.grayedout:hover { - color: #000; -} - a img { border: none; text-align: center; } p { - margin-top: 0em; - margin-bottom: 0.2em; + margin: 0em 0px 0.2em; padding-top: 2px; } - -table, td, input, select { +table, td, input, select{ font-size: 100%; } @@ -107,7 +88,7 @@ table td img { vertical-align: middle; - margin: 0px 10px 0px 0px; + margin-right: 10px; } ol { @@ -125,29 +106,22 @@ background: url("bullet_orange.png") 0% 6px no-repeat; } -pre { - font-family: Courier, "Courier New", Monaco, monospace; - font-size: 100%; - color: #000; - background-color: #f2f2f2; - border: 1px solid #ccc; - /*overflow:auto; */ +dt { + font-size:1.17em; + font-weight:600; } -blockquote { - font-family: Courier, "Courier New", serif; - font-size: 120%; - margin: 5px 0px; - padding: 0.8em; - background-color: #f2f2f2; - border: 1px solid #ccc; +dd { + margin: 0.6em 0 1.5em 2em; } -note, code { - font-size: 120%; - color: #000; - background-color: #f2f2f2; - border: 1px solid #ccc; +fieldset { + border: none; +} + +legend { + padding: 0px 2px; + font: bold 1em Verdana, sans-serif; } input, textarea { @@ -160,35 +134,41 @@ border: 1px inset #ff7700; } -fieldset { - border: none; -} - -legend { - padding: 0px 2px; - font: bold 1em Verdana, sans-serif; -} - label, .label { - font-weight: bold ! important; + font-weight: bold; } iframe { border: 0px; } -dt { - font-size: 1.17em; - font-weight: 600; +pre { + font-family: Courier, "Courier New", Monaco, monospace; + font-size: 100%; + color: #000; + background-color: #f2f2f2; + border: 1px solid #ccc; } -dd { - margin: 0.6em 0 1.5em 2em; +code { + font-size: 120%; + color: #000; + background-color: #f2f2f2; + border: 1px solid #ccc; } -/******************************************************************************/ -/* generic classes */ -/******************************************************************************/ +blockquote { + font-family: Courier, "Courier New", serif; + font-size: 120%; + margin: 5px 0px; + padding: 0.8em; + background-color: #f2f2f2; + border: 1px solid #ccc; +} + +/***************************************/ +/* generic classes */ +/***************************************/ .odd { background-color: #f7f6f1; @@ -215,77 +195,70 @@ clear: both; } -.noborder { - border: none; -} - -.strong{ - font-weight:bold; -} - -.title { - text-align: left; - font-size: large; - font-weight: bold; -} - -.titleUnderline { - color: #000; - clear: left; - margin: 0px; - padding-top: 0.5em; - border-bottom: 1px solid black; -} - -.helper{ - font-size: 96%; - color: #555544; -} - -.helper:hover { - color: #000; - cursor: default; -} - .hidden { display: none; visibility: hidden; } -.needsvalidation { - font-style: italic; - color: grey ! important; -} -.folder { - /* disable odd/even under folder class */ - background-color: transparent; -} +/* FIXME need to be moved to cubicweb.forms.css */ +li.invisible { list-style: none; background: none; padding: 0px 0px +1px 1px; } -li.invisible { - list-style: none; - background: none; - padding: 0px 0px 1px 1px; -} - +/* FIXME Should use span in html insteed */ li.invisible div { display: inline; } -div.row { - clear: both; - padding-bottom:0.4px + +/***************************************/ +/* LAYOUT */ +/***************************************/ + +/* header */ + +table#header { + background: #ff7700 url("banner.png") left top repeat-x; + text-align: left; +} + +table#header td { + vertical-align: middle; +} + +table#header a { +color: #000; } -div.row span.label{ - padding-right:1em +span#appliName { + font-weight: bold; + color: #000; + white-space: nowrap; +} + +table#header td#headtext { + width: 100%; } -div.field { - margin-left: 0.2em; - display: inline; +a.help{ + display: block; + margin: 0px 5px 0px 8px; + height: 17px; + width: 17px; + background: url('help.png') 0% 0% no-repeat; } +a.help:hover { + background-position: 0px -16px; + text-decoration: none; +} + +/* FIXME appear with 4px width in IE6 */ +div#stateheader{ + min-width: 66%; +} + +/* Popup on login box and userActionBox */ div.popup { position: absolute; z-index: 400; @@ -300,42 +273,7 @@ color: black; } -/******************************************************************************/ -/* header / layout */ -/******************************************************************************/ - -.logo { - background: #fff; - border-left: #f2f2f2; -} - -span#appliName { - font-weight: bold; - color: #000; - white-space: nowrap; -} - -#header { - background: #ff7700 url("banner.png") left top repeat-x; - text-align: left; -} - -table#header td { - vertical-align: middle; -} - -table#header a { -color: #000; -} - -td#headtext { - width: 100%; -} - -/*FIXME appear with 4px width in IE6*/ -div#stateheader{ - width: 66%; -} +/* main zone */ div#page { background: #e2e2e2; @@ -343,16 +281,16 @@ min-height: 800px; } -td#contentcol { - padding: 8px 5px 5px 10px; +table#mainLayout{ + margin:0px 3px; } +table#mainLayout td#contentcol { + padding: 8px 10px 5px; +} -div#pageContent { - clear: both; - padding: 10px 1em 2em; - background: #ffffff; - border: 1px solid #ccc; +table#mainLayout td.navcol { + width: 16em; } #contentheader { @@ -364,157 +302,29 @@ color: #000; } -td.firstcolumn { - width: 220px; -} - -td.navcol { - width: 16em; -} - -div.footer { - text-align: center; -} -div.footer a { - color: #000; - text-decoration: none; +div#pageContent { + clear: both; + padding: 10px 1em 2em; + background: #ffffff; + border: 1px solid #ccc; } -/******************************************************************************/ -/* help button */ -/******************************************************************************/ - -a.help{ - display: block; - margin: 0px 5px 0px 8px; - height: 17px; - width: 17px; - background: url('help.png') 0% 0% no-repeat; -} +/* rql bar */ -a.help:hover { - background-position: 0px -16px; - text-decoration: none; -} - -/******************************************************************************/ -/* rql bar */ -/******************************************************************************/ - -div#rqlform { - width: 100%; +div#rqlinput { + border: 1px solid #cfceb7; + margin-bottom: 8px; + padding: 3px; + background: #cfceb7; } input#rql{ - width: 80%; - margin-left: 12px; -} - -/******************************************************************************/ -/* user actions menu */ -/******************************************************************************/ - -a.logout, a.logout:visited, a.logout:hover{ - color: #fff; - text-decoration: none; -} - -div#userActionsBox { - width: 14em; - text-align: right; -} - -div#userActionsBox a.popupMenu { - color: black; - text-decoration: underline; -} - -/******************************************************************************/ -/* buttons */ -/******************************************************************************/ - -input#rqlboxsubmit, input#rqlboxsubmit2 { - background: #fffff8 url("go.png") 50% 50% no-repeat; - width: 20px; - height: 20px; - margin: 0px; -} - -input.button, -input.formButton, -input.validateButton, -input.searchButton, -input.loginButton { - border-top: 1px solid #edecd2; - border-left: 1px solid #edecd2; - border-right: 1px solid #cfceb7; - border-bottom: 1px solid #cfceb7; - background: #fffff8 url("button.png") bottom left repeat-x; -} - -input.searchButton { - background: #f0eff0 url("gradient-grey-up.png") left top repeat-x; -} - -input.button, -input.validateButton { - margin: 1em 1em 0px 0px ! important; + width: 95%; } -/******************************************************************************/ -/* primary view */ -/******************************************************************************/ - -.mainInfo { - margin-right: 1em; - padding: 0.2em; -} - -div.mainRelated { - border: none; - margin-right: 1em; - padding: 0.5em 0.2em 0.2em; -} - -div.sideRelated h4, -div.sideRelated h5 { - margin-top: 0px; - margin-bottom: 0px; -} - -div.sideRelated { - margin-right: 1em; - padding: 12px 0px 12px 12px; - min-width: 21em; - max-width: 50em; -} - -div.metadata { - font-size: 90%; - margin: 5px 0px 3px; - color: #666; - font-style: italic; - text-align: right; -} - -div.section { - margin-top: 0.5em; - width:100%; -} - -div.section a:hover { - text-decoration: none; -} - - - -/******************************************************************************/ -/* boxes */ -/******************************************************************************/ - +/* boxes */ div.navboxes { - padding-left: 3px; - margin-top: 8px; + margin-top: 8px; } div.boxFrame { @@ -594,12 +404,14 @@ color: #111100; } + a.boxMenu { background: transparent url("puce_down.png") 98% 6px no-repeat; display: block; padding: 1px 9px 1px 3px; } + a.popupMenu { background: transparent url("puce_down_black.png") 2% 6px no-repeat; padding-left: 2em; @@ -648,6 +460,12 @@ background: #eeedd9; } +ul.sideBox li{ + list-style: none; + background: none; + padding: 0px 0px 1px 1px; + } + div.sideBoxBody { padding: 0.2em 5px; } @@ -680,62 +498,45 @@ padding:0px 5px; } -/******************************************************************************/ -/* inline edition and generic form classes */ -/******************************************************************************/ +/* FIXME rqlboxsubmit2 still necessary ? */ -div.inlineedit { - display: none; +input.rqlsubmit, +input#rqlboxsubmit2 { + background: #fffff8 url("go.png") 50% 50% no-repeat; + width: 20px; + height: 20px; + margin: 0px; } -div.editableField { - display: inline; -} - -div.editableField:hover, -div.editableField p:hover { - background-color: #eeedd9; +input#norql{ + width:13em; + margin-right: 2px; } -option.separator { - font-weight: bold; - background: #ccc; - text-align: center; -} - -input.error { - background: transparent url("error.png") 100% 50% no-repeat; +/* user actions menu */ +a.logout, a.logout:visited, a.logout:hover{ + color: #fff; + text-decoration: none; } -span.error { - display: block; - font-weight: bold; - color: #ed0d0d; +div#userActionsBox { + width: 14em; + text-align: right; } -/******************************************************************************/ -/* navigation */ -/******************************************************************************/ +div#userActionsBox a.popupMenu { + color: black; + text-decoration: underline; +} +/**************/ +/* navigation */ +/**************/ div#etyperestriction { margin-bottom: 1ex; border-bottom: 1px solid #ccc; } -div.navigation a { - text-align: center; - text-decoration: none; -} - -div.prevnext { - width: 100%; - margin-bottom: 1em; -} - -div.prevnext a { - color: #000; -} - span.slice a:visited, span.slice a:hover{ color: #555544; @@ -746,15 +547,94 @@ color: #000; } -/******************************************************************************/ -/* messages */ -/******************************************************************************/ +/* FIXME should be moved to cubes/folder */ +div.navigation a { + text-align: center; + text-decoration: none; +} + +/* FIXME seems to be not used in cubicweb framework */ +div.prevnext { + width: 100%; + margin-bottom: 1em; +} + +div.prevnext a { + color: #000; +} + + +/***************************************/ +/* entity views */ +/***************************************/ + +.mainInfo { + margin-right: 1em; + padding: 0.2em; +} + + +div.mainRelated { + border: none; + margin-right: 1em; + padding: 0.5em 0.2em 0.2em; +} + +div.sideRelated h4, +div.sideRelated h5 { + margin-top: 0px; + margin-bottom: 0px; +} + +div.sideRelated { + margin-right: 1em; + padding: 12px 0px 12px 12px; + min-width: 21em; + max-width: 50em; +} + +div.metadata { + font-size: 90%; + margin: 5px 0px 3px; + color: #666; + font-style: italic; + text-align: right; +} + +div.section { + margin-top: 0.5em; + width:100%; +} + +div.section a:hover { + text-decoration: none; +} + +/* basic entity view */ + +div.row { + clear: both; + padding-bottom:0.4px +} + +div.row span.label{ + padding-right:1em +} + +div.field { + margin-left: 0.2em; + display: inline; +} + + +/***************************************/ +/* messages */ +/***************************************/ .warning, .message, -.errorMessage, -.searchMessage, -.statemessage { +.errorMessage , +.searchMessage{ padding: 0.3em 0.3em 0.3em 1em; font-weight: bold; } @@ -772,13 +652,6 @@ background: #f8f8ee; } -div#rqlinput { - border: 1px solid #cfceb7; - margin-bottom: 8px; - padding: 3px; - background: #cfceb7; -} - .message { margin: 0px; background: #f8f8ee url("information.png") 5px center no-repeat; @@ -823,9 +696,9 @@ display: none; } -/******************************************************************************/ -/* listing table */ -/******************************************************************************/ +/***************************************/ +/* listing table */ +/***************************************/ table.listing { margin: 10px 0em; @@ -872,9 +745,10 @@ top: -1px; } -/******************************************************************************/ -/* drag and drop zone (XXX only used in seo for now) */ -/******************************************************************************/ +/***************************************/ +/* drag and drop zone */ +/* (XXX only used in seo for now) */ +/***************************************/ div.droppable { border: 1px dashed black; @@ -887,19 +761,11 @@ background: #f4f5ed; } -/******************************************************************************/ -/* search box */ -/******************************************************************************/ +/****************************************/ +/* filter box FIXME is not used anymore*/ +/****************************************/ -input#norql{ - width:13em; - margin-right: 2px; -} - -/******************************************************************************/ -/* filter box */ -/******************************************************************************/ - +/* #filter_box input { width: 180px; } @@ -916,38 +782,11 @@ #filter_box option.disabled { background: lightgray; } - -/******************************************************************************/ -/* table filter form */ -/******************************************************************************/ - -table.filter th { - font-weight: bold; - background: #ebe8d9 url("button.png") repeat-x; - padding: 0.3em; - border-bottom: 1px solid #cfceb7; - text-align: left; -} +*/ -table.filter div.facet { - padding: 0.6em 0.2em; - margin: 0em 1em; - border: 1px solid #ccc; -} - -table.filter div.facetTitle { - font-weight: bold; -} - - -div#tableActionsBox { - direction:rtl; - float:right -} - -/******************************************************************************/ -/* error view (views/management.py) */ -/******************************************************************************/ +/***************************************/ +/* error view (views/management.py) */ +/***************************************/ div.pycontext { /* html traceback */ font-family: Verdana, sans-serif; @@ -961,32 +800,10 @@ color: #ff0000; } -/******************************************************************************/ -/* index view (views/startup.py) */ -/******************************************************************************/ -table.startup { - width: 100%; -} - -table.startup td { - padding: 0.1em 0.2em; -} - -table.startup td.addcol { - text-align: right; - width: 0.5em; -} - -table.startup th{ - padding-top: 3px; - padding-bottom: 3px; - text-align: left; -} - -/******************************************************************************/ -/* addcombobox */ -/******************************************************************************/ +/***************************************/ +/* addcombobox */ +/***************************************/ input#newopt{ width:120px ; @@ -1005,3 +822,51 @@ display:block; float:left; } + +/***************************************/ +/* buttons */ +/***************************************/ + +input.button{ + margin: 1em 1em 0px 0px; + border: 1px solid #edecd2; + border-color:#edecd2 #cfceb7 #cfceb7 #edecd2; + background: #fffff8 url("button.png") bottom left repeat-x; +} + +/* FileItemInnerView jquery.treeview.css */ +.folder { + /* disable odd/even under folder class */ + background-color: transparent; +} + +/***************************************/ +/* footer */ +/***************************************/ + +div.footer { + text-align: center; +} +div.footer a { + color: #000; + text-decoration: none; +} + + +/****************************************/ +/* FIXME must by managed by cubes */ +/****************************************/ +.needsvalidation { + font-style: italic; + color: gray; +} + + +/***************************************/ +/* FIXME : Deprecated ? entity view ? */ +/***************************************/ +.title { + text-align: left; + font-size: large; + font-weight: bold; +} diff -r 3f6aaa6ae3b2 -r b747f1a1ced0 web/data/cubicweb.facets.css --- a/web/data/cubicweb.facets.css Tue Feb 10 17:45:16 2009 +0100 +++ b/web/data/cubicweb.facets.css Wed Feb 11 16:39:06 2009 +0100 @@ -69,7 +69,7 @@ } div#filter_box div.boxTitle { - visibility: none; + visibility: hidden; display: none; } diff -r 3f6aaa6ae3b2 -r b747f1a1ced0 web/data/cubicweb.form.css --- a/web/data/cubicweb.form.css Tue Feb 10 17:45:16 2009 +0100 +++ b/web/data/cubicweb.form.css Wed Feb 11 16:39:06 2009 +0100 @@ -9,7 +9,7 @@ width: 100%; font-size : 160%; font-weight: bold; - color: orangered; + color: #ff4500; padding-bottom : 0.4em; text-transform: capitalize; background: url("bg_trame_grise.png") left bottom repeat-x; @@ -178,6 +178,35 @@ margin-left: 2em; } +/*FIXME inlineedit not used ?*/ +div.inlineedit { + display: none;} + +div.editableField { + display: inline; +} + +div.editableField:hover, +div.editableField p:hover { + background-color: #eeedd9; +} + +input.error { + background: transparent url("error.png") 100% 50% no-repeat; +} + +span.error { + display: block; + font-weight: bold; + color: #ed0d0d; +} + +option.separator { + font-weight: bold; + background: #ccc; + text-align: center; +} + div.trame_grise { background: url("bg_trame_grise.png") left top repeat-x; } @@ -189,3 +218,21 @@ padding-left: 2em; background : #f8f8ee url("information.png") 5px center no-repeat ; } + +.helper{ + font-size: 96%; + color: #555544; +} + +.helper:hover { + color: #000; + cursor: default; +} + +input.validateButton { + margin: 1em 1em 0px 0px; + border: 1px solid #edecd2; + border-color:#edecd2 #cfceb7 #cfceb7 #edecd2; + background: #fffff8 url("button.png") bottom left repeat-x; +} + diff -r 3f6aaa6ae3b2 -r b747f1a1ced0 web/data/cubicweb.login.css --- a/web/data/cubicweb.login.css Tue Feb 10 17:45:16 2009 +0100 +++ b/web/data/cubicweb.login.css Wed Feb 11 16:39:06 2009 +0100 @@ -76,7 +76,8 @@ } input.loginButton { - display:block; + border: 1px solid #edecd2; + border-color:#edecd2 #cfceb7 #cfceb7 #edecd2; margin: 2px 0px 0px; background: #f0eff0 url("gradient-grey-up.png") left top repeat-x; } diff -r 3f6aaa6ae3b2 -r b747f1a1ced0 web/data/cubicweb.manageview.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/data/cubicweb.manageview.css Wed Feb 11 16:39:06 2009 +0100 @@ -0,0 +1,22 @@ +/***************************************/ +/* Manage view (views/startup.py) */ +/***************************************/ + +table.startup { + width: 100%; +} + +table.startup td { + padding: 0.1em 0.2em; +} + +table.startup td.addcol { + text-align: right; + width: 0.5em; +} + +table.startup th{ + padding-top: 3px; + padding-bottom: 3px; + text-align: left; +} diff -r 3f6aaa6ae3b2 -r b747f1a1ced0 web/data/cubicweb.schema.css --- a/web/data/cubicweb.schema.css Tue Feb 10 17:45:16 2009 +0100 +++ b/web/data/cubicweb.schema.css Wed Feb 11 16:39:06 2009 +0100 @@ -5,6 +5,16 @@ * :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr */ + +.titleUnderline { + color: #000; + clear: left; + margin: 0px; + padding-top: 0.5em; + border-bottom: 1px solid black; +} + + div.relationDefinition { float: left; position: relative; diff -r 3f6aaa6ae3b2 -r b747f1a1ced0 web/data/cubicweb.tableview.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/data/cubicweb.tableview.css Wed Feb 11 16:39:06 2009 +0100 @@ -0,0 +1,27 @@ +/***************************************/ +/* filter table form */ +/***************************************/ + +table.filter th { + font-weight: bold; + background: #ebe8d9 url("button.png") repeat-x; + padding: 0.3em; + border-bottom: 1px solid #cfceb7; + text-align: left; +} + +table.filter div.facet { + padding: 0.6em 0.2em; + margin: 0em 1em; + border: 1px solid #ccc; +} + +table.filter div.facetTitle { + font-weight: bold; +} + + +div#tableActionsBox { + direction:rtl; + float:right +} diff -r 3f6aaa6ae3b2 -r b747f1a1ced0 web/data/cubicweb.timetable.css --- a/web/data/cubicweb.timetable.css Tue Feb 10 17:45:16 2009 +0100 +++ b/web/data/cubicweb.timetable.css Wed Feb 11 16:39:06 2009 +0100 @@ -12,7 +12,7 @@ table.timetable th { padding:1pt; - align:center; + text-align:center; } @@ -52,7 +52,7 @@ font-family: Verdana, sans-serif; padding-left: 4pt; padding-right: 4pt; - align: left; + text-align: left; width: auto; }