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.
310 lines
10 KiB
310 lines
10 KiB
<!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>
|
|
|