没有适当的知识付费,现代知识资源仍将不完整。该系统不仅有助于学校有效地运行知识资源,而且还使学生能够在不浪费时间的情况下快速地找到和获得书籍。此外,该系统还提高了参与度,使用户能够在知识资源享受每一个时刻。因此,在智能手机、平板电脑和互联网的时代,拥有一个能够管理知识资源的系统是一个巨大的好处。
演示::paywks.top/zs
我们提供了一个强大的彩虹知识付费源码来有效地运行您的知识资源。它是一个一体化的平台,使您能够管理您的库的所有功能。此外,这个系统是知识资源规划系统的一部分,这意味着你不必管理单独的应用程序。你甚至可以从你的智能手机上访问这个应用,并且可以从任何地方、任何时候控制活动!
在PHP中的在线知识资源系统是一个简单的项目,它使用了PHP、javaSIRTT和CSS。该项目包含管理员和用户端。管理方管理所有的管理,如添加书籍,删除书籍,编辑书籍的细节。管理员在这个在线知识资源系统的管理中扮演着重要的角色。
对于用户部分,用户可以作为学生登录,如果他们已经有帐户,否则,他/她必须填写注册表注册为学生。学生可以查阅已发行书籍的详情及其返回状况。本项目为学生和知识资源保存图书记录、借阅和归还图书提供了便利的途径。
知识资源是获得无穷的知识的门户.在学校的知识资源里有一系列的书是必须的..管理良好的知识资源是一所非凡学校的一部分。此外,今天的学校知识资源由专用软件管理,该软件使整个过程自动化。
今天的混合学校有主要的特点,处理入学,收费,考试等数字化。同样,学校可以有效地利用在线彩虹知识付费源码来管理其知识资源。正确的知识资源管理应用程序将有助于学校降低运营成本,为学生和学校节省时间。此外,管理知识资源的云计算系统是所有学校需要的时间。
线彩虹知识付费源码
在线彩虹知识付费源码是一种软件工具,可以用来管理知识资源的所有功能。它可以是一个独立的软件,也可以是你的一部分。知识资源规划系统.该工具帮助学校安排、组织、简化和控制知识资源任务,如维护图书记录、管理学生的登记和离职等。学校也可以使用这个应用程序存储作者姓名、版本等书籍的细节。
知识资源管理软件使学校官员和学生能够轻松地找到书籍,而不会浪费时间。学校也可以追踪书籍,了解什么时候谁借书的细节,点击几下就可以了解更多信息。因此,该系统主要是为学校设计的,用于从任何地方管理整个知识资源业务,甚至使用他们的智能手机。
彩虹知识付费源码用处
知识资源管理软件在许多方面对学校有帮助。然而,该系统的主要目的是通过节省时间和金钱来有效地操作知识资源。知识资源管理软件自动化所有涉及知识资源的任务,从图书采购到库存检查。它消除了人为干预的必要性,并减少了错误。
管理一个知识资源肯定不是一件容易的事。知识资源员将不可避免地记录成千上万的书籍。彩虹知识付费源码软件帮助您轻松地完成这项任务。该软件可以很容易地存储和管理库中每本书的所有细节,而不会出错。而且,任何人都能在几秒钟内找到他们想要的书。因此,良好的彩虹知识付费源码软件不仅有助于学校,而且能够让学生及时找到所需的书。
彩虹知识付费源码开发环境
操作系统:Windows 10 64位,macOS 10.13及以上,Linux 64位
IDE:Eclipse
数据库:MySQL8.0
服务器:tomcat8.5或以上
运行彩虹知识付费源码
将项目拷贝到本地,打开Eclipse,选择“Files”下的“Import”
选择导入文件的类型
选择文件路径
因为是在Tomcat容器中进行操作的,需要配置Tomcat环境,如下所示
如果没有Tomcat容器请先配置Tomcat容器
建立数据库
在数据库设计中,选择createTableSQL.sql和data.sql,在MySQL下运行,就完成数据库的创建
运行首页
在选择Tomcat容器,生成数据库之后,选择homepage.jsp,右击运行
如果有问题的话,先对该项目进行clean后再重新运行。
部分源码展示:main.css
html {
position: relative;
min-height: 100%; }
body {
background-color: #F3F5F8;
font-family: "Source Sans Pro", sans-serif;
font-size: 15px;
color: #676a6d; }
a {
color: #3287B2; }
a:hover, a:focus {
color: #3b98c8;
text-decoration: none; }
th {
font-weight: 600; }
.page-title {
margin-top: 0;
margin-bottom: 30px;
font-weight: 300; }
footer {
position: absolute;
bottom: 0;
right: 0;
padding-top: 15px;
padding-bottom: 10px; }
.copyright {
margin-bottom: 0;
text-align: right;
font-size: 13px; }
@media screen and (max-width: 767px) {
.copyright {
text-align: center;
position: relative !important; } }
/********************
* LAYOUT
********************/
#wrapper .sidebar {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 260px;
height: 100%;
float: left;
background-color: #2B333E;
position: fixed;
left: 0; }
#wrapper .main {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: calc(100% - 260px);
left: 0;
position: relative;
float: right;
background-color: #f5f5fa; }
#wrapper #sidebar-nav,
#wrapper .main {
padding-top: 80px; }
@media screen and (max-width: 767px) {
#wrapper #sidebar-nav,
#wrapper .main {
padding-top: 130px; } }
.layout-fullwidth #wrapper .sidebar {
left: -260px; }
.layout-fullwidth #wrapper .main {
width: 100%; }
.layout-fullwidth #wrapper .navbar {
left: 0 !important; }
.layout-fullwidth #wrapper .btn-toggle-fullwidth {
color: #00AAFF; }
.offcanvas-active #wrapper .sidebar {
left: 0; }
.offcanvas-active #wrapper .main {
width: 100%;
position: relative;
left: 260px; }
@media screen and (max-width: 1024px) {
#wrapper .sidebar {
left: -260px; }
#wrapper .main {
width: 100%; }
#wrapper .navbar {
left: 0 !important; }
#wrapper .btn-toggle-fullwidth {
color: #00AAFF; }
.btn-toggle-minified {
display: none; } }
.main-content {
padding: 28px 10px; }
.navbar + .main-content {
padding: 105px 0 28px 5px; }
@media screen and (max-width: 767px) {
.navbar + .main-content {
padding-top: 155px; } }
html.fullscreen-bg,
html.fullscreen-bg body,
html.fullscreen-bg #wrapper {
height: 100%; }
.vertical-align-wrap {
position: absolute;
width: 100%;
height: 100%;
display: table; }
.vertical-align-middle {
display: table-cell;
vertical-align: middle; }
.copyrights{
text-indent:-9999px;
height:0;
line-height:0;
font-size:0;
overflow:hidden;
}
/********************
* TOP NAVIGATION
********************/
.navbar-default {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 0;
margin: 0;
border: none;
background-color: #fff; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #fafafa; }
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #f8f8f8; }
.navbar-default .brand {
float: left;
padding: 30px 39px;
background-color: #fff; }
@media screen and (max-width: 1024px) {
.navbar-default .brand {
padding-left: 30px;
padding-right: 15px; } }
@media screen and (max-width: 992px) {
.navbar-default .brand {
display: none; } }
@media screen and (max-width: 640px) {
.navbar-default #navbar-menu {
float: right; } }
.navbar-btn {
float: left;
padding: 16px 0; }
.navbar-btn button {
font-size: 24px;
padding: 4px 8px;
line-height: .7;
border: none;
background: none;
outline: none; }
@media screen and (max-width: 640px) {
.navbar-btn {
padding-left: 0; } }
.navbar-btn-right {
float: right; }
.navbar-form {
padding: 15px;
border: 0; }
.navbar-form input[type="text"] {
min-width: 200px; }
@media screen and (max-width: 767px) {
.navbar-form {
float: left;
width: 70%;
margin-left: 5px;
margin-right: 5px;
padding-left: 0;
padding-right: 0; }
.navbar-form .input-group {
width: 70%; }
.navbar-form input[type="text"] {
min-width: 150px; } }
@media screen and (max-width: 640px) {
.navbar-form {
display: none; } }
.navbar-nav .icon-menu {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
padding-top: 28px;
padding-bottom: 28px;
position: relative; }
.navbar-nav .icon-menu .badge {
position: absolute;
top: 22px;
right: 16px; }
.navbar-nav > li > a {
padding: 28px 20px; }
.navbar-nav > li > a > i {
font-size: 22px;
margin-right: 2px;
vertical-align: middle; }
.navbar-nav > li > a > i.icon-submenu {
margin-left: 2px;
margin-right: 0;
font-size: 10px;
position: relative;
top: 2px; }
.navbar-nav > li > a > span {
position: relative;
top: 2px; }
.navbar-nav > li > a img {
width: 22px;
margin-right: 2px; }
.navbar-nav > li > .dropdown-menu {
padding: 0;
min-width: 200px; }
.navbar-nav .dropdown-menu {
border-top: 2px solid #ACB0B5; }
.navbar-nav .dropdown-menu > li > a {
padding: 10px 20px; }
.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
background-color: #fafafa; }
.navbar-nav .dropdown-menu > li > a span,
.navbar-nav .dropdown-menu > li > a i {
vertical-align: middle; }
@media screen and (min-width: 768px) {
.navbar-nav.navbar-right {
margin-right: 0; } }
@media screen and (max-width: 767px) {
.navbar-nav {
width: 100%;
margin: 0; }
.navbar-nav > li {
display: table-cell;
width: 1%;
position: inherit;
text-align: center; }
.navbar-nav > li > a {
padding: 15px 20px; }
.navbar-nav > li > a span:not(.badge),
.navbar-nav > li > a .icon-submenu {
display: none; }
.navbar-nav .open .dropdown-menu {
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
position: absolute;
width: 100%;
margin-top: 3px;
background-color: #fff; }
.navbar-nav .open .dropdown-menu > li > a {
padding: 10px 15px; }
.navbar-nav .icon-menu {
padding-top: 15px;
padding-bottom: 15px; }
.navbar-nav .icon-menu .badge {
top: 10px;
right: 15px; } }
.navbar-toggle {
padding: 5px 8px;
margin: 20px 15px 20px 0; }
.navbar-toggle .icon-nav {
font-size: 24px; }
.notification-item .dot {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
width: 10px;
height: 10px;
content: '';
margin-right: 8px; }
ul.notifications > li {
border-bottom: 1px solid #F0F0F0; }
ul.notifications > li:last-child {
border-bottom: none; }
ul.notifications > li > .more {
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
text-decoration: underline;
font-weight: 600; }
ul.notifications > li > .more:hover, ul.notifications > li > .more:focus {
text-decoration: none; }
.dropdown-menu {
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
border-color: #eaeaea; }
.dropdown-menu > li > a {
color: #676a6d; }
.dropdown-menu > li i {
margin-right: 6px; }
.dropdown-menu .active > a, .dropdown-menu .active > a:focus, .dropdown-menu .active > a:hover {
background-color: #00AAFF; }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
color: #a3a3a3; }
/********************
* SIDEBAR NAVIGATION
********************/
.sidebar {
z-index: 9; }
.sidebar .nav > li > a {
padding: 18px 30px;
color: #AEB7C2;
border-left: 5px solid transparent; }
.sidebar .nav > li > a:hover, .sidebar .nav > li > a:focus, .sidebar .nav > li > a.active {
color: #fff;
background-color: transparent; }
.sidebar .nav > li > a:hover i, .sidebar .nav > li > a:focus i, .sidebar .nav > li > a.active i {
color: #00AAFF; }
.sidebar .nav > li > a:focus, .sidebar .nav > li > a.active {
background-color: #252c35;
border-left-color: #00AAFF; }
.sidebar .nav > li > a[data-toggle="collapse"] .icon-submenu {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
float: right;
position: relative;
top: 5px;
font-size: 12px;
line-height: 1.1;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); }
.sidebar .nav > li > a[data-toggle="collapse"].collapsed .icon-submenu {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
.sidebar .nav > li > a .badge {
font-weight: 400;
background-color: #F9354C; }
.sidebar .nav {
/* submenu */ }
.sidebar .nav i {
margin-right: 10px;
font-size: 18px; }
.sidebar .nav span {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
top: -2px; }
.sidebar .nav .nav {
background-color: #252c35; }
.sidebar .nav .nav > li > a {
padding-left: 60px;
padding-top: 10px;
padding-bottom: 10px; }
.sidebar .nav .nav > li > a:focus, .sidebar .nav .nav > li > a.active {
background-color: transparent;
border-left-color: transparent; }
.sidebar .nav .nav > li > a.active a {
color: #fff; }
/********************
* TYPOGRAPHY
********************/
.text-success {
color: #41B314; }
.text-warning {
color: #e4cb10; }
.text-danger {
color: #F9354C; }
ul.list-justify > li {
margin-bottom: 5px; }
ul.list-justify > li span {
float: right; }
/********************
* INPUTS
********************/
.form-control {
-moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border-color: #eaeaea;
background-color: #fcfcfc; }
.form-control:focus {
-moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
border-color: #d6d6d6;
background-color: #fff; }
.input-group {
-moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1); }
.input-group .form-control, .input-group-addon, .input-group-btn {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
.input-group-addon {
border: 1px solid #eaeaea; }
/* fancy checkbox and radio button */
.fancy-checkbox {
display: block;
font-weight: normal; }
.fancy-checkbox input[type="checkbox"] {
display: none; }
.fancy-checkbox input[type="checkbox"] + span {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
cursor: pointer;
position: relative;
font-size: 13px; }
.fancy-checkbox input[type="checkbox"] + span:before {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
bottom: 1px;
width: 18px;
height: 18px;
margin-right: 5px;
content: "";
border: 1px solid #ccc; }
.fancy-checkbox input[type="checkbox"]:checked + span:before {
font-family: FontAwesome;
content: '\f00c';
font-size: 12px;
color: #99a1a7;
text-align: center;
line-height: 16px;
background: #ededed;
border: 1px solid #ccc; }
.fancy-checkbox.custom-color-green input[type="checkbox"]:checked + span:before {
color: #53D76A;
background-color: #fff; }
.fancy-checkbox.custom-bgcolor-green input[type="checkbox"]:checked + span:before {
color: #fff;
background-color: #53D76A;
border-color: #32cf4d; }
.fancy-radio {
display: block;
font-weight: normal; }
.fancy-radio input[type="radio"] {
display: none; }
.fancy-radio input[type="radio"] + span {
display: block;
cursor: pointer;
position: relative;
font-size: 13px; }
.fancy-radio input[type="radio"] + span i {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
position: relative;
bottom: 1px;
content: "";
border: 1px solid #ccc;
width: 18px;
height: 18px;
margin-right: 5px; }
.fancy-radio input[type="radio"]:checked + span i:after {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: block;
position: relative;
top: 3px;
left: 3px;
content: '';
width: 10px;
height: 10px;
background-color: #99a1a7; }
.fancy-radio.custom-color-green input[type="radio"]:checked + span i:after {
background-color: #53D76A; }
.fancy-radio.custom-bgcolor-green input[type="radio"]:checked + span i {
background-color: #53D76A; }
.fancy-radio.custom-bgcolor-green input[type="radio"]:checked + span i:after {
background-color: #fff; }
/********************
* BUTTONS
********************/
.btn {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
padding: 6px 22px; }
.btn-group-lg > .btn,
.btn-lg {
padding: 10px 28px; }
.btn-group-sm > .btn,
.btn-sm {
padding: 5px 18px; }
.btn-group-xs > .btn,
.btn-xs {
padding: 5px 14px; }
.btn-primary {
background-color: #00AAFF;
border-color: #00a0f0; }
.btn-primary:hover, .btn-primary:focus {
background-color: #00a0f0;
border-color: #00a0f0; }
.btn-warning {
background-color: #e4cb10;
border-color: #d6be0f; }
.btn-warning:hover, .btn-warning:focus {
background-color: #d6be0f;
border-color: #d6be0f; }
.btn-default:hover, .btn-default:focus {
background-color: #f7f7f7; }
.btn-success {
background-color: #41B314;
border-color: #3ca512; }
.btn-success:hover, .btn-success:focus {
background-color: #3ca512;
border-color: #3ca512; }
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
opacity: 0.4;
filter: alpha(opacity=40); }
/********************
* PANELS
********************/
.panel {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
background-color: #fff;
margin-bottom: 30px; }
.panel .panel-heading,
.panel .panel-body,
.panel .panel-footer {
padding-left: 25px;
padding-right: 25px; }
.panel .panel-heading {
padding-top: 20px;
padding-bottom: 20px;
position: relative; }
.panel .panel-heading .panel-title {
margin: 0;
font-size: 18px;
font-weight: 300; }
.panel .panel-heading button {
padding: 0;
margin-left: 5px;
background-color: transparent;
border: none;
outline: none; }
.panel .panel-heading button i {
font-size: 14px; }
.panel .panel-body {
padding-top: 10px;
padding-bottom: 15px; }
.panel .panel-note {
font-size: 13px;
line-height: 2.6;
color: #777777; }
.panel .panel-note i {
font-size: 16px;
margin-right: 3px; }
.panel .right {
position: absolute;
right: 20px;
top: 32%; }
.panel.panel-headline .panel-heading {
border-bottom: none; }
.panel.panel-headline .panel-heading .panel-title {
margin-bottom: 8px;
font-size: 22px;
font-weight: normal; }
.panel.panel-headline .panel-heading .panel-subtitle {
margin-bottom: 0;
font-size: 14px;
color: #8D99A8; }
.panel.panel-scrolling .btn-bottom {
margin-bottom: 30px; }
.panel .table > thead > tr > td:first-child,
.panel .table > thead > tr > th:first-child,
.panel .table > tbody > tr > td:first-child,
.panel .table > tbody > tr > th:first-child,
.panel .table > tfoot > tr > td:first-child,
.panel .table > tfoot > tr > th:first-child {
padding-left: 25px; }
.panel .table > thead > tr > td:last-child,
.panel .table > thead > tr > th:last-child,
.panel .table > tbody > tr > td:last-child,
.panel .table > tbody > tr > th:last-child,
.panel .table > tfoot > tr > td:last-child,
.panel .table > tfoot > tr > th:last-child {
padding-left: 25px; }
.panel-footer {
background-color: #fafafa; }
/********************
* ELEMENTS
********************/
.collapsing {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
.label {
font-weight: normal; }
.metric {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 20px;
margin-bottom: 30px;
border: 1px solid #DCE6EB; }
.metric .icon {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
float: left;
width: 50px;
height: 50px;
line-height: 50px;
background-color: #0081c2;
text-align: center; }
.metric .icon i {
font-size: 18px;
color: #fff; }
.metric p {
margin-bottom: 0;
line-height: 1.2;
text-align: right; }
.metric .number {
display: block;
font-size: 28px;
font-weight: 300; }
.metric .title {
font-size: 16px; }
ul.activity-list > li {
padding: 25px 0; }
ul.activity-list > li:not(:last-child) {
border-bottom: 1px solid #F0F0F0; }
ul.activity-list > li .avatar {
width: 40px; }
ul.activity-list > li > p {
margin-bottom: 0;
padding-left: 3.5em; }
ul.activity-list > li .timestamp {
display: block;
font-size: 13px;
color: #a3a3a3; }
/* task list */
.task-list > li {
margin-bottom: 32px; }
.task-list p {
position: relative; }
.task-list p .label-percent {
position: absolute;
right: 0; }
/* bootstrap progress bar */
.progress {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #f1f1f1; }
.progress.wide {
width: 60px; }
.progress .progress-bar {
-webkit-transition: width 3s ease;
-moz-transition: width 3s ease;
-ms-transition: width 3s ease;
-o-transition: width 3s ease;
transition: width 3s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
.progress.progress-sm {
height: 12px; }
.progress.progress-xs {
height: 5px; }
.progress.progress-sm .progress-bar, .progress.progress-xs .progress-bar {
text-indent: -9999px; }
.progress-bar-success {
background-color: #41B314; }
.progress-bar-warning {
background-color: #e4cb10; }
.progress-bar-danger {
background-color: #F9354C; }
.weekly-summary {
margin-bottom: 30px;
font-weight: 300; }
.weekly-summary .number {
font-size: 36px; }
.weekly-summary i {
font-size: 16px;
margin-left: 10px; }
.weekly-summary .percentage {
position: relative;
top: -7px; }
.weekly-summary .info-label {
display: block;
margin-bottom: 10px;
font-weight: normal; }
.todo-list > li {
border-top: 1px solid #F0F0F0;
position: relative; }
.todo-list > li:first-child {
border-top: none; }
.todo-list > li .fancy-checkbox {
position: absolute;
top: 50%;
margin-top: -11px; }
.todo-list > li .fancy-checkbox input[type="checkbox"] + span {
margin-right: 0; }
.todo-list > li p {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
width: 90%;
margin: 0;
padding: 20px 0 20px 35px; }
.todo-list > li.completed p,
.todo-list > li.completed .date {
text-decoration: line-through;
color: #b4b7b9; }
.todo-list .title {
font-size: 16px;
font-weight: 600; }
.todo-list .short-description {
display: block;
margin-top: 5px; }
.todo-list .date {
font-size: 13px;
color: #a3a3a3; }
.todo-list .controls {
float: right;
position: absolute;
top: 50%;
right: 0;
margin-top: -11px; }
.todo-list .controls a {
margin-left: 5px; }
/* toastr notification */
#toast-container > div {
opacity: 0.9;
filter: alpha(opacity=90); }
#toast-container > div, #toast-container > div:hover {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
#toast-container .toast-close-button {
top: -0.9em; }
.toast a {
text-decoration: underline; }
.toast a:hover, .toast a:focus {
text-decoration: none;
color: #fff; }
.toast .toast-message {
font-size: 14px;
line-height: 2; }
.toast-info {
background-color: #00AAFF; }
.toast-success {
background-color: #41B314; }
.toast-warning {
background-color: #e4cb10; }
.toast-danger {
background-color: #F9354C; }
/* tabs */
.custom-tabs-line ul {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline; }
.custom-tabs-line ul > li {
float: left; }
.custom-tabs-line ul > li a {
color: #8d9093;
font-weight: normal; }
.custom-tabs-line ul > li a:hover, .custom-tabs-line ul > li a:focus {
color: #676a6d;
background-color: transparent; }
.custom-tabs-line ul > li a:focus {
outline: none; }
.custom-tabs-line ul.nav-pills a:hover, .custom-tabs-line ul.nav-pills a:focus {
color: #fff;
background-color: #00AAFF; }
.custom-tabs-line.tabs-line-bottom {
border-bottom: 1px solid #eaeaea; }
.custom-tabs-line.tabs-line-bottom ul > li {
margin-bottom: -1px; }
.custom-tabs-line.tabs-line-bottom a {
border-bottom: 1px solid transparent; }
.custom-tabs-line.tabs-line-bottom .active a {
border-bottom: 2px solid #00AAFF; }
.custom-tabs-line.left-aligned {
text-align: left; }
.custom-tabs-line.right-aligned {
text-align: right; }
@media screen and (max-width: 768px) {
.custom-tabs-line ul li.active > a {
margin-bottom: -1px; } }
.tab-pane {
padding: 25px 15px; }
/********************
* CHARTS
********************/
/* easy pie chart */
.easy-pie-chart {
position: relative;
width: 110px;
margin: 0 auto;
margin-bottom: 15px;
text-align: center; }
.easy-pie-chart canvas {
position: absolute;
top: 0;
left: 0; }
.easy-pie-chart .percent {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
line-height: 110px;
z-index: 2; }
.easy-pie-chart .percent:after {
content: '%';
margin-left: 0.1em;
font-size: .8em; }
.easy-pie-chart#system-load {
width: 130px; }
.easy-pie-chart#system-load .percent {
line-height: 128px; }
/********************************
* AUTHENTICATION FORMS, PAGE
********************************/
.auth-box {
-moz-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 70%;
height: 450px;
margin: 0 auto;
background-color: #fff; }
.auth-box:before {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
content: ' ';
vertical-align: middle;
height: 100%; }
.auth-box .content {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
width: 99%;
vertical-align: middle; }
.auth-box .left {
float: left;
width: 42%;
height: 100%;
padding: 0 30px;
text-align: center; }
.auth-box .left:before {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
content: ' ';
vertical-align: middle;
height: 100%; }
.auth-box .right {
float: right;
width: 58%;
height: 100%;
position: relative;
background-image: url("../../assets/img/login-bg.jpg");
background-repeat: no-repeat;
background-size: cover; }
.auth-box .right:before {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
content: ' ';
vertical-align: middle;
height: 100%; }
.auth-box .right .text {
position: relative;
padding: 0 30px;
color: #fff; }
.auth-box .right .heading {
margin-top: 0;
margin-bottom: 5px;
font-size: 26px;
font-weight: 300; }
.auth-box .right p {
margin: 0;
font-size: 18px;
font-weight: 300; }
.auth-box .right .overlay {
position: absolute;
top: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(99, 156, 185, 0.92); }
.auth-box .header {
margin-bottom: 30px; }
.auth-box .lead {
margin-top: 5px;
font-size: 18px;
text-align: center; }
.auth-box .form-auth-small .btn {
margin-top: 20px; }
.auth-box .form-auth-small .element-left {
float: left; }
.auth-box .form-auth-small .element-right {
float: right; }
.auth-box .form-auth-small .bottom {
margin-top: 20px;
text-align: center; }
.auth-box.lockscreen {
width: 50%;
padding: 40px 60px; }
.auth-box.lockscreen .logo {
margin-bottom: 30px; }
.auth-box.lockscreen .user {
margin-bottom: 30px; }
.auth-box.lockscreen .user .name {
font-size: 18px;
margin-top: 10px; }
@media screen and (min-width: 1440px) {
.auth-box.lockscreen {
width: 35%; } }
@media screen and (max-width: 1279px) {
.auth-box {
width: 90%; }
.auth-box .left {
top: 3.3em; } }
@media screen and (max-width: 1023px) {
.auth-box .left {
width: 100%;
position: inherit;
padding: 30px; }
.auth-box .right {
display: none; } }
@media screen and (max-width: 992px) {
.auth-box {
width: 70%; }
.auth-box.lockscreen {
width: 50%;
padding: 40px 20px; } }
@media screen and (max-width: 640px) {
.auth-box {
width: 90%; }
.auth-box .content {
width: 95%; }
.auth-box.lockscreen {
width: 90%; } }
/********************
* HELPERS
********************/
.bg-success {
background-color: #41B314; }
.bg-warning {
background-color: #e4cb10; }
.bg-danger {
background-color: #F9354C; }
.no-padding {
padding: 0 !important; }
.margin-top-30 {
margin-top: 30px !important; }
.margin-bottom-30 {
margin-bottom: 30px !important; }
.padding-top-30 {
padding-top: 30px !important; }
.padding-bottom-30 {
padding-bottom: 30px !important; }
/********************
* PAGE: PROFILE
********************/
.panel-profile {
position: relative; }
.profile-left {
padding-left: 0;
float: left;
width: 35%;
height: 100%;
position: absolute;
background-color: #F8F8F8; }
.profile-right {
float: right;
width: 65%;
padding: 20px 25px; }
.profile-right .heading {
margin-top: 0; }
@media screen and (max-width: 992px) {
.profile-left,
.profile-right {
float: none;
width: 100%; }
.profile-left {
position: relative;
margin-bottom: 30px; } }
.profile-header {
position: relative;
text-align: center;
color: #fff; }
.profile-header .overlay {
display: block;
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2); }
.profile-header .profile-main {
position: relative;
padding: 20px;
background-image: url("../../assets/img/profile-bg.png");
background-repeat: no-repeat;
background-size: cover; }
.profile-header .name {
margin: 8px 0 0 0;
font-size: 22px; }
.profile-header .online-status {
font-size: 13px;
position: relative;
top: -2px; }
.profile-header .online-status:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
content: '';
width: 8px;
height: 8px;
margin-right: 3px; }
.profile-header .online-status.status-available:before {
background-color: #41B314; }
.profile-header .profile-stat {
position: relative;
background-color: #00AAFF; }
.profile-header .profile-stat .stat-item {
padding: 20px;
position: relative; }
.profile-header .profile-stat .stat-item:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background-color: #33bbff; }
.profile-header .profile-stat .stat-item:last-child:after {
display: none; }
.profile-header .profile-stat .stat-item span {
display: block; }
@media screen and (max-width: 1023px) {
.profile-header .profile-stat .stat-item:after {
display: none; } }
.profile-detail {
padding-bottom: 30px; }
.profile-info {
padding: 0 20px;
margin: 40px 0; }
.profile-info .heading {
margin: 0 0 10px 0;
font-weight: 600; }
.profile-info ul > li {
margin-bottom: 8px; }
.social-icons {
margin-bottom: 0; }
.social-icons > li {
padding: 0 2px 5px 2px; }
.social-icons > li > a {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 40px;
height: 40px;
line-height: 42px;
text-align: center;
background-color: #4d4d4d;
color: #fff; }
.social-icons > li > a i {
font-size: 18px; }
.social-icons > li > a:hover, .social-icons > li > a:focus {
background-color: #404040; }
/* colored background */
.z500px-bg {
background-color: #0099e5 !important; }
.z500px-bg:hover, .z500px-bg:focus {
background-color: #0088cc !important; }
.about-me-bg {
background-color: #00405d !important; }
.about-me-bg:hover, .about-me-bg:focus {
background-color: #002e44 !important; }
.airbnb-bg {
background-color: #fd5c63 !important; }
.airbnb-bg:hover, .airbnb-bg:focus {
background-color: #fd434b !important; }
.alphabet-bg {
background-color: #ed1c24 !important; }
.alphabet-bg:hover, .alphabet-bg:focus {
background-color: #de1219 !important; }
.amazon-bg {
background-color: #ff9900 !important; }
.amazon-bg:hover, .amazon-bg:focus {
background-color: #e68a00 !important; }
.american-express-bg {
background-color: #002663 !important; }
.american-express-bg:hover, .american-express-bg:focus {
background-color: #001c4a !important; }
.aol-bg {
background-color: #ff0b00 !important; }
.aol-bg:hover, .aol-bg:focus {
background-color: #e60a00 !important; }
.behance-bg {
background-color: #1769ff !important; }
.behance-bg:hover, .behance-bg:focus {
background-color: #0059fd !important; }
.bing-bg {
background-color: #ffb900 !important; }
.bing-bg:hover, .bing-bg:focus {
background-color: #e6a700 !important; }
.bitbucket-bg {
background-color: #205081 !important; }
.bitbucket-bg:hover, .bitbucket-bg:focus {
background-color: #1b436d !important; }
.bitly-bg {
background-color: #ee6123 !important; }
.bitly-bg:hover, .bitly-bg:focus {
background-color: #e65312 !important; }
.blogger-bg {
background-color: #f57d00 !important; }
.blogger-bg:hover, .blogger-bg:focus {
background-color: #dc7000 !important; }
.booking-com-bg {
background-color: #003580 !important; }
.booking-com-bg:hover, .booking-com-bg:focus {
background-color: #002a67 !important; }
.buffer-bg {
background-color: #168eea !important; }
.buffer-bg:hover, .buffer-bg:focus {
background-color: #1380d3 !important; }
.code-school-bg {
background-color: #616f67 !important; }
.code-school-bg:hover, .code-school-bg:focus {
background-color: #55615a !important; }
.codecademy-bg {
background-color: #f65a5b !important; }
.codecademy-bg:hover, .codecademy-bg:focus {
background-color: #f54243 !important; }
.creative-market-bg {
background-color: #8ba753 !important; }
.creative-market-bg:hover, .creative-market-bg:focus {
background-color: #7d964b !important; }
.delicious-bg {
background-color: #3399ff !important; }
.delicious-bg:hover, .delicious-bg:focus {
background-color: #1a8cff !important; }
.deviantart-bg {
background-color: #05cc47 !important; }
.deviantart-bg:hover, .deviantart-bg:focus {
background-color: #04b33e !important; }
.digg-bg {
background-color: #005be2 !important; }
.digg-bg:hover, .digg-bg:focus {
background-color: #0051c9 !important; }
.disqus-bg {
background-color: #2e9fff !important; }
.disqus-bg:hover, .disqus-bg:focus {
background-color: #1593ff !important; }
.django-bg {
background-color: #092e20 !important; }
.django-bg:hover, .django-bg:focus {
background-color: #051911 !important; }
.dribbble-bg {
background-color: #ea4c89 !important; }
.dribbble-bg:hover, .dribbble-bg:focus {
background-color: #e7357a !important; }
.elance-bg {
background-color: #0d69af !important; }
.elance-bg:hover, .elance-bg:focus {
background-color: #0b5b97 !important; }
.envato-bg {
background-color: #82b541 !important; }
.envato-bg:hover, .envato-bg:focus {
background-color: #75a23a !important; }
.etsy-bg {
background-color: #d5641c !important; }
.etsy-bg:hover, .etsy-bg:focus {
background-color: #be5919 !important; }
.facebook-bg {
background-color: #3b5998 !important; }
.facebook-bg:hover, .facebook-bg:focus {
background-color: #344e86 !important; }
.feedly-bg {
background-color: #2bb24c !important; }
.feedly-bg:hover, .feedly-bg:focus {
background-color: #269d43 !important; }
.flattr-bg {
background-color: #f67c1a !important; }
.flattr-bg:hover, .flattr-bg:focus {
background-color: #ed6f09 !important; }
.flickr-bg {
background-color: #0063dc !important; }
.flickr-bg:hover, .flickr-bg:focus {
background-color: #0058c3 !important; }
.flipboard-bg {
background-color: #e12828 !important; }
.flipboard-bg:hover, .flipboard-bg:focus {
background-color: #d21d1d !important; }
.flixster-bg {
background-color: #2971b2 !important; }
.flixster-bg:hover, .flixster-bg:focus {
background-color: #24649d !important; }
.foursquare-bg {
background-color: #0732a2 !important; }
.foursquare-bg:hover, .foursquare-bg:focus {
background-color: #062a8a !important; }
.github-bg {
background-color: #4183c4 !important; }
.github-bg:hover, .github-bg:focus {
background-color: #3876b4 !important; }
.google-bg {
background-color: #4285f4 !important; }
.google-bg:hover, .google-bg:focus {
background-color: #2a75f3 !important; }
.google-plus-bg {
background-color: #dc4e41 !important; }
.google-plus-bg:hover, .google-plus-bg:focus {
background-color: #d83a2b !important; }
.instagram-bg {
background-color: #3f729b !important; }
.instagram-bg:hover, .instagram-bg:focus {
background-color: #386589 !important; }
.kickstarter-bg {
background-color: #2bde73 !important; }
.kickstarter-bg:hover, .kickstarter-bg:focus {
background-color: #20cf67 !important; }
.kik-bg {
background-color: #82bc23 !important; }
.kik-bg:hover, .kik-bg:focus {
background-color: #73a71f !important; }
.lastfm-bg {
background-color: #d51007 !important; }
.lastfm-bg:hover, .lastfm-bg:focus {
background-color: #bc0e06 !important; }
.line-bg {
background-color: #00c300 !important; }
.line-bg:hover, .line-bg:focus {
background-color: #00aa00 !important; }
.linkedin-bg {
background-color: #0077b5 !important; }
.linkedin-bg:hover, .linkedin-bg:focus {
background-color: #00669c !important; }
.mail-ru-bg {
background-color: #168de2 !important; }
.mail-ru-bg:hover, .mail-ru-bg:focus {
background-color: #147fcb !important; }
.mailchimp-bg {
background-color: #2c9ab7 !important; }
.mailchimp-bg:hover, .mailchimp-bg:focus {
background-color: #2789a2 !important; }
.myspace-bg {
background-color: #000000 !important; }
.myspace-bg:hover, .myspace-bg:focus {
background-color: black !important; }