mirror of
https://github.com/3lswear/webserv.git
synced 2025-10-30 05:48:00 +03:00
525 lines
8.2 KiB
CSS
525 lines
8.2 KiB
CSS
/*
|
|
Bookstore Template
|
|
http://www.templatemo.com/preview/templatemo_360_bookstore
|
|
*/
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #e4e4da;
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
line-height: 20px;
|
|
background-color: #242423;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
color:#fff;
|
|
font-weight:400;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-family: "MS Serif", "New York", serif
|
|
}
|
|
|
|
h1 { font-size:32px; margin-bottom: 20px; }
|
|
h2 { font-size:26px; margin-bottom: 20px; }
|
|
h3 { font-size:20px; margin-bottom: 20px; }
|
|
h4 { font-size:18px; margin-bottom: 10px; }
|
|
h5 { font-size:16px }
|
|
h6 { font-size:14px }
|
|
.header { display: block }
|
|
|
|
.left { float:left }
|
|
.right { float:right }
|
|
|
|
img {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.img_border {
|
|
background: #3e3e3d;
|
|
padding: 4px;
|
|
border: 1px solid #161615;
|
|
}
|
|
|
|
.img_frame {
|
|
position: relative;
|
|
display: block;
|
|
padding: 7px;
|
|
}
|
|
|
|
.img_frame span {
|
|
position: absolute;
|
|
top: 0; left: 0;
|
|
z-index: 0;
|
|
}
|
|
|
|
.img_frame img, .img_frame iframe {
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 7px;
|
|
z-index: 100;
|
|
}
|
|
|
|
.img_frame_13 {
|
|
width: 280px;
|
|
height: 157px;
|
|
}
|
|
|
|
.img_frame_13 span {
|
|
background: url(../images/templatemo_image_frame_13.png);
|
|
width: 300px;
|
|
height: 177px;
|
|
}
|
|
|
|
.img_frame_14 {
|
|
width: 203px;
|
|
height: 108px;
|
|
}
|
|
|
|
.img_frame_14 span {
|
|
background: url(../images/templatemo_image_frame_14.png);
|
|
width: 217px;
|
|
height: 122px;
|
|
}
|
|
|
|
.img_frame_23 {
|
|
width: 616px;
|
|
height: 216px;
|
|
}
|
|
|
|
.img_frame_23 span {
|
|
background: url(../images/templatemo_image_frame_23.png);
|
|
width: 630px;
|
|
height: 230px;
|
|
}
|
|
|
|
.img_nom {
|
|
display: block;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.img_fl {
|
|
float: left;
|
|
margin: 3px 15px 5px 0;
|
|
}
|
|
|
|
.img_fr {
|
|
float: left;
|
|
margin: 3px 0 5px 15px;
|
|
}
|
|
|
|
a:link, a:visited {
|
|
color:#c49e33;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
a:hover,a:active {
|
|
outline:none;
|
|
}
|
|
|
|
a.more {
|
|
clear: both;
|
|
display: block;
|
|
width: 77px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
color: #333;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
background: url(../images/templatemo_button.png) no-repeat;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
em { color: #c49e33 }
|
|
p { margin: 0 0 15px 0 }
|
|
|
|
.list_bullet {
|
|
margin: 10px 0 10px 15px;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.list_bullet li {
|
|
color:#e4e4da;
|
|
margin: 0 0 7px 0;
|
|
padding: 0 0 0 30px;
|
|
background: url(../images/templatemo_bullet.png) no-repeat scroll 0 3px;
|
|
}
|
|
|
|
.list_bullet li a {
|
|
color: #e4e4da;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.list_bullet li a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.clear { clear: both; display: block; }
|
|
.h10 { height: 10px }
|
|
.h20 { height: 20px }
|
|
.h40 { height: 40px }
|
|
|
|
.no_bullet {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.no_bullet li {
|
|
margin: 0 0 20px 0;
|
|
padding: 0;
|
|
}
|
|
|
|
a.header {
|
|
display: block;
|
|
font-weight: 700;
|
|
}
|
|
|
|
#templatemo_header_wrapper {
|
|
width: 100%;
|
|
min-height: 160px;
|
|
background: url(../images/templatemo_header.png) repeat-x top
|
|
}
|
|
|
|
#templatemo_footer_wrapper {
|
|
width: 100%;
|
|
background: url(../images/templatemo_footer.png) repeat-x top
|
|
}
|
|
|
|
#templatemo_header, #templatemo_main, #templatemo_footer {
|
|
width: 960px;
|
|
padding: 40px 10px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#site_title {
|
|
float: left;
|
|
}
|
|
|
|
#site_title a {
|
|
display: block;
|
|
font-size: 12px;
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
|
width: 246px;
|
|
height: 54px;
|
|
color: #acacac;
|
|
text-indent: -10000px;
|
|
background: url(../images/templatemo_logo.png) no-repeat top left;
|
|
}
|
|
|
|
#templatemo_menu {
|
|
float: right;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
#templatemo_slider_wrapper {
|
|
width: 100%;
|
|
height: 331px;
|
|
margin-top: 20px;
|
|
background: url(../images/templatemo_slider_bg.png)
|
|
}
|
|
|
|
#templatemo_slider {
|
|
width: 935px;
|
|
padding: 15px 15px;
|
|
height: 310px;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.post {
|
|
clear: both;
|
|
margin: 0 0 40px 0;
|
|
padding: 0 0 40px 0;
|
|
border-bottom: 1px solid #444443;
|
|
}
|
|
|
|
.post_header {
|
|
float: left;
|
|
width: 500px;
|
|
}
|
|
|
|
.post_header h2 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.post_date {
|
|
float: right;
|
|
width: 80px;
|
|
border-left: 1px solid #444443;
|
|
padding-left: 15px;
|
|
line-height: 30px;
|
|
font-size: 28px;
|
|
color: #cba438;
|
|
}
|
|
|
|
.post_date span {
|
|
display: block;
|
|
color: #636260;
|
|
font-size: 14px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.post_meta a {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.comment_list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.comment_list .comment_box {
|
|
padding: 20px;
|
|
border-bottom: 1px solid #444443;
|
|
}
|
|
|
|
.comment_list li {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.comment_list li ul {
|
|
list-style: none;
|
|
background: none;
|
|
}
|
|
|
|
.comment_list li ul li { }
|
|
|
|
.comment_list li ul li .comment_box {
|
|
background: #515150;
|
|
}
|
|
|
|
.comment_content {
|
|
float: right;
|
|
width: 470px;
|
|
}
|
|
|
|
.comment_list li ul li.depth_2 .comment_content {
|
|
width: 430px;
|
|
}
|
|
|
|
.comment_list li ul li.depth_3 .comment_box {
|
|
background: #757572;
|
|
}
|
|
|
|
.comment_list li ul li.depth_3 .comment_content {
|
|
width: 390px;
|
|
}
|
|
|
|
#comment_form { margin-top: 40px }
|
|
|
|
#comment_form textarea {
|
|
color: #fff;
|
|
background:#292929;
|
|
border: 1px solid #373736;
|
|
height:150px;
|
|
padding:5px;
|
|
width: 360px;
|
|
font-family: Tahoma, Geneva, sans-serif;
|
|
font-size: 12px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
#comment_form .form_row {
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#comment_form form input {
|
|
color: #fff;
|
|
padding: 5px;
|
|
width: 200px;
|
|
background:#292929;
|
|
border: 1px solid #373736;
|
|
font-family: Tahoma, Geneva, sans-serif;
|
|
font-size: 12px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
#comment_form .submit_btn {
|
|
width: 77px;
|
|
height: 28px;
|
|
color: #333;
|
|
margin: 10px 0px;
|
|
background: url(../images/templatemo_button.png) no-repeat;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#gallery {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
#gallery .gallery_box {
|
|
padding-bottom: 30px;
|
|
border-bottom: 1px dotted #000;
|
|
}
|
|
|
|
#gallery .no_margin_right {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#contact_form {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
#contact_form form {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#contact_form form .input_field {
|
|
width: 300px;
|
|
padding: 5px;
|
|
background: #292929;
|
|
color: #fff;
|
|
font-size: 11px;
|
|
border: 1px solid #373736;
|
|
margin-top: 2px;
|
|
font-family: Tahoma, Geneva, sans-serif;
|
|
font-size: 12px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
#contact_form form label {
|
|
display: block;
|
|
margin-right: 12px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#contact_form form textarea {
|
|
width: 455px;
|
|
height: 200px;
|
|
padding: 5px;
|
|
color: #fff;
|
|
background: #292929;
|
|
border: 1px solid #373736;
|
|
margin-top: 2px;
|
|
font-family: Tahoma, Geneva, sans-serif;
|
|
font-size: 12px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
#contact_form form .submit_btn {
|
|
width: 77px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
color: #333;
|
|
margin: 10px 0px;
|
|
background: url(../images/templatemo_button.png) no-repeat;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sidebar_box {
|
|
clear: both;
|
|
margin-bottom: 40px
|
|
}
|
|
|
|
.col {
|
|
float: left;
|
|
margin: 0 30px 30px 0;
|
|
}
|
|
|
|
.half {
|
|
width: 465px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.one_third {
|
|
width: 300px;
|
|
}
|
|
|
|
#content, .two-third {
|
|
width: 630px;
|
|
}
|
|
|
|
#sidebar {
|
|
width: 270px;
|
|
padding-left: 30px;
|
|
border-left: 1px solid #494947;
|
|
}
|
|
|
|
.one_fourth {
|
|
width: 217px;
|
|
}
|
|
|
|
.no_margin_right {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.last_box {
|
|
margin-bottom: 0;
|
|
background: none;
|
|
}
|
|
|
|
#templatemo_footer h4 {
|
|
color: #000;
|
|
}
|
|
|
|
#templatemo_footer {
|
|
color: #333;
|
|
}
|
|
|
|
#templatemo_footer a {
|
|
color: #000;
|
|
}
|
|
|
|
.footer_gallery {
|
|
margin: 0;
|
|
padding:0;
|
|
list-style: none;
|
|
}
|
|
|
|
.footer_gallery li {
|
|
margin: 0 10px 10px 0;
|
|
padding: 0;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
.paging {
|
|
margin: 0 0 20px;
|
|
padding: 0;
|
|
}
|
|
|
|
.paging ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.paging ul li {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: inline;
|
|
}
|
|
|
|
.paging ul li a {
|
|
float: left;
|
|
display: block;
|
|
color: #ccc;
|
|
text-decoration: none;
|
|
margin-right: 5px;
|
|
padding: 5px 10px;
|
|
background: #494947;
|
|
border: 1px solid #121211;
|
|
}
|
|
|
|
.paging ul li a:hover {
|
|
background: #c49e33;
|
|
color: #fff;
|
|
} |