You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
311 lines
10 KiB
311 lines
10 KiB
10 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Wish List | Seeker</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<link rel="stylesheet" href="../css/lumen.css" media="screen">
|
||
|
|
<link rel="stylesheet" href="../vendor/font-awesome/css/font-awesome.min.css" media="screen">
|
||
|
|
<link rel="stylesheet" href="../css/sb-admin.css">
|
||
|
|
<link rel="stylesheet" href="../css/ace.css">
|
||
|
|
<link rel="stylesheet" href="../css/ace-skins.css">
|
||
|
|
<link rel="stylesheet" href="../css/ace-rtl.css">
|
||
|
|
<link rel="stylesheet" href="../css/sb-admin.css">
|
||
|
|
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||
|
|
<!--[if lt IE 9]>
|
||
|
|
<script src="../bower_components/html5shiv/dist/html5shiv.js"></script>
|
||
|
|
<script src="../bower_components/respond/dest/respond.min.js"></script>
|
||
|
|
<![endif]-->
|
||
|
|
<style>
|
||
|
|
.placeholder img {
|
||
|
|
display: inline-block;
|
||
|
|
border-radius: 5%;
|
||
|
|
}
|
||
|
|
.navbar-default {
|
||
|
|
background-color: rgba(248, 248, 248, 0.9);
|
||
|
|
border-color: rgba(231, 231, 231, 0.9);
|
||
|
|
}
|
||
|
|
.item-list {
|
||
|
|
list-style: none;
|
||
|
|
padding-left: 0px;
|
||
|
|
}
|
||
|
|
.item-list>li{
|
||
|
|
padding:9px;
|
||
|
|
background-color:#FFF;
|
||
|
|
margin-top:-1px;
|
||
|
|
position:relative
|
||
|
|
}
|
||
|
|
|
||
|
|
.item-list>li.selected{
|
||
|
|
color:#8090A0;
|
||
|
|
background-color:#F4F9FC
|
||
|
|
}
|
||
|
|
|
||
|
|
.item-list>li.selected label,.item-list>li.selected .lbl{
|
||
|
|
text-decoration:line-through;
|
||
|
|
color:#8090A0
|
||
|
|
}
|
||
|
|
|
||
|
|
.item-list>li>.checkbox{
|
||
|
|
display:inline-block
|
||
|
|
}
|
||
|
|
|
||
|
|
.item-list>li>label.inline{
|
||
|
|
display:inline-block
|
||
|
|
}
|
||
|
|
|
||
|
|
.item-list>li label{
|
||
|
|
font-size:13px
|
||
|
|
}
|
||
|
|
|
||
|
|
.item-list>li .percentage{
|
||
|
|
font-size:11px;
|
||
|
|
font-weight:bold;
|
||
|
|
color:#777
|
||
|
|
}
|
||
|
|
|
||
|
|
.item-list>li.ui-sortable-helper{
|
||
|
|
cursor:move
|
||
|
|
}
|
||
|
|
|
||
|
|
li[class*="item-"]{
|
||
|
|
border:1px solid #DDD;
|
||
|
|
border-left-width:3px
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-orange{
|
||
|
|
border-left-color:#e8b110
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-orange2{
|
||
|
|
border-left-color:#f79263
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-red{
|
||
|
|
border-left-color:#d53f40
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-red2{
|
||
|
|
border-left-color:#d15b47
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-green{
|
||
|
|
border-left-color:#9abc32
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-green2{
|
||
|
|
border-left-color:#0490a6
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-blue{
|
||
|
|
border-left-color:#4f99c6
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-blue2{
|
||
|
|
border-left-color:#3983c2
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-blue3{
|
||
|
|
border-left-color:#1144eb
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-pink{
|
||
|
|
border-left-color:#cb6fd7
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-purple{
|
||
|
|
border-left-color:#6f3cc4
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-black{
|
||
|
|
border-left-color:#505050
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-grey{
|
||
|
|
border-left-color:#a0a0a0
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-brown{
|
||
|
|
border-left-color:#a52a2a
|
||
|
|
}
|
||
|
|
|
||
|
|
li.item-default{
|
||
|
|
border-left-color:#abbac3
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-sortable-placeholder,.ui-sortable-helper,.ui-sortable-placeholder>a,.ui-sortable-helper>a{
|
||
|
|
cursor:move !important
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div id="wrapper">
|
||
|
|
|
||
|
|
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="margin-bottom: 0">
|
||
|
|
<div class="navbar-header">
|
||
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
|
||
|
|
<span class="sr-only">Toggle navigation</span>
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
</button>
|
||
|
|
<a class="navbar-brand" href="index.html">Seeker</a>
|
||
|
|
</div>
|
||
|
|
<!-- /.navbar-header -->
|
||
|
|
|
||
|
|
<ul class="nav navbar-top-links navbar-right">
|
||
|
|
<li><a href="#"><i class="fa fa-shopping-cart"></i> Cart</a></li>
|
||
|
|
<li class="dropdown">
|
||
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">You <b class="caret"></b></a>
|
||
|
|
<ul class="dropdown-menu">
|
||
|
|
<li><a href="#">Account</a></li>
|
||
|
|
<li><a href="#"><i class="fa fa-inbox"></i> Inbox</a></li>
|
||
|
|
<li class="divider"></li>
|
||
|
|
<li><a href="#">Logout</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<!-- /.dropdown -->
|
||
|
|
</ul>
|
||
|
|
<!-- /.navbar-top-links -->
|
||
|
|
|
||
|
|
<div class="navbar-default navbar-static-side" role="navigation">
|
||
|
|
<div class="sidebar-collapse">
|
||
|
|
<ul class="nav" id="side-menu">
|
||
|
|
<li>
|
||
|
|
<a href="index.html"><i class="fa fa-list fa-fw"></i> List</a>
|
||
|
|
<ul class="nav nav-second-level">
|
||
|
|
<li>
|
||
|
|
<a href="blank.html">List 1</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="login.html">List 2</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<!-- /#side-menu -->
|
||
|
|
</div>
|
||
|
|
<!-- /.sidebar-collapse -->
|
||
|
|
</div>
|
||
|
|
<!-- /.navbar-static-side -->
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<div id="page-wrapper">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<h1 class="page-header"><i class="fa fa-heart-o"></i> Wish List</h1>
|
||
|
|
<ul id="tasks" class="item-list ui-sortable">
|
||
|
|
<li class="item-orange clearfix">
|
||
|
|
<label class="inline">
|
||
|
|
<input class="ace" type="checkbox">
|
||
|
|
<span class="lbl"> Badminton Racket</span>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<div style="height: 30px; width: 30px; line-height: 29px;" class="pull-right easy-pie-chart percentage" data-size="30" data-color="#ECCB71" data-percent="42">
|
||
|
|
<span class="percent">42</span>%
|
||
|
|
<canvas width="30" height="30"></canvas></div>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="item-red clearfix">
|
||
|
|
<label class="inline">
|
||
|
|
<input class="ace" type="checkbox">
|
||
|
|
<span class="label label-info arrowed-right arrowed-in">on sale</span>
|
||
|
|
<span class="lbl"> iPhone 6</span>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<div class="pull-right action-buttons">
|
||
|
|
<a href="#" class="blue">
|
||
|
|
<i class="ace-icon fa fa-pencil bigger-130"></i>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<span class="vbar"></span>
|
||
|
|
|
||
|
|
<a href="#" class="red">
|
||
|
|
<i class="ace-icon fa fa-trash-o bigger-130"></i>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<span class="vbar"></span>
|
||
|
|
|
||
|
|
<a href="#" class="green">
|
||
|
|
<i class="ace-icon fa fa-flag bigger-130"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="item-default clearfix">
|
||
|
|
<label class="inline">
|
||
|
|
<input class="ace" type="checkbox">
|
||
|
|
<span class="lbl"><span class="label label-warning arrowed arrowed-right">SOLD</span> iPad cover</span>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<div class="inline pull-right position-relative dropdown-hover">
|
||
|
|
<button class="btn btn-minier bigger btn-primary">
|
||
|
|
<i class="ace-icon fa fa-cog icon-only bigger-120"></i>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-caret dropdown-close dropdown-menu-right">
|
||
|
|
<li>
|
||
|
|
<a data-original-title="Mark as done" href="#" class="tooltip-success" data-rel="tooltip" title="">
|
||
|
|
<span class="green">
|
||
|
|
<i class="ace-icon fa fa-check bigger-110"></i>
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li>
|
||
|
|
<a data-original-title="Delete" href="#" class="tooltip-error" data-rel="tooltip" title="">
|
||
|
|
<span class="red">
|
||
|
|
<i class="ace-icon fa fa-trash-o bigger-110"></i>
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="item-blue clearfix">
|
||
|
|
<label class="inline">
|
||
|
|
<input class="ace" type="checkbox">
|
||
|
|
<span class="lbl"> Notebook</span>
|
||
|
|
</label>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="item-grey clearfix">
|
||
|
|
<label class="inline">
|
||
|
|
<input class="ace" type="checkbox">
|
||
|
|
<span class="lbl"> Jeans</span>
|
||
|
|
</label>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="item-green clearfix">
|
||
|
|
<label class="inline">
|
||
|
|
<input class="ace" type="checkbox">
|
||
|
|
<span class="lbl"> Adidas' a pair of socks</span>
|
||
|
|
</label>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="item-pink clearfix">
|
||
|
|
<label class="inline">
|
||
|
|
<input class="ace" type="checkbox">
|
||
|
|
<span class="lbl"> Prawn</span>
|
||
|
|
</label>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!-- /.col-lg-12 -->
|
||
|
|
</div>
|
||
|
|
<!-- /.row -->
|
||
|
|
</div>
|
||
|
|
<!-- /#page-wrapper -->
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!-- /#wrapper -->
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script src="../vendor/jquery/dist/jquery.min.js"></script>
|
||
|
|
<script src="../vendor/bootstrap/dist/js/bootstrap.min.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|