bookshelf.css 3.33 KB
Newer Older
1 2
@charset "utf-8";

3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
.thumbnail a:link{
    text-align: center;
    float: left;
    width: 80px;
    height: 33px;
    display: table-cell;
}
.thumbnail a:hover{
    text-align: center; 
    width: 80px;
    height: 33px;
    display: table-cell;
}
.thumbnail_select{
    text-align: center;
    width: 80px;
    height: 33px;
    display: table-cell;
}
22
#bookshelf .wrapper_ws #main-ws .hoge-R section.sectionhomebookshelf .name img {
23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

/* section */
section.sectionhomebookshelf{
    margin-top: 10px;
    width: 200px;
    float: left;
    text-align: center;
    height: 238px;
    margin-right: 25px;
    position: relative;
    display: inline-block;
}

p.dop_info{
    position:absolute;
    bottom:-55px;
    left:15px;
    width:140px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    padding-left:12px;
    padding-right:12px;
    margin:0;
    z-index:9999;
}
p.dop_info a{}
p.dop_info a:hover{ }
.cnt_section_bookshelf{
    margin: 0px 0px 5px 0px ;
    padding: 5px 0 5px 0;
    height: 160px;
    width: 195px;
}
.cnt_section_bookshelf:hover{ }
.cnt_section_bookshelf a.img{ 
    display:block;
    margin:0 auto;
}
.cnt_section_bookshelf a.img img{
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
.cnt_section_bookshelf .text{
    text-align:center;
}
.sectionhomebookshelf a.name{
    display: block;
    width: 165px;
    text-align:left !important;
    margin-left: 25px;
    text-indent:-25px;
}
.cnt_section_bookshelf a.name:hover{ }
.cnt_section_bookshelf .text ul.date{ float:left;}
.cnt_section_bookshelf .text ul.date li{ }
.cnt_section_bookshelf .text .info{ overflow:hidden; margin-top:10px;}
.cnt_section_bookshelf .text ul.pic{ float:left; margin-left:105px;}
.cnt_section_bookshelf .text ul.pic li{ float:left; display:inline; margin-left:17px;}
.cnt_section_bookshelf .text ul.pic li a{ display:block;}
.cnt_section_bookshelf .text ul.pic li a.sticker{ width:33px; height:35px;}
.cnt_section_bookshelf .text ul.pic li a.pen{ width:32px; height:47px;}

.cnt_section_bookshelf .text ul.pic li a.read {
  
    display:inline-block;
    padding:2px 26px;
    margin-left:5px;
}.cnt_section_bookshelf .text ul.pic li a.read:hover {

}.cnt_section_bookshelf .text ul.pic li a.read:active {
    position:relative;
    top:1px;
}

.cnt_section_bookshelf .text ul.pic li a.read_hover {
    display:inline-block;
    padding:2px 26px;
    margin-left:5px;
    line-height:20px;
}.cnt_section_bookshelf .text ul.pic li a.read_hover:hover {

}.cnt_section_bookshelf .text ul.pic li a.read_hover:active {
    position:relative;
    top:1px;
}

.btn_bott{
    display: block;
    width: 210px;
    height: 33px;
    line-height: 33px;
    margin: 37px auto 0 auto;
}
a:hover.btn_bott{

}

126
#bookshelf .wrapper_ws #main-ws .hoge-R .tops .floatR {
127 128
    display: inline;
}
129
#bookshelf .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .band_vertical {
130 131 132 133
    position: absolute;
    top: 8px;
    left: 40px;
}
134
#bookshelf .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .band_horizontal {
135 136 137 138
    position: absolute;
    top: 46px;
    left: 19px;
}
139
.wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .book_horizontal {
140 141
    margin-top: 44px;
}
142
.wrapper_ws #main-ws .hoge-R .cnt_section_bookshelf .img .book_vertical {
143 144
    margin-top: 5px;
}