sipp11
11 years ago
9 changed files with 36715 additions and 4 deletions
@ -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; |
||||
} |
||||
@ -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 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> |
||||
Loading…
Reference in new issue