Elgg  Version master
helpers.css.php
Go to the documentation of this file.
1 <?php
7 ?>
8 /* <style> /**/
9 
10 .clearfloat {
11  clear: both;
12 }
13 
14 <?php /* Need .elgg-page to be able to override .elgg-menu-hz > li {display:inline-block} and such */ ?>
15 .hidden,
16 .elgg-page .hidden,
17 .elgg-menu > li.hidden {
18  display: none;
19 }
20 
21 .centered {
22  margin: 0 auto;
23 }
24 
25 .center,
26 .elgg-justify-center {
27  text-align: center;
28 }
29 
30 .elgg-justify-right {
31  text-align: right;
32 }
33 
34 .elgg-justify-left {
35  text-align: left;
36 }
37 
38 .float {
39  float: left;
40 }
41 
42 .float-alt {
43  float: right;
44 }
45 
46 .link {
47  cursor: pointer;
48 }
49 
50 .elgg-discover .elgg-discoverable {
51  display: none;
52 }
53 
54 .elgg-discover:hover .elgg-discoverable {
55  display: block;
56 }
57 
58 .elgg-transition:hover,
59 .elgg-transition:focus,
60 :focus > .elgg-transition {
61  opacity: .7;
62 }
63 
64 /* ***************************************
65  BORDERS AND SEPARATORS
66 *************************************** */
67 .elgg-border-plain {
68  border: 1px solid $(border-color-soft);
69 }
70 .elgg-border-transition {
71  border: 1px solid $(border-color-soft);
72 }
73 .elgg-divide-top {
74  border-top: 1px solid $(border-color-soft);
75 }
76 .elgg-divide-bottom {
77  border-bottom: 1px solid $(border-color-soft);
78 }
79 .elgg-divide-left {
80  border-left: 1px solid $(border-color-soft);
81 }
82 .elgg-divide-right {
83  border-right: 1px solid $(border-color-soft);
84 }
85 
86 /* ***************************************
87  Spacing (from OOCSS)
88 *************************************** */
89 <?php
100 $none = '0';
101 $small = '5px';
102 $medium = '10px';
103 $large = '20px';
104 
105 ?>
106 /* Padding */
107 .pan{padding:<?= $none; ?>;}
108 .prn, .phn{padding-right:<?= $none; ?>;}
109 .pln, .phn{padding-left:<?= $none; ?>;}
110 .ptn, .pvn{padding-top:<?= $none; ?>;}
111 .pbn, .pvn{padding-bottom:<?= $none; ?>;}
112 
113 .pas{padding:<?= $small; ?>;}
114 .prs, .phs{padding-right:<?= $small; ?>;}
115 .pls, .phs{padding-left:<?= $small; ?>;}
116 .pts, .pvs{padding-top:<?= $small; ?>;}
117 .pbs, .pvs{padding-bottom:<?= $small; ?>;}
118 
119 .pam{padding:<?= $medium; ?>;}
120 .prm, .phm{padding-right:<?= $medium; ?>;}
121 .plm, .phm{padding-left:<?= $medium; ?>;}
122 .ptm, .pvm{padding-top:<?= $medium; ?>;}
123 .pbm, .pvm{padding-bottom:<?= $medium; ?>;}
124 
125 .pal{padding:<?= $large; ?>;}
126 .prl, .phl{padding-right:<?= $large; ?>;}
127 .pll, .phl{padding-left:<?= $large; ?>;}
128 .ptl, .pvl{padding-top:<?= $large; ?>;}
129 .pbl, .pvl{padding-bottom:<?= $large; ?>;}
130 
131 /* Margin */
132 .man{margin:<?= $none; ?>;}
133 .mrn, .mhn{margin-right:<?= $none; ?>;}
134 .mln, .mhn{margin-left:<?= $none; ?>;}
135 .mtn, .mvn{margin-top:<?= $none; ?>;}
136 .mbn, .mvn{margin-bottom:<?= $none; ?>;}
137 
138 .mas{margin:<?= $small; ?>;}
139 .mrs, .mhs{margin-right:<?= $small; ?>;}
140 .mls, .mhs{margin-left:<?= $small; ?>;}
141 .mts, .mvs{margin-top:<?= $small; ?>;}
142 .mbs, .mvs{margin-bottom:<?= $small; ?>;}
143 
144 .mam{margin:<?= $medium; ?>;}
145 .mrm, .mhm{margin-right:<?= $medium; ?>;}
146 .mlm, .mhm{margin-left:<?= $medium; ?>;}
147 .mtm, .mvm{margin-top:<?= $medium; ?>;}
148 .mbm, .mvm{margin-bottom:<?= $medium; ?>;}
149 
150 .mal{margin:<?= $large; ?>;}
151 .mrl, .mhl{margin-right:<?= $large; ?>;}
152 .mll, .mhl{margin-left:<?= $large; ?>;}
153 .mtl, .mvl{margin-top:<?= $large; ?>;}
154 .mbl, .mvl{margin-bottom:<?= $large; ?>;}
$small
$medium
$none
Helpers CSS.
$large