mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-13 21:13:26 +00:00
419 lines
7.1 KiB
CSS
Executable File
419 lines
7.1 KiB
CSS
Executable File
/* -----------------------------------------------
|
|
www.swfupload.org
|
|
Description: Common Screen Stylesheet for SWFUpload Demos
|
|
Updated on: May 1, 2008
|
|
----------------------------------------------- */
|
|
|
|
|
|
/* -----------------------------------------------
|
|
GLOBAL RESET
|
|
----------------------------------------------- */
|
|
|
|
html, body, div, span, applet, object, iframe,
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
a, abbr, acronym, address, big, cite, code,
|
|
del, dfn, font, img, ins, kbd, q, s, samp,
|
|
small, strike, strong, sub, sup, tt, var,
|
|
dl, dt, dd, ol, ul, li,
|
|
fieldset, form, label, legend,
|
|
table, caption, tbody, tfoot, thead, tr, th, td {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
outline: 0;
|
|
font-weight: inherit;
|
|
font-style: inherit;
|
|
font-size: 100%;
|
|
font-family: inherit;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
/* remember to define focus styles! */
|
|
:focus { outline: 0; }
|
|
body {
|
|
line-height: 1;
|
|
color: black;
|
|
background: white;
|
|
}
|
|
ol, ul {
|
|
list-style: none;
|
|
}
|
|
/* tables still need 'cellspacing="0"' in the markup */
|
|
table {
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
caption, th, td {
|
|
text-align: left;
|
|
font-weight: normal;
|
|
}
|
|
blockquote:before, blockquote:after,
|
|
q:before, q:after {
|
|
content: "";
|
|
}
|
|
blockquote, q {
|
|
quotes: "" "";
|
|
}
|
|
|
|
|
|
/* -----------------------------------------------
|
|
BASIC ELEMENTS
|
|
----------------------------------------------- */
|
|
|
|
|
|
/* -- Text Styles ------------------------------- */
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
font: 12px/1.4em Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
a {
|
|
color: #385ea2;
|
|
text-decoration: none;
|
|
}
|
|
a:hover { text-decoration: underline; }
|
|
|
|
strong { font-weight: 700; }
|
|
|
|
h1 {
|
|
font: 28px/1em Arial, Helvetica, sans-serif;
|
|
padding: 60px 20px 20px;
|
|
margin-bottom: 15px;
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
|
|
h1 a{
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 22px;
|
|
font-weight: 300;
|
|
padding-top: 1em;
|
|
padding-bottom: .25em;
|
|
}
|
|
|
|
|
|
p {
|
|
margin-top: .25em;
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
ul { padding: 4px 5px; }
|
|
ul li {
|
|
/*padding: 4px 5px;*/
|
|
margin: 0 3px;
|
|
list-style:square;
|
|
}
|
|
|
|
code {
|
|
display: block;
|
|
background:#edffb8 none repeat scroll 0%;
|
|
border-color:#b2da3a;
|
|
border-style:solid;
|
|
border-width:1px 0;
|
|
font-size: 1em;
|
|
margin: 1em 0pt;
|
|
overflow:auto;
|
|
padding: 0.3em 0.4em;
|
|
white-space:pre;
|
|
}
|
|
|
|
/* -- Layout ------------------------------- */
|
|
|
|
|
|
#header {
|
|
background: #313131 url(../images/header-bg.jpg) repeat-x top left;
|
|
height: 125px;
|
|
position: relative;
|
|
}
|
|
#logo {
|
|
padding: 0;
|
|
margin: 0;
|
|
background: url(../images/logo.gif) no-repeat 20px 20px;
|
|
height: 106px;
|
|
width: 272px;
|
|
text-indent: -5000px;
|
|
overflow: hidden;
|
|
}
|
|
/* hide link text */
|
|
#logo a {
|
|
display: block;
|
|
color: #fff;
|
|
text-indent: -5000px;
|
|
overflow: hidden;
|
|
height: 106px;
|
|
width: 272px;
|
|
}
|
|
|
|
#version {
|
|
color: #fff;
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 85px;
|
|
}
|
|
|
|
|
|
#content { width: 1050px;}
|
|
#content { margin: 0 auto; top:30px;position:relative;}
|
|
|
|
|
|
|
|
|
|
/* -- Form Styles ------------------------------- */
|
|
form {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
|
|
div.fieldset {
|
|
border: 1px solid #afe14c;
|
|
margin: 10px 0;
|
|
padding: 20px 10px;
|
|
}
|
|
div.fieldset span.legend {
|
|
position: relative;
|
|
background-color: #000;
|
|
padding: 3px;
|
|
top: -30px;
|
|
font: 700 14px Arial, Helvetica, sans-serif;
|
|
color: #73b304;
|
|
}
|
|
|
|
div.flash {
|
|
width: 315px;
|
|
margin: 10px 5px;
|
|
border-color: #D9E4FF;
|
|
|
|
-moz-border-radius-topleft : 5px;
|
|
-webkit-border-top-left-radius : 5px;
|
|
-moz-border-radius-topright : 5px;
|
|
-webkit-border-top-right-radius : 5px;
|
|
-moz-border-radius-bottomleft : 5px;
|
|
-webkit-border-bottom-left-radius : 5px;
|
|
-moz-border-radius-bottomright : 5px;
|
|
-webkit-border-bottom-right-radius : 5px;
|
|
|
|
}
|
|
|
|
button,
|
|
input,
|
|
select,
|
|
textarea {
|
|
border-width: 1px;
|
|
margin-bottom: 10px;
|
|
padding: 2px 3px;
|
|
}
|
|
|
|
|
|
|
|
input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */
|
|
|
|
|
|
label {
|
|
color:white;
|
|
}
|
|
|
|
#btnSubmit { margin: 0 0 0 155px ; }
|
|
|
|
/* -- Table Styles ------------------------------- */
|
|
td {
|
|
font: 10pt Helvetica, Arial, sans-serif;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.progressWrapper {
|
|
width: 310px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.progressContainer {
|
|
margin: 5px;
|
|
padding: 4px;
|
|
border: solid 1px #E8E8E8;
|
|
/* background-color: #F7F7F7;*/
|
|
-moz-border-radius:4px;
|
|
-webkit-border-radius:4px;
|
|
overflow: hidden;
|
|
}
|
|
/* Message */
|
|
.message {
|
|
margin: 1em 0;
|
|
padding: 10px 20px;
|
|
border: solid 1px #FFDD99;
|
|
background-color: #FFFFCC;
|
|
overflow: hidden;
|
|
}
|
|
/* Error */
|
|
.red {
|
|
border: solid 1px #B50000;
|
|
background-color: #FFEBEB;
|
|
}
|
|
|
|
/* Current */
|
|
.green {
|
|
border: solid 1px #DDF0DD;
|
|
background-color: #EBFFEB;
|
|
}
|
|
|
|
/* Complete */
|
|
.blue {
|
|
border: solid 1px #CEE2F2;
|
|
background-color: #F0F5FF;
|
|
}
|
|
/* Quarantine */
|
|
.orange {
|
|
border: solid 1px #CEE2F2;
|
|
background-color: #ffdd3c;
|
|
}
|
|
|
|
.progressName {
|
|
font-size: 8pt;
|
|
line-height: 14px;
|
|
vertical-align: top;
|
|
font-weight: 700;
|
|
/* color: #555;*/
|
|
width: 323px;
|
|
height: 14px;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.progressBarInProgress,
|
|
.progressBarComplete,
|
|
.progressBarError {
|
|
font-size: 0;
|
|
width: 0%;
|
|
height: 2px;
|
|
background-color: blue;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.progressBarComplete {
|
|
width: 100%;
|
|
background-color: green;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.progressBarError {
|
|
width: 100%;
|
|
background-color: red;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.progressBarStatus {
|
|
margin-top: 2px;
|
|
width: 270px;
|
|
font-size: 7pt;
|
|
font-family: Arial;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
a.progressCancel {
|
|
font-size: 0;
|
|
display: block;
|
|
height: 14px;
|
|
width: 14px;
|
|
background-image: url(../images/cancelbutton.gif);
|
|
background-repeat: no-repeat;
|
|
background-position: -14px 0px;
|
|
float: right;
|
|
}
|
|
|
|
a.progressCancel:hover {
|
|
background-position: 0px 0px;
|
|
}
|
|
|
|
|
|
/* -- SWFUpload Object Styles ------------------------------- */
|
|
.swfupload {
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
|
|
|
|
body{
|
|
background-color:black;
|
|
color:white;
|
|
overflow:auto;
|
|
}
|
|
#fsUploadProgress { list-style-type: none; margin: 0; padding: 0; width: 60%; }
|
|
#fsUploadProgress li { width : 310px; margin: 0 3px; xpadding: 0.4em; xpadding-left: 1.5em; font-size: 1.4em; xheight: 18px; }
|
|
#fsUploadProgress li div { xposition: absolute; xmargin-left: -1.3em; } .ui-state-highlight { height: 50px; line-height: 1.2em;list-style-type:none; }
|
|
|
|
|
|
|
|
|
|
|
|
td.active{
|
|
color:white;
|
|
}
|
|
td{
|
|
color:#666;
|
|
}
|
|
#mainMenu a, #mainMenu b{
|
|
color:white;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.relative{
|
|
position:relative;
|
|
float:left;
|
|
}
|
|
.w100{
|
|
width:100%;
|
|
}
|
|
.ui-tabs {
|
|
padding:0;
|
|
}
|
|
.ui-tabs .ui-tabs-panel{
|
|
overflow-x:hidden;
|
|
overflow-y:auto;
|
|
padding:0;
|
|
}
|
|
|
|
.thumb_wrapper
|
|
{
|
|
margin:0 auto;
|
|
text-align:center;
|
|
}
|
|
|
|
.thumb_wrapper .thumb
|
|
{
|
|
position:relative;
|
|
}
|
|
|
|
.group{
|
|
background-color:#404040;margin:20px;width:1000px;
|
|
}
|
|
.group h1{
|
|
margin:10px;
|
|
color:white;
|
|
font-size:16px;
|
|
font-weight:bold;
|
|
padding:0;
|
|
}
|
|
.group table{
|
|
width:960px;
|
|
margin:0 20px;
|
|
}
|
|
.group table,.group tr,.group td{
|
|
color:white;
|
|
} |