egroupware/etemplate/templates/default/app.css
Andreas Stöckel 2a71bab988 Fixed parts of EGW Stylite Bug #8260. Very wide images do not longer get displayed very broadly in the filemanager select widget.
To achive this, some changes to the CSS were made and the ability to return thumbnails with a given size was added to etemplate/thumbnail.php. Miniature images with dimensions smaller than one pixel are now no longer created.
In this progress I discovered a minor security issue which might cause multiple egroupware instances to mix up their thumbnails in rare occasions. This was fixed by now hashing the image path together with the webserver url and the thumbnail size. In this progress, the thumbnail generation code has been restructured, making it faster and much easier to understand.
2010-12-30 19:54:43 +00:00

156 lines
2.6 KiB
CSS

/**
* eGroupWare - CSS Styles used by eTemplate widgets
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de>
* @version $Id$
*/
/*
* a few generic styles used in most eT apps
*/
.redItalic,.message {
color: red;
font-style: italic;
}
.gray {
color: gray;
}
.leftPad5 {
padding-left: 5px;
}
.inputFullWidth input {
width: 100%;
}
/*
* mark input as required
*/
.inputRequired input,.inputRequired select,.inputRequired textarea {
border: gray 1px solid;
background-color: #ffffd0;
}
/*
* Styles of the eT editor
*/
.clickWidgetToEdit {
cursor: pointer;
display: inline;
}
.clickWidgetToEdit:hover {
background-color: pink;
}
/*
* Styles of the nextmatch widget
*/
.activ_sortcolumn {
font-weight: bold;
}
.inactiv_sortcolumn {
font-weight: normal;
}
.lettersearch,.lettersearch_active {
background-color: #D3DCE3;
width: 25px;
border: 1px solid #D3DCE3;
text-align: center;
cursor: pointer;
}
.lettersearch_active {
font-weight: bold;
background-color: #E8F0F0;
}
.lettersearch_active,.lettersearch:hover {
border: 1px solid black;
background-color: #E8F0F0;
}
.selectcols {
position: relative;
}
.colselection {
background-color: white;
position: absolute;
right: 0px;
top: 16px;
display: none;
z-index: 1;
}
/*
* Styles for the tab widget
*/
.etemplate_tab,.etemplate_tab_active {
border-style:solid;
border-width:1px 1px 0px;
border-color:black;
padding:3px;
padding-left: 6px;
padding-right: 6px;
width: 60px;
white-space: nowrap;
}
.etemplate_tab {
cursor: pointer;
background-color: #E8F0F0;
}
.etemplate_tab_active {
border-width:2px 2px 0px;
background-color: #D3DCE3;
}
.tab_body {
border: black solid 2px;
}
.nextmatch_header {
border: 1px solid black;
}
.nextmatch_header select {
width: 140px;
}
.nm_num_rows select {
width: 40px;
}
.vfsMode {
font-family: monospace; font-weight: bold;
}
.vfsMimeIcon img {
/* height: 16px; << deactivated as images may be scaled strangely */
}
.vfsFilename {
white-space: nowrap;
}
/**
* mark a file (icon) as link
*/
.vfsIsLink img {
border-bottom: 4px solid darkgray;
border-right: 4px solid darkgray;
}
/**
* nicer would be, but it's not working ...
*/
.vfsIsLink img:after {
content: url(filemanager/templates/default/images/link.png);
}
/**
* mark a link (icon) as broken link
*/
.vfsIsBrokenLink img {
border-bottom: 4px solid red;
border-right: 4px solid red;
}
/**
* class for big (more then 5 lines) custom field nextmatch header
*/
.cf_header_height_limit {
max-height: 6.75em;
overflow: auto;
padding-right: 15px;
}