/* TABLE OF CONTENTS */
/* 1.0 VIGATTIN SLIDER */
@font-face
{
font-family: androgyne;
src: url('fonts/Androgyne_TB.otf');
}
@font-face
{
font-family: japan;
src: url('fonts/Japan.ttf');
}
@font-face
{
font-family: dejavu;
src: url('fonts/DejaVuSans.ttf');
}
@font-face
{
font-family: book_akaneke;
src: url('fonts/Book_Akhanake_0.ttf');
}
@font-face
{
font-family: abeatbykai;
src: url('fonts/impact.ttf');
}
@font-face
{
font-family: elsa;
src: url('fonts/Elsa-Regular.otf');
}
@font-face
{
font-family: jenna;
src: url('fonts/JennaSue.ttf');
}
@font-face
{
font-family: beat;
src: url('fonts/abeatbyKaiRegular.otf');
}
@font-face
{
font-family: mix;
src: url('fonts/MIXTMK_T.ttf');
}
/* GLOBAL */
/* LAYOUT */
body
{
margin: 0px;
padding: 0px;
background: #d58a18;
}
#vigattin_header
{
margin: auto;
text-align: center;
background-color: #ffa729;
left: 0px;
right: 0px;
top: 0px;
}
#tourism_header
{
margin: auto;
text-align: center;
overflow: visible;
position: relative;
left: 0px;
right: 0px;
top: 0px;
height: 340px;
}
#tourism_header #header_background_image
{
z-index: 2;
margin: auto;
overflow: visible;
background-position:center;
background-repeat: no-repeat;
height: 675px;
text-align: center;
background-image: url("extras/headers/bukidnon3.jpg");
}
#tourism_header #header_background_image #navigation_wrapper
{
width: 980px;
position: relative;
height: 340px;
display: inline-block;
position: relative;
}
#tourism_header #header_background_image #navigation_wrapper #search_bar
{
position: absolute;
bottom: 5px;
height: 35px;
right: 20px;
width: 300px;
z-index:11;
}
#tourism_header #header_background_image #navigation_wrapper #search_bar .search_box
{
vertical-align: top;
display: inline-block;
-moz-box-shadow:inset 0px 2px 3px #8a8f92;
-webkit-box-shadow:inset 0px 2px 3px #8a8f92;
box-shadow:inset 0px 2px 3px #8a8f92;
height: 35px;
width: 250px;
background-color: #dfe7ec;
border-radius: 1px;
}
#tourism_header #header_background_image #navigation_wrapper #search_bar .search_box input[type=text]
{
font-family: 'dejavu', 'sans-serif';
height: 30px;
width: 230px;
background: transparent;
margin-top: 2px;
border: none;
color: #868686;
font-family: arial;
font-size: 16px;
}
#tourism_header #header_background_image #navigation_wrapper #search_bar input[type=button]
{
background-color: transparent;
border: 1px solid transparent;
height: 35px;
width: 40px;
cursor:pointer;
background-image: url("extras/navigation/MG.png");
-moz-box-shadow: 0px 0px 2px #82878a;
-webkit-box-shadow: 0px 0px 2px #82878a;
box-shadow: 0px 0px 2px #82878a;
}
#tourism_header #header_background_image #navigation_wrapper #navigation
{
overflow: auto;
display: inline-block;
position: absolute;
bottom: 0px;
left: 0px;
color: #fff;
background: #f2f6f8; /* Old browsers */
background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* IE10+ */
background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
width: 978px;
z-index: 10;
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul
{
margin: 0px;
padding: 0px;
list-style: none;
background-color: #000;
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a
{
color: #333;
font-size: 13px;
font-family: "Arial";
font-weight:bold;
font-style: Narrow;
text-decoration: none;
-webkit-font-smoothing: antialiased;
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li
{
padding: 0px;
float: left;
color: #333;
width: 120px;
padding-left: 0px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 14px;
text-transform: uppercase;
text-decoration: none;
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li:hover
{
Color:#f8f8f8;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
text-shadow: 0px 1px 2px #333;
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.active
{
color:#f8f8f8;
text-shadow: 0px 1px 2px #333;
}
/* NAVIGATIONS */
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.home
{
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.home:hover
{
background: #cb60b3; /* Old browsers */
background: -moz-linear-gradient(top, #cb60b3 0%, #c146a1 49%, #a80077 50%, #db36a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(49%,#c146a1), color-stop(50%,#a80077), color-stop(100%,#db36a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* IE10+ */
background: linear-gradient(to bottom, #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-9 */
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.home.active
{
background: #cb60b3; /* Old browsers */
background: -moz-linear-gradient(top, #cb60b3 0%, #c146a1 49%, #a80077 50%, #db36a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(49%,#c146a1), color-stop(50%,#a80077), color-stop(100%,#db36a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* IE10+ */
background: linear-gradient(to bottom, #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-9 */
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.destination
{
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.destination:hover
{
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 49%, #2188ef 50%, #598ddb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(49%,#54a3ee), color-stop(50%,#2188ef), color-stop(100%,#598ddb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* IE10+ */
background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#598ddb',GradientType=0 ); /* IE6-9 */
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.destination.active
{
background: #6db3f2; /* Old browsers */
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 49%, #2188ef 50%, #598ddb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(49%,#54a3ee), color-stop(50%,#2188ef), color-stop(100%,#598ddb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* IE10+ */
background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#598ddb',GradientType=0 ); /* IE6-9 */
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.article
{
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.article:hover
{
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #b3d10a 49%, #72aa00 50%, #9ecb2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(49%,#b3d10a), color-stop(50%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* IE10+ */
background: linear-gradient(to bottom, #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.article.active
{
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #b3d10a 49%, #72aa00 50%, #9ecb2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(49%,#b3d10a), color-stop(50%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* IE10+ */
background: linear-gradient(to bottom, #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.tourist_spot
{
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.tourist_spot:hover
{
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 49%, #ff7c00 50%, #ff9028 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(49%,#ffa73d), color-stop(50%,#ff7c00), color-stop(100%,#ff9028)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff9028',GradientType=0 ); /* IE6-9 */
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.tourist_spot.active
{
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 49%, #ff7c00 50%, #ff9028 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(49%,#ffa73d), color-stop(50%,#ff7c00), color-stop(100%,#ff9028)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff9028',GradientType=0 ); /* IE6-9 */
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.about_us
{
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.about_us:hover
{
background: #f24329; /* Old browsers */
background: -moz-linear-gradient(top, #f24329 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f24329), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f24329 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f24329 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f24329 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* IE10+ */
background: linear-gradient(to bottom, #f24329 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24329', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.about_us.active
{
background: #f24329; /* Old browsers */
background: -moz-linear-gradient(top, #f24329 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f24329), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f24329 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f24329 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f24329 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* IE10+ */
background: linear-gradient(to bottom, #f24329 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24329', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.line_right
{
border-right: 1px solid #fff;
}
#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.line_left
{
border-left: 1px solid #fff;
}
#wrapper
{
position: relative;
background-color: #c45a1f;
padding-bottom: 1px;
width: 980px;
margin: auto;
z-index: 9;
color: #333;
font-family: "tahoma","Century Gothic", arial;
font-size: 12px;
-moz-box-shadow: 0px 0px 11px #000000;
-webkit-box-shadow: 0px 0px 11px #000000;
box-shadow: 0px 0px 11px #000000;
}
img
{
border: none;
}
/* HOME */
#home_wrapper
{
margin: 15px;
position: static;
}
#home_wrapper #article_corner
{
overflow: auto;
width: 952px;
margin-top: 10px;
height: 350px;
}
#home_wrapper #article_corner .featured_article
{
float: left;
width: 470px;
background-color: #fff;
margin-right: 10px;
height: 350px;
position: relative;
overflow: hidden;
}
#home_wrapper #article_corner .featured_article .info
{
position: absolute;
bottom: 0px;
background-color: #000;
width: 451px;
background-color: rgba(0, 0, 0, 0.5);
padding: 10px;
}
#home_wrapper #article_corner .featured_article .info .title
{
font-family: "japan";
color: #ffd400;
font-size: 30px;
}
#home_wrapper #article_corner .featured_article .info .label
{
font-family: "dejavu";
color: #fff;
height: 39px;
margin-bottom: -48px;
}
#home_wrapper #article_corner .hottest_article
{
width: 471px;
background-color: #00aee2;
float: left;
height: 350px;
overflow: hidden;
}
#home_wrapper #article_corner .hottest_article .image_container
{
height: 250px;
width: 471px;
overflow: hidden;
position: relative;
}
#home_wrapper #article_corner .hottest_article .image_container img
{
position: absolute;
top: 0px;
left: 0px;
display: none;
}
#home_wrapper #article_corner .hottest_article .image_container .title
{
background: rgb(229,112,231); /* Old browsers */
background: -moz-linear-gradient(top, rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,112,231,1)), color-stop(47%,rgba(200,94,199,1)), color-stop(100%,rgba(168,73,163,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-9 */
z-index: 1;
padding: 5px;
font-family: "mix";
-webkit-font-smoothing: subpixel-antialiased;
font-size: 15px;
background-color: #fff;
right: 0px;
top: 0px;
color: #f8f8f8;
position: absolute;
text-shadow:0px 1px 1px #000000;
}
#home_wrapper #article_corner .hottest_article .image_container .label
{
z-index: 1;
padding: 5px;
font-size: 12px;
background-color: rgba(0, 0, 0, 0.5);
left: 0px;
bottom: 0px;
color: #fff;
position: absolute;
width: 471px;
font-weight: bold;
}
#home_wrapper #article_corner .hottest_article .hottest_list_container
{
height: 100px;
width: 425px;
background-color: #00aee2;
text-align: center;
overflow: auto;
margin: auto;
}
#home_wrapper #article_corner .hottest_article .hottest_list_container .thumb_container
{
margin-top: 3px;
margin-right: 1px;
margin-left: 1px;
height: 90px;
width: 135px;
border: 2px solid #00aee2;
background-color: #fff;
float: left;
overflow: hidden;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
}
#home_wrapper #article_corner .hottest_article .hottest_list_container .thumb_container:hover
{
border: 2px solid #fff;
}
#home_wrapper #article_corner .hottest_article .hottest_list_container .thumb_container.active
{
border: 2px solid #fff;
}
#home_wrapper #article_corner .hottest_article .hottest_list_container .thumb_container img
{
}
#home_wrapper #trending_corner
{
width: 952px;
margin-top: 10px;
overflow: auto;
}
#home_wrapper #trending_corner .left_pane
{
float: left;
width: 700px;
}
#home_wrapper #trending_corner .left_pane .trending_articles
{
}
#home_wrapper #trending_corner .left_pane .trending_articles .main_title
{
background: #f9bc4a; /* Old browsers */
background: -moz-linear-gradient(top, #f9bc4a 0%, #fc6d00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bc4a), color-stop(100%,#fc6d00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9bc4a 0%,#fc6d00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9bc4a 0%,#fc6d00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9bc4a 0%,#fc6d00 100%); /* IE10+ */
background: linear-gradient(top, #f9bc4a 0%,#fc6d00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bc4a', endColorstr='#fc6d00',GradientType=0 ); /* IE6-9 */
padding: 6px;
width: 688px;
color: #f8f8f8;
letter-spacing:1px;
-webkit-font-smoothing: subpixel-antialiased;
font-family: "mix";
font-size: 20px;
text-shadow:0px 1px 1px #000000;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list
{
overflow: auto;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list
{
margin-top: 3px;
float: left;
width: 230px;
overflow: hidden;
height: 360px;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list:hover
{
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list.first
{
margin-right: 5px;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list.second
{
margin-right: 5px;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list.third
{
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .trend_image
{
height: 160px;
background-color: #000;
width: 230px;
overflow: hidden;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .info
{
height: 190px;
padding: 5px;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .info.first
{
background-color:#F7F7F7;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .info.first:hover
{
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 59%, #ef8dca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(59%,#f7f7f7), color-stop(100%,#ef8dca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#f7f7f7 59%,#ef8dca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f7f7 0%,#f7f7f7 59%,#ef8dca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7f7f7 0%,#f7f7f7 59%,#ef8dca 100%); /* IE10+ */
background: linear-gradient(to bottom, #f7f7f7 0%,#f7f7f7 59%,#ef8dca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ef8dca',GradientType=0 ); /* IE6-9 */
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .info.second
{
background-color:#F7F7F7;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .info.second:hover
{
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 59%, #ef8dca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(59%,#f7f7f7), color-stop(100%,#ef8dca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#f7f7f7 59%,#ef8dca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f7f7 0%,#f7f7f7 59%,#ef8dca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7f7f7 0%,#f7f7f7 59%,#ef8dca 100%); /* IE10+ */
background: linear-gradient(to bottom, #f7f7f7 0%,#f7f7f7 59%,#ef8dca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ef8dca',GradientType=0 ); /* IE6-9 */
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .info.third
{
background-color:#F7F7F7;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .info.third:hover
{
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 59%, #ef8dca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(59%,#f7f7f7), color-stop(100%,#ef8dca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#f7f7f7 59%,#ef8dca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f7f7 0%,#f7f7f7 59%,#ef8dca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7f7f7 0%,#f7f7f7 59%,#ef8dca 100%); /* IE10+ */
background: linear-gradient(to bottom, #f7f7f7 0%,#f7f7f7 59%,#ef8dca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ef8dca',GradientType=0 ); /* IE6-9 */
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .title
{
font-family: "beat";
font-size: 20px;
line-height: 95%;
margin-bottom: 10px;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .title.first
{
color: #F22EA7;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .title.second
{
color: #F22EA7;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .title.third
{
color: #F22EA7;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .label
{
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .label.first
{
color: #282828;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .label.second
{
color: #282828;
}
#home_wrapper #trending_corner .left_pane .trending_articles .trending_list .trend_list .label.third
{
color: #282828;
}
#home_wrapper #trending_corner .left_pane .hot_spots
{
margin-top: 5px;
}
#home_wrapper #trending_corner .left_pane .hot_spots .main_title
{
background: rgb(0,183,234); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,183,234,1) 0%, rgba(0,144,188,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,183,234,1)), color-stop(100%,rgba(0,144,188,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,183,234,1) 0%,rgba(0,144,188,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,183,234,1) 0%,rgba(0,144,188,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,183,234,1) 0%,rgba(0,144,188,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(0,183,234,1) 0%,rgba(0,144,188,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#0090bc',GradientType=0 ); /* IE6-9 */
padding: 6px;
width: 688px;
color: #f8f8f8;
font-family: "mix";
letter-spacing: 1px;
font-size: 20px;
text-shadow:0px 1px 1px #000000;
}
#home_wrapper #trending_corner .left_pane .hot_spots .hot_spot_lists
{
overflow: auto;
}
#home_wrapper #trending_corner .left_pane .hot_spots .hot_spot_lists .hot_spot_list
{
float: left;
width: 230px;
height: 230px;
overflow: hidden;
margin-top: 5px;
position: relative;
}
#home_wrapper #trending_corner .left_pane .hot_spots .hot_spot_lists .hot_spot_list .tour_name
{
position: absolute;
bottom: 0px;
left: 0px;
color: #50e9e5;
line-height: 80%;
font-family: "book_akaneke";
font-size: 20px;
background-color: rgba(0, 0, 0, 0.5);
padding: 5px;
width: 220px;
margin-bottom: -60px;
}
#home_wrapper #trending_corner .left_pane .hot_spots .hot_spot_lists .hot_spot_list .tour_name .url
{
color: #fff;
font-family: arial;
font-size: 12px;
text-decoration: none;
}
#home_wrapper #trending_corner .left_pane .hot_spots .hot_spot_lists .hot_spot_list.margin_right
{
margin-right: 5px;
}
#home_wrapper #trending_corner .ads
{
float: right;
height: 700px;
width: 240px;
background-color: #fff;
}
/* DESTINATIONS */
#destination_wrapper
{
margin: 15px;
}
#destination_wrapper #header
{
background-color: #000;
background-image: url("extras/tourismdestinationbanner.png");
height: 300px;
-moz-box-shadow: 0px 0px 7px #000000;
-webkit-box-shadow: 0px 0px 7px #000000;
box-shadow: 0px 0px 7px #000000;
position: static;
}
#destination_wrapper #body
{
margin-top: 10px;
overflow: auto;
}
#destination_wrapper #body #content
{
width: 710px;
min-height: 600px;
float: left;
}
#destination_wrapper #body #content #overview
{
background-color: #fff; padding: 10px; margin-top: -5px; width: 690px;
}
#destination_wrapper #body #content #comments
{
background-color: #fff; padding: 10px; margin-top: -5px; width: 690px;
}
#destination_wrapper #body #content #banner_container
{
background-color: #FF7C00;
margin-right: 6px;
height: 200px;
width: 710px;
overflow: hidden;
}
#destination_wrapper #body #content #banner_container img
{
height: 200px;
width: 710px;
}
#destination_wrapper #body #content #profile_navigation_container
{
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
background: linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
border: 1px solid #FF7C00;
overflow: auto;
width: 708px;
text-align: center;
}
#destination_wrapper #body #content #profile_navigation_container ul#profile_navigation
{
list-style: none;
text-align: center;
margin: 0px;
padding: 0px;
display: inline-block;
}
#destination_wrapper #body #content #profile_navigation_container #profile_navigation .profile_navigation_link
{
color: #fff;
text-decoration: none;
margin: 0px;
letter-spacing: 0em;
word-spacing: 0em;
overflow: auto;
}
#destination_wrapper #body #content #profile_navigation_container #profile_navigation .profile_navigation_link li.division
{
padding-top: 8px;
padding-bottom: 5px;
height: 20px;
float: left;
width: 1px;
background-color: #000;
opacity: 0.1;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
#destination_wrapper #body #content #profile_navigation_container #profile_navigation .profile_navigation_link li.profile_navigation_list
{
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
padding-bottom: 5px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
vertical-align: middle;
height: 20px;
float: left;
color: #fff;
}
#destination_wrapper #body #content #profile_navigation_container #profile_navigation .profile_navigation_link li.profile_navigation_list:hover
{
color: #fff;
border-top: 3px solid #f8f8f8;
transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
}
#destination_wrapper #body #content #profile_navigation_container #profile_navigation .profile_navigation_link li.profile_navigation_list.active
{
color: #fff;
background-color:transparent;
border-top: 3px solid #f8f8f8;
}
#destination_wrapper #body #sidebar
{
float: left;
width: 240px;
}
#destination_wrapper #body #sidebar .navigation_wrapper
{
border-radius: 5px;
}
#destination_wrapper #body #sidebar .navigation_wrapper .location_container
{
margin: 15px;
margin-top: 1px;
border-radius: 5px;
}
#destination_wrapper #body #sidebar .navigation_wrapper .location_container ul
{
list-style:none;
margin: 0px;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
font-family: tahoma;
font-weight: bold;
}
#destination_wrapper #body #sidebar .navigation_wrapper .location_container ul a
{
text-decoration: none;
}
#destination_wrapper #body #sidebar .navigation_wrapper .location_container . _container .main_list
{
padding: 10px;
padding-left: 10px;
color: #f8f8f8;
}
#destination_wrapper #body #sidebar .navigation_wrapper .location_container .main_list_container .main_list:hover
{
background-color: rgba(255, 255, 255, 1);
background: rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 1);
-moz-box-shadow: 0px 1px 3px #000000;
-webkit-box-shadow: 0px 1px 3px #000000;
box-shadow: 0px 1px 3px #000000;
color: #c45a1f;
border:none 0px #000000;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
border-radius:3px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
}
#destination_wrapper #body #sidebar .navigation_wrapper .location_container .main_list_container .main_list .main_list_link
{
color: inherit;
text-decoration: none;
}
#destination_wrapper #body #sidebar .navigation_wrapper .location_container .main_list_container .main_list .main_list_link:hover
{
text-decoration: underline;
}
/* TEMPORARY CONTAINER */
.container_for_new_list
{
background-color: rgba(196, 90, 31, 0.7);
width: 190px;
position: absolute;
padding: 5px;
border-radius: 3px;
}
.container_for_new_list
{
padding: 5px;
}
.container_for_new_list .sub_list
{
padding: 5px;
color:#f8f8f8;
}
.container_for_new_list .sub_list:hover
{
background-color: #f8f8f8;
-moz-border-radius: 2px;
-webkit-border-radius:2px;
border-radius:2px;
color: #c45a1f;
}
.container_for_new_list .sub_list a
{
color:inherit;
text-decoration: none;
}
.container_for_new_list .sub_list a:hover
{
text-decoration: underline;
}
/* MODALS */
#modals
{
background-color: #000;
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 12;
opacity:0.85;
filter:alpha(opacity=85); /* For IE8 and earlier */
display: none;
}
#modals .loading
{
margin: auto;
text-align: center;
}
/* DISCUSSION LAYOUT */
#delete_form
{
position: absolute;
top: 0px;
left: 0px;
width: 86px;
background-color: #fff;
border: 1px solid #e6ab9d;
border-radius: 2px;
}
#delete_form .title
{
border: 1px solid #e6ab9d;
padding: 2px;
margin: -1px;
background-color: #f9d6ce;
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #ce7966;
}
#delete_form .buttons
{
margin: 5px;
color: #000;
font-family: tahoma;
font-size: 11px;
font-weight: bold;
}
#delete_form .buttons .yes
{
margin: 5px;
color: #000;
}
#delete_form .buttons .cancel
{
color: #000;
}
#delete_form .buttons a
{
text-decoration: none;
}
#delete_form .buttons a:hover
{
text-decoration: underline;
}
#report_modal
{
display: none;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 24;
}
#report_modal #report_form
{
width: 324px;
background-color: #fff;
margin: auto;
margin-top: 90px;
border: 1px solid #c0c0c0;
-moz-box-shadow: 0px 0px 15px #a7a7a7;
-webkit-box-shadow: 0px 0px 15px #a7a7a7;
box-shadow: 0px 0px 15px #a7a7a7;
}
#report_modal #report_form .title
{
background-color: #f9d7ce;
padding: 7px;
font-size: 14px;
margin-left: -1px;
margin-right: -1px;
margin-top: -1px;
color: #ca6b55;
font-family: "Century Gothic";
border: 1px solid #f7beb3;
}
#report_modal #report_form .content_report_form
{
margin: 10px;
margin-left: 13px;
margin-right: 13px;
}
#report_modal #report_form .content_report_form .description
{
font-size: 12px;
}
#report_modal #report_form .content_report_form .violation_type
{
margin: 10px;
font-weight: bold;
font-size: 14px;
}
#report_modal #report_form .content_report_form .violation_list_container
{
margin-left: 20px;
}
#report_modal #report_form .content_report_form .violation_list_container .violation_list
{
margin-bottom: 3px;
margin-top: 3px;
}
#report_modal #report_form .content_report_form .buttons
{
text-align: right;
}
#discussion_modal
{
display: none;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: #fff;
z-index: 23;
opacity: 0.8;
}
#discussion_wrapper
{
margin-top: 10px;
width: 700px;
}
#discussion_wrapper .see_more
{
position: relative;
height: 20px;
}
#discussion_wrapper .see_more .division
{
background-color: #e6aa9c;
height: 1px;
position: absolute;
width: 700px;
top: 10px;
z-index: 2;
}
#discussion_wrapper .see_more a
{
position: absolute;
background-color: #fff;
z-index: 3;
right: 15px;
font-family: tahoma;
font-size: 10px;
color: #acacac;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
top: 2px;
}
#discussion_wrapper .see_more a:hover
{
position: absolute;
background-color: #fff;
z-index: 3;
right: 15px;
font-family: tahoma;
font-size: 10px;
color: #6c6c6c;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
top: 2px;
opacity: 1.0;
}
#discussion_wrapper .see_more a img
{
opacity: 0.4;
}
#discussion_wrapper #division
{
background-color: #e6aa9c;
height: 1px;
}
#discussion_wrapper #post_textarea_wrapper
{
padding: 2px;
background-color: #f9d6ce;
border-radius: 5px;
margin-top: 1px;
margin-bottom: 1px;
width: 696px;
height: 100px;
}
#discussion_wrapper #post_textarea_wrapper .input
{
border-radius: 5px;
background-color: #f3c0b4;
width: 410px;
padding: 10px;
margin: 7px;
}
#discussion_wrapper #post_textarea_wrapper .input .textarea
{
}
#discussion_wrapper #post_textarea_wrapper .input .textarea .post_textarea
{
resize: none;
height: 30px;
width: 400px;
border-radius: 2px;
border: 1px solid #caa096;
color: #6c6b6b;
font-family: "Century Gothic", arial;
font-size: 12px;
padding: 3px;
}
#discussion_wrapper #post_textarea_wrapper .input .buttons
{
margin-top: 3px;
width: 405px;
text-align: right;
}
#discussion_wrapper #sortfilter_wrapper
{
font-size: 9px;
font-family: tahoma;
text-align: right;
height: 20px;
width: 700px;
margin-top: 2px;
}
#discussion_wrapper #sortfilter_wrapper .sort
{
display: inline-block;
}
#discussion_wrapper #sortfilter_wrapper .filter
{
display: inline-block;
}
#discussion_wrapper #sortfilter_wrapper div a
{
color: #747474;
text-decoration: none;
}
#discussion_wrapper #sortfilter_wrapper div a:hover
{
color: #000;
text-decoration: underline;
}
#discussion_wrapper #post_list_wrapper
{
width: 700px;
}
#discussion_wrapper #post_list_wrapper ul.post_container
{
list-style: none;
margin: 0px;
padding: 0px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post
{
overflow: auto;
position: relative;
margin-bottom: 10px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .arrow_comment
{
position: absolute;
z-index: 22;
left: 82px;
top: 9px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_photo
{
position: absolute;
left: 4px;
top: 4px;
height: 60px;
width: 60px;
background-color: gray;
-moz-box-shadow: 0px 0px 4px #3a3a3a;
-webkit-box-shadow: 0px 0px 4px #3a3a3a;
box-shadow: 0px 0px 4px #3a3a3a;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content
{
float: right;
width: 600px;
border-radius: 5px;
background-color: #fff;
border: 1px solid #c0c0c0;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content .post_user_info
{
background-color: #f9d6ce;
padding: 5px;
color: #db765e;
position: relative;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content .post_user_info .post_name
{
font-size: 16px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content .post_user_info .post_name .post_star
{
font-size: 10px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content .post_user_info .post_name .post_star img
{
opacity: 0.6;
vertical-align: bottom;
cursor: pointer;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content .post_user_info .post_name .post_star img:hover
{
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content .post_user_info .post_name .post_star img.active
{
opacity: 1.0;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content .post_user_info .post_name .post_like
{
font-size: 12px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content .post_user_info .post_time
{
font-size: 12px;
color: #cc806e;
margin-left: 20px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content .post_user_info .post_commands
{
top: 10px;
right: 10px;
position: absolute;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content .post_user_info .post_commands a
{
text-decoration: none;
color: #cc806e;
font-size: 14px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content .post_message
{
margin: 5px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content .reply_wrapper
{
margin: 0px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container
{
margin: 0px;
padding: 0px;
list-style: none;
overflow: auto;
margin-top: 20px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .view_all
{
margin-bottom: 5px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .view_all a
{
text-decoration: none;
color: #db765e;
margin-left: 50px;
font-size: 11px;
font-family: tahoma;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .view_all a:hover
{
text-decoration: underline;
}
/* REPLY LIST */
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list
{
margin-bottom: 5px;
float: right;
width: 550px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .division
{
height: 1px;
background-color: #c0c0c0;
margin-right: 0px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap
{
overflow: auto;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_photo
{
width: 50px;
height: 50px;
margin-top: 3px;
background-color: #000;
float: left;
border: 1px solid #b9b8b8;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_photo img
{
width: 50px;
height: 50px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_content
{
float: right;
width: 495px;
background-color: #fff;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_content .reply_user_info
{
background-color: #f9d6ce;
color: #c26a56;
padding: 3px;
position: relative;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_content .reply_user_info .reply_commands
{
position: absolute;
top: 8px;
right: 10px;
font-size: 12px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_content .reply_user_info .reply_commands a
{
color: #db765e;
text-decoration: none;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_content .reply_user_info .reply_name
{
font-size: 12px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_content .reply_user_info .reply_name .reply_star
{
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_content .reply_user_info .reply_name .reply_star img
{
opacity: 0.6;
height: 13px;
vertical-align: bottom;
cursor: pointer;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_content .reply_user_info .reply_name .reply_star img:hover
{
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_content .reply_user_info .reply_name .reply_star img.active
{
opacity: 1.0;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_content .reply_user_info .reply_name .reply_like
{
font-size: 11px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_content .reply_user_info .reply_time
{
font-size: 11px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_list .reply_wrap .reply_content .reply_message
{
font-size: 12px;
min-height: 21px;
font-family: tahoma;
margin: 5px;
}
/* REPLY AREA */
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_area
{
margin-bottom: 5px;
float: right;
width: 550px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_area .division
{
height: 1px;
background-color: #c0c0c0;
margin-right: 0px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_area .reply_wrap
{
overflow: auto;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_area .reply_wrap .reply_photo
{
width: 50px;
height: 50px;
margin-top: 3px;
background-color: #000;
float: left;
border: 1px solid #b9b8b8;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_area .reply_wrap .reply_photo img
{
width: 50px;
height: 50px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_area .reply_wrap .reply_content
{
float: right;
width: 495px;
background-color: #fff;
margin-top: 15px;
}
#discussion_wrapper #post_list_wrapper ul.post_container li.post .post_content ul.reply_container .reply_area .reply_wrap .reply_content input[type=text]
{
border: 1px solid #b9b8b8;
color: #383737;
font-family: tahoma;
font-size: 12px;
padding: 3px;
width: 400px;
}
/* TOURIST SPOTS */
#tour_container
{
margin: 10px;
overflow: hidden;
padding-top: 10px;
padding-bottom: 10px;
}
#tour_container #tour_wrapper
{
overflow: visible ;
}
#tour_wrapper
{
overflow: visible;
width: 936px;
margin: auto;
}
.picture_container
{
float: left;
background-color: #000;
overflow: visible;
width: 156px;
height: 150px;
position: relative;
}
.picture_container img
{
}
.picture_container_logo
{
float: left;
background-color: #fff;
overflow: visible;
width: 312px; height: 150px;
background-color: #000;
background-image: url("extras/tourist_spot_logo.jpg");
}
.picture_container .picture_tour
{
opacity: 1.0;
cursor: pointer;
}
.picture_container .picture_tour:hover
{
opacity: 1.0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
#tourist_gallery_form_bg
{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 22;
display: none;
}
#tourist_gallery_form_bg #tourist_gallery_form
{
margin: auto;
background-color: #fff;
height: 90%;
width: 90%;
}
#tourist_gallery_form_bg #tourist_gallery_form #left
{
background-color: #000;
float: left;
height: 100%;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .photo_container
{
height: 200px;
text-align: center;
position: relative;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .photo_container img
{
display: none;
}
.temp_tour_name
{
text-shadow:1px 1px 0px #000000;
z-index:101;
position:absolute;
bottom:0px;
bottom:0px;
color:#fff;
font-size:12px;
font-weight:bold;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .photo_container .photo_courtesy
{
color: #fff;
position: absolute;
left: 0px;
width: 100%;
bottom: 0px;
margin: 5px;
margin-right: 10px;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-shadow:1px 1px 0px #000000;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .photo_container .photo_courtesy a
{
text-decoration: none;
color:#fff;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .photo_container .photo_courtesy a:hover
{
text-decoration: underline;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .thumbnail_container
{
height: 120px;
background-color: #2a2a2a;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .thumbnail_container .thumb_photo_container
{
-moz-box-shadow:inset 0px 0px 17px #000000;
-webkit-box-shadow:inset 0px 0px 17px #000000;
box-shadow:inset 0px 0px 17px #000000;
height: 100px;
float: left;
margin-top: 10px;
background-color: #232323;
overflow: hidden;
border-radius: 2px;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .thumbnail_container .thumb_photo_container .long_photo
{
margin: 11px;
width: 99999px;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .thumbnail_container .thumb_photo_container .long_photo .thumb_list
{
float: left;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #636363;
background-color: #000;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .thumbnail_container .thumb_photo_container .long_photo .thumb_list img
{
opacity: 0.7;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .thumbnail_container .thumb_photo_container .long_photo .thumb_list img:hover
{
opacity: 1.0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .thumbnail_container .arrow_gallery_left
{
width: 50px;
height: 120px;
float: left;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .thumbnail_container .arrow_gallery_left:hover
{
background-image: url("nextbutton2.png");
cursor: pointer;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .thumbnail_container .arrow_gallery_right
{
width: 50px;
height: 120px;
float: left;
}
#tourist_gallery_form_bg #tourist_gallery_form #left .thumbnail_container .arrow_gallery_right:hover
{
background-image: url("nextbutton2.png");
cursor: pointer;
}
#tourist_gallery_form_bg #tourist_gallery_form #right
{
background-color: #fff;
float: right;
width: 400px;
height: 100%;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .close_button
{
text-align: right;
margin-top: 5px;
margin-right: 5px;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .close_button a
{
text-decoration: none;
font-family: "TW Cen MT";
color: #000;
font-weight: bold;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .close_button
{
text-align: right;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .description
{
margin-left: 20px;
margin-right: 20px;
font-family: tahoma;
color: #3e3e3e;
margin-bottom: 10px;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .description .title
{
font-family: "Century Gothic";
font-size: 20px;
text-transform: uppercase;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .description .detail
{
color: #535353;
font-size: 12px;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .like_box
{
margin-left: 5px;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .tourist_gallery_tab
{
height: 34px;
width: 360px;
margin-left: 5px;
background-color: #c4cde0;
overflow: hidden;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .tourist_gallery_tab .button
{
height: 32px;
width: 40px;
border: 1px solid #b3bcce;
background-color: #b3bcce;
float: left;
margin-right: 1px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
opacity: 0.5;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .tourist_gallery_tab .button.comment
{
background-image: url("extras/tour_gallery/comment.png");
}
#tourist_gallery_form_bg #tourist_gallery_form #right .tourist_gallery_tab .button.googlemap
{
background-image: url("extras/tour_gallery/googlemap.png");
}
#tourist_gallery_form_bg #tourist_gallery_form #right .tourist_gallery_tab .button.relatedarticles
{
background-image: url("extras/tour_gallery/relatedarticles.png");
}
#tourist_gallery_form_bg #tourist_gallery_form #right .tourist_gallery_tab .button:hover
{
opacity: 1.0;
cursor: pointer;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .tourist_gallery_tab .button.active
{
opacity: 1.0;
background-color: #fff;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .content_box
{
}
#tourist_gallery_form_bg #tourist_gallery_form #right .content_box .related_articles
{
width: 360px;
margin: 5px;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .content_box .related_articles a
{
text-decoration: none;
color: #3b5998;
font-family: arial;
font-size: 12px;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .content_box .related_articles a:hover
{
text-decoration: underline;
}
#tourist_gallery_form_bg #tourist_gallery_form #right .facebook_comment_box
{
margin: 5px;
overflow: auto;
height: 400px;
}
/* ARTICLE */
#article_wrapper
{
margin: 15px;
overflow: visible;
}
#article_wrapper #header
{
background-color: gray;
height: 300px;
}
#article_wrapper #body
{
margin: 0px;
padding: 0px;
margin-top: 10px;
overflow: auto;
}
#article_wrapper #body #content
{
width: 710px;
float: left;
margin: 0px;
padding: 0px;
}
#article_wrapper #body #content .article_banner
{
background-image: url("extras/article_banner.jpg");
width: 706px;
height: 294px;
margin: 0px;
margin-left: 4px;
margin-top: 4px;
padding: 0px;
cursor: pointer;
-moz-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
box-shadow: 0px 0px 4px #000000;
}
#main_article_container
{
}
#main_article_container #article_pagination_container
{
background-color:#C1BFEA;
padding-bottom: 3px;
padding-top: 2px;
}
/* ARTICLE TABS */
#articles_tab_container
{
margin-top: 10px;
margin-bottom: ;
width: 710px;
margin-left: -1px;
overflow: visible;
height: 40px;
}
#articles_tab_container .tab_list
{
background: #e570e7; /* Old browsers */
background: -moz-linear-gradient(top, #e570e7 0%, #c85ec7 47%, #a849a3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e570e7), color-stop(47%,#c85ec7), color-stop(100%,#a849a3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* IE10+ */
background: linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-9 */
float: left;
height: 28px;
padding-top: 12px;
padding-left: 20px;
padding-right: 20px;
margin-right: 3px;
font-family: tahoma;
font-weight: bold;
text-decoration: none;
color: #f8f8f8;
border:none 5px #000000;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}
#articles_tab_container .tab_list:hover
{
background: #ebe9f9; /* Old browsers */
background: -moz-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #c1bfea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebe9f9), color-stop(50%,#d8d0ef), color-stop(51%,#cec7ec), color-stop(100%,#c1bfea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* IE10+ */
background: linear-gradient(top, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=0 ); /* IE6-9 */
color:#2c2869;
transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
}
#articles_tab_container .tab_list.active
{
background: #ebe9f9; /* Old browsers */
background: -moz-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #c1bfea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebe9f9), color-stop(50%,#d8d0ef), color-stop(51%,#cec7ec), color-stop(100%,#c1bfea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* IE10+ */
background: linear-gradient(top, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=0 ); /* IE6-9 */
color: #2c2869;
height: 29px;
border:none 5px #000000;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}
/* ARTICLE CONTAINER */
#articles_container
{
padding: 0px;
margin-top: 3px;
position: static;
padding-top: 5px;
background: #f9fcf7; /* Old browsers */
background: -moz-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fcf7), color-stop(100%,#f5f9f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9fcf7 0%,#f5f9f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9fcf7 0%,#f5f9f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9fcf7 0%,#f5f9f0 100%); /* IE10+ */
background: linear-gradient(to bottom, #f9fcf7 0%,#f5f9f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */
padding-bottom: 5px;
}
/* PREVIEW */
#articles_container .source_code1
{
}
#articles_container .source_code1 .article_preview_wrapper
{
margin: 10px;
font-family: "Century Gothic", verdana, helvetica, tahoma, arial;
background-color: #fff;
position: static;
font-size: 14px;
}
#articles_container .source_code1 .article_preview_wrapper .categories
{
color: #DE0182;
font-size: 20px;
}
#articles_container .source_code1 .article_preview_wrapper .back
{
float: right;
}
#articles_container .source_code1 .article_preview_wrapper .back a
{
text-decoration: none;
font-family: arial;
color: #bc5534;
}
#articles_container .source_code1 .article_preview_wrapper .back a:hover
{
text-decoration:none;
color: #de0182;
}
#articles_container .source_code1 .article_preview_wrapper .line
{
height: 1px;
background-color:#c66c4f;
}
#articles_container .source_code1 .article_preview_wrapper .location_tags
{
font-family: "Century Gothic", verdana, helvetica, tahoma, arial;
color: #DE0182;
margin-bottom: 10px;
}
#articles_container .source_code1 .article_preview_wrapper .title
{
font-size: 20px;
font-family: "Century Gothic", verdana, helvetica, tahoma, arial;
color: #026FC9;
text-transform: uppercase;
}
#articles_container .source_code1 .article_preview_wrapper .subtitle
{
font-size: 14px;
font-family: 'Century Gothic', 'Tw Cen MT', verdana, helvetica, tahoma, arial;
color: #414141;
}
#articles_container .source_code1 .article_preview_wrapper .photo_courtesy
{
font-size: 11px; text-align: center
}
#articles_container .source_code1 .article_preview_wrapper .photo_container
{
text-align: center;
}
#articles_container .source_code1 .article_preview_wrapper .photo_container .article_image
{
max-width: 680px;
border: 1px solid #000;
cursor: pointer;
}
#articles_container .source_code1 .article_preview_wrapper .authors
{
font-size: 11px;
margin: 10px;
margin-left: 0px;
font-family: "Century Gothic";
padding-left: 0px;
margin-top: 0px;
font-style: italic;
}
#articles_container .source_code1 .article_preview_wrapper .full_content
{
font: normal;
line-height: 108%;
overflow: auto;
padding-bottom: 10px;
}
#articles_container .source_code1 .article_preview_wrapper .references
{
font: normal;
line-height: 108%;
margin-bottom: 20px;
margin-top: 20px;
}
#articles_container .source_code1 .article_preview_wrapper .references .ref_title
{
}
#articles_container .source_code1 .article_preview_wrapper .references .ref_title a
{
font-family: "Tahoma";
font-size: 11px;
text-decoration: none;
color: #8c8b8b;
}
#articles_container .source_code1 .article_preview_wrapper .references .ref_title a:hover
{
text-decoration: none;
}
#articles_container .source_code1 .article_preview_wrapper .references .ref_list
{
}
#articles_container .source_code1 .article_preview_wrapper .references .ref_list ul
{
list-style: none;
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 5px;
}
#articles_container .source_code1 .article_preview_wrapper .references .ref_list li
{
}
#articles_container .source_code1 .article_preview_wrapper .references .ref_list a
{
font-family: "Tahoma";
text-decoration: none;
color: #686868;
font-size: 11px;
}
#articles_container .source_code1 .article_preview_wrapper .references .ref_list a:hover
{
text-decoration: underline;
color: #000;
}
#articles_container .source_code1 .article_preview_wrapper .facebook_comment_like_container
{
margin: 5px;
}
/* LIST */
#articles_container .article_container
{
font-family: arial;
border: 1px solid #fff;
padding: 5px;
margin: 5px;
margin-bottom: 10px;
background-color: #fff;
overflow: auto;
}
#articles_container .article_container:hover
{
border: 1px solid #CCC;
padding: 5px;
margin: 5px;
margin-bottom: 10px;
overflow: auto;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
background-color: rgba(240, 240, 240, 1);
}
/* ARTICLE CONTAINER */
#articles_container .article_container .info_container
{
overflow: auto;
}
#articles_container .article_container .photo
{
float: right;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
margin-right: 5px;
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;
}
#articles_container .article_container .photo img
{
}
#articles_container .article_container .title
{
}
#articles_container .article_container .title a
{
font-size: 20px;
color: #026FC9;
font-weight:bold;
text-transform: uppercase;
text-decoration: none;
}
#articles_container .article_container .title a:hover
{
text-decoration:none;
color:#F0C;
}
#articles_container .article_container .title a:visited
{
color: #212B38;
}
#articles_container .article_container .author
{
color: #717171;
font-size: 12px;
font-style: italic;
}
#articles_container .article_container .content
{
color: #2d2d2d;
font-size: 12px;
}
#articles_container .article_container .read_more
{
margin: 5px;
font-size: 12px;
text-align: left;
}
#articles_container .article_container .read_more a
{
color: #484848;
font-size: 11px;
text-decoration: none;
font-style: italic;
}
#articles_container .article_container .read_more a:hover
{
text-decoration: underline;
}
#articles_container .article_container .read_more a:visited
{
color: #000;
text-decoration: underline;
}
/* ARTICLE SIDEBAR */
#article_wrapper #body #sidebar
{
float: left;
width: 230px;
margin-top: 12px;
margin-left: 10px;
}
#article_wrapper #body #sidebar.preview
{
margin-top: 35px;
}
/* DAILY QUOTE */
#article_wrapper #body #sidebar #daily_quote
{
background-color: #f6f396;
border: 1px solid #ec92ac;
color: #525252;
padding: 10px;
border-radius: 8px;
margin-bottom: 10px;
font-family: "Century Gothic";
font-size: 18px;
height: 267px;
}
#article_wrapper #body #sidebar #daily_quote .title
{
color: #3586c4;
font-weight: bold;
font-size: 20px;
}
#article_wrapper #body #sidebar #daily_quote .date
{
color: #3586c4;
}
#article_wrapper #body #sidebar #daily_quote .quote
{
padding: 20px;
}
/* CATEGORIES */
#article_wrapper #body #sidebar #categories
{
background: #feffe8; /* Old browsers */
background: -moz-linear-gradient(top, #feffe8 0%, #d6dbbf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffe8), color-stop(100%,#d6dbbf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); /* IE10+ */
background: linear-gradient(to bottom, #feffe8 0%,#d6dbbf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */
font-size:18px;
padding-bottom: 10px;
}
#article_wrapper #body #sidebar #categories .title
{
font-family: "dejavu" , arial;
font-size: 18px;
padding: 6px;
text-align:center;
color: #282828;
text-shadow:0px 1px 0px #FFF;
}
#article_wrapper #body #sidebar #categories ul
{
margin-bottom:0px;
margin-top: 0px;
padding-right: 8px;
list-style:inside;
}
#article_wrapper #body #sidebar #categories ul li
{
color: #282828;
margin-left: -30px;
margin-bottom: 5px;
padding-bottom:5px;
border-bottom: 1px solid #282828;
-moz-box-shadow: 0px 1px 0px #fff; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 0px 1px 0px #fff; /* Safari and Chrome */
box-shadow: 0px 1px 0px #fff;
}
#article_wrapper #body #sidebar #categories ul li:hover
{
color: #de0182;
}
#article_wrapper #body #sidebar #categories ul li.active
{
color: #de0182;
}
#article_wrapper #body #sidebar #categories ul li a
{
color: #282828;
text-decoration: none;
font-size: 14px;
}
#article_wrapper #body #sidebar #categories ul li a:hover
{
color: #de0182;
}
#article_wrapper #body #sidebar #categories ul li a.active
{
color: #de0182;
}
/* ARTICLE PREVIEW */
#article_wrapper_preview
{
margin: 15px;
}
.temp_container
{
}
.temp_container .temp_info
{
}
.temp_container .temp_info a
{
text-decoration: none;
color: #fff;
font-style: italic;
}
.temp_container .temp_info a:hover
{
text-decoration: underline;
color: #fff;
}
.pagination
{
position: static;
padding: 0px;
margin-right: 10px;
margin-left: 10px;
margin-top: 5px;
text-align: right;
overflow: auto;
padding-top: 5px;
padding-bottom: 5px;
color: #cd6f8a;
font-family: tahoma;
}
.pagination .page_list
{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
font-weight: bold;
text-decoration: none;
color: #666666;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 3px;
padding-top: 3px;
font-family: "Century Gothic";
font-size: 12px;
border: 1px solid #e1e1e1;
}
.pagination .page_list:hover
{
text-decoration: none;
background-color: #fff;
color: #c85ec7;
border: 1px solid #c85ec7;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.pagination .page_list.active
{
text-decoration: none;
background-color: #fff;
color: #c85ec7;
border: 1px solid #c85ec7;
}
/* PAGINATION WALL*/
.temporary_wall
{
position: absolute;
z-index: 50;
top: 0px;
left: 0px;
}
.temporary_loading
{
position: absolute;
z-index: 51;
top: 0px;
left: 0px;
}
/* 1.0 VIGATTIN SLIDER */
#vigattin_slider
{
text-align: center;
background-color: #000;
width: 952px;
height: 350px;
position: relative;
overflow: hidden;
}
#vigattin_slider div.info
{
position: absolute;
left: 12px;
bottom: 51px;
color: #fff;
z-index: 10;
padding: 5px;
text-align: left;
background-image:url('extras/vigattin_slider/vigattin_slider_thumb_bg.png');
}
#vigattin_slider div.info div.title
{
font-family: 'jenna';
font-size: 40px;
}
#vigattin_slider div.info div.photo_courtesy a
{
font-family: 'sans-serif', arial;
font-size: 12px;
margin-top: -8px;
color: #fff;
text-decoration: none;
}
#vigattin_slider div.info div.photo_courtesy a:hover
{
text-decoration: underline;
}
#vigattin_slider div.crop_container
{
overflow: auto;
width: 9520px;
}
#vigattin_slider div.crop_container img.crop
{
float: left;
display: none;
}
#vigattin_slider div.thumb_container
{
position: absolute;
height: 40px;
border: 0px solid #000;
bottom: 7px;
right: 10px;
width: 930px;
opacity: 1.0;
background-image:url('extras/vigattin_slider/vigattin_slider_thumb_bg.png');
border-radius: 1px;
z-index: 5;
}
#vigattin_slider div.thumb_container img.thumb
{
margin-top: 2px;
border: 2px solid #4d4d4d;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
cursor: pointer;
display:none;
border-radius: 1px;
position: relative;
}
#vigattin_slider div.thumb_container img.thumb:hover
{
margin-top: 2px;
border: 2px solid #d3d3d3;
}
#vigattin_slider div.thumb_container img.thumb.active
{
margin-top: 2px;
border: 2px solid #d3d3d3;
}
#vigattin_slider div.thumb_container div.left
{
background-image:url('extras/vigattin_slider/left_arrow.png');
left: 3px;
}
#vigattin_slider div.thumb_container div.right
{
background-image:url('extras/vigattin_slider/right_arrow.png');
right: 3px;
}
#vigattin_slider div.thumb_container div.arrow
{
width: 20px;
height: 31px;
float: right;
position: absolute;
opacity: 0.5;
top: 4px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#vigattin_slider div.thumb_container div.arrow:hover
{
opacity: 1.0;
}
#footer
{
margin: auto;
width: 960px;
background-color:transparent;
color: #f8f8f8;
text-align:
center; font-family: arial;
padding: 10px;
}