eleventy billion css tweaks, part tres

pull/1/head
Andromeda Yelton 2011-12-15 13:55:26 -05:00
parent 6e152acfe8
commit b32cf80471
11 changed files with 45 additions and 17 deletions

View File

@ -32,9 +32,8 @@
</div>
<div class="user-block3">
<div class="user-block">
<span class="rounded"><span class="orange" title="We're ungluing {{ campaign_list.count }} {% if campaign_list.count == 1 %}book{% else %}books{% endif %}.">{{ campaign_list.count }}</span></span>
<span class="rounded"><span class="orange" title="We're ungluing {{ campaign_list.count }} {% if campaign_list.count == 1 %}book{% else %}books{% endif %}."><span class="hovertext">We're ungluing&nbsp;</span>{{ campaign_list.count }}</span></span>
</div>
<span class="user-status-title">We are ungluing {{ campaign_list.count }} {% if campaign_list.count == 1 %}book{% else %}books{% endif %}</span>
</div>
</div>
</div>

View File

@ -67,11 +67,10 @@ how do I integrate the your wishlist thing with the tabs thing?
<span class="user-short-info">{{ supporter.profile.tagline }}</span>
</div>
<div class="user-block3">
<div class="ungluingtext">Ungluing:</div>
<div class="badges">
<span class="rounded"><span class="blue tabs1" {% ifequal request.user supporter %}title="I've unglued {{ backed }} {% if backed == 1 %}book{% else %}books{% endif %}."{% else %}title="{{ supporter }} has unglued {{ backed }} {% if backed == 1 %}book{% else %}books{% endif %}."{% endifequal %}>{{ backed }}</span></span>
<span class="rounded"><span class="orange tabs2" {% ifequal request.user supporter %}title="I'm supporting {{ backing }} {% if backing == 1 %}book{% else %}books{% endif %}."{% else %}title="{{ supporter }} is supporting {{ backing }} {% if backing == 1 %}book{% else %}books{% endif %}."{% endifequal %}>{{ backing }}</span></span>
<span class="rounded"><span class="grey tabs3" {% ifequal request.user supporter %}title="I'm wishing for {{ wished }} {% if wished == 1 %}book{% else %}books{% endif %}."{% else %}title="{{ supporter }} is wishing for {{ wished }} {% if wished == 1 %}book{% else %}books{% endif %}."{% endifequal %}>{{ wished }}</span></span>
<span class="rounded"><span class="blue tabs1" {% ifequal request.user supporter %}title="I've unglued {{ backed }} {% if backed == 1 %}book{% else %}books{% endif %}."{% else %}title="{{ supporter }} has unglued {{ backed }} {% if backed == 1 %}book{% else %}books{% endif %}."{% endifequal %}><span class="hovertext">I've unglued&nbsp;</span>{{ backed }}</span></span>
<span class="rounded"><span class="orange tabs2" {% ifequal request.user supporter %}title="I'm supporting {{ backing }} {% if backing == 1 %}book{% else %}books{% endif %}."{% else %}title="{{ supporter }} is supporting {{ backing }} {% if backing == 1 %}book{% else %}books{% endif %}."{% endifequal %}><span class="hovertext">I'm ungluing&nbsp;</span>{{ backing }}</span></span>
<span class="rounded"><span class="grey tabs3" {% ifequal request.user supporter %}title="I'm wishing for {{ wished }} {% if wished == 1 %}book{% else %}books{% endif %}."{% else %}title="{{ supporter }} is wishing for {{ wished }} {% if wished == 1 %}book{% else %}books{% endif %}."{% endifequal %}><span class="hovertext">I'm wishing for&nbsp;</span>{{ wished }}</span></span>
</div>
</div>
<div class="user-block4">

View File

