xref: /template/wikiweko/static/3rd/dokuwiki/_fileuploader.css (revision 1a35eb18c58429f396883e8bd656de7a06ebcc75)
1*1a35eb18SAndreas Haerter/* ATTENTION: This file was edited for the "vector template for DokuWiki".
2*1a35eb18SAndreas Haerter   - All url(images/[...]) rules where changed.
3*1a35eb18SAndreas Haerter   See 00_starter-tmpl-notes.txt for details. */
4*1a35eb18SAndreas Haerter
5*1a35eb18SAndreas Haerter
6*1a35eb18SAndreas Haerter/**
7*1a35eb18SAndreas Haerter * This file provides the styles for the file uploader
8*1a35eb18SAndreas Haerter * used in the media manager (both fullscreen and popup).
9*1a35eb18SAndreas Haerter */
10*1a35eb18SAndreas Haerter
11*1a35eb18SAndreas Haerter.qq-uploader {
12*1a35eb18SAndreas Haerter    position: relative;
13*1a35eb18SAndreas Haerter    width: 100%;
14*1a35eb18SAndreas Haerter}
15*1a35eb18SAndreas Haerter
16*1a35eb18SAndreas Haerter.qq-uploader .error {
17*1a35eb18SAndreas Haerter    color: #f00;
18*1a35eb18SAndreas Haerter    background-color: #fff;
19*1a35eb18SAndreas Haerter}
20*1a35eb18SAndreas Haerter
21*1a35eb18SAndreas Haerter/* select file button */
22*1a35eb18SAndreas Haerter
23*1a35eb18SAndreas Haerter.qq-upload-button {
24*1a35eb18SAndreas Haerter    display: inline-block;
25*1a35eb18SAndreas Haerter    border: 1px solid __border__;
26*1a35eb18SAndreas Haerter    color: __text__;
27*1a35eb18SAndreas Haerter    background:  __background__ url(static/3rd/dokuwiki/buttonshadow.png) repeat-x bottom;
28*1a35eb18SAndreas Haerter    text-decoration: none;
29*1a35eb18SAndreas Haerter    font-size: 100%;
30*1a35eb18SAndreas Haerter    cursor: pointer;
31*1a35eb18SAndreas Haerter    margin: 1px 1px 5px;
32*1a35eb18SAndreas Haerter    padding: 0.125em 0.4em;
33*1a35eb18SAndreas Haerter}
34*1a35eb18SAndreas Haerter
35*1a35eb18SAndreas Haerter* html .qq-upload-button,
36*1a35eb18SAndreas Haerter*+html .qq-upload-button {
37*1a35eb18SAndreas Haerter    display: inline;
38*1a35eb18SAndreas Haerter}
39*1a35eb18SAndreas Haerter
40*1a35eb18SAndreas Haerter.qq-upload-button-focus {
41*1a35eb18SAndreas Haerter    outline: 1px dotted;
42*1a35eb18SAndreas Haerter}
43*1a35eb18SAndreas Haerter
44*1a35eb18SAndreas Haerter/* drop area */
45*1a35eb18SAndreas Haerter
46*1a35eb18SAndreas Haerter.qq-upload-drop-area {
47*1a35eb18SAndreas Haerter    position: absolute;
48*1a35eb18SAndreas Haerter    top: 0;
49*1a35eb18SAndreas Haerter    left: 0;
50*1a35eb18SAndreas Haerter    width: 100%;
51*1a35eb18SAndreas Haerter    height: 100%;
52*1a35eb18SAndreas Haerter    min-height: 70px;
53*1a35eb18SAndreas Haerter    z-index: 2;
54*1a35eb18SAndreas Haerter    background: __background_neu__;
55*1a35eb18SAndreas Haerter    color: __text__;
56*1a35eb18SAndreas Haerter    text-align: center;
57*1a35eb18SAndreas Haerter}
58*1a35eb18SAndreas Haerter
59*1a35eb18SAndreas Haerter.qq-upload-drop-area span {
60*1a35eb18SAndreas Haerter    display: block;
61*1a35eb18SAndreas Haerter    position: absolute;
62*1a35eb18SAndreas Haerter    top: 50%;
63*1a35eb18SAndreas Haerter    width: 100%;
64*1a35eb18SAndreas Haerter    margin-top: -8px;
65*1a35eb18SAndreas Haerter    font-size: 120%;
66*1a35eb18SAndreas Haerter}
67*1a35eb18SAndreas Haerter
68*1a35eb18SAndreas Haerter.qq-upload-drop-area-active {
69*1a35eb18SAndreas Haerter    background: __background_alt__;
70*1a35eb18SAndreas Haerter}
71*1a35eb18SAndreas Haerter
72*1a35eb18SAndreas Haerter/* list of files to upload */
73*1a35eb18SAndreas Haerter
74*1a35eb18SAndreas Haerterdiv.qq-uploader ul {
75*1a35eb18SAndreas Haerter    margin: 0;
76*1a35eb18SAndreas Haerter    padding: 0;
77*1a35eb18SAndreas Haerter    list-style: none;
78*1a35eb18SAndreas Haerter}
79*1a35eb18SAndreas Haerter
80*1a35eb18SAndreas Haerter.qq-uploader li {
81*1a35eb18SAndreas Haerter    margin: 0 0 5px;
82*1a35eb18SAndreas Haerter    color: __text__;
83*1a35eb18SAndreas Haerter}
84*1a35eb18SAndreas Haerter
85*1a35eb18SAndreas Haerter.qq-uploader li span,
86*1a35eb18SAndreas Haerter.qq-uploader li input,
87*1a35eb18SAndreas Haerter.qq-uploader li a {
88*1a35eb18SAndreas Haerter    margin-right: 5px;
89*1a35eb18SAndreas Haerter}
90*1a35eb18SAndreas Haerter
91*1a35eb18SAndreas Haerter.qq-upload-file {
92*1a35eb18SAndreas Haerter    display: block;
93*1a35eb18SAndreas Haerter    font-weight: bold;
94*1a35eb18SAndreas Haerter}
95*1a35eb18SAndreas Haerter
96*1a35eb18SAndreas Haerter.qq-upload-spinner {
97*1a35eb18SAndreas Haerter    display: inline-block;
98*1a35eb18SAndreas Haerter    background: url("../../images/throbber.gif");
99*1a35eb18SAndreas Haerter    width: 15px;
100*1a35eb18SAndreas Haerter    height: 15px;
101*1a35eb18SAndreas Haerter    vertical-align: text-bottom;
102*1a35eb18SAndreas Haerter}
103*1a35eb18SAndreas Haerter
104*1a35eb18SAndreas Haerter.qq-upload-size,
105*1a35eb18SAndreas Haerter.qq-upload-cancel {
106*1a35eb18SAndreas Haerter    font-size: 85%;
107*1a35eb18SAndreas Haerter}
108*1a35eb18SAndreas Haerter
109*1a35eb18SAndreas Haerter.qq-upload-failed-text {
110*1a35eb18SAndreas Haerter    display: none;
111*1a35eb18SAndreas Haerter}
112*1a35eb18SAndreas Haerter.qq-upload-fail .qq-upload-failed-text {
113*1a35eb18SAndreas Haerter    display: inline;
114*1a35eb18SAndreas Haerter}
115*1a35eb18SAndreas Haerter
116*1a35eb18SAndreas Haerter.qq-action-container * {
117*1a35eb18SAndreas Haerter    vertical-align: middle;
118*1a35eb18SAndreas Haerter}
119*1a35eb18SAndreas Haerter.qq-overwrite-check input {
120*1a35eb18SAndreas Haerter    margin-left: 10px;
121*1a35eb18SAndreas Haerter}
122