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