[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