/* ---------------------------------------------------- */ /* Basic Elements /* ---------------------------------------------------- */ /*初始化样式*/ *{-webkit-tap-highlight-color:transparent;box-sizing:border-box;} /*html5设置*/ article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;} html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;vertical-align:baseline;} body{background:#ebe9e5 url(images/top-shine.png) repeat-x;color:#5e5c5c;font:16px/1.875em Arial,'Helvetica Neue','Helvetica','sans-serif','Microsoft Yahei';} input,textarea,select{font-family:Arial,'Helvetica Neue','Helvetica','sans-serif','Microsoft Yahei';border:0;} input:focus{outline:none;} a{color:#b70e4f;text-decoration:none;} a:hover{color:#5e5c5c;} hr{background:#fff;color:#fff;border:0;border-bottom:1px solid #e3e1d9;height:2px;} li{list-style:none;} img{max-width:100%;vertical-align:middle;} /* Webkit Fix */ @media screen and (-webkit-min-device-pixel-ratio:0){ hr{height:1px;} } dl{margin:0 0 10px;} dt{float:left;font-weight:bold;margin-right:3px;} dd{margin:0 0 1px;} table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box;} table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;} table td,table th{padding:10px 1%;border:1px solid #e4e4e4;box-sizing:border-box;} /* ---------------------------------------------------- */ /* Generic Classes /* ---------------------------------------------------- */ .white{color:white;} .red{color:red;} .green{color:green;} .align-center{margin:0 auto;text-align:center;} .align-left{float:left;text-align:left;} .align-right{float:right;text-align:right;} .thumbnail a{padding-bottom:75%;position:relative;overflow:hidden;display:block;} .thumbnail img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;} .rows{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;} /* ---------------------------------------------------- */ /* Misc Classes /* ---------------------------------------------------- */ .container{margin:0 auto;position:relative;width:1440px;max-width:93.75%;} .zoom a{float:left;position:relative;} .zoom a span{background:url(images/enlarge-icon.png) no-repeat;bottom:7px;display:none;height:47px;margin:0 25px 19px 0;right:7px;position:absolute;width:57px;} .zoom.align-right a span{margin:0 0 19px 15px;} .zoom.align-left a span{margin:0 15px 19px 0;} hr.full{margin-left:-20px;margin-right:-20px;} ul.arrow{list-style:none;} ul.arrow li{margin:0;} ul.arrow li a{background:url(images/categories-arrow.png) no-repeat 0 5px;display:block;padding:0 0 0 12px;} dl.horizontal dd{float:left;margin:0 5px 0 0;} dd .separator{font-weight:bold;} /* ---------------------------------------------------- */ /* Forms /* ---------------------------------------------------- */ .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;} .form .input{background:#f9f9f9 url(images/input-bg.png) repeat-x;color:#77746E;border:1px solid #d9d9d9;font:11px/1.7 Arial,Helvetica,sans-serif;} .form textarea.input{background:#f9f9f9 url(images/textarea-bg.png) repeat-x;} .form input:hover,.form input:focus,.form textarea:hover,.form textarea:focus{color:#5c5c5c;} .form .placeholder{color:#adacab!important;font-style:italic!important;} .form .submit{background:#f3f3f3 url(images/button-bg.png);border:1px solid #e1dddd;color:#797474;cursor:pointer;float:right;font:bold 11px/31px Arial,Helvetica,sans-serif;height:31px;padding:0 20px;} .form .submit:hover{background:#f3f3f3 url(images/button-bg-hover.png);} /* ---------------------------------------------------- */ /* Header /* ---------------------------------------------------- */ #mza-top{border-bottom:1px solid #e3e1d9;color:#858278;height:31px;line-height:31px;overflow:hidden;font-size:12px;} #mza-top span{display:block;} #mza-top .left{float:left;} #mza-top .right{float:right;} #mza-top .rss-icon{position:absolute;right:0;top:0;} #mza-top .right a{display:block;padding-right:110px;} #mza-top a:hover{text-decoration:underline;} #header{border-top:1px solid #fff;overflow:hidden;padding:30px 0;} #header .container{display:table;table-layout:fixed;} #logo{width:277px;display:table-cell;vertical-align:middle;} #logo a{display:block;padding-bottom:14.444%;position:relative;} #logo img{display:block;position:absolute;left:0;top:0;width:auto;height:100%;max-width:100%;object-fit:contain;} #ads{display:table-cell;vertical-align:middle;padding-left:5%;} #ads .ads{float:right;max-width:100%;} .ads a{display:block;overflow:hidden;position:relative;} .ads img{display:block;width:100%;height:auto;} /* ---------------------------------------------------- */ /* Navigation & Search /* ---------------------------------------------------- */ #navbar{background:#fafafa url(images/nav-bg.png) repeat-x;border-bottom:1px solid #fff;border-top:1px solid #e3e1d9;position:relative;z-index:999;} #navbar .container{display:table;table-layout:fixed;height:39px;} #nav{display:table-cell;vertical-align:middle;padding-right:5%;} #nav ul{display:flex;align-items:center;justify-content:space-between;} #nav li{position:relative;line-height:39px;} #nav li a{color:#77746e;display:block;font-size:14px;font-weight:bold;padding:0 1em;} #nav .active a,#nav li a:hover{background-color:#9c163e;color:#fff;} #nav ul li:hover > ul{display:block;} #nav li ul{background-color:rgba(156,22,62,0.8);display:none;left:0;position:absolute;top:100%;min-width:175px;z-index:9;} #nav li li{padding:0;} #nav li li a,#navbar .active li li a{background:url(images/nav-arrow.png) no-repeat 12px 12px!important;color:#fff;display:block;font-weight:normal;line-height:20px;padding:5px 5px 5px 26px;} #nav li li a:hover,#navbar li.active ul ul li a:hover{background:rgb(226,226,226) url(images/nav-arrow-active.png) no-repeat 12px 12px!important; /* For IE */background:rgba(226,226,226,0.88) url(images/nav-arrow-active.png) no-repeat 12px 12px!important;color:#9c163e!important;font-weight:bold!important;} #nav .active > a{padding:0 1em;} #navbtn{display:none;} /* Submenu */ #search{display:table-cell;vertical-align:middle;width:20.833%;} #search form{position:relative;padding-right:27px;} #search .input{background:#f2f2f2 url(images/input-bg.png) repeat-x;border:1px solid #e0d9d9;color:#b2a8a8;font-size:14px;height:25px;line-height:20px;padding:2.5px 1em;display:block;width:100%;} #search .input:focus{color:#77746E;border:1px solid #c7c1c1;} #search .submit{background-color:#9c163e;color:#fff;cursor:pointer;font-size:12px;font-weight:bold;display:block;position:absolute;right:0;top:0;height:100%;width:25px;} /* ---------------------------------------------------- */ /* Slider /* ---------------------------------------------------- */ .responsiveSlides{position:relative;z-index:1;overflow:hidden; display: table-cell; vertical-align: top;} /* ---------------------------------------------------- */ /* Content /* ---------------------------------------------------- */ #content{position:relative;z-index:1;padding:2% 0;background:url(images/shadow.png) repeat-x center top;overflow:hidden;} #content .container{display:table;table-layout:fixed;} #content .container:first-child {margin-bottom: 2.083%;} #content .ad{margin-bottom:30px;} #content .box{background:#f8f7f6;border:1px solid #d8d8d8;margin-bottom:30px;} #content .box-header{background:#f2f2f2 url(images/box-header-bg.png) repeat-x;height:43px;line-height:43px;padding:0 20px;} #content .box-header h6{display:inline;font-size:12px;margin:0;} /* ---------------------------------------------------- */ /* Main /* ---------------------------------------------------- */ #main{display:table-cell;vertical-align:top;padding-right:3.125%;} #main.fullwidth{padding-right:0;} #main .collapsible .entry-header .meta,#main .collapsible .entry-header .title{width:435px;} #main .entry-footer{border-top:1px solid #e3e1d9;overflow:hidden;padding:15px 20px;} #main .entry-image,#main .entry-title-image,#main .gallery-image{margin:0 25px 0 0;} #main .entry-image img{width:240px;height:140px;display:block;} #main .align-right .entry-image,#main .align-right.entry-image{margin:0 0 15px 15px;} #main .align-left .entry-image,#main .align-left.entry-image{margin:0 15px 15px 0;} #main .collapsible .zoom.align-right a span,#main .collapsible .zoom.align-left a span{margin-bottom:14px;} #main .entry-title-image{margin:6px 20px 0 0;} /*button*/ .button{background:#f3f3f3 url(images/button-bg.png) repeat-x;background-size:auto 100%;border:1px solid #e1dddd;color:#797474;width:7em;font-size:0.875em;height:2.14285em;line-height:2em;text-align:center;display:block;} .button:hover{background-image:url(images/button-bg-hover.png);} /**/ .istop{background:#e35724 linear-gradient(135deg,#f37520,#f4822a,#e35724);width:1.5em;line-height:1.1em;color:#fff;position:absolute;top:-3px;right:5px;z-index:2;text-align:center;padding:0.25em 0;font-size:12px;} .istop:before{border-left:3px solid #9e4806;border-top:3px solid transparent;position:absolute;left:100%;top:0;content:'';display:block;} .post-header{border-bottom:1px solid #e3e1d9;overflow:hidden;padding:1.5% 2.5%;position:relative;} .post-header .title{font-size:1.5em;line-height:1.5em;} .post-header .title a{color:#4e4d4a;} .post-header .center{text-align:center;} .postmeta{font-size:0.875em;color:#999;} .postmeta a{text-decoration:underline;} /*blogitem*/ .blogitem{background-color:#f8f7f6;border:1px solid #d8d8d8;margin-bottom:2.74%;position:relative;} .blogitem .more{position:absolute;right:2.5%;top:0;margin-top:1.5%;} .blogitem .title{margin-right:4.6em;} .blogitem .meta{margin-right:7.86em;} .blogitem .mid{border-bottom:1px solid #e3e1d9;border-top:1px solid #fff;overflow:hidden;padding:2% 2.5%;} .blogitem .mid p{margin-bottom:10px;} .blogitem .thumbnail{width:184px;border:4px solid #333;float:left;margin-right:1.5625em;display:inline-block;} .blogitem .excerpt{line-height:1.75em;max-height:8.75em;-webkit-line-clamp:5;} .blogitem .btm{overflow:hidden;font-size:0.875em;color:#878080;font-weight:bold;padding:1% 2.5%;border-top:1px solid #fff;} .blogitem .btm span{display:block;padding-right:2em;float:left;} .blogitem .btm span:first-child{padding-right:0;float:right;} .blogitem .btm a{color:#878080;} .blogitem .btm a:hover{color:#9c163e;text-decoration:underline;} /** Single Entry Post **/ .blogitem.single .post-rating{color:#797474;float:right;margin-top:-25px;text-align:center;} .blogitem.single .post-rating span.on,.blogitem.single .post-rating span.off{display:inline-block;height:14px;width:14px;} .blogitem.single .post-rating span.on{background:url(images/rating-star-on.png) no-repeat;} .blogitem.single .post-rating span.off{background:url(images/rating-star-off.png) no-repeat;} .blogitem.single .post-rating p{margin:-2px 0 0;} .blogitem.single .entry-image{float:none;margin-bottom:15px;} /*post-author*/ #post-author{background:#f9f9f9;border:1px solid #d8d8d8;color:#52504d;margin-bottom:2.74%;overflow:hidden;padding:2% 2.5%;overflow:hidden;} #post-author .avatar{background-color:#fff;border:1px solid #c1c1c1;float:left;padding:0.25em;width:6.25em;height:auto;} #post-author .avatar img{display:block;} #post-author .text{margin-left:6.875em;padding-left:2.5%;overflow:hidden;position:relative;padding-right:9.375em;} #post-author .button{position:absolute;right:0;top:0;} #post-author h4{font-size:1em;line-height:1.35em;margin-bottom:2%;} #post-author p{font-size:0.875em;color:#666;line-height:1.75em;} /*post*/ #post{background:#f8f7f6;border:1px solid #d8d8d8;margin-bottom:2.74%;overflow:hidden;} #post .top{border-bottom:1px solid #e3e1d9;overflow:hidden;padding:5px 20px 10px;position:relative;} #post .box-footer{color:#878080;background:#f2f2f2 url(images/box-footer-bg.png) repeat-x;padding:1% 2.5%;background-size:auto 100%;overflow:hidden;font-size:12px;line-height:1.5em} #post .box-footer ul{overflow:hidden;} #post .box-footer li{float:left;} #post .box-footer li a{color:#878080;} #post .box-footer li a:hover{color:#9c163e;} /*entry*/ .entry{border-top:1px solid #fff;overflow:hidden;padding:2% 2.5%;} .entry img{height:auto!important;} .entry blockquote{margin:0 2em 1em;overflow:hidden;padding:2em 2em 1em;color:#555;font-style:italic;border:1px dashed #e4e4e4;border-radius:1em;} .entry ul,.entry ol{margin-bottom:1em;margin-left:3em;} .entry ul li{list-style:outside disc none;} .entry ol li{list-style:outside decimal none;} .entry li p{margin-bottom:0;} .entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{margin-bottom:1em;} .entry a{color:#e1b44f;text-decoration:underline;} .entry hr{border:none;margin-bottom:1em;border-bottom:1px solid #e4e4e4;overflow:hidden;clear:both;} /* ---------------------------------------------------- */ /* Comments /* ---------------------------------------------------- */ /*comments*/ #comments{background:#f9f9f9;border:1px solid #d8d8d8;color:#52504d;margin-bottom:15px;overflow:hidden;} #comments .comment-links{list-style:none;margin-top:-5px;} #comments .comment-links li{float:left;font-weight:bold;margin:0;} #comments .comment-links li a,#comments .comment-links li .separator{color:#878080;text-decoration:none;} #comments .comment-links li a:hover{color:#9c163e;text-decoration:underline;} #comments .comment-links li .separator{margin:0 7px 0 4px;} #comments .box-header{color:#77746e;overflow:hidden;padding:0 20px;} #comments .comments-count,#comments .comments-count em{background:url(images/comments-count-bg-right.png) no-repeat;color:#fff;display:block;float:left;font-style:normal;font-size:12px;font-weight:bold;height:28px;line-height:22px;margin:10px 5px 0 28px;padding:0 10px 0 3px;position:relative;} #comments .comments-count em{background:url(images/comments-count-bg-left.png) no-repeat;margin:0 0 0 -22px;padding:0 0 0 12px;} #comments-list{overflow:hidden;padding:1% 2.5%;} #comments-list li{padding:1.5% 0;position:relative;} #comments-list > ol > li{border-bottom:1px solid #e3e1d9;border-top:1px solid #fff;} #comments-list > ol:nth-child(2) li{border-top:none;} #comments-list > ol:nth-last-child(2) li{border-bottom:none;} #comments-list .info{overflow:hidden;} #comments-list .avatar{float:left;width:4.375em;background:#fff;border:1px solid #c1c1c1;padding:0.25em;} #comments-list .avatar img{display:block;width:100%;} #comments-list .text{margin-left:5.3125em;overflow:hidden;position:relative;} #comments-list .meta{color:#52504d;font-size:0.875em;line-height:1.35em;margin-bottom:1%;} #comments-list .meta a{color:#52504d;font-weight:bold;text-decoration:none;} #comments-list .meta a:hover{text-decoration:underline;} #comments-list .date{font-style:italic;} #comments-list .cont{font-size:0.875em;color:#555;line-height:1.75em;} #comments-list .reply{position:absolute;right:0;top:0;font-size:0.75em;line-height:1.5em;} #comments-list li li{margin-left:3.5%;padding-bottom:0;padding:2% 0 1%;} /*divCommentPost*/ #divCommentPost{overflow:hidden;} #divCommentPost .box-header h6{color:#393938;} #divCommentPost .box-header h6 span{color:#b3244b;} /*divCommentPost*/ #frmSumbit{color:#77746e;padding:2% 2.5%;display:table;table-layout:fixed;width:100%;} #frmSumbit .left,#frmSumbit .right{display:table-cell;vertical-align:top;} #frmSumbit .left{width:40%;padding-right:3.125%;} #frmSumbit .item{margin-bottom:1em;overflow:hidden;} #frmSumbit .text{display:block;width:100%;height:2.57142em;line-height:1.71428em;padding:0.42857em 5%;background:none;font-size:14px;} #frmSumbit .text:focus{outline:none;} #frmSumbit label{cursor:pointer;display:block;font-weight:bold;line-height:1.75em;font-size:14px;} #frmSumbit label span{font-weight:normal;} #frmSumbit textarea.text{height:16.5714285em;padding-left:2.5%;padding-right:2.5%;resize:vertical;font-size:14px;} #frmSumbit img{display:block;clear:both;height:auto;width:auto;cursor:pointer;} /* ---------------------------------------------------- */ /* Pagination /* ---------------------------------------------------- */ .pagination{overflow:hidden;font-size:0.875em;} .pagination a,.pagination span.now-page{color:#939191;background:#f3f3f3 url(images/pagination-bg.png) repeat-x;border:1px solid #e1dddd;margin-right:1.2785%;display:inline-block;vertical-align:middle;height:2em;line-height:1.92857em;padding:0 0.57142em;} .pagination a:hover{color:#777;background-image:url(images/pagination-bg-hover.png)} .pagination span.now-page{background-image:url(images/pagination-active-bg.png);border-color:#9f1840;color:#fff;} /* ---------------------------------------------------- */ /* Trips Viewer /* ---------------------------------------------------- */ #trips-viewer{overflow:hidden;position:relative;} #trips-viewer .box-header .tabs-nav{float:left;list-style:none;margin:0 -5px;overflow:hidden;} #trips-viewer .box-header .tabs-nav li{float:left;margin:0 20px 0 0;} #trips-viewer .box-header .tabs-nav li a{color:#77746e;font-size:12px;font-weight:bold;height:10px;padding:6px 12px;text-decoration:none;} #trips-viewer .box-header .tabs-nav li.active a,#trips-viewer .box-header .tabs-nav li a:hover{background:#9c163e;color:#fff;font-size:12px;} #trips-viewer .box-header .rss img{border:0;float:right;margin:18px 0px 0 0;} #trips-viewer img{border:4px solid #333;} #trips-viewer .tab-content{width:698px!important;} #trips-viewer .trips-nav{float:right;list-style:none;margin:-2px 0 0;width:397px;} #trips-viewer .trips-nav li{background:#eeede9;border-bottom:1px solid #E3E1D9;border-left:1px solid #fff;border-top:1px solid #fff;margin:0;} #trips-viewer .trips-nav li .content{border-left:1px solid #E3E1D9;padding:12px 10px 12px 20px;overflow:hidden;} #trips-viewer .trips-nav li.activeSlide .content{border-left:1px solid #F8F7F6;} #trips-viewer .trips-nav li.activeSlide{background:none;border-left:1px solid #F8F7F6;} #trips-viewer .trips-nav li:hover{background:none;cursor:pointer;} #trips-viewer .trips-nav li:first-child{border-top:none;} #trips-viewer .trips-nav li:last-child{border-bottom:none;} #trips-viewer .trips-nav li img{float:left;margin-right:10px;} #trips-viewer .trips-nav li .title{text-decoration:none;} #trips-viewer .trips-nav li .title h6{color:#878786;display:block;margin-bottom:2px;} #trips-viewer .trips-nav li.activeSlide .title h6,#trips-viewer .trips-nav li:hover .title h6{color:#4e4d4a;} #trips-viewer .trips-nav li .meta,#trips-viewer .trips-nav li .meta a{color:#8a8a89;margin-bottom:10px;} #trips-viewer .trips-nav li.activeSlide .meta,#trips-viewer .trips-nav li.activeSlide .meta a:hover{color:#4b4a46;} #trips-viewer .trips-nav li.activeSlide .meta a,#trips-viewer .trips-nav li .meta a:hover{color:#B70E4F;} #trips-viewer .trips-nav li .links{list-style:none;margin:0;} #trips-viewer .trips-nav li .links li{background:none;border:none;float:left;font-weight:bold;margin:0;padding:0;} #trips-viewer .trips-nav li .links li a,#trips-viewer .trips-nav li .links li .separator{color:#a1a1a0;text-decoration:none;} #trips-viewer .trips-nav li.active .links li a,#trips-viewer .trips-nav li.active .links li .separator{color:#767676;} #trips-viewer .trips-nav li .links li a:hover{color:#9c163e;text-decoration:underline;} #trips-viewer .trips-nav li .links li .separator{margin:0 7px 0 4px;} #trips-viewer .trips-container{float:left;margin-top:-2px;padding:15px;width:270px;} #trips-viewer .trips-container ul{list-style:none;margin:0;} #trips-viewer .trip-content{margin:0 0 30px;} .js #trips-viewer .trip-content{margin:0;width:250px;} #trips-viewer .trip-content a{text-decoration:none;} #trips-viewer .trip-content a:hover{text-decoration:underline;} #trips-viewer .trip-content img{margin-bottom:4px;} #trips-viewer .trip-content .title{color:#4e4d4a;letter-spacing:-0.2px;line-height:22px;margin-bottom:2px;} #trips-viewer .trip-content .title:hover{text-decoration:underline;} #trips-viewer .trip-content .meta{color:#72716f;margin-bottom:10px;} #trips-viewer .trip-content .meta a{text-decoration:underline;} #trips-viewer .trip-content p{color:#52504d;margin-bottom:10px;} #trips-viewer .trip-content p a{text-decoration:underline;} #trips-viewer .trip-content .sent-to-friend{float:left;font-weight:bold;margin-top:7px;} #trips-viewer .trip-content .button{display:block;float:right;padding:6px 12px 12px;text-decoration:none;} /* ---------------------------------------------------- */ /* Search /* ---------------------------------------------------- */ #main .search-result{margin:0 0 10px;padding:5px 20px;} #main .search-result h2{margin:0;} #main .search-result p{margin:0 0 10px;} /* ---------------------------------------------------- */ /* Archives /* ---------------------------------------------------- */ #archives{margin:0 0 10px!important;padding:15px 20px;} #archives.closed{padding:15px 20px 10px;} #archives h6{font-size:12px;margin-bottom:5px;} #archives .archive-trigger{cursor:pointer;float:right;margin-top:-2px;} #archives ul{list-style:none;margin-bottom:0;margin-top:-10px;} #archives ul,#archives h6.list-title{float:left;margin-right:40px;width:192px;} #archives ul.last,#archives h6.last{margin-right:0;} #archives h6.last{width:165px;} #archives li{background:url(images/categories-arrow.png) no-repeat 0 5px;margin:0 0 10px;} #archives li a{color:#72706a;margin-left:8px;padding:3px 5px;text-decoration:none;} #archives li a:hover{background:#ebebeb;border:1px solid #cecdcc;color:#b3244b;font-weight:bold;} /* ---------------------------------------------------- */ /* News /* ---------------------------------------------------- */ .button .collapse-arrow-up{margin-left:8px;} /* ---------------------------------------------------- */ /* Gallery /* ---------------------------------------------------- */ #gallery-list{overflow:hidden;} #gallery-list ul{overflow:hidden;width:102%;} #gallery-list li{width:33.333%;padding-right:2%;padding-bottom:2%;float:left;} #gallery-list .info{padding:5% 5% 3%;background-color:#f8f7f6;border:1px solid #d8d8d8;} #gallery-list h2{font-size:1em;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0.5em;text-align:center;} /* ---------------------------------------------------- */ /* Sidebar /* ---------------------------------------------------- */ #sidebar{display:table-cell;vertical-align:top;width:20.834%;} #sidebar .box-header h6{font-size:14px;font-weight:bold;} #sidebar .ad-bar{margin-left:2px;} #sidebar .widget {margin-bottom: 10%;} /*widget*/ .widget {overflow:hidden;} .widget .textwidget {font-size:0.875em;padding:15px 20px;} .widget ul {padding:0;overflow:hidden;} .widget li{border-bottom:1px solid #e3e1d9;border-top:1px solid #fff;margin:0;overflow:hidden;padding:12px 20px;font-size:0.875em;} .widget li:first-child{border-top:none;} .widget li:last-child{border-bottom:none;} .widget li a{color:#6a6965;display:block;} .widget a:hover{color:#9c163e;background:#fafafa;} /*divSearchPanel*/ .divSearchPanel form{position:relative;padding-right:36px;overflow:hidden;} .divSearchPanel input[type='text']{height:32px;line-height:22px;padding:5px 3%;border:1px solid #e4e4e4;width:100%;border-radius:4px 0 0 4px; border-right:none;} .divSearchPanel input[type='submit']{color:#fff;position:absolute;right:0;top:0;height:100%;width:36px;background-color:#e1b44f;cursor:pointer;border-radius:0 3px 3px 0;} /*ads*/ .ads ul{padding:2%;} .ads li{float:left; padding:2%; width:50%; border:none;} .ads li:nth-child(2n){float:right;} .ads img {display: block; width: 100%;} .divPrevious li img{border:4px solid #333;float:left;margin-right:10px;} #recent-tabs .nav{list-style:none;margin:0 -20px;overflow:hidden;} #recent-tabs .nav li{float:left;margin:0 10px;} #recent-tabs .nav li a{color:#77746e;font-size:12px;font-weight:bold;height:10px;padding:6px 12px;text-decoration:none;} #recent-tabs .nav li a.current,#recent-tabs .nav li a:hover{background:#9c163e;color:#fff;font-size:12px;} #sidebar .flickr-feed{} #sidebar .flickr-feed .box-header{padding:0 10px;} #sidebar .flickr-feed .flickr-icon,#sidebar .flickr-feed h6{display:inline;} #sidebar .flickr-feed .flickr-icon{float:left;margin:15px 8px 0 0;} #sidebar .flickr-feed ul{list-style:none;overflow:hidden;margin:0;padding:0 0 15px 10px;} #sidebar .flickr-feed li{float:left;margin:0;} #sidebar .flickr-feed .flickr-image{border:4px solid #333;margin:13px 13px 0 0;} /* ---------------------------------------------------- */ /* Footer /* ---------------------------------------------------- */ #footer{background:#e1dfdb url(images/footer-bg.png) repeat-x;color:#72706a;overflow:hidden;padding:35px 0 60px;} #footer .footer-logo{position:absolute;right:0;top:0;} #footer a{color:#72706a;} #footer a:hover{color:#9c163e;} #footer p a{color:#9c163e;text-decoration:underline;} #footer p a:hover{color:#72706a;} #footer h4{color:#565551;margin-bottom:10px;} #footer h4 span{color:#9c163e;} #categories{list-style:none;margin:0 0 0 4px;} #categories li{margin:0 0 10px;} #categories li a{background:url(images/categories-arrow.png) no-repeat 0 5px;display:block;padding:0 0 0 12px;text-decoration:none;} #categories li a:hover{font-weight:bold;text-decoration:underline;} #latest-tweets{list-style:none;} #latest-tweets li{margin:0;} #latest-tweets li .user{font-weight:bold;text-decoration:none;} #latest-tweets li .user:hover{text-decoration:underline;} #latest-tweets li .tweet{margin:0 0 10px;} #footer-bottom{clear:both;background:#787878 url(images/footer-bottom-bg.png) repeat-x;color:#fff;overflow:hidden;font-size:13px;padding:5px 0;background-size:auto 100%;} #footer-bottom a{display:inline-block;} #footer-bottom .container{overflow:hidden;} /* ---------------------------------------------------- */ /* Media Queries /* ---------------------------------------------------- */ @media only screen and (max-width:1280px){ body{font-size:14px;} /*1280px*/ #header{padding:2.34375% 0;} /*1280px*/ #logo{width:23.084%;} /*1280px*/ #sidebar{width:250px;} /*1280px*/ .blogitem .thumbnail{width:165px;} } @media only screen and (max-width:1024px){ /* Main */ #main .entry-image{max-width:190px;} /* Trips Viewer */ #trips-viewer .tab-content{width:628px!important;} #trips-viewer .trips-nav{width:327px;} #trips-viewer .trips-container{width:200px;} #trips-viewer .trip-content{margin:0 0 20px;} /* Archives */ #archives ul,#archives h6.list-title{margin-right:30px;width:166px;} #archives h6.last{width:145px;} /* Gallery */ #main .gallery-image{max-width:166px;} /*1024*/ #navbar .container{display:flex;justify-content:space-between;align-items:center;} /*1024*/ #nav{position:fixed;right:0;top:0;width:250px;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;max-width:80%;display:block;background-color:#f9f9f9;background-image:linear-gradient(135deg,#f9f9f9,#fff);box-shadow:0px 0px 2em rgba(0,0,0,.1);z-index:9;padding:5vh 0;transform:translateX(100%);opacity:0;transition:all .3s;} #nav ul{display:block;} #nav li a{padding:0.25em 2em;} #nav li ul{position:static;display:none;} #nav li li a{padding-left:2em;} #nav.active{transform:translateX(0);opacity:1;} /*1024*/ #navbtn{display:block;width:1.35em;height:1.35em;cursor:pointer;background:url(images/icon_menu.png) no-repeat center center;background-size:contain;} /*1024*/ #search{display:block;width:70%;} /*1024*/ #content .container{display:block;} /*1024*/ #sidebar{display:none;} /*1024*/ #main{display:block;padding-right:0;} /*1024*/ .post-header .title{font-size:1.35em;} .pagination{text-align:center;} .pagination span.now-page,.pagination a{margin:0 0.6%;} } @media only screen and (max-width:768px){ /*768px*/ #header{padding:18px 0;} /*768px*/ #logo{width:150px;} /*768px*/ #footer-bottom{padding:10px 0;} /*768px*/ #footer-bottom .container > div{float:none;text-align:center;} /*768px*/ #content{padding:5% 0;} /*768px*/ .post-header{padding:3.5% 5% 2.5%;} .post-header .title{font-size:1.125em;} /*768px*/ .blogitem .more{display:none;} .blogitem .meta{margin-right:0;} .blogitem .title{margin-right:0;} .blogitem .mid,.entry{padding:4% 5%;} .blogitem .btm{padding:2% 5%;} /*768px*/ #post .box-footer{padding:3% 5%;} #post .box-footer .align-left,#post .box-footer .align-right{float:none;} /*768px*/ #post-author{padding:5%;} #post-author .avatar{width:4.5em;} #post-author .text{padding-right:0;margin-left:65px;} #post-author .button{position:static;margin-top:10px;} /*768px*/ #gallery-list{margin-bottom:3%;} #gallery-list li{width:50%;} /*768px*/ #comments-list{padding:2% 5%;} #comments-list li{padding:3.5% 0;} #comments-list .avatar{width:3em;} #comments-list .text{margin-left:3.8em;} #comments-list li li{padding-top:3.5%;} /*768px*/ #frmSumbit{display:block;width:auto;} #frmSumbit .right{display:block;} #frmSumbit .left{width:auto;display:block;padding-right:0;} #frmSumbit .text{padding-left:2.5%;padding-right:2.5%;} } @media only screen and (max-width:540px){ /*540px*/ .blogitem .thumbnail{float:none;display:block;width:auto;margin-right:0;margin-bottom:1em;} }