mirror of
https://github.com/jwinterm/modoboa.git
synced 2026-10-20 06:08:35 +02:00
Plugins can now declare separate css and js files.
This commit is contained in:
tonio
@@ -0,0 +1,141 @@
|
||||
/**
|
||||
* SqueezeBox - Expandable Lightbox
|
||||
*
|
||||
* Allows to open various content as modal,
|
||||
* centered and animated box.
|
||||
*
|
||||
* @version 1.1 rc4
|
||||
*
|
||||
* @license MIT-style license
|
||||
* @author Harald Kirschner <mail [at] digitarald.de>
|
||||
* @copyright Author
|
||||
*/
|
||||
|
||||
#sbox-overlay {
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
#sbox-window {
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
text-align: left;
|
||||
overflow: visible;
|
||||
padding: 10px;
|
||||
/* invalid values, but looks smoother! */
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
#sbox-btn-close {
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: -15px;
|
||||
top: -15px;
|
||||
background: url(closebox.png) no-repeat center;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.sbox-window-ie6 #sbox-btn-close {
|
||||
background-image: url(closebox.gif);
|
||||
}
|
||||
|
||||
.sbox-loading #sbox-content {
|
||||
background-image: url(spinner.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
#sbox-content {
|
||||
clear: both;
|
||||
overflow: auto;
|
||||
background-color: #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sbox-content-image#sbox-content {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#sbox-image {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sbox-content-image img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.sbox-content-iframe#sbox-content {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* Hides scrollbars */
|
||||
.body-overlayed {
|
||||
overflow: hidden;
|
||||
}
|
||||
/* Hides flash (Firefox problem) and selects (IE) */
|
||||
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
|
||||
visibility: hidden;
|
||||
}
|
||||
#sbox-window embed, #sbox-window object, #sbox-window select {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Shadows */
|
||||
.sbox-bg {
|
||||
position: absolute;
|
||||
width: 33px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.sbox-bg-n {
|
||||
left: 0;
|
||||
top: -40px;
|
||||
width: 100%;
|
||||
background: url(bg_n.png) repeat-x;
|
||||
}
|
||||
.sbox-bg-ne {
|
||||
right: -33px;
|
||||
top: -40px;
|
||||
background: url(bg_ne.png) no-repeat;
|
||||
}
|
||||
.sbox-bg-e {
|
||||
right: -33px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
background: url(bg_e.png) repeat-y;
|
||||
}
|
||||
.sbox-bg-se {
|
||||
right: -33px;
|
||||
bottom: -40px;
|
||||
background: url(bg_se.png) no-repeat;
|
||||
}
|
||||
.sbox-bg-s {
|
||||
left: 0;
|
||||
bottom: -40px;
|
||||
width: 100%;
|
||||
background: url(bg_s.png) repeat-x;
|
||||
}
|
||||
.sbox-bg-sw {
|
||||
left: -33px;
|
||||
bottom: -40px;
|
||||
background: url(bg_sw.png) no-repeat;
|
||||
}
|
||||
.sbox-bg-w {
|
||||
left: -33px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
background: url(bg_w.png) repeat-y;
|
||||
}
|
||||
.sbox-bg-nw {
|
||||
left: -33px;
|
||||
top: -40px;
|
||||
background: url(bg_nw.png) no-repeat;
|
||||
}
|
||||
@@ -0,0 +1,148 @@
|
||||
body {
|
||||
font-family: arial, helvetica, verdana, tahoma, sans-serif;
|
||||
font-size: small;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.row {
|
||||
clear: both;
|
||||
padding-top: 10px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
div.row label {
|
||||
float: left;
|
||||
width: 120px;
|
||||
font-size: small;
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
input {
|
||||
border: 1px solid #cccccc;
|
||||
color: inherit;
|
||||
/*background-color: #e9e9e9;*/
|
||||
background-color: #eee;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
input[type=text] {
|
||||
width: 130px
|
||||
}
|
||||
|
||||
input:hover {
|
||||
color: inherit;
|
||||
background-color: #ffffcc;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 135px;
|
||||
background-color: #eee;
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
td.odd {
|
||||
background: #F7F9Fb;
|
||||
}
|
||||
|
||||
td.even {
|
||||
|
||||
}
|
||||
|
||||
.title {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.title img {
|
||||
float: left;
|
||||
margin: 1px 3px;;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
float: left;
|
||||
margin: 5px 10px;
|
||||
font-size: medium;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.lastrow {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.errorlist ul {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.errorlist li {
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
display: inline;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.error {
|
||||
margin-left: 20px;
|
||||
color: red;
|
||||
font-size: small;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#id_username {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
#id_password {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
/* Dialog box */
|
||||
#dlg-buttons {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
#dlg-iconbox {
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
#dlg-textbox {
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
margin-top: 10px;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
#dlg-buttons input {
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
/* Mootools tooltips */
|
||||
.tip {
|
||||
color: #fff;
|
||||
width: 139px;
|
||||
z-index: 13000;
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
.tip-title {
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
margin: 0;
|
||||
color: #9FD4FF;
|
||||
padding: 8px 8px 4px;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.tip-text {
|
||||
font-size: 11px;
|
||||
padding: 4px 8px 8px;
|
||||
background: #eee;
|
||||
color: black;
|
||||
}
|
||||
@@ -0,0 +1,91 @@
|
||||
/*
|
||||
Document : calendar.css
|
||||
Created on : 29.07.2009
|
||||
Author : jens klose
|
||||
Description:
|
||||
example styles for calendar
|
||||
*/
|
||||
.calendarForm{
|
||||
float:right;
|
||||
}
|
||||
.calendar{
|
||||
font-family:verdana,sans-serif;
|
||||
font-size:10px;
|
||||
float:None;
|
||||
}
|
||||
button.calendar{
|
||||
position:relative;
|
||||
top:-3px;
|
||||
left:1px;
|
||||
background-color:transparent;
|
||||
background-image:url(../pics/calendar.gif);
|
||||
border:none;
|
||||
margin: 0px;
|
||||
padding:0px;
|
||||
margin-right:3px;
|
||||
cursor:pointer;
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
input.calendar{
|
||||
cursor:pointer;
|
||||
border: 1px solid #87847F;
|
||||
height:12px;
|
||||
width:100px;
|
||||
color: #87847F;
|
||||
}
|
||||
div.calendar{
|
||||
background:white;
|
||||
border: 1px solid #87847F;
|
||||
width:180px
|
||||
}
|
||||
a.footer{
|
||||
color:#474747;
|
||||
padding:2px;
|
||||
}
|
||||
.calendar table{
|
||||
width:100%;
|
||||
}
|
||||
.calendar th,
|
||||
.calendar td{
|
||||
text-align:center;
|
||||
font-size:10px;
|
||||
padding: 0.1em 0.25em 0.1em 0.3em;
|
||||
}
|
||||
.calendar tbody td,
|
||||
.calendar .invalid{
|
||||
color:silver;
|
||||
}
|
||||
.calendar .valid{
|
||||
color:blue;
|
||||
font-weight:bold;
|
||||
cursor:pointer;
|
||||
}
|
||||
.calendar .valid.hover{
|
||||
background:#FFFF77;
|
||||
font-weight:bold;
|
||||
}
|
||||
.calendar caption a,
|
||||
.calendar .next{
|
||||
color:blue;
|
||||
font-weight:bold;
|
||||
padding:2px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.calendar caption a,
|
||||
.calendar .prev{
|
||||
color:blue;
|
||||
font-weight:bold;
|
||||
padding:2px;
|
||||
}
|
||||
.calendar .active,
|
||||
.calendar .hilite,
|
||||
.calendar .inactive{
|
||||
color:white;
|
||||
background-color:#BE3916;
|
||||
font-weight:bold;
|
||||
}
|
||||
.calendar .active,
|
||||
.calendar .inactive{
|
||||
background-color:red;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 495 B |
@@ -0,0 +1,368 @@
|
||||
html, body {
|
||||
font-family: arial, helvetica, verdana, tahoma, sans-serif;
|
||||
font-size: small;
|
||||
background: #153F65;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div#container {
|
||||
height: auto !important;
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
background: white;
|
||||
}
|
||||
|
||||
@media screen {
|
||||
body > div#footer {
|
||||
position: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
div#topmenubar {
|
||||
position: fixed;
|
||||
border-bottom: 5px solid #333;
|
||||
height: 30px;
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
div#footer {
|
||||
position: absolute;
|
||||
height: 30px;
|
||||
bottom: 0px;
|
||||
border-top: 5px solid #333;
|
||||
}
|
||||
|
||||
#menubar {
|
||||
margin: 5px;
|
||||
display: table;
|
||||
width: 700px;
|
||||
margin-top: 35px;
|
||||
/*position: absolute;*/
|
||||
}
|
||||
|
||||
#topmenubar a, #topmenubar a:visited {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#topmenubar label {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#menubar a, #menubar a:visited {
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#menubar label {
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#page {
|
||||
width: 100%;
|
||||
top: 35px;
|
||||
bottom: 35px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#content {
|
||||
position: fixed;
|
||||
overflow: auto;
|
||||
padding: 5px;
|
||||
top: 130px;
|
||||
bottom: 35px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#header {
|
||||
width: 100%;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
font-size: medium;
|
||||
width: 50%;
|
||||
margin: 0 0 0 5px;
|
||||
}
|
||||
|
||||
#loginbox {
|
||||
margin: 100px auto;
|
||||
width: 610px;
|
||||
padding-bottom: 15px;
|
||||
border: 2px solid #333;
|
||||
background: white;
|
||||
}
|
||||
|
||||
#loginbox h2 {
|
||||
margin: 30px 10px 0 10px;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
#loginbox h3 {
|
||||
font-size: small;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#logo {
|
||||
float: left;
|
||||
text-align: center;
|
||||
width: 300px;
|
||||
margin-top: 10px;
|
||||
border-right: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#logo img {
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
#test {
|
||||
float: right;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.uibar {
|
||||
background: #153F65;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.menubar a, .menubar a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.menubar a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.menubar ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
width: 100%;
|
||||
color: #2a4069;
|
||||
}
|
||||
|
||||
.menubar li {
|
||||
float: left;
|
||||
display: inline;
|
||||
margin: 5px 5px;
|
||||
}
|
||||
|
||||
.menubar li.selected {
|
||||
background: #ffff77;
|
||||
}
|
||||
|
||||
.menubar img {
|
||||
float: left;
|
||||
margin: 0px 3px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.menubar .title {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.menubardropdown ul {
|
||||
background: white;
|
||||
width: 120px;
|
||||
border-bottom: 5px solid #ccc;
|
||||
border-right: 5px solid #ccc;
|
||||
border-left: 5px solid #ccc;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
div.left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.logo {
|
||||
float: right;
|
||||
/*margin: 5px 0 0 5px;*/
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
/*position: absolute;*/
|
||||
/*width: 250px;*/
|
||||
}
|
||||
|
||||
.dropdown li {
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dropdown ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.topdropdown ul {
|
||||
background: #153F65;
|
||||
border-bottom: 5px solid #333;
|
||||
border-right: 5px solid #333;
|
||||
border-left: 5px solid #333;
|
||||
width: 150px;
|
||||
float: left;
|
||||
position: relative;
|
||||
z-index: 4;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.dropdown ul li {
|
||||
display: block;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.spacer {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* Mootools tooltips */
|
||||
.tip {
|
||||
color: #fff;
|
||||
width: 139px;
|
||||
z-index: 13000;
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
.tip-title {
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
margin: 0;
|
||||
color: #9FD4FF;
|
||||
padding: 8px 8px 4px;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.tip-text {
|
||||
font-size: 11px;
|
||||
padding: 4px 8px 8px;
|
||||
background: #eee;
|
||||
color: black;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
table {
|
||||
/*margin: 0 auto;*/
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
|
||||
tr.odd {
|
||||
background: white;
|
||||
}
|
||||
|
||||
tr.even {
|
||||
background: #F4F6F8;
|
||||
}
|
||||
|
||||
th, td {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
th {
|
||||
background: #CEDBEC;
|
||||
text-align: left;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
th.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
td {
|
||||
border-bottom: 1px solid #C8D6E8;
|
||||
/*padding: 5px;*/
|
||||
}
|
||||
|
||||
input {
|
||||
border: 1px solid #cccccc;
|
||||
color: inherit;
|
||||
/*background-color: #e9e9e9;*/
|
||||
background-color: #eee;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
input:hover {
|
||||
color: inherit;
|
||||
background-color: #ffffcc;
|
||||
}
|
||||
|
||||
table.hr {
|
||||
width: 80%;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
.hr td.odd {
|
||||
background: #F7F9Fb;
|
||||
}
|
||||
|
||||
.hr td.even {
|
||||
|
||||
}
|
||||
|
||||
.unseen {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.toggler {
|
||||
margin: 5px auto;
|
||||
padding: 2px 5px;
|
||||
background: #CEDBEC;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
/*border: 1px solid #CCC;*/
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.element {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
div.row {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
div.row label {
|
||||
float: left;
|
||||
width: 200px;
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
.error {
|
||||
margin: 0 auto;
|
||||
padding: 5px;
|
||||
background: red;
|
||||
width: 500px;
|
||||
text-align: center;
|
||||
background-color: #F9D2D2;
|
||||
border: 3px solid #FF2A2A;
|
||||
color: #FF2A00;
|
||||
}
|
||||
|
||||
.errorlist ul {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.errorlist li {
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
display: inline;
|
||||
color: red;
|
||||
}
|
||||
@@ -0,0 +1,75 @@
|
||||
html, body {
|
||||
font-family: arial, helvetica, verdana, tahoma, sans-serif;
|
||||
font-size: small;
|
||||
background: #153F65;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#loginbox {
|
||||
margin: 100px auto;
|
||||
width: 610px;
|
||||
padding-bottom: 15px;
|
||||
background: white;
|
||||
|
||||
border: 5px solid #333;
|
||||
/*-moz-box-shadow: 0 10px 30px #222;*/
|
||||
-webkit-box-shadow: 0 10px 30px #222;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
|
||||
#loginbox h2 {
|
||||
margin: 30px 10px 0 10px;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
#loginbox h3 {
|
||||
font-size: small;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#logo {
|
||||
float: left;
|
||||
text-align: center;
|
||||
width: 300px;
|
||||
margin-top: 10px;
|
||||
border-right: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#logo img {
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
#test {
|
||||
float: right;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.spacer {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* Mootools tooltips */
|
||||
.tip {
|
||||
color: #fff;
|
||||
width: 139px;
|
||||
z-index: 13000;
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
.tip-title {
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
margin: 0;
|
||||
color: #9FD4FF;
|
||||
padding: 8px 8px 4px;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.tip-text {
|
||||
font-size: 11px;
|
||||
padding: 4px 8px 8px;
|
||||
background: #eee;
|
||||
color: black;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 550 B |
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
@@ -0,0 +1,21 @@
|
||||
#searchbox {
|
||||
margin-right: 10px;
|
||||
/*margin-left: 10px;*/
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#searchbox img {
|
||||
float: left;
|
||||
margin-top: 4px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#searchparams {
|
||||
background: white;
|
||||
padding: 5px;
|
||||
width: 90%;
|
||||
border-bottom: 5px solid #CCCCCC;
|
||||
border-left: 5px solid #CCCCCC;
|
||||
border-right: 5px solid #CCCCCC;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Reference in New Issue
Block a user