@ -32,9 +32,9 @@
</div>
<div class="user-block3">
<div class="user-block">
<span class="rounded"><span class="blue" title="Enjoy {{ counts.unglued }} unglued {% if counts.unglued == 1 %}book{% else %}books{% endif %}.">{{ counts.unglued }}</span></span>
<span class="rounded"><span class="orange" title="We're ungluing {{ counts.unglueing }} {% if counts.unglueing == 1 %}book{% else %}books{% endif %}.">{{ counts.unglueing }}</span></span>
<span class="rounded"><span class="grey" title="We're wishing for {{ counts.wished }} {% if counts.wished == 1 %}book{% else %}books{% endif %}.">{{ counts.wished }}</span></span>
<span class="rounded"><span class="blue tabs1" title="Enjoy {{ counts.unglued }} unglued {% if counts.unglued == 1 %}book{% else %}books{% endif %}."><span class="hovertext">Enjoy&nbsp;</span>{{ counts.unglued }}</span></span>
<span class="rounded"><span class="orange tabs2" title="We're ungluing {{ counts.unglueing }} {% if counts.unglueing == 1 %}book{% else %}books{% endif %}."><span class="hovertext">Ungluing&nbsp;</span>{{ counts.unglueing }}</span></span>
<span class="rounded"><span class="grey tabs3" title="We're wishing for {{ counts.wished }} {% if counts.wished == 1 %}book{% else %}books{% endif %}."><span class="hovertext">Wishing for&nbsp;</span>{{ counts.wished }}</span></span>
</div>
</div>
</div>

View File

@ -114,15 +114,15 @@
float: right;
margin-top: 11px;
}
.book-detail-info .btn_support a {
.book-detail-info .btn_support input {
background: url("/static/images/btn_bg.png") 0 0 no-repeat;
width: 104px;
height: 41px;
line-height: 41px;
display: block;
color: #fff;
font-weight: bold;
text-align: center;
border: none;
}
#tabs {
border-bottom: 4px solid #6994a3;

View File

@ -235,7 +235,7 @@ a.readon span {
}
/* Main content area: top */
#js-topsection {
padding: 15px 0;
padding: 15px 0 0 0;
overflow: hidden;
}
.js-topnews {
@ -255,6 +255,9 @@ a.readon span {
padding: 10px;
}
/* Main content area: main*/
#main-container {
margin: 15px 0 0 0;
}
#js-maincol-fr {
float: right;
width: 725px;

View File

@ -62,6 +62,9 @@
color: #3d4e53;
padding-right: 5px;
}
.user-block4 {
margin-top: 7px;
}
img.user-avatar {
float: left;
margin-right: 10px;
@ -93,7 +96,7 @@ span.rounded {
display: inline-block;
}
span.rounded > span {
padding: 7px 10px;
padding: 7px 7px;
min-width: 15px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
@ -101,6 +104,12 @@ span.rounded > span {
text-align: center;
display: inline-block;
}
span.rounded > span .hovertext {
display: none;
}
span.rounded > span:hover .hovertext {
display: inline;
}
span.blue {
background: #a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 157 B

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -120,15 +120,15 @@
margin-top: 11px;
}
.btn_support a {
.btn_support input {
background:url("@{image-base}btn_bg.png") 0 0 no-repeat;
width:104px;
height:41px;
line-height:41px;
display:block;
color:#fff;
font-weight:bold;
text-align:center;
border:none;
}
}

View File

@ -252,7 +252,8 @@ a.readon {
/* Main content area: top */
#js-topsection {
padding:15px 0; overflow:hidden;
padding:15px 0 0 0;
overflow:hidden;
}
.js-topnews {
@ -274,6 +275,11 @@ a.readon {
}
/* Main content area: main*/
#main-container {
margin: 15px 0 0 0;
}
#js-maincol-fr {
float:right;
width:725px;

View File

@ -63,6 +63,10 @@
}
}
.user-block4 {
margin-top: 7px;
}
img.user-avatar {
float:left;
margin-right:10px;
@ -101,11 +105,19 @@ span.rounded {
display:inline-block;
> span {
padding:7px 10px;
padding:7px 7px;
min-width:15px;
.border-radius(5px, 5px, 5px, 5px);
text-align:center;
display:inline-block;
.hovertext {
display: none;
}
&:hover .hovertext {
display: inline;
}
}
}