gcube-widgets/war/gcube_common_styles.css

639 lines
12 KiB
CSS

/**
* Common CSS for gCube Portlets
*
* Massimiliano Assante, March 2013
*/ /****** PANELS STYLES *******/
@import url(normalize.css);
/* Use it for your portlet main Panel */
.gcube_panel {
background: #FFFFFF;
border: 1px solid #99BBE8;
overflow: hidden;
}
.gcube_poli_panel {
background: #FFFFFF;
border: 1px outset #99BBE8;
overflow: hidden;
}
.gcube_noborders_panel {
background: #FFFFFF;
border: 0px;
overflow: hidden;
}
/* or */
.gcube_panel_thick_border {
background: #FFFFFF;
border: 2px solid #99BBE8;
overflow: hidden;
}
/* To Use for the Portlet Main Header (if any) */
.gcube_header_background {
background: transparent url(gcube_images/white-top-bottom.gif) repeat-x
scroll 0 -1px;
border: 1px solid #99BBE8;
line-height: 15px;
overflow: hidden;
padding: 1px 4px 1px 4px;
margin: 0px;
}
.gcube_inner_header_background {
font-family: tahoma, arial, verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color: #15428B;
border-top: 1px solid #0D70C6;
border-left: 1px solid #0D70C6;
border-right: 1px solid #0D70C6;
background: transparent url(gcube_images/bg_nonselected_stack_item.png)
repeat;
}
.gcube_content_panel {
padding: 4px;
}
.gcube_panel_background {
font-family: tahoma, arial, verdana, sans-serif;
border: 1px solid #99BBE8;
font-size: 11px;
font-weight: bold;
color: #15428B;
background: transparent url(gcube_images/bg_nonselected_stack_item.png)
repeat;
}
.gcube_header_caption {
color: #15428B;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.23);
font-family: tahoma, arial, verdana, sans-serif;
font-size: 10px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: bold;
padding: 1px 4px 1px 2px;
}
/****** BORDERS STYLES *******/
.gcube_border_thin {
border: 1px solid #99BBE8;
}
.gcube_border_standard {
border: 2px solid #99BBE8;
}
/****** TABLE STYLES *******/
.gcube_table_header {
background: transparent url(gcube_images/gcube_header_gray.gif) repeat-x
scroll 0 -1px;
border: 1px solid #D0D0D0;
color: #000000;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 11px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
line-height: 15px;
overflow: hidden;
padding: 1px 4px 1px 4px;
margin: 0px;
}
.pad2 {
padding: 1px 2px 1px 2px;
}
.margin {
margin: 1px 2px 1px 2px;
}
/****** FORM COMPONENTS STYLES ******/
.gwt-TextBox {
background: #FFFFFF url(gcube_images/text-bg.gif) repeat-x scroll 0 0;
border: 1px solid #B5B8C8;
padding: 1px 3px;
}
.gwt-PushButton-up,.gwt-PushButton-up-hovering,.gwt-PushButton-down,.gwt-PushButton-down-hovering
{
cursor: hand;
cursor: pointer;
}
.gwt-Button {
color: #464646;
border: 1px solid #BBB;
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;
background: #F2F2F2 url(gcube_images/white-grad.png) repeat-x scroll left top;
font-size: 12px;
cursor: pointer;
cursor: hand;
padding: 3px 15px;
margin: 5px;
}
.gwt-Button[disabled]:hover,.gwt-Button[disabled]:active,.gwt-Button[disabled]
{
color: #CCC;
border-color: #BBB;
cursor: default;
opacity: 1.0;
background: #F2F2F2 url(gcube_images/white-grad.png) repeat-x scroll
left top;
}
.gwt-Button:hover {
border-color: #222;
color: #222;
opacity: 0.8;
}
.gwt-Button:active {
background: #e3e8f3;
}
.gwt-TextArea {
border: 1px inset #3366CC;
font-family: Arial, Helvetica, sans-serif;
}
.button_help {
cursor: hand;
cursor: pointer;
}
.button_help:hover {
opacity: 0.6;
filter: alpha(opacity = 60);
}
/****** FONTS ******/
.font_bold {
font-weight: bold
}
.font_family {
font-family: Verdana, Helvetica, Arial, sans-serif;
}
.font_tiny {
font-size: 8px;
}
.font_small {
font-size: 10px;
}
.font_standard {
font-size: 12px;
}
.font_large {
font-size: 16px;
}
.font_color {
color: #15428B;
}
/****** MOUSE POINTERS ******/
.crossCursor {
cursor: crosshair;
}
.widthResizeCursor {
cursor: e-resize;
}
.heightResizeCursor {
cursor: s-resize;
}
.seResizeCursor {
cursor: se-resize;
}
.cursor-move {
cursor: move;
}
/*
* Use This to make the hand appear */
.selectable {
cursor: hand;
cursor: pointer;
}
/****** BASKETING STYLES *******/
.gcube_basket_item {
background: transparent url(gcube_images/button_Down_stretch.png)
repeat-x scroll 0 0px;
border: 1px solid #0D70C6;
color: #15428B;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 12px;
overflow: hidden;
margin-left: 2px;
}
.gcube_selected {
border: 0px solid #D9E8FB;
background-color: #D9E8FB;
padding: 1px 4px 1px 4px;
}
/****** DIALOG BOX STYLES ******/
.gwt-PopupPanel {
background: #FFFFFF none repeat-x scroll 0 0;
border: 3px solid #99BBE8;
overflow: hidden;
}
.gwt-DecoratedPopupPanel {
background: #FFFFFF none repeat-x scroll 0 0;
border: 3px solid #99BBE8;
overflow: hidden;
}
/** dialog box **/
.gcube_DialogBox {
z-index: 10001;
background: #FFFFFF none repeat-x scroll 0 0;
border: 9px solid rgb(80, 80, 80); /* for not understanding rgba prop browsers*/
border: 9px solid rgba(0, 0, 0, 0.60);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.gcube_DialogBox .dialogTop {
background: #2999c9;
margin: 0px;
padding-left: 5px;
height: 20px;
}
.gcube_DialogBox .dialogMiddleCenter {
padding: 5px;
}
.gcube_DialogBox .dialogMiddleLeft {
background: #FFF;
padding-left: 5px;
}
.gcube_DialogBox .dialogMiddleRight {
background: #FFF;
padding-right: 5px;
}
.gcube_DialogBox .dialogBottom {
background: #FFF;
margin: 0px;
padding-left: 5px;
height: 5px;
}
.gcube_DialogBox .Caption {
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFF;
padding: 5px;
}
/****** DECORATED TAB BAR - TAB PANEL ********/
.gwt-TabPanel {
font-size: 11px;
font-family: sans-serif;
}
.gwt-TabPanelBottom {
border-top: 5px solid #DEDEDE;
overflow: hidden;
padding: 6px;
}
.gwt-DecoratedTabBar {
height: 10px;
color: #416AA3;
cursor: pointer;
font-family: tahoma, arial, helvetica;
font-size: 11px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
white-space: nowrap;
}
.gwt-TabBarItem {
height: 10px;
}
.gwt-DecoratedTabBar .gwt-TabBarItem {
margin-left: 6px;
border-collapse: separate;
}
.gwt-DecoratedTabBar .gwt-TabBarFirst {
width: 5px; /* first tab distance from the left */
}
.gwt-DecoratedTabBar .gwt-TabBarRest {
}
.gwt-DecoratedTabBar .tabTopCenter {
padding: 0px;
background: #DEDEDE;
}
.gwt-DecoratedTabBar .tabTopLeft,.gwt-DecoratedTabBar .tabTopRight {
padding: 0px;
zoom: 1;
}
.gwt-DecoratedTabBar .tabMiddleLeft,.gwt-DecoratedTabBar .tabMiddleRight
{
width: 6px;
padding: 0px;
background: #DEDEDE;
}
.gwt-DecoratedTabBar .tabMiddleLeftInner,.gwt-DecoratedTabBar .tabMiddleRightInner
{
width: 1px;
height: 1px;
}
.gwt-DecoratedTabBar .tabMiddleCenter {
cursor: pointer;
cursor: hand;
background: transparent url(gcube_images/gcube_header_gray.gif) repeat-x
scroll 0 -1px;
border-bottom: 1px solid #CDCDCD;
padding-top: 1px
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
background: #8DB2E3;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight
{
background: #CEDFF5 url(gcube_images/gcube-tab-bg-selected.gif) repeat-x
scroll center bottom;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
cursor: default;
background: #CEDFF5 url(gcube_images/gcube-tab-bg-selected.gif) repeat-x
scroll center bottom;
color: #15428B;
border-bottom: 1px solid #8DB2E3;
}
/****** MENUBAR ******/
.gwt-MenuBar .gwt-MenuItem {
color: #15428B;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 11px;
cursor: pointer;
cursor: hand;
border: 0px;
}
.gwt-MenuBar .gwt-MenuItem-selected {
background: #E0EDFE;
}
.gwt-MenuBar-horizontal {
color: #15428B;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 10px;
/*border:1px solid #99BBE8;*/
border: none;
background: none;
}
.gwt-MenuBar-horizontal .gwt-MenuItem {
vertical-align: bottom;
color: #3366CC;
font-weight: bold;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
width: 1px;
padding: 0px;
margin: 0px;
border: 0px;
border-left: 1px solid #888888;
background: white;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
width: 1px;
height: 1px;
background: white;
}
.gwt-MenuBar-vertical {
background-color: #cddef3;
border: 1px solid #99BBE8;
}
/* ********* Trees ***************** */
.gwt-Tree .gwt-TreeItem {
padding: 1px 0px;
margin: 0px;
border: 0px;
display: block !important;
white-space: nowrap;
cursor: hand;
cursor: pointer;
}
/* ******* StackPanel *********/ /* ******* StackPanel *********/
.gwt-StackPanel {
}
.gwt-StackPanel .gwt-StackPanelContent {
border: 1px solid #bbbbbb;
border-bottom: 0px;
background: white;
padding: 2px 2px 10px 5px;
}
.gwt-StackPanelItem {
cursor: pointer;
cursor: hand;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color: #15428B;
border-top: 1px solid #0D70C6;
border-left: 1px solid #0D70C6;
border-right: 1px solid #0D70C6;
background: transparent url(gcube_images/bg_nonselected_stack_item.png)
repeat;
}
.gwt-StackPanel .stackItemTopLeft,.gwt-StackPanel .stackItemTopRight {
height: 6px;
width: 6px;
zoom: 1;
}
.gwt-StackPanel .gwt-StackPanelItem-selected {
border: 1px solid #0D70C6;
color: #15428B;
background: transparent url(gcube_images/bg_selected_stack_item.png)
repeat-x scroll 0 -1px;
}
.gwt-PushButton-up,.gwt-PushButton-up-hovering,.gwt-PushButton-up-disabled,.gwt-PushButton-down,.gwt-PushButton-down-hovering,.gwt-PushButton-down-disabled
{
margin: 0;
text-decoration: none;
background: url("images/hborder.png") repeat-x 0px -27px;
border-radius: 2px;
-moz-border-radius: 2px;
}
.gwt-PushButton-up,.gwt-PushButton-up-hovering,.gwt-PushButton-up-disabled
{
padding: 3px 5px 3px 5px;
}
.gwt-PushButton-up {
border: 1px solid #bbb;
border-bottom: 1px solid #a0a0a0;
cursor: pointer;
cursor: hand;
}
.gwt-PushButton-up-hovering {
border: 1px solid;
border-color: #939393;
cursor: pointer;
cursor: hand;
}
.gwt-PushButton-up-disabled {
border: 1px solid #bbb;
cursor: default;
opacity: .5;
filter: alpha(opacity = 45);
zoom: 1;
}
.gwt-PushButton-down,.gwt-PushButton-down-hovering,.gwt-PushButton-down-disabled
{
padding: 4px 4px 2px 6px;
outline: none;
}
.gwt-PushButton-down {
border: 1px inset #666;
cursor: pointer;
cursor: hand;
}
.gwt-PushButton-down-hovering {
border: 1px solid #939393;
border-top: 1px solid #333333;
cursor: pointer;
cursor: hand;
}
.gwt-PushButton-down-disabled {
border: 1px outset #ccc;
cursor: default;
opacity: 0.5;
filter: alpha(opacity = 45);
zoom: 1;
}
.gwt-ToggleButton-up,.gwt-ToggleButton-up-hovering,.gwt-ToggleButton-up-disabled,.gwt-ToggleButton-down,.gwt-ToggleButton-down-hovering,.gwt-ToggleButton-down-disabled
{
margin: 0;
text-decoration: none;
background: url("images/hborder.png") repeat-x 0px -27px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.gwt-ToggleButton-up,.gwt-ToggleButton-up-hovering,.gwt-ToggleButton-up-disabled
{
padding: 3px 5px 3px 5px;
}
.gwt-ToggleButton-up {
border: 1px solid #bbb;
border-bottom: 1px solid #a0a0a0;
cursor: pointer;
cursor: hand;
}
.gwt-ToggleButton-up-hovering {
border: 1px solid;
border-color: #939393;
cursor: pointer;
cursor: hand;
}
.gwt-ToggleButton-up-disabled {
border: 1px solid #bbb;
cursor: default;
opacity: .5;
zoom: 1;
filter: alpha(opacity = 45);
}
.gwt-ToggleButton-down,.gwt-ToggleButton-down-hovering,.gwt-ToggleButton-down-disabled
{
padding: 4px 4px 2px 6px;
}
.gwt-ToggleButton-down {
background-position: 0 -513px;
border: 1px inset #666;
cursor: pointer;
cursor: hand;
}
.gwt-ToggleButton-down-hovering {
background-position: 0 -513px;
border: 1px inset;
border-color: #9cf #69e #69e #7af;
cursor: pointer;
cursor: hand;
}
.gwt-ToggleButton-down-disabled {
background-position: 0 -513px;
border: 1px inset #ccc;
cursor: default;
opacity: .5;
zoom: 1;
filter: alpha(opacity = 45);
}