PortaleOrdiniGruppo/PortalStudio/pagelet/pagelet.css
2025-03-24 15:28:26 +01:00

425 lines
8.7 KiB
CSS

@import url('../fonts/OpenSans.css');
#backcanvas {
position: absolute;
padding: 0;
margin: 10px 0 10px;
bottom: 0;
top: 32px;
right: 10px;
left: 20px;
background-color: rgba(255,255,255,.2);
overflow: auto;
}
#loader {
position: absolute;
width: 100%;
bottom: 0;
top: 0;
opacity: .8;
filter: alpha(opacity = 80);
z-index: 1000000000;
background: #FFF url(./images/loader.gif) no-repeat center center;
}
#pgl_tabs {
width: 99%;
margin: 0 auto;
}
.tabs {
font-size: 10px;
color: #454545;
background: #D5D5D5;
border: 1px solid #808080;
font-weight: lighter;
font-family: Tahoma;
text-transform: capitalize;
cursor: pointer;
margin-right: 1px;
margin-top: 5px;
padding: 2px 4px;
}
.tabs.tabs_selected {
border-color: #028433;
color: #FFF;
background-position: 0 -96px;
}
.move {
w_idth: 99%;
position: absolute;
border: 1px solid #DCDCDC;
margin-bottom: 5px;
}
.move table {
width: 100%;
color: white;
font-weight: bold;
font-family: Tahoma;
font-size: 8pt;
background: url(../portalstudio/images/tabsprite.gif) repeat-x scroll 0 -96px transparent;
border: 1px solid #028433;
}
.move_handler {
display: inline-block;
width: 60px;
height: 18px;
background: url(images/drag_handler.png) no-repeat center center;
}
.properties_div {
width: 70px;
font-size: 10px;
padding: 2px;
border-left: 1px solid #028433;
border-right: 1px solid #028433;
}
.move span {
color: #FFF;
font-size: 10px;
font-weight: lighter;
font-family: Tahoma;
text-transform: capitalize;
cursor: pointer;
}
#close_portlet {
background: url(images/x.png) no-repeat 0 0;
height: 16px;
width: 16px;
cursor: pointer;
}
.cell {
border: 1px dotted #D5D5D5;
padding: 3px;
}
.cell.selected {
border: 1px solid #00A0BD;
}
.add_button a {
background: #00A0BD;
font-family: Open Sans;
font-weight: 400;
text-transform: capitalize;
text-decoration: none;
font-size: 12px;
color: #FFF;
padding: 4px 5px;
}
#pageletproperties {
position: absolute;
font-family: lucida grande,tahoma,verdana,arial,sans-serif;
top: 0;
height: 100%;
z-index: 102;
display: block;
position: static;
left: 0;
right: 0;
border: 0;
border-radius: 0;
-padding: 0 11px 0 6px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*STILE DEI TAB DELLE PROPERTIES*/
#pageletproperties .prop_tab {
font-size: 11px;
}
#pageletproperties .prop_tab.selected {
background: #00A0BD;
}
#pageletproperties .content {
padding: 0;
}
#pageletproperties .pSheet {
overflow: hidden;
margin: 0;
padding: 0;
}
.content .pSheet {
padding: 0;
}
#pageletproperties .pSeparator {
display: none;
}
#pageletproperties .psTopBar {
display: none;
}
#pageletproperties .ctrlSelect {
display: none;
}
#pageletproperties .properties_container {
display: block;
width: 100%;
position: static;
height: 45px;
width: 100%;
left: 0;
right: 0;
background-color: transparent;
border: 0;
z-index: 2;
padding: 0;
border-radius: 0;
}
#pageletpropertiespContainer {
margin: 0 4px;
}
#pageletproperties .Form_property_item {
background-color: transparent;
font-family: Open Sans;
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: #000;
border-width: 4px 1px;
border-style: solid;
border-color: transparent;
border-radius: 0;
-webkit-border-image: url(../portalstudio/images/border_search.png) 4 4 7 4 round round;
-moz-border-image: url(../portalstudio/images/border_search.png) 4 4 7 4 round round;
border-image-source: url(../portalstudio/images/border_search.png);
border-image-slice: 0 4 7 4;
border-image-width: 1 1;
border-image-repeat: round round;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Fix for IE8-9 for border-image */
#pageletproperties.ms .Form_property_item {
background: #F9F9F9;
border: 1px solid #D5D5D5;
}
#pageletproperties .properties_label {
cursor: pointer;
display: block;
font-size: 10px;
margin: 3px 0 1px 0;;
}
#pageletproperties .properties_label a {
color: #818181;
text-decoration: none;
font-family: Open Sans;
font-weight: 300;
font-size: 11px;
}
#pageletproperties .properties_button_table {
width: 100%;
}
#pageletproperties .tdInput {
margin: 0;
padding: 0;
padding-right: 2px;
}
#pageletproperties .input_inline_btn {
margin: -3px 0 0;
width: 18px;
height: 18px;
overflow: hidden;
cursor: pointer;
}
#pageletproperties .input_inline_btn::after {
content: attr(icon-data);
font-family: iMobileIcon;
font-weight: normal;
color: #00A0BD;
font-size: 16px;
vertical-align: top;
line-height: 18px;
}
#pageletproperties .tdButton {
width: 18px;
height: 18px;
margin: 0;
padding: 0;
}
#pageletproperties .properties_button_color {
width: 16px;
height: 16px;
float: right;
overflow: hidden;
cursor: pointer;
border: 1px solid #00A0BD;
}
#pageletproperties .property_item {
background-color: transparent;
font-family: Open Sans;
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: #000;
border-width: 4px 1px;
border-style: solid;
border-color: transparent;
border-radius: 0;
-webkit-border-image: url(../portalstudio/images/border_search.png) 4 4 7 4 round round;
-moz-border-image: url(../portalstudio/images/border_search.png) 4 4 7 4 round round;
border-image-source: url(../portalstudio/images/border_search.png);
border-image-slice: 0 4 7 4;
border-image-width: 1 1;
border-image-repeat: round round;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Fix for IE8-9 for border-image */
#pageletproperties.ms .property_item {
background: #F9F9F9;
border: 1px solid #D5D5D5;
}
#pageletproperties .properties_input {
width: 100%;
float: left;
margin: 0 2px 3px 0;
position: static;
overflow: hidden;
padding: 0 0 0 2px;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
#pageletproperties .properties_input_numeric {
text-align: right;
float: left;
margin: 0 2px 3px 0;
position: static;
overflow: hidden;
padding: 0 2px 0 0;
width: 70px;
}
#pageletproperties .input_zoom {
border: 1px solid #454545;
background-color: transparent;
background-repeat: repeat;
}
#pageletproperties .properties_color {
width: 100%;
padding: 0 ;
font-size: 11px;
float: left;
margin: 0 1px;
position: static;
overflow: hidden;
}
#pageletproperties .properties_select {
width: 100%;
padding: 0;
border: none;
margin-bottom: 3px;
border: 1px solid #DEDEDE;
background: #F9F9F9;
}
#pageletproperties .properties_checkbox_container {
padding: 2px;
background: none;
}
#pageletproperties .properties_image {
width: 100%;
padding: 0 ;
float: left;
margin: 0 1px;
position: static;
overflow: hidden;
}
#pageletproperties .properties_data {
width: 100%;
padding: 0;
border: none;
margin-bottom: 3px;
}
#pageletproperties .pSeparator {
height: 0;
width: 100%;
overflow: hidden;
border-width: 1px 0;
border-color: #676767 #000;
border-style: solid;
}
input[type = checkbox] {
cursor: default;
}
#pageletproperties input:-moz-placeholder {
color: #B3B3B3;
font-style: italic;
font-size: 13px;
font-family: Open Sans;
font-weight: 300;
}
#pageletproperties input:-ms-input-placeholder {
color: #B3B3B3;
font-style: italic;
font-size: 13px;
font-family: Open Sans;
font-weight: 300;
}
#pageletproperties input::-webkit-input-placeholder {
font-style: italic;
color: #B3B3B3;
font-size: 13px;
font-family: Open Sans;
font-weight: 300;
}
#pageletproperties input::-webkit-input-placeholder {
color: #A0A0A0;
font-style: italic;
font-size: 13px;
font-family: Open Sans;
font-weight: 300;
}
.propertiesTableTitle {
background: #D5D5D5;
font-family: Open Sans;
font-weight: 600;
font-size: 12px;
color: #000;
height: 18px;
line-height: 18px;
}
.propertiesTableTitle.button {
background: #00A0BD;
font-size: 12px;
padding: 1px 10px;
font-family: Open Sans;
font-weight: 300;
}
.propertiesTableTitle a,
.propertiesTableTitle a:hover,
.propertiesTableTitle a:active {
text-decoration: none;
color: #FFF;
}
a.propertiesTableTitleClose,
a.propertiesTableTitleClose:hover,
a.propertiesTableTitleClose:active {
background: #D5D5D5;
text-decoration: none;
padding: 0 5px;
display: inline-block;
height: 18px;
}
.propertiesTableTitleClose::after {
content: '\e6fd';
font-weight: normal;
font-family: iMobileIcon;
font-size: 8px;
color: #FFF;
line-height: 18px;
vertical-align: text-bottom;
}
.wireframe_container {
position: relative;
margin-top: 5px;
}