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