/* 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; } .roundedspan { 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; } .roundedspan > span { padding: 7px 7px; min-width: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; display: inline-block; } .roundedspan > span .hovertext { display: none; } .roundedspan > span:hover .hovertext { display: inline; } .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; } .errors { -moz-border-radius: 16px 16px 0 0; -webkit-border-radius: 16px 16px 0 0; border-radius: 16px 16px 0 0; border: solid #e35351 3px; clear: both; width: 90%; height: auto; line-height: 16px; padding: 7px 0; font-weight: bold; font-size: 13px; text-align: center; } .errors li { list-style: none; border: none; } .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 .block2 div { float: left; max-width: 340px; } #user-block-hide .block2 input { margin-left: 5px; } #user-block-hide input { float: left; margin: 3px 10px 0 0; width: 45%; } #user-block-hide input[type=checkbox] { float: none; width: auto; } #user-block-hide input#librarything_input, #user-block-hide input#goodreads_input { width: auto; cursor: pointer; background: #edf3f4; color: #3d4e53; cursor: pointer; } #user-block-hide input.profile-save { width: 116px; cursor: pointer; } #user-block-hide label { float: left; width: 90%; } #user-block-hide textarea { width: 95%; } #user-block-hide select { margin-bottom: 5px; } #user-block1 { float: left; width: 25%; } .user-block2 { color: #6994a3; font-size: 13px; line-height: normal; float: left; width: 25%; } .user-block3, .user-block4 { float: left; width: 25%; } .user-block3.recommended, .user-block4.recommended { margin-top: auto; } .user-block3.recommended img, .user-block4.recommended img { margin-right: 7px; } .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: 19px; 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: 13px; 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 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; padding-bottom: 7px; clear: both; } 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: 33px; margin: 12px auto; } #loadgr span { display: inline-block; vertical-align: middle; } #loadgr div, #loadgr input { margin: auto 10px auto 36px; } #loadgr #goodreads_shelves { margin: auto 10px auto 36px; display: block; } #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: 19px; 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%; border-bottom: 4px solid #d6dde0; } #tabs ul.tabs li a:hover { text-decoration: none; } #tabs.wantto ul.tabs li.tabs3.active a { background: #d6dde0; color: #3d4e53; } #tabs.ungluing ul.tabs li.tabs2.active a { background: #eabc7c; color: #fff; } #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, ul.tabs li.tabs3 { 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.tabs1.active a { background: #8dc63f; color: #ffffff; } ul.tabs li.tabs2 a:hover, ul.tabs li.tabs2.active a { background: #eabc7c; color: #fff; } ul.tabs li.tabs3 a:hover, ul.tabs li.tabs3.active a { background: #d6dde0; color: #3d4e53; } #rss { height: 46px; } #rss img { padding: 16px 0 0 14px; } #rss span { margin-left: 3px; font-size: 13px; } .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: 15px; 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; } #js-slide .jsmodule { width: 660px !important; } #js-maincontainer-bot-block { padding-left: 16px; } .anon_about { height: 43px; line-height: 43px; font-size: 15px; padding-left: 37px; border: solid 3px #d6dde0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 665px; margin: 7px 0; } .anon_about a { font-size: 15px; color: #8dc63f; }