|
1 #portal_config { |
|
2 |
|
3 .rows { |
|
4 min-height: 15px; |
|
5 } |
|
6 .row { |
|
7 position: relative; |
|
8 margin: 5px 0; |
|
9 padding: 2px 4px; |
|
10 border: 1px solid rgba(199, 81, 0, 0.40); |
|
11 border-top-width: 1.5em; |
|
12 min-height: 20px; |
|
13 cursor: move; |
|
14 |
|
15 > .row_id { |
|
16 position: absolute; |
|
17 right: 2px; |
|
18 top: -1.6em; |
|
19 } |
|
20 .slot { |
|
21 margin: 3px 0; |
|
22 padding: 3px; |
|
23 border: 1px solid rgba(98, 120, 128, 0.65); |
|
24 border-bottom-width: 6px; |
|
25 min-height: 20px!important; |
|
26 |
|
27 >.header { |
|
28 background-color: rgba(98, 120, 128, 0.60); |
|
29 color: white; |
|
30 } |
|
31 } |
|
32 .portlet { |
|
33 margin: 3px 0; |
|
34 padding: 3px; |
|
35 border: 1px solid rgba(98, 120, 128, 0.60); |
|
36 min-height: 20px!important; |
|
37 |
|
38 >.header { |
|
39 background-color: rgba(92, 109, 115, 0.80); |
|
40 color: white; |
|
41 } |
|
42 } |
|
43 } |
|
44 .row-highlight { |
|
45 margin: 5px 0; |
|
46 border: 1px solid #c75100; |
|
47 min-height: 40px; |
|
48 } |
|
49 |
|
50 .slots { |
|
51 min-height: 15px; |
|
52 } |
|
53 .slot-highlight { |
|
54 margin: 3px 0; |
|
55 border: 1px solid #7b939c; |
|
56 min-height: 40px; |
|
57 } |
|
58 |
|
59 .portlets { |
|
60 min-height: 15px; |
|
61 |
|
62 &-hover { |
|
63 background-color: silver; |
|
64 } |
|
65 &-active { |
|
66 background-color: silver; |
|
67 } |
|
68 } |
|
69 .portlet-highlight { |
|
70 margin: 0; |
|
71 border: 1px solid #7b939c; |
|
72 min-height: 40px; |
|
73 } |
|
74 |
|
75 &.container { |
|
76 .col-12 { |
|
77 float: left; |
|
78 width: 100%!important; |
|
79 } |
|
80 .col-11 { |
|
81 float: left; |
|
82 width: 91.66666667%!important; |
|
83 } |
|
84 .col-10 { |
|
85 float: left; |
|
86 width: 83.33333333%!important; |
|
87 } |
|
88 .col-9 { |
|
89 float: left; |
|
90 width: 75%!important; |
|
91 } |
|
92 .col-8 { |
|
93 float: left; |
|
94 width: 66.66666667%!important; |
|
95 } |
|
96 .col-7 { |
|
97 float: left; |
|
98 width: 58.33333333%!important; |
|
99 } |
|
100 .col-6 { |
|
101 float: left; |
|
102 width: 50%!important; |
|
103 } |
|
104 .col-5 { |
|
105 float: left; |
|
106 width: 41.66666667%!important; |
|
107 } |
|
108 .col-4 { |
|
109 float: left; |
|
110 width: 33.33333333%!important; |
|
111 } |
|
112 .col-3 { |
|
113 float: left; |
|
114 width: 25%!important; |
|
115 } |
|
116 .col-2 { |
|
117 float: left; |
|
118 width: 16.66666667%!important; |
|
119 } |
|
120 .col-1 { |
|
121 float: left; |
|
122 width: 8.33333333%!important; |
|
123 } |
|
124 .col-0 { |
|
125 float: left; |
|
126 width: 100%!important; |
|
127 opacity: 0.5; |
|
128 |
|
129 >.portlets { |
|
130 display: none; |
|
131 } |
|
132 } |
|
133 } |
|
134 &.container-xs { |
|
135 max-width: 750px!important; |
|
136 } |
|
137 &.container-sm { |
|
138 width: 750px!important; |
|
139 } |
|
140 &.container-md { |
|
141 width: 970px!important; |
|
142 } |
|
143 &.container-lg { |
|
144 width: 1170px!important; |
|
145 } |
|
146 } |