/* variables and mixins used in multiple less files go here */ .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; } .mediaborder { padding: 5px; border: solid 5px #EDF3F4; } .google_signup_div { padding: 14px 0; } .google_signup_div div { height: 24px; line-height: 24px; float: left; padding-left: 5px; } .google_signup_div img { float: left; height: 24px; width: 24px; } .actionbuttons { width: auto; height: 36px; line-height: 36px; background: #8dc63f; -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; color: white; cursor: pointer; font-size: 13px; font-weight: bold; padding: 0 15px; border: none; margin: 5px 0; } .block-inner { padding-right: 10px; } .user-block { width: 100%; clear: both; } .user-block-hide { float: left; width: 100%; clear: both; padding-top: 10px; } .user-block-hide .block { float: left; } .user-block-hide .block1, .user-block-hide .block3 { width: 25%; } .user-block-hide .block2 { width: 50%; } .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: left; width: 25%; } .user-block3 { margin-top: 8px; } .user-block3 .ungluingtext { height: 29px; line-height: 29px; float: left; color: #3d4e53; padding-right: 5px; } .user-block4 { margin-top: 7px; } img.user-avatar { float: left; margin-right: 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .social { width: 100%; } span.special-user-name { display: block; font-size: 17px; color: #3d4e53; margin-left: 10px; font-weight: bold; height: 50px; } span.user-name, span.user-date, span.user-short-info { display: block; } .user-block2 .user-short-info { padding-right: 10px; } span.user-name, span.user-name 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; -webkit-border-radius: 7px; border-radius: 7px; padding: 1px; color: #fff; margin: 0 8px 0 0; display: inline-block; } span.rounded > span { padding: 7px 7px; min-width: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; display: inline-block; } span.rounded > span .hovertext { display: none; } span.rounded > span:hover .hovertext { display: inline; } span.blue { background: #a7d26a; } span.orange { background: #eabc7c; } span.grey { background: #bacfd6; } div.check-list { float: left; width: 100%; padding-bottom: 7px; } a.profile-edit { display: block; } 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; cursor: pointer; } #loadgr { background: url("/static/images/supporter_icons/goodreads_square.png") left center no-repeat; min-height: 32px; margin-bottom: 12px; } #loadgr span { display: inline-block; vertical-align: middle; } #loadgr div, #loadgr input { margin: 2px 10px 2px 36px; } #loadlt { background: url("/static/images/supporter_icons/librarything_square.png") left center no-repeat; min-height: 32px; padding-top: 4px; } #loadlt div, #loadlt input { margin: auto 10px auto 36px; } .weareonthat { background: url("/static/images/checkmark_small.png") left center no-repeat; } span.my-setting { background: #d6dde0 url("/static/images/header/explane.png") 90% center no-repeat; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; height: 50px; line-height: 50px; display: block; padding: 0 0 0 10px; font-size: 20px; font-weight: bold; cursor: pointer; } span.my-setting.active { background: #d6dde0 url("/static/images/header/collspane.png") 90% center no-repeat; } .badges.listspage { float: left; margin-left: 12px; } #tabs { clear: both; float: left; margin-left: 10px; margin-top: 10px; width: 100%; } #tabs ul.tabs li a:hover { text-decoration: none; } #tabs.wantto { border-bottom: 4px solid #d6dde0; } #tabs.wantto ul.tabs li.tabs3.active a { background: #d6dde0; color: #3d4e53; } #tabs.ungluing { border-bottom: 4px solid #eabc7c; } #tabs.ungluing ul.tabs li.tabs2.active a { background: #eabc7c; color: #fff; } #tabs.unglued { border-bottom: 4px solid #8dc63f; } #tabs.unglued ul.tabs li.tabs1.active a { background: #8dc63f; color: #fff; } #tabs ul.book-list-view { margin-bottom: 0 !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: 2px; } ul.tabs li.tabs1, ul.tabs li.tabs2 { width: 112px; } 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: #6994a3; color: #fff; } ul.tabs li.tabs1 a:hover, ul.tabs li.active a { background: #8dc63f; color: #ffffff; } ul.tabs li.tabs2 a:hover, ul.tabs li.active a { background: #eabc7c; color: #fff; } ul.tabs li.tabs3 a:hover, ul.tabs li.active a { background: #d6dde0; color: #3d4e53; } /* .book-list span.rounded { > span { .height(15px); a { text-transform:capitalize; } } } */ .listview .rounded { line-height: normal; margin-right: 0; } div.content-block-content { padding-left: 10px; } .empty-wishlist { margin-top: 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; } .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; }