2011-11-06 20:24:16 +00:00
|
|
|
@import "variables.less";
|
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
.block-inner {
|
|
|
|
padding-right:10px;
|
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
.user-block {
|
|
|
|
width:100%;
|
|
|
|
clear:both;
|
2011-10-04 20:18:59 +00:00
|
|
|
}
|
2011-10-13 16:25:10 +00:00
|
|
|
|
2012-02-07 17:01:00 +00:00
|
|
|
#user-block-hide {
|
2011-10-13 16:25:10 +00:00
|
|
|
float: left;
|
|
|
|
width:100%;
|
2011-10-04 20:18:59 +00:00
|
|
|
clear:both;
|
2011-12-16 17:17:08 +00:00
|
|
|
padding-top: 10px;
|
2011-10-13 16:25:10 +00:00
|
|
|
|
|
|
|
.block {
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
|
2011-12-16 17:17:08 +00:00
|
|
|
.block1, .block3 {
|
|
|
|
width:25%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.block2 {
|
|
|
|
width:50%;
|
2012-02-09 17:28:45 +00:00
|
|
|
|
|
|
|
div {
|
|
|
|
float: left;
|
|
|
|
max-width: 340px;
|
2001-01-01 00:12:21 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
input {
|
|
|
|
margin-left: 5px;
|
|
|
|
}
|
2011-12-16 17:17:08 +00:00
|
|
|
}
|
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
input {
|
|
|
|
float:left;
|
|
|
|
margin:3px 10px 0 0;
|
2012-02-02 18:55:21 +00:00
|
|
|
width: 45%;
|
2012-02-09 17:28:45 +00:00
|
|
|
|
|
|
|
&[type=checkbox] {
|
|
|
|
float: none;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
&#librarything_input, &#goodreads_input {
|
|
|
|
width: auto;
|
|
|
|
cursor: pointer;
|
|
|
|
background: @pale-blue;
|
|
|
|
color: @text-blue;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.profile-save {
|
|
|
|
width: 116px;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
label {
|
|
|
|
float:left;
|
|
|
|
width:90%;
|
|
|
|
}
|
2012-02-02 18:55:21 +00:00
|
|
|
|
|
|
|
textarea {
|
|
|
|
width:95%;
|
|
|
|
}
|
2012-02-09 16:48:41 +00:00
|
|
|
|
2012-02-14 16:28:05 +00:00
|
|
|
select {
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
|
|
|
|
2012-02-07 17:01:00 +00:00
|
|
|
#user-block1 {
|
2011-10-13 16:25:10 +00:00
|
|
|
float:left;
|
|
|
|
width:25%;
|
2012-10-03 14:59:57 +00:00
|
|
|
position: relative;
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.user-block2 {
|
|
|
|
color:@medium-blue;
|
2012-06-13 16:31:21 +00:00
|
|
|
font-size: @font-size-default;
|
2011-10-13 16:25:10 +00:00
|
|
|
line-height:normal;
|
|
|
|
float:left;
|
|
|
|
width:25%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-block3,
|
|
|
|
.user-block4 {
|
2011-12-15 15:28:23 +00:00
|
|
|
float:left;
|
2011-10-13 16:25:10 +00:00
|
|
|
width:25%;
|
2012-05-08 18:28:06 +00:00
|
|
|
|
|
|
|
&.recommended {
|
|
|
|
margin-top: auto;
|
2012-05-09 20:33:22 +00:00
|
|
|
|
|
|
|
img {
|
|
|
|
margin-right: 7px;
|
|
|
|
}
|
2012-05-08 18:28:06 +00:00
|
|
|
}
|
2011-12-15 15:28:23 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.user-block3 {
|
|
|
|
margin-top:8px;
|
|
|
|
.ungluingtext {
|
|
|
|
.height(29px);
|
|
|
|
float: left;
|
|
|
|
color: @text-blue;
|
|
|
|
padding-right: 5px;
|
|
|
|
}
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
|
|
|
|
2011-12-15 18:55:26 +00:00
|
|
|
.user-block4 {
|
|
|
|
margin-top: 7px;
|
|
|
|
}
|
|
|
|
|
2012-10-03 14:59:57 +00:00
|
|
|
.user-badges {
|
|
|
|
position: absolute;
|
|
|
|
bottom: 0;
|
|
|
|
left: 60px;
|
|
|
|
|
|
|
|
img {
|
2012-10-03 17:44:33 +00:00
|
|
|
vertical-align:text-bottom;
|
2012-10-03 20:20:43 +00:00
|
|
|
border:1px solid #d4d4d4;
|
|
|
|
.one-border-radius(5px);
|
2012-10-03 14:59:57 +00:00
|
|
|
}
|
2012-09-23 03:55:07 +00:00
|
|
|
}
|
2012-10-03 14:59:57 +00:00
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
.social {
|
|
|
|
width:100%;
|
2011-12-16 17:17:08 +00:00
|
|
|
}
|
|
|
|
|
2012-10-03 14:59:57 +00:00
|
|
|
#edit_profile {
|
|
|
|
float: right;
|
|
|
|
margin-top: -12px;
|
|
|
|
margin-right: -5px;
|
|
|
|
border: 2px solid white;
|
|
|
|
padding: 3px 2px 2px 3px;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
border: 2px solid @call-to-action;
|
|
|
|
.one-border-radius(5px);
|
|
|
|
}
|
|
|
|
}
|
2011-12-16 17:17:08 +00:00
|
|
|
span.special-user-name {
|
|
|
|
display: block;
|
2012-06-13 16:31:21 +00:00
|
|
|
font-size: @font-size-header;
|
2011-12-16 17:17:08 +00:00
|
|
|
color:@text-blue;
|
|
|
|
margin-left:10px;
|
|
|
|
font-weight:bold;
|
|
|
|
height:50px;
|
2011-10-04 20:18:59 +00:00
|
|
|
}
|
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
span.user-name,
|
|
|
|
span.user-short-info {
|
|
|
|
display: block;
|
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-12-16 17:17:08 +00:00
|
|
|
.user-block2 .user-short-info {
|
|
|
|
padding-right:10px;
|
|
|
|
}
|
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
span.user-name,
|
2012-01-15 23:02:53 +00:00
|
|
|
span.user-name a {
|
2012-06-13 16:31:21 +00:00
|
|
|
font-size: @font-size-default;
|
2011-10-13 16:25:10 +00:00
|
|
|
color:@text-blue;
|
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
span.user-status-title {
|
|
|
|
float:left;
|
|
|
|
margin-right: 8px;
|
|
|
|
padding-top: 5px;
|
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
span.rounded {
|
2012-02-06 15:57:37 +00:00
|
|
|
.roundedspan;
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
span.blue {
|
2012-02-14 17:27:43 +00:00
|
|
|
.supporter-color-span(#a7d26a, "blue");
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
span.orange {
|
2012-02-14 17:27:43 +00:00
|
|
|
.supporter-color-span(#eabc7c, "orange");
|
2011-10-04 20:18:59 +00:00
|
|
|
}
|
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
span.grey {
|
2012-02-14 17:27:43 +00:00
|
|
|
.supporter-color-span(#bacfd6, "grey");
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
div.check-list {
|
|
|
|
float: left;
|
|
|
|
padding-bottom:7px;
|
2001-01-01 00:12:21 +00:00
|
|
|
clear: both;
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
a.profile-edit {
|
|
|
|
display:block;
|
2011-12-16 17:17:08 +00:00
|
|
|
// background:url("@{image-base}header/icon-edit.png") right top no-repeat;
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
div.profile-save {
|
|
|
|
padding-top:15px;
|
2011-10-21 19:35:31 +00:00
|
|
|
border: none;
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-10-21 19:35:31 +00:00
|
|
|
input.profile-save {
|
2011-11-06 20:24:16 +00:00
|
|
|
background: url("@{image-base}header/save-setting.png") 0 0 no-repeat;
|
2011-10-21 19:35:31 +00:00
|
|
|
width: 116px;
|
|
|
|
height: 42px;
|
|
|
|
display: block;
|
|
|
|
text-indent: -100000px;
|
|
|
|
border:none;
|
2012-01-15 23:02:53 +00:00
|
|
|
cursor: pointer;
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
2011-12-22 21:03:15 +00:00
|
|
|
|
|
|
|
#loadgr {
|
|
|
|
background: url("@{image-base}supporter_icons/goodreads_square.png") left center no-repeat;
|
2012-03-10 00:22:50 +00:00
|
|
|
min-height: 33px;
|
|
|
|
margin: 12px auto;
|
2011-12-26 17:53:28 +00:00
|
|
|
|
|
|
|
span {
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
2011-12-22 21:03:15 +00:00
|
|
|
|
2012-03-12 19:08:47 +00:00
|
|
|
div, input {
|
2012-03-10 00:22:50 +00:00
|
|
|
margin: auto 10px auto 36px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#goodreads_shelves {
|
2001-01-01 00:12:21 +00:00
|
|
|
margin: auto 10px auto 36px;
|
2012-03-10 00:22:50 +00:00
|
|
|
display: block;
|
2011-12-22 21:03:15 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#loadlt {
|
|
|
|
background: url("@{image-base}supporter_icons/librarything_square.png") left center no-repeat;
|
|
|
|
min-height: 32px;
|
2011-12-26 17:53:28 +00:00
|
|
|
padding-top: 4px;
|
2011-12-22 21:03:15 +00:00
|
|
|
|
|
|
|
div, input {
|
|
|
|
margin: auto 10px auto 36px;
|
|
|
|
}
|
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-12-26 17:53:28 +00:00
|
|
|
.weareonthat {
|
|
|
|
background: url("@{image-base}checkmark_small.png") left center no-repeat;
|
|
|
|
}
|
2012-01-15 23:02:53 +00:00
|
|
|
span.my-setting {
|
2011-11-18 18:27:26 +00:00
|
|
|
background:@blue-grey url("@{image-base}header/explane.png") 90% center no-repeat;
|
2012-01-13 17:34:42 +00:00
|
|
|
.one-border-radius(7px);
|
2012-09-23 03:55:07 +00:00
|
|
|
.height(40px);
|
2011-10-13 16:25:10 +00:00
|
|
|
display:block;
|
2012-09-23 03:55:07 +00:00
|
|
|
padding:0 0 10px 10px;
|
2012-06-13 16:31:21 +00:00
|
|
|
font-size: @font-size-header;
|
2012-01-15 23:02:53 +00:00
|
|
|
font-weight: bold;
|
|
|
|
cursor:pointer;
|
2011-10-04 20:18:59 +00:00
|
|
|
}
|
|
|
|
|
2012-01-15 23:02:53 +00:00
|
|
|
span.my-setting.active {
|
2011-11-18 18:27:26 +00:00
|
|
|
background:@blue-grey url("@{image-base}header/collspane.png") 90% center no-repeat;
|
2011-10-04 20:18:59 +00:00
|
|
|
}
|
|
|
|
|
2011-12-14 21:49:36 +00:00
|
|
|
#tabs {
|
2011-10-13 16:25:10 +00:00
|
|
|
clear: both;
|
|
|
|
float: left;
|
|
|
|
margin-left: 10px;
|
|
|
|
margin-top: 10px;
|
|
|
|
width: 100%;
|
2012-03-05 17:03:08 +00:00
|
|
|
border-bottom: 4px solid @blue-grey;
|
2012-01-11 15:00:10 +00:00
|
|
|
|
|
|
|
ul.tabs li a:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
2011-12-14 21:49:36 +00:00
|
|
|
|
|
|
|
&.wantto {
|
2011-12-19 14:44:56 +00:00
|
|
|
ul.tabs li.tabs3.active a {
|
|
|
|
background: @blue-grey;
|
|
|
|
color: @text-blue;
|
|
|
|
}
|
2011-12-14 21:49:36 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&.ungluing {
|
2011-12-19 14:44:56 +00:00
|
|
|
ul.tabs li.tabs2.active a {
|
|
|
|
background: #eabc7c;
|
|
|
|
color: #fff;
|
|
|
|
}
|
2011-12-14 21:49:36 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&.unglued {
|
2011-12-19 14:44:56 +00:00
|
|
|
ul.tabs li.tabs1.active a {
|
|
|
|
background: @green;
|
|
|
|
color: #fff;
|
|
|
|
}
|
2011-12-14 21:49:36 +00:00
|
|
|
}
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
#tabs ul.book-list-view {
|
2011-12-19 14:44:56 +00:00
|
|
|
margin-bottom:0 !important;
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
#tabs-1,
|
|
|
|
#tabs-2,
|
|
|
|
#tabs-3 {
|
|
|
|
margin-left:10px;
|
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
|
2011-10-13 16:25:10 +00:00
|
|
|
ul.tabs {
|
|
|
|
float:left;
|
|
|
|
padding:0;
|
|
|
|
margin:0;
|
2011-10-04 20:18:59 +00:00
|
|
|
list-style:none;
|
2011-10-13 16:25:10 +00:00
|
|
|
|
|
|
|
li {
|
|
|
|
float: left;
|
|
|
|
.height(46px);
|
2011-12-14 21:49:36 +00:00
|
|
|
margin-right:2px;
|
2011-12-16 17:17:08 +00:00
|
|
|
|
2012-02-07 17:01:00 +00:00
|
|
|
&.tabs1, &.tabs2, &.tabs3 {
|
2011-12-16 17:17:08 +00:00
|
|
|
width:112px;
|
|
|
|
}
|
2011-10-13 16:25:10 +00:00
|
|
|
|
|
|
|
a {
|
2011-12-14 21:49:36 +00:00
|
|
|
.height(46px);
|
|
|
|
display:block;
|
2011-10-13 16:25:10 +00:00
|
|
|
text-align:center;
|
2011-12-14 21:49:36 +00:00
|
|
|
padding:0 10px;
|
2011-10-13 16:25:10 +00:00
|
|
|
min-width:80px;
|
2011-12-14 21:49:36 +00:00
|
|
|
.border-radius(7px, 7px, 0, 0);
|
|
|
|
background:@medium-blue;
|
2011-10-13 16:25:10 +00:00
|
|
|
color:#fff;
|
|
|
|
}
|
2011-12-19 14:44:56 +00:00
|
|
|
|
2012-03-05 17:03:08 +00:00
|
|
|
&.tabs1 a:hover, &.tabs1.active a {
|
2011-12-19 14:44:56 +00:00
|
|
|
background:@green;
|
|
|
|
color:#fff
|
|
|
|
}
|
|
|
|
|
2012-03-05 17:03:08 +00:00
|
|
|
&.tabs2 a:hover, &.tabs2.active a {
|
2011-12-19 14:44:56 +00:00
|
|
|
background:#eabc7c;
|
|
|
|
color:#fff;
|
|
|
|
}
|
|
|
|
|
2012-03-05 17:03:08 +00:00
|
|
|
&.tabs3 a:hover, &.tabs3.active a {
|
2011-12-19 14:44:56 +00:00
|
|
|
background:@blue-grey;
|
|
|
|
color:@text-blue;
|
|
|
|
}
|
2011-10-13 16:25:10 +00:00
|
|
|
}
|
2011-10-04 20:18:59 +00:00
|
|
|
}
|
|
|
|
|
2012-03-10 02:35:47 +00:00
|
|
|
#rss {
|
|
|
|
height: 46px;
|
|
|
|
|
|
|
|
img {
|
|
|
|
padding: 16px 0 0 14px;
|
|
|
|
}
|
2012-03-12 18:46:40 +00:00
|
|
|
|
|
|
|
span {
|
|
|
|
margin-left: 3px;
|
2012-06-13 16:31:21 +00:00
|
|
|
font-size: @font-size-default;
|
2012-03-12 18:46:40 +00:00
|
|
|
}
|
2012-03-10 02:35:47 +00:00
|
|
|
}
|
|
|
|
|
2011-12-22 14:51:49 +00:00
|
|
|
.listview .rounded {
|
|
|
|
// cancelling out styles that would otherwise apply
|
|
|
|
line-height: normal;
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
2011-11-06 19:02:29 +00:00
|
|
|
|
2012-02-06 18:53:25 +00:00
|
|
|
div#content-block-content {
|
2011-11-06 19:02:29 +00:00
|
|
|
padding-left: 10px;
|
|
|
|
}
|
|
|
|
|
2012-01-15 23:02:53 +00:00
|
|
|
.empty-wishlist {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
2011-11-06 20:24:16 +00:00
|
|
|
.js-news-text {
|
|
|
|
float:left;
|
|
|
|
width:70%;
|
2012-06-13 16:31:21 +00:00
|
|
|
font-size: @font-size-larger;
|
2011-11-06 20:24:16 +00:00
|
|
|
color:@text-blue;
|
|
|
|
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 @pale-blue;
|
|
|
|
padding:10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.book-image {
|
|
|
|
padding:0 0 10px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.book-info {
|
|
|
|
padding:0 0 10px 0;
|
|
|
|
line-height:125%;
|
|
|
|
position:relative;
|
|
|
|
|
|
|
|
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:@text-blue;
|
|
|
|
}
|
|
|
|
|
|
|
|
.book-author {
|
|
|
|
color:@medium-blue;
|
|
|
|
}
|
|
|
|
|
|
|
|
.book-status {
|
|
|
|
margin:0 -10px;
|
|
|
|
border-top:1px solid @pale-blue;
|
|
|
|
padding:15px 10px 0 10px;
|
|
|
|
position:relative;
|
|
|
|
|
|
|
|
span.unglue {
|
|
|
|
font-style:italic;
|
|
|
|
}
|
|
|
|
|
|
|
|
span.status {
|
|
|
|
position:absolute;
|
|
|
|
right:10px;
|
|
|
|
bottom:-5px;
|
|
|
|
width:37px;
|
|
|
|
height:25px;
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
|
2012-03-07 18:23:34 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#js-slide .jsmodule {
|
2012-03-14 13:19:06 +00:00
|
|
|
width: 660px !important;
|
2012-03-07 18:23:34 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#js-maincontainer-bot-block {
|
|
|
|
padding-left: 16px;
|
2012-06-13 19:50:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.anon_about {
|
|
|
|
.height(43px);
|
|
|
|
font-size: @font-size-larger;
|
|
|
|
padding-left: 37px;
|
|
|
|
border: solid 3px @blue-grey;
|
|
|
|
.one-border-radius(5px);
|
|
|
|
width: 665px;
|
|
|
|
margin: 7px 0;
|
|
|
|
|
|
|
|
a {
|
|
|
|
font-size: @font-size-larger;
|
|
|
|
color: @call-to-action;
|
|
|
|
}
|
2011-11-14 15:19:52 +00:00
|
|
|
}
|