[pirate-politics] r516 committed - Started css improvements, only changes to issues.html for now

[pirate-...@googlecode.com]

Revision: 516
Author: andru...@gmail.com
Date: Mon Jan 17 17:42:07 2011
Log: Started css improvements, only changes to issues.html for now
http://code.google.com/p/pirate-politics/source/detail?r=516

Modified:
/trunk/pirate-politics/new_templates/base.html
/trunk/pirate-politics/static/style.css
/trunk/pirate-politics/templates/issues.html

=======================================
--- /trunk/pirate-politics/new_templates/base.html Mon Jan 17 12:43:37 2011
+++ /trunk/pirate-politics/new_templates/base.html Mon Jan 17 17:42:07 2011
@@ -86,7 +86,6 @@
<li><a href="/platform">platform</a></li>
</ul>
</div>
-
<div id="mainContent">
{% block content-header %}

=======================================
--- /trunk/pirate-politics/static/style.css Mon Jan 17 13:22:09 2011
+++ /trunk/pirate-politics/static/style.css Mon Jan 17 17:42:07 2011
@@ -1,31 +1,34 @@
+html, body { margin: 0; padding: 0; }
body{
font-family: Helvetica;
background:#eee;
}
-a { text-decoration: none; }
+a { text-decoration: none; color: #306D4A; }
+a:hover { text-decoration: underline; }
pre { background: #fff; width: 460px; padding: 10px 20px; border-left: 5px
solid #ccc; margin: 0 0 20px; }
input { margin: 0; padding: 0; }

#header {
-
- width:98%;
+ width:100%;
background-color:#D3D9DF;
- bottom:10px;
- -moz-border-radius: 30px;
- border-radius: 30px;
+ bottom:10px;
+ -moz-border-radius: 0px;
+ -moz-border-bottom-left-radius: 20px;
+ border-radius: 0px;
+ border-bottom-left-radius: 20px;
position:relative;
- -moz-box-shadow: 10px 10px 5px #888;
- -webkit-box-shadow: 10px 10px 5px #888;
- box-shadow: 10px 10px 5px #888;
- }
-
+ -moz-box-shadow: 0px 0px 50px #888;
+ -webkit-box-shadow: 0px 0px 50px #888;
+ box-shadow: 0px 0px 50px #888;
+ height: 94px;
+}

#header .headtitle {
color:#565656;
- font-size:250%;
+ font-size:250%;
font-style:bold;
- padding-left:20px;
-
+ padding-left:10px;
+ padding-top: 10px;
}
#header .headtitle a:visited, #header .headtitle a:link {
color:#565656;
@@ -129,13 +132,29 @@
float:left;
overflow:hidden;
color:black;
- margin:0;
- padding:0;
+ margin:0;
+ padding:0;
font-size:100%;
}

-
-
+.rightcol .button {
+ width: 80%;
+ padding-left: 10px;
+}
+
+.rightcol ul {
+ list-style-type: none;
+ }
+
+.rightcol ul li {
+ position: relative;
+ left: 15px;
+ font-size: 16px;
+ line-height: 18px;
+ padding-bottom: 4px;
+ padding-right: 2px;
+ }
+
.upvote, .downvote, .irrvote {
width:40px;
height:30px;
@@ -217,40 +236,42 @@
color:black;
/*background: url('Bullet.png') no-repeat scroll;*/
/*background-color:#d3d9df;*/
- margin:0em 2em 0em 0em;
+ margin:0em 2em 1.2em 0em;
/*overflow:hidden;*/
/*border:1px dashed black;*/
}

.issue .issueback {
- position:absolute;
+ position:absolute;
width:100%;
- top:-5px;
- font-size:150%;
- font-style:bold;
+ top:-5px;
+ font-size:150%;
+ font-style:bold;
min-width:20%;
height:native;
background-color:#d3d9df;
border:15px solid #d3d9df;
border-radius: 15px; /*css3 only*/
-moz-border-radius: 15px; /*firefox specific code*/
-
+
/*-moz-box-shadow: 5px 5px 2px #888;
-webkit-box-shadow: 5px 5px 2px #888;
box-shadow: 5px 5px 2px #888;*/
overflow:visible;
border-bottom:15px solid #d3d9df;
}
-
+.issue .issueback a {
+ padding:10px 30px 5px 5px;
+}

.issue .issueback2 {
- position:absolute;
+ position:absolute;
width:100%;
- top:18px;
- left:-10px;
- font-size:150%;
- font-style:bold;
+ top:18px;
+ left:-10px;
+ font-size:150%;
+ font-style:bold;
min-width:20%;
height:native;
background-color:#d3d9df;
@@ -264,14 +285,17 @@
overflow:visible;
border-bottom:15px solid #d3d9df;
}
+
+.issueback a {
+ font-weight: bold;
+}

.userinfo {
width:native;
font-size:60%;
border-bottom:0;
margin-top:8px;
-
-}
+ }

.issue. issueback2 .userinfo {
width:native;
@@ -286,14 +310,22 @@
}

.bullet {
- width:88px;
- height:88px;
- background-color:#e22607;
- background: url('/static/Bullet.png') no-repeat scroll;
+ width:78px;
+ height:78px;
+ background-color:#2C6DA0;
+ /*background: url('/static/Bullet.png') no-repeat scroll;*/
color:black;
padding:0px 0px 0px 0px;
- margin:0px 0px 0px 0px;
+ margin:0px 0px 0px -10px;
overflow:visible;
+ border-radius: 5px;
+ }
+.bullet:after {
+ content:"interest";
+ position: relative;
+ left: 13px;
+ top: -30px;
+ font-size: small;
}

.bullet h1, .bullet p {
@@ -301,7 +333,7 @@
text-align:center;
border:0;
position:relative;
- left:-15px;
+ left:-25px;
bottom:+2px;
overflow:visible;
}
@@ -309,29 +341,29 @@
.issue .bullet {
position:relative;
left:-60px;
- bottom:-5px;
+ bottom:-5px;
overflow:visible;
}

.issue .bullet2 {
position:relative;
left:-60px;
- bottom:30px;
+ bottom:30px;
overflow:visible;
}

.issue .bullet h1 {
- font-size:30px;
+ font-size:25px;
text-align:center;
}

.bullet_ {
- font-size:75%;
+ font-size:75%;
position:absolute;
- top:+55px;
- left:-90px;
+ top:+55px;
+ left:-90px;
padding:0px 0px 0px 0px;
- margin:10px 10px 0px 0px;
+ margin:30px 10px 0px 0px;
}

.bullet2_ {
@@ -379,8 +411,8 @@
font-size:85%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
border-bottom:3px solid #989898;
- font-weight:bold;
-
+ padding-bottom: 3px;
+ top: -3px;
}

.details {
=======================================
--- /trunk/pirate-politics/templates/issues.html Mon Oct 4 12:11:58 2010
+++ /trunk/pirate-politics/templates/issues.html Mon Jan 17 17:42:07 2011
@@ -3,7 +3,6 @@
<title></title>
</head>
<body>
-
{% load issuetags pp_url %}
{% pp_get_issue_list%}
<ul>