Merge branch 'master' of github.com:Gluejar/regluit into goodreads
Conflicts: settings/dev.pypull/1/head
Raymond Yee
commit
96939b59b7
|
|
@ -0,0 +1,185 @@
|
|||
# encoding: utf-8
|
||||
import datetime
|
||||
from south.db import db
|
||||
from south.v2 import SchemaMigration
|
||||
from django.db import models
|
||||
|
||||
class Migration(SchemaMigration):
|
||||
|
||||
def forwards(self, orm):
|
||||
|
||||
# Adding model 'Claim'
|
||||
db.create_table('core_claim', (
|
||||
('id', self.gf('django.db.models.fields.AutoField')(primary_key=True)),
|
||||
('rights_holder', self.gf('django.db.models.fields.related.ForeignKey')(related_name='claim', to=orm['core.RightsHolder'])),
|
||||
('work', self.gf('django.db.models.fields.related.ForeignKey')(related_name='claim', to=orm['core.Work'])),
|
||||
('user', self.gf('django.db.models.fields.related.ForeignKey')(related_name='user', to=orm['auth.User'])),
|
||||
('created', self.gf('django.db.models.fields.DateTimeField')(auto_now_add=True, blank=True)),
|
||||
))
|
||||
db.send_create_signal('core', ['Claim'])
|
||||
|
||||
# Adding model 'RightsHolder'
|
||||
db.create_table('core_rightsholder', (
|
||||
('id', self.gf('django.db.models.fields.AutoField')(primary_key=True)),
|
||||
('email', self.gf('django.db.models.fields.CharField')(max_length=100, blank=True)),
|
||||
('rights_holder_name', self.gf('django.db.models.fields.CharField')(max_length=100, blank=True)),
|
||||
('owner', self.gf('django.db.models.fields.related.ForeignKey')(related_name='rights_holder', to=orm['auth.User'])),
|
||||
))
|
||||
db.send_create_signal('core', ['RightsHolder'])
|
||||
|
||||
|
||||
def backwards(self, orm):
|
||||
|
||||
# Deleting model 'Claim'
|
||||
db.delete_table('core_claim')
|
||||
|
||||
# Deleting model 'RightsHolder'
|
||||
db.delete_table('core_rightsholder')
|
||||
|
||||
|
||||
models = {
|
||||
'auth.group': {
|
||||
'Meta': {'object_name': 'Group'},
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'name': ('django.db.models.fields.CharField', [], {'unique': 'True', 'max_length': '80'}),
|
||||
'permissions': ('django.db.models.fields.related.ManyToManyField', [], {'to': "orm['auth.Permission']", 'symmetrical': 'False', 'blank': 'True'})
|
||||
},
|
||||
'auth.permission': {
|
||||
'Meta': {'ordering': "('content_type__app_label', 'content_type__model', 'codename')", 'unique_together': "(('content_type', 'codename'),)", 'object_name': 'Permission'},
|
||||
'codename': ('django.db.models.fields.CharField', [], {'max_length': '100'}),
|
||||
'content_type': ('django.db.models.fields.related.ForeignKey', [], {'to': "orm['contenttypes.ContentType']"}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'name': ('django.db.models.fields.CharField', [], {'max_length': '50'})
|
||||
},
|
||||
'auth.user': {
|
||||
'Meta': {'object_name': 'User'},
|
||||
'date_joined': ('django.db.models.fields.DateTimeField', [], {'default': 'datetime.datetime.now'}),
|
||||
'email': ('django.db.models.fields.EmailField', [], {'max_length': '75', 'blank': 'True'}),
|
||||
'first_name': ('django.db.models.fields.CharField', [], {'max_length': '30', 'blank': 'True'}),
|
||||
'groups': ('django.db.models.fields.related.ManyToManyField', [], {'to': "orm['auth.Group']", 'symmetrical': 'False', 'blank': 'True'}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'is_active': ('django.db.models.fields.BooleanField', [], {'default': 'True'}),
|
||||
'is_staff': ('django.db.models.fields.BooleanField', [], {'default': 'False'}),
|
||||
'is_superuser': ('django.db.models.fields.BooleanField', [], {'default': 'False'}),
|
||||
'last_login': ('django.db.models.fields.DateTimeField', [], {'default': 'datetime.datetime.now'}),
|
||||
'last_name': ('django.db.models.fields.CharField', [], {'max_length': '30', 'blank': 'True'}),
|
||||
'password': ('django.db.models.fields.CharField', [], {'max_length': '128'}),
|
||||
'user_permissions': ('django.db.models.fields.related.ManyToManyField', [], {'to': "orm['auth.Permission']", 'symmetrical': 'False', 'blank': 'True'}),
|
||||
'username': ('django.db.models.fields.CharField', [], {'unique': 'True', 'max_length': '30'})
|
||||
},
|
||||
'contenttypes.contenttype': {
|
||||
'Meta': {'ordering': "('name',)", 'unique_together': "(('app_label', 'model'),)", 'object_name': 'ContentType', 'db_table': "'django_content_type'"},
|
||||
'app_label': ('django.db.models.fields.CharField', [], {'max_length': '100'}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'model': ('django.db.models.fields.CharField', [], {'max_length': '100'}),
|
||||
'name': ('django.db.models.fields.CharField', [], {'max_length': '100'})
|
||||
},
|
||||
'core.author': {
|
||||
'Meta': {'object_name': 'Author'},
|
||||
'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
|
||||
'editions': ('django.db.models.fields.related.ManyToManyField', [], {'related_name': "'authors'", 'symmetrical': 'False', 'to': "orm['core.Edition']"}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'name': ('django.db.models.fields.CharField', [], {'max_length': '500'})
|
||||
},
|
||||
'core.campaign': {
|
||||
'Meta': {'object_name': 'Campaign'},
|
||||
'activated': ('django.db.models.fields.DateTimeField', [], {'null': 'True'}),
|
||||
'amazon_receiver': ('django.db.models.fields.CharField', [], {'max_length': '100', 'blank': 'True'}),
|
||||
'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
|
||||
'deadline': ('django.db.models.fields.DateTimeField', [], {}),
|
||||
'description': ('django.db.models.fields.TextField', [], {'null': 'True'}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'name': ('django.db.models.fields.CharField', [], {'max_length': '500', 'null': 'True'}),
|
||||
'paypal_receiver': ('django.db.models.fields.CharField', [], {'max_length': '100', 'blank': 'True'}),
|
||||
'suspended': ('django.db.models.fields.DateTimeField', [], {'null': 'True'}),
|
||||
'suspended_reason': ('django.db.models.fields.TextField', [], {'null': 'True', 'blank': 'True'}),
|
||||
'target': ('django.db.models.fields.DecimalField', [], {'null': 'True', 'max_digits': '14', 'decimal_places': '2'}),
|
||||
'withdrawn': ('django.db.models.fields.DateTimeField', [], {'null': 'True'}),
|
||||
'withdrawn_reason': ('django.db.models.fields.TextField', [], {'null': 'True', 'blank': 'True'}),
|
||||
'work': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'campaigns'", 'to': "orm['core.Work']"})
|
||||
},
|
||||
'core.claim': {
|
||||
'Meta': {'object_name': 'Claim'},
|
||||
'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'rights_holder': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'claim'", 'to': "orm['core.RightsHolder']"}),
|
||||
'user': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'user'", 'to': "orm['auth.User']"}),
|
||||
'work': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'claim'", 'to': "orm['core.Work']"})
|
||||
},
|
||||
'core.ebook': {
|
||||
'Meta': {'object_name': 'Ebook'},
|
||||
'edition': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'ebooks'", 'to': "orm['core.Edition']"}),
|
||||
'format': ('django.db.models.fields.CharField', [], {'max_length': '25'}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'provider': ('django.db.models.fields.CharField', [], {'max_length': '255'}),
|
||||
'rights': ('django.db.models.fields.CharField', [], {'max_length': '255', 'null': 'True'}),
|
||||
'url': ('django.db.models.fields.CharField', [], {'max_length': '1024'})
|
||||
},
|
||||
'core.edition': {
|
||||
'Meta': {'object_name': 'Edition'},
|
||||
'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
|
||||
'description': ('django.db.models.fields.TextField', [], {'default': "''", 'null': 'True'}),
|
||||
'googlebooks_id': ('django.db.models.fields.CharField', [], {'max_length': '50'}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'isbn_10': ('django.db.models.fields.CharField', [], {'max_length': '10', 'null': 'True'}),
|
||||
'isbn_13': ('django.db.models.fields.CharField', [], {'max_length': '13', 'null': 'True'}),
|
||||
'language': ('django.db.models.fields.CharField', [], {'max_length': '2', 'null': 'True'}),
|
||||
'oclc': ('django.db.models.fields.CharField', [], {'max_length': '25', 'null': 'True'}),
|
||||
'public_domain': ('django.db.models.fields.NullBooleanField', [], {'null': 'True', 'blank': 'True'}),
|
||||
'publication_date': ('django.db.models.fields.CharField', [], {'max_length': '50'}),
|
||||
'publisher': ('django.db.models.fields.CharField', [], {'max_length': '255'}),
|
||||
'title': ('django.db.models.fields.CharField', [], {'max_length': '1000'}),
|
||||
'work': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'editions'", 'null': 'True', 'to': "orm['core.Work']"})
|
||||
},
|
||||
'core.premium': {
|
||||
'Meta': {'object_name': 'Premium'},
|
||||
'amount': ('django.db.models.fields.DecimalField', [], {'max_digits': '10', 'decimal_places': '0'}),
|
||||
'campaign': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'premiums'", 'null': 'True', 'to': "orm['core.Campaign']"}),
|
||||
'description': ('django.db.models.fields.TextField', [], {'null': 'True'}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'type': ('django.db.models.fields.CharField', [], {'max_length': '2'})
|
||||
},
|
||||
'core.rightsholder': {
|
||||
'Meta': {'object_name': 'RightsHolder'},
|
||||
'email': ('django.db.models.fields.CharField', [], {'max_length': '100', 'blank': 'True'}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'owner': ('django.db.models.fields.related.ForeignKey', [], {'related_name': "'rights_holder'", 'to': "orm['auth.User']"}),
|
||||
'rights_holder_name': ('django.db.models.fields.CharField', [], {'max_length': '100', 'blank': 'True'})
|
||||
},
|
||||
'core.subject': {
|
||||
'Meta': {'object_name': 'Subject'},
|
||||
'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
|
||||
'editions': ('django.db.models.fields.related.ManyToManyField', [], {'related_name': "'subjects'", 'symmetrical': 'False', 'to': "orm['core.Edition']"}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'name': ('django.db.models.fields.CharField', [], {'max_length': '500'})
|
||||
},
|
||||
'core.userprofile': {
|
||||
'Meta': {'object_name': 'UserProfile'},
|
||||
'goodreads_auth_secret': ('django.db.models.fields.TextField', [], {'null': 'True', 'blank': 'True'}),
|
||||
'goodreads_auth_token': ('django.db.models.fields.TextField', [], {'null': 'True', 'blank': 'True'}),
|
||||
'goodreads_user_id': ('django.db.models.fields.CharField', [], {'max_length': '32', 'null': 'True', 'blank': 'True'}),
|
||||
'goodreads_user_link': ('django.db.models.fields.CharField', [], {'max_length': '200', 'null': 'True', 'blank': 'True'}),
|
||||
'goodreads_user_name': ('django.db.models.fields.CharField', [], {'max_length': '200', 'null': 'True', 'blank': 'True'}),
|
||||
'home_url': ('django.db.models.fields.URLField', [], {'max_length': '200', 'blank': 'True'}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'tagline': ('django.db.models.fields.CharField', [], {'max_length': '140', 'blank': 'True'}),
|
||||
'twitter_id': ('django.db.models.fields.CharField', [], {'max_length': '15', 'blank': 'True'}),
|
||||
'user': ('django.db.models.fields.related.OneToOneField', [], {'related_name': "'profile'", 'unique': 'True', 'to': "orm['auth.User']"})
|
||||
},
|
||||
'core.wishlist': {
|
||||
'Meta': {'object_name': 'Wishlist'},
|
||||
'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'user': ('django.db.models.fields.related.OneToOneField', [], {'related_name': "'wishlist'", 'unique': 'True', 'to': "orm['auth.User']"}),
|
||||
'works': ('django.db.models.fields.related.ManyToManyField', [], {'related_name': "'wishlists'", 'symmetrical': 'False', 'to': "orm['core.Work']"})
|
||||
},
|
||||
'core.work': {
|
||||
'Meta': {'object_name': 'Work'},
|
||||
'created': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
|
||||
'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
|
||||
'openlibrary_id': ('django.db.models.fields.CharField', [], {'max_length': '50', 'null': 'True'}),
|
||||
'title': ('django.db.models.fields.CharField', [], {'max_length': '1000'})
|
||||
}
|
||||
}
|
||||
|
||||
complete_apps = ['core']
|
||||
|
|
@ -9,6 +9,17 @@ from django.contrib.auth.models import User
|
|||
class UnglueitError(RuntimeError):
|
||||
pass
|
||||
|
||||
class Claim(models.Model):
|
||||
rights_holder = models.ForeignKey("RightsHolder", related_name="claim", null=False )
|
||||
work = models.ForeignKey("Work", related_name="claim", null=False )
|
||||
user = models.ForeignKey(User, related_name="user", null=False )
|
||||
created = models.DateTimeField(auto_now_add=True)
|
||||
|
||||
class RightsHolder(models.Model):
|
||||
email = models.CharField(max_length=100, blank=True)
|
||||
rights_holder_name = models.CharField(max_length=100, blank=True)
|
||||
owner = models.ForeignKey(User, related_name="rights_holder", null=False )
|
||||
|
||||
class Premium(models.Model):
|
||||
PREMIUM_TYPES = ((u'00', u'Default'),(u'CU', u'Custom'))
|
||||
type = models.CharField(max_length=2, choices=PREMIUM_TYPES)
|
||||
|
|
@ -160,6 +171,19 @@ class Work(models.Model):
|
|||
status = percent;
|
||||
return status;
|
||||
|
||||
def first_pdf(self):
|
||||
return self.first_ebook('pdf')
|
||||
|
||||
def first_epub(self):
|
||||
return self.first_ebook('epub')
|
||||
|
||||
def first_ebook(self, ebook_format=None):
|
||||
for edition in self.editions.all():
|
||||
for ebook in edition.ebooks.all():
|
||||
if ebook_format == None or ebook.format == ebook_format:
|
||||
return ebook
|
||||
return None
|
||||
|
||||
def __unicode__(self):
|
||||
return self.title
|
||||
|
||||
|
|
@ -237,6 +261,5 @@ class UserProfile(models.Model):
|
|||
goodreads_auth_secret = models.TextField(null=True, blank=True)
|
||||
goodreads_user_link = models.CharField(max_length=200, null=True, blank=True)
|
||||
|
||||
|
||||
from regluit.core import signals
|
||||
from regluit.payment.manager import PaymentManager
|
||||
|
|
|
|||
|
|
@ -7,8 +7,6 @@ def gluejar_search(q):
|
|||
results = []
|
||||
|
||||
for item in googlebooks_search(q)['items']:
|
||||
# TODO: better to think in terms of editions with titles
|
||||
# instead of titles with names?
|
||||
v = item['volumeInfo']
|
||||
r = {'title': v.get('title', ""),
|
||||
'description': v.get('description', ""),
|
||||
|
|
@ -32,10 +30,18 @@ def gluejar_search(q):
|
|||
|
||||
# cover image
|
||||
if v.has_key('imageLinks'):
|
||||
r['image'] = v['imageLinks'].get('smallThumbnail', "")
|
||||
r['image'] = v['imageLinks'].get('thumbnail', "")
|
||||
else:
|
||||
r['image'] = ""
|
||||
|
||||
access_info = item.get('accessInfo')
|
||||
if access_info:
|
||||
epub = access_info.get('epub')
|
||||
if epub and epub.get('downloadLink'):
|
||||
r['epub'] = epub['downloadLink']
|
||||
pdf = access_info.get('pdf')
|
||||
if pdf and pdf.get('downloadLink'):
|
||||
r['pdf'] = pdf['downloadLink']
|
||||
results.append(r)
|
||||
|
||||
return results
|
||||
|
|
|
|||
|
|
@ -121,6 +121,10 @@ class TestBookLoader(TestCase):
|
|||
self.assertEqual(ebook_pdf.url, 'http://books.google.com/books/download/The_Latin_language.pdf?id=U3FXAAAAYAAJ&ie=ISO-8859-1&output=pdf&sig=ACfU3U2yLt3nmTncB8ozxOWUc4iHKUznCA&source=gbs_api')
|
||||
self.assertEqual(ebook_pdf.provider, 'google')
|
||||
|
||||
w = edition.work
|
||||
self.assertEqual(w.first_epub().url, "http://books.google.com/books/download/The_Latin_language.epub?id=U3FXAAAAYAAJ&ie=ISO-8859-1&output=epub&source=gbs_api")
|
||||
self.assertEqual(w.first_pdf().url, "http://books.google.com/books/download/The_Latin_language.pdf?id=U3FXAAAAYAAJ&ie=ISO-8859-1&output=pdf&sig=ACfU3U2yLt3nmTncB8ozxOWUc4iHKUznCA&source=gbs_api")
|
||||
|
||||
def test_add_no_ebook(self):
|
||||
# this edition lacks an ebook, but we should still be able to load it
|
||||
e = bookloader.add_by_isbn('0465019358')
|
||||
|
|
|
|||
|
|
@ -42,18 +42,8 @@ class UserData(forms.Form):
|
|||
raise forms.ValidationError(_("Your username is already "+oldusername))
|
||||
|
||||
class CampaignPledgeForm(forms.Form):
|
||||
pledge_amount = forms.DecimalField(initial=D('0.00'), min_value=D('0.00'), max_value=D('10000.00'), decimal_places=2)
|
||||
preapproval_amount = forms.DecimalField(initial=D('20.00'), min_value=D('0.00'), max_value=D('10000.00'), decimal_places=2)
|
||||
anonymous = forms.BooleanField(required=False, label="Don't display my username in the supporters list")
|
||||
def clean(self):
|
||||
# force a choice: only one of pledge_amount and pre_approval can be non-zero.
|
||||
cleaned_data = self.cleaned_data
|
||||
pledge_amount = cleaned_data.get("pledge_amount")
|
||||
preapproval_amount = cleaned_data.get("preapproval_amount")
|
||||
if pledge_amount > D('0.00') and preapproval_amount > D('0.00'):
|
||||
raise forms.ValidationError("Only one of pledge_amount and pre_approval can be non-zero.")
|
||||
|
||||
return cleaned_data
|
||||
|
||||
class GoodreadsShelfLoadingForm(forms.Form):
|
||||
goodreads_shelf_name = forms.CharField(widget=forms.Select(choices=(
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
<a href="/"><img src="/static/images/logo.png" alt="unglue.it" title="unglue.it" /></a>
|
||||
</div>
|
||||
{% if not suppress_search_box %}
|
||||
<div class="js-search" style="float: left; margin-left: 50px;">
|
||||
<div class="js-search">
|
||||
<div class="js-search-inner">
|
||||
<form action="{% url search %}" method="get">
|
||||
<input type="text" placeholder="Search for a book..." size="25" class="inputbox" name="q" value="{{ q }}">
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
|
||||
var update_number_of_books = function (){
|
||||
|
||||
$.ajax({url:'/api/v1/wishlist/1/',
|
||||
$.ajax({url:'/api/v1/wishlist/{{user.wishlist.id}}/',
|
||||
data: {format:'json',
|
||||
api_key:'{{api_key}}',
|
||||
username: '{{user.username}}'},
|
||||
|
|
|
|||
|
|
@ -0,0 +1,63 @@
|
|||
{% extends "basedocumentation.html" %}
|
||||
|
||||
{% block title %}Pledge{% endblock %}
|
||||
|
||||
{% block extra_head %}
|
||||
<link type="text/css" rel="stylesheet" href="/static/css/campaign.css" />
|
||||
{% endblock %}
|
||||
|
||||
{% block doccontent %}
|
||||
<h1>Pledge Page</h1>
|
||||
<h2>Campaign: {{campaign.name}}</h2>
|
||||
<p>Wonderful: We're glad that you would like to support this campaign.</p>
|
||||
|
||||
<div class="book-detail">
|
||||
<div class="book-detail-img"><a href="#">
|
||||
<img src="{{ work.cover_image_thumbnail }}" alt="{{ work.title }}" title="{{ work.title }}" width="131" height="192" /></a>
|
||||
</div>
|
||||
<div class="book-detail-info">
|
||||
<h2 class="book-name">{{ work.title }}</h2>
|
||||
<h3 class="book-author">{{ work.author }}</h3>
|
||||
<h3 class="book-year">{{ work.editions.all.0.publication_date }}</h3>
|
||||
<div class="find-book">
|
||||
<label>Find it here</label>
|
||||
<!-- todo: these should be a real thing -->
|
||||
<div class="find-link">
|
||||
<a class="find-google" href="#"><img src="/static/images/icons/google.png" align="" title="" /></a>
|
||||
<a class="find-group" href="#"><img src="/static/images/icons/group.png" align="" title="" /></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pledged-info"><div class="pledged-group">{{ work.last_campaign.supporters.count }} Ungluers have pledged ${{ work.last_campaign.current_total }}</div><div class="status"><img src="/static/images/images/icon-book-37by25-{{ work.percent_unglued }}.png" /></div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="jsmodule rounded">
|
||||
<div class="jsmod-content">
|
||||
Campaign in Progress: ${{ work.last_campaign.current_total }}/${{ work.last_campaign.target }}
|
||||
</div>
|
||||
|
||||
<form method="POST" action="{% url campaign_by_id pk=campaign.id %}">
|
||||
{% csrf_token %}
|
||||
{{form.as_p}}
|
||||
<input type="submit" value="Pledge" />
|
||||
</form>
|
||||
|
||||
<b>{{request.GET.premium_id}}</b>
|
||||
|
||||
<div class="jsmod-content">
|
||||
<form action="#">
|
||||
<ul class="support menu">
|
||||
{% for premium in premiums %}
|
||||
<li class="{% if forloop.first %}first{% else %}{% if forloop.last %}last{% endif %}{% endif %}">
|
||||
<input type="radio" name="premium_radio" value="{{premium.id}}" {% ifequal request.GET.premium_id premium.id %}checked="checked"{% endifequal %}" />
|
||||
<span class="menu-item-price">${{ premium.amount }}</span>
|
||||
<span class="menu-item-desc">{{ premium.description }}</span>
|
||||
</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
|
|
@ -1,8 +1,23 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block extra_head %}
|
||||
<script type="text/javascript" src="/static/js/wishlist.js"></script>
|
||||
<link rel="stylesheet" href="/static/css/book_list.css">
|
||||
<link rel="stylesheet" href="/static/css/book_panel.css">
|
||||
|
||||
<script type="text/javascript" src="/static/js/wishlist.js"></script>
|
||||
|
||||
<!-- Beware of fadeIn/fadeOut jQuery animations; they add an inline "display: block"
|
||||
which overrides display: none in the stylesheet. Sneaky! -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$('#toggle-list').click(function(){
|
||||
$('div.panelview').addClass("listview").removeClass("panelview");
|
||||
});
|
||||
$('#toggle-panel').click(function(){
|
||||
$('div.listview').addClass("panelview").removeClass("listview");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
{% block title %}Search Results{% endblock %}
|
||||
|
|
@ -22,39 +37,35 @@
|
|||
<ul class="book-list-view">
|
||||
<li>View As:</li>
|
||||
<li class="view-list">
|
||||
<a href="#view-list">
|
||||
<a href="#" id="toggle-list">
|
||||
<img src="/static/images/booklist/view-list.png" align="view list" title="view list" height="21" width="24" />
|
||||
</a>
|
||||
</li>
|
||||
<li class="view-list">
|
||||
<a href="#view-icon">
|
||||
<a href="#" id="toggle-panel">
|
||||
<img src="/static/images/booklist/view-icon.png" align="view icon" title="view icon" height="22" width="22" />
|
||||
</a>
|
||||
</li>
|
||||
<li class="view-list">
|
||||
<a href="#view-icon-small">
|
||||
<img src="/static/images/booklist/view-small-icon.png" align="view icon small" title="view icon small" height="22" width="22" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content-block-content">
|
||||
{% for result in results %}
|
||||
<div class="book-list {% cycle 'row1' 'row2' %}">
|
||||
<div class="book-thumb">
|
||||
<div class="listview tabs tabs-1">
|
||||
<div class="listview book-list {% cycle 'row1' 'row2' %}">
|
||||
<div class="listview book-thumb">
|
||||
<a href="#"><img src="{{ result.image }}" alt="{{ result.title }}" title="{{ result.title }}" /></a>
|
||||
</div>
|
||||
<div class="book-name">
|
||||
<div class="listview book-name">
|
||||
<span>
|
||||
{{ result.title }}
|
||||
</span>
|
||||
</div>
|
||||
{% if request.user.is_anonymous %}
|
||||
<div class="create-account">
|
||||
<div class="listview create-account">
|
||||
<span>Add to Wishlist</span>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="add-wishlist">
|
||||
<div class="listview add-wishlist">
|
||||
{% if result.on_wishlist %}
|
||||
<span class="on-wishlist">On Your Wishlist!</span>
|
||||
{% else %}
|
||||
|
|
@ -62,12 +73,26 @@
|
|||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="booklist-status">
|
||||
<div class="listview booklist-status">
|
||||
<span class="booklist-status-text">Status: In Progress</span>
|
||||
</div>
|
||||
<div class="listview icons">
|
||||
<span class="booklist-status-img">
|
||||
<img src="/static/images/booklist/icon1.png" title="book list status" alt="book list status" />
|
||||
<img src="/static/images/images/icon-book-37by25-4.png" title="book list status" alt="book list status" />
|
||||
</span>
|
||||
</div>
|
||||
<div class="listview ebooks">
|
||||
{% if result.epub %}
|
||||
<span class="boolist-ebook">
|
||||
<a href="{{ result.epub }}">epub</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
{% if result.pdf %}
|
||||
<span class="boolist-ebook">
|
||||
<a href="{{ result.pdf }}">pdf</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="unglue-this none">
|
||||
<div class="unglue-this-inner1">
|
||||
<div class="unglue-this-inner2">
|
||||
|
|
@ -75,6 +100,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -262,7 +262,7 @@ how do I integrate the your wishlist thing with the tabs thing?
|
|||
</span>
|
||||
</div>
|
||||
<div class="listview author">
|
||||
<span id="{{ work.author }}">James K. Polk</span>
|
||||
<span id="{{ work.author }}">{{ work.author }}</span>
|
||||
</div>
|
||||
{% ifequal supporter request.user %}
|
||||
<div class="listview remove-wishlist">
|
||||
|
|
@ -291,6 +291,18 @@ how do I integrate the your wishlist thing with the tabs thing?
|
|||
<div class="booklist-status-label">100%</div>
|
||||
<div class="right_add"><img src="/static/images/book-panel/add_gray.png" border="0" /></div>
|
||||
</div>
|
||||
<div class="listview ebooks">
|
||||
{% if work.first_epub %}
|
||||
<span class="boolist-ebook">
|
||||
<a href="{{ work.first_epub.url }}">epub</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
{% if work.first_pdf %}
|
||||
<span class="boolist-ebook">
|
||||
<a href="{{ work.first_pdf.url }}">pdf</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="unglue-this none">
|
||||
<div class="unglue-this-inner1">
|
||||
<div class="unglue-this-inner2">
|
||||
|
|
|
|||
|
|
@ -85,7 +85,8 @@ Campaign for WORK TITLE GOES HERE
|
|||
</div>
|
||||
</div>
|
||||
<div class="pledged-info"><div class="pledged-group">{{ work.last_campaign.supporters.count }} Ungluers have pledged ${{ work.last_campaign.current_total }}</div><div class="status"><img src="/static/images/images/icon-book-37by25-{{ work.percent_unglued }}.png" /></div></div>
|
||||
<div class="btn_support"><a href="#">Support</a></div>
|
||||
<!--<div class="btn_support"><a href="#">Support</a></div> -->
|
||||
<div class="btn_support"><form action="{% url pledge work_id=work.id %}" method="get"><input type="submit" value="Support"/></form></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- needed to put 10px padding on this for supporter page but hurts here. disentangle. -->
|
||||
|
|
@ -150,9 +151,9 @@ Campaign for WORK TITLE GOES HERE
|
|||
<div class="jsmod-content">
|
||||
<ul class="support menu">
|
||||
{% for premium in premiums %}
|
||||
<li class="{% if forloop.first %}first{% else %}{% if forloop.last %}last{% endif %}{% endif %}"><a href="">
|
||||
<li class="{% if forloop.first %}first{% else %}{% if forloop.last %}last{% endif %}{% endif %}"><a href="{% url pledge work_id=work.id %}?premium_id={{premium.id}}">
|
||||
<span class="menu-item-price">${{ premium.amount }}</span>
|
||||
<span class="menu-item-desc">${{ premium.description }}</span>
|
||||
<span class="menu-item-desc">{{ premium.description }}</span>
|
||||
</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -29,4 +29,5 @@ urlpatterns = patterns(
|
|||
url(r"^stub/", "stub", name="stub"),
|
||||
url(r"^work/(?P<work_id>\d+)/$", "work", name="work"),
|
||||
url(r"^setup/work/(?P<work_id>\d+)/$", "work", {'action':'setup_campaign'}, name="setup_campaign"),
|
||||
url(r"^pledge/(?P<work_id>\d+)/$", "pledge", name="pledge")
|
||||
)
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
import logging
|
||||
from decimal import Decimal as D
|
||||
|
||||
from django.db.models import Q
|
||||
from django.conf import settings
|
||||
from django.contrib.auth.models import User
|
||||
from django.core.urlresolvers import reverse
|
||||
|
|
@ -40,21 +41,33 @@ def home(request):
|
|||
return render(request, 'home.html', {'suppress_search_box': True})
|
||||
|
||||
def stub(request):
|
||||
path = request.path[6:]
|
||||
path = request.path[6:] # get rid of /stub/
|
||||
return render(request,'stub.html', {'path': path})
|
||||
|
||||
def work(request, work_id, action='display'):
|
||||
work = get_object_or_404(models.Work, id=work_id)
|
||||
campaign = work.last_campaign()
|
||||
if campaign:
|
||||
premiums = campaign.premiums.all()
|
||||
if premiums.count() == 0:
|
||||
premiums = models.Premium.objects.filter(campaign__isnull=True)
|
||||
q = Q(campaign=campaign) | Q(campaign__isnull=True)
|
||||
premiums = models.Premium.objects.filter(q)
|
||||
else:
|
||||
premiums = None
|
||||
if action == 'setup_campaign':
|
||||
return render(request, 'setup_campaign.html', {'work': work})
|
||||
else:
|
||||
return render(request, 'work.html', {'work': work, 'premiums': premiums})
|
||||
|
||||
|
||||
def pledge(request,work_id):
|
||||
work = get_object_or_404(models.Work, id=work_id)
|
||||
campaign = work.last_campaign()
|
||||
if campaign:
|
||||
premiums = campaign.premiums.all()
|
||||
if premiums.count() == 0:
|
||||
premiums = models.Premium.objects.filter(campaign__isnull=True)
|
||||
form = CampaignPledgeForm()
|
||||
return render(request,'pledge.html',{'work':work,'campaign':campaign, 'premiums':premiums, 'form':form})
|
||||
|
||||
def supporter(request, supporter_username, template_name):
|
||||
supporter = get_object_or_404(User, username=supporter_username)
|
||||
wishlist = supporter.wishlist
|
||||
|
|
@ -190,7 +203,6 @@ class CampaignFormView(FormView):
|
|||
|
||||
def form_valid(self,form):
|
||||
pk = self.kwargs["pk"]
|
||||
pledge_amount = form.cleaned_data["pledge_amount"]
|
||||
preapproval_amount = form.cleaned_data["preapproval_amount"]
|
||||
anonymous = form.cleaned_data["anonymous"]
|
||||
|
||||
|
|
|
|||
|
|
@ -93,7 +93,4 @@ FREEBASE_USERNAME = ''
|
|||
FREEBASE_PASSWORD = ''
|
||||
|
||||
# send celery log to Python logging
|
||||
# http://stackoverflow.com/questions/6940987/django-celery-use-python-standard-logging-in-celery
|
||||
# http://ask.github.com/celery/configuration.html#std:setting-CELERYD_HIJACK_ROOT_LOGGER
|
||||
CELERYD_HIJACK_ROOT_LOGGER = False
|
||||
|
||||
|
|
|
|||
|
|
@ -1,203 +1,31 @@
|
|||
.header-text {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
.panelborders {
|
||||
border-width: 1px 0px;
|
||||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
div.book-list.listview {
|
||||
clear: both;
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
height: 43px;
|
||||
line-height: 43px;
|
||||
margin: 0 5px 0 0;
|
||||
padding: 7px 0;
|
||||
}
|
||||
div.book-list.listview.row1 {
|
||||
background: #f6f9f9;
|
||||
}
|
||||
div.book-list.listview.row2 {
|
||||
background: #fff;
|
||||
}
|
||||
div.book-list.listview div.unglue-this {
|
||||
float: left;
|
||||
}
|
||||
div.book-list.listview div.book-thumb {
|
||||
margin-right: 5px;
|
||||
float: left;
|
||||
}
|
||||
div.book-list.listview div.book-name {
|
||||
width: 260px;
|
||||
margin-right: 10px;
|
||||
background: url("../images/booklist/booklist-vline.png") right center no-repeat;
|
||||
float: left;
|
||||
}
|
||||
div.book-list.listview div.book-name span {
|
||||
display: block;
|
||||
line-height: normal;
|
||||
height: 43px;
|
||||
line-height: 43px;
|
||||
}
|
||||
div.book-list.listview div.add-wishlist, div.book-list.listview div.remove-wishlist {
|
||||
margin-right: 10px;
|
||||
padding-right: 10px;
|
||||
background: url("../images/booklist/booklist-vline.png") right center no-repeat;
|
||||
float: left;
|
||||
}
|
||||
div.book-list.listview div.add-wishlist a, div.book-list.listview div.remove-wishlist a {
|
||||
font-weight: normal;
|
||||
color: #3d4e53;
|
||||
text-transform: none;
|
||||
background: url("../images/booklist/add-wishlist.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
div.book-list.listview div.booklist-status {
|
||||
margin-right: 7px;
|
||||
float: left;
|
||||
}
|
||||
.booklist-status.listview span.booklist-status-label {
|
||||
display: none;
|
||||
}
|
||||
.booklist-status.listview span.booklist-status-text {
|
||||
float: left;
|
||||
display: block;
|
||||
padding-right: 5px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
div.unglue-this a {
|
||||
text-transform: uppercase;
|
||||
color: #3d4e53;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
div.unglue-this.complete .unglue-this-inner1 {
|
||||
background: url("/static/images/booklist/bg.png") 0 -84px no-repeat;
|
||||
height: 42px;
|
||||
}
|
||||
div.unglue-this.complete .unglue-this-inner2 {
|
||||
background: url("/static/images/booklist/bg.png") 100% -126px no-repeat;
|
||||
margin-left: 29px;
|
||||
height: 42px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
div.unglue-this.complete a {
|
||||
color: #fff;
|
||||
display: block;
|
||||
}
|
||||
div.unglue-this.processing .unglue-this-inner1 {
|
||||
background: url("/static/images/booklist/bg.png") 0 0 no-repeat;
|
||||
height: 42px;
|
||||
}
|
||||
div.unglue-this.processing .unglue-this-inner2 {
|
||||
background: url("/static/images/booklist/bg.png") 100% -42px no-repeat;
|
||||
margin-left: 25px;
|
||||
height: 42px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
ul.book-list-view {
|
||||
padding: 0;
|
||||
margin: 15px;
|
||||
float: right;
|
||||
list-style: none;
|
||||
}
|
||||
ul.book-list-view li {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
line-height: 22px;
|
||||
}
|
||||
div.navigation {
|
||||
float: left;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
color: #37414d;
|
||||
}
|
||||
ul.navigation {
|
||||
float: right;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
ul.navigation li {
|
||||
float: left;
|
||||
line-height: normal;
|
||||
margin-right: 5px;
|
||||
}
|
||||
ul.navigation li a {
|
||||
color: #37414d;
|
||||
font-weight: normal;
|
||||
}
|
||||
ul.navigation li.arrow-l a {
|
||||
background: url("/static/images/booklist/bg.png") 0 -168px no-repeat;
|
||||
width: 10px;
|
||||
height: 15px;
|
||||
display: block;
|
||||
text-indent: -10000px;
|
||||
}
|
||||
ul.navigation li.arrow-r a {
|
||||
background: url("/static/images/booklist/bg.png") -1px -185px no-repeat;
|
||||
width: 10px;
|
||||
height: 15px;
|
||||
display: block;
|
||||
text-indent: -10000px;
|
||||
}
|
||||
ul.navigation li a:hover, ul.navigation li.active a {
|
||||
color: #8ac3d7;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.unglue-button {
|
||||
display: block;
|
||||
border: 0;
|
||||
}
|
||||
.book-thumb.listview a {
|
||||
display: block;
|
||||
height: 50px;
|
||||
width: 32px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.book-thumb.listview a:hover {
|
||||
overflow: visible;
|
||||
z-index: 1000;
|
||||
border: none;
|
||||
}
|
||||
.book-thumb.listview a img {
|
||||
position: absolute;
|
||||
/* the excerpt you get looks cooler if you select from the middle, but
|
||||
the popup version doesn't extend past the containing div's boundaries,
|
||||
so the positioned part is cut off.
|
||||
top:-20px;
|
||||
left:-50px;
|
||||
*/
|
||||
|
||||
}
|
||||
.listview.author {
|
||||
display: none;
|
||||
}
|
||||
.listview.icons {
|
||||
float: left;
|
||||
}
|
||||
.listview.icons .booklist-status-img {
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
background-color: #fff;
|
||||
margin-top: 4px;
|
||||
height: 37px;
|
||||
}
|
||||
.listview.icons .booklist-status-img img {
|
||||
padding: 5px;
|
||||
}
|
||||
.listview.icons .booklist-status-label, .listview.icons .right_add {
|
||||
display: none;
|
||||
}
|
||||
.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
|
||||
.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
|
||||
div.book-list.listview{clear:both;display:block;vertical-align:middle;height:43px;line-height:43px;margin:0 5px 0 0;padding:7px 0;position:relative;}div.book-list.listview.row1{background:#f6f9f9;}
|
||||
div.book-list.listview.row2{background:#fff;}
|
||||
div.book-list.listview div.unglue-this{float:left;}
|
||||
div.book-list.listview div.book-thumb{margin-right:5px;float:left;}
|
||||
div.book-list.listview div.book-name{width:260px;margin-right:10px;background:url("../images/booklist/booklist-vline.png") right center no-repeat;float:left;overflow:hidden;}div.book-list.listview div.book-name:hover{z-index:1000;overflow:visible;}
|
||||
div.book-list.listview div.book-name span{display:block;line-height:normal;height:43px;line-height:43px;}
|
||||
div.book-list.listview div.add-wishlist,div.book-list.listview div.remove-wishlist{margin-right:10px;padding-right:10px;background:url("../images/booklist/booklist-vline.png") right center no-repeat;float:left;}div.book-list.listview div.add-wishlist a,div.book-list.listview div.remove-wishlist a{font-weight:normal;color:#3d4e53;text-transform:none;background:url("../images/booklist/add-wishlist.png") left center no-repeat;padding-left:20px;}
|
||||
div.book-list.listview div.booklist-status{margin-right:7px;float:left;}
|
||||
.booklist-status.listview span.booklist-status-label{display:none;}
|
||||
.booklist-status.listview span.booklist-status-text{float:left;display:block;padding-right:5px;text-transform:capitalize;}
|
||||
div.unglue-this a{text-transform:uppercase;color:#3d4e53;font-size:11px;font-weight:bold;}
|
||||
div.unglue-this.complete .unglue-this-inner1{background:url("/static/images/booklist/bg.png") 0 -84px no-repeat;height:42px;}
|
||||
div.unglue-this.complete .unglue-this-inner2{background:url("/static/images/booklist/bg.png") 100% -126px no-repeat;margin-left:29px;height:42px;padding-right:10px;}
|
||||
div.unglue-this.complete a{color:#fff;display:block;}
|
||||
div.unglue-this.processing .unglue-this-inner1{background:url("/static/images/booklist/bg.png") 0 0 no-repeat;height:42px;}
|
||||
div.unglue-this.processing .unglue-this-inner2{background:url("/static/images/booklist/bg.png") 100% -42px no-repeat;margin-left:25px;height:42px;padding-right:10px;}
|
||||
ul.book-list-view{padding:0;margin:15px;float:right;list-style:none;}ul.book-list-view li{float:left;margin-right:10px;display:block;vertical-align:middle;line-height:22px;}
|
||||
div.navigation{float:left;clear:both;width:100%;color:#37414d;}
|
||||
ul.navigation{float:right;padding:0;margin:0;list-style:none;}ul.navigation li{float:left;line-height:normal;margin-right:5px;}ul.navigation li a{color:#37414d;font-weight:normal;}
|
||||
ul.navigation li.arrow-l a{background:url("/static/images/booklist/bg.png") 0 -168px no-repeat;width:10px;height:15px;display:block;text-indent:-10000px;}
|
||||
ul.navigation li.arrow-r a{background:url("/static/images/booklist/bg.png") -1px -185px no-repeat;width:10px;height:15px;display:block;text-indent:-10000px;}
|
||||
ul.navigation li a:hover,ul.navigation li.active a{color:#8ac3d7;text-decoration:underline;}
|
||||
.unglue-button{display:block;border:0;}
|
||||
.book-thumb.listview a{display:block;height:50px;width:32px;overflow:hidden;position:relative;z-index:1;}.book-thumb.listview a:hover{overflow:visible;z-index:1000;border:none;}
|
||||
.book-thumb.listview a img{position:absolute;}
|
||||
.listview.author{display:none;}
|
||||
.listview.icons{position:absolute;right:31px;}.listview.icons .booklist-status-img{-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;background-color:#fff;margin-top:4px;height:37px;}.listview.icons .booklist-status-img img{padding:5px;}
|
||||
.listview.icons .booklist-status-label,.listview.icons .right_add{display:none;}
|
||||
div.content-block-content{padding-bottom:200px;}
|
||||
|
|
|
|||
|
|
@ -1,455 +1,50 @@
|
|||
.header-text {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
.panelborders {
|
||||
border-width: 1px 0px;
|
||||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.greenpanelstuff {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
width: 120px;
|
||||
line-height: 16px;
|
||||
}
|
||||
.greenpanelactionborders {
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
}
|
||||
.panelhoverlink {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
|
||||
.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
|
||||
.greenpanelstuff{font-family:Arial,Helvetica,sans-serif;font-size:12px;width:120px;line-height:16px;}
|
||||
.greenpanelactionborders{border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;}
|
||||
.panelhoverlink{text-decoration:none;color:#3d4e53;}
|
||||
@charset "utf-8";
|
||||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
/*main_Css*/
|
||||
#main-wrapper {
|
||||
height: 100%;
|
||||
width: 725px;
|
||||
margin: 0px;
|
||||
padding: 0px 0px;
|
||||
}
|
||||
.panelview.tabs {
|
||||
padding: 5px 0px;
|
||||
margin: 0px;
|
||||
width: 142px;
|
||||
float: left;
|
||||
}
|
||||
.panelview.tabs span.active {
|
||||
padding: 15px;
|
||||
margin: 15px 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.panelview.book-list {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
width: 120px;
|
||||
line-height: 16px;
|
||||
margin: auto;
|
||||
padding: 0px 5px 5px 5px;
|
||||
height: 300px;
|
||||
background-color: #ffffff;
|
||||
color: #3d4e53;
|
||||
border: 5px solid #edf3f4;
|
||||
position: relative;
|
||||
/* might need this for panel hover state; don't want it for nonhover. hm.
|
||||
a {
|
||||
color: @dark-green;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: @green;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
}
|
||||
.panelview.book-list:hover {
|
||||
color: #3d4e53;
|
||||
}
|
||||
.panelview.book-list img {
|
||||
padding: 5px 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
.panelview.remove-wishlist,
|
||||
.panelview.on-wishlist,
|
||||
.panelview.create-account,
|
||||
.panelview.add-wishlist {
|
||||
display: none;
|
||||
}
|
||||
.panelview.book-name, .panelview.author {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.panelview.booklist-status {
|
||||
color: #8dc63f;
|
||||
text-align: left;
|
||||
}
|
||||
.panelview.booklist-status .booklist-status-label {
|
||||
float: left;
|
||||
font-weight: bold;
|
||||
}
|
||||
.panelview.icons {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
width: 140px;
|
||||
}
|
||||
.panelview.icons .booklist-status-img {
|
||||
float: left;
|
||||
}
|
||||
.panelview.icons .booklist-status-label {
|
||||
position: absolute;
|
||||
color: #8dc63f;
|
||||
padding-left: 5px;
|
||||
left: 40px;
|
||||
bottom: 5px;
|
||||
}
|
||||
.panelview.icons .right_add {
|
||||
float: right;
|
||||
padding: 10px 10px 0 0;
|
||||
width: 24px;
|
||||
}
|
||||
/*2 start*/
|
||||
.greenpanel2 {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
width: 120px;
|
||||
line-height: 16px;
|
||||
margin: 0px auto;
|
||||
padding: 10px;
|
||||
height: 295px;
|
||||
background-color: #8dc63f;
|
||||
color: #ffffff;
|
||||
position: relative;
|
||||
}
|
||||
.unglued_white {
|
||||
font-size: 12px;
|
||||
margin: 0px auto;
|
||||
margin-bottom: 5px;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
.read_itbutton {
|
||||
width: 118px;
|
||||
height: 35px;
|
||||
padding: 0px 0px;
|
||||
background: #FFFFFF;
|
||||
margin: 0px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
border: 1px solid #81bb38;
|
||||
}
|
||||
.read_itbutton a {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background: url(/static/images/book-panel/book_icon.png) no-repeat left center;
|
||||
padding: 0px 0px 0px 30px;
|
||||
color: #73a334;
|
||||
}
|
||||
.read_itbutton a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.add_towish {
|
||||
width: 125px;
|
||||
height: 30px;
|
||||
padding: 0px 0px;
|
||||
margin: 15px auto;
|
||||
}
|
||||
.add_towish a {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background-image: url(/static/images/book-panel/add_wish_icon.png);
|
||||
padding: 8px 5px 8px 21px;
|
||||
color: #FFFFFF;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
}
|
||||
.add_towish a:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.white_text {
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
padding: 17px 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
.white_text a {
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
.white_text a:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
/*more info*/
|
||||
.moreinfo {
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px;
|
||||
margin: 15px 0 0;
|
||||
}
|
||||
.moreinfo a {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background-image: url(/static/images/book-panel/more_icon.png);
|
||||
padding: 8px 42px 8px 20px;
|
||||
padding-left: 20px;
|
||||
color: #FFFFFF;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
}
|
||||
.moreinfo a:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
/*end of the more info/*
|
||||
/*end the 2greenpanel*/
|
||||
/*2 start*/
|
||||
.graypanel {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
margin: 20px auto;
|
||||
padding: 4px 5px;
|
||||
height: 300px;
|
||||
width: 130px;
|
||||
line-height: 16px;
|
||||
background-color: #edf3f4;
|
||||
color: #3d4e53;
|
||||
border: 5px solid #edf3f4;
|
||||
}
|
||||
.unglued_white2 {
|
||||
font-size: 12px;
|
||||
margin: 3px auto;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
.green {
|
||||
color: #8dc63f;
|
||||
text-align: left;
|
||||
}
|
||||
.graypanel a {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.graypanel a:hover {
|
||||
color: #8dc63f;
|
||||
text-decoration: none;
|
||||
}
|
||||
.Unglue_itbutton {
|
||||
width: 110px;
|
||||
height: 40px;
|
||||
padding: 0px 9px;
|
||||
background: #FFFFFF;
|
||||
margin: 0px auto;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
border: 1px solid #d4dcdd;
|
||||
}
|
||||
.Unglue_itbutton a {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 2px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background-image: url(/static/images/book-panel/unglue_icon.png);
|
||||
padding: 5px 0px 0px 20px;
|
||||
color: #3d4e53;
|
||||
text-align: right;
|
||||
font-family: "LucidaGrandeBold";
|
||||
}
|
||||
.Unglue_itbutton a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.add_towish2 {
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px 0px;
|
||||
margin: 15px auto;
|
||||
}
|
||||
.add_towish2 a {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background-image: url(/static/images/book-panel/add_gray.png);
|
||||
padding: 8px 0px;
|
||||
padding-left: 20px;
|
||||
color: #3d4e53;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
font-family: "LucidaGrandeBold";
|
||||
}
|
||||
.add_towish2 a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.white_text2 {
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
padding: 13px 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
.white_text2 a, a:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
/*more info*/
|
||||
.moreinfo2 {
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px 20px 0px 0px;
|
||||
margin: 15px auto;
|
||||
}
|
||||
.moreinfo2 a {
|
||||
line-height: 40px;
|
||||
font-size: 12px;
|
||||
background-image: url(/static/images/book-panel/gray_more_info.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
padding: 8px 35px;
|
||||
font-weight: bold;
|
||||
padding-left: 20px;
|
||||
color: #3d4e53;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
font-family: "LucidaGrandeBold";
|
||||
}
|
||||
.moreinfo2 a:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
/*end the 2greenpanel*/
|
||||
.read {
|
||||
margin: 15px auto 5px auto;
|
||||
padding: 0px;
|
||||
width: 140px;
|
||||
color: #8dc63f;
|
||||
height: 40px;
|
||||
line-height: 25px;
|
||||
float: left;
|
||||
position: absolute;
|
||||
bottom: -15px;
|
||||
}
|
||||
.read p {
|
||||
margin: 0px;
|
||||
padding: 10px 3px;
|
||||
width: 50px;
|
||||
font-size: 10pt;
|
||||
float: left;
|
||||
}
|
||||
.read img {
|
||||
padding: 5px 0px;
|
||||
margin: 0px;
|
||||
float: left;
|
||||
}
|
||||
.right_add {
|
||||
padding: 10px;
|
||||
margin: 0px;
|
||||
float: right;
|
||||
}
|
||||
p.right_add {
|
||||
float: right;
|
||||
padding: 10px 10px 0 0;
|
||||
width: 24px;
|
||||
}
|
||||
/**/
|
||||
.read2 {
|
||||
margin: 15px auto;
|
||||
padding: 0px;
|
||||
width: 130px;
|
||||
color: #8dc63f;
|
||||
height: 40px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.read2 p {
|
||||
margin: 0px;
|
||||
padding: 10px 3px;
|
||||
width: 50px;
|
||||
font-size: 10pt;
|
||||
float: left;
|
||||
}
|
||||
.read2 img {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
float: left;
|
||||
}
|
||||
.right_add {
|
||||
padding: 10px;
|
||||
margin: 0px;
|
||||
float: right;
|
||||
}
|
||||
/* --------------- ( slideout hover state ) --------------------------------------------- */
|
||||
.panelview.book-thumb {
|
||||
float: left;
|
||||
position: relative;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
.panelview.book-thumb img {
|
||||
z-index: 100;
|
||||
width: 120px;
|
||||
height: 182px;
|
||||
}
|
||||
.panelview.book-thumb span {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: -10px;
|
||||
top: -5px;
|
||||
z-index: 1000;
|
||||
height: auto;
|
||||
}
|
||||
*{padding:0px;margin:0px;}
|
||||
#main-wrapper{height:100%;width:725px;margin:0px;padding:0px 0px;}
|
||||
.panelview.tabs{padding:5px 0px;margin:0px;width:142px;float:left;}.panelview.tabs span.active{padding:15px;margin:15px 0px;font-weight:bold;}
|
||||
.panelview.book-list{font-family:Arial,Helvetica,sans-serif;font-size:12px;width:120px;line-height:16px;margin:auto;padding:0px 5px 5px 5px;height:300px;background-color:#ffffff;color:#3d4e53;border:5px solid #edf3f4;position:relative;}.panelview.book-list:hover{color:#3d4e53;}
|
||||
.panelview.book-list img{padding:5px 0px;margin:0px;}
|
||||
.panelview.remove-wishlist,.panelview.on-wishlist,.panelview.create-account,.panelview.add-wishlist{display:none;}
|
||||
.panelview.book-name,.panelview.author{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:16px;max-height:32px;color:#3d4e53;overflow:hidden;}
|
||||
.panelview.booklist-status{color:#8dc63f;text-align:left;}.panelview.booklist-status .booklist-status-label{float:left;font-weight:bold;}
|
||||
.panelview.icons{position:absolute;bottom:-3px;width:140px;}.panelview.icons .booklist-status-img{float:left;}
|
||||
.panelview.icons .booklist-status-label{position:absolute;color:#8dc63f;padding-left:5px;left:40px;bottom:5px;}
|
||||
.panelview.icons .right_add{float:right;padding:10px 10px 0 0;width:24px;}
|
||||
.greenpanel2{font-family:Arial,Helvetica,sans-serif;font-size:12px;width:120px;line-height:16px;margin:0px auto;padding:10px;height:295px;background-color:#8dc63f;color:#ffffff;position:relative;}
|
||||
.unglued_white{font-size:12px;margin:0px auto;margin-bottom:5px;padding:10px 0px;}
|
||||
.read_itbutton{width:118px;height:35px;padding:0px 0px;background:#FFFFFF;margin:0px;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;border:1px solid #81bb38;}.read_itbutton a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:10px center;font-weight:bold;text-decoration:none;text-transform:uppercase;background:url(/static/images/book-panel/book_icon.png) no-repeat left center;padding:0px 0px 0px 30px;color:#73a334;}.read_itbutton a:hover{text-decoration:none;}
|
||||
.add_towish{width:125px;height:30px;padding:0px 0px;margin:15px auto;}.add_towish a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:left center;font-weight:bold;text-decoration:none;text-transform:uppercase;background-image:url(/static/images/book-panel/add_wish_icon.png);padding:8px 5px 8px 21px;color:#FFFFFF;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;}.add_towish a:hover{text-decoration:none;color:#3d4e53;}
|
||||
.white_text{width:130px;height:40px;padding:17px 0px;margin:0px;}.white_text a{color:#FFFFFF;text-decoration:none;}.white_text a:hover{text-decoration:none;color:#3d4e53;}
|
||||
.moreinfo{width:130px;height:30px;padding:0px;margin:15px 0 0;}.moreinfo a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:left center;font-weight:bold;text-decoration:none;text-transform:uppercase;background-image:url(/static/images/book-panel/more_icon.png);padding:8px 42px 8px 20px;padding-left:20px;color:#FFFFFF;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;}.moreinfo a:hover{text-decoration:none;color:#3d4e53;}
|
||||
.graypanel{font-family:Arial,Helvetica,sans-serif;font-size:12px;margin:20px auto;padding:4px 5px;height:300px;width:130px;line-height:16px;background-color:#edf3f4;color:#3d4e53;border:5px solid #edf3f4;}
|
||||
.unglued_white2{font-size:12px;margin:3px auto;padding:5px 0px;}
|
||||
.green{color:#8dc63f;text-align:left;}
|
||||
.graypanel a{text-decoration:none;color:#3d4e53;}
|
||||
.graypanel a:hover{color:#8dc63f;text-decoration:none;}
|
||||
.Unglue_itbutton{width:110px;height:40px;padding:0px 9px;background:#FFFFFF;margin:0px auto;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;border:1px solid #d4dcdd;}
|
||||
.Unglue_itbutton a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:2px center;font-weight:bold;text-decoration:none;text-transform:uppercase;background-image:url(/static/images/book-panel/unglue_icon.png);padding:5px 0px 0px 20px;color:#3d4e53;text-align:right;font-family:"LucidaGrandeBold";}
|
||||
.Unglue_itbutton a:hover{text-decoration:none;}
|
||||
.add_towish2{width:130px;height:30px;padding:0px 0px;margin:15px auto;}
|
||||
.add_towish2 a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:left center;font-weight:bold;text-decoration:none;text-transform:uppercase;background-image:url(/static/images/book-panel/add_gray.png);padding:8px 0px;padding-left:20px;color:#3d4e53;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;font-family:"LucidaGrandeBold";}
|
||||
.add_towish2 a:hover{text-decoration:none;}
|
||||
.white_text2{width:130px;height:40px;padding:13px 0px;margin:0px;}
|
||||
.white_text2 a,a:hover{text-decoration:none;color:#3d4e53;}
|
||||
.moreinfo2{width:130px;height:30px;padding:0px 20px 0px 0px;margin:15px auto;}
|
||||
.moreinfo2 a{line-height:40px;font-size:12px;background-image:url(/static/images/book-panel/gray_more_info.png);background-repeat:no-repeat;background-position:left center;padding:8px 35px;font-weight:bold;padding-left:20px;color:#3d4e53;text-decoration:none;text-transform:uppercase;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;font-family:"LucidaGrandeBold";}
|
||||
.moreinfo2 a:hover{text-decoration:none;color:#3d4e53;}
|
||||
.read{margin:15px auto 5px auto;padding:0px;width:140px;color:#8dc63f;height:40px;line-height:25px;float:left;position:absolute;bottom:-15px;}
|
||||
.read p{margin:0px;padding:10px 3px;width:50px;font-size:10pt;float:left;}
|
||||
.read img{padding:5px 0px;margin:0px;float:left;}
|
||||
.right_add{padding:10px;margin:0px;float:right;}
|
||||
p.right_add{float:right;padding:10px 10px 0 0;width:24px;}
|
||||
.read2{margin:15px auto;padding:0px;width:130px;color:#8dc63f;height:40px;line-height:25px;}
|
||||
.read2 p{margin:0px;padding:10px 3px;width:50px;font-size:10pt;float:left;}
|
||||
.read2 img{padding:0px;margin:0px;float:left;}
|
||||
.right_add{padding:10px;margin:0px;float:right;}
|
||||
.panelview.book-thumb{float:left;position:relative;margin:0px;padding:0px;left:0px;}.panelview.book-thumb img{z-index:100;width:120px;height:182px;}
|
||||
.panelview.book-thumb span{position:absolute;bottom:0;left:-10px;top:-5px;z-index:1000;height:auto;}
|
||||
|
|
|
|||
|
|
@ -1,231 +1,32 @@
|
|||
.header-text {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
.panelborders {
|
||||
border-width: 1px 0px;
|
||||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
#js-page-wrap {
|
||||
overflow: hidden;
|
||||
}
|
||||
#main-container {
|
||||
margin-top: 20px;
|
||||
}
|
||||
#js-leftcol .jsmodule {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#js-leftcol .jsmodule.rounded {
|
||||
background: #edf3f4;
|
||||
-moz-border-radius: 20px 20px 20px 20px;
|
||||
-webkit-border-radius: 20px 20px 20px 20px;
|
||||
border-radius: 20px 20px 20px 20px;
|
||||
}
|
||||
#js-leftcol .jsmodule.rounded .jsmod-content {
|
||||
padding: 10px 20px;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
.book-detail {
|
||||
float: left;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
.book-detail-img {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 151px;
|
||||
}
|
||||
.book-detail-img img {
|
||||
padding: 5px;
|
||||
border: solid 5px #edf3f4;
|
||||
}
|
||||
.book-detail-info {
|
||||
float: left;
|
||||
/* if we want to nix the explore bar, width should be 544ish */
|
||||
|
||||
width: 309px;
|
||||
}
|
||||
.book-detail-info h2.book-name, .book-detail-info h3.book-author, .book-detail-info h3.book-year {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: normal;
|
||||
}
|
||||
.book-detail-info h2.book-name {
|
||||
font-size: 18px;
|
||||
text-transform: capitalize;
|
||||
font-weight: bold;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.book-detail-info h3.book-author, .book-detail-info h3.book-year {
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: #6994a3;
|
||||
}
|
||||
.book-detail-info > div {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border-top: 1px solid #edf3f4;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.book-detail-info .find-book {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.book-detail-info .find-book label {
|
||||
float: left;
|
||||
line-height: 31px;
|
||||
}
|
||||
.book-detail-info .find-link {
|
||||
float: right;
|
||||
}
|
||||
.book-detail-info .pledged-info {
|
||||
padding: 0;
|
||||
}
|
||||
.book-detail-info .pledged-group {
|
||||
padding: 10px 40px 10px 0;
|
||||
float: left;
|
||||
}
|
||||
.book-detail-info .status {
|
||||
float: right;
|
||||
padding-top: 4px;
|
||||
}
|
||||
.book-detail-info .btn_support a {
|
||||
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;
|
||||
}
|
||||
#tabs {
|
||||
border-bottom: 4px solid #6994a3;
|
||||
clear: both;
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
#tabs ul.book-list-view {
|
||||
margin-bottom: 4px !important;
|
||||
}
|
||||
#tabs-1, #tabs-2, #tabs-3 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
#tabs-2, #tabs-3, #tabs-4 {
|
||||
display: none;
|
||||
}
|
||||
ul.tabs {
|
||||
float: left;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
ul.tabs li {
|
||||
float: left;
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
margin-right: 2px;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
ul.tabs li a {
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 0 10px;
|
||||
min-width: 80px;
|
||||
-moz-border-radius: 7px 7px 0 0;
|
||||
-webkit-border-radius: 7px 7px 0 0;
|
||||
border-radius: 7px 7px 0 0;
|
||||
background: #d6dde0;
|
||||
color: #3d4e53;
|
||||
}
|
||||
ul.tabs li a:hover, ul.tabs li.active a {
|
||||
background: #6994a3;
|
||||
color: #fff;
|
||||
}
|
||||
#js-rightcol {
|
||||
float: right;
|
||||
width: 235px;
|
||||
}
|
||||
#js-rightcol h3.jsmod-title {
|
||||
background: #a7c1ca;
|
||||
-moz-border-radius: 10px 10px 10px 10px;
|
||||
-webkit-border-radius: 10px 10px 10px 10px;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
padding: 10px;
|
||||
height: auto;
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
#js-rightcol h3.jsmod-title span {
|
||||
padding: 0;
|
||||
color: #fff;
|
||||
font-style: normal;
|
||||
}
|
||||
#js-rightcol .jsmodule {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#js-rightcol .jsmod-content {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.js-rightcol-pad {
|
||||
border: 1px solid #d6dde0;
|
||||
-moz-border-radius: 10px 10px 10px 10px;
|
||||
-webkit-border-radius: 10px 10px 10px 10px;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
#js-maincol {
|
||||
float: left;
|
||||
/* If we want to nuke the explore column, width should be 705ish */
|
||||
|
||||
width: 470px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
#js-maincol div.content-block {
|
||||
background: none;
|
||||
padding: 0;
|
||||
}
|
||||
ul.social li {
|
||||
padding: 5px 0 5px 30px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
ul.social li.facebook {
|
||||
background: url("/static/images/icons/facebook.png") left center no-repeat;
|
||||
}
|
||||
ul.social li.twitter {
|
||||
background: url("/static/images/icons/twitter.png") left center no-repeat;
|
||||
}
|
||||
ul.social li.email {
|
||||
background: url("/static/images/icons/email.png") left center no-repeat;
|
||||
}
|
||||
ul.support li {
|
||||
border-bottom: 1px solid #d6dde0;
|
||||
padding: 10px 15px 10px 0;
|
||||
background: url("/static/images/icons/r-arrow.png") right center no-repeat;
|
||||
}
|
||||
ul.support li span {
|
||||
display: block;
|
||||
}
|
||||
ul.support li span .menu-item-price {
|
||||
font-size: 18px;
|
||||
}
|
||||
/* differs from sitewide.css. should it? */
|
||||
a {
|
||||
color: #3d4e53;
|
||||
font-size: 12px;
|
||||
}
|
||||
.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
|
||||
.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
|
||||
#js-page-wrap{overflow:hidden;}
|
||||
#main-container{margin-top:20px;}
|
||||
#js-leftcol .jsmodule{margin-bottom:10px;}#js-leftcol .jsmodule.rounded{background:#edf3f4;-moz-border-radius:20px 20px 20px 20px;-webkit-border-radius:20px 20px 20px 20px;border-radius:20px 20px 20px 20px;}#js-leftcol .jsmodule.rounded .jsmod-content{padding:10px 20px;font-weight:bold;border:none;margin:0;}
|
||||
.book-detail{float:left;width:100%;clear:both;display:block;}
|
||||
.book-detail-img{float:left;margin-right:10px;width:151px;}.book-detail-img img{padding:5px;border:solid 5px #edf3f4;}
|
||||
.book-detail-info{float:left;width:309px;}.book-detail-info h2.book-name,.book-detail-info h3.book-author,.book-detail-info h3.book-year{padding:0;margin:0;line-height:normal;}
|
||||
.book-detail-info h2.book-name{font-size:18px;text-transform:capitalize;font-weight:bold;color:#3d4e53;}
|
||||
.book-detail-info h3.book-author,.book-detail-info h3.book-year{font-size:12px;font-weight:normal;color:#6994a3;}
|
||||
.book-detail-info>div{width:100%;clear:both;display:block;overflow:hidden;border-top:1px solid #edf3f4;padding:10px 0;}
|
||||
.book-detail-info .find-book{margin-top:15px;}.book-detail-info .find-book label{float:left;line-height:31px;}
|
||||
.book-detail-info .find-link{float:right;}
|
||||
.book-detail-info .pledged-info{padding:0;}
|
||||
.book-detail-info .pledged-group{padding:10px 40px 10px 0;float:left;}
|
||||
.book-detail-info .status{float:right;padding-top:4px;}
|
||||
.book-detail-info .btn_support a{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;}
|
||||
#tabs{border-bottom:4px solid #6994a3;clear:both;float:left;margin-top:10px;width:100%;}#tabs ul.book-list-view{margin-bottom:4px !important;}
|
||||
#tabs-1,#tabs-2,#tabs-3{margin-left:10px;}
|
||||
#tabs-2,#tabs-3,#tabs-4{display:none;}
|
||||
ul.tabs{float:left;padding:0;margin:0;list-style:none;}ul.tabs li{float:left;height:46px;line-height:46px;margin-right:2px;margin-bottom:1px;}ul.tabs li a{height:46px;line-height:46px;display:block;text-align:center;padding:0 10px;min-width:80px;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;background:#d6dde0;color:#3d4e53;}
|
||||
ul.tabs li a:hover,ul.tabs li.active a{background:#6994a3;color:#fff;}
|
||||
#js-rightcol{float:right;width:235px;}#js-rightcol h3.jsmod-title{background:#a7c1ca;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;padding:10px;height:auto;font-style:normal;font-size:14px;margin:0 0 10px 0;}#js-rightcol h3.jsmod-title span{padding:0;color:#fff;font-style:normal;}
|
||||
#js-rightcol .jsmodule{margin-bottom:10px;}
|
||||
#js-rightcol .jsmod-content{padding-left:10px;}
|
||||
.js-rightcol-pad{border:1px solid #d6dde0;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;padding:10px;}
|
||||
#js-maincol{float:left;width:470px;margin:0 10px;}#js-maincol div.content-block{background:none;padding:0;}
|
||||
ul.social li{padding:5px 0 5px 30px;height:28px;line-height:28px;}ul.social li.facebook{background:url("/static/images/icons/facebook.png") left center no-repeat;}
|
||||
ul.social li.twitter{background:url("/static/images/icons/twitter.png") left center no-repeat;}
|
||||
ul.social li.email{background:url("/static/images/icons/email.png") left center no-repeat;}
|
||||
ul.support li{border-bottom:1px solid #d6dde0;padding:10px 15px 10px 0;}ul.support li span{display:block;}ul.support li span.menu-item-price{font-size:18px;}
|
||||
a{color:#3d4e53;font-size:12px;}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,252 +1,34 @@
|
|||
.header-text {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
.panelborders {
|
||||
border-width: 1px 0px;
|
||||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
body {
|
||||
background: url("/static/images/bg-body.png") 0 0 repeat-x;
|
||||
padding: 0 0 20px 0;
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
font-family: Lucida "Lucida Grande", "Lucida Sans Unicode", sans-serif, Helvetica, sans-serif;
|
||||
color: #3d4e53;
|
||||
}
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
h2.content-heading {
|
||||
padding: 15px;
|
||||
margin: 0;
|
||||
font-size: 19px;
|
||||
font-weight: normal;
|
||||
color: #3d4e53;
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
h2.content-heading span {
|
||||
font-style: italic;
|
||||
}
|
||||
h3.jsmod-title {
|
||||
background: url("/static/images/bg.png") 0 0 no-repeat;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 73px;
|
||||
}
|
||||
h3.jsmod-title span {
|
||||
background: url("/static/images/icon-h3.png") 90% center no-repeat;
|
||||
font-size: 17px;
|
||||
color: #fff;
|
||||
padding: 26px 40px 27px 20px;
|
||||
display: block;
|
||||
}
|
||||
ul.menu {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
a.readon {
|
||||
background: url("/static/images/bg.png") 100% -72px no-repeat;
|
||||
color: #fff;
|
||||
text-transform: capitalize;
|
||||
display: block;
|
||||
float: right;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
}
|
||||
a.readon span {
|
||||
background: url("/static/images/bg.png") -770px -108px no-repeat;
|
||||
margin-right: 34px;
|
||||
padding: 0 5px 0 20px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
}
|
||||
a {
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
#js-header {
|
||||
height: 90px;
|
||||
}
|
||||
.js-main {
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
clear: both;
|
||||
padding: 0;
|
||||
}
|
||||
.js-logo {
|
||||
float: left;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.js-logo a img {
|
||||
border: none;
|
||||
}
|
||||
.js-topmenu {
|
||||
float: right;
|
||||
padding-top: 25px;
|
||||
}
|
||||
.js-topmenu ul li {
|
||||
float: left;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.js-topmenu ul li a {
|
||||
color: #3d4e53;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
.js-topmenu ul li span#welcome {
|
||||
color: #8dc63f;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
.js-topmenu ul li.last a {
|
||||
background: url("/static/images/bg.png") right top no-repeat;
|
||||
}
|
||||
.js-topmenu ul li.last a span {
|
||||
background: url("/static/images/bg.png") -770px -36px no-repeat;
|
||||
margin-right: 29px;
|
||||
display: block;
|
||||
padding: 0 5px 0 15px;
|
||||
}
|
||||
#js-topsection {
|
||||
padding: 15px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.js-topnews {
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
.js-topnews1 {
|
||||
background: url("/static/images/header/header-m.png") 0 0 repeat-y;
|
||||
}
|
||||
.js-topnews2 {
|
||||
background: url("/static/images/header/header-t.png") 0 0 no-repeat;
|
||||
}
|
||||
.js-topnews3 {
|
||||
background: url("/static/images/header/header-b.png") 0 100% no-repeat;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
padding: 10px;
|
||||
}
|
||||
.js-search {
|
||||
float: right;
|
||||
width: 30%;
|
||||
padding-top: 25px;
|
||||
}
|
||||
.js-search input {
|
||||
float: left;
|
||||
}
|
||||
.js-search .inputbox {
|
||||
padding: 0 0 0 15px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: url("/static/images/bg.png") -645px -180px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
float: left;
|
||||
color: #6994a3;
|
||||
}
|
||||
.js-search .button {
|
||||
background: url("/static/images/bg.png") 100% -144px no-repeat;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 40px;
|
||||
height: 36px;
|
||||
display: block;
|
||||
border: none;
|
||||
text-indent: -10000px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.js-search-inner {
|
||||
float: right;
|
||||
}
|
||||
#js-leftcol {
|
||||
float: left;
|
||||
width: 235px;
|
||||
}
|
||||
#js-leftcol a {
|
||||
font-weight: normal;
|
||||
}
|
||||
#js-leftcol a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
#js-leftcol .jsmod-content {
|
||||
border: 1px solid #edf3f4;
|
||||
margin-left: 10px;
|
||||
-moz-border-radius: 0 0 10px 10px;
|
||||
-webkit-border-radius: 0 0 10px 10px;
|
||||
border-radius: 0 0 10px 10px;
|
||||
}
|
||||
#js-leftcol ul.level1 > li > a {
|
||||
text-transform: uppercase;
|
||||
color: #3d4e53;
|
||||
font-size: 12px;
|
||||
border-bottom: 1px solid #edf3f4;
|
||||
border-top: 1px solid #edf3f4;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
}
|
||||
#js-leftcol ul.level2 li {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
#js-leftcol ul.level2 li a {
|
||||
color: #6994a3;
|
||||
}
|
||||
#js-maincol-fr {
|
||||
float: right;
|
||||
width: 725px;
|
||||
}
|
||||
div.content-block {
|
||||
overflow: hidden;
|
||||
background: url("/static/images/bg.png") 100% -223px no-repeat;
|
||||
padding: 0 0 0 7px;
|
||||
}
|
||||
.content-block-heading a.block-link {
|
||||
float: right;
|
||||
padding: 15px;
|
||||
font-size: 11px;
|
||||
color: #3d4e53;
|
||||
text-decoration: underline;
|
||||
font-weight: normal;
|
||||
}
|
||||
div.content-block-content {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.content-block-content .cols3 .column {
|
||||
width: 33.33%;
|
||||
float: left;
|
||||
}
|
||||
#footer {
|
||||
border-top: 7px solid #edf3f4;
|
||||
clear: both;
|
||||
height: 90px;
|
||||
text-align: center;
|
||||
padding-top: 5px;
|
||||
}
|
||||
#footer a {
|
||||
color: #3d4e53;
|
||||
}
|
||||
.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
|
||||
.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
|
||||
body{background:url("/static/images/bg-body.png") 0 0 repeat-x;padding:0 0 20px 0;margin:0;font-size:12px;font-family:Lucida "Lucida Grande","Lucida Sans Unicode",sans-serif,Helvetica,sans-serif;color:#3d4e53;}
|
||||
img{border:none;}
|
||||
h2.content-heading{padding:15px;margin:0;font-size:19px;font-weight:normal;color:#3d4e53;float:left;width:50%;}h2.content-heading span{font-style:italic;}
|
||||
h3.jsmod-title{background:url("/static/images/bg.png") 0 0 no-repeat;padding:0;margin:0;height:73px;}h3.jsmod-title span{font-size:17px;color:#fff;padding:26px 40px 27px 20px;display:block;}
|
||||
ul.menu{list-style:none;padding:0;margin:0;}
|
||||
a.readon{background:url("/static/images/bg.png") 100% -72px no-repeat;color:#fff;text-transform:capitalize;display:block;float:right;font-size:13px;font-weight:bold;}a.readon span{background:url("/static/images/bg.png") -770px -108px no-repeat;margin-right:34px;padding:0 5px 0 20px;height:36px;line-height:36px;display:block;}
|
||||
a{font-weight:bold;font-size:13px;text-decoration:none;cursor:pointer;}
|
||||
#js-header{height:90px;}
|
||||
.js-main{width:960px;margin:0 auto;clear:both;padding:0;}
|
||||
.js-logo{float:left;padding-top:10px;}.js-logo a img{border:none;}
|
||||
.js-topmenu{float:right;padding-top:25px;}.js-topmenu ul li{float:left;padding:0 10px;}.js-topmenu ul li a{color:#3d4e53;height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
|
||||
.js-topmenu ul li span#welcome{color:#8dc63f;height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
|
||||
.js-topmenu ul li.last a{background:url("/static/images/bg.png") right top no-repeat;}.js-topmenu ul li.last a span{background:url("/static/images/bg.png") -770px -36px no-repeat;margin-right:29px;display:block;padding:0 5px 0 15px;}
|
||||
#js-topsection{padding:15px 0;overflow:hidden;}
|
||||
.js-topnews{float:left;width:100%;}
|
||||
.js-topnews1{background:url("/static/images/header/header-m.png") 0 0 repeat-y;}
|
||||
.js-topnews2{background:url("/static/images/header/header-t.png") 0 0 no-repeat;}
|
||||
.js-topnews3{background:url("/static/images/header/header-b.png") 0 100% no-repeat;display:block;overflow:hidden;padding:10px;}
|
||||
.js-search{float:left;padding-top:25px;margin-left:81px;}.js-search input{float:left;}
|
||||
.js-search .inputbox{padding:0 0 0 15px;margin:0;border:none;outline:none;background:url("/static/images/bg.png") -645px -180px;height:36px;line-height:36px;float:left;color:#6994a3;}
|
||||
.js-search .button{background:url("/static/images/bg.png") 100% -144px no-repeat;padding:0;margin:0;width:40px;height:36px;display:block;border:none;text-indent:-10000px;cursor:pointer;}
|
||||
.js-search-inner{float:right;}
|
||||
#js-leftcol{float:left;width:235px;}#js-leftcol a{font-weight:normal;}#js-leftcol a:hover{text-decoration:underline;}
|
||||
#js-leftcol .jsmod-content{border:1px solid #edf3f4;margin-left:10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
|
||||
#js-leftcol ul.level1>li>a{text-transform:uppercase;color:#3d4e53;font-size:12px;border-bottom:1px solid #edf3f4;border-top:1px solid #edf3f4;display:block;padding:10px;}
|
||||
#js-leftcol ul.level2 li{padding:5px 10px;}#js-leftcol ul.level2 li a{color:#6994a3;}
|
||||
#js-maincol-fr{float:right;width:725px;}
|
||||
div.content-block{overflow:hidden;background:url("/static/images/bg.png") 100% -223px no-repeat;padding:0 0 0 7px;}
|
||||
.content-block-heading a.block-link{float:right;padding:15px;font-size:11px;color:#3d4e53;text-decoration:underline;font-weight:normal;}
|
||||
div.content-block-content{width:100%;overflow:hidden;padding-left:10px;}div.content-block-content .cols3 .column{width:33.33%;float:left;}
|
||||
#footer{border-top:7px solid #edf3f4;clear:both;height:90px;text-align:center;padding-top:5px;}
|
||||
#footer a{color:#3d4e53;}
|
||||
|
|
|
|||
|
|
@ -1,258 +1,44 @@
|
|||
.header-text {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
.panelborders {
|
||||
border-width: 1px 0px;
|
||||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.block-inner {
|
||||
padding-right: 10px;
|
||||
}
|
||||
.user-block {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
.user-block-hide {
|
||||
float: left;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
.user-block-hide .block {
|
||||
float: left;
|
||||
width: 33%;
|
||||
}
|
||||
.user-block-hide input {
|
||||
float: left;
|
||||
margin: 3px 10px 0 0;
|
||||
}
|
||||
.user-block-hide label {
|
||||
float: left;
|
||||
width: 90%;
|
||||
}
|
||||
.user-block1 {
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
.user-block2 {
|
||||
color: #6994a3;
|
||||
font-size: 11px;
|
||||
line-height: normal;
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
.user-block3, .user-block4 {
|
||||
float: right;
|
||||
width: 25%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
img.user-avatar {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.social {
|
||||
width: 100%;
|
||||
padding-left: 35px;
|
||||
}
|
||||
span.user-name, span.user-date, span.user-short-info {
|
||||
display: block;
|
||||
}
|
||||
span.user-name, span.user-name a, a {
|
||||
font-size: 12px;
|
||||
color: #3d4e53;
|
||||
}
|
||||
span.user-status-title {
|
||||
float: left;
|
||||
margin-right: 8px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
span.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px 7px 7px 7px;
|
||||
-webkit-border-radius: 7px 7px 7px 7px;
|
||||
border-radius: 7px 7px 7px 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
span.rounded > span {
|
||||
padding: 7px 10px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px 5px 5px 5px;
|
||||
-webkit-border-radius: 5px 5px 5px 5px;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
span.blue {
|
||||
background: #a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;
|
||||
}
|
||||
span.orange {
|
||||
background: #eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;
|
||||
}
|
||||
span.grey {
|
||||
background: #bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;
|
||||
}
|
||||
div.check-list {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
a.profile-edit {
|
||||
display: block;
|
||||
background: url("/static/images/header/icon-edit.png") right top no-repeat;
|
||||
}
|
||||
div.profile-save {
|
||||
padding-top: 15px;
|
||||
border: none;
|
||||
}
|
||||
input.profile-save {
|
||||
background: url("/static/images/header/save-setting.png") 0 0 no-repeat;
|
||||
width: 116px;
|
||||
height: 42px;
|
||||
display: block;
|
||||
text-indent: -100000px;
|
||||
border: none;
|
||||
}
|
||||
a.my-setting {
|
||||
background: #d6dde0 url("/static/images/header/explane.png") 90% center no-repeat;
|
||||
border-radius: 7px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
display: block;
|
||||
padding: 0 0 0 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
a.my-setting.active {
|
||||
background: #d6dde0 url("/static/images/header/collspane.png") 90% center no-repeat;
|
||||
}
|
||||
#tabs {
|
||||
border-bottom: 4px solid #8dc63f;
|
||||
clear: both;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
#tabs ul.book-list-view {
|
||||
margin-bottom: 4px !important;
|
||||
}
|
||||
#tabs-1, #tabs-2, #tabs-3 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
ul.tabs {
|
||||
float: left;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
ul.tabs li {
|
||||
float: left;
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
ul.tabs li a {
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 0 10px;
|
||||
min-width: 80px;
|
||||
border-radius: 7px 7px 0 0;
|
||||
background: url("/static/images/header/bg-tabs1.png") left bottom repeat-x;
|
||||
}
|
||||
ul.tabs li a:hover, ul.tabs li.active a {
|
||||
background: url("/static/images/header/bg-tabs.png") left bottom repeat-x;
|
||||
color: #fff;
|
||||
}
|
||||
.book-list span.rounded > span {
|
||||
line-height: normal;
|
||||
width: 75px;
|
||||
}
|
||||
.book-list span.rounded > span a {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
div.content-block-content {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.js-news-text {
|
||||
float: left;
|
||||
width: 70%;
|
||||
font-size: 16px;
|
||||
color: #3d4e53;
|
||||
font-family: lucida grande;
|
||||
}
|
||||
.js-news-links {
|
||||
float: right;
|
||||
width: 30%;
|
||||
}
|
||||
.column-left .item {
|
||||
margin: 0 10px 10px 0;
|
||||
}
|
||||
.column-center .item {
|
||||
margin: 0 5px 10px 5px;
|
||||
}
|
||||
.column-right .item {
|
||||
margin: 0 0 10px 10px;
|
||||
}
|
||||
.column .item {
|
||||
border: 7px solid #edf3f4;
|
||||
padding: 10px;
|
||||
}
|
||||
.book-image {
|
||||
padding: 0 0 10px 0;
|
||||
}
|
||||
.book-info {
|
||||
padding: 0 0 10px 0;
|
||||
line-height: 125%;
|
||||
position: relative;
|
||||
}
|
||||
.book-info span.book-new {
|
||||
background: url(/static/images/images/icon-new.png) 0 0 no-repeat;
|
||||
width: 38px;
|
||||
height: 36px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 0;
|
||||
}
|
||||
.book-name {
|
||||
color: #3d4e53;
|
||||
font-weight: bold;
|
||||
}
|
||||
.book-author {
|
||||
color: #6994a3;
|
||||
}
|
||||
.book-status {
|
||||
margin: 0 -10px;
|
||||
border-top: 1px solid #edf3f4;
|
||||
padding: 15px 10px 0 10px;
|
||||
position: relative;
|
||||
}
|
||||
.book-status span.unglue {
|
||||
font-style: italic;
|
||||
}
|
||||
.book-status span.status {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: -5px;
|
||||
width: 37px;
|
||||
height: 25px;
|
||||
display: block;
|
||||
}
|
||||
/* Do I even still need this?
|
||||
.book-status span.percent99{ background:url(../images/images/icon-book1.png) 0 0 no-repeat;}
|
||||
.book-status span.percent60{ background:url(../images/images/icon-book2.png) 0 0 no-repeat;}
|
||||
.book-status span.percent22{ background:url(../images/images/icon-book3.png) 0 0 no-repeat;}
|
||||
.book-status span.percent7{ background:url(../images/images/icon-book4.png) 0 0 no-repeat;}
|
||||
.book-status span.percent62{ background:url(../images/images/icon-book5.png) 0 0 no-repeat;}
|
||||
.book-status span.percent21{ background:url(../images/images/icon-book6.png) 0 0 no-repeat;}
|
||||
*/
|
||||
.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
|
||||
.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
|
||||
.block-inner{padding-right:10px;}
|
||||
.user-block{width:100%;clear:both;}
|
||||
.user-block-hide{float:left;width:100%;clear:both;}.user-block-hide .block{float:left;width:33%;}
|
||||
.user-block-hide input{float:left;margin:3px 10px 0 0;}
|
||||
.user-block-hide label{float:left;width:90%;}
|
||||
.user-block1{float:left;width:25%;}
|
||||
.user-block2{color:#6994a3;font-size:11px;line-height:normal;float:left;width:25%;}
|
||||
.user-block3,.user-block4{float:right;width:25%;margin-top:10px;}
|
||||
img.user-avatar{float:left;margin-right:10px;}
|
||||
.social{width:100%;padding-left:35px;}
|
||||
span.user-name,span.user-date,span.user-short-info{display:block;}
|
||||
span.user-name,span.user-name a,a{font-size:12px;color:#3d4e53;}
|
||||
span.user-status-title{float:left;margin-right:8px;padding-top:5px;}
|
||||
span.rounded{border:1px solid #d4d4d4;-moz-border-radius:7px 7px 7px 7px;-webkit-border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block;}span.rounded>span{padding:7px 10px;min-width:15px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;text-align:center;display:inline-block;}
|
||||
span.blue{background:#a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;}
|
||||
span.orange{background:#eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;}
|
||||
span.grey{background:#bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;}
|
||||
div.check-list{float:left;width:100%;padding-bottom:7px;}
|
||||
a.profile-edit{display:block;background:url("/static/images/header/icon-edit.png") right top no-repeat;}
|
||||
div.profile-save{padding-top:15px;border:none;}
|
||||
input.profile-save{background:url("/static/images/header/save-setting.png") 0 0 no-repeat;width:116px;height:42px;display:block;text-indent:-100000px;border:none;}
|
||||
a.my-setting{background:#d6dde0 url("/static/images/header/explane.png") 90% center no-repeat;border-radius:7px;height:50px;line-height:50px;display:block;padding:0 0 0 10px;font-size:20px;}
|
||||
a.my-setting.active{background:#d6dde0 url("/static/images/header/collspane.png") 90% center no-repeat;}
|
||||
#tabs{border-bottom:4px solid #8dc63f;clear:both;float:left;margin-left:10px;margin-top:10px;width:100%;}
|
||||
#tabs ul.book-list-view{margin-bottom:4px !important;}
|
||||
#tabs-1,#tabs-2,#tabs-3{margin-left:10px;}
|
||||
ul.tabs{float:left;padding:0;margin:0;list-style:none;}ul.tabs li{float:left;height:46px;line-height:46px;margin-right:10px;}ul.tabs li a{height:46px;line-height:46px;display:block;text-align:center;padding:0 10px;min-width:80px;border-radius:7px 7px 0 0;background:url("/static/images/header/bg-tabs1.png") left bottom repeat-x;}
|
||||
ul.tabs li a:hover,ul.tabs li.active a{background:url("/static/images/header/bg-tabs.png") left bottom repeat-x;color:#fff;}
|
||||
.book-list span.rounded>span{line-height:normal;width:75px;}.book-list span.rounded>span a{text-transform:capitalize;}
|
||||
div.content-block-content{padding-left:10px;}
|
||||
.js-news-text{float:left;width:70%;font-size:16px;color:#3d4e53;font-family:lucida grande;}
|
||||
.js-news-links{float:right;width:30%;}
|
||||
.column-left .item{margin:0 10px 10px 0;}
|
||||
.column-center .item{margin:0 5px 10px 5px;}
|
||||
.column-right .item{margin:0 0 10px 10px;}
|
||||
.column .item{border:7px solid #edf3f4;padding:10px;}
|
||||
.book-image{padding:0 0 10px 0;}
|
||||
.book-info{padding:0 0 10px 0;line-height:125%;position:relative;}.book-info span.book-new{background:url(/static/images/images/icon-new.png) 0 0 no-repeat;width:38px;height:36px;display:block;position:absolute;right:10px;top:0;}
|
||||
.book-name{color:#3d4e53;font-weight:bold;}
|
||||
.book-author{color:#6994a3;}
|
||||
.book-status{margin:0 -10px;border-top:1px solid #edf3f4;padding:15px 10px 0 10px;position:relative;}.book-status span.unglue{font-style:italic;}
|
||||
.book-status span.status{position:absolute;right:10px;bottom:-5px;width:37px;height:25px;display:block;}
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 526 B |
|
|
@ -1,184 +0,0 @@
|
|||
.header-text {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
.panelborders {
|
||||
border-width: 1px 0px;
|
||||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
div.book-list.listview {
|
||||
clear: both;
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
height: 43px;
|
||||
line-height: 43px;
|
||||
margin: 0 5px 0 0;
|
||||
padding: 7px 0;
|
||||
}
|
||||
div.book-list.listview.row1 {
|
||||
background: #f6f9f9;
|
||||
}
|
||||
div.book-list.listview.row2 {
|
||||
background: #fff;
|
||||
}
|
||||
div.book-list.listview div.unglue-this {
|
||||
float: left;
|
||||
}
|
||||
div.book-list.listview div.book-thumb {
|
||||
margin-right: 5px;
|
||||
float: left;
|
||||
}
|
||||
div.book-list.listview div.book-name {
|
||||
width: 260px;
|
||||
margin-right: 10px;
|
||||
background: url("../images/booklist/booklist-vline.png") right center no-repeat;
|
||||
float: left;
|
||||
}
|
||||
div.book-list.listview div.book-name span {
|
||||
display: block;
|
||||
line-height: normal;
|
||||
height: 43px;
|
||||
line-height: 43px;
|
||||
}
|
||||
div.book-list.listview div.add-wishlist, div.book-list.listview div.remove-wishlist {
|
||||
margin-right: 10px;
|
||||
padding-right: 10px;
|
||||
background: url("../images/booklist/booklist-vline.png") right center no-repeat;
|
||||
float: left;
|
||||
}
|
||||
div.book-list.listview div.add-wishlist a, div.book-list.listview div.remove-wishlist a {
|
||||
font-weight: normal;
|
||||
color: #3d4e53;
|
||||
text-transform: none;
|
||||
background: url("../images/booklist/add-wishlist.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
div.book-list.listview div.booklist-status {
|
||||
margin-right: 7px;
|
||||
float: left;
|
||||
}
|
||||
.booklist-status.listview span.booklist-status-label {
|
||||
display: none;
|
||||
}
|
||||
.booklist-status.listview span.booklist-status-text {
|
||||
float: left;
|
||||
display: block;
|
||||
padding-right: 5px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.booklist-status.listview .booklist-status-img p {
|
||||
display: none;
|
||||
}
|
||||
div.unglue-this a {
|
||||
text-transform: uppercase;
|
||||
color: #3d4e53;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
div.unglue-this.complete .unglue-this-inner1 {
|
||||
background: url("/static/images/booklist/bg.png") 0 -84px no-repeat;
|
||||
height: 42px;
|
||||
}
|
||||
div.unglue-this.complete .unglue-this-inner2 {
|
||||
background: url("/static/images/booklist/bg.png") 100% -126px no-repeat;
|
||||
margin-left: 29px;
|
||||
height: 42px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
div.unglue-this.complete a {
|
||||
color: #fff;
|
||||
display: block;
|
||||
}
|
||||
div.unglue-this.processing .unglue-this-inner1 {
|
||||
background: url("/static/images/booklist/bg.png") 0 0 no-repeat;
|
||||
height: 42px;
|
||||
}
|
||||
div.unglue-this.processing .unglue-this-inner2 {
|
||||
background: url("/static/images/booklist/bg.png") 100% -42px no-repeat;
|
||||
margin-left: 25px;
|
||||
height: 42px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
ul.book-list-view {
|
||||
padding: 0;
|
||||
margin: 15px;
|
||||
float: right;
|
||||
list-style: none;
|
||||
}
|
||||
ul.book-list-view li {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
line-height: 22px;
|
||||
}
|
||||
div.navigation {
|
||||
float: left;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
color: #37414d;
|
||||
}
|
||||
ul.navigation {
|
||||
float: right;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
ul.navigation li {
|
||||
float: left;
|
||||
line-height: normal;
|
||||
margin-right: 5px;
|
||||
}
|
||||
ul.navigation li a {
|
||||
color: #37414d;
|
||||
font-weight: normal;
|
||||
}
|
||||
ul.navigation li.arrow-l a {
|
||||
background: url("/static/images/booklist/bg.png") 0 -168px no-repeat;
|
||||
width: 10px;
|
||||
height: 15px;
|
||||
display: block;
|
||||
text-indent: -10000px;
|
||||
}
|
||||
ul.navigation li.arrow-r a {
|
||||
background: url("/static/images/booklist/bg.png") -1px -185px no-repeat;
|
||||
width: 10px;
|
||||
height: 15px;
|
||||
display: block;
|
||||
text-indent: -10000px;
|
||||
}
|
||||
ul.navigation li a:hover, ul.navigation li.active a {
|
||||
color: #8ac3d7;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.unglue-button {
|
||||
display: block;
|
||||
border: 0;
|
||||
}
|
||||
.book-thumb.listview a {
|
||||
display: block;
|
||||
height: 50px;
|
||||
width: 32px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.book-thumb.listview a:hover {
|
||||
overflow: visible;
|
||||
z-index: 1000;
|
||||
border: none;
|
||||
}
|
||||
.book-thumb.listview a img {
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
left: -50px;
|
||||
}
|
||||
.listview.author {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -8,6 +8,7 @@ div.book-list.listview{
|
|||
margin:0 5px 0 0;
|
||||
padding:7px 0;
|
||||
// overflow:hidden;
|
||||
position: relative;
|
||||
|
||||
&.row1 {
|
||||
background:#f6f9f9;
|
||||
|
|
@ -30,6 +31,12 @@ div.book-list.listview{
|
|||
margin-right:10px;
|
||||
background:url("../images/booklist/booklist-vline.png") right center no-repeat;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
|
||||
&:hover {
|
||||
z-index: 1000;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
span {
|
||||
display:block;
|
||||
|
|
@ -200,7 +207,9 @@ ul.navigation li a:hover, ul.navigation li.active a {
|
|||
}
|
||||
|
||||
.listview.icons {
|
||||
float: left;
|
||||
position: absolute;
|
||||
right: 31px;
|
||||
|
||||
.booklist-status-img {
|
||||
.border-radius(4px, 4px, 4px, 4px);
|
||||
background-color: #fff;
|
||||
|
|
@ -215,3 +224,7 @@ ul.navigation li a:hover, ul.navigation li.active a {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
div.content-block-content {
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,431 +0,0 @@
|
|||
.header-text {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
.panelborders {
|
||||
border-width: 1px 0px;
|
||||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.greenpanelstuff {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
width: 120px;
|
||||
line-height: 16px;
|
||||
}
|
||||
.greenpanelactionborders {
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
}
|
||||
.panelhoverlink {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
@charset "utf-8";
|
||||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
/*main_Css*/
|
||||
#main-wrapper {
|
||||
height: 100%;
|
||||
width: 725px;
|
||||
margin: 0px;
|
||||
padding: 0px 0px;
|
||||
}
|
||||
.panelview.tabs {
|
||||
padding: 5px 0px;
|
||||
margin: 0px;
|
||||
width: 142px;
|
||||
float: left;
|
||||
}
|
||||
.panelview.tabs span.active {
|
||||
padding: 15px;
|
||||
margin: 15px 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.panelview.book-list {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
width: 120px;
|
||||
line-height: 16px;
|
||||
margin: auto;
|
||||
padding: 0px 5px 5px 5px;
|
||||
height: 300px;
|
||||
background-color: #ffffff;
|
||||
color: #3d4e53;
|
||||
border: 5px solid #edf3f4;
|
||||
/* might need this for panel hover state; don't want it for nonhover. hm.
|
||||
a {
|
||||
color: @dark-green;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: @green;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
}
|
||||
.panelview.book-list:hover {
|
||||
color: #3d4e53;
|
||||
}
|
||||
.panelview.book-list img {
|
||||
padding: 5px 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
div.remove-wishlist.panelview {
|
||||
display: none;
|
||||
}
|
||||
.panelview.book-name, .panelview.author {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.panelview.booklist-status {
|
||||
color: #8dc63f;
|
||||
text-align: left;
|
||||
}
|
||||
.panelview.booklist-status .booklist-status-label {
|
||||
float: left;
|
||||
font-weight: bold;
|
||||
}
|
||||
/*2 start*/
|
||||
.greenpanel2 {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
width: 120px;
|
||||
line-height: 16px;
|
||||
margin: 0px auto;
|
||||
padding: 10px;
|
||||
height: 295px;
|
||||
background-color: #8dc63f;
|
||||
color: #ffffff;
|
||||
position: relative;
|
||||
}
|
||||
.unglued_white {
|
||||
font-size: 12px;
|
||||
margin: 0px auto;
|
||||
margin-bottom: 5px;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
.read_itbutton {
|
||||
width: 118px;
|
||||
height: 35px;
|
||||
padding: 0px 0px;
|
||||
background: #FFFFFF;
|
||||
margin: 0px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
border: 1px solid #81bb38;
|
||||
}
|
||||
.read_itbutton a {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background: url(/static/images/book-panel/book_icon.png) no-repeat left center;
|
||||
padding: 0px 0px 0px 30px;
|
||||
color: #73a334;
|
||||
}
|
||||
.read_itbutton a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.add_towish {
|
||||
width: 125px;
|
||||
height: 30px;
|
||||
padding: 0px 0px;
|
||||
margin: 15px auto;
|
||||
}
|
||||
.add_towish a {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background-image: url(/static/images/book-panel/add_wish_icon.png);
|
||||
padding: 8px 5px 8px 21px;
|
||||
color: #FFFFFF;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
}
|
||||
.add_towish a:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.white_text {
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
padding: 17px 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
.white_text a {
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
.white_text a:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
/*more info*/
|
||||
.moreinfo {
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px;
|
||||
margin: 15px 0 0;
|
||||
}
|
||||
.moreinfo a {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background-image: url(/static/images/book-panel/more_icon.png);
|
||||
padding: 8px 42px 8px 20px;
|
||||
padding-left: 20px;
|
||||
color: #FFFFFF;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
}
|
||||
.moreinfo a:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
/*end of the more info/*
|
||||
/*end the 2greenpanel*/
|
||||
/*2 start*/
|
||||
.graypanel {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
margin: 20px auto;
|
||||
padding: 4px 5px;
|
||||
height: 300px;
|
||||
width: 130px;
|
||||
line-height: 16px;
|
||||
background-color: #edf3f4;
|
||||
color: #3d4e53;
|
||||
border: 5px solid #edf3f4;
|
||||
}
|
||||
.unglued_white2 {
|
||||
font-size: 12px;
|
||||
margin: 3px auto;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
.green {
|
||||
color: #8dc63f;
|
||||
text-align: left;
|
||||
}
|
||||
.graypanel a {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.graypanel a:hover {
|
||||
color: #8dc63f;
|
||||
text-decoration: none;
|
||||
}
|
||||
.Unglue_itbutton {
|
||||
width: 110px;
|
||||
height: 40px;
|
||||
padding: 0px 9px;
|
||||
background: #FFFFFF;
|
||||
margin: 0px auto;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
border: 1px solid #d4dcdd;
|
||||
}
|
||||
.Unglue_itbutton a {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 2px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background-image: url(/static/images/book-panel/unglue_icon.png);
|
||||
padding: 5px 0px 0px 20px;
|
||||
color: #3d4e53;
|
||||
text-align: right;
|
||||
font-family: "LucidaGrandeBold";
|
||||
}
|
||||
.Unglue_itbutton a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.add_towish2 {
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px 0px;
|
||||
margin: 15px auto;
|
||||
}
|
||||
.add_towish2 a {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background-image: url(/static/images/book-panel/add_gray.png);
|
||||
padding: 8px 0px;
|
||||
padding-left: 20px;
|
||||
color: #3d4e53;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
font-family: "LucidaGrandeBold";
|
||||
}
|
||||
.add_towish2 a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.white_text2 {
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
padding: 13px 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
.white_text2 a, a:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
/*more info*/
|
||||
.moreinfo2 {
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px 20px 0px 0px;
|
||||
margin: 15px auto;
|
||||
}
|
||||
.moreinfo2 a {
|
||||
line-height: 40px;
|
||||
font-size: 12px;
|
||||
background-image: url(/static/images/book-panel/gray_more_info.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
padding: 8px 35px;
|
||||
font-weight: bold;
|
||||
padding-left: 20px;
|
||||
color: #3d4e53;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
font-family: "LucidaGrandeBold";
|
||||
}
|
||||
.moreinfo2 a:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
/*end the 2greenpanel*/
|
||||
.read {
|
||||
margin: 15px auto 5px auto;
|
||||
padding: 0px;
|
||||
width: 140px;
|
||||
color: #8dc63f;
|
||||
height: 40px;
|
||||
line-height: 25px;
|
||||
float: left;
|
||||
position: absolute;
|
||||
bottom: -15px;
|
||||
}
|
||||
.read p {
|
||||
margin: 0px;
|
||||
padding: 10px 3px;
|
||||
width: 50px;
|
||||
font-size: 10pt;
|
||||
float: left;
|
||||
}
|
||||
.read img {
|
||||
padding: 5px 0px;
|
||||
margin: 0px;
|
||||
float: left;
|
||||
}
|
||||
.right_add {
|
||||
padding: 10px;
|
||||
margin: 0px;
|
||||
float: right;
|
||||
}
|
||||
p.right_add {
|
||||
float: right;
|
||||
padding: 10px 10px 0 0;
|
||||
width: 24px;
|
||||
}
|
||||
/**/
|
||||
.read2 {
|
||||
margin: 15px auto;
|
||||
padding: 0px;
|
||||
width: 130px;
|
||||
color: #8dc63f;
|
||||
height: 40px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.read2 p {
|
||||
margin: 0px;
|
||||
padding: 10px 3px;
|
||||
width: 50px;
|
||||
font-size: 10pt;
|
||||
float: left;
|
||||
}
|
||||
.read2 img {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
float: left;
|
||||
}
|
||||
.right_add {
|
||||
padding: 10px;
|
||||
margin: 0px;
|
||||
float: right;
|
||||
}
|
||||
/* --------------- ( slideout hover state ) --------------------------------------------- */
|
||||
.panelview.book-thumb {
|
||||
float: left;
|
||||
position: relative;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
.panelview.book-thumb img {
|
||||
z-index: 100;
|
||||
width: 120px;
|
||||
height: 182px;
|
||||
}
|
||||
.panelview.book-thumb span {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: -10px;
|
||||
top: -5px;
|
||||
z-index: 1000;
|
||||
height: auto;
|
||||
}
|
||||
|
|
@ -69,6 +69,7 @@
|
|||
color: @text-blue;
|
||||
border: 5px solid @pale-blue;
|
||||
position: relative;
|
||||
// float: left;
|
||||
|
||||
&:hover {
|
||||
color: @text-blue;
|
||||
|
|
@ -102,7 +103,9 @@
|
|||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height:16px;
|
||||
max-height:32px;
|
||||
color: #3d4e53;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -118,7 +121,7 @@
|
|||
|
||||
.panelview.icons {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
bottom: -3px;
|
||||
width: 140px;
|
||||
|
||||
.booklist-status-img {
|
||||
|
|
@ -409,13 +412,14 @@ p.right_add { float:right; padding:10px 10px 0 0; width:24px; }
|
|||
margin:0px;
|
||||
padding:0px;
|
||||
left:0px;
|
||||
}
|
||||
.panelview.book-thumb img {
|
||||
|
||||
img {
|
||||
z-index: 100;
|
||||
width: 120px;
|
||||
height: 182px;
|
||||
}
|
||||
.panelview.book-thumb span {
|
||||
|
||||
span {
|
||||
position:absolute;
|
||||
bottom: 0;
|
||||
left:-10px;
|
||||
|
|
@ -423,3 +427,5 @@ p.right_add { float:right; padding:10px 10px 0 0; width:24px; }
|
|||
z-index: 1000;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,227 +0,0 @@
|
|||
.header-text {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
.panelborders {
|
||||
border-width: 1px 0px;
|
||||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
#js-page-wrap {
|
||||
overflow: hidden;
|
||||
}
|
||||
#main-container {
|
||||
margin-top: 20px;
|
||||
}
|
||||
#js-leftcol .jsmodule {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#js-leftcol .jsmodule.rounded {
|
||||
background: #edf3f4;
|
||||
-moz-border-radius: 20px 20px 20px 20px;
|
||||
-webkit-border-radius: 20px 20px 20px 20px;
|
||||
border-radius: 20px 20px 20px 20px;
|
||||
}
|
||||
#js-leftcol .jsmodule.rounded .jsmod-content {
|
||||
padding: 10px 20px;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
.book-detail {
|
||||
float: left;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
.book-detail-img {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 151px;
|
||||
}
|
||||
.book-detail-img img {
|
||||
padding: 5px;
|
||||
border: solid 5px #edf3f4;
|
||||
}
|
||||
.book-detail-info {
|
||||
float: left;
|
||||
width: 309px;
|
||||
}
|
||||
.book-detail-info h2.book-name, .book-detail-info h3.book-author, .book-detail-info h3.book-year {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: normal;
|
||||
}
|
||||
.book-detail-info h2.book-name {
|
||||
font-size: 18px;
|
||||
text-transform: capitalize;
|
||||
font-weight: bold;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.book-detail-info h3.book-author, .book-detail-info h3.book-year {
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: #6994a3;
|
||||
}
|
||||
.book-detail-info > div {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border-top: 1px solid #edf3f4;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.book-detail-info .find-book {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.book-detail-info .find-book label {
|
||||
float: left;
|
||||
line-height: 31px;
|
||||
}
|
||||
.book-detail-info .find-link {
|
||||
float: right;
|
||||
}
|
||||
.book-detail-info .pledged-info {
|
||||
padding: 0;
|
||||
}
|
||||
.book-detail-info .pledged-group {
|
||||
padding: 10px 40px 10px 0;
|
||||
float: left;
|
||||
}
|
||||
.book-detail-info .status {
|
||||
float: right;
|
||||
padding-top: 4px;
|
||||
}
|
||||
.book-detail-info .btn_support a {
|
||||
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;
|
||||
}
|
||||
#tabs {
|
||||
border-bottom: 4px solid #6994a3;
|
||||
clear: both;
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
#tabs ul.book-list-view {
|
||||
margin-bottom: 4px !important;
|
||||
}
|
||||
#tabs-1, #tabs-2, #tabs-3 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
#tabs-2, #tabs-3, #tabs-4 {
|
||||
display: none;
|
||||
}
|
||||
ul.tabs {
|
||||
float: left;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
ul.tabs li {
|
||||
float: left;
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
margin-right: 2px;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
ul.tabs li a {
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 0 10px;
|
||||
min-width: 80px;
|
||||
-moz-border-radius: 7px 7px 0 0;
|
||||
-webkit-border-radius: 7px 7px 0 0;
|
||||
border-radius: 7px 7px 0 0;
|
||||
background: #d6dde0;
|
||||
color: #3d4e53;
|
||||
}
|
||||
ul.tabs li a:hover, ul.tabs li.active a {
|
||||
background: #6994a3;
|
||||
color: #fff;
|
||||
}
|
||||
#js-rightcol {
|
||||
float: right;
|
||||
width: 235px;
|
||||
}
|
||||
#js-rightcol h3.jsmod-title {
|
||||
background: #a7c1ca;
|
||||
-moz-border-radius: 10px 10px 10px 10px;
|
||||
-webkit-border-radius: 10px 10px 10px 10px;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
padding: 10px;
|
||||
height: auto;
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
#js-rightcol h3.jsmod-title span {
|
||||
padding: 0;
|
||||
color: #fff;
|
||||
font-style: normal;
|
||||
}
|
||||
#js-rightcol .jsmodule {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#js-rightcol .jsmod-content {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.js-rightcol-pad {
|
||||
border: 1px solid #d6dde0;
|
||||
-moz-border-radius: 10px 10px 10px 10px;
|
||||
-webkit-border-radius: 10px 10px 10px 10px;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
#js-maincol {
|
||||
float: left;
|
||||
width: 470px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
#js-maincol div.content-block {
|
||||
background: none;
|
||||
padding: 0;
|
||||
}
|
||||
ul.social li {
|
||||
padding: 5px 0 5px 30px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
ul.social li.facebook {
|
||||
background: url("/static/images/icons/facebook.png") left center no-repeat;
|
||||
}
|
||||
ul.social li.twitter {
|
||||
background: url("/static/images/icons/twitter.png") left center no-repeat;
|
||||
}
|
||||
ul.social li.email {
|
||||
background: url("/static/images/icons/email.png") left center no-repeat;
|
||||
}
|
||||
ul.support li {
|
||||
border-bottom: 1px solid #d6dde0;
|
||||
padding: 10px 15px 10px 0;
|
||||
background: url("/static/images/icons/r-arrow.png") right center no-repeat;
|
||||
}
|
||||
ul.support li span {
|
||||
display: block;
|
||||
}
|
||||
ul.support li span .menu-item-price {
|
||||
font-size: 18px;
|
||||
}
|
||||
/* differs from sitewide.css. should it? */
|
||||
a {
|
||||
color: #3d4e53;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
|
@ -236,12 +236,11 @@ ul.social li {
|
|||
ul.support li {
|
||||
border-bottom:1px solid #d6dde0;
|
||||
padding:10px 15px 10px 0;
|
||||
background:url("@{image-base}icons/r-arrow.png") right center no-repeat;
|
||||
|
||||
span {
|
||||
display:block;
|
||||
|
||||
.menu-item-price {
|
||||
&.menu-item-price {
|
||||
font-size:18px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,6 +50,7 @@ div.book-list.listview {
|
|||
line-height: 43px;
|
||||
margin: 0 5px 0 0;
|
||||
padding: 7px 0;
|
||||
position: relative;
|
||||
}
|
||||
div.book-list.listview.row1 {
|
||||
background: #f6f9f9;
|
||||
|
|
@ -69,6 +70,11 @@ div.book-list.listview div.book-name {
|
|||
margin-right: 10px;
|
||||
background: url("../images/booklist/booklist-vline.png") right center no-repeat;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.book-list.listview div.book-name:hover {
|
||||
z-index: 1000;
|
||||
overflow: visible;
|
||||
}
|
||||
div.book-list.listview div.book-name span {
|
||||
display: block;
|
||||
|
|
@ -275,7 +281,8 @@ ul.navigation li a:hover, ul.navigation li.active a {
|
|||
display: none;
|
||||
}
|
||||
.listview.icons {
|
||||
float: left;
|
||||
position: absolute;
|
||||
right: 31px;
|
||||
}
|
||||
.listview.icons .booklist-status-img {
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
|
|
@ -306,6 +313,9 @@ ul.navigation li a:hover, ul.navigation li.active a {
|
|||
.listview.icons .booklist-status-label, .listview.icons .right_add {
|
||||
display: none;
|
||||
}
|
||||
div.content-block-content {
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
.header-text {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
|
|
@ -407,7 +417,9 @@ ul.navigation li a:hover, ul.navigation li.active a {
|
|||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
max-height: 32px;
|
||||
color: #3d4e53;
|
||||
overflow: hidden;
|
||||
}
|
||||
.panelview.booklist-status {
|
||||
color: #8dc63f;
|
||||
|
|
@ -419,7 +431,7 @@ ul.navigation li a:hover, ul.navigation li.active a {
|
|||
}
|
||||
.panelview.icons {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
bottom: -3px;
|
||||
width: 140px;
|
||||
}
|
||||
.panelview.icons .booklist-status-img {
|
||||
|
|
@ -914,7 +926,8 @@ h3.jsmod-title {
|
|||
height: 73px;
|
||||
}
|
||||
h3.jsmod-title span {
|
||||
background: url("/static/images/icon-h3.png") 90% center no-repeat;
|
||||
/* background:url("@{image-base}icon-h3.png") 90% center no-repeat; */
|
||||
|
||||
font-size: 17px;
|
||||
color: #fff;
|
||||
padding: 26px 40px 27px 20px;
|
||||
|
|
@ -1102,9 +1115,9 @@ a {
|
|||
padding: 10px;
|
||||
}
|
||||
.js-search {
|
||||
float: right;
|
||||
width: 30%;
|
||||
float: left;
|
||||
padding-top: 25px;
|
||||
margin-left: 81px;
|
||||
}
|
||||
.js-search input {
|
||||
float: left;
|
||||
|
|
@ -1674,7 +1687,9 @@ div.content-block-content {
|
|||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
max-height: 32px;
|
||||
color: #3d4e53;
|
||||
overflow: hidden;
|
||||
}
|
||||
.panelview.booklist-status {
|
||||
color: #8dc63f;
|
||||
|
|
@ -1686,7 +1701,7 @@ div.content-block-content {
|
|||
}
|
||||
.panelview.icons {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
bottom: -3px;
|
||||
width: 140px;
|
||||
}
|
||||
.panelview.icons .booklist-status-img {
|
||||
|
|
|
|||
|
|
@ -1,14 +0,0 @@
|
|||
.errorlist {
|
||||
color: red;
|
||||
}
|
||||
#registration {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 30%;
|
||||
margin-top: 5%;
|
||||
}
|
||||
#registration input[type="submit"] {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
|
@ -1,252 +0,0 @@
|
|||
.header-text {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.panelborders {
|
||||
border-width: 1px 0px;
|
||||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
body {
|
||||
background: url("/static/images/bg-body.png") 0 0 repeat-x;
|
||||
padding: 0 0 20px 0;
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
font-family: Lucida "Lucida Grande", "Lucida Sans Unicode", sans-serif, Helvetica, sans-serif;
|
||||
color: #3d4e53;
|
||||
}
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
#js-header {
|
||||
height: 90px;
|
||||
}
|
||||
.js-main {
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
clear: both;
|
||||
padding: 0;
|
||||
}
|
||||
.js-logo {
|
||||
float: left;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.js-logo a img {
|
||||
border: none;
|
||||
}
|
||||
.js-topmenu {
|
||||
float: right;
|
||||
padding-top: 25px;
|
||||
}
|
||||
.js-topmenu ul li {
|
||||
float: left;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.js-topmenu ul li a {
|
||||
color: #fff;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.js-topmenu ul li span#welcome {
|
||||
color: yellow;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.js-topmenu ul lilast a {
|
||||
background: url("/static/images/bg.png") right top no-repeat;
|
||||
}
|
||||
.js-topmenu ul lilast a span {
|
||||
background: url("/static/images/bg.png") -770px -36px no-repeat;
|
||||
margin-right: 29px;
|
||||
display: block;
|
||||
padding: 0 5px 0 15px;
|
||||
}
|
||||
#js-topsection {
|
||||
padding: 15px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.js-topnews {
|
||||
float: left;
|
||||
width: 60%;
|
||||
}
|
||||
.js-news-text {
|
||||
float: left;
|
||||
width: 70%;
|
||||
font-size: 16px;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.js-news-links {
|
||||
float: right;
|
||||
width: 30%;
|
||||
}
|
||||
.js-search {
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
clear: both;
|
||||
padding: 0;
|
||||
}
|
||||
.js-search .inputbox {
|
||||
padding: 0 0 0 15px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: url("/static/images/bg.png") -645px -180px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
float: left;
|
||||
color: #6994a3;
|
||||
}
|
||||
.js-search .button {
|
||||
background: url("/static/images/bg.png") 100% -144px no-repeat;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 40px;
|
||||
height: 36px;
|
||||
display: block;
|
||||
border: none;
|
||||
text-indent: -10000px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.js-search-inner {
|
||||
margin: 0 auto;
|
||||
}
|
||||
#js-leftcol {
|
||||
float: left;
|
||||
width: 235px;
|
||||
}
|
||||
#js-leftcol a {
|
||||
font-weight: normal;
|
||||
}
|
||||
#js-leftcol a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
#js-leftcol .jsmod-content {
|
||||
border: 1px solid #edf3f4;
|
||||
margin-left: 10px;
|
||||
border-radius: 0 0 10px 10px;
|
||||
-moz-border-radius: 0 0 10px 10px;
|
||||
-webkit-border-radius: 0 0 10px 10px;
|
||||
}
|
||||
#js-leftcol ul.level1 > li > a {
|
||||
text-transform: uppercase;
|
||||
color: #3d4e53;
|
||||
font-size: 12px;
|
||||
border-bottom: 1px solid #edf3f4;
|
||||
border-top: 1px solid #edf3f4;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
}
|
||||
#js-leftcol ul.level2 li {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
#js-leftcol ul.level2 li a {
|
||||
color: #6994a3;
|
||||
line-height: 20px;
|
||||
}
|
||||
#js-maincol-fr {
|
||||
float: left;
|
||||
width: 725px;
|
||||
}
|
||||
div.content-block {
|
||||
overflow: hidden;
|
||||
background: url("/static/images/bg.png") 100% -223px no-repeat;
|
||||
padding: 0 0 0 7px;
|
||||
}
|
||||
.content-block-heading a.block-link {
|
||||
float: right;
|
||||
padding: 15px;
|
||||
font-size: 11px;
|
||||
color: #3d4e53;
|
||||
text-decoration: underline;
|
||||
font-weight: normal;
|
||||
}
|
||||
div.content-block-content {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.content-block-content .cols3 .column {
|
||||
width: 33.33%;
|
||||
float: left;
|
||||
}
|
||||
h2 .content-heading {
|
||||
padding: 15px;
|
||||
margin: 0;
|
||||
font-size: 19px;
|
||||
font-weight: normal;
|
||||
color: #3d4e53;
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
h2 .content-heading span {
|
||||
font-style: italic;
|
||||
}
|
||||
h3 .jsmod-title {
|
||||
background: url("/static/images/bg.png") 0 0 no-repeat;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 73px;
|
||||
}
|
||||
h3 .jsmod-title span {
|
||||
background: url(../images/icon-h3.png) 90% center no-repeat;
|
||||
font-size: 17px;
|
||||
color: #fff;
|
||||
padding: 26px 40px 27px 20px;
|
||||
display: block;
|
||||
}
|
||||
ul.menu {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 20px;
|
||||
}
|
||||
a.readon {
|
||||
background: url("/static/images/bg.png") 100% -72px no-repeat;
|
||||
color: #fff;
|
||||
text-transform: capitalize;
|
||||
display: block;
|
||||
float: right;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
}
|
||||
a.readon span {
|
||||
background: url("/static/images/bg.png") -770px -108px no-repeat;
|
||||
margin-right: 34px;
|
||||
padding: 0 5px 0 20px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
}
|
||||
a {
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
#footer {
|
||||
border-top: 7px solid #edf3f4;
|
||||
clear: both;
|
||||
height: 90px;
|
||||
text-align: center;
|
||||
padding-top: 5px;
|
||||
}
|
||||
#footer a {
|
||||
color: #3d4e53;
|
||||
}
|
||||
|
|
@ -39,7 +39,7 @@ h3 {
|
|||
height:73px;
|
||||
|
||||
span {
|
||||
background:url("@{image-base}icon-h3.png") 90% center no-repeat;
|
||||
/* background:url("@{image-base}icon-h3.png") 90% center no-repeat; */
|
||||
font-size:17px;
|
||||
color:#fff;
|
||||
padding:26px 40px 27px 20px;
|
||||
|
|
@ -159,9 +159,9 @@ a {
|
|||
}
|
||||
|
||||
.js-search {
|
||||
float:right;
|
||||
width:30%;
|
||||
float:left;
|
||||
padding-top:25px;
|
||||
margin-left: 81px;
|
||||
|
||||
input {
|
||||
float: left;
|
||||
|
|
|
|||
|
|
@ -1,258 +0,0 @@
|
|||
.header-text {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
.panelborders {
|
||||
border-width: 1px 0px;
|
||||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.block-inner {
|
||||
padding-right: 10px;
|
||||
}
|
||||
.user-block {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
.user-block-hide {
|
||||
float: left;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
.user-block-hide .block {
|
||||
float: left;
|
||||
width: 33%;
|
||||
}
|
||||
.user-block-hide input {
|
||||
float: left;
|
||||
margin: 3px 10px 0 0;
|
||||
}
|
||||
.user-block-hide label {
|
||||
float: left;
|
||||
width: 90%;
|
||||
}
|
||||
.user-block1 {
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
.user-block2 {
|
||||
color: #6994a3;
|
||||
font-size: 11px;
|
||||
line-height: normal;
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
.user-block3, .user-block4 {
|
||||
float: right;
|
||||
width: 25%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
img.user-avatar {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.social {
|
||||
width: 100%;
|
||||
padding-left: 35px;
|
||||
}
|
||||
span.user-name, span.user-date, span.user-short-info {
|
||||
display: block;
|
||||
}
|
||||
span.user-name, span.user-name a, a {
|
||||
font-size: 12px;
|
||||
color: #3d4e53;
|
||||
}
|
||||
span.user-status-title {
|
||||
float: left;
|
||||
margin-right: 8px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
span.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px 7px 7px 7px;
|
||||
-webkit-border-radius: 7px 7px 7px 7px;
|
||||
border-radius: 7px 7px 7px 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
span.rounded > span {
|
||||
padding: 7px 10px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px 5px 5px 5px;
|
||||
-webkit-border-radius: 5px 5px 5px 5px;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
span.blue {
|
||||
background: #a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;
|
||||
}
|
||||
span.orange {
|
||||
background: #eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;
|
||||
}
|
||||
span.grey {
|
||||
background: #bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;
|
||||
}
|
||||
div.check-list {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
a.profile-edit {
|
||||
display: block;
|
||||
background: url("/static/images/header/icon-edit.png") right top no-repeat;
|
||||
}
|
||||
div.profile-save {
|
||||
padding-top: 15px;
|
||||
border: none;
|
||||
}
|
||||
input.profile-save {
|
||||
background: url("/static/images/header/save-setting.png") 0 0 no-repeat;
|
||||
width: 116px;
|
||||
height: 42px;
|
||||
display: block;
|
||||
text-indent: -100000px;
|
||||
border: none;
|
||||
}
|
||||
a.my-setting {
|
||||
background: #d6dde0 url("/static/images/header/explane.png") 90% center no-repeat;
|
||||
border-radius: 7px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
display: block;
|
||||
padding: 0 0 0 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
a.my-setting.active {
|
||||
background: #d6dde0 url("/static/images/header/collspane.png") 90% center no-repeat;
|
||||
}
|
||||
#tabs {
|
||||
border-bottom: 4px solid #8dc63f;
|
||||
clear: both;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
#tabs ul.book-list-view {
|
||||
margin-bottom: 4px !important;
|
||||
}
|
||||
#tabs-1, #tabs-2, #tabs-3 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
ul.tabs {
|
||||
float: left;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
ul.tabs li {
|
||||
float: left;
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
ul.tabs li a {
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 0 10px;
|
||||
min-width: 80px;
|
||||
border-radius: 7px 7px 0 0;
|
||||
background: url("/static/images/header/bg-tabs1.png") left bottom repeat-x;
|
||||
}
|
||||
ul.tabs li a:hover, ul.tabs li.active a {
|
||||
background: url("/static/images/header/bg-tabs.png") left bottom repeat-x;
|
||||
color: #fff;
|
||||
}
|
||||
.book-list span.rounded > span {
|
||||
line-height: normal;
|
||||
width: 75px;
|
||||
}
|
||||
.book-list span.rounded > span a {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
div.content-block-content {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.js-news-text {
|
||||
float: left;
|
||||
width: 70%;
|
||||
font-size: 16px;
|
||||
color: #3d4e53;
|
||||
font-family: lucida grande;
|
||||
}
|
||||
.js-news-links {
|
||||
float: right;
|
||||
width: 30%;
|
||||
}
|
||||
.column-left .item {
|
||||
margin: 0 10px 10px 0;
|
||||
}
|
||||
.column-center .item {
|
||||
margin: 0 5px 10px 5px;
|
||||
}
|
||||
.column-right .item {
|
||||
margin: 0 0 10px 10px;
|
||||
}
|
||||
.column .item {
|
||||
border: 7px solid #edf3f4;
|
||||
padding: 10px;
|
||||
}
|
||||
.book-image {
|
||||
padding: 0 0 10px 0;
|
||||
}
|
||||
.book-info {
|
||||
padding: 0 0 10px 0;
|
||||
line-height: 125%;
|
||||
position: relative;
|
||||
}
|
||||
.book-info span.book-new {
|
||||
background: url(/static/images/images/icon-new.png) 0 0 no-repeat;
|
||||
width: 38px;
|
||||
height: 36px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 0;
|
||||
}
|
||||
.book-name {
|
||||
color: #3d4e53;
|
||||
font-weight: bold;
|
||||
}
|
||||
.book-author {
|
||||
color: #6994a3;
|
||||
}
|
||||
.book-status {
|
||||
margin: 0 -10px;
|
||||
border-top: 1px solid #edf3f4;
|
||||
padding: 15px 10px 0 10px;
|
||||
position: relative;
|
||||
}
|
||||
.book-status span.unglue {
|
||||
font-style: italic;
|
||||
}
|
||||
.book-status span.status {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: -5px;
|
||||
width: 37px;
|
||||
height: 25px;
|
||||
display: block;
|
||||
}
|
||||
/* Do I even still need this?
|
||||
.book-status span.percent99{ background:url(../images/images/icon-book1.png) 0 0 no-repeat;}
|
||||
.book-status span.percent60{ background:url(../images/images/icon-book2.png) 0 0 no-repeat;}
|
||||
.book-status span.percent22{ background:url(../images/images/icon-book3.png) 0 0 no-repeat;}
|
||||
.book-status span.percent7{ background:url(../images/images/icon-book4.png) 0 0 no-repeat;}
|
||||
.book-status span.percent62{ background:url(../images/images/icon-book5.png) 0 0 no-repeat;}
|
||||
.book-status span.percent21{ background:url(../images/images/icon-book6.png) 0 0 no-repeat;}
|
||||
*/
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
// variables and mixins go here
|
||||
// variables and mixins used in multiple less files go here
|
||||
@text-blue: #3d4e53;
|
||||
@medium-blue: #6994a3;
|
||||
@pale-blue: #edf3f4;
|
||||
|
|
|
|||
Loading…
Reference in New Issue