Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(http://fonts.googleapis.com/css?family=Roboto:400);
- body {
- margin: 0px;
- padding: 0px;
- background-color: #e6e6e6;
- color: #444444;
- text-align: center;
- }
- a {
- color: #444444;
- text-decoration: none;
- outline: none;
- }
- a img {
- border: 0px solid #AAAAAA;
- }
- .hidden {
- visibility: hidden;
- }
- .rootlink {
- font-family: 'Roboto', sans-serif;
- font-size: 18px;
- display : inline-block;
- padding : 16px;
- background-color: #FFFFFF;
- color: #000000;
- width : 300px;
- border-radius: 2px;
- -webkit-border-radius: 2px;
- -webkit-box-shadow: 0px 2px 4px #d6d6d6;
- -moz-box-shadow: 0px 2px 4px #d6d6d6;
- box-shadow: 0px 2px 4px #d6d6d6;
- }
- @media (max-width: 810px) {
- #toppagebar
- {
- position: fixed;
- z-index: 5;
- top: 0px;
- left: 0px;
- height: 140px;
- width: 100%;
- background-color: #03838F !important;
- -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
- -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
- box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
- }
- #group
- {
- margin-top: 150px;
- margin-left: 10px;
- margin-right: 10px;
- }
- #topbarleft
- {
- position: absolute;
- top: 70px;
- left: 0px;
- }
- #topbarright
- {
- position: absolute;
- top: 70px;
- right: 0px;
- }
- }
- @media (min-width: 811px) {
- #toppagebar
- {
- position: fixed;
- z-index: 5;
- top: 0px;
- left: 0px;
- height: 70px;
- width: 100%;
- background-color:#03838F !important;
- -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
- -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
- box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
- }
- #group
- {
- margin-top: 100px;
- margin-left: 10px;
- margin-right: 10px;
- }
- #topbarleft
- {
- float: left;
- }
- #topbarright
- {
- float: right;
- }
- }
- #topbarcenter {
- margin-left: auto;
- margin-right: auto;
- width: 456px
- }
- #pagelabel {
- float: left;
- color: #FFFFFF;
- width: 120px;
- margin-top: 10px;
- font-family: 'Roboto', sans-serif;
- font-size: 22px;
- }
- #pagelabel a {
- color: #FFFFFF;
- }
- #pagelabeltotal
- {
- font-size: 16px;
- color: #EEEEEE;
- }
- .topbutton
- {
- float: left;
- width: 64px;
- height: 64px;
- margin-left: 10px;
- margin-right: 10px;
- }
- #arrowup {
- background-image: url('/theme/arrowup.png');
- background-repeat: no-repeat;
- }
- #arrowleft {
- background-image: url('/theme/arrowleft.png');
- background-repeat: no-repeat;
- }
- #arrowleft10 {
- background-image: url('/theme/arrowleft10.png');
- background-repeat: no-repeat;
- }
- #arrowright {
- background-image: url('/theme/arrowright.png');
- background-repeat: no-repeat;
- }
- #arrowright10 {
- background-image: url('/theme/arrowright10.png');
- background-repeat: no-repeat;
- }
- #random {
- background-image: url('/theme/random.png');
- background-repeat: no-repeat;
- }
- #search {
- background-image: url('/theme/search.png');
- background-repeat: no-repeat;
- }
- #settings {
- background-image: url('/theme/settings.png');
- background-repeat: no-repeat;
- }
- #banner {
- position: absolute;
- top: 0px;
- left: 0px;
- height: 100px;
- width: 100%;
- background-image: url('/theme/banner.png');
- background-color: #FFFFFF;
- background-repeat: no-repeat;
- background-position: 20px center;
- }
- .cell {
- float: left;
- width: 160px;
- height: 288px;
- margin: 0px 20px 20px 0px;
- background-color: #ffffff;
- border-radius: 2px;
- box-shadow: 0 2px 2px #d6d6d6;
- }
- .cellcontainer {
- display: inline-block;
- }
- .thumb {
- width: 160px;
- height: 230px;
- text-align: center;
- }
- .label {
- font-size: 16px;
- font-family: 'Roboto', sans-serif;
- height: 45px;
- overflow: hidden;
- margin: 8px 4px 0px;
- }
- .numberblock {
- position: relative;
- float: right;
- top: -281px;
- height: 30px;
- width: 30px;
- }
- .number
- { position: relative;
- text-decoration: none;
- color: #ffffff;
- font-family: 'Roboto', sans-serif;;
- font-size: 16px;
- display: inline-block;
- height: 0px;
- width: 100%;
- background-color: #FF5722;
- border-radius: 50%;
- padding: 6px 0 24px 0;
- }
- #dimoverlay {
- visibility: hidden;
- z-index: 6;
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- text-align: center;
- background-image:url('/theme/dimoverlay.png');
- display: block;
- }
- #pageselector {
- display: none;
- }
- #searchbox {
- display: none;
- }
- #settingsbox {
- display: none;
- }
- #comicdetails {
- display: none;
- width: 580px;
- max-height: 700px;
- min-height: 280px;
- }
- .popupmenu {
- display: none;
- position: fixed;
- top: 0px;
- left: 0px;
- right: 0px;
- z-index: 9;
- display: inline-block;
- width: 420px;
- margin-left: auto;
- margin-right: auto;
- margin-top: 70px;
- padding: 10px;
- background-color: #FFFFFF;
- border: 0px solid #AAAAAA;
- box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.4);
- font-family: 'Roboto', sans-serif;
- font-size: 30px;
- max-height: 600px;
- overflow: auto;
- }
- .popuptitle {
- clear: both;
- padding-bottom: 20px;
- margin-top: 10px;
- margin-bottom: 20px;
- border-bottom: 0px #CCCCCC solid;
- }
- .pagenumber {
- border-radius: 25px;
- -webkit-border-radius: 25px;
- float: left;
- background-color: #777777;
- color: #FFFFFF;
- width: 50px;
- height: 38px;
- padding-top: 6px;
- padding-bottom: 6px;
- margin: 5px;
- }
- .currentpagenumber {
- color: #FFFFFF;
- background-color: #FA5126;
- }
- .actionbutton {
- font-size: 18px;
- background-color: #FA5126;
- color: #FFFFFF;
- border-radius: 3px;
- height: 32px;
- width: 75px;
- margin-left: 30px;
- margin-right: 30px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-bottom: 3px solid rgb(201, 61, 25);
- border-top: 0px;
- border-left: 0px;
- border-right: 0px;
- padding: 1px 0px 1px 0px;
- -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
- -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
- }
- .textbox {
- height: 28px;
- width: 200px;
- border: 1px solid #B9BDC1;
- color: #797979;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- }
- #searchright {
- border: 0;
- background: url('/theme/arrowright.png');
- cursor: pointer;
- }
- #searchright10 {
- border: 0;
- background: url('/theme/arrowright10.png');
- cursor: pointer;
- }
- #searchleft {
- border: 0;
- background: url('/theme/arrowleft.png');
- cursor: pointer;
- }
- #searchleft10 {
- border: 0;
- background: url('/theme/arrowleft10.png');
- cursor: pointer;
- }
- .searcharrowform {
- display : inline;
- }
- .sectiontitle {
- font-size:24px;
- }
- .radiolabel {
- display: inline-block;
- font-size: 18px;
- margin: 15px 25px 5px 5px;
- padding: 5px;
- width: 150px;
- border-radius: 10px;
- background-color:#EEEEEE;
- }
- /*****************************************/
- /* COMIC DETAILS */
- /*****************************************/
- #progressbar {
- position: relative;
- top: 131px;
- border: 0;
- background: url('/theme/progressbar.gif');
- background-repeat: no-repeat;
- margin: auto;
- width: 48px;
- height: 48px;
- }
- #details {
- font-family: "Arial";
- }
- #details_close {
- float: right;
- width: 32px;
- height: 32px;
- background-image: url('/theme/close.png');
- background-repeat: no-repeat;
- opacity: 0.5;
- }
- #details_cover {
- float: left;
- width: 160px;
- height: 264px;
- margin: 5px 15px 5px 5px;
- }
- #details_cover img {
- border: 0px solid #AAAAAA;
- box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
- -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
- -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
- }
- #details_title {
- font-size: 22px;
- font-weight: bold;
- text-align: left;
- }
- #details_authors {
- margin-top: 6px;
- font-size: 16px;
- font-weight: bold;
- text-align: left;
- color: #888888;
- max-height: 40px;
- overflow: hidden;
- }
- #details_series {
- margin-top: 6px;
- font-size: 16px;
- text-align: left;
- font-style: italic
- }
- #details_size {
- line-height: 24px;
- margin-top: 6px;
- font-size: 16px;
- text-align: left;
- }
- #details_genre {
- margin-top: 5px;
- font-size: 16px;
- text-align: left;
- font-style: italic
- }
- #details_language_pubdate {
- margin-top: 5px;
- font-size: 16px;
- text-align: left;
- word-spacing: 5px;
- }
- #details_download {
- position: absolute;
- top: 208px;
- left: 190px;
- width: 164px;
- height: 42px;
- background-image: url('/theme/download.png');
- background-repeat: no-repeat;
- }
- #details_read {
- position: absolute;
- top: 208px;
- left: 374px;
- width: 164px;
- height: 42px;
- background-image: url('/theme/read.png');
- background-repeat: no-repeat;
- }
- #details_description {
- clear: both;
- font-size: 16px;
- text-align:left;
- overflow-y: auto;
- color: #444444;
- padding: 15px;
- max-height: 400px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement