From cbd544b65db567e2b5f08edd578caef52b3b9205 Mon Sep 17 00:00:00 2001 From: cash Date: Wed, 8 Dec 2010 03:43:52 +0000 Subject: changed css/components to css/elements git-svn-id: http://code.elgg.org/elgg/trunk@7565 36083f99-b078-4883-b0ff-0f9b5a30f544 --- views/default/css/components/OOCSS_LICENSE | 30 ---- views/default/css/components/forms.php | 261 ---------------------------- views/default/css/components/grid.php | 52 ------ views/default/css/components/heading.php | 11 -- views/default/css/components/reset.php | 68 -------- views/default/css/components/spacing.php | 81 --------- views/default/css/components/typography.php | 11 -- views/default/css/elements/OOCSS_LICENSE | 30 ++++ views/default/css/elements/forms.php | 261 ++++++++++++++++++++++++++++ views/default/css/elements/grid.php | 52 ++++++ views/default/css/elements/heading.php | 11 ++ views/default/css/elements/reset.php | 68 ++++++++ views/default/css/elements/spacing.php | 81 +++++++++ views/default/css/elements/typography.php | 11 ++ views/default/css/screen.php | 12 +- 15 files changed, 520 insertions(+), 520 deletions(-) delete mode 100644 views/default/css/components/OOCSS_LICENSE delete mode 100644 views/default/css/components/forms.php delete mode 100644 views/default/css/components/grid.php delete mode 100644 views/default/css/components/heading.php delete mode 100644 views/default/css/components/reset.php delete mode 100644 views/default/css/components/spacing.php delete mode 100644 views/default/css/components/typography.php create mode 100644 views/default/css/elements/OOCSS_LICENSE create mode 100644 views/default/css/elements/forms.php create mode 100644 views/default/css/elements/grid.php create mode 100644 views/default/css/elements/heading.php create mode 100644 views/default/css/elements/reset.php create mode 100644 views/default/css/elements/spacing.php create mode 100644 views/default/css/elements/typography.php diff --git a/views/default/css/components/OOCSS_LICENSE b/views/default/css/components/OOCSS_LICENSE deleted file mode 100644 index c09c45873..000000000 --- a/views/default/css/components/OOCSS_LICENSE +++ /dev/null @@ -1,30 +0,0 @@ -Software License Agreement (BSD License) - -Copyright (c) 2009, Nicole Sullivan. -All rights reserved. - -Redistribution and use of this software in source and binary forms, with or without modification, are -permitted provided that the following conditions are met: - -* Redistributions of source code must retain the above - copyright notice, this list of conditions and the - following disclaimer. - -* Redistributions in binary form must reproduce the above - copyright notice, this list of conditions and the - following disclaimer in the documentation and/or other - materials provided with the distribution. - -* Neither the name of Nicole Sullivan nor the names of its - contributors may be used to endorse or promote products - derived from this software without specific prior - written permission of Nicole Sullivan. - -THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED -WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A -PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR -ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT -LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS -INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR -TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF -ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. \ No newline at end of file diff --git a/views/default/css/components/forms.php b/views/default/css/components/forms.php deleted file mode 100644 index e54685f86..000000000 --- a/views/default/css/components/forms.php +++ /dev/null @@ -1,261 +0,0 @@ - -/* *************************************** - Form Elements -*************************************** */ -/* default elgg core input field classes */ -.input-text, -.input-tags, -.input-url, -.input-textarea { - width:98%; -} -.input-access { - margin:5px 0 0 0; -} -.input-password { - width:200px; -} -.input-textarea { - height: 200px; - width:718px; -} -input[type="checkbox"], -input.input-radio { - margin:0 3px 0 0; - padding:0; - border:none; -} -label { - font-weight: bold; - color:#333333; - font-size: 110%; -} -input { - font: 120% Arial, Helvetica, sans-serif; - padding: 5px; - border: 1px solid #cccccc; - color:#666666; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; -} -textarea { - font: 120% Arial, Helvetica, sans-serif; - border: solid 1px #cccccc; - padding: 5px; - color:#666666; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; -} -textarea:focus, -input[type="text"]:focus { - border: solid 1px #4690d6; - background: #e4ecf5; - color:#333333; -} -.input-textarea.monospace { - font-family:Monaco,"Courier New",Courier,monospace; - font-size:13px; -} -a.longtext-control { - float:right; - margin-left:14px; -} -.submit-button { - font-size: 14px; - font-weight: bold; - color: white; - text-shadow:1px 1px 0px black; - text-decoration:none; - border: 1px solid #4690d6; - background-color:#4690d6; - background-image: url(_graphics/button_graduation.png); - background-repeat: repeat-x; - background-position: left 10px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - width: auto; - padding: 2px 4px; - margin:0 10px 10px 0; - cursor: pointer; - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); -} -.submit-button:hover { - color: white; - border-color: #0054a7; - text-decoration:none; - background-color:#0054a7; - background-image: url(_graphics/button_graduation.png); - background-repeat: repeat-x; - background-position: left 10px; -} -.submit-button.disabled { - background-color:#999999; - border-color:#999999; - color:#dedede; -} -.submit-button.disabled:hover { - background-color:#999999; - border-color:#999999; - color:#dedede; -} -input[type="password"]:focus { - border: solid 1px #4690d6; - background-color: #e4ecf5; - color:#333333; -} -input[type="submit"] { - font-size: 14px; - font-weight: bold; - color: white; - text-shadow:1px 1px 0px black; - text-decoration:none; - border: 1px solid #4690d6; - background-color:#4690d6; - background-image: url(_graphics/button_graduation.png); - background-repeat: repeat-x; - background-position: left 10px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - width: auto; - padding: 2px 4px; - margin:10px 0 10px 0; - cursor: pointer; - -moz-outline-style: none; - outline: none; - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); -} -input[type="submit"]:hover { - border-color: #0054a7; - text-decoration:none; - background-color:#0054a7; - background-image: url(_graphics/button_graduation.png); - background-repeat: repeat-x; - background-position: left 10px; -} -.cancel-button { - font-size: 14px; - font-weight: bold; - text-decoration:none; - color: #333333; - background-color:#dddddd; - background-image: url(_graphics/button_graduation.png); - background-repeat: repeat-x; - background-position: left 10px; - border: 1px solid #999999; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - width: auto; - padding: 2px 4px; - margin:10px 0 10px 10px; - cursor: pointer; -} -.cancel-button:hover { - background-color: #999999; - background-position: left 10px; - text-decoration:none; - color:white; -} -.action-button { - margin-left: 10px; -} -input.action-button, -a.action-button { - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - background-color:#cccccc; - background-image: url(_graphics/button_background.gif); - background-repeat: repeat-x; - background-position: 0 0; - border:1px solid #999999; - color:#333333; - padding:2px 15px 2px 15px; - text-align:center; - font-weight:bold; - text-decoration:none; - text-shadow:0 1px 0 white; - cursor:pointer; - -webkit-box-shadow: none; - -moz-box-shadow: none; -} -input.action-button:hover, -a.action-button:hover, -input.action-button:focus, -a.action-button:focus { - background-position:0 -15px; - background-image: url(_graphics/button_background.gif); - background-repeat: repeat-x; - color:#111111; - text-decoration: none; - background-color:#cccccc; - border:1px solid #999999; -} -.action-button:active { - background-image:none; -} -.action-button.disabled { - color:#999999; - padding:2px 7px 2px 7px; -} -.action-button.disabled:hover { - background-position:0 -15px; - color:#111111; - border:1px solid #999999; -} -.action-button.disabled:active { - background-image:none; -} -.action-button.download { - padding: 5px 9px 5px 6px; -} -.action-button.download:hover { - -} -.action-button.download img { - margin-right:6px; - position:relative; - top:5px; -} -.action-button.small { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - width: auto; - height:8px; - padding: 4px; - font-size: 0.9em; - line-height: 0.6em; -} -.action-button.small:hover { - background-color: #4690d6; - background-image: none; - border-color: #4690d6; - color:white; - text-shadow:0 -1px 0 black; -} -/* small round delete button */ -.delete-button { - width:14px; - height:14px; - margin:0; - float:right; -} -.delete-button a { - display:block; - cursor: pointer; - width:14px; - height:14px; - background: url("_graphics/elgg_sprites.png") no-repeat -200px top; - text-indent: -9000px; - text-align: left; -} -.delete-button a:hover { - background-position: -200px -16px; -} diff --git a/views/default/css/components/grid.php b/views/default/css/components/grid.php deleted file mode 100644 index 522f9fbc0..000000000 --- a/views/default/css/components/grid.php +++ /dev/null @@ -1,52 +0,0 @@ - -/* *************************************** - GRID -*************************************** */ -.elgg-grid { -} -.elgg-col { - float: left; -} -.elgg-col-1of1 { - float: none; -} -.elgg-col-1of2 { - width: 50%; -} -.elgg-col-1of3 { - width: 33.33%; -} -.elgg-col-2of3 { - width: 66.66%; -} -.elgg-col-1of4 { - width: 25%; -} -.elgg-col-3of4 { - width: 75%; -} -.elgg-col-1of5 { - width: 20%; -} -.elgg-col-2of5 { - width: 40%; -} -.elgg-col-3of5 { - width: 60%; -} -.elgg-col-4of5 { - width: 80%; -} -.elgg-col-1of6 { - width: 16.66%; -} -.elgg-col-5of6 { - width: 83.33%; -} diff --git a/views/default/css/components/heading.php b/views/default/css/components/heading.php deleted file mode 100644 index 206264f03..000000000 --- a/views/default/css/components/heading.php +++ /dev/null @@ -1,11 +0,0 @@ - -/* *************************************** - Headings -*************************************** */ diff --git a/views/default/css/components/reset.php b/views/default/css/components/reset.php deleted file mode 100644 index 13f750de8..000000000 --- a/views/default/css/components/reset.php +++ /dev/null @@ -1,68 +0,0 @@ - -/* *************************************** - RESET CSS -*************************************** */ -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, font, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-weight: inherit; - font-style: inherit; - font-size: 100%; - font-family: inherit; - vertical-align: baseline; -} -img { - border-width:0; - border-color:transparent; -} -:focus { - outline:0 none; - -moz-outline-style: none; -} -ol, ul { - list-style: none; -} -em, i { - font-style:italic; -} -ins { - text-decoration:none; -} -del { - text-decoration:line-through; -} -strong { - font-weight:bold; -} -table { - border-collapse: collapse; - border-spacing: 0; -} -caption, th, td { - text-align: left; - font-weight: normal; - vertical-align: top; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ""; -} -blockquote, q { - quotes: "" ""; -} diff --git a/views/default/css/components/spacing.php b/views/default/css/components/spacing.php deleted file mode 100644 index d65e2fc09..000000000 --- a/views/default/css/components/spacing.php +++ /dev/null @@ -1,81 +0,0 @@ - -/* *************************************** - Spacing (from OOCSS) -*************************************** */ -/** -* Spacing classes -* Should be used to modify the default spacing between objects (not between nodes of the same object) -* Please use judiciously. You want to be using defaults most of the time, these are exceptions! -* -*/ -/* ====== Default spacing ====== */ -/* comment out for now -h1, h2, h3, h4, h5, h6, ul, ol, dl, p, blockquote, .media {margin:10px;} -h1, h2, h3, h4, h5, h6, img{padding-bottom:0px;} -pre{margin: 10px;} -table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;} -*/ - -.pan{padding:0} -.pas{padding:5px} -.pam{padding:10px} -.pal{padding:20px} -.ptn{padding-top:0} -.pts{padding-top:5px} -.ptm{padding-top:10px} -.ptl{padding-top:20px} -.prn{padding-right:0} -.prs{padding-right:5px} -.prm{padding-right:10px} -.prl{padding-right:20px} -.pbn{padding-bottom:0} -.pbs{padding-bottom:5px} -.pbm{padding-bottom:10px} -.pbl{padding-bottom:20px} -.pln{padding-left:0} -.pls{padding-left:5px} -.plm{padding-left:10px} -.pll{padding-left:20px} -.phn{padding-left:0;padding-right:0} -.phs{padding-left:5px;padding-right:5px} -.phm{padding-left:10px;padding-right:10px} -.phl{padding-left:20px;padding-right:20px} -.pvn{padding-top:0;padding-bottom:0} -.pvs{padding-top:5px;padding-bottom:5px} -.pvm{padding-top:10px;padding-bottom:10px} -.pvl{padding-top:20px;padding-bottom:20px} -.man{margin:0} -.mas{margin:5px} -.mam{margin:10px} -.mal{margin:20px} -.mtn{margin-top:0} -.mts{margin-top:5px} -.mtm{margin-top:10px} -.mtl{margin-top:20px} -.mrn{margin-right:0} -.mrs{margin-right:5px} -.mrm{margin-right:10px} -.mrl{margin-right:20px} -.mbn{margin-bottom:0} -.mbs{margin-bottom:5px} -.mbm{margin-bottom:10px} -.mbl{margin-bottom:20px} -.mln{margin-left:0} -.mls{margin-left:5px} -.mlm{margin-left:10px} -.mll{margin-left:20px} -.mhn{margin-left:0;margin-right:0} -.mhs{margin-left:5px;margin-right:5px} -.mhm{margin-left:10px;margin-right:10px} -.mhl{margin-left:20px;margin-right:20px} -.mvn{margin-top:0;margin-bottom:0} -.mvs{margin-top:5px;margin-bottom:5px} -.mvm{margin-top:10px;margin-bottom:10px} -.mvl{margin-top:20px;margin-bottom:20px} diff --git a/views/default/css/components/typography.php b/views/default/css/components/typography.php deleted file mode 100644 index 869b74bf8..000000000 --- a/views/default/css/components/typography.php +++ /dev/null @@ -1,11 +0,0 @@ - -/* *************************************** - Typography -*************************************** */ diff --git a/views/default/css/elements/OOCSS_LICENSE b/views/default/css/elements/OOCSS_LICENSE new file mode 100644 index 000000000..c09c45873 --- /dev/null +++ b/views/default/css/elements/OOCSS_LICENSE @@ -0,0 +1,30 @@ +Software License Agreement (BSD License) + +Copyright (c) 2009, Nicole Sullivan. +All rights reserved. + +Redistribution and use of this software in source and binary forms, with or without modification, are +permitted provided that the following conditions are met: + +* Redistributions of source code must retain the above + copyright notice, this list of conditions and the + following disclaimer. + +* Redistributions in binary form must reproduce the above + copyright notice, this list of conditions and the + following disclaimer in the documentation and/or other + materials provided with the distribution. + +* Neither the name of Nicole Sullivan nor the names of its + contributors may be used to endorse or promote products + derived from this software without specific prior + written permission of Nicole Sullivan. + +THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED +WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A +PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR +ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT +LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS +INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR +TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF +ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. \ No newline at end of file diff --git a/views/default/css/elements/forms.php b/views/default/css/elements/forms.php new file mode 100644 index 000000000..e54685f86 --- /dev/null +++ b/views/default/css/elements/forms.php @@ -0,0 +1,261 @@ + +/* *************************************** + Form Elements +*************************************** */ +/* default elgg core input field classes */ +.input-text, +.input-tags, +.input-url, +.input-textarea { + width:98%; +} +.input-access { + margin:5px 0 0 0; +} +.input-password { + width:200px; +} +.input-textarea { + height: 200px; + width:718px; +} +input[type="checkbox"], +input.input-radio { + margin:0 3px 0 0; + padding:0; + border:none; +} +label { + font-weight: bold; + color:#333333; + font-size: 110%; +} +input { + font: 120% Arial, Helvetica, sans-serif; + padding: 5px; + border: 1px solid #cccccc; + color:#666666; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} +textarea { + font: 120% Arial, Helvetica, sans-serif; + border: solid 1px #cccccc; + padding: 5px; + color:#666666; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} +textarea:focus, +input[type="text"]:focus { + border: solid 1px #4690d6; + background: #e4ecf5; + color:#333333; +} +.input-textarea.monospace { + font-family:Monaco,"Courier New",Courier,monospace; + font-size:13px; +} +a.longtext-control { + float:right; + margin-left:14px; +} +.submit-button { + font-size: 14px; + font-weight: bold; + color: white; + text-shadow:1px 1px 0px black; + text-decoration:none; + border: 1px solid #4690d6; + background-color:#4690d6; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + width: auto; + padding: 2px 4px; + margin:0 10px 10px 0; + cursor: pointer; + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); +} +.submit-button:hover { + color: white; + border-color: #0054a7; + text-decoration:none; + background-color:#0054a7; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; +} +.submit-button.disabled { + background-color:#999999; + border-color:#999999; + color:#dedede; +} +.submit-button.disabled:hover { + background-color:#999999; + border-color:#999999; + color:#dedede; +} +input[type="password"]:focus { + border: solid 1px #4690d6; + background-color: #e4ecf5; + color:#333333; +} +input[type="submit"] { + font-size: 14px; + font-weight: bold; + color: white; + text-shadow:1px 1px 0px black; + text-decoration:none; + border: 1px solid #4690d6; + background-color:#4690d6; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + width: auto; + padding: 2px 4px; + margin:10px 0 10px 0; + cursor: pointer; + -moz-outline-style: none; + outline: none; + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); +} +input[type="submit"]:hover { + border-color: #0054a7; + text-decoration:none; + background-color:#0054a7; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; +} +.cancel-button { + font-size: 14px; + font-weight: bold; + text-decoration:none; + color: #333333; + background-color:#dddddd; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + border: 1px solid #999999; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + width: auto; + padding: 2px 4px; + margin:10px 0 10px 10px; + cursor: pointer; +} +.cancel-button:hover { + background-color: #999999; + background-position: left 10px; + text-decoration:none; + color:white; +} +.action-button { + margin-left: 10px; +} +input.action-button, +a.action-button { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + background-color:#cccccc; + background-image: url(_graphics/button_background.gif); + background-repeat: repeat-x; + background-position: 0 0; + border:1px solid #999999; + color:#333333; + padding:2px 15px 2px 15px; + text-align:center; + font-weight:bold; + text-decoration:none; + text-shadow:0 1px 0 white; + cursor:pointer; + -webkit-box-shadow: none; + -moz-box-shadow: none; +} +input.action-button:hover, +a.action-button:hover, +input.action-button:focus, +a.action-button:focus { + background-position:0 -15px; + background-image: url(_graphics/button_background.gif); + background-repeat: repeat-x; + color:#111111; + text-decoration: none; + background-color:#cccccc; + border:1px solid #999999; +} +.action-button:active { + background-image:none; +} +.action-button.disabled { + color:#999999; + padding:2px 7px 2px 7px; +} +.action-button.disabled:hover { + background-position:0 -15px; + color:#111111; + border:1px solid #999999; +} +.action-button.disabled:active { + background-image:none; +} +.action-button.download { + padding: 5px 9px 5px 6px; +} +.action-button.download:hover { + +} +.action-button.download img { + margin-right:6px; + position:relative; + top:5px; +} +.action-button.small { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + width: auto; + height:8px; + padding: 4px; + font-size: 0.9em; + line-height: 0.6em; +} +.action-button.small:hover { + background-color: #4690d6; + background-image: none; + border-color: #4690d6; + color:white; + text-shadow:0 -1px 0 black; +} +/* small round delete button */ +.delete-button { + width:14px; + height:14px; + margin:0; + float:right; +} +.delete-button a { + display:block; + cursor: pointer; + width:14px; + height:14px; + background: url("_graphics/elgg_sprites.png") no-repeat -200px top; + text-indent: -9000px; + text-align: left; +} +.delete-button a:hover { + background-position: -200px -16px; +} diff --git a/views/default/css/elements/grid.php b/views/default/css/elements/grid.php new file mode 100644 index 000000000..522f9fbc0 --- /dev/null +++ b/views/default/css/elements/grid.php @@ -0,0 +1,52 @@ + +/* *************************************** + GRID +*************************************** */ +.elgg-grid { +} +.elgg-col { + float: left; +} +.elgg-col-1of1 { + float: none; +} +.elgg-col-1of2 { + width: 50%; +} +.elgg-col-1of3 { + width: 33.33%; +} +.elgg-col-2of3 { + width: 66.66%; +} +.elgg-col-1of4 { + width: 25%; +} +.elgg-col-3of4 { + width: 75%; +} +.elgg-col-1of5 { + width: 20%; +} +.elgg-col-2of5 { + width: 40%; +} +.elgg-col-3of5 { + width: 60%; +} +.elgg-col-4of5 { + width: 80%; +} +.elgg-col-1of6 { + width: 16.66%; +} +.elgg-col-5of6 { + width: 83.33%; +} diff --git a/views/default/css/elements/heading.php b/views/default/css/elements/heading.php new file mode 100644 index 000000000..206264f03 --- /dev/null +++ b/views/default/css/elements/heading.php @@ -0,0 +1,11 @@ + +/* *************************************** + Headings +*************************************** */ diff --git a/views/default/css/elements/reset.php b/views/default/css/elements/reset.php new file mode 100644 index 000000000..13f750de8 --- /dev/null +++ b/views/default/css/elements/reset.php @@ -0,0 +1,68 @@ + +/* *************************************** + RESET CSS +*************************************** */ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; +} +img { + border-width:0; + border-color:transparent; +} +:focus { + outline:0 none; + -moz-outline-style: none; +} +ol, ul { + list-style: none; +} +em, i { + font-style:italic; +} +ins { + text-decoration:none; +} +del { + text-decoration:line-through; +} +strong { + font-weight:bold; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: top; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ""; +} +blockquote, q { + quotes: "" ""; +} diff --git a/views/default/css/elements/spacing.php b/views/default/css/elements/spacing.php new file mode 100644 index 000000000..d65e2fc09 --- /dev/null +++ b/views/default/css/elements/spacing.php @@ -0,0 +1,81 @@ + +/* *************************************** + Spacing (from OOCSS) +*************************************** */ +/** +* Spacing classes +* Should be used to modify the default spacing between objects (not between nodes of the same object) +* Please use judiciously. You want to be using defaults most of the time, these are exceptions! +* +*/ +/* ====== Default spacing ====== */ +/* comment out for now +h1, h2, h3, h4, h5, h6, ul, ol, dl, p, blockquote, .media {margin:10px;} +h1, h2, h3, h4, h5, h6, img{padding-bottom:0px;} +pre{margin: 10px;} +table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;} +*/ + +.pan{padding:0} +.pas{padding:5px} +.pam{padding:10px} +.pal{padding:20px} +.ptn{padding-top:0} +.pts{padding-top:5px} +.ptm{padding-top:10px} +.ptl{padding-top:20px} +.prn{padding-right:0} +.prs{padding-right:5px} +.prm{padding-right:10px} +.prl{padding-right:20px} +.pbn{padding-bottom:0} +.pbs{padding-bottom:5px} +.pbm{padding-bottom:10px} +.pbl{padding-bottom:20px} +.pln{padding-left:0} +.pls{padding-left:5px} +.plm{padding-left:10px} +.pll{padding-left:20px} +.phn{padding-left:0;padding-right:0} +.phs{padding-left:5px;padding-right:5px} +.phm{padding-left:10px;padding-right:10px} +.phl{padding-left:20px;padding-right:20px} +.pvn{padding-top:0;padding-bottom:0} +.pvs{padding-top:5px;padding-bottom:5px} +.pvm{padding-top:10px;padding-bottom:10px} +.pvl{padding-top:20px;padding-bottom:20px} +.man{margin:0} +.mas{margin:5px} +.mam{margin:10px} +.mal{margin:20px} +.mtn{margin-top:0} +.mts{margin-top:5px} +.mtm{margin-top:10px} +.mtl{margin-top:20px} +.mrn{margin-right:0} +.mrs{margin-right:5px} +.mrm{margin-right:10px} +.mrl{margin-right:20px} +.mbn{margin-bottom:0} +.mbs{margin-bottom:5px} +.mbm{margin-bottom:10px} +.mbl{margin-bottom:20px} +.mln{margin-left:0} +.mls{margin-left:5px} +.mlm{margin-left:10px} +.mll{margin-left:20px} +.mhn{margin-left:0;margin-right:0} +.mhs{margin-left:5px;margin-right:5px} +.mhm{margin-left:10px;margin-right:10px} +.mhl{margin-left:20px;margin-right:20px} +.mvn{margin-top:0;margin-bottom:0} +.mvs{margin-top:5px;margin-bottom:5px} +.mvm{margin-top:10px;margin-bottom:10px} +.mvl{margin-top:20px;margin-bottom:20px} diff --git a/views/default/css/elements/typography.php b/views/default/css/elements/typography.php new file mode 100644 index 000000000..869b74bf8 --- /dev/null +++ b/views/default/css/elements/typography.php @@ -0,0 +1,11 @@ + +/* *************************************** + Typography +*************************************** */ diff --git a/views/default/css/screen.php b/views/default/css/screen.php index 3ca9022b6..6092aa5aa 100644 --- a/views/default/css/screen.php +++ b/views/default/css/screen.php @@ -14,12 +14,12 @@ if ($old_css_view != "{$CONFIG->viewpath}") { } -echo elgg_view('css/components/reset', $vars); -echo elgg_view('css/components/grid', $vars); -echo elgg_view('css/components/typography', $vars); -echo elgg_view('css/components/spacing', $vars); -echo elgg_view('css/components/heading', $vars); -echo elgg_view('css/components/forms', $vars); +echo elgg_view('css/elements/reset', $vars); +echo elgg_view('css/elements/grid', $vars); +echo elgg_view('css/elements/typography', $vars); +echo elgg_view('css/elements/spacing', $vars); +echo elgg_view('css/elements/heading', $vars); +echo elgg_view('css/elements/forms', $vars); ?> -- cgit v1.2.3