org.argeo.suite.theme.argeo2/workbench-ext.css

   1 /******************************************
   2 **      Argeo Suite specific theming    **
   3 ******************************************/
   4
   5 /* Extends the default RAP theme. TODO: create a complete homogeneous theme */
   6
   7 /** Uncomment this for dev only to show all composite borders */
   8 /*
   9 Composite, .showBorder, Composite.showBorder{
  10         border:1px solid fuchsia;
  11 }
  12
  13 Label {
  14         border:1px solid blue;
  15 }
  16 */
  17
  18 /** DEFAULT STYLE - Override some styling provided by RAP **/
  19 * {
  20         color: #333333;
  21         background-color: white;
  22         background-image: none;
  23         font: 12px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
  24 }
  25
  26 *:disabled {
  27         color: #555555;
  28 }
  29
  30 Text, Combo-Field, DateTime-Field {
  31         padding: 2px 8px 2px 8px;
  32 }
  33
  34 /* Texts */
  35 Text[BORDER], Text[MULTI][BORDER] {
  36         box-shadow: inset 0 0 1px #bdbdbd;
  37 }
  38
  39 /* Force show border on text even when disabled */
  40 Text.force_border[BORDER]:disabled, Text.force_border[MULTI][BORDER]:disabled
  41         {
  42         box-shadow: none;
  43         border: 1px solid #a4a4a4;
  44 }
  45
  46 /* Text[BORDER]:disabled,
  47 Text[MULTI][BORDER]:disabled {
  48   box-shadow: none;
  49   border: 1px solid white;
  50 }
  51 */
  52
  53 /* Shows that focus has been gained */
  54 Text[BORDER]:focused, Text[MULTI][BORDER]:focused, Shell.popup_shell {
  55         box-shadow: 1px 1px 2px black;
  56         border: 1px solid #a4a4a4;
  57 }
  58
  59 Combo {
  60         font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  61         padding: 2px 8px 2px 8px;
  62 }
  63
  64 Combo, Combo[BORDER] {
  65         box-shadow: inset 0 0 1px #bdbdbd;
  66 }
  67
  68 Combo:focused, Combo[BORDER]:focused, DropDown, Combo-List {
  69         box-shadow: 1px 1px 2px black;
  70         border: 1px solid #a4a4a4;
  71 }
  72
  73 Widget-ToolTip {
  74         animation: fadeIn 250ms ease-in, fadeOut 250ms ease-in;
  75 }
  76
  77 /* Flat image Buttons */
  78 Button.flat_btn, Button[PUSH][FLAT].flat_btn, Button.flat_btn:default,
  79         Button.flat_btn:disabled, Button.flat_btn:hover, Button.flat_btn:pressed,
  80         Button.flat_btn:selected {
  81         border: 0px solid white;
  82         border-radius: 0px;
  83         padding: 0px 0px;
  84         background-image: none;
  85         background-color: transparent;
  86         animation: hoverOut 500ms ease-out;
  87         cursor: pointer;
  88 }
  89
  90
  91 Button[FLAT].open_calendar_btn {
  92         background-image: url( icons/actions/openCalendar.gif);
  93         background-color: transparent;
  94         background-repeat: no-repeat;
  95         border: 0px solid white;
  96         border-radius: 0px;
  97         padding: 0px 0px;
  98         animation: hoverOut 500ms ease-out;
  99         cursor: pointer;
 100 }
 101
 102
 103 /* Links */
 104 Link, Link-Hyperlink, Link-Hyperlink:link, Link-Hyperlink:visited,
 105         Link-Hyperlink:active {
 106         color: #333333;
 107         background-color: #ffffff;
 108         background-image: none;
 109         text-shadow: none;
 110         text-decoration: none;
 111 }
 112
 113 Link-Hyperlink:hover {
 114         text-decoration: underline;
 115 }
 116
 117 Link-Hyperlink:disabled {
 118         color: #959595;
 119 }
 120
 121 /*** Override default links **/
 122 a:link {
 123         color: #333333;
 124         text-decoration: none;
 125 }
 126
 127 a:hover {
 128         text-decoration: underline;
 129 }
 130
 131 /** TABLE ITEMS **/
 132 /* Fix invisible links on selected and hover table rows */
 133 Table-RowOverlay:selected, Table-RowOverlay:linesvisible:even:selected {
 134         color: #333333;
 135         background-color: #9aaaba;
 136 }
 137
 138 Table-RowOverlay:selected:unfocused, Table-RowOverlay:linesvisible:even:selected:unfocused
 139         {
 140         color: #333333;
 141         background-color: #a3b3c4;
 142 }
 143
 144 /*** FORMS ****/
 145 Text.workbench_form_text {
 146         box-shadow: inset 0 0 0px #bdbdbd;
 147         padding: 2px 8px 2px 8px;
 148         border: 0px solid #f4f6f7;
 149 }
 150
 151 Text.workbench_form_text:focused {
 152         padding: 2px 8px 2px 8px;
 153         border: 2px solid red;
 154         box-shadow: inset 0 0 1px #bdbdbd;
 155 }
 156
 157
 158
 159 /****** DASHBOARD  *********/
 160
 161 /** Gadgets  **/
 162 .gadget_box {
 163         border: 1px solid #f3f3f4;
 164         border-radius: 0px;
 165         padding: 0px 0px;
 166         margin: 0px 0px;
 167         background-image: none;
 168         background-color: transparent;
 169 }
 170
 171 .gadget_header {
 172         background-color: #f3f3f4;
 173         font-color: white;
 174         color: white; /*dont work */
 175         font: bold 14px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
 176 }
 177
 178
 179 /****** DOCUMENTS  *********/
 180
 181 /* Breadcrumb ***/
 182 Button.breadCrumb_btn {
 183         border: 1px solid #f4f6f7;
 184         border-radius: 3px;
 185         padding: 2px 2px 2px 2px;
 186         background-color: transparent;
 187         background-repeat: no-repeat;
 188         animation: hoverOut 500ms ease-out;
 189         cursor: pointer;
 190         font-color: #00294b;
 191         text-decoration: none;
 192 }
 193
 194 Button.breadCrumb_btn:hover {
 195         text-decoration: underline;
 196 }
 197
 198 /* Documents lists context menu */
 199 .contextMenu_box {
 200         border: 0px solid #fde2d5;
 201         padding: 0px;
 202         box-shadow: 2px 2px 5px #fde2d5;
 203 }
 204
 205 Button[PUSH][FLAT].createFolder_btn {
 206         background-image: url( icons/fs/addFolder.gif);
 207 }
 208
 209 Button[PUSH][FLAT].shareFolder_btn {
 210         background-image: url( icons/fs/shareFolder.png);
 211 }
 212
 213 Button[PUSH][FLAT].bookmarkFolder_btn {
 214         background-image: url( icons/fs/bookmarkFolder.png);
 215 }
 216
 217 Button[PUSH][FLAT].downloadFolder_btn {
 218         background-image: url( icons/fs/downloadFolder.png);
 219 }
 220
 221 Button[PUSH][FLAT].delete_btn, Button[PUSH][FLAT].deleteBookmark_btn {
 222         background-image: url( icons/fs/delete.png);
 223 }
 224
 225 Button[PUSH][FLAT].rename_btn, Button[PUSH][FLAT].renameBookmark_btn {
 226         background-image: url( icons/fs/rename.png);
 227 }
 228
 229 Button[PUSH][FLAT].uploadFiles_btn {
 230         background-image: url( icons/fs/upload.png);
 231 }
 232
 233 Button[PUSH][FLAT].open_btn {
 234         background-image: url( icons/fs/open.png);
 235 }
 236
 237 Button[PUSH][FLAT].createFolder_btn, Button[PUSH][FLAT].shareFolder_btn,
 238         Button[PUSH][FLAT].bookmarkFolder_btn, Button[PUSH][FLAT].downloadFolder_btn,
 239         Button[PUSH][FLAT].delete_btn, Button[PUSH][FLAT].rename_btn, Button[PUSH][FLAT].uploadFiles_btn,
 240         Button[PUSH][FLAT].open_btn, Button[PUSH][FLAT].deleteBookmark_btn,
 241         Button[PUSH][FLAT].renameBookmark_btn {
 242         border: 0px solid white;
 243         border-left: 10px solid transparent;
 244         border-radius: 0px;
 245         padding: 4px 5px 4px 24px;
 246         background-color: transparent;
 247         background-repeat: no-repeat;
 248         background-position: left;
 249         animation: hoverOut 500ms ease-out;
 250         cursor: pointer;
 251 }
 252
 253 Button[PUSH][FLAT].createFolder_btn:hover, Button[PUSH][FLAT].shareFolder_btn:hover,
 254         Button[PUSH][FLAT].bookmarkFolder_btn:hover, Button[PUSH][FLAT].downloadFolder_btn:hover,
 255         Button[PUSH][FLAT].delete_btn:hover, Button[PUSH][FLAT].rename_btn:hover,
 256         Button[PUSH][FLAT].uploadFiles_btn:hover, Button[PUSH][FLAT].open_btn:hover,
 257         Button[PUSH][FLAT].deleteBookmark_btn:hover, Button[PUSH][FLAT].renameBookmark_btn:hover
 258         {
 259         background-color: #fef0ea;
 260 }
 261
 262 Button[PUSH][FLAT].createFolder_btn:pressed, Button[PUSH][FLAT].shareFolder_btn:pressed,
 263         Button[PUSH][FLAT].bookmarkFolder_btn:pressed, Button[PUSH][FLAT].shareFolder_btn:pressed,
 264         Button[PUSH][FLAT].downloadFolder_btn:pressed, Button[PUSH][FLAT].delete_btn:pressed,
 265         Button[PUSH][FLAT].rename_btn:pressed, Button[PUSH][FLAT].uploadFiles_btn:pressed,
 266         Button[PUSH][FLAT].open_btn:pressed, Button[PUSH][FLAT].deleteBookmark_btn:pressed,
 267         Button[PUSH][FLAT].renameBookmark_btn:pressed {
 268         background-color: #fde2d5;
 269 }
 270
 271 /**  ACTIVITIES  **/
 272
 273 Button[PUSH][FLAT].markAsDone_btn {
 274         background-image: url( icons/activities/done.png);
 275 }
 276
 277 Button[PUSH][FLAT].cancel_btn {
 278         background-image: url( icons/activities/cancel.gif);
 279 }
 280
 281 Button[PUSH][FLAT].cancel_btn,
 282 Button[PUSH][FLAT].markAsDone_btn {
 283         border: 0px solid white;
 284         border-left: 10px solid transparent;
 285         border-radius: 0px;
 286         padding: 4px 5px 4px 24px;
 287         background-color: transparent;
 288         background-repeat: no-repeat;
 289         background-position: left;
 290         animation: hoverOut 500ms ease-out;
 291         cursor: pointer;
 292 }
 293
 294 Button[PUSH][FLAT].cancel_btn:hover,
 295 Button[PUSH][FLAT].markAsDone_btn:hover {
 296         background-color: #fef0ea;
 297 }
 298
 299 Button[PUSH][FLAT].cancel_btn:pressed,
 300 Button[PUSH][FLAT].markAsDone_btn:pressed {
 301         background-color: #fde2d5;
 302 }
 303
 304 /**  PEOPLE  **/
 305
 306 Button[PUSH][FLAT].small_delete_btn{
 307         background-image: url( icons/actions/deleteSmall.gif);
 308         background-repeat: no-repeat;
 309         border: 0px solid white;
 310         border-radius: 0px;
 311         padding: 0px 20px 0px 0px;
 312         background-color: transparent;
 313         animation: hoverOut 500ms ease-out;
 314         cursor: pointer;
 315 }
 316
 317
 318 /** Header **/
 319 .entity_header {
 320         font: 14px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
 321         text-decoration: none;
 322 }
 323
 324 /** LOGO */
 325 .people_logoBox {
 326         background-image: gradient(linear, left top, right top, from(#007a9a),
 327                 to(#00294a));
 328 }
 329
 330 .people_logo {
 331         background-color: transparent;
 332 }
 333
 334 .people_logoTable {
 335         background-color: transparent;
 336         color: white;
 337         font: 12px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
 338 }
 339
 340 /** Corresponding links */
 341 Link.people_logoTable,
 342 Link.people_logoTable:hover,
 343 Link.people_logoTable:selected,
 344 Link.people_logoTable:selected:unfocused,
 345 Link.people_logoTable:linesvisible:even:hover,
 346 Link.people_logoTable:linesvisible:even:selected,
 347 Link.people_logoTable:linesvisible:even:selected:unfocused {
 348         background-color: transparent;
 349         color: #ffffff;
 350         background-image: none;
 351 }