Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
webapp.VAADIN.themes.activiti.styles.css Maven / Gradle / Ivy
@import url(../reindeer/styles.css);
body {
margin:0;
font:12px/14px Arial, Helvetica, sans-serif;
color:#3c3c3c;
min-width:980px;
background:#f9f9f9;
max-width:1920px;
}
/* -------
Generic
------- */
.v-label-red {
color: red;
}
.v-panel-nocaption.v-panel-nocaption-light {
border: none;
}
.v-label-bold {
font-weight: bold;
}
.v-label-caption,
.v-button-caption {
text-shadow: none;
}
.clickable {
cursor: pointer;
}
.v-button-link .v-button-caption, .v-link a:link span, .v-link a:visited span {
color:#3c3c3c;
}
.noResizeTextArea{
resize: none;
}
.error {
background: url("img/warning.png") no-repeat scroll 0 0 transparent;
color: red;
padding-left: 20px;
}
/* -------------
Popup windows
------------- */
.v-window-light .v-window-header {
color:#007dc3;
font:18px Arial, Helvetica, sans-serif;
}
/* ---------------
Form Properties
--------------- */
.formprops .h4 {
color:#3c3c3c;
font:bold 12px Arial, Helvetica, sans-serif;
}
.formprop-user-selected {
font-weight: bold;
padding-left: 20px;
background: url(img/user-16.png) no-repeat;
}
.formprop-no-user-selected {
color: #848484;
}
/* -----------------------
Buttons - Normal button
----------------------- */
.v-button:focus {
background-position: 0 0;
background-image: url(img/button-bg-left-active.gif);
}
.v-button:focus .v-button-wrap {
background-position: right 0;
background-image: url(img/button-bg-right-active.gif);
}
.v-button:active,
.v-button.v-pressed {
background-position: 0 0;
background-image: url(img/button-bg-left-down.gif);
}
.v-button:active .v-button-wrap,
.v-button.v-pressed .v-button-wrap {
background-position: right 0;
background-image: url(img/button-bg-right-down.gif);
}
.v-button,
.v-disabled.v-button {
height: 24px;
padding: 0 0 0 5px;
background: transparent url(img/button-bg-left.gif) repeat-x 0 0;
cursor: pointer;
}
.v-button-wrap,
.v-disabled.v-button .v-button-wrap {
height: 24px;
padding: 4px 10px 0 4px;
background: transparent url(img/button-bg-right.gif) repeat-x right 0;
cursor: pointer;
}
.v-button-caption {
color: #464646;
}
.v-button.v-disabled .v-button-wrap .v-button-caption {
color: #646464;
cursor: default;
}
/* ----------------------
Buttons - Small button
---------------------- */
.v-button-small,
.v-disabled.v-button-small,
.v-button-small:active,
.v-pressed.v-button-small,
.v-button-small:focus {
height: 17px;
padding: 0 0 0 6px;
background: transparent url(img/button-bg-small-left.gif) repeat-x 0 0;
font:bold 10px/12px Arial, Helvetica, sans-serif;
cursor: pointer;
}
.v-button-small .v-button-wrap,
.v-button-small.v-disabled .v-button-wrap,
.v-button-small:active .v-button-wrap,
.v-button-small.v-pressed .v-button-wrap {
height: 17px;
padding: 1px 12px 0 6px;
background: transparent url(img/button-bg-small-right.gif) repeat-x right 0;
font:bold 10px/12px Arial, Helvetica, sans-serif;
cursor: pointer;
}
.v-button-small:focus .v-button-wrap {
background: transparent url(img/button-bg-small-right-focus.gif) repeat-x right 0;
}
.v-button-small:focus {
background: transparent url(img/button-bg-small-left-focus.gif) repeat-x 0 0;
}
.v-button-small .v-button-wrap .v-button-caption {
font:bold 10px/12px Arial, Helvetica, sans-serif;
}
/* --------------------
Buttons - Add button
-------------------- */
.v-button-add,
.v-disabled.v-button-add,
.v-button-add:active,
.v-pressed.v-button-add,
.v-button-add:focus
{
height: 25px;
width: 26px;
background: transparent background:url(img/ico-8.gif) no-repeat 0 0;
cursor: pointer;
}
.v-button-add .v-button-wrap,
.v-button-add.v-disabled .v-button-wrap,
.v-button-add:active .v-button-wrap,
.v-button-add.v-pressed .v-button-wrap,
.v-button-add:focus .v-button-wrap {
background: none;
}
/* ---------------------
Table - default style
--------------------- */
.v-table-row-odd, .v-table-row {
background-color: #fff;
overflow:hidden;
font:12px/14px Arial, Helvetica, sans-serif;
}
.v-table-row-odd.v-selected, .v-table-row.v-selected {
background: #dff5ff;
color: #000000;
font-weight: bold;
text-shadow: none;
}
.v-table-row-odd .v-table-cell-content, .v-table-row .v-table-cell-content {
border: none;
height: 35px;
border-bottom: 1px solid #c5c5c5;
}
.v-table-cell-content {
vertical-align: middle;
}
.v-table-body {
border: 1px solid #c5c5c5;
}
.v-table-body.focused {
border: 1px solid #c5c5c5;
}
.v-table .v-table-caption-container {
padding-right: 0px;
text-shadow: none;
}
.v-table .v-table-header-wrap {
background:#fff url(img/bg-table.png) repeat-x 0 100%;
}
/* -----
Login
----- */
/* General backrgound and font settings */
.login-general {
color: white; /* color of text */
font-family: Helvetica, Arial, sans-serif;
background: #1b7ec3; /* non-white part of page */
font-size: 14px;
font-weight: bold;
min-width:20px;
}
#login-content {
height: 200px;
}
/* white part of background */
#login-background {
position: absolute;
top: 0;
left: 0;
background: white;
height: 250px;
width: 100%;
border-bottom: solid 3px #a9b3ba; /* gray-blueish horitzontal line in the middle */
}
#login-central-components {
margin: 0 auto;
width: 360px;
padding-top: 300px;
text-align: center;
z-index: 1;
}
#login-logo {
margin: 0 auto;
height: 130px;
padding-top: 110px;
text-align: center;
}
/* Text fields of input form */
input.login-field {
font-size: 16px;
height:30px;
width: 250px;
margin-left: 10px;
padding-left: 7px; /* To start the typing of the text a bit to the right */
float: right;
background: white;
border: solid 1px transparent;
margin-bottom: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.login-field-caption {
line-height: 200%
}
/* 'Log in' Button */
.login-button {
text-align: center;
line-height: 200%;
float: right;
width: 150px;
height: 30px;
margin-top: 5px;
margin-right: 3px;
color: white;
font-size: 14px;
background-color: #55ba49;
border: solid 1px transparent;
font-weight: bold;
letter-spacing: 1px;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.login-button:hover {
background-color: #86e379;
}
.v-button-user .v-button-caption{
color: white;
line-height: 18px;
margin-right: 0.5em;
text-decoration: none;
}
.v-button-logout .v-button-caption {
color: white;
line-height: 18px;
margin-right: 0.5em;
text-decoration: none;
}
/* ------------
Main content
------------ */
.main {
background-color: #fff;
}
.main-content {
background-color: #fff;
}
/* ------
Header
------ */
.header {
padding:0 12px 0 10px;
height:1%;
position:relative;
background:#007dc3 url(img/bg-header.gif) repeat-x;
}
.header .v-button .v-button-wrap {
display: block;
height: 100%;
width: 100%;
background:url(img/separator-1.gif) no-repeat 100% 50%;
}
.header .v-button:hover, .header .v-button.active {
background:url(img/bg-nav-hover.gif) no-repeat 50% 0;
text-decoration:none;
}
.logo {
margin:12px 0;
background:url(img/logo.png) no-repeat;
text-indent:-9999px;
width:207px;
height:30px;
float:left;
}
.workflow-console-logo {
margin:12px 0;
background:url(img/workflow-console-logo.png) no-repeat;
text-indent:-9999px;
width:337px;
height:30px;
float:left;
}
/* -----------------
Header, Main menu
----------------- */
.main-menu-button .v-button-wrap {
text-align: center;
}
.main-menu-button .v-button-wrap .v-button-caption {
display: block;
width: 100%;
text-align: center;
font-size:12px;
color:#fff;
padding-top: 5px;
outline: 0;
}
.main-menu-button span img {
padding-top: 2px;
margin: 0px;
}
/* ---------------------
Header - Profile link
--------------------- */
.person {
float:right;
margin:18px 0 0;
position:relative;
background: none;
border: none;
}
.person .v-menubar-menuitem.v-menubar-menuitem-person-menu, .v-menubar-menuitem-person-menu.v-menubar-menuitem-selected {
float:left;
background:url(img/bullet-1.gif) no-repeat 100% 50%;
padding:0 13px 0 0;
color:#fff;
}
.v-menubar-popup .v-menubar-submenu-person {
background-color: #005eab;
color: #fff;
}
.v-menubar-popup .v-menubar-submenu-person .v-menubar-menuitem-selected {
background: #1B7EC3;
}
/* -------
Toolbar
------- */
.toolbar {
width:100%;
background:#fff url(img/bg-toolbar.gif) repeat-x 0 100%;
}
.v-horizontallayout-toolbar .v-horizontallayout-margin-left {
padding-left: 10px;
}
.v-horizontallayout-toolbar .v-horizontallayout-margin-right {
padding-right: 10px;
}
.v-horizontallayout-toolbar .v-horizontallayout-spacing-on {
padding-right: 15px;
}
.toolbar .v-button-toolbar-count.link.v-button-link {
color:#fff;
background:url(img/bg-number.gif) no-repeat;
padding:0 0 0 4px;
margin:0 0 0;
outline: 0;
}
.toolbar .v-button-toolbar-count.link.v-button-link.active {
background:url(img/bg-number-active.gif) no-repeat;
}
.toolbar .toolbar-count .v-button-wrap {
background:url(img/bg-number.gif) no-repeat 100% 0;
padding:0 0 1px 0;
margin:0 0 0 0;
}
.toolbar .v-button-toolbar-count.link.v-button-link.active .v-button-wrap {
background:url(img/bg-number-active.gif) no-repeat 100% 0;
}
.toolbar .v-button-toolbar-count.link.v-button-link.active .v-button-wrap .v-button-caption {
color: #fff;
}
.toolbar .v-button-wrap .v-button-caption {
font:16px/18px Arial, Helvetica, sans-serif;
padding:0 5px 0 0;
text-decoration: none;
color: #8e8e8e;
}
.toolbar .toolbar-button .v-button-wrap .v-button-caption {
font:11px Arial, Helvetica, sans-serif;
font-weight: bold;
color:#464646;
}
.toolbar .v-button-wrap .v-button-caption:hover {
color:#464646;
}
.toolbar .v-button-link.active .v-button-wrap .v-button-caption {
color:#007dc3;
}
.toolbar .toolbar-count .v-button-wrap {
background:url(img/bg-number.gif) no-repeat 100% 0;
padding:0 0 1px 0;
margin:0 0 0 0;
}
.toolbar .toolbar-count.active .v-button-wrap {
background:url(img/bg-number-active.gif) no-repeat 100% 0;
}
.toolbar .toolbar-count .v-button-wrap .v-button-caption {
font:10px/12px Arial, Helvetica, sans-serif;
text-decoration: none;
color:#fff;
}
.toolbar .v-menubar {
background: none;
border: none;
font:16px/18px Arial, Helvetica, sans-serif;
padding: 0px;
text-decoration: none;
color: #8e8e8e;
}
.toolbar .v-menubar .v-menubar-menuitem-selected {
color: #464646;
background: none;
}
.toolbar .v-menubar .v-menubar-menuitem-selected .v-menubar-menuitem-caption {
text-shadow: none;
}
.toolbar .v-menubar .v-menubar-menuitem:hover {
color: #464646;
}
.toolbar .v-menubar.active {
color:#007dc3;
}
/* Toolbar popup */
.v-menubar-popup .v-menubar-submenu-toolbar-popup {
font:14px Arial, Helvetica, sans-serif;
background-color: #fff;
color: #464646;
}
.v-menubar-toolbar-popup .v-menubar-menuitem .v-menubar-menuitem-caption {
text-shadow: none;
}
div.v-menubar-toolbar-popup {
padding-left: 0px;
}
.v-menubar-toolbar-popup .v-menubar-menuitem {
padding-left: 0px;
padding-right: 5px;
}
.v-menubar-popup .v-menubar-submenu-toolbar-popup .v-menubar-menuitem-selected {
background: #eaeaea;
color: #464646;
}
.v-menubar-popup .v-menubar-submenu-toolbar-popup .v-menubar-menuitem-selected .v-menubar-menuitem-caption {
text-shadow: none;
}
/* ------
Footer
------ */
.footer {
background:#f9f9f9;
border-top:1px solid #ababab;
font:bold 11px Arial, Helvetica, sans-serif;
color:#666;
padding:10px 0;
}
.footer .v-label {
text-align: center;
}
/* ----------------------
Search box - Textfield
---------------------- */
div.searchbox {
border-right: 1px solid #c5c5c5;
margin-left: -1px;
background: none;
}
.v-textfield.v-textfield-searchbox.searchbox, .v-textfield-focus.v-textfield-searchbox.searchbox {
margin:0;
padding:3px 0 3px;
height:19px;
color:#666;
font:11px/14px Arial, Helvetica, sans-serif;
background:none;
border:0;
}
.searchbox .v-csslayout-margin {
background:url(img/bg-input-l-1.gif) no-repeat;
padding-left: 13px;
}
.searchbox .v-csslayout-container {
background:url(img/bg-input-r-1.gif) 100% 0 no-repeat;
}
.searchbox .v-csslayout {
background:url(img/bg-input-c-1.gif) repeat-x;
}
/* ----------------------
Search box - Sort menu
---------------------- */
.searchbox-sortmenu {
background:url(img/bullet-2.gif) no-repeat 100% 50%;
border: none;
color:#3c3c3c;
}
.v-menubar-searchbox-sortmenu .v-menubar-menuitem,
.v-menubar-searchbox-sortmenu .v-menubar-menuitem:hover,
.v-menubar-searchbox-sortmenu .v-menubar-menuitem-selected {
color:#3c3c3c;
background: none;
text-shadow: none;
}
.v-menubar-popup .v-menubar-submenu-searchbox-sortmenu {
background-color: #fff;
color:#3c3c3c;
text-shadow: none;
}
.v-menubar-popup .v-menubar-submenu-searchbox-sortmenu .v-menubar-menuitem-selected {
background: #eaeaea;
color: #464646;
text-shadow: none;
}
/* ---------
Event box
--------- */
.v-panel-task-event-panel .v-panel-content > div {
background:#f2f2f2 url(img/bg-sidebar.gif) repeat-y;
}
.v-panel-task-event-panel .v-label-h2 {
color:#007dc3;
font:18px Arial, Helvetica, sans-serif;
}
.v-panel-task-event-panel .v-verticallayout .v-verticallayout-margin-top {
padding-top: 5px;
}
.v-gridlayout-event-grid .v-gridlayout-spacing-on {
padding-top: 15px;
padding-left: 8px;
}
.v-gridlayout-event-grid .v-gridlayout-margin-top {
padding-top: 10px;
}
.task-event-author {
color:#3c3c3c;
font-weight: bold;
}
.task-event-time {
display:block;
font:10px Arial, Helvetica, sans-serif;
color:#8c8c8c;
}
/* ---------------------
Detail - Detail panel
--------------------- */
.v-csslayout-detail-panel >.v-csslayout-margin {
background:#f2f2f2 url(img/bg-c.gif) repeat-x;
padding-top: 1px;
padding-left: 1px;
border: 1px solid #cecece;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}
/* --------------------
Detail - Title block
-------------------- */
.title-block .v-gridlayout-spacing-on {
padding-top: 5px;
}
.title-block .v-gridlayout-margin-bottom {
padding-bottom: 5px;
}
.title-block .v-horizontallayout-margin-bottom {
padding-bottom: 5px;
}
.title-block .h2 {
color:#007dc3;
font:24px/26px Arial, Helvetica, sans-serif;
}
.title-block .task-duedate, .title-block .job-duedate {
padding-left: 20px;
background: transparent url(img/duedate-16.png) no-repeat 0 0;
}
.title-block .task-priority-low {
padding-left: 20px;
background: transparent url(img/priority-low-16.png) no-repeat 0 0;
}
.title-block .task-priority-medium {
padding-left: 20px;
background: transparent url(img/priority-medium-16.png) no-repeat 0 0;
}
.title-block .task-priority-high {
padding-left: 20px;
background: transparent url(img/priority-high-16.png) no-repeat 0 0;
}
.title-block .task-create-time, .title-block .process-deploy-time,
.title-block .process-start-time, .title-block .deployment-deploy-time {
padding-left: 20px;
background: transparent url(img/create-time-16.png) no-repeat 0 0;
}
.title-block .process-version {
padding-left: 20px;
background: transparent url(img/version-16.png) no-repeat 0 0;
}
/* --------------------
Detail - Block
-------------------- */
.block-holder {
overflow:hidden;
margin:0 0 8px;
padding-top:10px;
border-top:1px solid #dcdcdc;
}
.block-holder .h3, .block-holder.h3 {
margin:0;
color:#007dc3;
font:16px Arial, Helvetica, sans-serif;
}
.block-holder.no-line {
border: none;
}
.block-holder .add {
float:right;
background:url(img/ico-8.gif) no-repeat;
text-indent:-9999px;
width:26px;
height:25px;
overflow:hidden;
}
/* -------------
Task - Detail
------------- */
.involve-people .v-gridlayout .v-gridlayout-margin-top {
padding-top: 5px;
}
.subtasks .v-gridlayout-spacing-on {
padding-top: 3px;
padding-left: 5px;
}
/* ------------
Profile page
------------ */
.profile-picture {
margin-top: 6px;
padding: 1px;
border: 1px solid #021a40;
}
.profile-layout .v-gridlayout-margin-bottom {
padding-bottom: 20px;
}
.profile-layout .v-gridlayout-margin-top {
padding-top: 5px;
}
/* ------------
Profile link
------------ */
.profile-link .v-button-link .v-button-caption {
color:#3c3c3c;
font-weight: bold;
}
/* -------------
Database page
------------- */
.database-table .v-table-cell-content {
height: 50px;
}
/* ----------
Deployment
---------- */
.upload-description {
margin: 1.5em;
padding-right: 3em;
}
.upload-button {
margin-top: 1.5em;
}
/* ----
Jobs
---- */
.job-exception-message {
color: #AA0000;
font-weight: bold;
}
/* ----------------------
Related content - list
---------------------- */
.v-table-related-content-list,
.v-table-related-content-list .v-table-body {
background: none;
border: none;
}
.v-table-related-content-list .v-table-body .v-table-row,
.v-table-related-content-list .v-table-body .v-table-row-odd,
.v-table-related-content-list .v-table-body .v-table-row .v-table-cell-content,
.v-table-related-content-list .v-table-body .v-table-row-odd .v-table-cell-content{
background: none;
border: none;
height: 28px;
}
.v-table-related-content-list .v-button-link .v-button-caption {
color: #464646;
text-decoration: none;
}
.v-table-related-content-list .v-button-link:focus .v-button-caption,
.v-table-related-content-list .v-button-link:hover .v-button-caption,
.v-table-related-content-list .v-button-link:active .v-button-caption
{
color: #464646;
text-decoration: underline;
}
.v-table-related-content-list a span {
text-decoration: none;
}
.v-table-related-content-list a:hover span {
text-decoration: underline;
}
/* ------------------------
Related content - Create
------------------------ */
.v-table-related-content-create-list {
margin-right: 0px;
}
.v-table-related-content-create-list .v-table-body {
border: none;
}
.v-table-related-content-create-list .v-table-body .v-table-table {
border-right: none;
}
.related-content-create-detail {
border: 1px solid #e8e8e3;
background-color: #e8e8e3;
}
.v-table-related-content-create-list .v-table-row,
.v-table-related-content-create-list .v-table-row-odd {
background: none;
}
.v-table-related-content-create-list .v-table-row .v-table-cell-content,
.v-table-related-content-create-list .v-table-row-odd .v-table-cell-content {
background: none;
border: none;
}
.v-table-related-content-create-list .v-table-row.v-selected .v-table-cell-content,
.v-table-related-content-create-list .v-table-row-odd.v-selected .v-table-cell-content {
border-top: 1px solid #c5c5c5;
border-bottom: 1px solid #c5c5c5;
}
.v-table-related-content-create-list .v-selected .v-table-cell-content-related-last-column {
background: #DFF5FF no-repeat url(img/arrow.png) right center;
}
.v-table-related-content-create-list .v-table-row.v-selected,
.v-table-related-content-create-list .v-table-row-odd.v-selected {
background: #DFF5FF;
}
/**********************
* Process definitions *
***********************/
.process-definition-suspend-choice {
margin: 5px 5px 5px 10px;
}
.process-definition-editor-choice {
border: 1px solid lightgrey;
padding: 1px;
margin-top: 5px;
margin-bottom: 5px;
background-color: #FFF298;
}
/**********************
* Custom Scrollbar CSS
**********************/
.vscroll-bar {width:7px !important;}
.vscroll-up,
.vscroll-down {display:none;}
#scrollslider1 {
overflow:hidden;
background:url(img/bg-scroll-b.gif) no-repeat 0 100%;
width:100%;
}
#scrollslider2,
#scrollslider0 {
overflow:hidden;
width:100%;
background:url(img/bg-scroll-b-1.gif) no-repeat 0 100%;
}
.vscroll-slider {
overflow:hidden;
background:url(img/bg-scroll.gif) repeat-y;
width:7px !important;
}
#scrollslider2 .scroll-bar-top {background:url(img/bg-scroll-t-1.gif) no-repeat;}
.scroll-bar-top {
background:url(img/bg-scroll-t.gif) no-repeat;
overflow:hidden;
width:7px !important;
height:4px;
}
.scroll-bar-bottom {
overflow:hidden;
width:7px !important;
}
.scroll-block {
height:588px;
overflow:hidden;
}
