← Back to branch summary

~johnsca/charms/trusty/cloudfoundry/better-basic-reconciler-status

« back to all changes in this revision

Viewing changes to reconciler/ui/static/semantic/less/modules/shape.less

  • Committer: Whit Morriss
  • Date: 2014-10-13 06:50:17 UTC
  • mto: (132.2.1 reconciler) (145.1.1 trunk)
  • mto: This revision was merged to the branch mainline in revision 156.
  • Revision ID: whit.morriss@canonical.com-20141013065017-0feo2ku3yllymkol
reorg reconciler

Show diffs side-by-side

added added

removed removed

Lines of Context:
reconciler/ui/static/semantic/less/modules/shape.less
 
1
/*
 
2
 * # Semantic - Shape
 
3
 * http://github.com/jlukic/semantic-ui/
 
4
 *
 
5
 *
 
6
 * Copyright 2014 Contributors
 
7
 * Released under the MIT license
 
8
 * http://opensource.org/licenses/MIT
 
9
 *
 
10
 */
 
11
 
 
12
/*******************************
 
13
              Shape
 
14
*******************************/
 
15
 
 
16
.ui.shape {
 
17
  display: inline-block;
 
18
  position: relative;
 
19
 
 
20
  -webkit-perspective: 2000px;
 
21
  -moz-perspective: 2000px;
 
22
  -ms-perspective: 2000px;
 
23
  perspective: 2000px;
 
24
 
 
25
  -webkit-box-sizing: border-box;
 
26
  -moz-box-sizing: border-box;
 
27
  -ms-box-sizing: border-box;
 
28
  box-sizing: border-box;
 
29
 
 
30
}
 
31
 
 
32
.ui.shape .sides {
 
33
  -webkit-transform-style: preserve-3d;
 
34
  -moz-transform-style: preserve-3d;
 
35
  -ms-transform-style: preserve-3d;
 
36
  transform-style: preserve-3d;
 
37
}
 
38
 
 
39
.ui.shape .side {
 
40
  opacity: 1;
 
41
  width: 100%;
 
42
 
 
43
  margin: 0em !important;
 
44
 
 
45
  -webkit-backface-visibility: hidden;
 
46
  -moz-backface-visibility: hidden;
 
47
  -ms-backface-visibility: hidden;
 
48
  backface-visibility: hidden;
 
49
 
 
50
  -webkit-box-sizing: border-box;
 
51
  -moz-box-sizing: border-box;
 
52
  -ms-box-sizing: border-box;
 
53
  box-sizing: border-box;
 
54
}
 
55
 
 
56
.ui.shape .side {
 
57
  display: none;
 
58
}
 
59
 
 
60
 
 
61
/*******************************
 
62
             Types
 
63
*******************************/
 
64
 
 
65
.ui.cube.shape .side {
 
66
  min-width: 15em;
 
67
  height: 15em;
 
68
 
 
69
  padding: 2em;
 
70
 
 
71
  background-color: #E6E6E6;
 
72
  color: rgba(0, 0, 0, 0.6);
 
73
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
 
74
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
 
75
}
 
76
.ui.cube.shape .side > .content {
 
77
  width: 100%;
 
78
  height: 100%;
 
79
  display: table;
 
80
 
 
81
  text-align: center;
 
82
 
 
83
  -webkit-user-select: text;
 
84
  -moz-user-select: text;
 
85
  -ms-user-select: text;
 
86
  user-select: text;
 
87
}
 
88
.ui.cube.shape .side > .content > div {
 
89
  display: table-cell;
 
90
  vertical-align: middle;
 
91
  font-size: 2em;
 
92
}
 
93
 
 
94
/*******************************
 
95
          Variations
 
96
*******************************/
 
97
 
 
98
.ui.text.shape.animating .sides {
 
99
  position: static;
 
100
}
 
101
.ui.text.shape .side {
 
102
  white-space: nowrap;
 
103
}
 
104
.ui.text.shape .side > * {
 
105
  white-space: normal;
 
106
}
 
107
 
 
108
 
 
109
/*******************************
 
110
             States
 
111
*******************************/
 
112
 
 
113
/*--------------
 
114
    Loading
 
115
---------------*/
 
116
 
 
117
.ui.loading.shape {
 
118
  position: absolute;
 
119
  top: -9999px;
 
120
  left: -9999px;
 
121
}
 
122
 
 
123
 
 
124
/*--------------
 
125
    Animating
 
126
---------------*/
 
127
 
 
128
.ui.shape .animating.side {
 
129
  position: absolute;
 
130
  top: 0px;
 
131
  left: 0px;
 
132
  z-index: 100;
 
133
}
 
134
.ui.shape .hidden.side {
 
135
  opacity: 0.4;
 
136
}
 
137
 
 
138
 
 
139
/*--------------
 
140
      CSS
 
141
---------------*/
 
142
 
 
143
.ui.shape.animating {
 
144
  -webkit-transition:
 
145
    all 0.6s ease-in-out;
 
146
  ;
 
147
  -moz-transition:
 
148
    all 0.6s ease-in-out;
 
149
  ;
 
150
  transition:
 
151
    all 0.6s ease-in-out;
 
152
  ;
 
153
}
 
154
.ui.shape.animating .sides {
 
155
  position: absolute;
 
156
}
 
157
.ui.shape.animating .sides {
 
158
  -webkit-transition: all 0.6s ease-in-out;
 
159
  -moz-transition: all 0.6s ease-in-out;
 
160
  transition: all 0.6s ease-in-out;
 
161
}
 
162
.ui.shape.animating .side {
 
163
  -webkit-transition: opacity 0.6s ease-in-out;
 
164
  -moz-transition: opacity 0.6s ease-in-out;
 
165
  transition: opacity 0.6s ease-in-out;
 
166
}
 
167
 
 
168
 
 
169
/*--------------
 
170
     Active
 
171
---------------*/
 
172
 
 
173
.ui.shape .active.side {
 
174
  display: block;
 
175
}
 
 
b'\\ No newline at end of file'