sipp11
/
seeker-ui
1
0
Fork 0
Code Issues Pull Requests Releases Activity
Browse Source

add wishlist page

master
sipp11 10 years ago
parent
af56df1b3b
commit
c8347a0b11
9 changed files with 36715 additions and 4 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      .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

4
.gitignore vendored
Unescape View File

@ -8,4 +8,6 @@ temp
tmp
log
local.py
vendor
vendor
*sublime*

7723
css/ace-rtl.css
View File

File diff suppressed because it is too large Load Diff

3324
css/ace-skins.css
View File

File diff suppressed because it is too large Load Diff

19978
css/ace.css
View File

File diff suppressed because it is too large Load Diff

5042
css/greeny.css
View File

File diff suppressed because it is too large Load Diff

329
css/sb-admin.css
Unescape View File

@ -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
Unescape View File

@ -6,6 +6,7 @@
<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">
<!-- 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>
@ -20,6 +21,9 @@
background-color: rgba(248, 248, 248, 0.9);
border-color: rgba(231, 231, 231, 0.9);
}
body {
color: #4FB0AE;
}
</style>
</head>
<body>
@ -37,7 +41,7 @@
<div class="navbar-collapse collapse navbar-responsive-collapse">
<ul class="nav navbar-nav">
<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>
<form class="navbar-form navbar-left">
<input type="text" class="form-control col-lg-8" placeholder="Search">
@ -61,7 +65,6 @@
<div class="container">
<br/>
<div class="page-header" id="banner">
<div class="row">
<div class="col-lg-8 col-md-7 col-sm-6">

310
html/wishlist.html
Unescape View File

@ -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
Unescape View File

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

Write Preview
Loading…
Cancel
Save