File diff 85eae7afbbd1 → 6b0577b5052d
www/conservancy/static/admin-media/css/widgets.css
Show inline comments
 
new file 100644
 
/* SELECTOR (FILTER INTERFACE) */
 
.selector { width:580px; float:left; }
 
.selector select { width:270px; height:17.2em; }
 
.selector-available, .selector-chosen { float:left; width:270px; text-align:center; margin-bottom:5px; }
 
.selector-available h2, .selector-chosen h2 { border:1px solid #ccc; }
 
.selector .selector-available h2 { background:white url(../img/admin/nav-bg.gif) bottom left repeat-x; color:#666; }
 
.selector .selector-filter { background:white; border:1px solid #ccc; border-width:0 1px; padding:3px; color:#999; font-size:10px; margin:0; text-align:left; }
 
.selector .selector-chosen .selector-filter { padding:4px 5px; }
 
.selector .selector-available input { width:230px; }
 
.selector ul.selector-chooser { float:left; width:22px; height:50px; background:url(../img/admin/chooser-bg.gif) top center no-repeat; margin:8em 3px 0 3px; padding:0; }
 
.selector-chooser li { margin:0; padding:3px; list-style-type:none; }
 
.selector select { margin-bottom:5px; margin-top:0; }
 
.selector-add, .selector-remove { width:16px; height:16px; display:block; text-indent:-3000px; }
 
.selector-add { background:url(../img/admin/selector-add.gif) top center no-repeat; margin-bottom:2px; }
 
.selector-remove { background:url(../img/admin/selector-remove.gif) top center no-repeat; }
 
a.selector-chooseall, a.selector-clearall { display:block; width:6em; text-align:left; margin-left:auto; margin-right:auto; font-weight:bold; color:#666;  padding:3px 0 3px 18px; }
 
a.selector-chooseall:hover, a.selector-clearall:hover { color:#036; }
 
a.selector-chooseall { width:7em; background:url(../img/admin/selector-addall.gif) left center no-repeat; }
 
a.selector-clearall { background:url(../img/admin/selector-removeall.gif) left center no-repeat; }
 

	
 
/* STACKED SELECTORS */
 
.stacked { float:left; width:500px; }
 
.stacked select { width:480px; height:10.1em; }
 
.stacked .selector-available, .stacked .selector-chosen { width:480px; }
 
.stacked .selector-available { margin-bottom:0; }
 
.stacked .selector-available input { width:442px; }
 
.stacked ul.selector-chooser { height:22px; width:50px; margin:0 0 3px 40%; background:url(../img/admin/chooser_stacked-bg.gif) top center no-repeat; }
 
.stacked .selector-chooser li { float:left; padding:3px 3px 3px 5px; }
 
.stacked .selector-chooseall, .stacked .selector-clearall { display:none; }
 
.stacked .selector-add { background-image:url(../img/admin/selector_stacked-add.gif); }
 
.stacked .selector-remove { background-image:url(../img/admin/selector_stacked-remove.gif); }
 

	
 
/* DATE AND TIME */
 
p.datetime { line-height:20px; margin:0; padding:0; color:#666; font-size:11px; font-weight:bold; }
 
.datetime span { font-size:11px; color:#ccc; font-weight:normal; white-space:nowrap; }
 
.vDateField { margin-left:4px; }
 
table p.datetime { font-size:10px; margin-left:0; padding-left:0; }
 

	
 
/* FILE UPLOADS */
 
p.file-upload { line-height:20px; margin:0; padding:0; color:#666; font-size:11px; font-weight:bold; }
 
.file-upload a { font-weight:normal; }
 
.file-upload .deletelink { margin-left:5px; }
 

	
 
/* CALENDARS & CLOCKS */
 
.calendarbox, .clockbox { margin:5px auto; font-size:11px; width:16em; text-align:center; background:white; position:relative; }
 
.clockbox { width:9em; }
 
.calendar { margin:0; padding: 0; }
 
.calendar table { margin:0; padding:0; border-collapse:collapse; background:white; width:99%; }
 
.calendar caption, .calendarbox h2 { margin: 0; font-size:11px; text-align:center; border-top:none; }
 
.calendar th { font-size:10px; color:#666; padding:2px 3px; text-align:center; background:#e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x; border-bottom:1px solid #ddd; }
 
.calendar td { font-size:11px; text-align: center; padding: 0; border-top:1px solid #eee; border-bottom:none; }
 
.calendar td.selected a { background: #C9DBED; }
 
.calendar td.nonday { background:#efefef; }
 
.calendar td.today a { background:#ffc; }
 
.calendar td a, .timelist a { display: block; font-weight:bold; padding:4px; text-decoration: none; color:#444; }
 
.calendar td a:hover, .timelist a:hover { background: #5b80b2; color:white; }
 
.calendar td a:active, .timelist a:active { background: #036; color:white; }
 
.calendarnav { font-size:10px; text-align: center; color:#ccc; margin:0; padding:1px 3px; }
 
.calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover { color: #999; }
 
.calendar-shortcuts { background:white; font-size:10px; line-height:11px; border-top:1px solid #eee; padding:3px 0 4px; color:#ccc; }
 
.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { display:block; position:absolute; font-weight:bold; font-size:12px; background:#C9DBED url(../img/admin/default-bg.gif) bottom left repeat-x; padding:1px 4px 2px 4px; color:white; }
 
.calendarnav-previous:hover, .calendarnav-next:hover { background:#036; }
 
.calendarnav-previous { top:0; left:0; }
 
.calendarnav-next { top:0; right:0; }
 
.calendar-cancel { margin:0 !important; padding:0; font-size:10px; background:#e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x;  border-top:1px solid #ddd; }
 
.calendar-cancel a { padding:2px; color:#999; }
 
ul.timelist, .timelist li { list-style-type:none; margin:0; padding:0; }
 
.timelist a { padding:2px; }
 

	
 
/* INLINE ORDERER */
 
ul.orderer {  position:relative; padding:0 !important; margin:0 !important; list-style-type:none; }
 
ul.orderer li { list-style-type:none; display:block; padding:0; margin:0; border:1px solid #bbb; border-width:0 1px 1px 0; white-space:nowrap; overflow:hidden; background:#e2e2e2 url(../img/admin/nav-bg-grabber.gif) repeat-y; }
 
ul.orderer li:hover { cursor:move; background-color:#ddd; }
 
ul.orderer li a.selector { margin-left:12px; overflow:hidden; width:83%; font-size:10px !important; padding:0.6em 0; }
 
ul.orderer li a:link, ul.orderer li a:visited { color:#333; }
 
ul.orderer li .inline-deletelink { position:absolute; right:4px; margin-top:0.6em; }
 
ul.orderer li.selected { background-color:#f8f8f8; border-right-color:#f8f8f8; }
 
ul.orderer li.deleted { background:#bbb url(../img/admin/deleted-overlay.gif); }
 
ul.orderer li.deleted a:link, ul.orderer li.deleted a:visited { color:#888; }
 
ul.orderer li.deleted .inline-deletelink { background-image:url(../img/admin/inline-restore.png);  }
 
ul.orderer li.deleted:hover, ul.orderer li.deleted a.selector:hover { cursor:default; }
 

	
 
/* EDIT INLINE */
 
.inline-deletelink { display:block; text-indent:-9999px; background:transparent url(../img/admin/inline-delete.png) no-repeat; width:15px; height:15px; margin:0.4em 0; border: 0px none; }
 
.inline-deletelink:hover { background-position:-15px 0; cursor:pointer; }
 
.editinline button.addlink { border: 0px none; color: #5b80b2; font-size: 100%; cursor: pointer; }
 
.editinline button.addlink:hover { color: #036; cursor: pointer; }
 
.editinline table .help { text-align:right; float:right; padding-left:2em; }
 
.editinline tfoot .addlink { white-space:nowrap; }
 
.editinline table thead th:last-child { border-left:none; }
 
.editinline tr.deleted { background:#ddd url(../img/admin/deleted-overlay.gif); }
 
.editinline tr.deleted .inline-deletelink { background-image:url(../img/admin/inline-restore.png); }
 
.editinline tr.deleted td:hover { cursor:default; }
 
.editinline tr.deleted td:first-child { background-image:none !important; }
 

	
 
/* EDIT INLINE - STACKED */
 
.editinline-stacked { min-width:758px; }
 
.editinline-stacked .inline-object { margin-left:210px; background:white; }
 
.editinline-stacked .inline-source { float:left; width:200px; background:#f8f8f8;  }
 
.editinline-stacked .inline-splitter { float:left; width:9px; background:#f8f8f8 url(../img/admin/inline-splitter-bg.gif) 50% 50% no-repeat; border-right:1px solid #ccc; }
 
.editinline-stacked .controls { clear:both; background:#e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; padding:3px 4px; font-size:11px; border-top:1px solid #ddd; }
...
 
\ No newline at end of file