shoppingmallv2 init...
This commit is contained in:
parent
752c067504
commit
bd31620b83
@ -99,7 +99,7 @@ define('LAYOUTS', [
|
||||
'stylesheets' => [
|
||||
'<link rel="icon" href="/favicon.ico">',
|
||||
'<link href="//cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">',
|
||||
'<link rel="stylesheet" href="css/style.css" />',
|
||||
'<link rel="stylesheet" href="/css/style.css" />',
|
||||
],
|
||||
'javascripts' => [
|
||||
'<script src="//cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>',
|
||||
@ -115,7 +115,7 @@ define('LAYOUTS', [
|
||||
'<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">',
|
||||
'<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" />',
|
||||
'<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css" />',
|
||||
'<link rel="stylesheet" href="css/style.css" />',
|
||||
'<link rel="stylesheet" href="/css/style.css" />',
|
||||
],
|
||||
'javascripts' => [
|
||||
'<script src="//cdn.jsdelivr.net/npm/jquery@3.7.0/dist/jquery.min.js"></script>',
|
||||
@ -135,7 +135,7 @@ define('LAYOUTS', [
|
||||
'<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">',
|
||||
'<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" />',
|
||||
'<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css" />',
|
||||
'<link rel="stylesheet" href="css/style.css" />',
|
||||
'<link rel="stylesheet" href="/css/style.css" />',
|
||||
],
|
||||
'javascripts' => [
|
||||
'<script src="//cdn.jsdelivr.net/npm/jquery@3.7.0/dist/jquery.min.js"></script>',
|
||||
|
||||
@ -12,8 +12,8 @@
|
||||
<?= $javascript ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<link href="/css/front.css" media="screen" rel="stylesheet" type="text/css" />
|
||||
<script type="text/javascript" src="/js/front.js"></script>
|
||||
<link href="/css/admin.css" media="screen" rel="stylesheet" type="text/css" />
|
||||
<script type="text/javascript" src="/js/admin.js"></script>
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
@ -24,12 +24,10 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="head" class="row">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu'); ?>
|
||||
</div>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu'); ?>
|
||||
<table id="layout">
|
||||
<tr>
|
||||
<td id="left" valign="top" width="160">
|
||||
<td id="left" valign="top" width="180">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/left_menu'); ?>
|
||||
</td>
|
||||
<td id="body" valign="top" width="*">
|
||||
@ -37,12 +35,8 @@
|
||||
<?= $this->renderSection('content') ?>
|
||||
<?= $this->include('templates/admin/footer'); ?>
|
||||
</td>
|
||||
<td id="right" valign="top" width="50">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/right_menu'); ?>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div id="tail" class="row"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,7 +0,0 @@
|
||||
<!-- right menu start -->
|
||||
<link href="/css/admin/right_menu.css" media="screen" rel="stylesheet" type="text/css" />
|
||||
<script type="text/javascript" src="/js/side_menu.js"></script>
|
||||
<div id="right_menu" class="shadow-lg rounded">
|
||||
<div class="accordion accordion-flush">
|
||||
</div>
|
||||
</div>
|
||||
@ -30,26 +30,20 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="head" class="row">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu'); ?>
|
||||
</div>
|
||||
<table id="layout">
|
||||
<tr>
|
||||
<td id="left" valign="top" width="160">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu'); ?>
|
||||
<div id="layout" class="container container-fluid">
|
||||
<div class="row">
|
||||
<div id="left" class="col">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/left_menu'); ?>
|
||||
</td>
|
||||
<td id="body" valign="top" width="*">
|
||||
</div>
|
||||
<div id="body" class="col-auto">
|
||||
<?= $this->include('templates/front/header'); ?>
|
||||
<?= $this->renderSection('content') ?>
|
||||
<?= $this->include('templates/front/footer'); ?>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/copyright'); ?>
|
||||
</td>
|
||||
<td id="right" valign="top" width="50">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/right_menu'); ?>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div id="tail" class="row"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/copyright'); ?> </li>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,19 +1,11 @@
|
||||
<!-- Copyright 시작-->
|
||||
<div style="margin-top:5px; margin-bottom:5px; border:1px solid silver;"></div>
|
||||
<div id="footer">
|
||||
<img src="logo_gray.png">
|
||||
<span style="color:#999; font-size: 11px;">
|
||||
<a href="/sitecontent/?sitecategory=39">会社紹介 </a> |
|
||||
<a href="/sitecontent/?sitecategory=40">利用約款</a> |
|
||||
<a href="/sitecontent/?sitecategory=41">個人情報保護政策</a> |
|
||||
<a href="mailto:idc@idcjp.jp">eメール</a>
|
||||
</span>
|
||||
<div style="font-size: 11px; margin-top: 5px; line-height: 160%;">
|
||||
社名 : <span class="cpy">TRi-aBility(株)</span> 代表者 : <span class="cpy">笹 生 勝</span>
|
||||
住所 : <span class="cpy">東京都 大田区平和島6-5</span><br />
|
||||
TEL: <span class="cpy">043-307-5390</span> EMAIL : <span class="cpy"><a href="mailto:idc@idcjp.jp" style="color:darkblue;">idc@idcjp.jp</a></span><br />
|
||||
<!-- 事業者登録番号 : <span class="cpy">887-81-00973</span><br/> -->
|
||||
<!-- Copyright © 2012, YYY, All rights Reserved -->
|
||||
<div id="tail">
|
||||
<div class="foot-logo"><img src="../images/common/foot_logo.png" alt="IT Solution"></div>
|
||||
<div class="foot-info">
|
||||
<address>
|
||||
社名 : 株式会社 DUNAMIS <span class="bar"></span> 代表者 : 天 海 照 彩 <span class="bar"></span> 住所 : 東京都江東区亀戸5丁-1-2 <span class="bar"></span> 事業者登録番号 : 0400-01-082327 <span class="bar"></span> Tel : 1661-0577 <br>
|
||||
Copyright by 2018 (주)ITSolution. All Right Reserved.
|
||||
</address>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Copyright 끝-->
|
||||
@ -1,5 +1,5 @@
|
||||
<!-- left menu start -->
|
||||
<link href="/css/admin/left_menu.css" media="screen" rel="stylesheet" type="text/css" />
|
||||
<link href="/css/front/left_menu.css" media="screen" rel="stylesheet" type="text/css" />
|
||||
<script type="text/javascript" src="/js/side_menu.js"></script>
|
||||
<div id="left_menu" class="shadow-lg rounded">
|
||||
<div class="accordion accordion-flush">
|
||||
|
||||
@ -1,7 +0,0 @@
|
||||
<!-- right menu start -->
|
||||
<link href="/css/admin/right_menu.css" media="screen" rel="stylesheet" type="text/css" />
|
||||
<script type="text/javascript" src="/js/side_menu.js"></script>
|
||||
<div id="right_menu" class="shadow-lg rounded">
|
||||
<div class="accordion accordion-flush">
|
||||
</div>
|
||||
</div>
|
||||
@ -1,14 +1,18 @@
|
||||
<nav class="navbar navbar-expand-lg bg-light" style="border-bottom:1px solid silver;">
|
||||
<nav id="head" class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container-fluid">
|
||||
<a href="/admin" class="navbar-brand">BaseProject 관리 Site</a>
|
||||
<div class="input-group custom-search-form" style="width:270px;">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu/search'); ?>
|
||||
</div>
|
||||
<div class="input-group custom-search-form" style="width:270px;">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu/make_password'); ?>
|
||||
</div>
|
||||
<div style="float: right;">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu/member_link'); ?>
|
||||
</div>
|
||||
<nav class="nav">
|
||||
<a class="navbar-brand" href="#">Logo</a>
|
||||
</nav>
|
||||
<ul class="nav justify-content-center">
|
||||
<li class="nav-item">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu/top_center'); ?>
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu/search'); ?>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav justify-content-end">
|
||||
<li class="nav-item">
|
||||
<?= $this->include($viewDatas['layout']['path'] . '/top_menu/member_link'); ?>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@ -1,3 +0,0 @@
|
||||
<span><?= ICONS['LOCK'] ?></span>
|
||||
<input type="text" class="form-control" value="<?= getPasswordString_CommonHelper() ?>" id="makePassword">
|
||||
<span class="input-group-btn" id="mkbutton"><button class="btn btn-default border border-dark" type="button" id="totSearchBtn" onClick="window.location.reload();"><?= ICONS['SEARCH'] ?></button></span>
|
||||
@ -1,16 +1,14 @@
|
||||
<ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll" style="--bs-scroll-height: 100px;">
|
||||
<li class="nav-item dropdown">
|
||||
<?php if ($viewDatas['session']->get(SESSION_NAMES['ISLOGIN'])) : ?>
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<?= ICONS['LOGIN'] ?><?= $viewDatas['session']->get(SESSION_NAMES['AUTH'])[AUTH_FIELDS['TITLE']] ?>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li><a class="dropdown-item" href="/admin/user/update/<?= $viewDatas['session']->get(SESSION_NAMES['AUTH'])[AUTH_FIELDS['ID']] ?>"><?= ICONS['SETUP'] ?>수정</a></li>
|
||||
<li>
|
||||
<hr class="dropdown-divider">
|
||||
</li>
|
||||
<li><a class="dropdown-item" href="/logout"><?= ICONS['LOGOUT'] ?>Logout</a></li>
|
||||
</ul>
|
||||
<?php else : ?><a class="nav-link dropdown-toggle" href="/login" role="button"><?= ICONS['LOGIN'] ?>Login</a><?php endif ?>
|
||||
</li>
|
||||
</ul>
|
||||
<li class="nav-item dropdown">
|
||||
<?php if ($viewDatas['session']->get(SESSION_NAMES['ISLOGIN'])) : ?>
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<?= ICONS['LOGIN'] ?><?= $viewDatas['session']->get(SESSION_NAMES['AUTH'])[AUTH_FIELDS['TITLE']] ?>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li><a class="dropdown-item" href="/admin/user/update/<?= $viewDatas['session']->get(SESSION_NAMES['AUTH'])[AUTH_FIELDS['ID']] ?>"><?= ICONS['SETUP'] ?>수정</a></li>
|
||||
<li>
|
||||
<hr class="dropdown-divider">
|
||||
</li>
|
||||
<li><a class="dropdown-item" href="/logout"><?= ICONS['LOGOUT'] ?>Logout</a></li>
|
||||
</ul>
|
||||
<?php else : ?><a class="nav-link dropdown-toggle" href="/login" role="button"><?= ICONS['LOGIN'] ?>Login</a><?php endif ?>
|
||||
</li>
|
||||
@ -1,4 +1,4 @@
|
||||
<form class="d-flex me-20" role="search">
|
||||
<input class="form-control" type="search" placeholder="Search" aria-label="Search">
|
||||
<button class="btn btn-outline-success" type="submit">Search</button>
|
||||
<input class="form-control" type="search" placeholder="Search" aria-label="Search">
|
||||
<button class="btn btn-outline-success" type="submit">Search</button>
|
||||
</form>
|
||||
2
app/Views/layouts/front/top_menu/top_center.php
Normal file
2
app/Views/layouts/front/top_menu/top_center.php
Normal file
@ -0,0 +1,2 @@
|
||||
<span><strong>고객센터</strong> 1661-0577 (365일 24시간)</span>
|
||||
<span><img src="/images/common/top_skype.png" alt="스카이프">itsolution-idc@outlook.kr</span>
|
||||
@ -14,18 +14,12 @@
|
||||
width:100%;
|
||||
background-color:#efefef
|
||||
}
|
||||
#layout #left {
|
||||
width:160px;
|
||||
/* border:1px solid yellow; */
|
||||
}
|
||||
/* #layout #left {
|
||||
} */
|
||||
#layout #body{
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
}
|
||||
#layout #right{
|
||||
width: 50px;
|
||||
/* border:1px solid orange; */
|
||||
}
|
||||
|
||||
#layout #body div.header{
|
||||
/*content 상단라인*/
|
||||
|
||||
@ -1,15 +0,0 @@
|
||||
div#main div#content div.header{
|
||||
border-radius: 10px;
|
||||
border: 1px solid silver;
|
||||
background-color: #e7e7e7;
|
||||
}
|
||||
|
||||
div#main div#content div.header div.header-head{
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
div#main div#content div.header div.header-body{
|
||||
padding:10px;
|
||||
border-radius: 0px 0px 10px 10px;
|
||||
background-color:white;
|
||||
}
|
||||
@ -2,7 +2,6 @@ div#left_menu{
|
||||
position:fixed;
|
||||
z-index:100;
|
||||
width:160px;
|
||||
margin-left:5px;
|
||||
border:1px solid silver;
|
||||
}
|
||||
|
||||
|
||||
@ -1,10 +0,0 @@
|
||||
.quick1 ul li{
|
||||
list-style:none;
|
||||
float:left;
|
||||
}
|
||||
|
||||
|
||||
.quick1 ul li ul li{
|
||||
list-style:none;
|
||||
float:left;
|
||||
}
|
||||
@ -1,20 +0,0 @@
|
||||
div#right_menu{
|
||||
position:fixed;
|
||||
z-index:100;
|
||||
width: 100px;
|
||||
border:1px solid silver;
|
||||
}
|
||||
|
||||
div#right_menu div.accordion {
|
||||
/* display:none; */
|
||||
background-color: white;
|
||||
}
|
||||
div#right_menu div.accordion div.accordion-item:hover {
|
||||
background-color: #e7e7e7;
|
||||
}
|
||||
div#right_menu div.accordion div.accordion-item a{
|
||||
padding-left:10px;
|
||||
}
|
||||
div#right_menu div.accordion div.accordion-collapse a{
|
||||
padding-left:30px;
|
||||
}
|
||||
@ -12,19 +12,17 @@
|
||||
} */
|
||||
#layout{
|
||||
width:100%;
|
||||
background-color:#efefef
|
||||
background-color:white;
|
||||
border:1px solid blue;
|
||||
}
|
||||
#layout #left {
|
||||
width:160px;
|
||||
/* border:1px solid yellow; */
|
||||
border:1px solid silver;
|
||||
}
|
||||
#layout #body{
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
}
|
||||
#layout #right{
|
||||
width: 50px;
|
||||
/* border:1px solid orange; */
|
||||
background-color:white;
|
||||
border:1px solid red;
|
||||
}
|
||||
|
||||
#layout #body div.header{
|
||||
|
||||
20
public/css/front/left_menu.css
Normal file
20
public/css/front/left_menu.css
Normal file
@ -0,0 +1,20 @@
|
||||
div#left_menu{
|
||||
/* position:fixed;
|
||||
z-index:100; */
|
||||
width:160px;
|
||||
border:1px solid silver;
|
||||
}
|
||||
|
||||
div#left_menu div.accordion {
|
||||
/* display:none; */
|
||||
background-color: white;
|
||||
}
|
||||
div#left_menu div.accordion div.accordion-item:hover {
|
||||
background-color: #e7e7e7;
|
||||
}
|
||||
div#left_menu div.accordion div.accordion-item a{
|
||||
padding-left:10px;
|
||||
}
|
||||
div#left_menu div.accordion div.accordion-collapse a{
|
||||
padding-left:30px;
|
||||
}
|
||||
@ -1,56 +0,0 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
/* jssor slider bullet navigator skin 05 css */
|
||||
/*
|
||||
.jssorb05 div (normal)
|
||||
.jssorb05 div:hover (normal mouseover)
|
||||
.jssorb05 .av (active)
|
||||
.jssorb05 .av:hover (active mouseover)
|
||||
.jssorb05 .dn (mousedown)
|
||||
*/
|
||||
.jssorb05 {
|
||||
position: absolute;
|
||||
}
|
||||
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
|
||||
position: absolute;
|
||||
/* size of bullet elment */
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url('/js/slider/img/b05.png') no-repeat;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
.jssorb05 div { background-position: -7px -7px; }
|
||||
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
|
||||
.jssorb05 .av { background-position: -67px -7px; }
|
||||
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
|
||||
|
||||
/* jssor slider arrow navigator skin 22 css */
|
||||
/*
|
||||
.jssora22l (normal)
|
||||
.jssora22r (normal)
|
||||
.jssora22l:hover (normal mouseover)
|
||||
.jssora22r:hover (normal mouseover)
|
||||
.jssora22l.jssora22ldn (mousedown)
|
||||
.jssora22r.jssora22rdn (mousedown)
|
||||
.jssora22l.jssora22lds (disabled)
|
||||
.jssora22r.jssora22rds (disabled)
|
||||
*/
|
||||
.jssora22l, .jssora22r {
|
||||
display: block;
|
||||
position: absolute;
|
||||
/* size of arrow element */
|
||||
width: 40px;
|
||||
height: 58px;
|
||||
cursor: pointer;
|
||||
background: url('/js/slider/img/a22.png') center center no-repeat;
|
||||
overflow: hidden;
|
||||
}
|
||||
.jssora22l { background-position: -10px -31px; }
|
||||
.jssora22r { background-position: -70px -31px; }
|
||||
.jssora22l:hover { background-position: -130px -31px; }
|
||||
.jssora22r:hover { background-position: -190px -31px; }
|
||||
.jssora22l.jssora22ldn { background-position: -250px -31px; }
|
||||
.jssora22r.jssora22rdn { background-position: -310px -31px; }
|
||||
.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
|
||||
.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }
|
||||
@ -1,25 +0,0 @@
|
||||
@CHARSET "UTF-8";
|
||||
div#left_menu_slideshow {
|
||||
position: relative;
|
||||
width: 352px;
|
||||
height: 296px;
|
||||
}
|
||||
|
||||
div#left_menu_slideshow > div {
|
||||
top:9px;
|
||||
left:53px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
/*npy-scorecount.js용*/
|
||||
#event_alarm { position:relative; width:100%; max-width:1081px; }
|
||||
#event_alarm .npy-scwrap { position:absolute !important; top:0; left:0; width:100%; height:100%; }
|
||||
#event_alarm .npy-scdigit { position:absolute !important; top:24.95%; }
|
||||
#event_alarm .npy-scdigit._0 { left:18.36%; }
|
||||
#event_alarm .npy-scdigit._1 { left:28.12%; }
|
||||
#event_alarm .npy-scdigit._2 { left:40.53%; }
|
||||
#event_alarm .npy-scdigit._3 { left:50.35%; }
|
||||
#event_alarm .npy-scdigit._4 { left:62.72%; }
|
||||
#event_alarm .npy-scdigit._5 { left:72.53%; }
|
||||
/*npy-scorecount.js용*/
|
||||
@ -1,41 +0,0 @@
|
||||
@CHARSET "UTF-8";
|
||||
.partner_banner{
|
||||
position:relative;
|
||||
//border:1px solid red;
|
||||
margin:0 auto;
|
||||
width:1165px;
|
||||
}
|
||||
.partner_banner > .RollDiv{
|
||||
margin:0 auto;
|
||||
width:1165px;
|
||||
height:60px;
|
||||
overflow:hidden;
|
||||
}
|
||||
.partner_banner > .RollDiv > div{
|
||||
overflow:hidden;
|
||||
height:60px;
|
||||
width:1200px}
|
||||
.partner_banner > .RollDiv > div > a{
|
||||
float:left;
|
||||
display:block;
|
||||
}
|
||||
.partner_banner > .RollDiv > div > a > img{
|
||||
width:180px;
|
||||
height:60px;
|
||||
margin-right:10px;
|
||||
}
|
||||
.partner_banner > .btn_left{
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
background:blue;
|
||||
height:100%;
|
||||
width:25px;
|
||||
}
|
||||
.partner_banner > .btn_right{
|
||||
position:absolute;
|
||||
right:0;top:0;
|
||||
background:blue;
|
||||
height:100%;
|
||||
width:25px;
|
||||
}
|
||||
@ -1,54 +0,0 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
.zeta-menu-bar {
|
||||
position:relative;
|
||||
z-index:100;
|
||||
background: #eee;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+7,c8c8c8+56,c3c3c3+58,c3c3c3+58,c8c8c8+72,c8c8c8+75,c8c8c8+75,dadada+100 */
|
||||
background: rgb(239,239,239); /* Old browsers */
|
||||
background: -moz-linear-gradient(top, rgba(239,239,239,1) 7%, rgba(200,200,200,1) 56%, rgba(195,195,195,1) 58%, rgba(195,195,195,1) 58%, rgba(200,200,200,1) 72%, rgba(200,200,200,1) 75%, rgba(200,200,200,1) 75%, rgba(218,218,218,1) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, rgba(239,239,239,1) 7%,rgba(200,200,200,1) 56%,rgba(195,195,195,1) 58%,rgba(195,195,195,1) 58%,rgba(200,200,200,1) 72%,rgba(200,200,200,1) 75%,rgba(200,200,200,1) 75%,rgba(218,218,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, rgba(239,239,239,1) 7%,rgba(200,200,200,1) 56%,rgba(195,195,195,1) 58%,rgba(195,195,195,1) 58%,rgba(200,200,200,1) 72%,rgba(200,200,200,1) 75%,rgba(200,200,200,1) 75%,rgba(218,218,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dadada',GradientType=0 );
|
||||
}
|
||||
.zeta-menu { margin: 0px; padding: 0px; }
|
||||
.zeta-menu li {
|
||||
float: left;
|
||||
list-style:none;
|
||||
position: relative;
|
||||
}
|
||||
.zeta-menu li:hover { background: #ddd; }
|
||||
.zeta-menu li:hover>a { color: black; }
|
||||
.zeta-menu a {
|
||||
color: black;
|
||||
display: block;
|
||||
padding: 10px 20px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.zeta-menu ul {
|
||||
background: #eee;
|
||||
border: 1px solid silver;
|
||||
display: none;
|
||||
padding: 0px;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 100%;
|
||||
width: 180px;
|
||||
}
|
||||
.zeta-menu ul li {
|
||||
float: none;
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+7,c8c8c8+56,c3c3c3+58,c3c3c3+58,c8c8c8+72,c8c8c8+75,c8c8c8+75,dadada+100 */
|
||||
background: rgb(239,239,239); /* Old browsers */
|
||||
background: -moz-linear-gradient(top, rgba(239,239,239,1) 7%, rgba(200,200,200,1) 56%, rgba(195,195,195,1) 58%, rgba(195,195,195,1) 58%, rgba(200,200,200,1) 72%, rgba(200,200,200,1) 75%, rgba(200,200,200,1) 75%, rgba(218,218,218,1) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, rgba(239,239,239,1) 7%,rgba(200,200,200,1) 56%,rgba(195,195,195,1) 58%,rgba(195,195,195,1) 58%,rgba(200,200,200,1) 72%,rgba(200,200,200,1) 75%,rgba(200,200,200,1) 75%,rgba(218,218,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, rgba(239,239,239,1) 7%,rgba(200,200,200,1) 56%,rgba(195,195,195,1) 58%,rgba(195,195,195,1) 58%,rgba(200,200,200,1) 72%,rgba(200,200,200,1) 75%,rgba(200,200,200,1) 75%,rgba(218,218,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dadada',GradientType=0 );
|
||||
}
|
||||
.zeta-menu ul li:hover { background: #ddd; }
|
||||
.zeta-menu ul li:hover a { color: black; }
|
||||
.zeta-menu ul a { color: black; }
|
||||
.zeta-menu ul ul { left: 100%; top: 0; }
|
||||
.zeta-menu ul ul li {float:left; margin-right:10px;}
|
||||
@ -14,7 +14,7 @@
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #eee;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
input[type=text],input[type=password]{
|
||||
|
||||
Loading…
Reference in New Issue
Block a user