관리-도구
편집 파일: livit-compressed-css.css
/* -------------------------------------- Mobile Menu Core Style -------------------------------------- */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } /* IE6/7 support */ .slicknav_menu { *zoom: 1 } /* User Default Style Change the following styles to modify the appearance of the menu. */ .slicknav_menu { font-size:16px; } /* Button */ .slicknav_btn { margin: 5px 5px 6px; text-decoration:none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #EF1117; } /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; } .slicknav_menu { background: #232323; padding:5px; } .slicknav_nav { color:#fff; margin:0; padding:0; font-size:0.875em; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; } .slicknav_nav ul { padding:0; margin:0 0 0 20px; } .slicknav_nav .slicknav_row { padding:5px 10px; margin:2px 5px; } .slicknav_nav a{ padding:5px 10px; margin:2px 5px; text-decoration:none; color:#fff; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; } .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#EF1117; color:#fff; } .slicknav_nav a:hover{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#EF1117; color:#fff; } .slicknav_nav .slicknav_txtnode { margin-left:15px; } /* -------------------------------------- dd smoothmenu -------------------------------------- */ .ddsmoothmenu{font-family:'montserratbold';font-weight:400;width:724px;margin:0 auto;margin-top:9px} .menuAlign{padding-left:155px} .ddsmoothmenu ul{z-index:100;margin:0;padding:0;list-style-type:none;text-transform:capitalize;width:810px} .ddsmoothmenu ul li{position:relative;display:inline;float:left} .ddsmoothmenu ul li a{display:block;padding:12px 18px;color:#7e8c99;text-decoration:none;background-repeat:no-repeat;background-position:right center;position:relative;font-weight:400;text-transform:uppercase} .ddsmoothmenu ul li a:after{display:block;position:absolute;left:0;bottom:-1px;width:0;height:1px;background-color:#383838;content:"";-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s} .ddsmoothmenu ul li a:hover{color:#FBB80F;background-color:#0E024A} .ddsmoothmenu ul li a:hover:after{width:100%} * html .ddsmoothmenu ul li a{display:inline-block} .ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited{color:#7e8c99;font-size:10pt} .ddsmoothmenu ul li a.selected{color:#FFFFFF} .ddsmoothmenu ul li a:hover{color:#FFFFFF;border-radius:0} .ddsmoothmenu ul li ul{position:absolute;left:0;display:none;visibility:hidden} .ddsmoothmenu ul li ul li{display:list-item;float:none;text-transform:capitalize;background-image:nnone;font-weight:400;background-image:none} .ddsmoothmenu ul li ul li ul{top:0} .ddsmoothmenu ul li ul li a{font-size:13pt;width:180px;padding:8px 15px;text-transform:capitalize;margin:0;border-top-width:0;border-right:none;color:#39454F} .ddsmoothmenu ul li ul li a:link,.ddsmoothmenu ul li ul li a:visited{color:#ffF;background-image:none} .ddsmoothmenu ul li ul li a:hover{background-image:url(../images/menu-ho-over.png);color:#383838} * html .ddsmoothmenu{height:1%} .downarrowclass{position:absolute;top:25px;right:20px;padding-left:10px} .rightarrowclass{position:absolute;top:6px;right:5px} .ddshadow{position:absolute;left:0;top:0;width:0;height:0;background:silver} .toplevelshadow{opacity:.8} .ddsmoothmenu ul li .dropTwoColum{margin-left:-100px} .dropTwoColum{width:380px;background-color:#000000} .ddsmoothmenu .group{display:block;float:left;border-right:1px solid #778;margin-left:-1px} .ddsmoothmenu ul .callMenu{color:#383838;padding-top:12px;padding-bottom:13px;background-image:url(../images/call-br.jpg);background-repeat:no-repeat;background-position:center center} .ddsmoothmenu ul li ul{z-index:1800;background-color:#1B1742;border-radius:0;text-align:left} .ddsmoothmenu ul li ul li a{color:#FFF} .ddsmoothmenu ul li ul li a:hover{background-color:none;color:#FFF} @media (max-width: 1030px) { .menuSide{width:41%} }