[SUCS Devel] site r693 - in branches/imranh-redesign: . sass
imranh at sucs.org
imranh at sucs.org
Thu Apr 23 07:17:59 BST 2015
Author: imranh
Date: 2015-04-23 07:17:48 +0100 (Thu, 23 Apr 2015)
New Revision: 693
Added:
branches/imranh-redesign/config.rb
branches/imranh-redesign/sass/
branches/imranh-redesign/sass/front.scss
branches/imranh-redesign/sass/main.scss
branches/imranh-redesign/sass/news.scss
Log:
Use a css preprocessor to do lots of the legwork. sass+compass
Added: branches/imranh-redesign/config.rb
===================================================================
--- branches/imranh-redesign/config.rb (rev 0)
+++ branches/imranh-redesign/config.rb 2015-04-23 06:17:48 UTC (rev 693)
@@ -0,0 +1,25 @@
+require 'compass/import-once/activate'
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "htdocs/css"
+sass_dir = "sass"
+images_dir = "htdocs/images"
+javascripts_dir = "htdocs/js"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
Added: branches/imranh-redesign/sass/front.scss
===================================================================
--- branches/imranh-redesign/sass/front.scss (rev 0)
+++ branches/imranh-redesign/sass/front.scss 2015-04-23 06:17:48 UTC (rev 693)
@@ -0,0 +1,7 @@
+#contactbox {
+ margin-top: 15px;
+}
+.readmorelink {
+ bottom: 0;
+ float: right;
+}
\ No newline at end of file
Added: branches/imranh-redesign/sass/main.scss
===================================================================
--- branches/imranh-redesign/sass/main.scss (rev 0)
+++ branches/imranh-redesign/sass/main.scss 2015-04-23 06:17:48 UTC (rev 693)
@@ -0,0 +1,165 @@
+body {
+ #background: linear-gradient(#f80,#f40);
+ background: #E9EAED;
+ #width: 98%;
+ font-family: Arial;
+ margin: 0px;
+}
+#header {
+ #border-top-left-radius: 15px;
+ #border-top-right-radius: 15px;
+ #border: 2px solid #fff;
+ height: 66px;
+ position: relative;
+ #box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
+ #background: #f60;
+ background: linear-gradient(to bottom left, #f80, #f40);
+}
+#logo {
+ float: left;
+ padding-left: 20px;
+ margin-top: -5px;
+}
+#menu {
+ overflow: hidden;
+ position: absolute;
+ bottom: 0px;
+ left: 125px;
+}
+#menulist {
+ margin-bottom: 4px;
+}
+#menulist li {
+ color: #fff;
+ font-weight: bold;
+ display: inline;
+ list-style-type: none;
+ padding-right: 15px;
+ padding-left: 15px;
+ padding-top: 10px;
+ padding-bottom: 5px;
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px;
+}
+#menulist li a {
+ color: #FFF;
+ text-decoration: none;
+ text-decoration: bold;
+}
+#menulist #menu-active {
+ #background: #fff;
+ background: #414345;
+ color: #f60;
+}
+#submenu {
+ #-webkit-margin-before: 0em;
+ position: absolute;
+ #bottom: -45px;
+ #left: 125px;
+ width: 100%;
+ #height: 92%;
+ overflow: hidden;
+ margin-top: 66px;
+}
+#submenulist {
+ -webkit-margin-before: 0em;
+ #text-align: center;
+ background: #414345;
+ padding-top: 6px;
+ padding-bottom: 5px;
+ padding-left: 165px;
+}
+#submenulist li {
+ #background: #000;
+ background: #414345;
+ color: #fff;
+ font-weight: bold;
+ display: inline;
+ list-style-type: none;
+ padding-right: 15px;
+ padding-left: 15px;
+ padding-top: 6px;
+ padding-bottom: 5px;
+ #border-top-left-radius: 15px;
+ #border-top-right-radius: 15px;
+}
+#submenulist li a {
+ color: #FFF;
+ text-decoration: none;
+ text-decoration: bold;
+}
+#submenulist #submenu-active {
+ background: #E9EAED;
+ color: #414345;
+ padding-top: 4px;
+ padding-bottom: 7px;
+ border-top-right-radius: 10px;
+ border-top-left-radius: 10px;
+}
+#submenulist #submenu-active a {
+ color: #414345;
+}
+#user-area {
+ text-align: right;
+ float: right;
+ color: #fff;
+ #position: absolute;
+ #bottom: 0px;
+ left: 100%;
+ margin-right: 10px;
+ margin-top: 15px;
+}
+#user-area a {
+ color: #fff;
+}
+#bodyer {
+ background: #E9EAED;
+ height: 87%;
+ #width: 96.0%;
+ #position: absolute;
+ #box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
+ margin-top: 30px;
+ padding-top: 1.25%;
+ padding-left: 2.5%;
+ padding-right: 2.5%;
+}
+#bodyer .panel {
+ padding: 20px 20px 20px 20px;
+ #box-shadow: 1px 5px 10px 5px #888888;
+ background: #fff;
+ border-radius: 2px;
+ border: 0px;
+ box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);
+ #margin-right: 75px;
+}
+#bodyer #leftside {
+ width: 70%;
+ float: left;
+}
+#bodyer #bottomleftside {
+ float: left;
+ margin-top: 15px;
+ #display: flex;
+ #justify-content: center;
+ display: inline-flex;
+}
+#bodyer #bottomleftsidebox {
+ width: 27.5%;
+ float: left;
+}
+#bodyer #spaceor {
+ width: 2.5%;
+ float: left;
+ background: #E9EAED;
+ padding: 0.777%;
+}
+#bodyer #rightside {
+ width: 27.5%;
+ float: right;
+}
+#footer {
+ display: none;
+ visibility: hidden;
+ #background: #f80;
+ #box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
+}
\ No newline at end of file
Added: branches/imranh-redesign/sass/news.scss
===================================================================
--- branches/imranh-redesign/sass/news.scss (rev 0)
+++ branches/imranh-redesign/sass/news.scss 2015-04-23 06:17:48 UTC (rev 693)
@@ -0,0 +1,9 @@
+.panel {
+ margin-bottom: 15px;
+}
+.boxfoot {
+ padding-bottom: 30px;
+}
+.boxfoot p {
+ float: right;
+}
\ No newline at end of file
More information about the Devel
mailing list