티스토리 수익 글 보기
@charset “shift_jis”;
/* /////////////////////////////////////////// */
/* top page
/* /////////////////////////////////////////// */
#top_main #main_contents h2 {
clear:both;
border-right:1px solid #FF6600;
border-bottom:1px solid #FF6600;
background-color:#FFCC00;
color:#FFFFFF;
padding:4px;
margin:0px 0px 0.8em;
}
#top_pic p {
clear:both;
margin:0 0 20px 0;
}
/* ———————————– contents_item */
.contents_item {
margin-bottom:20px;
}
.contents_item ul li {
border-bottom:1px dotted #CCCCCC;
}
.contents_item ul li.ico_info {
background:url(../images/ico_info.gif) no-repeat 0 6px;
padding:3px 0px 3px 85px;
}
.contents_item ul li.ico_new {
background:url(../images/ico_new.gif) no-repeat 0 6px;
padding:3px 0px 3px 85px;
}
.contents_item ul li.ico_cam {
background:url(../images/ico_cam.gif) no-repeat 0 6px;
padding:3px 0px 3px 85px;
}
.contents_item ul li span {
font-weight:bold;
margin:0 8px 0 0;
padding:0 3px;
background-color:#EEEEEE;
}
/* ———————————– contents_cam */
.contents_cam {
margin-bottom:20px;
}
.contents_cam ul {
clear:both;
height:1%;
}
.contents_cam ul:after {
content:”.”;
display:block;
height:0;
clear:both;
visibility:hidden;
}
.contents_cam ul li {
float:left;
margin:0 20px 10px 0 !important;
padding:0 !important;
width:155px !important;
font-weight:bold;
background:none !important;
border:none !important;
}
.contents_cam ul li img {
padding:4px;
border:1px solid #CCCCCC;
margin-bottom:5px;
}
.contents_cam ul li a:hover img {
border:1px solid #FF6600;
}
.contents_cam ul li.last {
margin:0 0 10px 0 !important;
}
/* /////////////////////////////////////////// */
/* pagetop
/* /////////////////////////////////////////// */
.pagetop {
clear:both;
text-align:right;
font-size:10px;
}
.pagetop a {
background:url(../images/pagetop.gif) no-repeat 0 7px;
padding:2px 0 2px 10px;
}
/* //////////////////////////////////// */
/* o^O
/* //////////////////////////////////// */
#main #main_contents h1,
#page_main #main_contents h1 {
font-size:130%;
font-weight:bold;
background-color:#333333;
color:#FFFFFF;
padding:10px 10px 5px;
margin:0 0 1.5em;
}
#main #main_contents h2,
#page_main #main_contents h2 {
clear:both;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
background-color:#FFF3C4;
color:#333333;
padding:4px 5px;
margin:1.5em 0px;
}
#main #main_contents h3,
#page_main #main_contents h3 {
clear:both;
border-top:1px solid #EEEEEE;
border-left:1px solid #EEEEEE;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
padding:4px 5px;
margin:1.5em 0px;
}
#main #main_contents h4,
#main #main_contents h5,
#page_main #main_contents h4,
#page_main #main_contents h5 {
clear:both;
border-bottom:1px solid #000000;
padding:4px 5px;
margin:1.5em 0px;
}
#main #main_contents p,
#page_main #main_contents p {
margin:1.5em 0px;
}
#main #main_contents ul,
#main #main_contents ol,
#page_main #main_contents ul,
#page_main #main_contents ol {
margin-bottom:10px;
}
#main #main_contents ul li,
#page_main #main_contents ul li {
background:url(../images/list_icon.gif) no-repeat 4px 8px;
padding:3px 0px 3px 25px;
border-bottom:1px dotted #CCCCCC;
}
#main #main_contents ul.ul_box,
#main #main_contents ol.ol_box,
#page_main #main_contents ul.ul_box,
#page_main #main_contents ol.ol_box {
margin-bottom:0px;
border:1px solid #999999;
padding:10px;
margin-bottom:10px;
}
#main #main_contents .ol_box,
#page_main #main_contents .ol_box {
list-style-type: decimal;
}
#main #main_contents ol li,
#page_main #main_contents ol li {
padding:3px 0px 3px 0px;
list-style-type: decimal;
margin-left:28px;
}
hr {
clear:both;
}
a:link, a:visited, a:active {text-decoration: underline;color: #FF6633;}
a:hover {text-decoration: none;color: #999999;}
table {
border-collapse:collapse;
border-spacing:0;
}
/* //////////////////////////////////// */
/* class
/* //////////////////////////////////// */
.p_photo_l img {
float:left;
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
padding: 4px;
margin-right: 10px;
margin-bottom: 10px;
}
.p_photo_r img {
float:right;
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
padding: 4px;
margin-left: 10px;
margin-bottom: 10px;
}
.text_red{color: #CC0000;}
.text_blue{color: #3333CC;}
.text_green{color: #006600;}
.text_orange{color: #FF6600;}
.text_bold{font-weight: bold;}
table.tbl_nomal {
width:100%;
margin-bottom: 20px;
border-top: #999999 1px solid;
border-left: #999999 1px solid;
}
table.tbl_nomal caption {
text-align:left;
font-size:100%;
margin:5px 0;
font-weight:bold;
}
table.tbl_nomal th {
background-color: #F5F5F5;
vertical-align: top;
text-align: left;
padding: 3px 5px;
border-right: #999999 1px solid;
border-bottom: #999999 1px solid;
}
table.tbl_nomal td {
background-color: #FFFFFF;
vertical-align: top;
text-align: left;
padding: 3px 5px;
border-right: #999999 1px solid;
border-bottom: #999999 1px solid;
}
table.tbl_nomal p {
margin-bottom: 0px !important;
}
/* //////////////////////////////////// */
/* item page
/* //////////////////////////////////// */
#photo_big {
margin-bottom: 20px;
}
#photo_big:after {
content:”.”;
display:block;
height:0;
clear:both;
visibility:hidden;
}
#photo {
float:left;
width:360px;
}
#photo_big p {
margin:0 !important;
}
#photo img {
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
padding: 4px;
}
#comment {
float:right;
width:300px;
}
#comment table {
width:100%;
margin-bottom:20px;
}
#comment table th {
width:70px;
padding:10px 5px;
border-bottom: 1px solid #DDDDDD;
}
#comment table td {
padding:10px 5px;
border-bottom: 1px solid #DDDDDD;
}
#comment table td select {
padding:3px 5px;
}
/* //////////////////////////////////// */