mirror of
https://bitbucket.org/jsuto/piler.git
synced 2025-06-13 13:27:05 +02:00
major rewrite of the web interface
This commit is contained in:
SJ
@ -1,37 +0,0 @@
|
||||
/*
|
||||
ColorBox Core Style:
|
||||
The following CSS is consistent between example themes and should not be altered.
|
||||
*/
|
||||
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
|
||||
#cboxOverlay{position:fixed; width:100%; height:100%;}
|
||||
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
|
||||
#cboxContent{position:relative;}
|
||||
#cboxLoadedContent{overflow:auto;}
|
||||
#cboxTitle{margin:0;}
|
||||
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
|
||||
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
|
||||
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
|
||||
.cboxIframe{width:100%; height:100%; display:block; border:0;}
|
||||
|
||||
/*
|
||||
User Style:
|
||||
Change the following styles to modify the appearance of ColorBox. They are
|
||||
ordered & tabbed in a way that represents the nesting of the generated HTML.
|
||||
*/
|
||||
#cboxOverlay{background:#000;}
|
||||
#colorbox{}
|
||||
#cboxContent{margin-top:20px;}
|
||||
.cboxIframe{background:#fff;}
|
||||
#cboxError{padding:50px; border:1px solid #ccc;}
|
||||
#cboxLoadedContent{border:5px solid #000; background:#fff;}
|
||||
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
|
||||
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
|
||||
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
|
||||
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
|
||||
#cboxPrevious:hover{background-position:bottom left;}
|
||||
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
|
||||
#cboxNext:hover{background-position:bottom right;}
|
||||
#cboxLoadingOverlay{background:#000;}
|
||||
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
|
||||
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
|
||||
#cboxClose:hover{background-position:bottom center;}
|
||||
56
webui/view/theme/default/stylesheet/mini.css
Normal file
56
webui/view/theme/default/stylesheet/mini.css
Normal file
@ -0,0 +1,56 @@
|
||||
#taskbar { position: absolute; top: 0px; right: 0px; height: 24px; width: 100%; padding: 10px 4px 5px 0px; text-align: right; white-space: nowrap; z-index: 2; }
|
||||
|
||||
#header { position: absolute; top: 8px; left: 19px; width: 170px; height: 40px; z-index: 100; }
|
||||
|
||||
#mainscreen { position: absolute; top: 85px; right: 20px; bottom: 20px; left: 20px; }
|
||||
|
||||
#mailleftcontainer { position: absolute; top: 0; left: 0; bottom: 0; width: 195px; }
|
||||
|
||||
#mailboxlist-container { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; border: 1px solid #999; background-color: #F9F9F9; overflow: hidden; }
|
||||
|
||||
.boxtitle { height: 12px !important; padding: 2px 10px 5px 5px; border-bottom: 1px solid #999; color: #333; font-size: 11px; font-weight: bold; overflow: hidden; }
|
||||
.boxlistcontent { position: absolute; top: 20px; bottom: 22px; left: 0; right: 0; width: 100%; overflow-y: auto; overflow-x: hidden; }
|
||||
.boxfooter { position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: hidden; height: 22px; border-top: 1px solid #999; background: url(/view/theme/default/images/listheader.gif) top left repeat-x #CCC; }
|
||||
|
||||
#mailboxlist { position:relative; height: auto; margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; overflow: hidden; white-space: nowrap; background-color: #FFF; }
|
||||
|
||||
#mailrightcontainer { position: absolute; top: 0; left: 170px; bottom: 0; right: 0; min-width: 400px; }
|
||||
|
||||
#mailrightcontent { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
|
||||
|
||||
#mailcontframe { position: absolute; width: 100%; top: 0; bottom: 0; border: 1px solid #999999; background-color: #F9F9F9; overflow: hidden; }
|
||||
|
||||
#mailpreviewframe { position: absolute; width: 100%; top: 205px; bottom: 0px; border: 1px solid #999999; background-color: #F9F9F9; }
|
||||
|
||||
#messagecontframe { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; }
|
||||
|
||||
|
||||
.boxfooter a.button,
|
||||
.boxfooter a.buttonPas
|
||||
{
|
||||
display: block;
|
||||
float: left;
|
||||
width: 34px;
|
||||
height: 22px;
|
||||
padding: 0px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
background: url(/view/theme/default/images/groupactions.png) 0 0 no-repeat transparent;
|
||||
opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
|
||||
}
|
||||
|
||||
.boxfooter a.groupactions
|
||||
{
|
||||
background-position: 0 -26px;
|
||||
}
|
||||
|
||||
.boxfooter a.buttonPas
|
||||
{
|
||||
opacity: 0.35;
|
||||
}
|
||||
|
||||
.splitter { user-select: none; -moz-user-select: none; -khtml-user-select: none; position: absolute; background: url(/view/theme/default/images/dimple.png) center no-repeat; }
|
||||
.splitter-h { cursor: n-resize; cursor: row-resize; background-position: center 2px; }
|
||||
.splitter-v { cursor: e-resize; cursor: col-resize; background-position: 2px center; }
|
||||
|
||||
|
||||
@ -10,9 +10,11 @@
|
||||
|
||||
body { background-color: #6D6D6D; margin: 0 auto; padding: 15px 0; text-align: center; font: normal 12px Arial, sans-serif; color: #3d3d3d; }
|
||||
|
||||
#wrap { margin: 0 auto; padding: 0; width: 1070px; background-color: white; border: 3px solid black; text-align: left; }
|
||||
#fuku1 { width: 1200px; height: 830px; background: #ffffff; border: 3px solid black; position: relative; margin-left: auto; margin-right: auto; }
|
||||
|
||||
#menu { display: table; margin: 0px 40px 15px 40px; padding: 10px 0 0px 0px; width: 990px; border-bottom: 1px solid gray; }
|
||||
#wrap { position: relative; margin: 0 auto; padding: 0; width: 1270px; background-color: white; border: 3px solid black; text-align: left; }
|
||||
|
||||
#menu { display: table; margin: 0px 10px 15px 20px; padding: 10px 0 0px 0px; width: 1160px; border-bottom: 1px solid gray; }
|
||||
#menu .leftcell { display: table-cell; width: 490px; text-align: justify; }
|
||||
#menu .rightcell { display: table-cell; width: 490px; text-align: right; font: normal 12px Arial, sans-serif; margin: 0; padding: 0; }
|
||||
#menu .logout22 { float: right; text-align: right; }
|
||||
@ -28,6 +30,10 @@
|
||||
|
||||
#main { margin: 0px 40px 20px 40px; width: 990px; float: left; clear: both; }
|
||||
|
||||
.aoo { cursor: pointer; position: absolute; left: 915px; top: 0px; width: 10px; margin-left: -5px; }
|
||||
.aoq { height: 4px; padding: 11px 5px; width: 7px; background: url("/view/theme/default/images/dark-grey-disclosure-arrow-down.png") no-repeat scroll center center transparent; }
|
||||
|
||||
|
||||
#footer { clear: both; text-align: left; margin: 0; padding: 0 36px; }
|
||||
|
||||
#A1 { text-align: right; }
|
||||
@ -50,17 +56,16 @@
|
||||
|
||||
#ss1 { display: table; border-collapse: collapse; margin: 0; padding: 0;}
|
||||
|
||||
#resultscontainer { float: left; width: 990px; padding: 0; padding-bottom: 5px; margin-top: 0px; margin-bottom: 0px; border-top: 3px solid black; border-bottom: 3px solid black; }
|
||||
#resultscontainer.empty { border-bottom: 0px solid black; height: 580px; }
|
||||
#resultscontainer { float: left; width: 990px; padding: 0; padding-bottom: 5px; height: auto; margin-top: 0px; margin-bottom: 0px; border-top: 3px solid black; border-bottom: 3px solid black; overflow:auto; }
|
||||
#resultscontainer.empty { border-bottom: 0px solid black; height: auto; overflow:auto; }
|
||||
|
||||
/*#results { float: left; width: 990px; height: 580px; margin-top: 0px; margin-bottom: 0px; border-collapse: collapse; display: table; clear: both; }*/
|
||||
#results { float: left; width: 990px; margin-top: 0px; margin-bottom: 0px; border-collapse: collapse; display: table; clear: both; }
|
||||
#results { float: left; width: 950px; margin-top: 0px; margin-bottom: 0px; border-collapse: collapse; display: table; clear: both; }
|
||||
|
||||
|
||||
#auditresultscontainer { float: left; width: 990px; padding: 0; margin-top: 0px; margin-bottom: 0px; border-top: 3px solid black; border-bottom: 3px solid black; }
|
||||
#auditresultscontainer { float: left; width: 990px; padding: 0; margin-top: 0px; margin-bottom: 0px; border-top: 3px solid black; border-bottom: 3px solid black; height: 580px; overflow: auto; }
|
||||
#auditresultscontainer.empty { border-bottom: 0px solid black; height: 580px; }
|
||||
|
||||
#spinner { margin-left: 480px; margin-top: 275px; }
|
||||
#spinner { margin: auto; margin-top: 100px; }
|
||||
#spinner_restore { border: 0px solid red; margin-top: 60px; }
|
||||
.restore_spinner { text-align: center; border: 0px solid black; }
|
||||
|
||||
@ -74,7 +79,7 @@
|
||||
|
||||
.row { display: table-row; }
|
||||
.row.savedsearch { display: table-row; text-align: right; }
|
||||
.resultrow { display: table-row; height: 25px; }
|
||||
.resultrow { display: table-row; height: 18px; }
|
||||
.resultrow.odd { background: #f5f5f5; }
|
||||
.resultrow.spam { color: #aaa; }
|
||||
|
||||
@ -92,7 +97,7 @@
|
||||
|
||||
.cell4 { display: table-cell; width: 490px; height: 15px; margin: 0; padding: 0; }
|
||||
|
||||
.cell5 { display: table-cell; height: 25px; text-align: left; padding-bottom: 0px; padding-right: 3px; vertical-align: middle; }
|
||||
.cell5 { display: table-cell; height: 18px; text-align: left; padding-bottom: 0px; padding-right: 3px; vertical-align: middle; }
|
||||
|
||||
.cell5.restore { text-align: left; border: 0px solid blue; }
|
||||
.cell5.id { text-align: center; border: 0px solid red; }
|
||||
|
||||
Reference in New Issue
Block a user