org.argeo.suite.workbench.rap/theme/argeo-classic/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
   8 /** Uncomment this for dev only to show all composite borders */
   9 /*
  10 Composite, .showBorder, Composite.showBorder{
  11         border:1px solid fuchsia;
  12 }
  13
  14 Label {
  15         border:1px solid blue;
  16 }
  17 */
  18 /** DEFAULT STYLE - Override some styling provided by RAP **/
  19
  20 * {
  21   color: #333333;
  22   background-color: white;
  23   background-image: none;
  24   font: 12px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
  25 }
  26
  27 *:disabled {
  28   color: #555555;
  29 }
  30
  31 Text,
  32 Combo-Field, DateTime-Field {
  33   padding: 2px 8px 2px 8px;
  34 }
  35
  36 Text[BORDER],
  37 Text[MULTI][BORDER] {
  38   box-shadow: inset 0 0 1px #bdbdbd;
  39 }
  40
  41
  42 Combo {
  43   font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  44   padding: 2px 8px 2px 8px;
  45 }
  46
  47 Combo,
  48 Combo[BORDER] {
  49   box-shadow: inset 0 0 1px #bdbdbd;
  50 }
  51
  52 Combo:focused,
  53 Combo[BORDER]:focused,
  54 DropDown,
  55 Combo-List {
  56   box-shadow: 1px 1px 2px black;
  57   border: 1px solid #a4a4a4;
  58 }
  59
  60 Widget-ToolTip {
  61   animation: fadeIn 250ms ease-in, fadeOut 250ms ease-in;
  62 }
  63
  64
  65 /** GADGETS  **/
  66 .people_gadget {
  67   border: 1px solid #f3f3f4;
  68   border-radius: 0px;
  69   padding: 0px 0px;
  70   margin: 0px 0px;
  71   background-image: none;
  72   background-color: transparent;
  73 }
  74
  75 .people_gadget_header {
  76   background-color: #f3f3f4;
  77   font-color: white;
  78   color: white; /*dont work */
  79   font: bold 14px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
  80
  81 }
  82
  83 /** HEADER
  84  **/
  85 .people_entity_header {
  86   font: 14px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
  87   text-decoration: none;
  88 }
  89
  90
  91 /****** Flat image Buttons *********/
  92 Button[PUSH][FLAT].people_flat_btn,
  93 Button.people_flat_btn,
  94 Button.people_flat_btn:default,
  95 Button.people_flat_btn:disabled,
  96 Button.people_flat_btn:hover,
  97 Button.people_flat_btn:pressed,
  98 Button.people_flat_btn:selected {
  99   border: 0px solid white;
 100   border-radius: 0px;
 101   padding: 0px 0px;
 102   background-image: none;
 103   background-color: transparent;
 104   animation: hoverOut 500ms ease-out;
 105   cursor: pointer;
 106 }
 107
 108 /*
 109
 110 Button.createFolder_btn:selected,
 111 Button.createFolder_btn:disabled,
 112 Button.createFolder_btn:pressed,
 113
 114 */
 115
 116 /****** Context menu  *********/
 117 .contextMenu_box {
 118         border: 0px solid #fde2d5;
 119         padding: 0px;
 120         box-shadow: 2px 2px 5px #fde2d5;
 121 }
 122
 123 Button[PUSH][FLAT].createFolder_btn {
 124         background-image: url( theme/argeo-classic/icons/fs/createFolder.png);
 125 }
 126
 127 Button[PUSH][FLAT].shareFolder_btn {
 128         background-image: url( theme/argeo-classic/icons/fs/shareFolder.png);
 129 }
 130
 131 Button[PUSH][FLAT].downloadFolder_btn {
 132         background-image: url( theme/argeo-classic/icons/fs/downloadFolder.png);
 133 }
 134
 135 Button[PUSH][FLAT].delete_btn {
 136         background-image: url( theme/argeo-classic/icons/fs/delete.png);
 137 }
 138
 139 Button[PUSH][FLAT].uploadFiles_btn {
 140         background-image: url( theme/argeo-classic/icons/fs/upload.png);
 141 }
 142
 143 Button[PUSH][FLAT].open_btn {
 144         background-image: url( theme/argeo-classic/icons/fs/open.png);
 145 }
 146
 147 Button[PUSH][FLAT].shareFolder_btn,
 148 Button[PUSH][FLAT].downloadFolder_btn,
 149 Button[PUSH][FLAT].delete_btn,
 150 Button[PUSH][FLAT].uploadFiles_btn,
 151 Button[PUSH][FLAT].open_btn,
 152 Button[PUSH][FLAT].createFolder_btn {
 153   border: 0px solid white;
 154   border-left: 10px solid transparent;
 155   border-radius: 0px;
 156   padding: 8px 5px 8px 24px;
 157   background-color: transparent;
 158   background-repeat: no-repeat;
 159   background-position: left;
 160   animation: hoverOut 500ms ease-out;
 161   cursor: pointer;
 162 }
 163
 164 Button[PUSH][FLAT].shareFolder_btn:hover,
 165 Button[PUSH][FLAT].downloadFolder_btn:hover,
 166 Button[PUSH][FLAT].delete_btn:hover,
 167 Button[PUSH][FLAT].uploadFiles_btn:hover,
 168 Button[PUSH][FLAT].open_btn:hover,
 169 Button[PUSH][FLAT].createFolder_btn:hover {
 170   background-color: #fef0ea;
 171 }
 172
 173 Button[PUSH][FLAT].shareFolder_btn:pressed,
 174 Button[PUSH][FLAT].downloadFolder_btn:pressed,
 175 Button[PUSH][FLAT].delete_btn:pressed,
 176 Button[PUSH][FLAT].uploadFiles_btn:pressed,
 177 Button[PUSH][FLAT].open_btn:pressed,
 178 Button[PUSH][FLAT].createFolder_btn:pressed {
 179   background-color: #fde2d5;
 180 }
 181
 182 /*******************************/
 183 /*   People Generic Styling  **/
 184 /*******************************/
 185
 186 /**  TEXTS **/
 187
 188 /* Force show border on text even when disabled */
 189 Text.people_force_border[BORDER]:disabled,
 190 Text.people_force_border[MULTI][BORDER]:disabled {
 191   box-shadow: none;
 192   border: 1px solid #a4a4a4;
 193 }
 194
 195 Text[BORDER]:disabled,
 196 Text[MULTI][BORDER]:disabled {
 197   box-shadow: none;
 198   border: 1px solid white;
 199 }
 200
 201 /* Signals focus gained ********/
 202 Text[BORDER]:focused,
 203 Text[MULTI][BORDER]:focused,
 204 Shell.people_popup_shell {
 205   box-shadow: 1px 1px 2px black;
 206   border: 1px solid #a4a4a4;
 207 }
 208
 209 /** LOGO */
 210 .people-logoComposite {
 211   background-image: gradient(linear, left top, right top,
 212                                 from( #007a9a ),
 213                                 to( #00294a )
 214 );
 215 }
 216
 217 .people-logo {
 218   background-color: transparent;
 219 }
 220
 221 .people-logoTable {
 222   background-color: transparent;
 223   color: white;
 224   font: 12px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
 225 }
 226
 227 /** Corresponding links */
 228 Link.people-logoTable,
 229 Link.people-logoTable:hover,
 230 Link.people-logoTable:selected,
 231 Link.people-logoTable:selected:unfocused,
 232 Link.people-logoTable:linesvisible:even:hover,
 233 Link.people-logoTable:linesvisible:even:selected,
 234 Link.people-logoTable:linesvisible:even:selected:unfocused
 235 {
 236   background-color: transparent;
 237   color: #ffffff;
 238   background-image: none;
 239
 240 }
 241
 242 /******** LINKS **************/
 243
 244 Link, Link-Hyperlink,
 245 Link-Hyperlink:link,
 246 Link-Hyperlink:visited,
 247 Link-Hyperlink:active {
 248   color: #333333;
 249   background-color: #ffffff;
 250   background-image: none;
 251   text-shadow: none;
 252   text-decoration: none;
 253 }
 254
 255 Link-Hyperlink:hover {
 256   text-decoration: underline;
 257 }
 258
 259 Link-Hyperlink:disabled {
 260   color: #959595;
 261 }
 262
 263 /*** Override default links **/
 264 a:link {
 265         color: #333333;  text-decoration:none;
 266 }
 267 a:hover {
 268         text-decoration:underline;
 269 }
 270
 271
 272 /** TABLE ITEMS **/
 273 /* Fix invisible links on selected and hover table rows */
 274 Table-RowOverlay:selected,
 275 Table-RowOverlay:linesvisible:even:selected {
 276   color: #333333;
 277   background-color: #9aaaba;
 278 }
 279
 280 Table-RowOverlay:selected:unfocused,
 281 Table-RowOverlay:linesvisible:even:selected:unfocused {
 282   color: #333333;
 283   background-color: #a3b3c4;
 284 }