mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-10-05 17:52:03 +02:00
7376 lines
173 KiB
CSS
7376 lines
173 KiB
CSS
/**
|
||
* EGroupware: Stylite Pixelegg template
|
||
*
|
||
* et2 Messages
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||
* @package pixelegg
|
||
* @version $Id$
|
||
*/
|
||
/**
|
||
* addapted from orginal styles.php
|
||
*/
|
||
/**
|
||
* EGroupware general def_*.less are moved to phpgwapi/templates/default/*.less
|
||
* so they can be included from app specific files and are independent of Pixelegg template
|
||
*/
|
||
/**
|
||
* EGroupware: CSS with less preprocessor
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||
* @package phpgwapi
|
||
* @version $Id$
|
||
*/
|
||
/*
|
||
font styling
|
||
allowed attributes: font-family,font-size,color,font-weight
|
||
*/
|
||
body,
|
||
td,
|
||
textarea {
|
||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
font-size: 11px;
|
||
}
|
||
select,
|
||
input,
|
||
button {
|
||
color: #006699;
|
||
font-family: Arial, Helvetica, sans-serif;
|
||
font-size: 110%;
|
||
}
|
||
select {
|
||
font-size: 100%;
|
||
}
|
||
a:link,
|
||
a:visited {
|
||
cursor: pointer;
|
||
color: #006699;
|
||
text-decoration: none;
|
||
}
|
||
a:hover,
|
||
a:active {
|
||
cursor: pointer;
|
||
color: #ff9933;
|
||
text-decoration: underline;
|
||
}
|
||
.divLoginboxHeader,
|
||
.divSideboxHeader,
|
||
a.appTitles,
|
||
.appTitles,
|
||
a.textSidebox,
|
||
.textSidebox,
|
||
#fmStatusBar {
|
||
font-size: 90%;
|
||
}
|
||
.prefSection {
|
||
font-weight: bold;
|
||
font-size: 145%;
|
||
line-height: 40px;
|
||
}
|
||
#divAppboxHeader {
|
||
line-height: 28px;
|
||
font-size: 125%;
|
||
font-weight: bold;
|
||
color: #666666;
|
||
}
|
||
#divGenTime,
|
||
#divPoweredBy {
|
||
font-size: 80%;
|
||
color: #ff0000;
|
||
}
|
||
#divPoweredBy {
|
||
color: #000000;
|
||
}
|
||
#sideboxdragarea {
|
||
z-index: 100;
|
||
position: absolute;
|
||
left: 0px;
|
||
top: 105px;
|
||
}
|
||
#menu2handle {
|
||
padding-top: 10px;
|
||
}
|
||
#menu1close {
|
||
position: absolute;
|
||
right: 7px;
|
||
top: 7px;
|
||
}
|
||
/*
|
||
other styling
|
||
*/
|
||
body {
|
||
background-image: url(../images/body-background.png);
|
||
}
|
||
form {
|
||
margin: 0px;
|
||
padding: 0px;
|
||
}
|
||
img {
|
||
border: 0;
|
||
}
|
||
input,
|
||
button,
|
||
select {
|
||
border: solid 1px #bbbbbb;
|
||
}
|
||
input[type=submit],
|
||
input[type=button],
|
||
input[type=reset],
|
||
button,
|
||
.egwbutton {
|
||
background-color: #b9d5e3;
|
||
border: outset 1px #b9d5e3;
|
||
margin: 1px;
|
||
padding: 1px;
|
||
cursor: pointer;
|
||
color: #004e7d;
|
||
}
|
||
input[type=submit]:hover,
|
||
input[type=button]:hover,
|
||
input[type=reset]:hover,
|
||
button:hover,
|
||
.egwbutton:hover {
|
||
background-color: #94bfd4;
|
||
border: outset 1px #b9d5e3;
|
||
color: #004e7d;
|
||
}
|
||
input[type=submit]:active,
|
||
input[type=button]:active,
|
||
input[type=reset]:active,
|
||
button:active,
|
||
.egwbutton:active {
|
||
border: inset 1px #bbbbbb;
|
||
}
|
||
input[type=submit]:disabled,
|
||
input[type=button]:disabled,
|
||
input[type=reset]:disabled,
|
||
button:disabled,
|
||
.egwbutton:disabled {
|
||
background-color: transparent;
|
||
color: gray;
|
||
}
|
||
input.egwbutton {
|
||
background-color: #b9d5e3;
|
||
border: outset 1px #b9d5e3;
|
||
margin: 1px;
|
||
padding: 1px;
|
||
cursor: pointer;
|
||
color: #004e7d;
|
||
}
|
||
input.egwbutton:hover {
|
||
background-color: #94bfd4;
|
||
border: outset 1px #b9d5e3;
|
||
color: #004e7d;
|
||
}
|
||
input.egwbutton:active {
|
||
border: inset 1px #bbbbbb;
|
||
}
|
||
input[type=image] {
|
||
cursor: pointer;
|
||
border: 0;
|
||
}
|
||
#thesideboxcolumn {
|
||
width: 177px;
|
||
position: relative;
|
||
}
|
||
#sideresize {
|
||
background-image: url(../images/resize.png);
|
||
width: 13px;
|
||
height: 13px;
|
||
right: 1px;
|
||
top: 1px;
|
||
position: absolute;
|
||
z-index: 9999;
|
||
}
|
||
.divLoginbox {
|
||
position: relative;
|
||
width: 370px;
|
||
border: #9c9c9c 1px solid;
|
||
}
|
||
.divSidebox {
|
||
position: relative;
|
||
border: #9c9c9c 1px solid;
|
||
overflow: auto;
|
||
}
|
||
.divSideboxHeader,
|
||
.divLoginboxHeader {
|
||
text-align: center;
|
||
background-color: #dddddd;
|
||
padding-top: 2px;
|
||
color: #666666;
|
||
}
|
||
a.divSideboxEntry,
|
||
.divSideboxEntry {
|
||
text-align: left;
|
||
background-color: #FDFDFD;
|
||
}
|
||
a.appTitles,
|
||
.appTitles {
|
||
height: 18px;
|
||
padding-top: 2px;
|
||
padding-bottom: 2px;
|
||
}
|
||
a.textSidebox {
|
||
padding: 0;
|
||
border-top: 0;
|
||
}
|
||
.textSidebox {
|
||
padding-top: 3px;
|
||
padding-bottom: 3px;
|
||
padding-left: 1px;
|
||
border-top: solid #aaaaaa 1px;
|
||
overflow: auto;
|
||
}
|
||
.sideboxSpace {
|
||
height: 9px;
|
||
}
|
||
.greyLine {
|
||
margin: 1px;
|
||
border-top: solid 1px #7e7e7e;
|
||
height: 1px;
|
||
}
|
||
#extraIcons {
|
||
background-color: #eeeeee;
|
||
border: solid 1px #7e7e7e;
|
||
}
|
||
.extraIconsRow {
|
||
border: solid 1px #dddddd;
|
||
padding: 2px;
|
||
}
|
||
body {
|
||
padding: 0px;
|
||
margin: 0px;
|
||
}
|
||
#divMain,
|
||
#loginMainDiv,
|
||
#popupMainDiv {
|
||
background-color: white;
|
||
padding: 8px;
|
||
border-bottom: solid 1px #7e7e7e;
|
||
}
|
||
/*
|
||
** Popups
|
||
*/
|
||
#popupMainDiv {
|
||
margin: 8px;
|
||
border: solid 1px #7e7e7e;
|
||
padding-bottom: 0px;
|
||
}
|
||
#divLogo {
|
||
position: absolute;
|
||
left: 30px;
|
||
top: 20px;
|
||
z-index: 999;
|
||
}
|
||
#topmenu {
|
||
background-color: #0081c1;
|
||
background-image: url(../images/bgtopmenu2.png);
|
||
color: #006699;
|
||
/*border-top: solid 1px #7e7e7e;*/
|
||
border-bottom: solid #5793ff 1px;
|
||
height: 20px;
|
||
padding-top: 4px ;
|
||
line-height: 16px;
|
||
}
|
||
#topmenu a {
|
||
color: #006699;
|
||
}
|
||
#topmenu_items {
|
||
float: left;
|
||
}
|
||
#topmenu_info {
|
||
float: right;
|
||
}
|
||
#divUpperTabs {
|
||
text-align: right;
|
||
height: 15px;
|
||
margin-right: 10px;
|
||
}
|
||
#divUpperTabs ul {
|
||
display: inline;
|
||
margin: 0;
|
||
padding: 10px 10px 0 1px;
|
||
list-style: none;
|
||
}
|
||
#divUpperTabs li {
|
||
float: right;
|
||
margin: 0 5px 0 0;
|
||
padding: 0 5px 0 5px;
|
||
border: solid 1px #9c9c9c;
|
||
border-bottom: 0px;
|
||
}
|
||
#divAppIconBar {
|
||
background-color: silver;
|
||
border: solid 1px #9c9c9c;
|
||
background-image: url(../images/background-icon-bar.png);
|
||
background-repeat: repeat-x;
|
||
overflow: visible;
|
||
height: 45px;
|
||
/* prevents text line to show in IE7+8(Compatibilitymode) */
|
||
}
|
||
/* Star-Plus-HTML Hack fix for the above */
|
||
*:first-child + html #divAppIconBar {
|
||
height: 60px;
|
||
}
|
||
#divAppTextBar {
|
||
background-color: white;
|
||
}
|
||
#divStatusBar {
|
||
background-color: white;
|
||
height: 18px;
|
||
padding-left: 3px;
|
||
}
|
||
#tdSidebox {
|
||
width: 170px;
|
||
background-color: white;
|
||
overflow: visible;
|
||
}
|
||
#tdAppbox {
|
||
background-color: white;
|
||
padding-left: 5px;
|
||
width: 100%;
|
||
}
|
||
#divAppboxHeader {
|
||
background-image: url(../images/appbox-header-background.png);
|
||
background-repeat: repeat-x;
|
||
height: 25px;
|
||
border-bottom: solid 1px #c0c0c0;
|
||
text-align: center;
|
||
padding-bottom: 0px;
|
||
border-top: solid 1px #9c9c9c;
|
||
border-left: solid 1px #9c9c9c;
|
||
border-right: solid 1px #9c9c9c;
|
||
}
|
||
#divAppbox {
|
||
background-color: #ffffff;
|
||
padding: 5px;
|
||
border-bottom: solid 1px #9c9c9c;
|
||
border-left: solid 1px #9c9c9c;
|
||
border-right: solid 1px #9c9c9c;
|
||
}
|
||
#divGenTime,
|
||
#divPoweredBy {
|
||
bottom: 4px;
|
||
text-align: center;
|
||
width: 99%;
|
||
}
|
||
/*
|
||
Printing
|
||
*/
|
||
@media screen {
|
||
.onlyPrint {
|
||
display: none;
|
||
}
|
||
}
|
||
@media print {
|
||
.noPrint {
|
||
display: none;
|
||
}
|
||
}
|
||
/*
|
||
Portal_box as used in home
|
||
*/
|
||
.portal_box {
|
||
border: #9c9c9c 1px solid;
|
||
}
|
||
.portal_box table {
|
||
border: 1px solid black;
|
||
}
|
||
.portal_box_header {
|
||
height: 15px;
|
||
padding-top: 0px;
|
||
}
|
||
/*
|
||
Login page
|
||
*/
|
||
#loginMainDiv {
|
||
padding-top: 24px;
|
||
height: 700px;
|
||
/* 95% does not work */
|
||
position: relative;
|
||
background-repeat: no-repeat;
|
||
background-position: center 80px;
|
||
background-image: url(../images/login-background.jpg);
|
||
}
|
||
#loginScreenMessage {
|
||
text-align: center;
|
||
padding: 10px;
|
||
}
|
||
#loginCdMessage {
|
||
text-align: center;
|
||
padding-bottom: 10px;
|
||
color: red;
|
||
font-style: italic;
|
||
}
|
||
.divLoginboxHeader {
|
||
text-align: center;
|
||
border: #9c9c9c 1px solid;
|
||
/* does NOT work */
|
||
padding: 0px;
|
||
}
|
||
/*
|
||
Preferences tabs
|
||
*/
|
||
.tablink {
|
||
white-space: nowrap;
|
||
padding-left: 15px;
|
||
padding-right: 15px;
|
||
}
|
||
/* eGroupWare popup */
|
||
#egwpopup {
|
||
background-color: #ffffff;
|
||
border: 1px solid #d3d3d3;
|
||
}
|
||
#egwpopup hr {
|
||
border: none;
|
||
border-top: 1px solid #d3d3d3;
|
||
height: 1px;
|
||
}
|
||
#egwpopup_header {
|
||
background-image: url(../images/gradient22.png);
|
||
height: 18px;
|
||
line-height: 18px;
|
||
margin: 0;
|
||
padding: 0;
|
||
font-size: 12px;
|
||
font-weight: bold;
|
||
color: #666666;
|
||
text-align: center;
|
||
border-bottom: 1px solid #d3d3d3;
|
||
}
|
||
#egwpopup_message {
|
||
margin: 0;
|
||
padding: 7px;
|
||
overflow: auto;
|
||
}
|
||
#egwpopup_message > table {
|
||
font-size: 95%;
|
||
}
|
||
#egwpopup_message .link {
|
||
cursor: pointer;
|
||
}
|
||
#egwpopup_footer {
|
||
margin: 0;
|
||
padding: 7px;
|
||
border: none;
|
||
border-top: 1px solid #d3d3d3;
|
||
text-align: center;
|
||
}
|
||
.selectbg {
|
||
position: absolute;
|
||
z-index: 10;
|
||
overflow: hidden;
|
||
width: 250px;
|
||
}
|
||
.iframeforselectbox {
|
||
display: block;
|
||
height: 150px;
|
||
left: 10pt;
|
||
position: absolute;
|
||
top: 0pt;
|
||
width: 235px;
|
||
z-index: -1;
|
||
border: 0px;
|
||
}
|
||
.bdforselection {
|
||
padding: 12px;
|
||
}
|
||
/* new dialog style */
|
||
div.prompt,
|
||
table.prompt {
|
||
background: #ffffff url(../../default/images/prompt_bg.jpg) bottom right no-repeat;
|
||
border: 1px solid #4f6d81;
|
||
}
|
||
.promptheader {
|
||
background: url(../../default/images/prompt_header.gif) repeat-x;
|
||
color: #355468;
|
||
border: 1px solid #4f6d81;
|
||
border-bottom: none;
|
||
height: 24px;
|
||
}
|
||
/* TABLE STYLE */
|
||
/*
|
||
Table formatting
|
||
*/
|
||
.th {
|
||
color: black;
|
||
background-color: #D3DCE3;
|
||
}
|
||
.row_on {
|
||
color: black;
|
||
background-color: #F1F1F1;
|
||
}
|
||
.row_off {
|
||
color: black;
|
||
background-color: #ffffff;
|
||
}
|
||
.egwGridView_grid tr.row_on {
|
||
background-color: transparent;
|
||
}
|
||
.egwGridView_grid tr.row_off {
|
||
background-color: transparent;
|
||
}
|
||
.narrow_column {
|
||
width: 1%;
|
||
white-space: nowrap;
|
||
}
|
||
.egwGridView_outer table.egwGridView_grid {
|
||
table-layout: fixed;
|
||
}
|
||
.egwGridView_grid {
|
||
border-spacing: 0;
|
||
border-collapse: collapse;
|
||
}
|
||
.egwGridView_outer div.innerContainer.queued {
|
||
background-image: url(../../default/images/egw_action/ajax-loader.gif);
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
height: 19px;
|
||
}
|
||
.egwGridView_grid > tbody > tr.focused {
|
||
background-image: url(../../default/images/egw_action/focused_hatching.png);
|
||
background-repeat: repeat;
|
||
}
|
||
.egwGridView_grid > tbody > tr.selected {
|
||
background-color: #b7c3ff !important;
|
||
}
|
||
tr.draggedOver td {
|
||
/*.egwGridView_grid tr.draggedOver td {*/
|
||
background-color: #ffd09c !important;
|
||
}
|
||
.egwGridView_scrollarea {
|
||
width: 100%;
|
||
overflow: auto;
|
||
}
|
||
.egwGridView_spacer {
|
||
background-image: url(../../default/images/egw_action/non_loaded_bg.png);
|
||
background-position: top left;
|
||
}
|
||
.egwGridView_outer {
|
||
table-layout: fixed;
|
||
border-spacing: 0;
|
||
border-collapse: collapse;
|
||
padding: 0;
|
||
/* margin: 5px;*/
|
||
}
|
||
.egwGridView_outer td,
|
||
.egwGridView_outer tr {
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
.egwGridView_grid > tbody > tr > td {
|
||
border-right: 1px solid silver;
|
||
border-bottom: 1px solid #e0e0e0;
|
||
padding: 2px 3px 2px 4px;
|
||
margin: 0;
|
||
}
|
||
.egwGridView_outer th div.innerContainer,
|
||
.egwGridView_grid td div.innerContainer {
|
||
margin: 0;
|
||
padding: 0;
|
||
display: block;
|
||
overflow: hidden;
|
||
}
|
||
.egwGridView_outer th div.innerContainer {
|
||
max-height: 7em;
|
||
overflow-y: auto;
|
||
}
|
||
.egwGridView_grid tr.fullRow {
|
||
font-style: italic;
|
||
}
|
||
.egwGridView_grid tr.row_on:hover,
|
||
.egwGridView_grid tr.row_off:hover,
|
||
.egwGridView_grid tr.row:hover {
|
||
background-color: #f0f0ff;
|
||
}
|
||
.egwGridView_grid tr {
|
||
padding: 2px 3px 2px 4px;
|
||
margin: 0;
|
||
}
|
||
.egwGridView_grid tr.hidden {
|
||
display: none;
|
||
}
|
||
.egwGridView_grid span.indentation {
|
||
display: inline-block;
|
||
}
|
||
.egwGridView_grid span.iconOverlayContainer {
|
||
margin: 2px 5px 2px 2px;
|
||
position: relative;
|
||
-moz-user-select: none;
|
||
-khtml-user-select: none;
|
||
user-select: none;
|
||
overflow: visible;
|
||
display: inline-block;
|
||
}
|
||
.egwGridView_grid span.overlayContainer {
|
||
position: absolute;
|
||
right: -2px;
|
||
bottom: -2px;
|
||
vertical-align: bottom;
|
||
text-align: right;
|
||
}
|
||
.egwGridView_grid span.iconContainer {
|
||
display: inline-block;
|
||
padding: 0;
|
||
margin: 0;
|
||
text-align: center;
|
||
}
|
||
.egwGridView_grid span.overlayContainer img.overlay {
|
||
position: relative;
|
||
top: 1px;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
.egwGridView_grid img.icon {
|
||
vertical-align: middle;
|
||
margin: 0;
|
||
}
|
||
.egwGridView_grid span.arrow {
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
width: 8px;
|
||
height: 8px;
|
||
background-repeat: no-repeat;
|
||
margin-right: 2px;
|
||
-moz-user-select: none;
|
||
-khtml-user-select: none;
|
||
user-select: none;
|
||
}
|
||
.egwGridView_grid span.arrow.opened {
|
||
cursor: pointer;
|
||
background-image: url(../../default/images/egw_action/arrows.png);
|
||
background-position: -8px 0;
|
||
}
|
||
.egwGridView_grid span.arrow.closed {
|
||
cursor: pointer;
|
||
background-image: url(../../default/images/egw_action/arrows.png);
|
||
background-position: 0 0;
|
||
}
|
||
.egwGridView_grid span.arrow.loading {
|
||
cursor: pointer;
|
||
background-image: url(../../default/images/egw_action/ajax-loader.gif);
|
||
background-position: 0 0;
|
||
}
|
||
.egwGridView_grid span.caption {
|
||
cursor: default;
|
||
-moz-user-select: none;
|
||
-khtml-user-select: none;
|
||
user-select: none;
|
||
}
|
||
.egwGridView_grid tr.th > td,
|
||
.egwGridView_outer thead th,
|
||
.nextmatch_header,
|
||
.lettersearch {
|
||
background-color: #E0E0E0;
|
||
font-weight: normal;
|
||
padding: 2px;
|
||
border-left: 1px solid silver;
|
||
border-top: 1px solid silver;
|
||
border-right: 1px solid gray;
|
||
border-bottom: 1px solid gray;
|
||
background-image: url(../../default/images/egw_action/header_overlay.png);
|
||
background-position: center;
|
||
background-repeat: repeat-x;
|
||
}
|
||
.lettersearch,
|
||
.lettersearch_active {
|
||
-webkit-border-radius: 10px;
|
||
-moz-border-radius: 10px;
|
||
border-radius: 10px;
|
||
width: 25px;
|
||
border: 1px solid #D3DCE3;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
}
|
||
.lettersearch_active,
|
||
.lettersearch:hover {
|
||
border: 1px solid black;
|
||
background-color: #E8F0F0;
|
||
}
|
||
.lettersearch_active {
|
||
font-weight: bold;
|
||
}
|
||
td.lettersearch {
|
||
border-color: #E0E0E0;
|
||
background-image: url(../images/gradient22.png);
|
||
}
|
||
.nextmatch_header tr {
|
||
background: none;
|
||
}
|
||
.nextmatch_header {
|
||
padding: 0px;
|
||
}
|
||
.egwGridView_grid tr.th > td:hover,
|
||
.egwGridView_outer thead th:hover {
|
||
background-color: #F0F0F0;
|
||
}
|
||
.egwGridView_grid tr.th > td:active,
|
||
.egwGridView_outer thead th:active {
|
||
background-color: #D0D0D0;
|
||
border-left: 1px solid gray;
|
||
border-top: 1px solid gray;
|
||
border-right: 1px solid silver;
|
||
border-bottom: 1px solid silver;
|
||
}
|
||
.egwGridView_outer thead th.optcol {
|
||
padding: 0;
|
||
text-align: center;
|
||
}
|
||
.selectcols {
|
||
display: inline-block;
|
||
width: 10px;
|
||
height: 9px;
|
||
margin: 0;
|
||
padding: 0;
|
||
vertical-align: middle;
|
||
background-image: url(../../default/images/egw_action/selectcols.png);
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
}
|
||
.nextmatch_header .selectcols {
|
||
background: none;
|
||
height: auto;
|
||
}
|
||
.egwGridView_grid td.frame,
|
||
.egwGridView_outer td.frame,
|
||
.egwGridView_grid td.egwGridView_spacer {
|
||
padding: 0 !important;
|
||
border-right: 0 none silver !important;
|
||
border-bottom: 0 none silver !important;
|
||
}
|
||
.egwGridView_outer span.sort {
|
||
display: inline-block;
|
||
width: 7px;
|
||
height: 7px;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
margin: 2px;
|
||
vertical-align: middle;
|
||
}
|
||
.egwGridView_outer span.sort.asc {
|
||
background-image: url(../images/up.png);
|
||
}
|
||
.egwGridView_outer span.sort.desc {
|
||
background-image: url(../images/down.png);
|
||
}
|
||
.egwGridView_grid input[type=checkbox],
|
||
.egwGridView_outer input[type=checkbox] {
|
||
border-width: 0;
|
||
}
|
||
.egwGridView_outer input[type=checkbox] {
|
||
margin-left: 2px;
|
||
}
|
||
.egwGridView_grid input[type=checkbox] {
|
||
margin: 0;
|
||
}
|
||
.egwLinkMoreOptions {
|
||
display: none;
|
||
margin: 0;
|
||
padding: 0;
|
||
border-bottom: 2px solid black;
|
||
border-left: 2px solid black;
|
||
border-right: 2px solid black;
|
||
}
|
||
/* Empty placeholder */
|
||
.egwGridView_empty {
|
||
text-align: center;
|
||
border-bottom: 1px solid silver;
|
||
}
|
||
/**
|
||
* EGroupware: CSS with less preprocessor
|
||
*
|
||
* Definitions for buttons
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
|
||
* @package phpgwapi
|
||
* @version $Id$
|
||
*/
|
||
input[type="submit"],
|
||
input[type="button"],
|
||
input[type="reset"],
|
||
button,
|
||
.egwbutton {
|
||
background-color: #B9D5E3;
|
||
border: 1px outset #B9D5E3;
|
||
color: #004E7D;
|
||
}
|
||
.et2_button_text,
|
||
input[type="button"] {
|
||
background-color: #f0f0f0;
|
||
color: #b3b3b3;
|
||
margin: 5px;
|
||
padding: 3px;
|
||
border-radius: 20px 3px 3px 3px;
|
||
-webkit-border-radius: 20px 3px 3px 3px;
|
||
-moz-border-radius: 20px 3px 3px 3px;
|
||
}
|
||
.et2_button_text :before,
|
||
input[type="button"] :before {
|
||
content: "►";
|
||
color: red;
|
||
font-size: 50px;
|
||
}
|
||
.Complete_Button_normal {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
}
|
||
.Complete_Button_hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
background-color: inherit !important;
|
||
}
|
||
.Complete_Button_active {
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
.Complete_Button_focus {
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
.Complete_Button_add {
|
||
background-color: #0b5fa4;
|
||
color: #FFF;
|
||
text-shadow: none;
|
||
height: 35px;
|
||
background-image: none !important;
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
}
|
||
.Complete_Button_add:before {
|
||
content: "+";
|
||
font-size: 2em;
|
||
color: #ffc200;
|
||
}
|
||
.Complete_Button_add_hover {
|
||
background-color: #66a1d2 !important;
|
||
color: #ffc200;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
}
|
||
.Complete_Button_hinweis {
|
||
width: 32px;
|
||
height: 32px;
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
padding: 0 0.2em;
|
||
border-left: 3px solid;
|
||
border-left-color: #e4e7ea;
|
||
}
|
||
.Complete_Button_select {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
width: auto;
|
||
margin: 0.5em 0em 0.5em 0.5em;
|
||
padding: 3px;
|
||
outline: none;
|
||
display: inline-block;
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
cursor: pointer;
|
||
}
|
||
.Complete_Button_select_hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
.Complete_Button_select_focus {
|
||
outline: 0;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
}
|
||
.Complete_Button_input {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
width: auto;
|
||
margin: 0.5em 0em 0.5em 0;
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
}
|
||
.Complete_Button_input_hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
.Complete_Button_input_focus {
|
||
outline: 0;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
}
|
||
.Complete_Button_search_action {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
width: 3em;
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
background-color: #ffd44d;
|
||
color: #FFFFFF;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
padding: 3px;
|
||
margin-left: 5px;
|
||
}
|
||
.Complete_Button_search_action_hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
background-color: #ffd40f !important;
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
}
|
||
.Complete_Button_search_action_active {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
background-color: #ffd44d;
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
}
|
||
.Complete_Button_search_action_reset {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
width: 3em;
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
background-color: #ffd44d;
|
||
color: #FFFFFF;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
padding: 3px;
|
||
margin-left: 5px;
|
||
background: -webkit-gradient(linear, 0 0, 0 bottom, #d8d8d8, #a3a3a3), -moz-linear-gradient(#d8d8d8, #a3a3a3), -o-linear-gradient(#d8d8d8, #a3a3a3), linear-gradient(#d8d8d8, #a3a3a3);
|
||
-pie-background: linear-gradient(#d8d8d8, #a3a3a3);
|
||
behavior: url(/PIE.htc);
|
||
}
|
||
.Complete_Button_lettersearch {
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
text-align: center;
|
||
cursor: pointer;
|
||
}
|
||
.Complete_Button_text {
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
background-color: #f0f0f0;
|
||
border-color: #808080;
|
||
cursor: pointer;
|
||
}
|
||
.Complete_Button_text_hover {
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||
text-align: center;
|
||
cursor: pointer;
|
||
background-color: #b3b3b3 !important;
|
||
}
|
||
.Complete_Button_text_active {
|
||
color: #000000;
|
||
}
|
||
.Complete_Button_text_icon_before {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
}
|
||
.Complete_Button_text_icon_before_hover {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
.Complete_Button_text_icon_before_active {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
.Complete_Button_Icon_normal {
|
||
background-color: #f0f0f0;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
}
|
||
.Complete_Button_Icon_hover {
|
||
background-color: #b3b3b3 !important;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
}
|
||
.Complete_Button_Icon_active {
|
||
background-color: #808080;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
border: 1px solid rgba(0, 0, 0, 0.9);
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
}
|
||
.Complete_Button_Module_Menu_Links {
|
||
background-color: #f0f0f0;
|
||
}
|
||
.Complete_Button_Module_Menu_Links_Hover {
|
||
background-color: #b3b3b3 !important;
|
||
color: #f2f2f2;
|
||
}
|
||
.Complete_Button_Module_Menu_Links_active {
|
||
background-color: #f0f0f0;
|
||
}
|
||
.Complete_Button_Module_Menu_Links_Sub {
|
||
margin-left: 3px;
|
||
padding-top: 0px;
|
||
padding-bottom: 5px;
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
border-top-width: 0px;
|
||
background-color: #f0f0f0;
|
||
margin-top: -7px;
|
||
padding-left: 14px;
|
||
width: 93%;
|
||
}
|
||
.Complete_Button_Module_Menu_Links_Sub_Hover {
|
||
margin-left: 2px;
|
||
padding-top: 0px;
|
||
padding-bottom: 5px;
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
background-color: #d9d9d9;
|
||
}
|
||
/**##################################################################################################
|
||
* Button widget - text only, and icon
|
||
*
|
||
* ##################################################################################################
|
||
*/
|
||
.et2_button_text,
|
||
input[type=button] {
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
background-color: #f0f0f0;
|
||
border-color: #808080;
|
||
cursor: pointer;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
.et2_button_text:hover,
|
||
input[type=button]:hover {
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||
text-align: center;
|
||
cursor: pointer;
|
||
background-color: #b3b3b3 !important;
|
||
}
|
||
.et2_button_text:active,
|
||
input[type=button]:active {
|
||
color: #000000;
|
||
}
|
||
.et2_button_text:focus,
|
||
input[type=button]:focus {
|
||
color: #000000;
|
||
}
|
||
.et2_button_icon {
|
||
border: none;
|
||
background: transparent;
|
||
padding: 2px;
|
||
}
|
||
/* Button Hinzufügen */
|
||
#add.et2_button,
|
||
.Complete_Button_add {
|
||
background-color: #0b5fa4;
|
||
color: #FFF;
|
||
text-shadow: none;
|
||
height: 35px;
|
||
background-image: none !important;
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
}
|
||
#add.et2_button:before,
|
||
.Complete_Button_add:before {
|
||
content: "+";
|
||
font-size: 2em;
|
||
color: #ffc200;
|
||
}
|
||
input[type="submit"][id*="edit"],
|
||
input[type="button"][id*="edit"],
|
||
button[id*="edit"],
|
||
input[type="submit"][id*="edit"]:hover,
|
||
input[type="button"][id*="edit"]:hover,
|
||
button[id*="edit"]:hover {
|
||
background-image: url('../images/bearbeiten.png');
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
}
|
||
input[type="submit"][id*="copy"],
|
||
input[type="button"][id*="copy"],
|
||
button[id*="copy"],
|
||
input[type="submit"][id*="copy"]:hover,
|
||
input[type="button"][id*="copy"]:hover,
|
||
button[id*="copy"]:hover {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
background-image: url('../images/kopieren.png');
|
||
}
|
||
input[type="submit"][id*="cancel"],
|
||
input[type="button"][id*="cancel"],
|
||
button[id*="cancel"],
|
||
input[type="submit"][id*="cancel"]:hover,
|
||
input[type="button"][id*="cancel"]:hover,
|
||
button[id*="cancel"]:hover {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
background-image: url('../images/abbruch.png');
|
||
}
|
||
input[type="submit"][id*="delete"],
|
||
input[type="button"][id*="delete"],
|
||
button[id*="delete"] {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
background-image: url('../images/loeschen.png');
|
||
margin-left: 3em;
|
||
}
|
||
input[type="submit"][id*="delete"]:hover,
|
||
input[type="button"][id*="delete"]:hover,
|
||
button[id*="delete"]:hover {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
background-image: url('../images/loeschen.png');
|
||
background-color: red !important;
|
||
}
|
||
input[type="submit"][id*="apply"],
|
||
input[type="button"][id*="apply"],
|
||
button[id*="apply"],
|
||
input[type="submit"][id*="apply"]:hover,
|
||
input[type="button"][id*="apply"]:hover,
|
||
button[id*="apply"]:hover {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
background-image: url('../images/uebernehmen.png');
|
||
}
|
||
input[type="submit"][id*="save"],
|
||
input[type="button"][id*="save"],
|
||
button[id*="save"],
|
||
input[type="submit"][id*="save"]:hover,
|
||
input[type="button"][id*="save"]:hover,
|
||
button[id*="save"]:hover {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
background-image: url('../images/speichern.png');
|
||
}
|
||
input[type="submit"][id*="search"],
|
||
input[type="button"][id*="search"],
|
||
button[id*="search"] {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
background-image: url('../images/erweiterte-suche.png');
|
||
}
|
||
input[type="submit"][id*="search"]:hover,
|
||
input[type="button"][id*="search"]:hover,
|
||
button[id*="search"]:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
background-image: url('../images/erweiterte-suche.png');
|
||
}
|
||
input[type="submit"][id*="search"]:focus,
|
||
input[type="button"][id*="search"]:focus,
|
||
button[id*="search"]:focus {
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
button.button_ok {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
background-image: url('../images/speichern.png');
|
||
}
|
||
button.button_ok:hover {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
background-image: url('../images/speichern.png');
|
||
}
|
||
button#infolog-index_legacy_actions {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
background-image: url('../images/bearbeiten.png');
|
||
}
|
||
button#infolog-index_legacy_actions:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
background-image: url('../images/bearbeiten.png');
|
||
}
|
||
button#infolog-index_legacy_actions:focus {
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
button[id*="note"] {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
}
|
||
button[id*="note"]:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
button[id*="note"]:focus {
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
button#mail-index_button[mailcreate],
|
||
button[id*="mailcreate"] {
|
||
background-color: #0b5fa4;
|
||
color: #FFF;
|
||
text-shadow: none;
|
||
height: 35px;
|
||
background-image: none !important;
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
background-image: url("images/write_mail.png") !important;
|
||
background-position: right center !important;
|
||
background-repeat: no-repeat;
|
||
padding-left: 25px;
|
||
text-align: left;
|
||
width: 99%;
|
||
}
|
||
button#mail-index_button[mailcreate]:before,
|
||
button[id*="mailcreate"]:before {
|
||
content: "+";
|
||
font-size: 2em;
|
||
color: #ffc200;
|
||
}
|
||
button#mail-index_button[mailcreate]:before,
|
||
button[id*="mailcreate"]:before {
|
||
content: "+";
|
||
font-size: 2em;
|
||
color: #ffc200;
|
||
}
|
||
button#mail-index_button[mailcreate]:hover,
|
||
button[id*="mailcreate"]:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
}
|
||
button#mail-index_button[mailcreate]:focus,
|
||
button[id*="mailcreate"]:focus {
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
button#mail-compose_button[send],
|
||
button#mail-compose_button[id*="send"],
|
||
.mail-compose_button {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
padding-left: 30px !important;
|
||
background-position: 6px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px auto;
|
||
width: auto;
|
||
height: 32px;
|
||
background-image: url(../../mail/templates/default/images/mail_send.png) !important;
|
||
height: 26px;
|
||
padding: 0 3px 0 0;
|
||
background-color: #d9d9d9;
|
||
}
|
||
button#mail-compose_button[send]:hover,
|
||
button#mail-compose_button[id*="send"]:hover,
|
||
.mail-compose_button:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
button#mail-compose_button[send]:focus,
|
||
button#mail-compose_button[id*="send"]:focus,
|
||
.mail-compose_button:focus {
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
/**
|
||
* EGroupware: CSS with less preprocessor
|
||
*
|
||
* et2 Messages
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
|
||
* @package phpgwapi
|
||
* @version $Id$
|
||
*/
|
||
.egw_fw_ui_app_header_container {
|
||
border-width: 9px 0px 0px 9px;
|
||
border-style: solid;
|
||
border-color: #bfbfbf;
|
||
background-color: #bfbfbf;
|
||
}
|
||
.egw_fw_ui_app_header_container .egw_fw_ui_app_header {
|
||
border-width: 0px 0px 0px 0px;
|
||
border-style: solid;
|
||
border-color: #D5DDE6;
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-right-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topright: 20px;
|
||
border-radius: 3px;
|
||
border-top-right-radius: 20px;
|
||
padding: 14px 2px 4px 15px;
|
||
font-size: 1em;
|
||
font-weight: normal;
|
||
background-color: #f0f0f0;
|
||
color: #408dd2;
|
||
width: 80%;
|
||
}
|
||
.egw_fw_ui_app_header_container .egw_fw_ui_app_header:before {
|
||
content: "! ";
|
||
color: #ffc200;
|
||
font-size: 1em;
|
||
}
|
||
.colselection.ui-widget-content {
|
||
width: 33%;
|
||
}
|
||
/**
|
||
* EGroupware: CSS with less preprocessor
|
||
*
|
||
* Definitions for colors, fonts, borders and box shadow
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||
* @package phpgwapi
|
||
* @version $Id$
|
||
*/
|
||
.background-color-egw-normal {
|
||
background-color: #ffc200 !important;
|
||
}
|
||
.background-color-egw-light {
|
||
background-color: #ffd140;
|
||
}
|
||
.background-color-egw-lighter {
|
||
background-color: #ffdd73;
|
||
}
|
||
.background-color-egw-dark {
|
||
background-color: #0c5da5;
|
||
}
|
||
.background-color-egw-darker {
|
||
background-color: #26537c;
|
||
}
|
||
.color-0-gray {
|
||
color: #ffffff;
|
||
}
|
||
.color-5-gray {
|
||
color: #f2f2f2;
|
||
}
|
||
.color-10-gray {
|
||
color: #e6e6e6;
|
||
}
|
||
.color-15-gray {
|
||
color: #d9d9d9;
|
||
}
|
||
.color-25-gray {
|
||
color: #bfbfbf;
|
||
}
|
||
.color-30-gray {
|
||
color: #b3b3b3;
|
||
}
|
||
.color-40-gray {
|
||
color: #999999;
|
||
}
|
||
.color-50-gray {
|
||
color: #808080;
|
||
}
|
||
.color-100-gray {
|
||
color: #000000;
|
||
}
|
||
.background-color-warning {
|
||
background-color: #ff0000;
|
||
}
|
||
.background-color-hint {
|
||
background-color: #e60000;
|
||
}
|
||
.background-color-0-gray {
|
||
background-color: #ffffff;
|
||
}
|
||
.background-color-5-gray {
|
||
background-color: #fafafa;
|
||
}
|
||
.background-color-10-gray {
|
||
background-color: #f0f0f0;
|
||
}
|
||
.background-color-15-gray {
|
||
background-color: #d9d9d9;
|
||
}
|
||
.background-color-25-gray {
|
||
background-color: #bfbfbf;
|
||
}
|
||
.background-color-30-gray {
|
||
background-color: #b3b3b3 !important;
|
||
}
|
||
.background-color-40-gray {
|
||
background-color: #999999;
|
||
}
|
||
.background-color-50-gray {
|
||
background-color: #808080;
|
||
}
|
||
.background-color-Context-Help {
|
||
background-color: #ffc200;
|
||
}
|
||
.background-color-required-field {
|
||
background-color: #FFF;
|
||
color: #000;
|
||
border: 1px solid red;
|
||
}
|
||
.background-color-dialog-container {
|
||
background-color: #ffffff;
|
||
}
|
||
.background-color-search {
|
||
background-color: #ffd44d;
|
||
}
|
||
.background-table-cal-head {
|
||
background-color: #ffc200;
|
||
}
|
||
.border-color-10-gray {
|
||
border-color: #f0f0f0;
|
||
}
|
||
.border-color-15-gray {
|
||
border-color: #d9d9d9;
|
||
}
|
||
.border-color-25-gray {
|
||
border-color: #bfbfbf;
|
||
}
|
||
.border-color-50-gray {
|
||
border-color: #808080;
|
||
}
|
||
.basefontfamily {
|
||
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
|
||
font-size: 87.5%;
|
||
}
|
||
p {
|
||
font-size: 12px;
|
||
}
|
||
h1 {
|
||
font-size: 200%;
|
||
line-height: 1.2em;
|
||
margin: 0.4em 0 0;
|
||
}
|
||
h2 {
|
||
font-size: 170%;
|
||
line-height: 1.2em;
|
||
margin: 0.6em 0 0;
|
||
}
|
||
h3 {
|
||
font-size: 150%;
|
||
line-height: 0.8571em;
|
||
margin: 0.8571em 0 0;
|
||
}
|
||
h3 a {
|
||
color: #999999;
|
||
}
|
||
h4 {
|
||
font-size: 110%;
|
||
line-height: 1.125em;
|
||
margin: 1.125em 0 0;
|
||
}
|
||
h5 {
|
||
font-size: 100%;
|
||
line-height: 1.2857em;
|
||
margin: 1.2857em 0 0;
|
||
}
|
||
h6 {
|
||
font-size: 100%;
|
||
font-weight: bold;
|
||
line-height: 1.5em;
|
||
margin: 1.5em 0 0;
|
||
}
|
||
.border_radius_button_lefttop {
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
}
|
||
.border_radius_button_righttop {
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-right-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topright: 20px;
|
||
border-radius: 3px;
|
||
border-top-right-radius: 20px;
|
||
}
|
||
.border_radius_button_normal {
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
}
|
||
.box_shadow_standard_light {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
.box_shadow_standard_light_hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
.box_shadow_standard_light_inset {
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
.box_shadow_edit_dialog {
|
||
-moz-box-shadow: inset 0 0 5px 5px #888;
|
||
-webkit-box-shadow: inset 0 0 5px 5px #888;
|
||
box-shadow: inset 0 0 5px 5px #888;
|
||
margin: 5px ;
|
||
padding: 0%;
|
||
width: 100%;
|
||
}
|
||
.transparent_50 {
|
||
/* Required for IE 5, 6, 7 */
|
||
/* ...or something to trigger hasLayout, like zoom: 1; */
|
||
width: 100%;
|
||
/* Theoretically for IE 8 & 9 (more valid) */
|
||
/* ...but not required as filter works too */
|
||
/* should come BEFORE filter */
|
||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||
/* This works in IE 8 & 9 too */
|
||
/* ... but also 5, 6, 7 */
|
||
filter: alpha(opacity=50);
|
||
/* Older than Firefox 0.9 */
|
||
-moz-opacity: 0.5;
|
||
/* Safari 1.x (pre WebKit!) */
|
||
-khtml-opacity: 0.5;
|
||
/* Modern!
|
||
/* Firefox 0.9+, Safari 2?, Chrome any?
|
||
/* Opera 9+, IE 9+ */
|
||
opacity: 0.5;
|
||
}
|
||
.Button_size_square_32 {
|
||
width: 32px;
|
||
height: 32px;
|
||
}
|
||
.Button_size_square_16 {
|
||
width: 16px;
|
||
height: 16px;
|
||
}
|
||
.Button_size_square_8 {
|
||
width: 8px;
|
||
height: 8px;
|
||
}
|
||
.Button_size_h32_auto {
|
||
width: auto;
|
||
height: 32px;
|
||
}
|
||
.border_normal {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
}
|
||
.border_hover {
|
||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||
}
|
||
.border_active {
|
||
border: 1px solid rgba(0, 0, 0, 0.9);
|
||
}
|
||
.Rectangle_filters {
|
||
padding: 0 0 0 1em;
|
||
background-color: #f0f0f0;
|
||
margin-bottom: 3px;
|
||
margin: 0em;
|
||
border-width: 0 0 1px 0;
|
||
border-color: #d9d9d9;
|
||
background-image: none;
|
||
}
|
||
/*---------------------------------------------------
|
||
LESS Elements 0.9
|
||
---------------------------------------------------
|
||
A set of useful LESS mixins
|
||
More info at: http://lesselements.com
|
||
---------------------------------------------------*/
|
||
/**
|
||
* EGroupware: CSS with less preprocessor
|
||
*
|
||
* Definitions for content-elements
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
|
||
* @package phpgwapi
|
||
* @version $Id$
|
||
*/
|
||
/* #######################################################################################
|
||
*
|
||
*
|
||
* Inhaltselemente
|
||
*
|
||
*
|
||
* ########################################################################################
|
||
*/
|
||
html * {
|
||
font-size: 100%;
|
||
}
|
||
body {
|
||
background-image: none;
|
||
background-color: #f0f0f0;
|
||
color: #000000;
|
||
margin: 0px !important;
|
||
padding: 0px !important;
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
}
|
||
body,
|
||
td,
|
||
textarea {
|
||
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
|
||
font-size: 87.5%;
|
||
}
|
||
#egw_fw_basecontainer {
|
||
position: fixed;
|
||
width: 100%;
|
||
height: 100%;
|
||
padding: 0px;
|
||
margin: 0px;
|
||
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
|
||
font-size: 87.5%;
|
||
background-color: #fafafa;
|
||
}
|
||
input {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
width: auto;
|
||
margin: 0.5em 0em 0.5em 0;
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
}
|
||
input:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
input:focus {
|
||
outline: 0;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
}
|
||
select {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
width: auto;
|
||
margin: 0.5em 0em 0.5em 0.5em;
|
||
padding: 3px;
|
||
margin: 0;
|
||
-webkit-border-radius: 4px;
|
||
-moz-border-radius: 4px;
|
||
border-radius: 4px;
|
||
-webkit-box-shadow: 0 3px 0 #cccccc, 0 -1px #ffffff inset;
|
||
-moz-box-shadow: 0 3px 0 #cccccc, 0 -1px #ffffff inset;
|
||
box-shadow: 0 3px 0 #cccccc, 0 -1px #ffffff inset;
|
||
background: #f8f8f8;
|
||
color: #888;
|
||
border: none;
|
||
outline: none;
|
||
display: inline-block;
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
cursor: pointer;
|
||
}
|
||
select:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
select:focus {
|
||
outline: 0;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
}
|
||
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||
select {
|
||
padding-right: 18px;
|
||
}
|
||
}
|
||
select {
|
||
position: relative;
|
||
}
|
||
select:after {
|
||
content: '<>';
|
||
font: 11px "Consolas", monospace;
|
||
color: #aaa;
|
||
-webkit-transform: rotate(90deg);
|
||
-moz-transform: rotate(90deg);
|
||
-ms-transform: rotate(90deg);
|
||
transform: rotate(90deg);
|
||
right: 8px;
|
||
top: 2px;
|
||
padding: 0 0 2px;
|
||
border-bottom: 1px solid #ddd;
|
||
position: absolute;
|
||
pointer-events: none;
|
||
}
|
||
select:before {
|
||
content: '';
|
||
right: 6px;
|
||
top: 0px;
|
||
width: 20px;
|
||
height: 20px;
|
||
background: #f8f8f8;
|
||
position: absolute;
|
||
pointer-events: none;
|
||
display: block;
|
||
}
|
||
div.selectbox-wrapper ul {
|
||
list-style-type: none;
|
||
margin: 0px;
|
||
padding: 0px;
|
||
}
|
||
div.selectbox-wrapper ul li.selected {
|
||
background-color: #EAF2FB;
|
||
}
|
||
div.selectbox-wrapper ul li.current {
|
||
background-color: #CDD8E4;
|
||
}
|
||
div.selectbox-wrapper ul li {
|
||
list-style-type: none;
|
||
display: block;
|
||
margin: 0;
|
||
padding: 2px;
|
||
cursor: pointer;
|
||
}
|
||
.sbHolder {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
width: auto;
|
||
margin: 0.5em 0em 0.5em 0.5em;
|
||
padding: 3px;
|
||
outline: none;
|
||
display: inline-block;
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
cursor: pointer;
|
||
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
|
||
font-size: 87.5%;
|
||
font-size: 1.2em;
|
||
font-weight: normal;
|
||
height: 30px;
|
||
position: relative;
|
||
width: 10em;
|
||
}
|
||
.sbHolder:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
.sbHolder:focus {
|
||
outline: 0;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
}
|
||
.sbSelector {
|
||
display: block;
|
||
height: 30px;
|
||
left: 0;
|
||
line-height: 30px;
|
||
outline: none;
|
||
overflow: hidden;
|
||
position: absolute;
|
||
text-indent: 10px;
|
||
top: 0;
|
||
width: 170px;
|
||
}
|
||
.sbSelector:link,
|
||
.sbSelector:visited,
|
||
.sbSelector:hover {
|
||
color: #808080;
|
||
outline: none;
|
||
text-decoration: none;
|
||
}
|
||
.sbToggle {
|
||
background: url(../img/select-icons.png) 0 -116px no-repeat;
|
||
display: block;
|
||
height: 30px;
|
||
outline: none;
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
width: 30px;
|
||
}
|
||
.sbToggle:hover {
|
||
background: url(../images/select-icons.png) 0 -167px no-repeat;
|
||
}
|
||
.sbToggleOpen {
|
||
background: url(../images/select-icons.png) 0 -16px no-repeat;
|
||
}
|
||
.sbToggleOpen:hover {
|
||
background: url(../images/select-icons.png) 0 -66px no-repeat;
|
||
}
|
||
.sbHolderDisabled {
|
||
background-color: #3C3C3C;
|
||
border: solid 1px #515151;
|
||
}
|
||
.sbOptions {
|
||
background-color: #ffffff;
|
||
border: solid 1px #515151;
|
||
list-style: none;
|
||
left: -1px;
|
||
margin: 0;
|
||
padding: 0;
|
||
position: absolute;
|
||
top: 30px;
|
||
width: 200px;
|
||
z-index: 1;
|
||
overflow-y: auto;
|
||
}
|
||
.sbOptions li {
|
||
padding: 0 7px;
|
||
}
|
||
.sbOptions a {
|
||
border-bottom: dotted 1px #515151;
|
||
display: block;
|
||
outline: none;
|
||
padding: 7px 0 7px 3px;
|
||
}
|
||
.sbOptions a:link,
|
||
.sbOptions a:visited {
|
||
color: #000000;
|
||
text-decoration: none;
|
||
}
|
||
.sbOptions a:hover,
|
||
.sbOptions a:focus,
|
||
.sbOptions a.sbFocus {
|
||
color: #EBB52D;
|
||
}
|
||
.sbOptions li.last a {
|
||
border-bottom: none;
|
||
}
|
||
.sbOptions .sbDisabled {
|
||
border-bottom: dotted 1px #515151;
|
||
color: #999;
|
||
display: block;
|
||
padding: 7px 0 7px 3px;
|
||
}
|
||
.sbOptions .sbGroup {
|
||
border-bottom: dotted 1px #515151;
|
||
color: #EBB52D;
|
||
display: block;
|
||
font-weight: bold;
|
||
padding: 7px 0 7px 3px;
|
||
}
|
||
.sbOptions .sbSub {
|
||
padding-left: 17px;
|
||
}
|
||
.th {
|
||
background-color: #e0e0e0;
|
||
}
|
||
a:link,
|
||
a:visited,
|
||
select,
|
||
input,
|
||
textarea {
|
||
color: #000000;
|
||
}
|
||
select,
|
||
input,
|
||
button {
|
||
color: #000000;
|
||
font-size: 99%;
|
||
padding: 0.2em 0;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
border-color: #d9d9d9;
|
||
}
|
||
select {
|
||
font-size: 100%;
|
||
}
|
||
a:link,
|
||
a:visited {
|
||
cursor: pointer;
|
||
color: #000000;
|
||
text-decoration: none;
|
||
}
|
||
a:hover,
|
||
a:active {
|
||
cursor: pointer;
|
||
color: #000000;
|
||
text-decoration: underline;
|
||
}
|
||
.divLoginboxHeader,
|
||
.divSideboxHeader,
|
||
a.appTitles,
|
||
.appTitles,
|
||
a.textSidebox,
|
||
.textSidebox,
|
||
#fmStatusBar {
|
||
font-size: 90%;
|
||
}
|
||
.prefSection {
|
||
font-weight: bold;
|
||
font-size: 145%;
|
||
line-height: 40px;
|
||
}
|
||
#divAppboxHeader {
|
||
line-height: 28px;
|
||
font-size: 125%;
|
||
font-weight: bold;
|
||
color: #666666;
|
||
}
|
||
#divGenTime,
|
||
#divPoweredBy {
|
||
font-size: 80%;
|
||
color: #ff0000;
|
||
}
|
||
#divPoweredBy {
|
||
color: #000000;
|
||
}
|
||
#sideboxdragarea {
|
||
z-index: 100;
|
||
position: absolute;
|
||
left: 0px;
|
||
top: 105px;
|
||
}
|
||
#menu2handle {
|
||
padding-top: 10px;
|
||
}
|
||
#menu1close {
|
||
position: absolute;
|
||
right: 7px;
|
||
top: 7px;
|
||
}
|
||
.lettersearch {
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
text-align: center;
|
||
cursor: pointer;
|
||
}
|
||
.lettersearch:hover {
|
||
background-color: #b3b3b3 !important;
|
||
color: #ffffff;
|
||
}
|
||
.lettersearch_active {
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
text-align: center;
|
||
cursor: pointer;
|
||
background-color: #b3b3b3 !important;
|
||
font-weight: bold;
|
||
}
|
||
td.lettersearch {
|
||
background-image: none;
|
||
}
|
||
.nextmatch_header table {
|
||
border: none !important;
|
||
width: 99% !important;
|
||
}
|
||
.egw_fw_ui_sidemenu_marker {
|
||
display: block;
|
||
height: 20px;
|
||
padding: 2px 5px 2px 34px;
|
||
margin: 0;
|
||
border-width: 0px 1px 0px 1px;
|
||
border-style: solid;
|
||
border-color: #c6ced6;
|
||
cursor: pointer;
|
||
color: gray;
|
||
background-color: #fafafa;
|
||
-moz-border-radius: 5px;
|
||
-webkit-border-radius: 5px;
|
||
border-radius: 5px;
|
||
}
|
||
.egw_fw_ui_sidemenu_marker h1 {
|
||
display: inline;
|
||
font-size: 10pt;
|
||
font-weight: bold;
|
||
}
|
||
.egw_fw_ui_ajaxloader {
|
||
display: inline-block;
|
||
width: 16px;
|
||
height: 16px;
|
||
background-image: url(images/ajax-loader.gif);
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
float: right;
|
||
}
|
||
/* traditional */
|
||
form {
|
||
margin: 0px;
|
||
padding: 0px;
|
||
}
|
||
img {
|
||
border: 0;
|
||
}
|
||
input,
|
||
button,
|
||
select {
|
||
border: solid 1px #bbbbbb;
|
||
padding: 0.2em;
|
||
font-size: 1.1em;
|
||
}
|
||
input[type=submit],
|
||
input[type=button],
|
||
input[type=reset],
|
||
button,
|
||
.egwbutton {
|
||
background-color: #f0f0f0;
|
||
background-image: none;
|
||
border: outset 1px #b9d5e3;
|
||
margin: 1px;
|
||
padding: 1px;
|
||
cursor: pointer;
|
||
color: #004e7d;
|
||
}
|
||
input[type=submit]:hover,
|
||
input[type=button]:hover,
|
||
input[type=reset]:hover,
|
||
button:hover,
|
||
.egwbutton:hover {
|
||
background-color: #d9d9d9;
|
||
background-image: none;
|
||
border: outset 1px #b9d5e3;
|
||
color: #004e7d;
|
||
}
|
||
input[type=submit]:active,
|
||
input[type=button]:active,
|
||
input[type=reset]:active,
|
||
button:active,
|
||
.egwbutton:active {
|
||
border: inset 1px #bbbbbb;
|
||
}
|
||
input[type=submit]:disabled,
|
||
input[type=button]:disabled,
|
||
input[type=reset]:disabled,
|
||
button:disabled,
|
||
.egwbutton:disabled {
|
||
background-color: transparent;
|
||
color: gray;
|
||
}
|
||
input.egwbutton {
|
||
background-color: #b9d5e3;
|
||
border: outset 1px #b9d5e3;
|
||
margin: 1px;
|
||
padding: 1px;
|
||
cursor: pointer;
|
||
color: #004e7d;
|
||
}
|
||
input.egwbutton:hover {
|
||
background-color: #94bfd4;
|
||
border: outset 1px #b9d5e3;
|
||
color: #004e7d;
|
||
}
|
||
input.egwbutton:active {
|
||
border: inset 1px #bbbbbb;
|
||
}
|
||
input[type=image] {
|
||
cursor: pointer;
|
||
border: 0;
|
||
}
|
||
#thesideboxcolumn {
|
||
width: 177px;
|
||
position: relative;
|
||
}
|
||
#sideresize {
|
||
background-image: url(../images/resize.png);
|
||
width: 13px;
|
||
height: 13px;
|
||
right: 1px;
|
||
top: 1px;
|
||
position: absolute;
|
||
z-index: 9999;
|
||
}
|
||
.divSidebox {
|
||
position: relative;
|
||
border: #9c9c9c 1px solid;
|
||
overflow: auto;
|
||
}
|
||
.divSideboxHeader {
|
||
text-align: center;
|
||
background-color: #d9d9d9;
|
||
padding-top: 2px;
|
||
color: #808080;
|
||
}
|
||
a.divSideboxEntry,
|
||
.divSideboxEntry {
|
||
text-align: left;
|
||
background-color: #FDFDFD;
|
||
}
|
||
a.appTitles,
|
||
.appTitles {
|
||
height: 18px;
|
||
padding-top: 2px;
|
||
padding-bottom: 2px;
|
||
}
|
||
a.textSidebox {
|
||
padding: 0;
|
||
border-top: 0;
|
||
}
|
||
.textSidebox {
|
||
padding-top: 3px;
|
||
padding-bottom: 3px;
|
||
padding-left: 1px;
|
||
border-top: solid #aaaaaa 1px;
|
||
overflow: auto;
|
||
}
|
||
.sideboxSpace {
|
||
height: 9px;
|
||
}
|
||
.greyLine {
|
||
margin: 1px;
|
||
border-top: solid 1px #7e7e7e;
|
||
height: 1px;
|
||
}
|
||
#extraIcons {
|
||
background-color: #eeeeee;
|
||
border: solid 1px #7e7e7e;
|
||
}
|
||
.extraIconsRow {
|
||
border: solid 1px #dddddd;
|
||
padding: 2px;
|
||
}
|
||
#topmenu {
|
||
background-color: #0081c1;
|
||
background-image: url(../images/bgtopmenu2.png);
|
||
color: #006699;
|
||
/*border-top: solid 1px #7e7e7e;*/
|
||
border-bottom: solid #5793ff 1px;
|
||
height: 20px;
|
||
padding-top: 4px ;
|
||
line-height: 16px;
|
||
}
|
||
#topmenu a {
|
||
color: #006699;
|
||
}
|
||
#topmenu_items {
|
||
float: left;
|
||
}
|
||
#topmenu_info {
|
||
float: right;
|
||
}
|
||
#divUpperTabs {
|
||
text-align: right;
|
||
height: 15px;
|
||
margin-right: 10px;
|
||
}
|
||
#divUpperTabs ul {
|
||
display: inline;
|
||
margin: 0;
|
||
padding: 10px 10px 0 1px;
|
||
list-style: none;
|
||
}
|
||
#divUpperTabs li {
|
||
float: right;
|
||
margin: 0 5px 0 0;
|
||
padding: 0 5px 0 5px;
|
||
border: solid 1px #9c9c9c;
|
||
border-bottom: 0px;
|
||
}
|
||
/* Star-Plus-HTML Hack fix for the above */
|
||
*:first-child + html #divAppIconBar {
|
||
height: 60px;
|
||
}
|
||
#divAppTextBar {
|
||
background-color: white;
|
||
}
|
||
#divStatusBar {
|
||
background-color: white;
|
||
height: 18px;
|
||
padding-left: 3px;
|
||
}
|
||
#tdSidebox {
|
||
width: 170px;
|
||
background-color: white;
|
||
overflow: visible;
|
||
}
|
||
#tdAppbox {
|
||
background-color: white;
|
||
padding-left: 5px;
|
||
width: 100%;
|
||
}
|
||
#divAppboxHeader {
|
||
background-image: url(../images/appbox-header-background.png);
|
||
background-repeat: repeat-x;
|
||
height: 25px;
|
||
border-bottom: solid 1px #c0c0c0;
|
||
text-align: center;
|
||
padding-bottom: 0px;
|
||
border-top: solid 1px #9c9c9c;
|
||
border-left: solid 1px #9c9c9c;
|
||
border-right: solid 1px #9c9c9c;
|
||
}
|
||
#divAppbox {
|
||
background-color: #ffffff;
|
||
padding: 5px;
|
||
border-bottom: solid 1px #9c9c9c;
|
||
border-left: solid 1px #9c9c9c;
|
||
border-right: solid 1px #9c9c9c;
|
||
}
|
||
#divGenTime,
|
||
#divPoweredBy {
|
||
bottom: 4px;
|
||
text-align: center;
|
||
width: 99%;
|
||
}
|
||
/**
|
||
* EGroupware: CSS with less preprocessor
|
||
*
|
||
* Definitions for icons using entypo-icon-font
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||
* @package phpgwapi
|
||
* @version $Id$
|
||
*/
|
||
@charset "UTF-8";
|
||
@font-face {
|
||
font-family: 'entypo-icon-font';
|
||
src: url("../fonts/entypo-icon-font/entypo-icon-font.eot");
|
||
src: url("../fonts/entypo-icon-font/entypo-icon-font.eot?#iefix") format('embedded-opentype'), url("../fonts/entypo-icon-font/entypo-icon-font.woff") format('woff'), url("../fonts/entypo-icon-font/entypo-icon-font.ttf") format('truetype'), url("../fonts/entypo-icon-font/entypo-icon-font.svg#entypo-icon-font") format('svg');
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
}
|
||
[class^="icon-"]:before,
|
||
[class*=" icon-"]:before,
|
||
[class*=" ui-icon-"]:before,
|
||
[class*="ui-icon-"]:before {
|
||
font-family: 'entypo-icon-font';
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
speak: none;
|
||
display: inline-block;
|
||
text-decoration: inherit;
|
||
width: 1em;
|
||
margin-right: 0.2em;
|
||
text-align: center;
|
||
/*opacity: 0.8;*/
|
||
/* fix buttons height, for twitter bootstrap */
|
||
line-height: 1em;
|
||
/* Animation center compensation - magrins should be symmetric */
|
||
/* remove if not needed */
|
||
margin-left: 0.2em;
|
||
/* you can be more comfortable with increased icons size */
|
||
font-size: 120%;
|
||
/* Uncomment for 3D effect */
|
||
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
||
}
|
||
.icon-plus:before {
|
||
content: '\2b';
|
||
}
|
||
/* '+' */
|
||
.icon-minus:before {
|
||
content: '\2d';
|
||
}
|
||
/* '-' */
|
||
.icon-info:before {
|
||
content: '\2139';
|
||
}
|
||
/* 'ℹ' */
|
||
.icon-left-thin:before {
|
||
content: '\2190';
|
||
}
|
||
/* '←' */
|
||
.icon-up-thin:before {
|
||
content: '\2191';
|
||
}
|
||
/* '↑' */
|
||
.icon-right-thin:before {
|
||
content: '\2192';
|
||
}
|
||
/* '→' */
|
||
.icon-down-thin:before {
|
||
content: '\2193';
|
||
}
|
||
/* '↓' */
|
||
.icon-level-up:before {
|
||
content: '\21b0';
|
||
}
|
||
/* '↰' */
|
||
.icon-level-down:before {
|
||
content: '\21b3';
|
||
}
|
||
/* '↳' */
|
||
.icon-switch:before {
|
||
content: '\21c6';
|
||
}
|
||
/* '⇆' */
|
||
.icon-infinity:before {
|
||
content: '\221e';
|
||
}
|
||
/* '∞' */
|
||
.icon-plus-squared:before {
|
||
content: '\229e';
|
||
}
|
||
/* '⊞' */
|
||
.icon-minus-squared:before {
|
||
content: '\229f';
|
||
}
|
||
/* '⊟' */
|
||
.icon-home:before {
|
||
content: '\2302';
|
||
}
|
||
/* '⌂' */
|
||
.icon-keyboard:before {
|
||
content: '\2328';
|
||
}
|
||
/* '⌨' */
|
||
.icon-erase:before {
|
||
content: '\232b';
|
||
}
|
||
/* '⌫' */
|
||
.icon-pause:before {
|
||
content: '\2389';
|
||
}
|
||
/* '⎉' */
|
||
.icon-fast-forward:before {
|
||
content: '\23e9';
|
||
}
|
||
/* '⏩' */
|
||
.icon-fast-backward:before {
|
||
content: '\23ea';
|
||
}
|
||
/* '⏪' */
|
||
.icon-to-end:before {
|
||
content: '\23ed';
|
||
}
|
||
/* '⏭' */
|
||
.icon-to-start:before {
|
||
content: '\23ee';
|
||
}
|
||
/* '⏮' */
|
||
.icon-hourglass:before {
|
||
content: '\23f3';
|
||
}
|
||
/* '⏳' */
|
||
.icon-stop:before {
|
||
content: '\25a0';
|
||
}
|
||
/* '■' */
|
||
.icon-up-dir:before {
|
||
content: '\25b4';
|
||
}
|
||
/* '▴' */
|
||
.icon-play:before {
|
||
content: '\25b6';
|
||
}
|
||
/* '▶' */
|
||
.icon-right-dir:before {
|
||
content: '\25b8';
|
||
}
|
||
/* '▸' */
|
||
.icon-down-dir:before {
|
||
content: '\25be';
|
||
}
|
||
/* '▾' */
|
||
.icon-left-dir:before {
|
||
content: '\25c2';
|
||
}
|
||
/* '◂' */
|
||
.icon-adjust:before {
|
||
content: '\25d1';
|
||
}
|
||
/* '◑' */
|
||
.icon-cloud:before {
|
||
content: '\2601';
|
||
}
|
||
/* '☁' */
|
||
.icon-star:before {
|
||
content: '\2605';
|
||
}
|
||
/* '★' */
|
||
.icon-star-empty:before {
|
||
content: '\2606';
|
||
}
|
||
/* '☆' */
|
||
.icon-cup:before {
|
||
content: '\2615';
|
||
}
|
||
/* '☕' */
|
||
.icon-menu:before {
|
||
content: '\2630';
|
||
}
|
||
/* '☰' */
|
||
.icon-moon:before {
|
||
content: '\263d';
|
||
}
|
||
/* '☽' */
|
||
.icon-heart-empty:before {
|
||
content: '\2661';
|
||
}
|
||
/* '♡' */
|
||
.icon-heart:before {
|
||
content: '\2665';
|
||
}
|
||
/* '♥' */
|
||
.icon-note:before {
|
||
content: '\266a';
|
||
}
|
||
/* '♪' */
|
||
.icon-note-beamed:before {
|
||
content: '\266b';
|
||
}
|
||
/* '♫' */
|
||
.icon-layout:before {
|
||
content: '\268f';
|
||
}
|
||
/* '⚏' */
|
||
.icon-flag:before {
|
||
content: '\2691';
|
||
}
|
||
/* '⚑' */
|
||
.icon-tools:before {
|
||
content: '\2692';
|
||
}
|
||
/* '⚒' */
|
||
.icon-cog:before {
|
||
content: '\2699';
|
||
}
|
||
/* '⚙' */
|
||
.icon-attention:before {
|
||
content: '\26a0';
|
||
}
|
||
/* '⚠' */
|
||
.icon-flash:before {
|
||
content: '\26a1';
|
||
}
|
||
/* '⚡' */
|
||
.icon-record:before {
|
||
content: '\26ab';
|
||
}
|
||
/* '⚫' */
|
||
.icon-cloud-thunder:before {
|
||
content: '\26c8';
|
||
}
|
||
/* '⛈' */
|
||
.icon-tape:before {
|
||
content: '\2707';
|
||
}
|
||
/* '✇' */
|
||
.icon-flight:before {
|
||
content: '\2708';
|
||
}
|
||
/* '✈' */
|
||
.icon-mail:before {
|
||
content: '\2709';
|
||
}
|
||
/* '✉' */
|
||
.icon-pencil:before {
|
||
content: '\270e';
|
||
}
|
||
/* '✎' */
|
||
.icon-feather:before {
|
||
content: '\2712';
|
||
}
|
||
/* '✒' */
|
||
.icon-check:before {
|
||
content: '\2713';
|
||
}
|
||
/* '✓' */
|
||
.icon-cancel:before {
|
||
content: '\2715';
|
||
}
|
||
/* '✕' */
|
||
.icon-cancel-circled:before {
|
||
content: '\2716';
|
||
}
|
||
/* '✖' */
|
||
.icon-cancel-squared:before {
|
||
content: '\274e';
|
||
}
|
||
/* '❎' */
|
||
.icon-help:before {
|
||
content: '\2753';
|
||
}
|
||
/* '❓' */
|
||
.icon-quote:before {
|
||
content: '\275e';
|
||
}
|
||
/* '❞' */
|
||
.icon-plus-circled:before {
|
||
content: '\2795';
|
||
}
|
||
/* '➕' */
|
||
.icon-minus-circled:before {
|
||
content: '\2796';
|
||
}
|
||
/* '➖' */
|
||
.icon-right:before {
|
||
content: '\27a1';
|
||
}
|
||
/* '➡' */
|
||
.icon-direction:before {
|
||
content: '\27a2';
|
||
}
|
||
/* '➢' */
|
||
.icon-forward:before {
|
||
content: '\27a6';
|
||
}
|
||
/* '➦' */
|
||
.icon-ccw:before {
|
||
content: '\27f2';
|
||
}
|
||
/* '⟲' */
|
||
.icon-cw:before {
|
||
content: '\27f3';
|
||
}
|
||
/* '⟳' */
|
||
.icon-left:before {
|
||
content: '\2b05';
|
||
}
|
||
/* '⬅' */
|
||
.icon-up:before {
|
||
content: '\2b06';
|
||
}
|
||
/* '⬆' */
|
||
.icon-down:before {
|
||
content: '\2b07';
|
||
}
|
||
/* '⬇' */
|
||
.icon-list-add:before {
|
||
content: '\e003';
|
||
}
|
||
/* '' */
|
||
.icon-list:before {
|
||
content: '\e005';
|
||
}
|
||
/* '' */
|
||
.icon-left-bold:before {
|
||
content: '\e4ad';
|
||
}
|
||
/* '' */
|
||
.icon-right-bold:before {
|
||
content: '\e4ae';
|
||
}
|
||
/* '' */
|
||
.icon-up-bold:before {
|
||
content: '\e4af';
|
||
}
|
||
/* '' */
|
||
.icon-down-bold:before {
|
||
content: '\e4b0';
|
||
}
|
||
/* '' */
|
||
.icon-user-add:before {
|
||
content: '\e700';
|
||
}
|
||
/* '' */
|
||
.icon-help-circled:before {
|
||
content: '\e704';
|
||
}
|
||
/* '' */
|
||
.icon-info-circled:before {
|
||
content: '\e705';
|
||
}
|
||
/* '' */
|
||
.icon-eye:before {
|
||
content: '\e70a';
|
||
}
|
||
/* '' */
|
||
.icon-tag:before {
|
||
content: '\e70c';
|
||
}
|
||
/* '' */
|
||
.icon-upload-cloud:before {
|
||
content: '\e711';
|
||
}
|
||
/* '' */
|
||
.icon-reply:before {
|
||
content: '\e712';
|
||
}
|
||
/* '' */
|
||
.icon-reply-all:before {
|
||
content: '\e713';
|
||
}
|
||
/* '' */
|
||
.icon-code:before {
|
||
content: '\e714';
|
||
}
|
||
/* '' */
|
||
.icon-export:before {
|
||
content: '\e715';
|
||
}
|
||
/* '' */
|
||
.icon-print:before {
|
||
content: '\e716';
|
||
}
|
||
/* '' */
|
||
.icon-retweet:before {
|
||
content: '\e717';
|
||
}
|
||
/* '' */
|
||
.icon-comment:before {
|
||
content: '\e718';
|
||
}
|
||
/* '' */
|
||
.icon-chat:before {
|
||
content: '\e720';
|
||
}
|
||
/* '' */
|
||
.icon-vcard:before {
|
||
content: '\e722';
|
||
}
|
||
/* '' */
|
||
.icon-address:before {
|
||
content: '\e723';
|
||
}
|
||
/* '' */
|
||
.icon-location:before {
|
||
content: '\e724';
|
||
}
|
||
/* '' */
|
||
.icon-map:before {
|
||
content: '\e727';
|
||
}
|
||
/* '' */
|
||
.icon-compass:before {
|
||
content: '\e728';
|
||
}
|
||
/* '' */
|
||
.icon-trash:before {
|
||
content: '\e729';
|
||
}
|
||
/* '' */
|
||
.icon-doc:before {
|
||
content: '\e730';
|
||
}
|
||
/* '' */
|
||
.icon-doc-text-inv:before {
|
||
content: '\e731';
|
||
}
|
||
/* '' */
|
||
.icon-docs:before {
|
||
content: '\e736';
|
||
}
|
||
/* '' */
|
||
.icon-doc-landscape:before {
|
||
content: '\e737';
|
||
}
|
||
/* '' */
|
||
.icon-archive:before {
|
||
content: '\e738';
|
||
}
|
||
/* '' */
|
||
.icon-rss:before {
|
||
content: '\e73a';
|
||
}
|
||
/* '' */
|
||
.icon-share:before {
|
||
content: '\e73c';
|
||
}
|
||
/* '' */
|
||
.icon-basket:before {
|
||
content: '\e73d';
|
||
}
|
||
/* '' */
|
||
.icon-shareable:before {
|
||
content: '\e73e';
|
||
}
|
||
/* '' */
|
||
.icon-login:before {
|
||
content: '\e740';
|
||
}
|
||
/* '' */
|
||
.icon-logout:before {
|
||
content: '\e741';
|
||
}
|
||
/* '' */
|
||
.icon-volume:before {
|
||
content: '\e742';
|
||
}
|
||
/* '' */
|
||
.icon-resize-full:before {
|
||
content: '\e744';
|
||
}
|
||
/* '' */
|
||
.icon-resize-small:before {
|
||
content: '\e746';
|
||
}
|
||
/* '' */
|
||
.icon-popup:before {
|
||
content: '\e74c';
|
||
}
|
||
/* '' */
|
||
.icon-publish:before {
|
||
content: '\e74d';
|
||
}
|
||
/* '' */
|
||
.icon-window:before {
|
||
content: '\e74e';
|
||
}
|
||
/* '' */
|
||
.icon-arrow-combo:before {
|
||
content: '\e74f';
|
||
}
|
||
/* '' */
|
||
.icon-chart-pie:before {
|
||
content: '\e751';
|
||
}
|
||
/* '' */
|
||
.icon-language:before {
|
||
content: '\e752';
|
||
}
|
||
/* '' */
|
||
.icon-air:before {
|
||
content: '\e753';
|
||
}
|
||
/* '' */
|
||
.icon-database:before {
|
||
content: '\e754';
|
||
}
|
||
/* '' */
|
||
.icon-drive:before {
|
||
content: '\e755';
|
||
}
|
||
/* '' */
|
||
.icon-bucket:before {
|
||
content: '\e756';
|
||
}
|
||
/* '' */
|
||
.icon-thermometer:before {
|
||
content: '\e757';
|
||
}
|
||
/* '' */
|
||
.icon-down-circled:before {
|
||
content: '\e758';
|
||
}
|
||
/* '' */
|
||
.icon-left-circled:before {
|
||
content: '\e759';
|
||
}
|
||
/* '' */
|
||
.icon-right-circled:before {
|
||
content: '\e75a';
|
||
}
|
||
/* '' */
|
||
.icon-up-circled:before {
|
||
content: '\e75b';
|
||
}
|
||
/* '' */
|
||
.icon-down-open:before {
|
||
content: '\e75c';
|
||
}
|
||
/* '' */
|
||
.icon-left-open:before {
|
||
content: '\e75d';
|
||
}
|
||
/* '' */
|
||
.icon-right-open:before {
|
||
content: '\e75e';
|
||
}
|
||
/* '' */
|
||
.icon-up-open:before {
|
||
content: '\e75f';
|
||
}
|
||
/* '' */
|
||
.icon-down-open-mini:before {
|
||
content: '\e760';
|
||
}
|
||
/* '' */
|
||
.icon-left-open-mini:before {
|
||
content: '\e761';
|
||
}
|
||
/* '' */
|
||
.icon-right-open-mini:before {
|
||
content: '\e762';
|
||
}
|
||
/* '' */
|
||
.icon-up-open-mini:before {
|
||
content: '\e763';
|
||
}
|
||
/* '' */
|
||
.icon-down-open-big:before {
|
||
content: '\e764';
|
||
}
|
||
/* '' */
|
||
.icon-left-open-big:before {
|
||
content: '\e765';
|
||
}
|
||
/* '' */
|
||
.icon-right-open-big:before {
|
||
content: '\e766';
|
||
}
|
||
/* '' */
|
||
.icon-up-open-big:before {
|
||
content: '\e767';
|
||
}
|
||
/* '' */
|
||
.icon-progress-0:before {
|
||
content: '\e768';
|
||
}
|
||
/* '' */
|
||
.icon-progress-1:before {
|
||
content: '\e769';
|
||
}
|
||
/* '' */
|
||
.icon-progress-2:before {
|
||
content: '\e76a';
|
||
}
|
||
/* '' */
|
||
.icon-progress-3:before {
|
||
content: '\e76b';
|
||
}
|
||
/* '' */
|
||
.icon-back-in-time:before {
|
||
content: '\e771';
|
||
}
|
||
/* '' */
|
||
.icon-network:before {
|
||
content: '\e776';
|
||
}
|
||
/* '' */
|
||
.icon-inbox:before {
|
||
content: '\e777';
|
||
}
|
||
/* '' */
|
||
.icon-install:before {
|
||
content: '\e778';
|
||
}
|
||
/* '' */
|
||
.icon-lifebuoy:before {
|
||
content: '\e788';
|
||
}
|
||
/* '' */
|
||
.icon-mouse:before {
|
||
content: '\e789';
|
||
}
|
||
/* '' */
|
||
.icon-dot:before {
|
||
content: '\e78b';
|
||
}
|
||
/* '' */
|
||
.icon-dot-2:before {
|
||
content: '\e78c';
|
||
}
|
||
/* '' */
|
||
.icon-dot-3:before {
|
||
content: '\e78d';
|
||
}
|
||
/* '' */
|
||
.icon-suitcase:before {
|
||
content: '\e78e';
|
||
}
|
||
/* '' */
|
||
.icon-flow-cascade:before {
|
||
content: '\e790';
|
||
}
|
||
/* '' */
|
||
.icon-flow-branch:before {
|
||
content: '\e791';
|
||
}
|
||
/* '' */
|
||
.icon-flow-tree:before {
|
||
content: '\e792';
|
||
}
|
||
/* '' */
|
||
.icon-flow-line:before {
|
||
content: '\e793';
|
||
}
|
||
/* '' */
|
||
.icon-flow-parallel:before {
|
||
content: '\e794';
|
||
}
|
||
/* '' */
|
||
.icon-brush:before {
|
||
content: '\e79a';
|
||
}
|
||
/* '' */
|
||
.icon-paper-plane:before {
|
||
content: '\e79b';
|
||
}
|
||
/* '' */
|
||
.icon-magnet:before {
|
||
content: '\e7a1';
|
||
}
|
||
/* '' */
|
||
.icon-gauge:before {
|
||
content: '\e7a2';
|
||
}
|
||
/* '' */
|
||
.icon-traffic-cone:before {
|
||
content: '\e7a3';
|
||
}
|
||
/* '' */
|
||
.icon-cc:before {
|
||
content: '\e7a5';
|
||
}
|
||
/* '' */
|
||
.icon-cc-by:before {
|
||
content: '\e7a6';
|
||
}
|
||
/* '' */
|
||
.icon-cc-nc:before {
|
||
content: '\e7a7';
|
||
}
|
||
/* '' */
|
||
.icon-cc-nc-eu:before {
|
||
content: '\e7a8';
|
||
}
|
||
/* '' */
|
||
.icon-cc-nc-jp:before {
|
||
content: '\e7a9';
|
||
}
|
||
/* '' */
|
||
.icon-cc-sa:before {
|
||
content: '\e7aa';
|
||
}
|
||
/* '' */
|
||
.icon-cc-nd:before {
|
||
content: '\e7ab';
|
||
}
|
||
/* '' */
|
||
.icon-cc-pd:before {
|
||
content: '\e7ac';
|
||
}
|
||
/* '' */
|
||
.icon-cc-zero:before {
|
||
content: '\e7ad';
|
||
}
|
||
/* '' */
|
||
.icon-cc-share:before {
|
||
content: '\e7ae';
|
||
}
|
||
/* '' */
|
||
.icon-cc-remix:before {
|
||
content: '\e7af';
|
||
}
|
||
/* '' */
|
||
.icon-github:before {
|
||
content: '\f300';
|
||
}
|
||
/* '' */
|
||
.icon-github-circled:before {
|
||
content: '\f301';
|
||
}
|
||
/* '' */
|
||
.icon-flickr:before {
|
||
content: '\f303';
|
||
}
|
||
/* '' */
|
||
.icon-flickr-circled:before {
|
||
content: '\f304';
|
||
}
|
||
/* '' */
|
||
.icon-vimeo:before {
|
||
content: '\f306';
|
||
}
|
||
/* '' */
|
||
.icon-vimeo-circled:before {
|
||
content: '\f307';
|
||
}
|
||
/* '' */
|
||
.icon-twitter:before {
|
||
content: '\f309';
|
||
}
|
||
/* '' */
|
||
.icon-twitter-circled:before {
|
||
content: '\f30a';
|
||
}
|
||
/* '' */
|
||
.icon-facebook:before {
|
||
content: '\f30c';
|
||
}
|
||
/* '' */
|
||
.icon-facebook-circled:before {
|
||
content: '\f30d';
|
||
}
|
||
/* '' */
|
||
.icon-facebook-squared:before {
|
||
content: '\f30e';
|
||
}
|
||
/* '' */
|
||
.icon-gplus:before {
|
||
content: '\f30f';
|
||
}
|
||
/* '' */
|
||
.icon-gplus-circled:before {
|
||
content: '\f310';
|
||
}
|
||
/* '' */
|
||
.icon-pinterest:before {
|
||
content: '\f312';
|
||
}
|
||
/* '' */
|
||
.icon-pinterest-circled:before {
|
||
content: '\f313';
|
||
}
|
||
/* '' */
|
||
.icon-tumblr:before {
|
||
content: '\f315';
|
||
}
|
||
/* '' */
|
||
.icon-tumblr-circled:before {
|
||
content: '\f316';
|
||
}
|
||
/* '' */
|
||
.icon-linkedin:before {
|
||
content: '\f318';
|
||
}
|
||
/* '' */
|
||
.icon-linkedin-circled:before {
|
||
content: '\f319';
|
||
}
|
||
/* '' */
|
||
.icon-dribbble:before {
|
||
content: '\f31b';
|
||
}
|
||
/* '' */
|
||
.icon-dribbble-circled:before {
|
||
content: '\f31c';
|
||
}
|
||
/* '' */
|
||
.icon-stumbleupon:before {
|
||
content: '\f31e';
|
||
}
|
||
/* '' */
|
||
.icon-stumbleupon-circled:before {
|
||
content: '\f31f';
|
||
}
|
||
/* '' */
|
||
.icon-lastfm:before {
|
||
content: '\f321';
|
||
}
|
||
/* '' */
|
||
.icon-lastfm-circled:before {
|
||
content: '\f322';
|
||
}
|
||
/* '' */
|
||
.icon-rdio:before {
|
||
content: '\f324';
|
||
}
|
||
/* '' */
|
||
.icon-rdio-circled:before {
|
||
content: '\f325';
|
||
}
|
||
/* '' */
|
||
.icon-spotify:before {
|
||
content: '\f327';
|
||
}
|
||
/* '' */
|
||
.icon-spotify-circled:before {
|
||
content: '\f328';
|
||
}
|
||
/* '' */
|
||
.icon-qq:before {
|
||
content: '\f32a';
|
||
}
|
||
/* '' */
|
||
.icon-instagram:before {
|
||
content: '\f32d';
|
||
}
|
||
/* '' */
|
||
.icon-dropbox:before {
|
||
content: '\f330';
|
||
}
|
||
/* '' */
|
||
.icon-evernote:before {
|
||
content: '\f333';
|
||
}
|
||
/* '' */
|
||
.icon-flattr:before {
|
||
content: '\f336';
|
||
}
|
||
/* '' */
|
||
.icon-skype:before {
|
||
content: '\f339';
|
||
}
|
||
/* '' */
|
||
.icon-skype-circled:before {
|
||
content: '\f33a';
|
||
}
|
||
/* '' */
|
||
.icon-renren:before {
|
||
content: '\f33c';
|
||
}
|
||
/* '' */
|
||
.icon-sina-weibo:before {
|
||
content: '\f33f';
|
||
}
|
||
/* '' */
|
||
.icon-paypal:before {
|
||
content: '\f342';
|
||
}
|
||
/* '' */
|
||
.icon-picasa:before {
|
||
content: '\f345';
|
||
}
|
||
/* '' */
|
||
.icon-soundcloud:before {
|
||
content: '\f348';
|
||
}
|
||
/* '' */
|
||
.icon-mixi:before {
|
||
content: '\f34b';
|
||
}
|
||
/* '' */
|
||
.icon-behance:before {
|
||
content: '\f34e';
|
||
}
|
||
/* '' */
|
||
.icon-google-circles:before {
|
||
content: '\f351';
|
||
}
|
||
/* '' */
|
||
.icon-vkontakte:before {
|
||
content: '\f354';
|
||
}
|
||
/* '' */
|
||
.icon-smashing:before {
|
||
content: '\f357';
|
||
}
|
||
/* '' */
|
||
.icon-db-shape:before {
|
||
content: '\f600';
|
||
}
|
||
/* '' */
|
||
.icon-sweden:before {
|
||
content: '\f601';
|
||
}
|
||
/* '' */
|
||
.icon-logo-db:before {
|
||
content: '\f603';
|
||
}
|
||
/* '' */
|
||
.icon-picture:before {
|
||
content: '🌄';
|
||
}
|
||
/* '\1f304' */
|
||
.icon-globe:before {
|
||
content: '🌎';
|
||
}
|
||
/* '\1f30e' */
|
||
.icon-leaf:before {
|
||
content: '🍂';
|
||
}
|
||
/* '\1f342' */
|
||
.icon-graduation-cap:before {
|
||
content: '🎓';
|
||
}
|
||
/* '\1f393' */
|
||
.icon-mic:before {
|
||
content: '🎤';
|
||
}
|
||
/* '\1f3a4' */
|
||
.icon-palette:before {
|
||
content: '🎨';
|
||
}
|
||
/* '\1f3a8' */
|
||
.icon-ticket:before {
|
||
content: '🎫';
|
||
}
|
||
/* '\1f3ab' */
|
||
.icon-video:before {
|
||
content: '🎬';
|
||
}
|
||
/* '\1f3ac' */
|
||
.icon-target:before {
|
||
content: '🎯';
|
||
}
|
||
/* '\1f3af' */
|
||
.icon-music:before {
|
||
content: '🎵';
|
||
}
|
||
/* '\1f3b5' */
|
||
.icon-trophy:before {
|
||
content: '🏆';
|
||
}
|
||
/* '\1f3c6' */
|
||
.icon-thumbs-up:before {
|
||
content: '👍';
|
||
}
|
||
/* '\1f44d' */
|
||
.icon-thumbs-down:before {
|
||
content: '👎';
|
||
}
|
||
/* '\1f44e' */
|
||
.icon-bag:before {
|
||
content: '👜';
|
||
}
|
||
/* '\1f45c' */
|
||
.icon-user:before {
|
||
content: '👤';
|
||
}
|
||
/* '\1f464' */
|
||
.icon-users:before {
|
||
content: '👥';
|
||
}
|
||
/* '\1f465' */
|
||
.icon-lamp:before {
|
||
content: '💡';
|
||
}
|
||
/* '\1f4a1' */
|
||
.icon-alert:before {
|
||
content: '💥';
|
||
}
|
||
/* '\1f4a5' */
|
||
.icon-water:before {
|
||
content: '💦';
|
||
}
|
||
/* '\1f4a6' */
|
||
.icon-droplet:before {
|
||
content: '💧';
|
||
}
|
||
/* '\1f4a7' */
|
||
.icon-credit-card:before {
|
||
content: '💳';
|
||
}
|
||
/* '\1f4b3' */
|
||
.icon-monitor:before {
|
||
content: '💻';
|
||
}
|
||
/* '\1f4bb' */
|
||
.icon-briefcase:before {
|
||
content: '💼';
|
||
}
|
||
/* '\1f4bc' */
|
||
.icon-floppy:before {
|
||
content: '💾';
|
||
}
|
||
/* '\1f4be' */
|
||
.icon-cd:before {
|
||
content: '💿';
|
||
}
|
||
/* '\1f4bf' */
|
||
.icon-folder:before {
|
||
content: '📁';
|
||
}
|
||
/* '\1f4c1' */
|
||
.icon-doc-text:before {
|
||
content: '📄';
|
||
}
|
||
/* '\1f4c4' */
|
||
.icon-calendar:before {
|
||
content: '📅';
|
||
}
|
||
/* '\1f4c5' */
|
||
.icon-chart-line:before {
|
||
content: '📈';
|
||
}
|
||
/* '\1f4c8' */
|
||
.icon-chart-bar:before {
|
||
content: '📊';
|
||
}
|
||
/* '\1f4ca' */
|
||
.icon-clipboard:before {
|
||
content: '📋';
|
||
}
|
||
/* '\1f4cb' */
|
||
.icon-attach:before {
|
||
content: '📎';
|
||
}
|
||
/* '\1f4ce' */
|
||
.icon-bookmarks:before {
|
||
content: '📑';
|
||
}
|
||
/* '\1f4d1' */
|
||
.icon-book:before {
|
||
content: '📕';
|
||
}
|
||
/* '\1f4d5' */
|
||
.icon-book-open:before {
|
||
content: '📖';
|
||
}
|
||
/* '\1f4d6' */
|
||
.icon-phone:before {
|
||
content: '📞';
|
||
}
|
||
/* '\1f4de' */
|
||
.icon-megaphone:before {
|
||
content: '📣';
|
||
}
|
||
/* '\1f4e3' */
|
||
.icon-upload:before {
|
||
content: '📤';
|
||
}
|
||
/* '\1f4e4' */
|
||
.icon-download:before {
|
||
content: '📥';
|
||
}
|
||
/* '\1f4e5' */
|
||
.icon-box:before {
|
||
content: '📦';
|
||
}
|
||
/* '\1f4e6' */
|
||
.icon-newspaper:before {
|
||
content: '📰';
|
||
}
|
||
/* '\1f4f0' */
|
||
.icon-mobile:before {
|
||
content: '📱';
|
||
}
|
||
/* '\1f4f1' */
|
||
.icon-signal:before {
|
||
content: '📶';
|
||
}
|
||
/* '\1f4f6' */
|
||
.icon-camera:before {
|
||
content: '📷';
|
||
}
|
||
/* '\1f4f7' */
|
||
.icon-shuffle:before {
|
||
content: '🔀';
|
||
}
|
||
/* '\1f500' */
|
||
.icon-loop:before {
|
||
content: '🔁';
|
||
}
|
||
/* '\1f501' */
|
||
.icon-arrows-ccw:before {
|
||
content: '🔄';
|
||
}
|
||
/* '\1f504' */
|
||
.icon-light-down:before {
|
||
content: '🔅';
|
||
}
|
||
/* '\1f505' */
|
||
.icon-light-up:before {
|
||
content: '🔆';
|
||
}
|
||
/* '\1f506' */
|
||
.icon-mute:before {
|
||
content: '🔇';
|
||
}
|
||
/* '\1f507' */
|
||
.icon-sound:before {
|
||
content: '🔊';
|
||
}
|
||
/* '\1f50a' */
|
||
.icon-battery:before {
|
||
content: '🔋';
|
||
}
|
||
/* '\1f50b' */
|
||
.icon-search:before {
|
||
content: '🔍';
|
||
}
|
||
/* '\1f50d' */
|
||
.icon-key:before {
|
||
content: '🔑';
|
||
}
|
||
/* '\1f511' */
|
||
.icon-lock:before {
|
||
content: '🔒';
|
||
}
|
||
/* '\1f512' */
|
||
.icon-lock-open:before {
|
||
content: '🔓';
|
||
}
|
||
/* '\1f513' */
|
||
.icon-bell:before {
|
||
content: '🔔';
|
||
}
|
||
/* '\1f514' */
|
||
.icon-bookmark:before {
|
||
content: '🔖';
|
||
}
|
||
/* '\1f516' */
|
||
.icon-link:before {
|
||
content: '🔗';
|
||
}
|
||
/* '\1f517' */
|
||
.icon-back:before {
|
||
content: '🔙';
|
||
}
|
||
/* '\1f519' */
|
||
.icon-flashlight:before {
|
||
content: '🔦';
|
||
}
|
||
/* '\1f526' */
|
||
.icon-chart-area:before {
|
||
content: '🔾';
|
||
}
|
||
/* '\1f53e' */
|
||
.icon-clock:before {
|
||
content: '🕔';
|
||
}
|
||
/* '\1f554' */
|
||
.icon-rocket:before {
|
||
content: '🚀';
|
||
}
|
||
/* '\1f680' */
|
||
.icon-block:before {
|
||
content: '🚫';
|
||
}
|
||
/* '\1f6ab' */
|
||
/**
|
||
* All app_* files are now again in $app/templates/default/app.less&css and will be included independent
|
||
*
|
||
* If some settings are Pixelegg template specific, please create $app/templates/pixelegg.less&css
|
||
* files AND include ../default/app.less from there
|
||
*/
|
||
/**
|
||
* not sure about these files, in general it is not a good idea to replace
|
||
* files from other projects, was we need to update them regulary.
|
||
* Would be a lot better to include their css files and only overwrite
|
||
* neccesarry settings
|
||
*/
|
||
/**
|
||
* EGroupware: Stylite Pixelegg template
|
||
*
|
||
* et2 Messages
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||
* @package pixelegg
|
||
* @version $Id$
|
||
*/
|
||
/*! jQuery UI - v1.10.3 - 2013-07-18
|
||
* http://jqueryui.com
|
||
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
|
||
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
|
||
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
|
||
/* Layout helpers
|
||
----------------------------------*/
|
||
.ui-helper-hidden {
|
||
display: none;
|
||
}
|
||
.ui-helper-hidden-accessible {
|
||
border: 0;
|
||
clip: rect(0 0 0 0);
|
||
height: 1px;
|
||
margin: -1px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
position: absolute;
|
||
width: 1px;
|
||
}
|
||
.ui-helper-reset {
|
||
margin: 0;
|
||
padding: 0;
|
||
border: 0;
|
||
outline: 0;
|
||
line-height: 1.3;
|
||
text-decoration: none;
|
||
font-size: 100%;
|
||
list-style: none;
|
||
}
|
||
.ui-helper-clearfix:before,
|
||
.ui-helper-clearfix:after {
|
||
content: "";
|
||
display: table;
|
||
border-collapse: collapse;
|
||
}
|
||
.ui-helper-clearfix:after {
|
||
clear: both;
|
||
}
|
||
.ui-helper-clearfix {
|
||
min-height: 0;
|
||
/* support: IE7 */
|
||
}
|
||
.ui-helper-zfix {
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
position: absolute;
|
||
opacity: 0;
|
||
filter: alpha(opacity=0);
|
||
}
|
||
.ui-front {
|
||
z-index: 100;
|
||
}
|
||
/* Interaction Cues
|
||
----------------------------------*/
|
||
.ui-state-disabled {
|
||
cursor: default !important;
|
||
}
|
||
/* Icons
|
||
----------------------------------*/
|
||
/* states and images */
|
||
.ui-icon {
|
||
display: block;
|
||
text-indent: -99999px;
|
||
overflow: hidden;
|
||
background-repeat: no-repeat;
|
||
}
|
||
/* Misc visuals
|
||
----------------------------------*/
|
||
/* Overlays */
|
||
.ui-widget-overlay {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.ui-resizable {
|
||
position: relative;
|
||
}
|
||
.ui-resizable-handle {
|
||
position: absolute;
|
||
font-size: 0.1px;
|
||
display: block;
|
||
}
|
||
.ui-resizable-disabled .ui-resizable-handle,
|
||
.ui-resizable-autohide .ui-resizable-handle {
|
||
display: none;
|
||
}
|
||
.ui-resizable-n {
|
||
cursor: n-resize;
|
||
height: 7px;
|
||
width: 100%;
|
||
top: -5px;
|
||
left: 0;
|
||
}
|
||
.ui-resizable-s {
|
||
cursor: s-resize;
|
||
height: 7px;
|
||
width: 100%;
|
||
bottom: -5px;
|
||
left: 0;
|
||
}
|
||
.ui-resizable-e {
|
||
cursor: e-resize;
|
||
width: 7px;
|
||
right: -5px;
|
||
top: 0;
|
||
height: 100%;
|
||
}
|
||
.ui-resizable-w {
|
||
cursor: w-resize;
|
||
width: 7px;
|
||
left: -5px;
|
||
top: 0;
|
||
height: 100%;
|
||
}
|
||
.ui-resizable-se {
|
||
cursor: se-resize;
|
||
width: 12px;
|
||
height: 12px;
|
||
right: 1px;
|
||
bottom: 1px;
|
||
}
|
||
.ui-resizable-sw {
|
||
cursor: sw-resize;
|
||
width: 9px;
|
||
height: 9px;
|
||
left: -5px;
|
||
bottom: -5px;
|
||
}
|
||
.ui-resizable-nw {
|
||
cursor: nw-resize;
|
||
width: 9px;
|
||
height: 9px;
|
||
left: -5px;
|
||
top: -5px;
|
||
}
|
||
.ui-resizable-ne {
|
||
cursor: ne-resize;
|
||
width: 9px;
|
||
height: 9px;
|
||
right: -5px;
|
||
top: -5px;
|
||
}
|
||
.ui-selectable-helper {
|
||
position: absolute;
|
||
z-index: 100;
|
||
border: 1px dotted black;
|
||
}
|
||
.ui-accordion .ui-accordion-header {
|
||
display: block;
|
||
cursor: pointer;
|
||
position: relative;
|
||
margin-top: 2px;
|
||
padding: .5em .5em .5em .7em;
|
||
min-height: 0;
|
||
/* support: IE7 */
|
||
}
|
||
.ui-accordion .ui-accordion-icons {
|
||
padding-left: 2.2em;
|
||
}
|
||
.ui-accordion .ui-accordion-noicons {
|
||
padding-left: .7em;
|
||
}
|
||
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
|
||
padding-left: 2.2em;
|
||
}
|
||
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
|
||
position: absolute;
|
||
left: .5em;
|
||
top: 50%;
|
||
margin-top: -8px;
|
||
}
|
||
.ui-accordion .ui-accordion-content {
|
||
padding: 1em 2.2em;
|
||
border-top: 0;
|
||
overflow: auto;
|
||
}
|
||
.ui-autocomplete {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
cursor: default;
|
||
}
|
||
.ui-button {
|
||
display: inline-block;
|
||
position: relative;
|
||
padding: 0;
|
||
line-height: normal;
|
||
margin-right: .1em;
|
||
cursor: pointer;
|
||
vertical-align: middle;
|
||
text-align: center;
|
||
overflow: visible;
|
||
/* removes extra width in IE */
|
||
}
|
||
.ui-button,
|
||
.ui-button:link,
|
||
.ui-button:visited,
|
||
.ui-button:hover,
|
||
.ui-button:active {
|
||
text-decoration: none;
|
||
}
|
||
/* to make room for the icon, a width needs to be set here */
|
||
.ui-button-icon-only {
|
||
width: 2.2em;
|
||
}
|
||
/* button elements seem to need a little more width */
|
||
button.ui-button-icon-only {
|
||
width: 2.4em;
|
||
}
|
||
.ui-button-icons-only {
|
||
width: 3.4em;
|
||
}
|
||
button.ui-button-icons-only {
|
||
width: 3.7em;
|
||
}
|
||
/* button text element */
|
||
.ui-button .ui-button-text {
|
||
display: block;
|
||
line-height: normal;
|
||
}
|
||
.ui-button-text-only .ui-button-text {
|
||
padding: .4em 1em;
|
||
}
|
||
.ui-button-icon-only .ui-button-text,
|
||
.ui-button-icons-only .ui-button-text {
|
||
padding: .4em;
|
||
text-indent: -9999999px;
|
||
}
|
||
.ui-button-text-icon-primary .ui-button-text,
|
||
.ui-button-text-icons .ui-button-text {
|
||
padding: .4em 1em .4em 2.1em;
|
||
}
|
||
.ui-button-text-icon-secondary .ui-button-text,
|
||
.ui-button-text-icons .ui-button-text {
|
||
padding: .4em 2.1em .4em 1em;
|
||
}
|
||
.ui-button-text-icons .ui-button-text {
|
||
padding-left: 2.1em;
|
||
padding-right: 2.1em;
|
||
}
|
||
/* no icon support for input elements, provide padding by default */
|
||
input.ui-button {
|
||
padding: .4em 1em;
|
||
}
|
||
/* button icon element(s) */
|
||
.ui-button-icon-only .ui-icon,
|
||
.ui-button-text-icon-primary .ui-icon,
|
||
.ui-button-text-icon-secondary .ui-icon,
|
||
.ui-button-text-icons .ui-icon,
|
||
.ui-button-icons-only .ui-icon {
|
||
position: absolute;
|
||
top: 50%;
|
||
margin-top: -8px;
|
||
}
|
||
.ui-button-icon-only .ui-icon {
|
||
left: 50%;
|
||
margin-left: -8px;
|
||
}
|
||
.ui-button-text-icon-primary .ui-button-icon-primary,
|
||
.ui-button-text-icons .ui-button-icon-primary,
|
||
.ui-button-icons-only .ui-button-icon-primary {
|
||
left: .5em;
|
||
}
|
||
.ui-button-text-icon-secondary .ui-button-icon-secondary,
|
||
.ui-button-text-icons .ui-button-icon-secondary,
|
||
.ui-button-icons-only .ui-button-icon-secondary {
|
||
right: .5em;
|
||
}
|
||
/* button sets */
|
||
.ui-buttonset {
|
||
margin-right: 7px;
|
||
}
|
||
.ui-buttonset .ui-button {
|
||
margin-left: 0;
|
||
margin-right: -0.3em;
|
||
}
|
||
/* workarounds */
|
||
/* reset extra padding in Firefox, see h5bp.com/l */
|
||
input.ui-button::-moz-focus-inner,
|
||
button.ui-button::-moz-focus-inner {
|
||
border: 0;
|
||
padding: 0;
|
||
}
|
||
.ui-datepicker {
|
||
width: 17em;
|
||
padding: .2em .2em 0;
|
||
display: none;
|
||
}
|
||
.ui-datepicker .ui-datepicker-header {
|
||
position: relative;
|
||
padding: .2em 0;
|
||
}
|
||
.ui-datepicker .ui-datepicker-prev,
|
||
.ui-datepicker .ui-datepicker-next {
|
||
position: absolute;
|
||
top: 2px;
|
||
width: 1.8em;
|
||
height: 1.8em;
|
||
}
|
||
.ui-datepicker .ui-datepicker-prev-hover,
|
||
.ui-datepicker .ui-datepicker-next-hover {
|
||
top: 1px;
|
||
}
|
||
.ui-datepicker .ui-datepicker-prev {
|
||
left: 2px;
|
||
}
|
||
.ui-datepicker .ui-datepicker-next {
|
||
right: 2px;
|
||
}
|
||
.ui-datepicker .ui-datepicker-prev-hover {
|
||
left: 1px;
|
||
}
|
||
.ui-datepicker .ui-datepicker-next-hover {
|
||
right: 1px;
|
||
}
|
||
.ui-datepicker .ui-datepicker-prev span,
|
||
.ui-datepicker .ui-datepicker-next span {
|
||
display: block;
|
||
position: absolute;
|
||
left: 50%;
|
||
margin-left: -8px;
|
||
top: 50%;
|
||
margin-top: -8px;
|
||
}
|
||
.ui-datepicker .ui-datepicker-title {
|
||
margin: 0 2.3em;
|
||
line-height: 1.8em;
|
||
text-align: center;
|
||
}
|
||
.ui-datepicker .ui-datepicker-title select {
|
||
font-size: 1em;
|
||
margin: 1px 0;
|
||
}
|
||
.ui-datepicker select.ui-datepicker-month-year {
|
||
width: 100%;
|
||
}
|
||
.ui-datepicker select.ui-datepicker-month,
|
||
.ui-datepicker select.ui-datepicker-year {
|
||
width: 49%;
|
||
}
|
||
.ui-datepicker table {
|
||
width: 100%;
|
||
font-size: .9em;
|
||
border-collapse: collapse;
|
||
margin: 0 0 .4em;
|
||
}
|
||
.ui-datepicker th {
|
||
padding: .7em .3em;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
border: 0;
|
||
}
|
||
.ui-datepicker td {
|
||
border: 0;
|
||
padding: 1px;
|
||
}
|
||
.ui-datepicker td span,
|
||
.ui-datepicker td a {
|
||
display: block;
|
||
padding: .2em;
|
||
text-align: right;
|
||
text-decoration: none;
|
||
}
|
||
.ui-datepicker .ui-datepicker-buttonpane {
|
||
background-image: none;
|
||
margin: .7em 0 0 0;
|
||
padding: 0 .2em;
|
||
border-left: 0;
|
||
border-right: 0;
|
||
border-bottom: 0;
|
||
}
|
||
.ui-datepicker .ui-datepicker-buttonpane button {
|
||
float: right;
|
||
margin: .5em .2em .4em;
|
||
cursor: pointer;
|
||
padding: .2em .6em .3em .6em;
|
||
width: auto;
|
||
overflow: visible;
|
||
}
|
||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
||
float: left;
|
||
}
|
||
/* with multiple calendars */
|
||
.ui-datepicker.ui-datepicker-multi {
|
||
width: auto;
|
||
}
|
||
.ui-datepicker-multi .ui-datepicker-group {
|
||
float: left;
|
||
}
|
||
.ui-datepicker-multi .ui-datepicker-group table {
|
||
width: 95%;
|
||
margin: 0 auto .4em;
|
||
}
|
||
.ui-datepicker-multi-2 .ui-datepicker-group {
|
||
width: 50%;
|
||
}
|
||
.ui-datepicker-multi-3 .ui-datepicker-group {
|
||
width: 33.3%;
|
||
}
|
||
.ui-datepicker-multi-4 .ui-datepicker-group {
|
||
width: 25%;
|
||
}
|
||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
|
||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
||
border-left-width: 0;
|
||
}
|
||
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
||
clear: left;
|
||
}
|
||
.ui-datepicker-row-break {
|
||
clear: both;
|
||
width: 100%;
|
||
font-size: 0;
|
||
}
|
||
/* RTL support */
|
||
.ui-datepicker-rtl {
|
||
direction: rtl;
|
||
}
|
||
.ui-datepicker-rtl .ui-datepicker-prev {
|
||
right: 2px;
|
||
left: auto;
|
||
}
|
||
.ui-datepicker-rtl .ui-datepicker-next {
|
||
left: 2px;
|
||
right: auto;
|
||
}
|
||
.ui-datepicker-rtl .ui-datepicker-prev:hover {
|
||
right: 1px;
|
||
left: auto;
|
||
}
|
||
.ui-datepicker-rtl .ui-datepicker-next:hover {
|
||
left: 1px;
|
||
right: auto;
|
||
}
|
||
.ui-datepicker-rtl .ui-datepicker-buttonpane {
|
||
clear: right;
|
||
}
|
||
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
|
||
float: left;
|
||
}
|
||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
|
||
.ui-datepicker-rtl .ui-datepicker-group {
|
||
float: right;
|
||
}
|
||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
|
||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
|
||
border-right-width: 0;
|
||
border-left-width: 1px;
|
||
}
|
||
.ui-dialog {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
padding: .2em;
|
||
outline: 0;
|
||
}
|
||
.ui-dialog .ui-dialog-titlebar {
|
||
padding: .4em 1em;
|
||
position: relative;
|
||
}
|
||
.ui-dialog .ui-dialog-title {
|
||
float: left;
|
||
margin: .1em 0;
|
||
white-space: nowrap;
|
||
width: 90%;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.ui-dialog .ui-dialog-titlebar-close {
|
||
position: absolute;
|
||
right: .3em;
|
||
top: 50%;
|
||
width: 21px;
|
||
margin: -10px 0 0 0;
|
||
padding: 1px;
|
||
height: 20px;
|
||
}
|
||
.ui-dialog .ui-dialog-content {
|
||
position: relative;
|
||
border: 0;
|
||
padding: .5em 1em;
|
||
background: none;
|
||
overflow: auto;
|
||
}
|
||
.ui-dialog .ui-dialog-buttonpane {
|
||
text-align: left;
|
||
border-width: 1px 0 0 0;
|
||
background-image: none;
|
||
margin-top: .5em;
|
||
padding: .3em 1em .5em .4em;
|
||
}
|
||
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
||
float: right;
|
||
}
|
||
.ui-dialog .ui-dialog-buttonpane button {
|
||
margin: .5em .4em .5em 0;
|
||
cursor: pointer;
|
||
}
|
||
.ui-dialog .ui-resizable-se {
|
||
width: 12px;
|
||
height: 12px;
|
||
right: -5px;
|
||
bottom: -5px;
|
||
background-position: 16px 16px;
|
||
}
|
||
.ui-draggable .ui-dialog-titlebar {
|
||
cursor: move;
|
||
}
|
||
.ui-menu {
|
||
list-style: none;
|
||
padding: 2px;
|
||
margin: 0;
|
||
display: block;
|
||
outline: none;
|
||
}
|
||
.ui-menu .ui-menu {
|
||
margin-top: -3px;
|
||
position: absolute;
|
||
}
|
||
.ui-menu .ui-menu-item {
|
||
margin: 0;
|
||
padding: 0;
|
||
width: 100%;
|
||
/* support: IE10, see #8844 */
|
||
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
|
||
}
|
||
.ui-menu .ui-menu-divider {
|
||
margin: 5px -2px 5px -2px;
|
||
height: 0;
|
||
font-size: 0;
|
||
line-height: 0;
|
||
border-width: 1px 0 0 0;
|
||
}
|
||
.ui-menu .ui-menu-item a {
|
||
text-decoration: none;
|
||
display: block;
|
||
padding: 2px .4em;
|
||
line-height: 1.5;
|
||
min-height: 0;
|
||
/* support: IE7 */
|
||
font-weight: normal;
|
||
}
|
||
.ui-menu .ui-menu-item a.ui-state-focus,
|
||
.ui-menu .ui-menu-item a.ui-state-active {
|
||
font-weight: normal;
|
||
margin: -1px;
|
||
}
|
||
.ui-menu .ui-state-disabled {
|
||
font-weight: normal;
|
||
margin: .4em 0 .2em;
|
||
line-height: 1.5;
|
||
}
|
||
.ui-menu .ui-state-disabled a {
|
||
cursor: default;
|
||
}
|
||
/* icon support */
|
||
.ui-menu-icons {
|
||
position: relative;
|
||
}
|
||
.ui-menu-icons .ui-menu-item a {
|
||
position: relative;
|
||
padding-left: 2em;
|
||
}
|
||
/* left-aligned */
|
||
.ui-menu .ui-icon {
|
||
position: absolute;
|
||
top: .2em;
|
||
left: .2em;
|
||
}
|
||
/* right-aligned */
|
||
.ui-menu .ui-menu-icon {
|
||
position: static;
|
||
float: right;
|
||
}
|
||
.ui-progressbar {
|
||
height: 2em;
|
||
text-align: left;
|
||
overflow: hidden;
|
||
}
|
||
.ui-progressbar .ui-progressbar-value {
|
||
margin: -1px;
|
||
height: 100%;
|
||
}
|
||
.ui-progressbar .ui-progressbar-overlay {
|
||
background: url("images/animated-overlay.gif");
|
||
height: 100%;
|
||
filter: alpha(opacity=25);
|
||
opacity: 0.25;
|
||
}
|
||
.ui-progressbar-indeterminate .ui-progressbar-value {
|
||
background-image: none;
|
||
}
|
||
.ui-slider {
|
||
position: relative;
|
||
text-align: left;
|
||
}
|
||
.ui-slider .ui-slider-handle {
|
||
position: absolute;
|
||
z-index: 2;
|
||
width: 1.2em;
|
||
height: 1.2em;
|
||
cursor: default;
|
||
}
|
||
.ui-slider .ui-slider-range {
|
||
position: absolute;
|
||
z-index: 1;
|
||
font-size: .7em;
|
||
display: block;
|
||
border: 0;
|
||
background-position: 0 0;
|
||
}
|
||
/* For IE8 - See #6727 */
|
||
.ui-slider.ui-state-disabled .ui-slider-handle,
|
||
.ui-slider.ui-state-disabled .ui-slider-range {
|
||
filter: inherit;
|
||
}
|
||
.ui-slider-horizontal {
|
||
height: .8em;
|
||
}
|
||
.ui-slider-horizontal .ui-slider-handle {
|
||
top: -0.3em;
|
||
margin-left: -0.6em;
|
||
}
|
||
.ui-slider-horizontal .ui-slider-range {
|
||
top: 0;
|
||
height: 100%;
|
||
}
|
||
.ui-slider-horizontal .ui-slider-range-min {
|
||
left: 0;
|
||
}
|
||
.ui-slider-horizontal .ui-slider-range-max {
|
||
right: 0;
|
||
}
|
||
.ui-slider-vertical {
|
||
width: .8em;
|
||
height: 100px;
|
||
}
|
||
.ui-slider-vertical .ui-slider-handle {
|
||
left: -0.3em;
|
||
margin-left: 0;
|
||
margin-bottom: -0.6em;
|
||
}
|
||
.ui-slider-vertical .ui-slider-range {
|
||
left: 0;
|
||
width: 100%;
|
||
}
|
||
.ui-slider-vertical .ui-slider-range-min {
|
||
bottom: 0;
|
||
}
|
||
.ui-slider-vertical .ui-slider-range-max {
|
||
top: 0;
|
||
}
|
||
.ui-spinner {
|
||
position: relative;
|
||
display: inline-block;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
vertical-align: middle;
|
||
}
|
||
.ui-spinner-input {
|
||
border: none;
|
||
background: none;
|
||
color: inherit;
|
||
padding: 0;
|
||
margin: .2em 0;
|
||
vertical-align: middle;
|
||
margin-left: .4em;
|
||
margin-right: 22px;
|
||
}
|
||
.ui-spinner-button {
|
||
width: 16px;
|
||
height: 50%;
|
||
font-size: .5em;
|
||
padding: 0;
|
||
margin: 0;
|
||
text-align: center;
|
||
position: absolute;
|
||
cursor: default;
|
||
display: block;
|
||
overflow: hidden;
|
||
right: 0;
|
||
}
|
||
/* more specificity required here to overide default borders */
|
||
.ui-spinner a.ui-spinner-button {
|
||
border-top: none;
|
||
border-bottom: none;
|
||
border-right: none;
|
||
}
|
||
/* vertical centre icon */
|
||
.ui-spinner .ui-icon {
|
||
position: absolute;
|
||
margin-top: -8px;
|
||
top: 50%;
|
||
left: 0;
|
||
}
|
||
.ui-spinner-up {
|
||
top: 0;
|
||
}
|
||
.ui-spinner-down {
|
||
bottom: 0;
|
||
}
|
||
/* TR overrides */
|
||
.ui-spinner .ui-icon-triangle-1-s {
|
||
/* need to fix icons sprite */
|
||
background-position: -65px -16px;
|
||
}
|
||
.ui-tabs {
|
||
position: relative;
|
||
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
||
padding: .2em;
|
||
}
|
||
.ui-tabs .ui-tabs-nav {
|
||
margin: 0;
|
||
padding: .2em .2em 0;
|
||
}
|
||
.ui-tabs .ui-tabs-nav li {
|
||
list-style: none;
|
||
float: left;
|
||
position: relative;
|
||
top: 0;
|
||
margin: 1px .2em 0 0;
|
||
border-bottom-width: 0;
|
||
padding: 0;
|
||
white-space: nowrap;
|
||
}
|
||
.ui-tabs .ui-tabs-nav li a {
|
||
float: left;
|
||
padding: .5em 1em;
|
||
text-decoration: none;
|
||
}
|
||
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
||
margin-bottom: -1px;
|
||
padding-bottom: 1px;
|
||
}
|
||
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
|
||
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
|
||
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
|
||
cursor: text;
|
||
}
|
||
.ui-tabs .ui-tabs-nav li a,
|
||
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
|
||
cursor: pointer;
|
||
}
|
||
.ui-tabs .ui-tabs-panel {
|
||
display: block;
|
||
border-width: 0;
|
||
padding: 1em 1.4em;
|
||
background: none;
|
||
}
|
||
.ui-tooltip {
|
||
padding: 8px;
|
||
position: absolute;
|
||
z-index: 9999;
|
||
max-width: 300px;
|
||
-webkit-box-shadow: 0 0 5px #aaaaaa;
|
||
-moz-box-shadow: 0 0 5px #aaaaaa;
|
||
box-shadow: 0 0 5px #aaaaaa;
|
||
}
|
||
body .ui-tooltip {
|
||
border-width: 2px;
|
||
}
|
||
/* Component containers
|
||
----------------------------------*/
|
||
.ui-widget {
|
||
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
|
||
font-size: 87.5%;
|
||
font-size: 1.1em;
|
||
}
|
||
.ui-widget .ui-widget {
|
||
font-size: 1em;
|
||
}
|
||
.ui-widget input,
|
||
.ui-widget select,
|
||
.ui-widget textarea,
|
||
.ui-widget button {
|
||
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
|
||
font-size: 87.5%;
|
||
font-size: 1em;
|
||
}
|
||
.ui-widget-content {
|
||
border-top: solid 1px #ffc200;
|
||
border-left: solid 1px #ffc200;
|
||
border-right: solid 1px #ffc200;
|
||
border-bottom: solid 1px #ffc200;
|
||
background-image: none;
|
||
color: #808080 !important;
|
||
background: white;
|
||
}
|
||
.ui-widget-content a {
|
||
color: #999999;
|
||
}
|
||
.ui-widget-header {
|
||
border-top: solid 1px 1px;
|
||
border-left: solid 1px 1px;
|
||
border-right: solid 1px 1px;
|
||
border-bottom: solid 1px 1px;
|
||
border-color: #f0f0f0;
|
||
color: #ffffff;
|
||
font-weight: bold;
|
||
background-image: none;
|
||
background-color: #679fd2;
|
||
}
|
||
.ui-widget-header a {
|
||
color: #ffffff;
|
||
}
|
||
/* Interaction states
|
||
----------------------------------*/
|
||
.ui-state-default,
|
||
.ui-widget-content .ui-state-default,
|
||
.ui-widget-header .ui-state-default {
|
||
border-top: solid 1px 1px;
|
||
border-left: solid 1px 1px;
|
||
border-right: solid 1px 1px;
|
||
border-bottom: solid 1px 1px;
|
||
border-color: #f0f0f0;
|
||
background: transparent;
|
||
font-weight: bold;
|
||
color: #999999;
|
||
}
|
||
.ui-state-default a,
|
||
.ui-state-default a:link,
|
||
.ui-state-default a:visited {
|
||
color: #999999;
|
||
text-decoration: none;
|
||
}
|
||
.ui-state-hover,
|
||
.ui-widget-content .ui-state-hover,
|
||
.ui-widget-header .ui-state-hover,
|
||
.ui-state-focus,
|
||
.ui-widget-content .ui-state-focus,
|
||
.ui-widget-header .ui-state-focus {
|
||
border-top: solid 1px 1px;
|
||
border-left: solid 1px 1px;
|
||
border-right: solid 1px 1px;
|
||
border-bottom: solid 1px 1px;
|
||
border-color: #f0f0f0;
|
||
background: #ffc200;
|
||
color: #000000;
|
||
}
|
||
.ui-state-hover a,
|
||
.ui-state-hover a:hover,
|
||
.ui-state-hover a:link,
|
||
.ui-state-hover a:visited {
|
||
color: #808080;
|
||
text-decoration: none;
|
||
}
|
||
.ui-state-active,
|
||
.ui-widget-content .ui-state-active,
|
||
.ui-widget-header .ui-state-active {
|
||
border-top: solid 1px 1px;
|
||
border-left: solid 1px 1px;
|
||
border-right: solid 1px 1px;
|
||
border-bottom: solid 1px 1px;
|
||
border-color: #bfbfbf;
|
||
background: #ffc200;
|
||
font-weight: bold;
|
||
color: #808080;
|
||
}
|
||
.ui-state-active a,
|
||
.ui-state-active a:link,
|
||
.ui-state-active a:visited {
|
||
color: #e17009;
|
||
text-decoration: none;
|
||
}
|
||
/* Interaction Cues
|
||
----------------------------------*/
|
||
.ui-state-highlight,
|
||
.ui-widget-content .ui-state-highlight,
|
||
.ui-widget-header .ui-state-highlight {
|
||
border-top: solid 1px 1px;
|
||
border-left: solid 1px 1px;
|
||
border-right: solid 1px 1px;
|
||
border-bottom: solid 1px 1px;
|
||
border-color: #f0f0f0;
|
||
background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
|
||
color: #808080;
|
||
}
|
||
.ui-state-highlight a,
|
||
.ui-widget-content .ui-state-highlight a,
|
||
.ui-widget-header .ui-state-highlight a {
|
||
color: #e6e6e6;
|
||
}
|
||
.ui-state-error,
|
||
.ui-widget-content .ui-state-error,
|
||
.ui-widget-header .ui-state-error {
|
||
border-top: solid 1px 1px;
|
||
border-left: solid 1px 1px;
|
||
border-right: solid 1px 1px;
|
||
border-bottom: solid 1px 1px;
|
||
border-color: #f0f0f0;
|
||
color: #b3b3b3;
|
||
}
|
||
.ui-state-error a,
|
||
.ui-widget-content .ui-state-error a,
|
||
.ui-widget-header .ui-state-error a {
|
||
color: #b3b3b3;
|
||
}
|
||
.ui-state-error-text,
|
||
.ui-widget-content .ui-state-error-text,
|
||
.ui-widget-header .ui-state-error-text {
|
||
color: #b3b3b3;
|
||
}
|
||
.ui-priority-primary,
|
||
.ui-widget-content .ui-priority-primary,
|
||
.ui-widget-header .ui-priority-primary {
|
||
font-weight: bold;
|
||
}
|
||
.ui-priority-secondary,
|
||
.ui-widget-content .ui-priority-secondary,
|
||
.ui-widget-header .ui-priority-secondary {
|
||
opacity: .7;
|
||
filter: alpha(opacity=70);
|
||
font-weight: normal;
|
||
}
|
||
.ui-state-disabled,
|
||
.ui-widget-content .ui-state-disabled,
|
||
.ui-widget-header .ui-state-disabled {
|
||
opacity: .35;
|
||
filter: alpha(opacity=35);
|
||
background-image: none;
|
||
}
|
||
.ui-state-disabled .ui-icon {
|
||
filter: alpha(opacity=35);
|
||
/* For IE8 - See #6059 */
|
||
}
|
||
/* Icons
|
||
----------------------------------*/
|
||
/* states and images */
|
||
.ui-icon {
|
||
width: 16px;
|
||
height: 16px;
|
||
}
|
||
.ui-icon,
|
||
.ui-widget-content .ui-icon {
|
||
background-image: url(images/ui-icons_222222_256x240.png);
|
||
}
|
||
.ui-widget-header .ui-icon {
|
||
background-image: url(images/ui-icons_222222_256x240.png);
|
||
}
|
||
.ui-state-default .ui-icon {
|
||
background-image: url(images/ui-icons_6da8d5_256x240.png);
|
||
}
|
||
.ui-state-hover .ui-icon,
|
||
.ui-state-focus .ui-icon {
|
||
background-image: url(images/ui-icons_217bc0_256x240.png);
|
||
}
|
||
.ui-state-active .ui-icon {
|
||
background-image: url(images/ui-icons_f9bd01_256x240.png);
|
||
}
|
||
.ui-state-highlight .ui-icon {
|
||
background-image: url(images/ui-icons_2e83ff_256x240.png);
|
||
}
|
||
.ui-state-error .ui-icon,
|
||
.ui-state-error-text .ui-icon {
|
||
background-image: url(images/ui-icons_cd0a0a_256x240.png);
|
||
}
|
||
/* positioning */
|
||
.ui-icon-blank {
|
||
background-position: 16px 16px;
|
||
}
|
||
.ui-icon-carat-1-n {
|
||
background-position: 0 0;
|
||
}
|
||
.ui-icon-carat-1-ne {
|
||
background-position: -16px 0;
|
||
}
|
||
.ui-icon-carat-1-e {
|
||
background-position: -32px 0;
|
||
}
|
||
.ui-icon-carat-1-se {
|
||
background-position: -48px 0;
|
||
}
|
||
.ui-icon-carat-1-s {
|
||
background-position: -64px 0;
|
||
}
|
||
.ui-icon-carat-1-sw {
|
||
background-position: -80px 0;
|
||
}
|
||
.ui-icon-carat-1-w {
|
||
background-position: -96px 0;
|
||
}
|
||
.ui-icon-carat-1-nw {
|
||
background-position: -112px 0;
|
||
}
|
||
.ui-icon-carat-2-n-s {
|
||
background-position: -128px 0;
|
||
}
|
||
.ui-icon-carat-2-e-w {
|
||
background-position: -144px 0;
|
||
}
|
||
.ui-icon-triangle-1-n {
|
||
background-position: 0 -16px;
|
||
}
|
||
.ui-icon-triangle-1-ne {
|
||
background-position: -16px -16px;
|
||
}
|
||
.ui-icon-triangle-1-e {
|
||
background-position: -32px -16px;
|
||
}
|
||
.ui-icon-triangle-1-se {
|
||
background-position: -48px -16px;
|
||
}
|
||
.ui-icon-triangle-1-s {
|
||
background-position: -64px -16px;
|
||
}
|
||
.ui-icon-triangle-1-sw {
|
||
background-position: -80px -16px;
|
||
}
|
||
.ui-icon-triangle-1-w {
|
||
background-position: -96px -16px;
|
||
}
|
||
.ui-icon-triangle-1-nw {
|
||
background-position: -112px -16px;
|
||
}
|
||
.ui-icon-triangle-2-n-s {
|
||
background-position: -128px -16px;
|
||
}
|
||
.ui-icon-triangle-2-e-w {
|
||
background-position: -144px -16px;
|
||
}
|
||
.ui-icon-arrow-1-n {
|
||
background-position: 0 -32px;
|
||
}
|
||
.ui-icon-arrow-1-ne {
|
||
background-position: -16px -32px;
|
||
}
|
||
.ui-icon-arrow-1-e {
|
||
background-position: -32px -32px;
|
||
}
|
||
.ui-icon-arrow-1-se {
|
||
background-position: -48px -32px;
|
||
}
|
||
.ui-icon-arrow-1-s {
|
||
background-position: -64px -32px;
|
||
}
|
||
.ui-icon-arrow-1-sw {
|
||
background-position: -80px -32px;
|
||
}
|
||
.ui-icon-arrow-1-w {
|
||
background-position: -96px -32px;
|
||
}
|
||
.ui-icon-arrow-1-nw {
|
||
background-position: -112px -32px;
|
||
}
|
||
.ui-icon-arrow-2-n-s {
|
||
background-position: -128px -32px;
|
||
}
|
||
.ui-icon-arrow-2-ne-sw {
|
||
background-position: -144px -32px;
|
||
}
|
||
.ui-icon-arrow-2-e-w {
|
||
background-position: -160px -32px;
|
||
}
|
||
.ui-icon-arrow-2-se-nw {
|
||
background-position: -176px -32px;
|
||
}
|
||
.ui-icon-arrowstop-1-n {
|
||
background-position: -192px -32px;
|
||
}
|
||
.ui-icon-arrowstop-1-e {
|
||
background-position: -208px -32px;
|
||
}
|
||
.ui-icon-arrowstop-1-s {
|
||
background-position: -224px -32px;
|
||
}
|
||
.ui-icon-arrowstop-1-w {
|
||
background-position: -240px -32px;
|
||
}
|
||
.ui-icon-arrowthick-1-n {
|
||
background-position: 0 -48px;
|
||
}
|
||
.ui-icon-arrowthick-1-ne {
|
||
background-position: -16px -48px;
|
||
}
|
||
.ui-icon-arrowthick-1-e {
|
||
background-position: -32px -48px;
|
||
}
|
||
.ui-icon-arrowthick-1-se {
|
||
background-position: -48px -48px;
|
||
}
|
||
.ui-icon-arrowthick-1-s {
|
||
background-position: -64px -48px;
|
||
}
|
||
.ui-icon-arrowthick-1-sw {
|
||
background-position: -80px -48px;
|
||
}
|
||
.ui-icon-arrowthick-1-w {
|
||
background-position: -96px -48px;
|
||
}
|
||
.ui-icon-arrowthick-1-nw {
|
||
background-position: -112px -48px;
|
||
}
|
||
.ui-icon-arrowthick-2-n-s {
|
||
background-position: -128px -48px;
|
||
}
|
||
.ui-icon-arrowthick-2-ne-sw {
|
||
background-position: -144px -48px;
|
||
}
|
||
.ui-icon-arrowthick-2-e-w {
|
||
background-position: -160px -48px;
|
||
}
|
||
.ui-icon-arrowthick-2-se-nw {
|
||
background-position: -176px -48px;
|
||
}
|
||
.ui-icon-arrowthickstop-1-n {
|
||
background-position: -192px -48px;
|
||
}
|
||
.ui-icon-arrowthickstop-1-e {
|
||
background-position: -208px -48px;
|
||
}
|
||
.ui-icon-arrowthickstop-1-s {
|
||
background-position: -224px -48px;
|
||
}
|
||
.ui-icon-arrowthickstop-1-w {
|
||
background-position: -240px -48px;
|
||
}
|
||
.ui-icon-arrowreturnthick-1-w {
|
||
background-position: 0 -64px;
|
||
}
|
||
.ui-icon-arrowreturnthick-1-n {
|
||
background-position: -16px -64px;
|
||
}
|
||
.ui-icon-arrowreturnthick-1-e {
|
||
background-position: -32px -64px;
|
||
}
|
||
.ui-icon-arrowreturnthick-1-s {
|
||
background-position: -48px -64px;
|
||
}
|
||
.ui-icon-arrowreturn-1-w {
|
||
background-position: -64px -64px;
|
||
}
|
||
.ui-icon-arrowreturn-1-n {
|
||
background-position: -80px -64px;
|
||
}
|
||
.ui-icon-arrowreturn-1-e {
|
||
background-position: -96px -64px;
|
||
}
|
||
.ui-icon-arrowreturn-1-s {
|
||
background-position: -112px -64px;
|
||
}
|
||
.ui-icon-arrowrefresh-1-w {
|
||
background-position: -128px -64px;
|
||
}
|
||
.ui-icon-arrowrefresh-1-n {
|
||
background-position: -144px -64px;
|
||
}
|
||
.ui-icon-arrowrefresh-1-e {
|
||
background-position: -160px -64px;
|
||
}
|
||
.ui-icon-arrowrefresh-1-s {
|
||
background-position: -176px -64px;
|
||
}
|
||
.ui-icon-arrow-4 {
|
||
background-position: 0 -80px;
|
||
}
|
||
.ui-icon-arrow-4-diag {
|
||
background-position: -16px -80px;
|
||
}
|
||
.ui-icon-extlink {
|
||
background-position: -32px -80px;
|
||
}
|
||
.ui-icon-newwin {
|
||
background-position: -48px -80px;
|
||
}
|
||
.ui-icon-refresh {
|
||
background-position: -64px -80px;
|
||
}
|
||
.ui-icon-shuffle {
|
||
background-position: -80px -80px;
|
||
}
|
||
.ui-icon-transfer-e-w {
|
||
background-position: -96px -80px;
|
||
}
|
||
.ui-icon-transferthick-e-w {
|
||
background-position: -112px -80px;
|
||
}
|
||
.ui-icon-folder-collapsed {
|
||
background-position: 0 -96px;
|
||
}
|
||
.ui-icon-folder-open {
|
||
background-position: -16px -96px;
|
||
}
|
||
.ui-icon-document {
|
||
background-position: -32px -96px;
|
||
}
|
||
.ui-icon-document-b {
|
||
background-position: -48px -96px;
|
||
}
|
||
.ui-icon-note {
|
||
background-position: -64px -96px;
|
||
}
|
||
.ui-icon-mail-closed {
|
||
background-position: -80px -96px;
|
||
}
|
||
.ui-icon-mail-open {
|
||
background-position: -96px -96px;
|
||
}
|
||
.ui-icon-suitcase {
|
||
background-position: -112px -96px;
|
||
}
|
||
.ui-icon-comment {
|
||
background-position: -128px -96px;
|
||
}
|
||
.ui-icon-person {
|
||
background-position: -144px -96px;
|
||
}
|
||
.ui-icon-print {
|
||
background-position: -160px -96px;
|
||
}
|
||
.ui-icon-trash {
|
||
background-position: -176px -96px;
|
||
}
|
||
.ui-icon-locked {
|
||
background-position: -192px -96px;
|
||
}
|
||
.ui-icon-unlocked {
|
||
background-position: -208px -96px;
|
||
}
|
||
.ui-icon-bookmark {
|
||
background-position: -224px -96px;
|
||
}
|
||
.ui-icon-tag {
|
||
background-position: -240px -96px;
|
||
}
|
||
.ui-icon-home {
|
||
background-position: 0 -112px;
|
||
}
|
||
.ui-icon-flag {
|
||
background-position: -16px -112px;
|
||
}
|
||
.ui-icon-calendar {
|
||
background-position: -32px -112px;
|
||
}
|
||
.ui-icon-cart {
|
||
background-position: -48px -112px;
|
||
}
|
||
.ui-icon-pencil {
|
||
background-position: -64px -112px;
|
||
}
|
||
.ui-icon-clock {
|
||
background-position: -80px -112px;
|
||
}
|
||
.ui-icon-disk {
|
||
background-position: -96px -112px;
|
||
}
|
||
.ui-icon-calculator {
|
||
background-position: -112px -112px;
|
||
}
|
||
.ui-icon-zoomin {
|
||
background-position: -128px -112px;
|
||
}
|
||
.ui-icon-zoomout {
|
||
background-position: -144px -112px;
|
||
}
|
||
.ui-icon-search {
|
||
background-position: -160px -112px;
|
||
}
|
||
.ui-icon-wrench {
|
||
background-position: -176px -112px;
|
||
}
|
||
.ui-icon-gear {
|
||
background-position: -192px -112px;
|
||
}
|
||
.ui-icon-heart {
|
||
background-position: -224px -112px;
|
||
}
|
||
.ui-icon-star {
|
||
background-position: -224px -112px;
|
||
}
|
||
.ui-icon-link {
|
||
background-position: -240px -112px;
|
||
}
|
||
.ui-icon-cancel {
|
||
background-position: 0 -128px;
|
||
}
|
||
.ui-icon-plus {
|
||
background-position: -16px -128px;
|
||
}
|
||
.ui-icon-plusthick {
|
||
background-position: -32px -128px;
|
||
}
|
||
.ui-icon-minus {
|
||
background-position: -48px -128px;
|
||
}
|
||
.ui-icon-minusthick {
|
||
background-position: -64px -128px;
|
||
}
|
||
.ui-icon-close {
|
||
background-position: -80px -128px;
|
||
}
|
||
.ui-icon-closethick {
|
||
background-position: -96px -128px;
|
||
}
|
||
.ui-icon-key {
|
||
background-position: -112px -128px;
|
||
}
|
||
.ui-icon-lightbulb {
|
||
background-position: -128px -128px;
|
||
}
|
||
.ui-icon-scissors {
|
||
background-position: -144px -128px;
|
||
}
|
||
.ui-icon-clipboard {
|
||
background-position: -160px -128px;
|
||
}
|
||
.ui-icon-copy {
|
||
background-position: -176px -128px;
|
||
}
|
||
.ui-icon-contact {
|
||
background-position: -192px -128px;
|
||
}
|
||
.ui-icon-image {
|
||
background-position: -208px -128px;
|
||
}
|
||
.ui-icon-video {
|
||
background-position: -224px -128px;
|
||
}
|
||
.ui-icon-script {
|
||
background-position: -240px -128px;
|
||
}
|
||
.ui-icon-alert {
|
||
background-position: 0 -144px;
|
||
}
|
||
.ui-icon-info {
|
||
background-position: -16px -144px;
|
||
}
|
||
.ui-icon-notice {
|
||
background-position: -32px -144px;
|
||
}
|
||
.ui-icon-help {
|
||
background-position: -48px -144px;
|
||
}
|
||
.ui-icon-check {
|
||
background-position: -64px -144px;
|
||
}
|
||
.ui-icon-bullet {
|
||
background-position: -80px -144px;
|
||
}
|
||
.ui-icon-radio-on {
|
||
background-position: -96px -144px;
|
||
}
|
||
.ui-icon-radio-off {
|
||
background-position: -112px -144px;
|
||
}
|
||
.ui-icon-pin-w {
|
||
background-position: -128px -144px;
|
||
}
|
||
.ui-icon-pin-s {
|
||
background-position: -144px -144px;
|
||
}
|
||
.ui-icon-play {
|
||
background-position: 0 -160px;
|
||
}
|
||
.ui-icon-pause {
|
||
background-position: -16px -160px;
|
||
}
|
||
.ui-icon-seek-next {
|
||
background-position: -32px -160px;
|
||
}
|
||
.ui-icon-seek-prev {
|
||
background-position: -48px -160px;
|
||
}
|
||
.ui-icon-seek-end {
|
||
background-position: -64px -160px;
|
||
}
|
||
.ui-icon-seek-start {
|
||
background-position: -80px -160px;
|
||
}
|
||
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||
.ui-icon-seek-first {
|
||
background-position: -80px -160px;
|
||
}
|
||
.ui-icon-stop {
|
||
background-position: -96px -160px;
|
||
}
|
||
.ui-icon-eject {
|
||
background-position: -112px -160px;
|
||
}
|
||
.ui-icon-volume-off {
|
||
background-position: -128px -160px;
|
||
}
|
||
.ui-icon-volume-on {
|
||
background-position: -144px -160px;
|
||
}
|
||
.ui-icon-power {
|
||
background-position: 0 -176px;
|
||
}
|
||
.ui-icon-signal-diag {
|
||
background-position: -16px -176px;
|
||
}
|
||
.ui-icon-signal {
|
||
background-position: -32px -176px;
|
||
}
|
||
.ui-icon-battery-0 {
|
||
background-position: -48px -176px;
|
||
}
|
||
.ui-icon-battery-1 {
|
||
background-position: -64px -176px;
|
||
}
|
||
.ui-icon-battery-2 {
|
||
background-position: -80px -176px;
|
||
}
|
||
.ui-icon-battery-3 {
|
||
background-position: -96px -176px;
|
||
}
|
||
.ui-icon-circle-plus {
|
||
background-position: 0 -192px;
|
||
}
|
||
.ui-icon-circle-minus {
|
||
background-position: -16px -192px;
|
||
}
|
||
.ui-icon-circle-close {
|
||
background-position: -32px -192px;
|
||
}
|
||
.ui-icon-circle-triangle-e {
|
||
background-position: -48px -192px;
|
||
}
|
||
.ui-icon-circle-triangle-s {
|
||
background-position: -64px -192px;
|
||
}
|
||
.ui-icon-circle-triangle-w {
|
||
background-position: -80px -192px;
|
||
}
|
||
.ui-icon-circle-triangle-n {
|
||
background-position: -96px -192px;
|
||
}
|
||
.ui-icon-circle-arrow-e {
|
||
background-position: -112px -192px;
|
||
}
|
||
.ui-icon-circle-arrow-s {
|
||
background-position: -128px -192px;
|
||
}
|
||
.ui-icon-circle-arrow-w {
|
||
background-position: -144px -192px;
|
||
}
|
||
.ui-icon-circle-arrow-n {
|
||
background-position: -160px -192px;
|
||
}
|
||
.ui-icon-circle-zoomin {
|
||
background-position: -176px -192px;
|
||
}
|
||
.ui-icon-circle-zoomout {
|
||
background-position: -192px -192px;
|
||
}
|
||
.ui-icon-circle-check {
|
||
background-position: -208px -192px;
|
||
}
|
||
.ui-icon-circlesmall-plus {
|
||
background-position: 0 -208px;
|
||
}
|
||
.ui-icon-circlesmall-minus {
|
||
background-position: -16px -208px;
|
||
}
|
||
.ui-icon-circlesmall-close {
|
||
background-position: -32px -208px;
|
||
}
|
||
.ui-icon-squaresmall-plus {
|
||
background-position: -48px -208px;
|
||
}
|
||
.ui-icon-squaresmall-minus {
|
||
background-position: -64px -208px;
|
||
}
|
||
.ui-icon-squaresmall-close {
|
||
background-position: -80px -208px;
|
||
}
|
||
.ui-icon-grip-dotted-vertical {
|
||
background-position: 0 -224px;
|
||
}
|
||
.ui-icon-grip-dotted-horizontal {
|
||
background-position: -16px -224px;
|
||
}
|
||
.ui-icon-grip-solid-vertical {
|
||
background-position: -32px -224px;
|
||
}
|
||
.ui-icon-grip-solid-horizontal {
|
||
background-position: -48px -224px;
|
||
}
|
||
.ui-icon-gripsmall-diagonal-se {
|
||
background-position: -64px -224px;
|
||
}
|
||
.ui-icon-grip-diagonal-se {
|
||
background-position: -80px -224px;
|
||
}
|
||
/* Misc visuals
|
||
----------------------------------*/
|
||
/* Corner radius */
|
||
.ui-corner-all,
|
||
.ui-corner-top,
|
||
.ui-corner-left,
|
||
.ui-corner-tl {
|
||
border-top-left-radius: 2px;
|
||
}
|
||
.ui-corner-all,
|
||
.ui-corner-top,
|
||
.ui-corner-right,
|
||
.ui-corner-tr {
|
||
border-top-right-radius: 2px;
|
||
}
|
||
.ui-corner-all,
|
||
.ui-corner-bottom,
|
||
.ui-corner-left,
|
||
.ui-corner-bl {
|
||
border-bottom-left-radius: 2px;
|
||
}
|
||
.ui-corner-all,
|
||
.ui-corner-bottom,
|
||
.ui-corner-right,
|
||
.ui-corner-br {
|
||
border-bottom-right-radius: 2px;
|
||
}
|
||
/* Overlays */
|
||
.ui-widget-overlay {
|
||
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
|
||
opacity: .3;
|
||
filter: alpha(opacity=30);
|
||
}
|
||
.ui-widget-shadow {
|
||
margin: -8px 0 0 -8px;
|
||
padding: 8px;
|
||
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
|
||
opacity: .3;
|
||
filter: alpha(opacity=30);
|
||
border-radius: 8px;
|
||
}
|
||
/**
|
||
* EGroupware: Stylite Pixelegg template
|
||
*
|
||
* less file for magic suggest
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||
* @package pixelegg
|
||
* @version $Id$
|
||
*/
|
||
.ms-ctn {
|
||
position: relative;
|
||
height: 28px;
|
||
padding: 0;
|
||
margin-bottom: 0px;
|
||
font-size: 14px;
|
||
line-height: 20px;
|
||
color: #555555;
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
background-color: #ffffff;
|
||
border: 1px solid #cccccc;
|
||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||
cursor: default;
|
||
display: block;
|
||
}
|
||
.ms-ctn-invalid {
|
||
border: 1px solid #CC0000;
|
||
}
|
||
.ms-ctn-readonly {
|
||
cursor: pointer;
|
||
}
|
||
.ms-ctn-disabled {
|
||
cursor: not-allowed;
|
||
background-color: #eeeeee;
|
||
}
|
||
.ms-ctn-bootstrap-focus,
|
||
.ms-ctn-bootstrap-focus .ms-res-ctn {
|
||
/* IE6-9 */
|
||
border-bottom-left-radius: 0;
|
||
border-bottom-right-radius: 0;
|
||
border-color: #0c5da5 !important;
|
||
}
|
||
.ms-ctn input {
|
||
border: 0;
|
||
box-shadow: none;
|
||
-webkit-transition: none;
|
||
outline: none;
|
||
display: block;
|
||
padding: 4px 6px;
|
||
line-height: normal;
|
||
overflow: hidden;
|
||
height: auto;
|
||
border-radius: 0;
|
||
float: none;
|
||
margin: 2px 0 2px 2px;
|
||
}
|
||
.ms-ctn-disabled input {
|
||
cursor: not-allowed;
|
||
background-color: #eeeeee;
|
||
}
|
||
.ms-ctn .ms-input-readonly {
|
||
cursor: pointer;
|
||
}
|
||
.ms-ctn .ms-empty-text {
|
||
color: #DDD;
|
||
}
|
||
.ms-ctn input:focus {
|
||
border: 0;
|
||
box-shadow: none;
|
||
-webkit-transition: none;
|
||
background: #FFF;
|
||
}
|
||
.ms-ctn .ms-trigger {
|
||
float: right;
|
||
width: 27px;
|
||
height: 28px;
|
||
border-left: 1px solid #CCC;
|
||
background: #EEE;
|
||
cursor: pointer;
|
||
}
|
||
.ms-ctn .ms-trigger .ms-trigger-ico {
|
||
display: inline-block;
|
||
width: 0;
|
||
height: 0;
|
||
vertical-align: top;
|
||
border-top: 4px solid gray;
|
||
border-right: 4px solid transparent;
|
||
border-left: 4px solid transparent;
|
||
content: "";
|
||
margin-left: 9px;
|
||
margin-top: 13px;
|
||
}
|
||
.ms-ctn .ms-trigger:hover {
|
||
background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1);
|
||
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3));
|
||
}
|
||
.ms-ctn .ms-trigger:hover .ms-trigger-ico {
|
||
background-position: 0 -4px;
|
||
}
|
||
.ms-ctn-disabled .ms-trigger {
|
||
cursor: not-allowed;
|
||
background-color: #eeeeee;
|
||
}
|
||
.ms-ctn-bootstrap-focus {
|
||
border-bottom: 1px solid #CCC;
|
||
}
|
||
.ms-res-ctn {
|
||
position: relative;
|
||
background: #FFF;
|
||
overflow-y: auto;
|
||
z-index: 9999;
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
border: 1px solid #CCC;
|
||
left: -1px;
|
||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||
border-top: 0;
|
||
border-top-left-radius: 0;
|
||
border-top-right-radius: 0;
|
||
}
|
||
.ms-res-ctn .ms-res-group {
|
||
line-height: 23px;
|
||
text-align: left;
|
||
padding: 2px 5px;
|
||
font-weight: bold;
|
||
border-bottom: 1px dotted #CCC;
|
||
border-top: 1px solid #CCC;
|
||
background: #f3edff;
|
||
color: #333;
|
||
}
|
||
.ms-res-ctn .ms-res-item {
|
||
line-height: 25px;
|
||
text-align: left;
|
||
padding: 2px 5px;
|
||
color: #666;
|
||
cursor: pointer;
|
||
}
|
||
.ms-res-ctn .ms-res-item-grouped {
|
||
padding-left: 15px;
|
||
}
|
||
.ms-res-ctn .ms-res-odd {
|
||
background: #F3F3F3;
|
||
}
|
||
.ms-res-ctn .ms-res-item-active {
|
||
background-color: #3875D7;
|
||
color: #fff;
|
||
}
|
||
.ms-sel-ctn {
|
||
overflow: auto;
|
||
line-height: 22px;
|
||
}
|
||
.ms-sel-ctn .ms-sel-item {
|
||
background: #ffdd73;
|
||
color: #000000;
|
||
float: left;
|
||
font-size: 12px;
|
||
padding: 0 5px;
|
||
border-radius: 3px;
|
||
margin-left: 5px;
|
||
margin-top: 4px;
|
||
}
|
||
.ms-sel-ctn .ms-sel-text {
|
||
background: #FFF;
|
||
color: #666;
|
||
padding-right: 0;
|
||
margin-left: 0;
|
||
font-size: 14px;
|
||
font-weight: normal;
|
||
}
|
||
.ms-res-ctn .ms-res-item em {
|
||
font-style: normal;
|
||
background: #565656;
|
||
color: #FFF;
|
||
}
|
||
.ms-sel-ctn .ms-sel-item:hover {
|
||
background: #ffd140;
|
||
}
|
||
.ms-sel-ctn .ms-sel-text:hover {
|
||
background: #FFF;
|
||
}
|
||
.ms-sel-ctn .ms-sel-item-active {
|
||
border: 1px solid red;
|
||
background: #757575;
|
||
}
|
||
.ms-ctn .ms-sel-ctn .ms-sel-item {
|
||
margin-top: 3px;
|
||
}
|
||
.ms-stacked .ms-sel-item {
|
||
float: inherit;
|
||
}
|
||
.ms-sel-ctn .ms-sel-item .ms-close-btn {
|
||
width: 7px;
|
||
cursor: pointer;
|
||
height: 7px;
|
||
float: right;
|
||
margin: 8px 2px 0 10px;
|
||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjahI7BCQAwCAOTzpThHMHh3Kl9CVos9XckFwQAuPtGuWTWwMwaczKzyHsqg6+5JqMJr28BABHRwmTWQFJjTmYWOU1L4tdck9GE17dnALGAS+kAR/u2AAAAAElFTkSuQmCC);
|
||
}
|
||
.ms-sel-ctn .ms-sel-item .ms-close-btn:hover {
|
||
background-position: 0 -7px;
|
||
}
|
||
.ms-helper {
|
||
color: #AAA;
|
||
font-size: 10px;
|
||
position: absolute;
|
||
top: -17px;
|
||
right: 0;
|
||
}
|
||
/**
|
||
* EGroupware: Stylite Pixelegg template
|
||
*
|
||
* et2 Messages
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||
* @package pixelegg
|
||
* @version $Id$
|
||
*/
|
||
/* @group Base */
|
||
.chzn-container {
|
||
position: relative;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
font-size: 13px;
|
||
zoom: 0;
|
||
*display: inline;
|
||
color: #808080;
|
||
max-width: 100%;
|
||
width: auto !important;
|
||
}
|
||
.chzn-container .chzn-drop {
|
||
position: absolute;
|
||
top: 100%;
|
||
left: -9999px;
|
||
z-index: 1010;
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
width: 100%;
|
||
border: 1px solid #aaa;
|
||
border-top: 0;
|
||
background: #fff;
|
||
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
|
||
}
|
||
.chzn-container.chzn-with-drop .chzn-drop {
|
||
left: 0;
|
||
top: 32px;
|
||
}
|
||
/* @end */
|
||
/* @group Single Chosen */
|
||
.chzn-container-single .chzn-single {
|
||
position: relative;
|
||
display: block;
|
||
overflow: hidden;
|
||
padding: 0 0 0 8px;
|
||
height: 23px;
|
||
border: 1px solid #aaa;
|
||
border-radius: 5px;
|
||
background-color: #fff;
|
||
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
|
||
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||
background-clip: padding-box;
|
||
box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
|
||
color: #444;
|
||
text-decoration: none;
|
||
white-space: nowrap;
|
||
line-height: 24px;
|
||
margin-bottom: 1em;
|
||
}
|
||
.chzn-container-single .chzn-default {
|
||
color: #999;
|
||
}
|
||
.chzn-container-single .chzn-single span {
|
||
display: block;
|
||
overflow: hidden;
|
||
margin-right: 19px;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.chzn-container-single .chzn-single-with-deselect span {
|
||
margin-right: 38px;
|
||
}
|
||
.chzn-container-single .chzn-single abbr {
|
||
position: absolute;
|
||
top: 6px;
|
||
right: 26px;
|
||
display: block;
|
||
width: 12px;
|
||
height: 12px;
|
||
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||
font-size: 1px;
|
||
}
|
||
.chzn-container-single .chzn-single abbr:hover {
|
||
background-position: -42px -10px;
|
||
}
|
||
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
|
||
background-position: -42px -10px;
|
||
}
|
||
.chzn-container-single .chzn-single div {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
display: block;
|
||
width: 18px;
|
||
height: 100%;
|
||
}
|
||
.chzn-container-single .chzn-single div b {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
background: url('chosen-sprite.png') no-repeat 0px 2px;
|
||
}
|
||
.chzn-container-single .chzn-search {
|
||
position: relative;
|
||
z-index: 1010;
|
||
margin: 0;
|
||
padding: 3px 4px;
|
||
white-space: nowrap;
|
||
}
|
||
.chzn-container-single .chzn-search input {
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
margin: 1px 0;
|
||
padding: 4px 20px 4px 5px;
|
||
width: 100%;
|
||
outline: 0;
|
||
border: 1px solid #aaa;
|
||
background: #ffffff url('chosen-sprite.png') no-repeat 100% -20px;
|
||
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||
background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||
background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||
background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||
font-size: 1em;
|
||
font-family: sans-serif;
|
||
}
|
||
.chzn-container-single .chzn-drop {
|
||
margin-top: -1px;
|
||
border-radius: 0 0 4px 4px;
|
||
background-clip: padding-box;
|
||
}
|
||
.chzn-container-single.chzn-container-single-nosearch .chzn-search {
|
||
position: absolute;
|
||
left: -9999px;
|
||
}
|
||
/* @end */
|
||
/* @group Results */
|
||
.chzn-container .chzn-results {
|
||
position: relative;
|
||
overflow-x: hidden;
|
||
overflow-y: auto;
|
||
margin: 0 4px 4px 0;
|
||
padding: 0 0 0 4px;
|
||
max-height: 240px;
|
||
-webkit-overflow-scrolling: touch;
|
||
color: #808080;
|
||
}
|
||
.chzn-container .chzn-results li {
|
||
display: none;
|
||
margin: 0;
|
||
padding: 5px 6px;
|
||
list-style: none;
|
||
line-height: 15px;
|
||
}
|
||
.chzn-container .chzn-results li.active-result {
|
||
display: list-item;
|
||
cursor: pointer;
|
||
}
|
||
.chzn-container .chzn-results li.disabled-result {
|
||
display: list-item;
|
||
color: #ccc;
|
||
cursor: default;
|
||
}
|
||
.chzn-container .chzn-results li.highlighted {
|
||
background-color: #3875d7;
|
||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
|
||
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||
color: #fff;
|
||
}
|
||
.chzn-container .chzn-results li.no-results {
|
||
display: list-item;
|
||
background: #f4f4f4;
|
||
}
|
||
.chzn-container .chzn-results li.group-result {
|
||
display: list-item;
|
||
color: #999;
|
||
font-weight: bold;
|
||
cursor: default;
|
||
}
|
||
.chzn-container .chzn-results li.group-option {
|
||
padding-left: 15px;
|
||
}
|
||
.chzn-container .chzn-results li em {
|
||
font-style: normal;
|
||
text-decoration: underline;
|
||
}
|
||
/* @end */
|
||
/* @group Multi Chosen */
|
||
.chzn-container-multi .chzn-choices {
|
||
position: relative;
|
||
overflow: hidden;
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: 100%;
|
||
height: auto !important;
|
||
height: 1%;
|
||
border: 1px solid #aaa;
|
||
background-color: #fff;
|
||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||
cursor: text;
|
||
}
|
||
.chzn-container-multi .chzn-choices li {
|
||
float: left;
|
||
list-style: none;
|
||
}
|
||
.chzn-container-multi .chzn-choices li.search-field {
|
||
margin: 0;
|
||
padding: 0;
|
||
white-space: nowrap;
|
||
}
|
||
.chzn-container-multi .chzn-choices li.search-field input {
|
||
margin: 1px 0;
|
||
padding: 5px;
|
||
height: 15px;
|
||
outline: 0;
|
||
border: 0 !important;
|
||
background: transparent !important;
|
||
box-shadow: none;
|
||
color: #666;
|
||
font-size: 100%;
|
||
font-family: sans-serif;
|
||
}
|
||
.chzn-container-multi .chzn-choices li.search-field .default {
|
||
color: #999;
|
||
}
|
||
.chzn-container-multi .chzn-choices li.search-choice {
|
||
position: relative;
|
||
margin: 3px 0 3px 5px;
|
||
padding: 3px 20px 3px 5px;
|
||
border: 1px solid #aaa;
|
||
border-radius: 3px;
|
||
background-color: #e4e4e4;
|
||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||
background-clip: padding-box;
|
||
box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
|
||
color: #333;
|
||
line-height: 13px;
|
||
cursor: default;
|
||
}
|
||
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
|
||
position: absolute;
|
||
top: 4px;
|
||
right: 3px;
|
||
display: block;
|
||
width: 12px;
|
||
height: 12px;
|
||
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||
font-size: 1px;
|
||
}
|
||
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
|
||
background-position: -42px -10px;
|
||
}
|
||
.chzn-container-multi .chzn-choices li.search-choice-disabled {
|
||
padding-right: 5px;
|
||
border: 1px solid #ccc;
|
||
background-color: #e4e4e4;
|
||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||
color: #666;
|
||
}
|
||
.chzn-container-multi .chzn-choices li.search-choice-focus {
|
||
background: #d4d4d4;
|
||
}
|
||
.chzn-container-multi .chzn-choices li.search-choice-focus .search-choice-close {
|
||
background-position: -42px -10px;
|
||
}
|
||
.chzn-container-multi .chzn-results {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
.chzn-container-multi .chzn-drop .result-selected {
|
||
display: list-item;
|
||
color: #ccc;
|
||
cursor: default;
|
||
}
|
||
/* @end */
|
||
/* @group Active */
|
||
.chzn-container-active .chzn-single {
|
||
border: 1px solid #5897fb;
|
||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||
}
|
||
.chzn-container-active.chzn-with-drop .chzn-single {
|
||
border: 1px solid #aaa;
|
||
-moz-border-radius-bottomright: 0;
|
||
border-bottom-right-radius: 0;
|
||
-moz-border-radius-bottomleft: 0;
|
||
border-bottom-left-radius: 0;
|
||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
|
||
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||
box-shadow: 0 1px 0 #fff inset;
|
||
}
|
||
.chzn-container-active.chzn-with-drop .chzn-single div {
|
||
border-left: none;
|
||
background: transparent;
|
||
}
|
||
.chzn-container-active.chzn-with-drop .chzn-single div b {
|
||
background-position: -18px 2px;
|
||
}
|
||
.chzn-container-active .chzn-choices {
|
||
border: 1px solid #5897fb;
|
||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||
}
|
||
.chzn-container-active .chzn-choices li.search-field input {
|
||
color: #111 !important;
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
width: auto;
|
||
margin: 0.5em 0em 0.5em 0;
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
}
|
||
.chzn-container-active .chzn-choices li.search-field input:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
.chzn-container-active .chzn-choices li.search-field input:focus {
|
||
outline: 0;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
}
|
||
/* @end */
|
||
/* @group Disabled Support */
|
||
.chzn-disabled {
|
||
opacity: 0.5 !important;
|
||
cursor: default;
|
||
}
|
||
.chzn-disabled .chzn-single {
|
||
cursor: default;
|
||
}
|
||
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
|
||
cursor: default;
|
||
}
|
||
/* @end */
|
||
/* @group Right to Left */
|
||
.chzn-rtl {
|
||
text-align: right;
|
||
}
|
||
.chzn-rtl .chzn-single {
|
||
overflow: visible;
|
||
padding: 0 8px 0 0;
|
||
}
|
||
.chzn-rtl .chzn-single span {
|
||
margin-right: 0;
|
||
margin-left: 26px;
|
||
direction: rtl;
|
||
}
|
||
.chzn-rtl .chzn-single-with-deselect span {
|
||
margin-left: 38px;
|
||
}
|
||
.chzn-rtl .chzn-single div {
|
||
right: auto;
|
||
left: 3px;
|
||
}
|
||
.chzn-rtl .chzn-single abbr {
|
||
right: auto;
|
||
left: 26px;
|
||
}
|
||
.chzn-rtl .chzn-choices li {
|
||
float: right;
|
||
}
|
||
.chzn-rtl .chzn-choices li.search-field input {
|
||
direction: rtl;
|
||
}
|
||
.chzn-rtl .chzn-choices li.search-choice {
|
||
margin: 3px 5px 3px 0;
|
||
padding: 3px 5px 3px 19px;
|
||
}
|
||
.chzn-rtl .chzn-choices li.search-choice .search-choice-close {
|
||
right: auto;
|
||
left: 4px;
|
||
}
|
||
.chzn-rtl.chzn-container-single-nosearch .chzn-search,
|
||
.chzn-rtl .chzn-drop {
|
||
left: 9999px;
|
||
}
|
||
.chzn-rtl.chzn-container-single .chzn-results {
|
||
margin: 0 0 4px 4px;
|
||
padding: 0 4px 0 0;
|
||
}
|
||
.chzn-rtl .chzn-results li.group-option {
|
||
padding-right: 15px;
|
||
padding-left: 0;
|
||
}
|
||
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
|
||
border-right: none;
|
||
}
|
||
.chzn-rtl .chzn-search input {
|
||
padding: 4px 5px 4px 20px;
|
||
background: #ffffff url('chosen-sprite.png') no-repeat -30px -20px;
|
||
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||
background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||
background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||
background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||
direction: rtl;
|
||
}
|
||
.chzn-rtl.chzn-container-single .chzn-single div b {
|
||
background-position: 6px 2px;
|
||
}
|
||
.chzn-rtl.chzn-container-single.chzn-with-drop .chzn-single div b {
|
||
background-position: -12px 2px;
|
||
}
|
||
/* @end */
|
||
/* @group Retina compatibility */
|
||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
|
||
.chzn-rtl .chzn-search input,
|
||
.chzn-container-single .chzn-single abbr,
|
||
.chzn-container-single .chzn-single div b,
|
||
.chzn-container-single .chzn-search input,
|
||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close,
|
||
.chzn-container .chzn-results-scroll-down span,
|
||
.chzn-container .chzn-results-scroll-up span {
|
||
background-image: url('chosen-sprite@2x.png') !important;
|
||
background-size: 52px 37px !important;
|
||
background-repeat: no-repeat !important;
|
||
}
|
||
}
|
||
/* @end */
|
||
/**
|
||
* Egw customizations for Chosen widget
|
||
*/
|
||
.chzn-container {
|
||
display: inline-block;
|
||
font-size: inherit;
|
||
}
|
||
.chzn-container .chzn-single {
|
||
height: 19px;
|
||
line-height: 20px;
|
||
}
|
||
.chzn-container .chzn-results {
|
||
padding: 0 0 0 0px;
|
||
}
|
||
.chzn-container .chzn-results li {
|
||
line-height: 13px;
|
||
padding: 3px 6px;
|
||
}
|
||
.chzn-container-multi .chzn-choices .search-field input {
|
||
height: 12px;
|
||
}
|
||
.chzn-container-multi .chzn-choices .search-choice {
|
||
line-height: 12px;
|
||
margin: 2px 0 2px 1px;
|
||
}
|
||
.chzn-container .chzn-drop {
|
||
border-top-width: 0px;
|
||
}
|
||
.chzn-container-active.chzn-with-drop.chzn-above .chzn-single {
|
||
border-radius: 0px 0px 4px 4px;
|
||
border-top-width: 0px;
|
||
}
|
||
.chzn-container.chzn-above .chzn-drop {
|
||
top: auto;
|
||
bottom: 23px;
|
||
border-width: 1px 1px 0px 1px;
|
||
border-radius: 4px 4px 0px 0px;
|
||
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
|
||
-moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
|
||
box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
|
||
}
|
||
/**
|
||
* EGroupware: Stylite Pixelegg template
|
||
*
|
||
* et2 table
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||
* @package pixelegg
|
||
* @version $Id$
|
||
*/
|
||
/** #####################################################################################
|
||
* et2
|
||
* Tabellen
|
||
* ######################################################################################
|
||
*/
|
||
/* TABLE STYLE */
|
||
table.et2_grid {
|
||
border-top: 3px solid;
|
||
border-color: #f0f0f0;
|
||
border-collapse: collapse;
|
||
width: 100% !important;
|
||
}
|
||
.egwGridView_grid tr.th > td,
|
||
.nextmatch_header {
|
||
background-color: #d9d9d9;
|
||
font-weight: normal;
|
||
padding: 2px;
|
||
border-width: 0;
|
||
border-style: solid;
|
||
border-color: #d9d9d9;
|
||
border-left: 0px solid transparent;
|
||
border-top: 0px solid transparent;
|
||
border-right: 0px solid transparent;
|
||
border-bottom: 0px solid transparent;
|
||
background-image: none;
|
||
background-position: center;
|
||
background-repeat: repeat-x;
|
||
vertical-align: top;
|
||
}
|
||
table.egwGridView_outer {
|
||
background-color: #fafafa;
|
||
max-width: 100%;
|
||
}
|
||
table.egwGridView_outer thead {
|
||
background-color: #fafafa;
|
||
}
|
||
table.egwGridView_outer thead tr th {
|
||
background-color: #d9d9d9;
|
||
font-weight: normal;
|
||
padding: 2px;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
border-color: #bfbfbf;
|
||
border-left: 0px solid transparent;
|
||
border-top: 0px solid transparent;
|
||
border-right: 0px solid transparent;
|
||
border-bottom: 0px solid transparent;
|
||
background-image: none;
|
||
background-position: center;
|
||
background-repeat: repeat-x;
|
||
vertical-align: top;
|
||
}
|
||
table.egwGridView_outer thead tr th:hover {
|
||
background-color: #bfbfbf;
|
||
color: #ffffff;
|
||
background-image: url(images/hint-arrow-right.png);
|
||
background-position: right bottom;
|
||
background-repeat: no-repeat;
|
||
background-size: 15px 15px;
|
||
}
|
||
table.egwGridView_outer thead tr th:active {
|
||
background-color: #d9d9d9;
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
table.egwGridView_outer thead tr th.optcol {
|
||
padding: 0;
|
||
text-align: center;
|
||
background-image: none;
|
||
}
|
||
table.egwGridView_outer thead tr th.optcol:hover {
|
||
background-color: #d9d9d9;
|
||
}
|
||
table.egwGridView_outer thead tr th.optcol .selectcols {
|
||
position: fixed;
|
||
background-color: #f0f0f0;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
right: 15px;
|
||
border: 1px solid;
|
||
background-image: url(images/slidedown.png);
|
||
background-position: center center;
|
||
background-repeat: no-repeat;
|
||
background-size: 16px 16px;
|
||
display: inline-block;
|
||
width: 20px;
|
||
height: 20px;
|
||
margin: 0;
|
||
padding: 0;
|
||
vertical-align: middle;
|
||
}
|
||
table.egwGridView_outer thead tr th.optcol .selectcols:hover {
|
||
background-color: #b3b3b3 !important;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
background-image: url(images/slidedown.png);
|
||
background-position: center center;
|
||
background-repeat: no-repeat;
|
||
background-size: 17px 17px;
|
||
}
|
||
table.egwGridView_grid {
|
||
border-collapse: collapse;
|
||
font-size: 1.3em;
|
||
background-color: #ffffff;
|
||
width: 100%;
|
||
}
|
||
table.egwGridView_grid img {
|
||
width: 16px;
|
||
}
|
||
table.egwGridView_grid tbody {
|
||
border-bottom: 1px solid #e4e7ea;
|
||
padding: 2px 3px 2px 4px;
|
||
margin: 0;
|
||
vertical-align: top;
|
||
}
|
||
table.egwGridView_grid tbody tr.selected {
|
||
background: -webkit-gradient(linear, 0 0, 0 bottom, #ffb76b, #ff7f04), -moz-linear-gradient(#ffb76b, #ff7f04), -o-linear-gradient(#ffb76b, #ff7f04), linear-gradient(#ffb76b, #ff7f04);
|
||
-pie-background: linear-gradient(#ffb76b, #ff7f04);
|
||
behavior: url(/PIE.htc);
|
||
background-color: #bfbfbf;
|
||
}
|
||
table.egwGridView_grid tbody tr.focused {
|
||
background: -webkit-gradient(linear, 0 0, 0 bottom, #ffb76b, #ff7f04), -moz-linear-gradient(#ffb76b, #ff7f04), -o-linear-gradient(#ffb76b, #ff7f04), linear-gradient(#ffb76b, #ff7f04);
|
||
-pie-background: linear-gradient(#ffb76b, #ff7f04);
|
||
behavior: url(/PIE.htc);
|
||
background-color: #bfbfbf;
|
||
background: #679fd2 !important;
|
||
}
|
||
table.egwGridView_grid tr {
|
||
border-bottom: 1px solid;
|
||
border-color: #f0f0f0;
|
||
}
|
||
table.egwGridView_grid tr:hover {
|
||
background-color: #f0f0f0;
|
||
}
|
||
table.egwGridView_grid tr:active {
|
||
background-color: #d9d9d9;
|
||
}
|
||
table.egwGridView_grid tr td {
|
||
border-left: 0px;
|
||
border-right: 0px;
|
||
padding: 0.3em 0 1em 0.3em;
|
||
/*legacy*/
|
||
}
|
||
table.egwGridView_grid tr td:hover {
|
||
background-color: #679fd2;
|
||
}
|
||
table.egwGridView_grid tr td:active {
|
||
background-color: #0c5da5;
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #ffffff;
|
||
}
|
||
.nextmatch_header .selectcols {
|
||
background: none;
|
||
height: auto;
|
||
}
|
||
.nextmatch_header tr {
|
||
background: none;
|
||
}
|
||
.nextmatch_header {
|
||
padding: 0px;
|
||
}
|
||
div.egwGridView_scrollarea {
|
||
overflow: auto;
|
||
}
|
||
/**
|
||
* layout_*.less files are Pixelegg template specific
|
||
*/
|
||
/**
|
||
* EGroupware: Stylite Pixelegg template
|
||
*
|
||
* Definitions for login page
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||
* @package pixelegg
|
||
* @version $Id$
|
||
*/
|
||
/* ##################################################################################
|
||
* login page
|
||
*
|
||
* ##################################################################################
|
||
*
|
||
*
|
||
*/
|
||
#login-bg {
|
||
background-image: url("images-login/jp-mountain-blue-sun.jpg") !important;
|
||
background-size: 100% 100%;
|
||
background-repeat: no-repeat;
|
||
height: 120%;
|
||
position: fixed;
|
||
width: 120%;
|
||
z-index: -1;
|
||
}
|
||
#login-bg img {
|
||
bottom: 0;
|
||
left: 0;
|
||
margin: auto;
|
||
min-height: 50%;
|
||
min-width: 50%;
|
||
right: 0;
|
||
top: 0;
|
||
}
|
||
#loginMainDiv {
|
||
padding: 0px;
|
||
min-height: 720px;
|
||
height: 100%;
|
||
width: auto;
|
||
border-bottom: 0px solid #7E7E7E;
|
||
}
|
||
#loginMainDiv #divAppIconBar {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
background: transparent;
|
||
}
|
||
#loginMainDiv #divAppIconBar #divLogo {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
position: relative;
|
||
top: 1px;
|
||
}
|
||
#loginMainDiv div#centerBox {
|
||
z-index: 100;
|
||
padding-left: 40%;
|
||
}
|
||
#loginMainDiv div#centerBox #loginScreenMessage {
|
||
position: relative;
|
||
top: 400px;
|
||
}
|
||
#loginMainDiv div#centerBox #loginCdMessage {
|
||
margin-bottom: 1em;
|
||
margin-left: 40%;
|
||
}
|
||
#loginMainDiv div#centerBox #loginCdMessage span {
|
||
padding: 0.5em;
|
||
font-size: 1.2em;
|
||
color: #ffc200;
|
||
text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
|
||
width: 100%;
|
||
}
|
||
#loginMainDiv div#centerBox form table.divLoginbox {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
}
|
||
#loginMainDiv div#centerBox form table.divLoginbox td {
|
||
padding: 0.5em;
|
||
}
|
||
#loginMainDiv div#centerBox form table.divLoginbox select {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
width: auto;
|
||
margin: 0.5em 0em 0.5em 0.5em;
|
||
padding: 3px;
|
||
outline: none;
|
||
display: inline-block;
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
cursor: pointer;
|
||
}
|
||
#loginMainDiv div#centerBox form table.divLoginbox select:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
#loginMainDiv div#centerBox form table.divLoginbox input {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
width: auto;
|
||
margin: 0.5em 0em 0.5em 0;
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
}
|
||
#loginMainDiv div#centerBox form table.divLoginbox input:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
#loginMainDiv div#centerBox form table.divLoginbox input:focus {
|
||
outline: 0;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
}
|
||
#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] {
|
||
background-color: #ffc200 !important;
|
||
color: #000000;
|
||
}
|
||
#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"]:focus {
|
||
outline: 0;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
}
|
||
/**
|
||
* EGroupware: Stylite Pixelegg template
|
||
*
|
||
* Definitions for layout and raster
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||
* @package pixelegg
|
||
* @version $Id$
|
||
*/
|
||
/* #################################################
|
||
* Basecontainer
|
||
* #################################################
|
||
*/
|
||
.egw_fw_content_browser_iframe,
|
||
#divMainView {
|
||
margin: 0;
|
||
}
|
||
.egw_fw_content_browser_iframe body,
|
||
#divMainView body {
|
||
background-color: #ffffff;
|
||
}
|
||
#egw_fw_header {
|
||
width: 100%;
|
||
float: left;
|
||
/* ###########################################################################################################################################
|
||
/* ###########################################################################################################################################
|
||
* Topmenu
|
||
/* ###########################################################################################################################################
|
||
*/
|
||
}
|
||
#egw_fw_header #egw_divLogo {
|
||
float: left;
|
||
width: 255px;
|
||
display: block;
|
||
margin-left: -8px;
|
||
text-align: center;
|
||
height: 45px;
|
||
background-color: #fafafa;
|
||
}
|
||
#egw_fw_header #egw_divLogo img {
|
||
height: 40px;
|
||
border: none;
|
||
background-color: #fafafa;
|
||
}
|
||
#egw_fw_header #egw_fw_topmenu ul,
|
||
#egw_fw_header #egw_fw_topmenu > * > ul > li,
|
||
#egw_fw_header .topmenu_info_item,
|
||
#egw_fw_header #egw_fw_topmenu_items,
|
||
#egw_fw_header #egw_fw_topmenu_info_items {
|
||
display: inline;
|
||
}
|
||
#egw_fw_header #egw_fw_topmenu {
|
||
display: block;
|
||
-webkit-transition: all 1s linear;
|
||
-moz-transition: all 1s linear;
|
||
-o-transition: all 1s linear;
|
||
-ms-transition: all 1s linear;
|
||
transition: all 1s linear;
|
||
color: #000000;
|
||
-webkit-border-bottom-left-radius: none;
|
||
-moz-border-radius-bottomleft: none;
|
||
border-bottom-left-radius: none;
|
||
}
|
||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items {
|
||
float: left;
|
||
padding-top: 10px;
|
||
}
|
||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li {
|
||
width: 32px;
|
||
height: 32px;
|
||
padding: 0.3em 0.4em;
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
color: #000000;
|
||
}
|
||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
background-color: inherit !important;
|
||
color: #000000;
|
||
}
|
||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a {
|
||
color: #000000;
|
||
}
|
||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
|
||
color: #808080;
|
||
border-color: #808080;
|
||
}
|
||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child {
|
||
margin-left: -28px;
|
||
}
|
||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child :before {
|
||
border: none;
|
||
}
|
||
#egw_fw_topmenu_slide {
|
||
width: auto;
|
||
text-align: center;
|
||
height: 15px;
|
||
float: left;
|
||
position: fixed;
|
||
left: 196px;
|
||
}
|
||
#egw_fw_topmenu_slide .slidedown {
|
||
background-image: url("../images/slidedown.png");
|
||
background-position: center center;
|
||
height: 15px;
|
||
width: 15px;
|
||
display: block;
|
||
margin-left: 40px;
|
||
margin-top: 0px;
|
||
}
|
||
#egw_fw_topmenu_slide .slideup {
|
||
background-image: url("../images/slideup.png");
|
||
background-position: center center;
|
||
height: 15px;
|
||
width: 15px;
|
||
display: block;
|
||
margin-top: 10px;
|
||
margin-left: 40px;
|
||
}
|
||
#egw_fw_topmenu_addons {
|
||
/* ###################################################################
|
||
* Topmenu
|
||
*
|
||
* Name + Datum + Hinzufügen
|
||
*
|
||
*
|
||
* */
|
||
}
|
||
#egw_fw_topmenu_addons #egw_fw_logout {
|
||
background-image: url(../images/logout.png);
|
||
background-size: 16px 16px;
|
||
background-position: center center;
|
||
background-repeat: no-repeat;
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
float: right;
|
||
margin-right: 1em;
|
||
margin-top: 0px;
|
||
z-index: 200;
|
||
width: 16px;
|
||
height: 16px;
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
padding: 0.5em;
|
||
top: 5px;
|
||
position: fixed;
|
||
right: 5px;
|
||
}
|
||
#egw_fw_topmenu_addons #egw_fw_logout:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
#egw_fw_topmenu_addons #egw_fw_print {
|
||
background-image: url(../images/print.png);
|
||
background-size: 16px 16px;
|
||
background-position: center center;
|
||
background-repeat: no-repeat;
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
float: right;
|
||
margin-right: 5px;
|
||
margin-top: 0px;
|
||
position: fixed;
|
||
width: 16px;
|
||
height: 16px;
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
padding: 0.5em;
|
||
top: 5px;
|
||
right: 45px;
|
||
z-index: 200;
|
||
}
|
||
#egw_fw_topmenu_addons #egw_fw_print:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
#egw_fw_topmenu_addons #egw_fw_print:focus {
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
#egw_fw_topmenu_addons #egw_fw_topmenu_info_items {
|
||
padding-right: 20px;
|
||
float: right;
|
||
white-space: nowrap;
|
||
}
|
||
#egw_fw_topmenu_addons #egw_fw_topmenu_info_items .topmenu_info_item:nth-child(2) {
|
||
float: right;
|
||
margin-top: 0;
|
||
}
|
||
#egw_fw_topmenu_addons span#quick_add {
|
||
position: fixed;
|
||
right: 88px;
|
||
top: 0;
|
||
z-index: 200;
|
||
padding: 0 0.8em 0.8em 0.5em;
|
||
}
|
||
#egw_fw_topmenu_addons span#quick_add:before {
|
||
content: "+";
|
||
font-size: 2em;
|
||
color: #ffc200;
|
||
}
|
||
#egw_fw_topmenu_addons span#quick_add select#quick_add_selectbox {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
height: 30px;
|
||
padding: 0 0 0 10px;
|
||
font-size: 0.9em;
|
||
line-height: 1.1em;
|
||
}
|
||
#egw_fw_topmenu_addons span#quick_add select#quick_add_selectbox:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
#egw_fw_topmenu_addons span#quick_add select#quick_add_selectbox:focus {
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
#egw_fw_topmenu_addons span#quick_add select#quick_add_selectbox option:first-child:before {
|
||
content: "+";
|
||
font-size: 2em;
|
||
color: #ffc200;
|
||
}
|
||
/* ################################################################################################################
|
||
* Sidebar
|
||
* ################################################################################################################
|
||
*/
|
||
#egw_fw_sidebar {
|
||
position: fixed;
|
||
overflow: hidden;
|
||
top: 57px;
|
||
left: 0px;
|
||
bottom: 20px;
|
||
width: 225px;
|
||
background-color: #fafafa;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu {
|
||
position: absolute;
|
||
top: 0px;
|
||
bottom: 4px;
|
||
left: 4px;
|
||
right: 5px;
|
||
overflow: hidden;
|
||
z-index: 0;
|
||
padding-top: 0.6em;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv {
|
||
background-color: #fafafa;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header {
|
||
cursor: pointer;
|
||
display: block;
|
||
height: 30px;
|
||
margin: 0 0;
|
||
padding: 4px 5px 5px 15px;
|
||
background-color: #fafafa;
|
||
background-image: none;
|
||
border-color: #f0f0f0;
|
||
border-radius: 5px 5px 5px 5px;
|
||
-moz-border-radius: 5px;
|
||
-webkit-border-radius: 5px;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:hover {
|
||
background-color: #d9d9d9;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header h1 {
|
||
font-size: 1em;
|
||
font-weight: normal;
|
||
margin: 0 0 10px 0;
|
||
padding-top: 0.31em;
|
||
color: #999999;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active {
|
||
cursor: pointer;
|
||
background-image: none;
|
||
background-color: #f0f0f0;
|
||
border-radius: 27px 0px 0 0;
|
||
border-top: 1px solid #C6CED6;
|
||
border-left: 1px solid #C6CED6;
|
||
margin: 0 0 0 0;
|
||
-moz-border-radius-topright: 5px;
|
||
-webkit-border-top-right-radius: 5px;
|
||
-moz-border-radius-topleft: 5px;
|
||
-webkit-border-top-left-radius: 27px;
|
||
border-bottom: none;
|
||
height: 44px;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active img {
|
||
padding-left: 10px;
|
||
padding-top: 8px;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1 {
|
||
text-transform: uppercase;
|
||
font-size: 1.4em;
|
||
color: #000000;
|
||
padding-top: 8px;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover {
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus {
|
||
background-image: url("../images/ajax-loader.gif");
|
||
background-repeat: no-repeat;
|
||
background-position: 90% 50%;
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
background-color: #bfbfbf;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader {
|
||
margin-top: -26px;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content {
|
||
display: block;
|
||
background-image: none;
|
||
-webkit-border-top-right-radius: 0;
|
||
-webkit-border-bottom-right-radius: 0;
|
||
-webkit-border-bottom-left-radius: 27px;
|
||
-webkit-border-top-left-radius: 0;
|
||
-moz-border-radius-topright: 0;
|
||
-moz-border-radius-bottomright: 0;
|
||
-moz-border-radius-bottomleft: 27px;
|
||
-moz-border-radius-topleft: 0;
|
||
border-top-right-radius: 0;
|
||
border-bottom-right-radius: 0;
|
||
border-bottom-left-radius: 27px;
|
||
border-top-left-radius: 0;
|
||
-moz-background-clip: padding-box;
|
||
-webkit-background-clip: padding-box;
|
||
background-clip: padding-box;
|
||
border-color: #bfbfbf;
|
||
border-style: solid;
|
||
border-width: 0px;
|
||
margin: 0 0 2em 0;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content > div:nth-of-type(1) {
|
||
padding: 5px 0.3em 1.5em 0.3em;
|
||
margin: 0 0 10px 0;
|
||
background-color: #bfbfbf;
|
||
-webkit-border-top-right-radius: 0;
|
||
-webkit-border-bottom-right-radius: 0;
|
||
-webkit-border-bottom-left-radius: 27px;
|
||
-webkit-border-top-left-radius: 0;
|
||
-moz-border-radius-topright: 0;
|
||
-moz-border-radius-bottomright: 0;
|
||
-moz-border-radius-bottomleft: 27px;
|
||
-moz-border-radius-topleft: 0;
|
||
border-top-right-radius: 0;
|
||
border-bottom-right-radius: 0;
|
||
border-bottom-left-radius: 27px;
|
||
border-top-left-radius: 0;
|
||
-moz-background-clip: padding-box;
|
||
-webkit-background-clip: padding-box;
|
||
background-clip: padding-box;
|
||
border-color: #bfbfbf;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category {
|
||
margin: 10px 5px 0px 5px;
|
||
padding: 0.5em 1em;
|
||
cursor: pointer;
|
||
border-color: #bfbfbf;
|
||
background-color: #d9d9d9;
|
||
-webkit-border-top-right-radius: 3px;
|
||
-webkit-border-bottom-right-radius: 3px;
|
||
-webkit-border-bottom-left-radius: 3px;
|
||
-webkit-border-top-left-radius: 3px;
|
||
-moz-border-radius-topright: 3px;
|
||
-moz-border-radius-bottomright: 3px;
|
||
-moz-border-radius-bottomleft: 3px;
|
||
-moz-border-radius-topleft: 3px;
|
||
border-top-right-radius: 3px;
|
||
border-bottom-right-radius: 3px;
|
||
border-bottom-left-radius: 3px;
|
||
border-top-left-radius: 3px;
|
||
-moz-background-clip: padding-box;
|
||
-webkit-background-clip: padding-box;
|
||
background-clip: padding-box;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 {
|
||
margin: 5px 0px 3px 5px;
|
||
padding: 0px 0px 0px 15px;
|
||
font-size: 9pt;
|
||
background-image: url(../images/arrow_left.png);
|
||
background-repeat: no-repeat;
|
||
background-position: left center;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover {
|
||
background-color: #b3b3b3 !important;
|
||
padding: 0.5em 1em;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active {
|
||
border-bottom-width: 0px;
|
||
margin-top: 0px;
|
||
background-color: #808080;
|
||
color: #f2f2f2;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 {
|
||
background-image: url(../images/arrow_down.png);
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a {
|
||
color: #FFF;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img {
|
||
height: 16px;
|
||
width: 16px;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a:hover {
|
||
padding: 5px 30px 5px 0px;
|
||
width: 200px;
|
||
background-color: #f0f0f0;
|
||
color: #808080;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
background-color: inherit !important;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content_bottom {
|
||
border-width: 0px 1px 1px 1px;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_bottom {
|
||
border-width: 0px;
|
||
border-color: black;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon {
|
||
display: inline-block;
|
||
width: 20px;
|
||
height: 20px;
|
||
padding-left: 0;
|
||
padding-right: 10px;
|
||
float: left;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_splitter {
|
||
position: absolute;
|
||
background-color: #bfbfbf;
|
||
width: 5px;
|
||
top: 61px;
|
||
bottom: 3px;
|
||
right: 0px;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_splitter:hover {
|
||
background-color: #ffc200;
|
||
}
|
||
#egw_fw_sidebar #egw_fw_splitter .egw_fw_ui_splitter_vertical {
|
||
background-image: url(images/splitter_vert.png);
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
position: absolute;
|
||
width: 5px;
|
||
height: 100%;
|
||
cursor: col-resize;
|
||
}
|
||
.egw_fw_ui_category_content {
|
||
background-color: #ffffff;
|
||
border-top-width: 0;
|
||
border-left: 0px solid;
|
||
border-bottom: 0px solid;
|
||
margin-left: 4px;
|
||
margin-top: 0px;
|
||
padding-bottom: 5px;
|
||
padding-left: 14px;
|
||
padding-top: 14px;
|
||
margin-right: 5px;
|
||
min-height: 50px;
|
||
}
|
||
.egw_fw_ui_category_content img {
|
||
height: 16px;
|
||
width: 16px;
|
||
}
|
||
.egw_fw_ui_category_content:hover {
|
||
background-color: #ffffff;
|
||
border-color: #808080;
|
||
}
|
||
.egw_fw_ui_sidemenu_listitem {
|
||
display: block;
|
||
margin: 4px 0 5px 6px;
|
||
position: relative;
|
||
}
|
||
.egw_fw_ui_sidemenu_listitem img {
|
||
height: 16px;
|
||
width: 16px;
|
||
}
|
||
.egw_fw_ui_sidemenu_listitem input {
|
||
height: 16px;
|
||
width: 81% !important;
|
||
}
|
||
.egw_fw_ui_sidemenu_listitem input[type="image"] {
|
||
height: 10px;
|
||
width: 10px !important;
|
||
margin-left: 1px;
|
||
}
|
||
.egw_fw_ui_sidemenu_listitem select {
|
||
width: 86% !important;
|
||
}
|
||
.egw_fw_ui_sidemenu_listitem a {
|
||
padding: 5px 30px 5px 0px;
|
||
text-decoration: none;
|
||
min-width: 5em;
|
||
display: block;
|
||
}
|
||
.egw_fw_ui_sidemenu_listitem a:hover {
|
||
color: #FFF;
|
||
background-color: #679fd2;
|
||
}
|
||
.egw_fw_ui_sidemenu_listitem a:active {
|
||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
}
|
||
.egw_fw_ui_sidemenu_listitem div a:first-child {
|
||
width: 72% !important;
|
||
}
|
||
.egw_fw_ui_sidemenu_listitem div a:nth-child(2) {
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
background: transparent;
|
||
padding: 0px 2px 0 2px;
|
||
width: 10px;
|
||
min-width: 5px;
|
||
}
|
||
.egw_fw_ui_sidemenu_listitem div a:nth-child(2) img {
|
||
margin: 0 0 0 0;
|
||
padding: 0em 0em 0 0em;
|
||
height: 10px;
|
||
width: 10px;
|
||
}
|
||
.egw_fw_ui_sidemenu_listitem div a:nth-child(2):hover {
|
||
background-color: #ff0000;
|
||
background-color: #b3b3b3 !important;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
color: #ffffff;
|
||
}
|
||
.egw_fw_ui_sidemenu_listitem_icon {
|
||
display: inline;
|
||
margin-left: -16px;
|
||
padding-right: 3px;
|
||
width: 12px;
|
||
height: 12px;
|
||
float: left;
|
||
}
|
||
.egw_fw_ui_scrollarea {
|
||
overflow: hidden;
|
||
z-index: 0;
|
||
}
|
||
.egw_fw_ui_scrollarea_button {
|
||
position: absolute;
|
||
display: block;
|
||
width: 100%;
|
||
height: 12px;
|
||
z-index: 2;
|
||
}
|
||
.egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover,
|
||
.egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover {
|
||
background-image: url(../images/scroll_hover.png);
|
||
}
|
||
.egw_fw_ui_scrollarea_button_disabled {
|
||
display: none !important;
|
||
}
|
||
.egw_fw_ui_scrollarea_button_up,
|
||
.egw_fw_ui_scrollarea_button_down {
|
||
height: 14px;
|
||
background-image: url(../images/scroll.png);
|
||
background-color: white;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
.egw_fw_ui_scrollarea_button_up {
|
||
top: 0px;
|
||
}
|
||
.egw_fw_ui_scrollarea_button_down {
|
||
bottom: 0px;
|
||
}
|
||
.egw_fw_ui_scrollarea_outerdiv {
|
||
height: 100%;
|
||
}
|
||
.egw_fw_content_browser_div {
|
||
display: block;
|
||
/* background-color: RGB(240, 240, 255);*/
|
||
}
|
||
.egw_fw_content_browser_div_loading {
|
||
position: absolute;
|
||
z-index: 1000;
|
||
top: 0px;
|
||
left: 0px;
|
||
width: 16px;
|
||
height: 16px;
|
||
background-image: url(../images/ajax-loader.gif);
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
}
|
||
/* ###########################################################################################################################################
|
||
/* ###########################################################################################################################################
|
||
* Main
|
||
/* ###########################################################################################################################################
|
||
*/
|
||
#egw_fw_main {
|
||
margin: 3px 0em 0em 2em;
|
||
padding: 0;
|
||
width: auto;
|
||
}
|
||
#egw_fw_main #egw_fw_tabs {
|
||
position: relative;
|
||
background-color: transparent;
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header {
|
||
-webkit-border-bottom-right-radius: 0;
|
||
-webkit-border-bottom-left-radius: 0;
|
||
-moz-border-radius-bottomright: 0;
|
||
-moz-border-radius-bottomleft: 0;
|
||
border-bottom-right-radius: 0;
|
||
border-bottom-left-radius: 0;
|
||
-moz-background-clip: padding-box;
|
||
-webkit-background-clip: padding-box;
|
||
background-clip: padding-box;
|
||
margin: 0;
|
||
-moz-border-radius-topright: 5px;
|
||
-webkit-border-top-right-radius: 5px;
|
||
-moz-border-radius-topleft: 5px;
|
||
-webkit-border-top-left-radius: 5px;
|
||
border-top-right-radius: 5px;
|
||
border-top-left-radius: 5px;
|
||
padding: 0px 5px 0px 5px;
|
||
background-position: bottom;
|
||
background-repeat: repeat-x;
|
||
background-color: transparent;
|
||
}
|
||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header h1 {
|
||
float: left;
|
||
width: 100%;
|
||
text-align: center;
|
||
-webkit-margin-before: 0;
|
||
-webkit-margin-after: 0;
|
||
}
|
||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header img {
|
||
text-align: center;
|
||
float: none;
|
||
margin: 0 auto;
|
||
}
|
||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header {
|
||
text-align: center;
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
position: relative;
|
||
-moz-border-radius-topright: 3px;
|
||
-webkit-border-top-right-radius: 3px;
|
||
-moz-border-radius-topleft: 3px;
|
||
-webkit-border-top-left-radius: 3px;
|
||
border-top-right-radius: 3px;
|
||
border-top-left-radius: 3px;
|
||
background-color: #fafafa;
|
||
display: inline-block;
|
||
margin: 3px 5px 0px 0px;
|
||
padding: 2px 10px 2px 10px;
|
||
cursor: pointer;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
border-color: #c6ced6;
|
||
background-repeat: repeat-x;
|
||
height: 49px;
|
||
}
|
||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
|
||
background-color: #bfbfbf;
|
||
}
|
||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
|
||
font-size: 100%;
|
||
line-height: 1em;
|
||
margin-top: 0;
|
||
}
|
||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active {
|
||
border-width: 1px 1px 0px 1px !important;
|
||
padding: 2px 10px 3px 10px !important;
|
||
background-color: #bfbfbf;
|
||
background-image: none !important;
|
||
}
|
||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover {
|
||
background-color: #bfbfbf;
|
||
}
|
||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header img.egw_fw_ui_tab_icon {
|
||
display: inline-block;
|
||
width: 20px;
|
||
height: 20px;
|
||
margin-right: 5px;
|
||
margin-top: 10px;
|
||
}
|
||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button {
|
||
position: absolute;
|
||
right: 1px;
|
||
top: 1px;
|
||
display: inline-block;
|
||
width: 16px;
|
||
height: 16px;
|
||
margin-left: 5px;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
background-image: url(../images/close_button.png);
|
||
float: right;
|
||
}
|
||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button :hover {
|
||
background-image: url(../images/close_button_hover.png);
|
||
}
|
||
#egw_fw_main .egw_fw_ui_tab_header_hover {
|
||
background-color: transparent;
|
||
}
|
||
#egw_fw_main .egw_fw_ui_tab_content {
|
||
border-width: 0px 9px 0px 9px;
|
||
border-style: solid;
|
||
border-color: #bfbfbf;
|
||
}
|
||
#egw_fw_main .egw_fw_ui_tab_content div:nth-child(1) iframe {
|
||
height: 100%;
|
||
min-height: 99%;
|
||
}
|
||
div.et2_container {
|
||
padding: 0;
|
||
}
|
||
div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget select,
|
||
div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {
|
||
height: 20px;
|
||
padding: 0;
|
||
margin: 0px;
|
||
font-size: 0.95em;
|
||
}
|
||
div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2_grid {
|
||
background-color: #ffffff;
|
||
}
|
||
div.et2_container div table.et2_grid tbody tr.footer-toolbar {
|
||
background-color: #808080;
|
||
color: #ffffff;
|
||
line-height: 5em;
|
||
}
|
||
div.et2_container div table.et2_grid tbody tr.footer-toolbar select.et2_selectbox {
|
||
background-color: #FFFFFF;
|
||
height: 30px;
|
||
margin-left: 0;
|
||
margin-top: -4px;
|
||
padding: 3px;
|
||
width: 113px;
|
||
}
|
||
/**
|
||
* EGroupware: Stylite Pixelegg template
|
||
*
|
||
* Nextmatch
|
||
*
|
||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||
*
|
||
* @link http://www.egroupware.org
|
||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||
* @package pixelegg
|
||
* @version $Id$
|
||
*/
|
||
/**
|
||
* Nextmatch widget
|
||
*/
|
||
.et2_nextmatch .nextmatch_header > .filters {
|
||
padding: 0 0 0 1em;
|
||
background-color: #f0f0f0;
|
||
margin-bottom: 3px;
|
||
margin: 0em;
|
||
border-width: 0 0 1px 0;
|
||
border-color: #d9d9d9;
|
||
background-image: none;
|
||
}
|
||
.et2_nextmatch {
|
||
/* Left & right headers*/
|
||
/* Favorites */
|
||
}
|
||
.et2_nextmatch div > .header {
|
||
margin-top: -20px;
|
||
border: none;
|
||
}
|
||
.et2_nextmatch input,
|
||
.et2_nextmatch select {
|
||
height: auto;
|
||
}
|
||
.et2_nextmatch .nextmatch_header {
|
||
border: none;
|
||
background-image: none;
|
||
background-color: #f0f0f0;
|
||
background-size: 80% 10;
|
||
margin-bottom: 3px;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div.et2_hbox_right {
|
||
background: transparent;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div.et2_hbox_right table.et2_grid {
|
||
background: transparent;
|
||
}
|
||
.et2_nextmatch .nextmatch_header .et2_button_icon {
|
||
vertical-align: middle;
|
||
background-color: #f0f0f0;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
margin-top: -5px;
|
||
margin-right: 1em;
|
||
height: 16px;
|
||
width: 16px;
|
||
}
|
||
.et2_nextmatch .nextmatch_header .et2_button_icon:hover {
|
||
background-color: #b3b3b3 !important;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
}
|
||
.et2_nextmatch .nextmatch_header .header_count {
|
||
position: relative;
|
||
top: 7px;
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
background-color: #f0f0f0;
|
||
border-color: #808080;
|
||
cursor: pointer;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper,
|
||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
background-color: #bfbfbf;
|
||
position: relative;
|
||
top: 5px;
|
||
/**
|
||
* Drop down button
|
||
*/
|
||
}
|
||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown,
|
||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite .et2_dropdown {
|
||
height: 2em;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown img,
|
||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite .et2_dropdown img {
|
||
height: 16px;
|
||
width: 16px;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button,
|
||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite .et2_dropdown button {
|
||
height: 3.0ex;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
margin-right: -2px;
|
||
padding: 0px 1ex;
|
||
background-color: #ffffff;
|
||
background-image: none;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button > div,
|
||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite .et2_dropdown button > div {
|
||
vertical-align: middle;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button:last-child,
|
||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite .et2_dropdown button:last-child {
|
||
padding: 0px;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown + ul.ui-menu,
|
||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite .et2_dropdown + ul.ui-menu {
|
||
position: absolute;
|
||
z-index: 2;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul,
|
||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite ul {
|
||
border-color: #bfbfbf;
|
||
background-color: #ffffff;
|
||
color: #000000;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li,
|
||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite ul li {
|
||
background-color: #ffffff;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li:hover,
|
||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite ul li:hover {
|
||
background-color: #f0f0f0;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a,
|
||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite ul li a {
|
||
height: 40px;
|
||
border: none;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a img,
|
||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite ul li a img {
|
||
height: 16px;
|
||
width: 16px;
|
||
}
|
||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a:hover,
|
||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite ul li a:hover {
|
||
background: none;
|
||
text-indent: -22px;
|
||
margin-left: 21px;
|
||
height: 40px;
|
||
}
|
||
.et2_nextmatch div#favorite_wrapper {
|
||
margin-top: 8px;
|
||
vertical-align: middle;
|
||
}
|
||
.filters {
|
||
padding: 0 0 0 1em;
|
||
background-color: #f0f0f0;
|
||
margin-bottom: 3px;
|
||
margin: 0em;
|
||
border-width: 0 0 1px 0;
|
||
border-color: #d9d9d9;
|
||
background-image: none;
|
||
width: 80%;
|
||
}
|
||
.filters img.et2_button {
|
||
float: right;
|
||
position: relative;
|
||
top: 15px;
|
||
}
|
||
.filters select {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
width: auto;
|
||
margin: 0.5em 0em 0.5em 0.5em;
|
||
padding: 3px;
|
||
outline: none;
|
||
display: inline-block;
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
cursor: pointer;
|
||
margin-right: 2ex;
|
||
padding: 5px;
|
||
}
|
||
.filters select:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
.filters select#cat_id {
|
||
margin-left: 1em;
|
||
}
|
||
.filters input {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
width: auto;
|
||
margin: 0.5em 0em 0.5em 0;
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
}
|
||
.filters input:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
}
|
||
.filters button {
|
||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||
width: 3em;
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
background-color: #ffd44d;
|
||
color: #FFFFFF;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
padding: 3px;
|
||
margin-left: 5px;
|
||
}
|
||
.filters button:hover {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
background-color: #ffd40f !important;
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
background-color: #ffd40f;
|
||
}
|
||
.filters button:active {
|
||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||
background-color: #ffd44d;
|
||
-webkit-border-radius: 3px;
|
||
-webkit-border-top-left-radius: 20px;
|
||
-moz-border-radius: 3px;
|
||
-moz-border-radius-topleft: 20px;
|
||
border-radius: 3px;
|
||
border-top-left-radius: 20px;
|
||
}
|
||
.filters button:focus {
|
||
outline: 0;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
border-color: #bfbfbf;
|
||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||
}
|
||
/**
|
||
* Less-file for egroupware
|
||
* Definitionen Layout
|
||
* Raster
|
||
*
|
||
* Version 08.2013
|
||
* Author Stefan Reinhardt
|
||
*
|
||
*/
|
||
/* #################################################
|
||
* FOOTER
|
||
* ##################################################
|
||
*/
|
||
#egw_fw_footer {
|
||
position: fixed;
|
||
bottom: 0px;
|
||
width: 100%;
|
||
text-align: center;
|
||
padding: 3px;
|
||
background-color: #bfbfbf;
|
||
clear: both;
|
||
opacity: 1;
|
||
z-index: 100;
|
||
color: #e6e6e6;
|
||
}
|
||
#egw_fw_footer a {
|
||
color: #e6e6e6;
|
||
}
|
||
#egw_fw_footer a:last-child:after {
|
||
content: "Und wir waren auch dabei....pixelegg";
|
||
}
|
||
#egw_fw_footer:hover {
|
||
opacity: 0.1;
|
||
transition: opacity 0.5s ease-out;
|
||
-moz-transition: opacity 0.5s ease-out;
|
||
-webkit-transition: opacity 0.5s ease-out;
|
||
-o-transition: opacity 0.5s ease-out;
|
||
}
|
||
/*
|
||
Printing
|
||
*/
|
||
@media screen {
|
||
.onlyPrint {
|
||
display: none;
|
||
}
|
||
}
|
||
@media print {
|
||
.noPrint {
|
||
display: none;
|
||
}
|
||
}
|