| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/sinomax/20161019/css/ |
Upload File : |
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
#gallery {
min-width: 980px;
}
#gallery .contents {
padding: 10px 0;
}
#holder {
display: none;
}
#colorbox #holder {
display: block;
}
#cboxContent img {
}
#lightbox_call {
height: 100%;
width: 100%;
}
#lightbox_view {
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
box-shadow: 0 0 10px rgba(0,0,0,0.1);
margin: 0 auto;
width: 960px;
}
.width_1300 #lightbox_view,
.width_1600 #lightbox_view {
width: auto;
}
#lightbox_view.portrait {
}
#lightbox_view img {
width: 100%;
}
#colorbox #lightbox_view {
box-shadow: none;
margin: 0;
margin-left: -1px;
margin-top: -1px;
width: auto;
}
#colorbox #lightbox_view.portrait {
}
#colorbox #lightbox_view img {
height: auto;
max-height: none;
width: auto;
}
#colorbox #lightbox_view .photo_details {
margin-top: -5px;
min-height: 35px;
}
#content {
margin: 20px auto;
}
.contents {
margin: 0 auto;
width: 990px;
}
.width_1300 .contents {
width: 1320px;
}
.width_1600 .contents {
width: 1650px;
}
.photo {
border: 1px solid #ccc;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
box-shadow: 0 0 10px rgba(0,0,0,0.1);
float: left;
margin: 10px;
}
.photo_shell a {
display: block;
height: 100%;
overflow: hidden;
width: 100%;
}
.photo_details a {
display: inline;
}
.photo.no_left {
margin-left: 0;
}
.photo.no_right {
margin-right: 0;
}
.photo.right {
float: right;
}
.photo_shell {
background: #fff;
overflow: hidden;
width: 100%;
}
.photo img {
height: auto;
min-height: 100%;
min-width: 100%;
min-height: 100%;
width: 100%;
}
.photo_details {
background: #fff;
border-top: 1px solid #f4f4f4;
padding: 10px 0 0;
}
.photo_shell {
width: 100%;
}
.photo.large {
width: 638px;
}
.photo.landscape {
width: 638px;
}
.photo.large_landscape {
width: 968px;
}
.photo.large_landscape .photo_shell {
height: 442px;
}
.photo.medium,
.photo.portrait {
width: 308px;
}
.photo.medium.second {
width: 308px;
}
.photo.landscape .photo_shell,
.photo.medium .photo_shell {
height: 190px;
}
.photo.medium.second.vertical .photo_shell {
height: 190px;
}
.photo.large .photo_shell,
.photo.portrait .photo_shell {
height: 442px;
}
/* Photo Set Styles */
.photo_set {
background: #fff;
border: 1px solid #ccc;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
box-shadow: 0 0 10px rgba(0,0,0,0.1);
margin: 10px 0;
width: 100%;
}
.photo_information {
border-bottom: 2px solid #f4f4f4;
padding-top: 5px;
}
.photo_information h2 {
font-size: 16px;
font-weight: normal;
margin: 5px 10px 10px;
}
.photo_information h2 a:hover,
.nav li a:hover {
-webkit-transition:color .5s ease-in-out;
-o-transition:color .5s ease-in-out;
-moz-transition:color .5s ease-in-out;
transition:color .5s ease-in-out;
}
.set_photo_count {
float: right;
}
.set_image {
float: left;
margin: 10px;
overflow: hidden;
}
.set_image_0 {
height: 314px;
width: 500px;
}
.set_image_0 img {
margin-top: -90px;
min-height: 278px;
margin-left: -40px;
min-width: 501px;
width: 920px;
}
.small_set {
float: left;
width: 152px;
}
.width_1300 .small_set,
.width_1600 .small_set {
width: 343px;
}
.set_image_1,
.set_image_2,
.set_image_3,
.set_image_4 {
height: 152px;
width: 152px;
}
.set_image_1 img,
.set_image_2 img,
.set_image_3 img,
.set_image_4 img {
margin-top: -30px;
min-height: 100%;
min-width: 100%;
width: 340px;
}
.set_image_1 {
margin-left: 0;
}
.set_image_2 {
margin-left: 0;
margin-right: 0;
}
.set_image_3,
.set_image_4 {
margin-top: 0;
}
.set_image_3 {
display: none;
margin-left: 0;
}
.set_image_4 {
display: none;
margin-left: 0;
margin-right: 0;
}
.width_1300 .set_image_3,
.width_1300 .set_image_4,
.width_1600 .set_image_3,
.width_1600 .set_image_4 {
display: block;
}
.set_description {
float: left;
width: 305px;
}
.width_1300 .set_description {
width: 425px;
}
.width_1600 .set_description {
width: 425px;
}
.set_description p {
font-size: 14px;
}
/* Contact Styles */
#contact_content {
border-bottom: 1px solid #d0d0d0;
}
#contact_column_1,
#contact_column_2 {
border-left: 1px solid #D0D0D0;
float: left;
height: 1000px;
margin-bottom: 40px;
margin-top: 5px;
padding-left: 18px;
}
#contact_column_1 {
margin-right: 40px;
}
#contact_column_1 img {
margin-bottom: 50px;
}
#contact_column_1 a {
color: #000;
}
#contact_column_2 {
width: 520px;
}
#bio {
margin-top: 48px;
}
.width_1300 #map_view,
.width_1600 #map_view {
height: 800px;
}
#linear_gallery_left,
#linear_gallery_right {
background-position: center;
background-repeat: no-repeat;
display: block;
height: 60px;
overflow: hidden;
position: absolute;
text-indent: 100%;
white-space: nowrap;
width: 30px;
}
#linear_gallery_left {
background-image: url("../_imgs/icon_prev.png");
left: 0;
}
#linear_gallery_right {
background-image: url("../_imgs/icon_next.png");
right: 0;
}
#linear_gallery {
background: #fff;
background: rgba(255,255,255,0.8);
height: 60px;
left: 0;
margin-top: -100px;
overflow: hidden;
position: fixed;
top: 100%;
width: 100%;
}
#linear_gallery a {
display: block;
float: left;
height: 40px;
margin: 10px 5px;
width: 40px;
}
#linear_gallery img {
float: left;
height: 40px;
width: 40px;
}
/* Utility Styles */
.align_center {
text-align: center;
}
.align_right {
text-align: right;
}
.clear {
clear: both;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.margin_top_none {
margin-top: 0 !important;
}
.width_5 {
width: 5%;
}
.width_10 {
width: 10%;
}
.width_15 {
width: 15%;
}
.width_20 {
width: 20%;
}
.width_40 {
width: 40%;
}
.width_45 {
width: 45%;
}
.width_50 {
width: 50%;
}
.width_60 {
width: 60%;
}
@media all and (max-width: 1026px) {
.contents {
margin: 0 auto;
width: 715px;
}
#gallery{
min-width: 100%;
}
.photo {
margin: 10px;
}
.photo img {
height: auto;
min-height: 100%;
min-width: 100%;
min-height: 100%;
width: 100%;
}
.photo_shell {
width: 100%;
}
.photo.large {
width: 453px;
}
.photo.landscape {
width: 453px;
}
.photo.large_landscape {
width: 678px;
}
.photo.medium,
.photo.portrait {
width: 216px;
}
.photo.medium.second {
width: 216px;
}
.photo.landscape .photo_shell,
.photo.medium .photo_shell {
height: 133px;
}
.photo.medium.second.vertical .photo_shell {
height: 133px;
}
.photo.large_landscape .photo_shell {
height: 310px;
}
.photo.large .photo_shell,
.photo.portrait .photo_shell {
height: 310px;
}
}
@media all and (max-width: 760px) {
.contents {
margin: 0 auto;
width: 308px;
}
#gallery{
min-width: 100%;
}
.photo,
.photo.right {
float: none;
}
.photo {
margin: 5px;
}
.photo,
.photo.medium,
.photo.medium .photo_shell,
.photo.medium.second,
.photo.medium.second .photo_shell,
.photo.portrait,
.photo.portrait .photo_shell,
.photo.landscape,
.photo.landscape .photo_shell,
.photo.large,
.photo.large .photo_shell,
.photo img {
clear: both;
width: 300px;
}
.photo.portrait .photo_shell {
height: 442px;
}
.photo.large .photo_shell,
.photo.medium .photo_shell {
height: 205px;
}
.photo.landscape,
.photo.landscape .photo_shell{
height: 99px;
}
}
/**** Transitions ****/
.masonry,
.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
.masonry {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.masonry .masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}