Browse Source

add wishlist page

master
sipp11 10 years ago
parent
commit
c8347a0b11
  1. 2
      .gitignore
  2. 7723
      css/ace-rtl.css
  3. 3324
      css/ace-skins.css
  4. 19978
      css/ace.css
  5. 5042
      css/greeny.css
  6. 329
      css/sb-admin.css
  7. 7
      html/index.html
  8. 310
      html/wishlist.html
  9. 2
      index.html

2
.gitignore vendored

@ -9,3 +9,5 @@ tmp
log log
local.py local.py
vendor vendor
*sublime*

7723
css/ace-rtl.css

File diff suppressed because it is too large Load Diff

3324
css/ace-skins.css

File diff suppressed because it is too large Load Diff

19978
css/ace.css

File diff suppressed because it is too large Load Diff

5042
css/greeny.css

File diff suppressed because it is too large Load Diff

329
css/sb-admin.css

@ -0,0 +1,329 @@
/* Global Styles */
/* ------------------------------- */
body {
padding-top: 100px;
background-color: #f8f8f8;
}
@media(min-width:768px) {
body {
padding-top: 50px;
}
}
/* Wrappers */
/* ------------------------------- */
#wrapper {
width: 100%;
}
#page-wrapper {
padding: 0 15px;
min-height: 568px;
background-color: #fff;
}
@media(min-width:768px) {
#page-wrapper {
position: inherit;
margin: 0 0 0 250px;
padding: 0 30px;
min-height: 1300px;
border-left: 1px solid #e7e7e7;
}
}
/* Navigation */
/* ------------------------------- */
/* Top Right Navigation Dropdown Styles */
.navbar-top-links li {
display: inline-block;
}
.navbar-top-links li:last-child {
margin-right: 15px;
}
.navbar-top-links li a {
padding: 15px;
min-height: 50px;
}
.navbar-top-links .dropdown-menu li {
display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
padding: 3px 20px;
min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
width: 310px;
min-width: 0;
}
.navbar-top-links .dropdown-messages {
margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
margin-left: -123px;
}
.navbar-top-links .dropdown-user {
right: 0;
left: auto;
}
/* Sidebar Menu Styles */
.navbar-static-side ul li {
border-bottom: 1px solid #e7e7e7;
}
.sidebar-search {
padding: 15px;
}
.arrow {
float: right;
}
.fa.arrow:before {
content: "\f104";
}
.active > a > .fa.arrow:before {
content: "\f107";
}
.nav-second-level li,
.nav-third-level li {
border-bottom: none !important;
}
.nav-second-level li a {
padding-left: 37px;
}
.nav-third-level li a {
padding-left: 52px;
}
@media(min-width:768px) {
.navbar-static-side {
z-index: 1;
position: absolute;
width: 250px;
margin-top: 51px;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
margin-left: auto;
}
}
@media(max-height:600px) and (max-width:767px) {
.sidebar-collapse {
max-height: 300px;
overflow-y: scroll;
}
}
@media(max-height:400px) and (max-width:767px) {
.sidebar-collapse {
max-height: 200px;
overflow-y: scroll;
}
}
/* Buttons */
/* ------------------------------- */
.btn-outline {
color: inherit;
background-color: transparent;
transition: all .5s;
}
.btn-primary.btn-outline {
color: #428bca;
}
.btn-success.btn-outline {
color: #5cb85c;
}
.btn-info.btn-outline {
color: #5bc0de;
}
.btn-warning.btn-outline {
color: #f0ad4e;
}
.btn-danger.btn-outline {
color: #d9534f;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
color: #fff;
}
/* Pages */
/* ------------------------------- */
/* Dashboard Chat */
.chat {
margin: 0;
padding: 0;
list-style: none;
}
.chat li {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px dotted #B3A9A9;
}
.chat li.left .chat-body {
margin-left: 60px;
}
.chat li.right .chat-body {
margin-right: 60px;
}
.chat li .chat-body p {
margin: 0;
color: #777777;
}
.panel .slidedown .glyphicon,
.chat .glyphicon {
margin-right: 5px;
}
.chat-panel .panel-body {
height: 350px;
overflow-y: scroll;
}
/* Login Page */
.login-panel {
margin-top: 25%;
}
/* Flot Chart Containers */
.flot-chart {
display: block;
height: 400px;
}
.flot-chart-content {
width: 100%;
height: 100%;
}
/* DataTables Overrides */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
background: transparent;
}
table.dataTable thead .sorting_asc:after {
content: "\f0de";
float: right;
font-family: fontawesome;
}
table.dataTable thead .sorting_desc:after {
content: "\f0dd";
float: right;
font-family: fontawesome;
}
table.dataTable thead .sorting:after {
content: "\f0dc";
float: right;
font-family: fontawesome;
color: rgba(50,50,50,.5);
}
/* Circle Buttons */
.btn-circle {
width: 30px;
height: 30px;
padding: 6px 0;
border-radius: 15px;
text-align: center;
font-size: 12px;
line-height: 1.428571429;
}
.btn-circle.btn-lg {
width: 50px;
height: 50px;
padding: 10px 16px;
border-radius: 25px;
font-size: 18px;
line-height: 1.33;
}
.btn-circle.btn-xl {
width: 70px;
height: 70px;
padding: 10px 16px;
border-radius: 35px;
font-size: 24px;
line-height: 1.33;
}
.show-grid [class^="col-"] {
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #ddd;
background-color: #eee !important;
}
.show-grid {
margin: 15px 0;
}

7
html/index.html

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/lumen.css" media="screen"> <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="../vendor/font-awesome/css/font-awesome.min.css" media="screen">
<link rel="stylesheet" href="../css/sb-admin.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="../bower_components/html5shiv/dist/html5shiv.js"></script> <script src="../bower_components/html5shiv/dist/html5shiv.js"></script>
@ -20,6 +21,9 @@
background-color: rgba(248, 248, 248, 0.9); background-color: rgba(248, 248, 248, 0.9);
border-color: rgba(231, 231, 231, 0.9); border-color: rgba(231, 231, 231, 0.9);
} }
body {
color: #4FB0AE;
}
</style> </style>
</head> </head>
<body> <body>
@ -37,7 +41,7 @@
<div class="navbar-collapse collapse navbar-responsive-collapse"> <div class="navbar-collapse collapse navbar-responsive-collapse">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li> <li class="active"><a href="#">Home</a></li>
<li><a href="#"><i class="fa fa-heart-o"></i> Wish List</a></li> <li><a href="wishlist.html"><i class="fa fa-heart-o"></i> Wish List</a></li>
</ul> </ul>
<form class="navbar-form navbar-left"> <form class="navbar-form navbar-left">
<input type="text" class="form-control col-lg-8" placeholder="Search"> <input type="text" class="form-control col-lg-8" placeholder="Search">
@ -61,7 +65,6 @@
<div class="container"> <div class="container">
<br/>
<div class="page-header" id="banner"> <div class="page-header" id="banner">
<div class="row"> <div class="row">
<div class="col-lg-8 col-md-7 col-sm-6"> <div class="col-lg-8 col-md-7 col-sm-6">

310
html/wishlist.html

@ -0,0 +1,310 @@
<!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&nbsp;as&nbsp;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>

2
index.html

@ -8,7 +8,7 @@
<meta name="author" content=""> <meta name="author" content="">
<!-- <link rel="icon" href="vendor/bootstrap/favicon.ico"> --> <!-- <link rel="icon" href="vendor/bootstrap/favicon.ico"> -->
<title>Cover Template for Bootstrap</title> <title>Seeker Cover</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="vendor/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

Loading…
Cancel
Save