| Server IP : 122.155.177.87 / Your IP : 122.155.177.87 Web Server : Apache/2 System : Linux cat177-87.static.lnwhostname.com 3.10.0-1160.62.1.el7.x86_64 #1 SMP Tue Apr 5 16:57:59 UTC 2022 x86_64 User : apache ( 994) PHP Version : 5.3.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname,putenv,eval MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/thungkhana/domains/thungkhanan.go.th/public_html/css2/ |
Upload File : |
@charset "UTF-8";
/* Some stylesheet reset */
#cssmanu > ul {
list-style: none;
margin: 0;
padding: 0;
vertical-align: baseline;
line-height: 1;
}
/* The container */
#cssmanu > ul {
display: block;
position: relative;
width: 210px;
}
/* The list elements which contain the links */
#cssmanu > ul li {
display: block;
position: relative;
margin: 0;
padding: 0;
width: 100%;
}
/* General link styling */
#cssmanu > ul li a {
/* Layout */
display: block;
position: relative;
margin: 0;
padding: 10px 5px;
/* Typography */
font-family: thai_sans_lite;
color: #0C371A;
text-decoration: none;
text-transform: none;
text-align:left;
font-size: 14px;
font-weight: 300;
/* Background & effects */
background: #FF9EAC;
}
/* Rounded corners for the first link of the menu/submenus */
#cssmanu > ul li:first-child > a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top: 0;
}
/* Rounded corners for the last link of the menu/submenus */
#cssmanu > ul li:last-child > a {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom: 0;
}
/* The hover state of the menu/submenu links */
#cssmanu > ul li a:hover,
#cssmanu > ul li:hover > a {
color: #ffffff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
background: #FDACBE;
background: -webkit-linear-gradient(#FDACBE, #FF9595);
background: -moz-linear-gradient(#FDACBE, #FF9595);
background: linear-gradient(#FDACBE, #FF9595);
border-color: transparent;
}
/* The arrow indicating a submenu */
#cssmanu > ul .has-sub > a::after {
content: "";
position: absolute;
top: 16px;
right: 10px;
width: 0px;
height: 0px;
/* Creating the arrow using borders */
border: 4px solid transparent;
border-left: 4px solid #FDACBE;
}
/* The same arrow, but with a darker color, to create the shadow effect */
#cssmanu > ul .has-sub > a::before {
content: "";
position: absolute;
top: 17px;
right: 10px;
width: 0px;
height: 0px;
/* Creating the arrow using borders */
border: 4px solid transparent;
}
/* Changing the color of the arrow on hover */
#cssmanu > ul li > a:hover::after,
#cssmanu > ul li:hover > a::after {
}
#cssmanu > ul li > a:hover::before,
#cssmanu > ul li:hover > a::before {
border-left: 4px solid rgba(0, 0, 0, 0.25);
}
/* THE SUBMENUS */
#cssmanu > ul ul {
position: absolute;
left: 100%;
top: -9999px;
padding-left: 5px;
opacity: 0;
width: 230px;
/* The fade effect, created using an opacity transition */
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
#cssmanu > ul ul li a {
font-size: 14px;
}
/* Showing the submenu when the user is hovering the parent link */
#cssmanu > ul li:hover > ul {
top: 0px;
opacity: 1;
z-index: 1;
}