Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
9 lars 1 
div.dt-button-info {
2 
  position: fixed;
3 
  top: 50%;
4 
  left: 50%;
5 
  width: 400px;
6 
  margin-top: -100px;
7 
  margin-left: -200px;
8 
  background-color: white;
9 
  border: 2px solid #111;
10 
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
11 
  border-radius: 3px;
12 
  text-align: center;
13 
  z-index: 21;
14 
}
15 
div.dt-button-info h2 {
16 
  padding: 0.5em;
17 
  margin: 0;
18 
  font-weight: normal;
19 
  border-bottom: 1px solid #ddd;
20 
  background-color: #f3f3f3;
21 
}
22 
div.dt-button-info > div {
23 
  padding: 1em;
24 
}
25 
 
26 
div.dt-buttons {
27 
  position: relative;
28 
  float: left;
29 
}
30 
div.dt-buttons .dt-button {
31 
  margin-right: 0;
32 
}
33 
div.dt-buttons .dt-button span.ui-icon {
34 
  display: inline-block;
35 
  vertical-align: middle;
36 
  margin-top: -2px;
37 
}
38 
div.dt-buttons .dt-button:active {
39 
  outline: none;
40 
}
41 
div.dt-buttons .dt-button:hover > span {
42 
  background-color: rgba(0, 0, 0, 0.05);
43 
}
44 
 
45 
div.dt-button-collection {
46 
  position: absolute;
47 
  top: 0;
48 
  left: 0;
49 
  width: 150px;
50 
  margin-top: 3px;
51 
  padding: 8px 8px 4px 8px;
52 
  border: 1px solid #ccc;
53 
  border: 1px solid rgba(0, 0, 0, 0.4);
54 
  background-color: #f3f3f3;
55 
  background-color: rgba(255, 255, 255, 0.3);
56 
  overflow: hidden;
57 
  z-index: 2002;
58 
  border-radius: 5px;
59 
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
60 
  z-index: 2002;
61 
  -webkit-column-gap: 8px;
62 
  -moz-column-gap: 8px;
63 
  -ms-column-gap: 8px;
64 
  -o-column-gap: 8px;
65 
  column-gap: 8px;
66 
  -webkit-column-gap: 0;
67 
  -moz-column-gap: 0;
68 
  -ms-column-gap: 0;
69 
  -o-column-gap: 0;
70 
  column-gap: 0;
71 
}
72 
div.dt-button-collection .dt-button {
73 
  position: relative;
74 
  left: 0;
75 
  right: 0;
76 
  display: block;
77 
  float: none;
78 
  margin-right: 0;
79 
}
80 
div.dt-button-collection .dt-button:last-child {
81 
  margin-bottom: 4px;
82 
}
83 
div.dt-button-collection .dt-button:hover > span {
84 
  background-color: rgba(0, 0, 0, 0.05);
85 
}
86 
div.dt-button-collection.fixed {
87 
  position: fixed;
88 
  top: 50%;
89 
  left: 50%;
90 
  margin-left: -75px;
91 
}
92 
div.dt-button-collection.fixed.two-column {
93 
  margin-left: -150px;
94 
}
95 
div.dt-button-collection.fixed.three-column {
96 
  margin-left: -225px;
97 
}
98 
div.dt-button-collection.fixed.four-column {
99 
  margin-left: -300px;
100 
}
101 
div.dt-button-collection > * {
102 
  -webkit-column-break-inside: avoid;
103 
  break-inside: avoid;
104 
}
105 
div.dt-button-collection.two-column {
106 
  width: 300px;
107 
  padding-bottom: 1px;
108 
  -webkit-column-count: 2;
109 
  -moz-column-count: 2;
110 
  -ms-column-count: 2;
111 
  -o-column-count: 2;
112 
  column-count: 2;
113 
}
114 
div.dt-button-collection.three-column {
115 
  width: 450px;
116 
  padding-bottom: 1px;
117 
  -webkit-column-count: 3;
118 
  -moz-column-count: 3;
119 
  -ms-column-count: 3;
120 
  -o-column-count: 3;
121 
  column-count: 3;
122 
}
123 
div.dt-button-collection.four-column {
124 
  width: 600px;
125 
  padding-bottom: 1px;
126 
  -webkit-column-count: 4;
127 
  -moz-column-count: 4;
128 
  -ms-column-count: 4;
129 
  -o-column-count: 4;
130 
  column-count: 4;
131 
}
132 
 
133 
div.dt-button-background {
134 
  position: fixed;
135 
  top: 0;
136 
  left: 0;
137 
  width: 100%;
138 
  height: 100%;
139 
  background: rgba(0, 0, 0, 0.7);
140 
  /* Fallback */
141 
  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
142 
  /* IE10 Consumer Preview */
143 
  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
144 
  /* Firefox */
145 
  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
146 
  /* Opera */
147 
  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
148 
  /* Webkit (Safari/Chrome 10) */
149 
  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
150 
  /* Webkit (Chrome 11+) */
151 
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
152 
  /* W3C Markup, IE10 Release Preview */
153 
  z-index: 2001;
154 
}
155 
 
156 
@media screen and (max-width: 640px) {
157 
  div.dt-buttons {
158 
    float: none !important;
159 
    text-align: center;
160 
  }
161 
}