diff options
Diffstat (limited to 'views/default/css/elements/helpers.php')
| -rw-r--r-- | views/default/css/elements/helpers.php | 142 |
1 files changed, 76 insertions, 66 deletions
diff --git a/views/default/css/elements/helpers.php b/views/default/css/elements/helpers.php index 0818fba6e..e9a9e0a30 100644 --- a/views/default/css/elements/helpers.php +++ b/views/default/css/elements/helpers.php @@ -3,6 +3,9 @@ * Helpers CSS * * Contains generic elements that can be used throughout the site. + * + * @package Elgg.Core + * @subpackage UI */ ?> @@ -10,14 +13,6 @@ clear: both; } -.clearfix:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - .hidden { display: none; } @@ -30,20 +25,16 @@ text-align: center; } -.right { - float: right; -} - -.left { +.float { float: left; } -.large { - font-size: 120%; +.float-alt { + float: right; } -.small { - font-size: 80%; +.link { + cursor: pointer; } .elgg-discover .elgg-discoverable { @@ -54,6 +45,32 @@ display: block; } +.elgg-transition:hover { + opacity: .7; +} + +/* *************************************** + BORDERS AND SEPARATORS +*************************************** */ +.elgg-border-plain { + border: 1px solid #eeeeee; +} +.elgg-border-transition { + border: 1px solid #eeeeee; +} +.elgg-divide-top { + border-top: 1px solid #CCCCCC; +} +.elgg-divide-bottom { + border-bottom: 1px solid #CCCCCC; +} +.elgg-divide-left { + border-left: 1px solid #CCCCCC; +} +.elgg-divide-right { + border-right: 1px solid #CCCCCC; +} + /* *************************************** Spacing (from OOCSS) *************************************** */ @@ -74,61 +91,54 @@ $medium = '10px'; $large = '20px'; echo <<<CSS +/* Padding */ .pan{padding:$none} +.prn, .phn{padding-right:$none} +.pln, .phn{padding-left:$none} +.ptn, .pvn{padding-top:$none} +.pbn, .pvn{padding-bottom:$none} + .pas{padding:$small} +.prs, .phs{padding-right:$small} +.pls, .phs{padding-left:$small} +.pts, .pvs{padding-top:$small} +.pbs, .pvs{padding-bottom:$small} + .pam{padding:$medium} +.prm, .phm{padding-right:$medium} +.plm, .phm{padding-left:$medium} +.ptm, .pvm{padding-top:$medium} +.pbm, .pvm{padding-bottom:$medium} + .pal{padding:$large} -.ptn{padding-top:$none} -.pts{padding-top:$small} -.ptm{padding-top:$medium} -.ptl{padding-top:$large} -.prn{padding-right:$none} -.prs{padding-right:$small} -.prm{padding-right:$medium} -.prl{padding-right:$large} -.pbn{padding-bottom:$none} -.pbs{padding-bottom:$small} -.pbm{padding-bottom:$medium} -.pbl{padding-bottom:$large} -.pln{padding-left:$none} -.pls{padding-left:$small} -.plm{padding-left:$medium} -.pll{padding-left:$large} -.phn{padding-left:$none;padding-right:$none} -.phs{padding-left:$small;padding-right:$small} -.phm{padding-left:$medium;padding-right:$medium} -.phl{padding-left:$large;padding-right:$large} -.pvn{padding-top:$none;padding-bottom:$none} -.pvs{padding-top:$small;padding-bottom:$small} -.pvm{padding-top:$medium;padding-bottom:$medium} -.pvl{padding-top:$large;padding-bottom:$large} +.prl, .phl{padding-right:$large} +.pll, .phl{padding-left:$large} +.ptl, .pvl{padding-top:$large} +.pbl, .pvl{padding-bottom:$large} + +/* Margin */ .man{margin:$none} +.mrn, .mhn{margin-right:$none} +.mln, .mhn{margin-left:$none} +.mtn, .mvn{margin-top:$none} +.mbn, .mvn{margin-bottom:$none} + .mas{margin:$small} +.mrs, .mhs{margin-right:$small} +.mls, .mhs{margin-left:$small} +.mts, .mvs{margin-top:$small} +.mbs, .mvs{margin-bottom:$small} + .mam{margin:$medium} +.mrm, .mhm{margin-right:$medium} +.mlm, .mhm{margin-left:$medium} +.mtm, .mvm{margin-top:$medium} +.mbm, .mvm{margin-bottom:$medium} + .mal{margin:$large} -.mtn{margin-top:$none} -.mts{margin-top:$small} -.mtm{margin-top:$medium} -.mtl{margin-top:$large} -.mrn{margin-right:$none} -.mrs{margin-right:$small} -.mrm{margin-right:$medium} -.mrl{margin-right:$large} -.mbn{margin-bottom:$none} -.mbs{margin-bottom:$small} -.mbm{margin-bottom:$medium} -.mbl{margin-bottom:$large} -.mln{margin-left:$none} -.mls{margin-left:$small} -.mlm{margin-left:$medium} -.mll{margin-left:$large} -.mhn{margin-left:$none;margin-right:$none} -.mhs{margin-left:$small;margin-right:$small} -.mhm{margin-left:$medium;margin-right:$medium} -.mhl{margin-left:$large;margin-right:$large} -.mvn{margin-top:$none;margin-bottom:$none} -.mvs{margin-top:$small;margin-bottom:$small} -.mvm{margin-top:$medium;margin-bottom:$medium} -.mvl{margin-top:$large;margin-bottom:$large} +.mrl, .mhl{margin-right:$large} +.mll, .mhl{margin-left:$large} +.mtl, .mvl{margin-top:$large} +.mbl, .mvl{margin-bottom:$large} CSS; -?> +?>
\ No newline at end of file |