From 1a242269ad35f977f2401bc35180dce2f24a1518 Mon Sep 17 00:00:00 2001 From: Karen Date: Thu, 7 Jul 2011 20:37:44 +0530 Subject: [PATCH] gradient for webkit, shadows, footer became header :) --- edgware/static/css/articleDemo.css | 78 ++++++++++++++++++++++--- edgware/static/css/main.css | 1 + edgware/templates/article_frontend.html | 36 ++++++++++-- 3 files changed, 104 insertions(+), 11 deletions(-) diff --git a/edgware/static/css/articleDemo.css b/edgware/static/css/articleDemo.css index de852ae..7a3779f 100644 --- a/edgware/static/css/articleDemo.css +++ b/edgware/static/css/articleDemo.css @@ -1,6 +1,63 @@ @charset "UTF-8"; /* CSS Document */ +#footer { + position:fixed; + top: 0px; + width: 100%; + height: 50px; + background: #3B240B; + z-index:10; + font-weight:bold; + font-size:16px; +} + +#footer a +{color: #fff; +font-weight: bold; +text-decoration:none;} + +#footer a:hover { + color: #2E64FE; +} + +#nav { + width: 70%; + margin-left: 100px; + margin-right: auto; + top: 50px; +} + +#footer ul li { + float: left; + margin-right: 30px; + list-style:none; +} + +#logo { + font-family: 'SG Grotesque', sans-serif; + font-size: 1.2em; + line-height: 1.3em; + letter-spacing: 0px; + font-weight: bold; + position: absolute; + top: 12px; + right: 10px; +} + +#logo a { + + text-align: bottom; + color: #fff; + text-decoration: none; +} + +#logo a:hover { + color: #000; +} + + + .big { font-family: Verdana,Helvetica, sans-serif; font-size: 14px; @@ -11,10 +68,14 @@ float:left; } +#pagesWrapper +{position:absolute; +top:64px;} + .page { - box-shadow: 0px 0px 1em; - -moz-box-shadow: 0px 0px 1em; - -webkit-box-shadow: 0px 0px 1em; + -moz-box-shadow: 0px 0px 1em #000; + -webkit-box-shadow: 0px 0px 1em #000; + box-shadow: 0px 0px 1em #000 #000; background: rgba(255,255,255,0.5); clear:left; font-family: Helvetica, sans-serif; @@ -25,7 +86,7 @@ padding-right: 20px; padding-top: 20px; padding-bottom:20px; -/* + /* border-left:1px #CC6600 dotted; border-bottom: #CC6600 1px dotted; */ @@ -317,11 +378,14 @@ a img .style1 {font-size: 16px} body { + font-family: "DejaVu Sans", Arial, Verdana, sans-serif; background: #aaa; /* background-image: -moz-linear-gradient(left top, #ABAE71, #CDD535, #F4F6C7); background-image: -webkit-gradient(radial, 45px 45px 45deg, circle cover, #ABAE71 0%, #CDD53F 100%, #F4F6C7 95%); */ - background-image: -moz-linear-gradient(left top, #666, #ccc, #333); - background-image: -webkit-gradient(radial, 45px 45px 45deg, circle cover, - #666 0%, #ccc 100%, #333 95%); + background: -moz-linear-gradient(left top, #666, #ccc, #333); + background:-webkit-gradient(linear, left center, right center, from(#666666), to(#333333), color-stop(.5,#CCCCCC)) repeat; + background:linear-gradient(left top, #666, #ccc, #333) + /*background-image: -webkit-gradient(radial, 45px 45px 45deg, circle cover, + #666 0%, #ccc 100%, #333 95%);*/ } diff --git a/edgware/static/css/main.css b/edgware/static/css/main.css index eeecd9a..5ec9267 100644 --- a/edgware/static/css/main.css +++ b/edgware/static/css/main.css @@ -90,6 +90,7 @@ ul { background: #3B240B; } + #footer a { color: #fff; font-weight: bold; diff --git a/edgware/templates/article_frontend.html b/edgware/templates/article_frontend.html index afc228c..dc8ab8e 100644 --- a/edgware/templates/article_frontend.html +++ b/edgware/templates/article_frontend.html @@ -139,7 +139,7 @@ p { -
+ + + +
{% autoescape off %} {% for p in pages %}
@@ -187,7 +215,7 @@ p {
{% endfor %} {% endautoescape %} - +