Introduce a bundle for Rap Workbench
[gpl/argeo-suite.git] / org.argeo.suite.workbench.rap / theme / argeo-classic / workbench-ext.css
diff --git a/org.argeo.suite.workbench.rap/theme/argeo-classic/workbench-ext.css b/org.argeo.suite.workbench.rap/theme/argeo-classic/workbench-ext.css
new file mode 100644 (file)
index 0000000..a5d18b2
--- /dev/null
@@ -0,0 +1,284 @@
+/******************************************
+**      Argeo Suite specific theming    **
+******************************************/
+
+/* Extends the default RAP theme. TODO: create a complete homogeneous theme */
+
+
+/** Uncomment this for dev only to show all composite borders */ 
+/*
+Composite, .showBorder, Composite.showBorder{
+       border:1px solid fuchsia;
+}
+
+Label {
+       border:1px solid blue;
+}
+*/
+/** DEFAULT STYLE - Override some styling provided by RAP **/
+
+* {
+  color: #333333;
+  background-color: white;
+  background-image: none;
+  font: 12px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
+}
+
+*:disabled {
+  color: #555555;
+}
+
+Text,
+Combo-Field, DateTime-Field {
+  padding: 2px 8px 2px 8px;
+}
+
+Text[BORDER],
+Text[MULTI][BORDER] {
+  box-shadow: inset 0 0 1px #bdbdbd;
+}
+
+
+Combo {
+  font: 14px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
+  padding: 2px 8px 2px 8px;
+}
+
+Combo,
+Combo[BORDER] {
+  box-shadow: inset 0 0 1px #bdbdbd;
+}
+
+Combo:focused,
+Combo[BORDER]:focused,
+DropDown, 
+Combo-List {
+  box-shadow: 1px 1px 2px black; 
+  border: 1px solid #a4a4a4;
+}
+
+Widget-ToolTip {
+  animation: fadeIn 250ms ease-in, fadeOut 250ms ease-in;
+}
+
+
+/** GADGETS  **/
+.people_gadget {
+  border: 1px solid #f3f3f4;
+  border-radius: 0px;
+  padding: 0px 0px;
+  margin: 0px 0px;
+  background-image: none;
+  background-color: transparent;
+}
+
+.people_gadget_header {
+  background-color: #f3f3f4;
+  font-color: white;
+  color: white; /*dont work */
+  font: bold 14px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
+
+}
+
+/** HEADER
+ **/
+.people_entity_header {
+  font: 14px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
+  text-decoration: none;
+}
+
+
+/****** Flat image Buttons *********/
+Button[PUSH][FLAT].people_flat_btn,
+Button.people_flat_btn,
+Button.people_flat_btn:default, 
+Button.people_flat_btn:disabled, 
+Button.people_flat_btn:hover, 
+Button.people_flat_btn:pressed, 
+Button.people_flat_btn:selected {
+  border: 0px solid white;
+  border-radius: 0px;
+  padding: 0px 0px;
+  background-image: none;
+  background-color: transparent;
+  animation: hoverOut 500ms ease-out;
+  cursor: pointer;
+}
+
+/*
+
+Button.createFolder_btn:selected,
+Button.createFolder_btn:disabled, 
+Button.createFolder_btn:pressed, 
+
+*/
+
+/****** Context menu  *********/
+.contextMenu_box {
+       border: 0px solid #fde2d5;
+       padding: 0px;
+       box-shadow: 2px 2px 5px #fde2d5; 
+}
+
+Button[PUSH][FLAT].createFolder_btn {
+       background-image: url( theme/argeo-classic/icons/fs/createFolder.png);
+}
+
+Button[PUSH][FLAT].shareFolder_btn {
+       background-image: url( theme/argeo-classic/icons/fs/shareFolder.png);
+}
+
+Button[PUSH][FLAT].downloadFolder_btn {
+       background-image: url( theme/argeo-classic/icons/fs/downloadFolder.png);
+}
+
+Button[PUSH][FLAT].delete_btn {
+       background-image: url( theme/argeo-classic/icons/fs/delete.png);
+}
+
+Button[PUSH][FLAT].uploadFiles_btn {
+       background-image: url( theme/argeo-classic/icons/fs/upload.png);
+}
+
+Button[PUSH][FLAT].open_btn {
+       background-image: url( theme/argeo-classic/icons/fs/open.png);
+}
+
+Button[PUSH][FLAT].shareFolder_btn,
+Button[PUSH][FLAT].downloadFolder_btn,
+Button[PUSH][FLAT].delete_btn,
+Button[PUSH][FLAT].uploadFiles_btn,
+Button[PUSH][FLAT].open_btn,
+Button[PUSH][FLAT].createFolder_btn {
+  border: 0px solid white;
+  border-left: 10px solid transparent;
+  border-radius: 0px;
+  padding: 8px 5px 8px 24px;
+  background-color: transparent;
+  background-repeat: no-repeat;
+  background-position: left; 
+  animation: hoverOut 500ms ease-out;
+  cursor: pointer;
+}
+
+Button[PUSH][FLAT].shareFolder_btn:hover,
+Button[PUSH][FLAT].downloadFolder_btn:hover,
+Button[PUSH][FLAT].delete_btn:hover,
+Button[PUSH][FLAT].uploadFiles_btn:hover,
+Button[PUSH][FLAT].open_btn:hover,
+Button[PUSH][FLAT].createFolder_btn:hover {
+  background-color: #fef0ea;
+}
+
+Button[PUSH][FLAT].shareFolder_btn:pressed,
+Button[PUSH][FLAT].downloadFolder_btn:pressed,
+Button[PUSH][FLAT].delete_btn:pressed,
+Button[PUSH][FLAT].uploadFiles_btn:pressed,
+Button[PUSH][FLAT].open_btn:pressed,
+Button[PUSH][FLAT].createFolder_btn:pressed {
+  background-color: #fde2d5;
+}
+
+/*******************************/
+/*   People Generic Styling  **/
+/*******************************/
+
+/**  TEXTS **/
+
+/* Force show border on text even when disabled */
+Text.people_force_border[BORDER]:disabled,
+Text.people_force_border[MULTI][BORDER]:disabled {
+  box-shadow: none;
+  border: 1px solid #a4a4a4;
+}
+
+Text[BORDER]:disabled,
+Text[MULTI][BORDER]:disabled {
+  box-shadow: none;
+  border: 1px solid white;
+}
+
+/* Signals focus gained ********/
+Text[BORDER]:focused,
+Text[MULTI][BORDER]:focused,
+Shell.people_popup_shell {
+  box-shadow: 1px 1px 2px black; 
+  border: 1px solid #a4a4a4;
+}
+
+/** LOGO */
+.people-logoComposite {
+  background-image: gradient(linear, left top, right top,
+                               from( #007a9a ),
+                               to( #00294a )
+);
+}
+
+.people-logo {
+  background-color: transparent; 
+}
+
+.people-logoTable {
+  background-color: transparent; 
+  color: white;
+  font: 12px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif;
+}
+
+/** Corresponding links */
+Link.people-logoTable,
+Link.people-logoTable:hover,
+Link.people-logoTable:selected,
+Link.people-logoTable:selected:unfocused,
+Link.people-logoTable:linesvisible:even:hover,
+Link.people-logoTable:linesvisible:even:selected,
+Link.people-logoTable:linesvisible:even:selected:unfocused
+{
+  background-color: transparent;
+  color: #ffffff;
+  background-image: none;
+
+}
+
+/******** LINKS **************/
+
+Link, Link-Hyperlink,
+Link-Hyperlink:link, 
+Link-Hyperlink:visited, 
+Link-Hyperlink:active {
+  color: #333333;
+  background-color: #ffffff;
+  background-image: none;
+  text-shadow: none;
+  text-decoration: none;
+}
+
+Link-Hyperlink:hover {
+  text-decoration: underline;
+}
+
+Link-Hyperlink:disabled {
+  color: #959595;
+}
+
+/*** Override default links **/
+a:link { 
+       color: #333333;  text-decoration:none;  
+} 
+a:hover { 
+       text-decoration:underline; 
+}
+
+
+/** TABLE ITEMS **/
+/* Fix invisible links on selected and hover table rows */
+Table-RowOverlay:selected,
+Table-RowOverlay:linesvisible:even:selected {
+  color: #333333;
+  background-color: #9aaaba;
+}
+
+Table-RowOverlay:selected:unfocused, 
+Table-RowOverlay:linesvisible:even:selected:unfocused {
+  color: #333333;
+  background-color: #a3b3c4;
+}