media/admin_media/css/widgets.css

   1 /* SELECTOR (FILTER INTERFACE) */
   2 .selector { width:580px; float:left; }
   3 .selector select { width:270px; height:17.2em; }
   4 .selector-available, .selector-chosen { float:left; width:270px; text-align:center; margin-bottom:5px; }
   5 .selector-available h2, .selector-chosen h2 { border:1px solid #ccc; }
   6 .selector .selector-available h2 { background:white url(../img/admin/nav-bg.gif) bottom left repeat-x; color:#666; }
   7 .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; }
   8 .selector .selector-chosen .selector-filter { padding:4px 5px; }
   9 .selector .selector-available input { width:230px; }
  10 .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; }
  11 .selector-chooser li { margin:0; padding:3px; list-style-type:none; }
  12 .selector select { margin-bottom:5px; margin-top:0; }
  13 .selector-add, .selector-remove { width:16px; height:16px; display:block; text-indent:-3000px; }
  14 .selector-add { background:url(../img/admin/selector-add.gif) top center no-repeat; margin-bottom:2px; }
  15 .selector-remove { background:url(../img/admin/selector-remove.gif) top center no-repeat; }
  16 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; }
  17 a.selector-chooseall:hover, a.selector-clearall:hover { color:#036; }
  18 a.selector-chooseall { width:7em; background:url(../img/admin/selector-addall.gif) left center no-repeat; }
  19 a.selector-clearall { background:url(../img/admin/selector-removeall.gif) left center no-repeat; }
  20
  21 /* STACKED SELECTORS */
  22 .stacked { float:left; width:500px; }
  23 .stacked select { width:480px; height:10.1em; }
  24 .stacked .selector-available, .stacked .selector-chosen { width:480px; }
  25 .stacked .selector-available { margin-bottom:0; }
  26 .stacked .selector-available input { width:442px; }
  27 .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; }
  28 .stacked .selector-chooser li { float:left; padding:3px 3px 3px 5px; }
  29 .stacked .selector-chooseall, .stacked .selector-clearall { display:none; }
  30 .stacked .selector-add { background-image:url(../img/admin/selector_stacked-add.gif); }
  31 .stacked .selector-remove { background-image:url(../img/admin/selector_stacked-remove.gif); }
  32
  33 /* DATE AND TIME */
  34 p.datetime { line-height:20px; margin:0; padding:0; color:#666; font-size:11px; font-weight:bold; }
  35 .datetime span { font-size:11px; color:#ccc; font-weight:normal; white-space:nowrap; }
  36 .vDateField { margin-left:4px; }
  37 table p.datetime { font-size:10px; margin-left:0; padding-left:0; }
  38
  39 /* FILE UPLOADS */
  40 p.file-upload { line-height:20px; margin:0; padding:0; color:#666; font-size:11px; font-weight:bold; }
  41 .file-upload a { font-weight:normal; }
  42 .file-upload .deletelink { margin-left:5px; }
  43
  44 /* CALENDARS & CLOCKS */
  45 .calendarbox, .clockbox { margin:5px auto; font-size:11px; width:16em; text-align:center; background:white; position:relative; }
  46 .clockbox { width:9em; }
  47 .calendar { margin:0; padding: 0; }
  48 .calendar table { margin:0; padding:0; border-collapse:collapse; background:white; width:99%; }
  49 .calendar caption, .calendarbox h2 { margin: 0; font-size:11px; text-align:center; border-top:none; }
  50 .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; }
  51 .calendar td { font-size:11px; text-align: center; padding: 0; border-top:1px solid #eee; border-bottom:none; }
  52 .calendar td.selected a { background: #C9DBED; }
  53 .calendar td.nonday { background:#efefef; }
  54 .calendar td.today a { background:#ffc; }
  55 .calendar td a, .timelist a { display: block; font-weight:bold; padding:4px; text-decoration: none; color:#444; }
  56 .calendar td a:hover, .timelist a:hover { background: #5b80b2; color:white; }
  57 .calendar td a:active, .timelist a:active { background: #036; color:white; }
  58 .calendarnav { font-size:10px; text-align: center; color:#ccc; margin:0; padding:1px 3px; }
  59 .calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover { color: #999; }
  60 .calendar-shortcuts { background:white; font-size:10px; line-height:11px; border-top:1px solid #eee; padding:3px 0 4px; color:#ccc; }
  61 .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; }
  62 .calendarnav-previous:hover, .calendarnav-next:hover { background:#036; }
  63 .calendarnav-previous { top:0; left:0; }
  64 .calendarnav-next { top:0; right:0; }
  65 .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; }
  66 .calendar-cancel a { padding:2px; color:#999; }
  67 ul.timelist, .timelist li { list-style-type:none; margin:0; padding:0; }
  68 .timelist a { padding:2px; }
  69
  70 /* INLINE ORDERER */
  71 ul.orderer {  position:relative; padding:0 !important; margin:0 !important; list-style-type:none; }
  72 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; }
  73 ul.orderer li:hover { cursor:move; background-color:#ddd; }
  74 ul.orderer li a.selector { margin-left:12px; overflow:hidden; width:83%; font-size:10px !important; padding:0.6em 0; }
  75 ul.orderer li a:link, ul.orderer li a:visited { color:#333; }
  76 ul.orderer li .inline-deletelink { position:absolute; right:4px; margin-top:0.6em; }
  77 ul.orderer li.selected { background-color:#f8f8f8; border-right-color:#f8f8f8; }
  78 ul.orderer li.deleted { background:#bbb url(../img/admin/deleted-overlay.gif); }
  79 ul.orderer li.deleted a:link, ul.orderer li.deleted a:visited { color:#888; }
  80 ul.orderer li.deleted .inline-deletelink { background-image:url(../img/admin/inline-restore.png);  }
  81 ul.orderer li.deleted:hover, ul.orderer li.deleted a.selector:hover { cursor:default; }
  82
  83 /* EDIT INLINE */
  84 .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; }
  85 .inline-deletelink:hover { background-position:-15px 0; cursor:pointer; }
  86 .editinline button.addlink { border: 0px none; color: #5b80b2; font-size: 100%; cursor: pointer; }
  87 .editinline button.addlink:hover { color: #036; cursor: pointer; }
  88 .editinline table .help { text-align:right; float:right; padding-left:2em; }
  89 .editinline tfoot .addlink { white-space:nowrap; }
  90 .editinline table thead th:last-child { border-left:none; }
  91 .editinline tr.deleted { background:#ddd url(../img/admin/deleted-overlay.gif); }
  92 .editinline tr.deleted .inline-deletelink { background-image:url(../img/admin/inline-restore.png); }
  93 .editinline tr.deleted td:hover { cursor:default; }
  94 .editinline tr.deleted td:first-child { background-image:none !important; }
  95
  96 /* EDIT INLINE - STACKED */
  97 .editinline-stacked { min-width:758px; }
  98 .editinline-stacked .inline-object { margin-left:210px; background:white; }
  99 .editinline-stacked .inline-source { float:left; width:200px; background:#f8f8f8;  }
 100 .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; }
 101 .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; }