X-Git-Url: https://git.argeo.org/?p=gpl%2Fargeo-suite.git;a=blobdiff_plain;f=org.argeo.suite.theme.argeo2%2Ftheme.css;fp=org.argeo.suite.theme.argeo2%2Ftheme.css;h=0ebd22cff55efce8809af6f555ef9d2233eadf30;hp=0000000000000000000000000000000000000000;hb=864eada5d388931bc83cd7f68ce0d29dee5d65a1;hpb=b68da0915d3c5863b10d64f19910051163fb591f diff --git a/org.argeo.suite.theme.argeo2/theme.css b/org.argeo.suite.theme.argeo2/theme.css new file mode 100644 index 0000000..0ebd22c --- /dev/null +++ b/org.argeo.suite.theme.argeo2/theme.css @@ -0,0 +1,351 @@ +/****************************************** +** 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; +} + +/* Texts */ +Text[BORDER], Text[MULTI][BORDER] { + box-shadow: inset 0 0 1px #bdbdbd; +} + +/* Force show border on text even when disabled */ +Text.force_border[BORDER]:disabled, Text.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; +} +*/ + +/* Shows that focus has been gained */ +Text[BORDER]:focused, Text[MULTI][BORDER]:focused, Shell.popup_shell { + box-shadow: 1px 1px 2px black; + border: 1px solid #a4a4a4; +} + +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; +} + +/* Flat image Buttons */ +Button.flat_btn, Button[PUSH][FLAT].flat_btn, Button.flat_btn:default, + Button.flat_btn:disabled, Button.flat_btn:hover, Button.flat_btn:pressed, + Button.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[FLAT].open_calendar_btn { + background-image: url( icons/actions/openCalendar.gif); + background-color: transparent; + background-repeat: no-repeat; + border: 0px solid white; + border-radius: 0px; + padding: 0px 0px; + animation: hoverOut 500ms ease-out; + cursor: pointer; +} + + +/* 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; +} + +/*** FORMS ****/ +Text.workbench_form_text { + box-shadow: inset 0 0 0px #bdbdbd; + padding: 2px 8px 2px 8px; + border: 0px solid #f4f6f7; +} + +Text.workbench_form_text:focused { + padding: 2px 8px 2px 8px; + border: 2px solid red; + box-shadow: inset 0 0 1px #bdbdbd; +} + + + +/****** DASHBOARD *********/ + +/** Gadgets **/ +.gadget_box { + border: 1px solid #f3f3f4; + border-radius: 0px; + padding: 0px 0px; + margin: 0px 0px; + background-image: none; + background-color: transparent; +} + +.gadget_header { + background-color: #f3f3f4; + font-color: white; + color: white; /*dont work */ + font: bold 14px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif; +} + + +/****** DOCUMENTS *********/ + +/* Breadcrumb ***/ +Button.breadCrumb_btn { + border: 1px solid #f4f6f7; + border-radius: 3px; + padding: 2px 2px 2px 2px; + background-color: transparent; + background-repeat: no-repeat; + animation: hoverOut 500ms ease-out; + cursor: pointer; + font-color: #00294b; + text-decoration: none; +} + +Button.breadCrumb_btn:hover { + text-decoration: underline; +} + +/* Documents lists context menu */ +.contextMenu_box { + border: 0px solid #fde2d5; + padding: 0px; + box-shadow: 2px 2px 5px #fde2d5; +} + +Button[PUSH][FLAT].createFolder_btn { + background-image: url( icons/fs/addFolder.gif); +} + +Button[PUSH][FLAT].shareFolder_btn { + background-image: url( icons/fs/shareFolder.png); +} + +Button[PUSH][FLAT].bookmarkFolder_btn { + background-image: url( icons/fs/bookmarkFolder.png); +} + +Button[PUSH][FLAT].downloadFolder_btn { + background-image: url( icons/fs/downloadFolder.png); +} + +Button[PUSH][FLAT].delete_btn, Button[PUSH][FLAT].deleteBookmark_btn { + background-image: url( icons/fs/delete.png); +} + +Button[PUSH][FLAT].rename_btn, Button[PUSH][FLAT].renameBookmark_btn { + background-image: url( icons/fs/rename.png); +} + +Button[PUSH][FLAT].uploadFiles_btn { + background-image: url( icons/fs/upload.png); +} + +Button[PUSH][FLAT].open_btn { + background-image: url( icons/fs/open.png); +} + +Button[PUSH][FLAT].createFolder_btn, Button[PUSH][FLAT].shareFolder_btn, + Button[PUSH][FLAT].bookmarkFolder_btn, Button[PUSH][FLAT].downloadFolder_btn, + Button[PUSH][FLAT].delete_btn, Button[PUSH][FLAT].rename_btn, Button[PUSH][FLAT].uploadFiles_btn, + Button[PUSH][FLAT].open_btn, Button[PUSH][FLAT].deleteBookmark_btn, + Button[PUSH][FLAT].renameBookmark_btn { + border: 0px solid white; + border-left: 10px solid transparent; + border-radius: 0px; + padding: 4px 5px 4px 24px; + background-color: transparent; + background-repeat: no-repeat; + background-position: left; + animation: hoverOut 500ms ease-out; + cursor: pointer; +} + +Button[PUSH][FLAT].createFolder_btn:hover, Button[PUSH][FLAT].shareFolder_btn:hover, + Button[PUSH][FLAT].bookmarkFolder_btn:hover, Button[PUSH][FLAT].downloadFolder_btn:hover, + Button[PUSH][FLAT].delete_btn:hover, Button[PUSH][FLAT].rename_btn:hover, + Button[PUSH][FLAT].uploadFiles_btn:hover, Button[PUSH][FLAT].open_btn:hover, + Button[PUSH][FLAT].deleteBookmark_btn:hover, Button[PUSH][FLAT].renameBookmark_btn:hover + { + background-color: #fef0ea; +} + +Button[PUSH][FLAT].createFolder_btn:pressed, Button[PUSH][FLAT].shareFolder_btn:pressed, + Button[PUSH][FLAT].bookmarkFolder_btn:pressed, Button[PUSH][FLAT].shareFolder_btn:pressed, + Button[PUSH][FLAT].downloadFolder_btn:pressed, Button[PUSH][FLAT].delete_btn:pressed, + Button[PUSH][FLAT].rename_btn:pressed, Button[PUSH][FLAT].uploadFiles_btn:pressed, + Button[PUSH][FLAT].open_btn:pressed, Button[PUSH][FLAT].deleteBookmark_btn:pressed, + Button[PUSH][FLAT].renameBookmark_btn:pressed { + background-color: #fde2d5; +} + +/** ACTIVITIES **/ + +Button[PUSH][FLAT].markAsDone_btn { + background-image: url( icons/activities/done.png); +} + +Button[PUSH][FLAT].cancel_btn { + background-image: url( icons/activities/cancel.gif); +} + +Button[PUSH][FLAT].cancel_btn, +Button[PUSH][FLAT].markAsDone_btn { + border: 0px solid white; + border-left: 10px solid transparent; + border-radius: 0px; + padding: 4px 5px 4px 24px; + background-color: transparent; + background-repeat: no-repeat; + background-position: left; + animation: hoverOut 500ms ease-out; + cursor: pointer; +} + +Button[PUSH][FLAT].cancel_btn:hover, +Button[PUSH][FLAT].markAsDone_btn:hover { + background-color: #fef0ea; +} + +Button[PUSH][FLAT].cancel_btn:pressed, +Button[PUSH][FLAT].markAsDone_btn:pressed { + background-color: #fde2d5; +} + +/** PEOPLE **/ + +Button[PUSH][FLAT].small_delete_btn{ + background-image: url( icons/actions/deleteSmall.gif); + background-repeat: no-repeat; + border: 0px solid white; + border-radius: 0px; + padding: 0px 20px 0px 0px; + background-color: transparent; + animation: hoverOut 500ms ease-out; + cursor: pointer; +} + + +/** Header **/ +.entity_header { + font: 14px Helvetica, Verdana, "Lucida Sans", Arial, sans-serif; + text-decoration: none; +} + +/** LOGO */ +.people_logoBox { + 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; +} \ No newline at end of file