提交 738252af 编写于 作者: A Abdullah Almsaeed

Merge feature/profile

......@@ -102,7 +102,7 @@ module.exports = function (grunt) {
files: [{
expand: true,
cwd: 'build/img/',
src: ['**/*.{png,jpg,gif,svg}'],
src: ['**/*.{png,jpg,gif,svg,jpeg}'],
dest: 'dist/img/'
}]
}
......
......@@ -54,6 +54,7 @@
@import "login_and_register.less";
@import "404_500_errors.less";
@import "invoice.less";
@import "profile";
//Plugins
//--------
......
......@@ -12,6 +12,12 @@
.margin-bottom {
margin-bottom: 20px;
}
.margin-bottom-none {
margin-bottom: 0;
}
.margin-r-5 {
margin-right: 5px;
}
// Display inline
.inline {
display: inline;
......@@ -227,6 +233,20 @@
.text-maroon {
color: @maroon !important;
}
.link-muted {
color: darken(@gray, 30%);
&:hover,
&:focus {
color: darken(@gray, 40%);
}
}
.link-black {
color: #666;
&:hover,
&:focus {
color: #999;
}
}
// Hide elements by display none only
.hide {
......@@ -258,6 +278,16 @@
padding: 0;
}
.list-group-unbordered {
> .list-group-item {
border-left: 0;
border-right: 0;
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
}
// Remove border radius
.flat {
.border-radius(0)!important;
......@@ -267,8 +297,9 @@
&, &.table td, &.table th {
font-weight: 700;
}
}
.text-sm {
font-size: 12px;
}
// _fix for sparkline tooltip
......@@ -367,6 +398,7 @@
//User block
.user-block {
.clearfix();
img {
width: 40px;
height: 40px;
......@@ -428,7 +460,15 @@
margin-left: 110px;
}
}
// Image bordered
.img-bordered {
border: 3px solid @gray;
padding: 3px;
}
.img-bordered-sm {
border: 2px solid @gray;
padding: 2px;
}
//General attachemnt block
.attachment-block {
border: 1px solid @box-border-color;
......
/*
* Page: Profile
* -------------
*/
.profile-user-img {
margin: 0 auto;
width: 100px;
padding: 3px;
border: 3px solid @gray;
}
.profile-username {
font-size: 21px;
margin-top: 5px;
}
.post {
border-bottom: 1px solid @gray;
margin-bottom: 15px;
padding-bottom: 15px;
color: #666;
&:last-of-type {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.user-block {
margin-bottom: 15px;
}
}
\ No newline at end of file
......@@ -96,3 +96,16 @@
}
}
}
.timeline-inverse {
> li {
> .timeline-item {
background: #f0f0f0;
border: 1px solid #ddd;
.box-shadow(none);
> .timeline-header {
border-bottom-color: #ddd;
}
}
}
}
\ No newline at end of file
......@@ -2138,6 +2138,15 @@ a:focus {
background-color: #fff;
border-radius: 4px;
}
.timeline-inverse > li > .timeline-item {
background: #f0f0f0;
border: 1px solid #ddd;
-webkit-box-shadow: none;
box-shadow: none;
}
.timeline-inverse > li > .timeline-item > .timeline-header {
border-bottom-color: #ddd;
}
/*
* Component: Button
* -----------------
......@@ -3249,6 +3258,34 @@ table.text-center th {
.invoice-title {
margin-top: 0;
}
/*
* Page: Profile
* -------------
*/
.profile-user-img {
margin: 0 auto;
width: 100px;
padding: 3px;
border: 3px solid #d2d6de;
}
.profile-username {
font-size: 21px;
margin-top: 5px;
}
.post {
border-bottom: 1px solid #d2d6de;
margin-bottom: 15px;
padding-bottom: 15px;
color: #666;
}
.post:last-of-type {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.post .user-block {
margin-bottom: 15px;
}
/*
* Social Buttons for Bootstrap
*
......@@ -4052,6 +4089,12 @@ table.text-center th {
.margin-bottom {
margin-bottom: 20px;
}
.margin-bottom-none {
margin-bottom: 0;
}
.margin-r-5 {
margin-right: 5px;
}
.inline {
display: inline;
}
......@@ -4315,6 +4358,20 @@ table.text-center th {
.text-maroon {
color: #d81b60 !important;
}
.link-muted {
color: #7a869d;
}
.link-muted:hover,
.link-muted:focus {
color: #606c84;
}
.link-black {
color: #666;
}
.link-black:hover,
.link-black:focus {
color: #999;
}
.hide {
display: none !important;
}
......@@ -4339,6 +4396,13 @@ table.text-center th {
margin: 0;
padding: 0;
}
.list-group-unbordered > .list-group-item {
border-left: 0;
border-right: 0;
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
.flat {
border-radius: 0 !important;
}
......@@ -4347,6 +4411,9 @@ table.text-center th {
.text-bold.table th {
font-weight: 700;
}
.text-sm {
font-size: 12px;
}
.jqstooltip {
padding: 5px!important;
width: auto!important;
......@@ -4472,6 +4539,14 @@ table.text-center th {
.font-light {
font-weight: 300;
}
.user-block:before,
.user-block:after {
content: " ";
display: table;
}
.user-block:after {
clear: both;
}
.user-block img {
width: 40px;
height: 40px;
......@@ -4529,6 +4604,14 @@ table.text-center th {
.img-lg + .img-push {
margin-left: 110px;
}
.img-bordered {
border: 3px solid #d2d6de;
padding: 3px;
}
.img-bordered-sm {
border: 2px solid #d2d6de;
padding: 2px;
}
.attachment-block {
border: 1px solid #f4f4f4;
padding: 5px;
......
此差异已折叠。
......@@ -410,6 +410,7 @@
</a>
<ul class="treeview-menu">
<li><a href="pages/examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="pages/examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="pages/examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="pages/examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="pages/examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -404,6 +404,7 @@
</a>
<ul class="treeview-menu">
<li><a href="pages/examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="pages/examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="pages/examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="pages/examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="pages/examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -402,6 +402,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -429,6 +429,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -447,6 +447,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......@@ -514,7 +515,7 @@
</ul>
<div class="tab-content">
<!-- Font Awesome Icons -->
<div class="tab-pane active" id="fa-icons" >
<div class="tab-pane active" id="fa-icons">
<section id="new">
<h4 class="page-header">66 New Icons in 4.4</h4>
<div class="row fontawesome-icon-list">
......
......@@ -413,6 +413,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -407,6 +407,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -401,6 +401,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -401,6 +401,7 @@
</a>
<ul class="treeview-menu">
<li><a href="examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -294,6 +294,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -402,6 +402,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -402,6 +402,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -403,6 +403,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -401,6 +401,7 @@
</a>
<ul class="treeview-menu">
<li><a href="invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -401,6 +401,7 @@
</a>
<ul class="treeview-menu">
<li><a href="invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -298,6 +298,7 @@
</a>
<ul class="treeview-menu">
<li><a href="invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -400,6 +400,7 @@
</a>
<ul class="treeview-menu">
<li class="active"><a href="invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
此差异已折叠。
......@@ -412,6 +412,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -403,6 +403,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -402,6 +402,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -296,6 +296,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -299,6 +299,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -300,6 +300,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -306,6 +306,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......@@ -582,7 +583,7 @@
<div class="form-group">
<label class="control-sidebar-subheading">
Expose author name in posts
<input type="checkbox" class="pull-right" checked />
<input type="checkbox" class="pull-right" checked>
</label>
<p>
Allow the user to show his name in blog posts
......
......@@ -303,6 +303,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -303,6 +303,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -404,6 +404,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -401,6 +401,7 @@
</a>
<ul class="treeview-menu">
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......
......@@ -401,6 +401,7 @@
</a>
<ul class="treeview-menu">
<li><a href="examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
<li><a href="examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
......@@ -1045,7 +1046,7 @@
<!-- Add the bg color to the header using any of the bg-* classes -->
<div class="widget-user-header bg-yellow">
<div class="widget-user-image">
<img class="img-circle" src="../dist/img/user7-128x128.jpg" alt="User Avatar"/>
<img class="img-circle" src="../dist/img/user7-128x128.jpg" alt="User Avatar">
</div><!-- /.widget-user-image -->
<h3 class="widget-user-username">Nadia Carmichael</h3>
<h5 class="widget-user-desc">Lead Developer</h5>
......@@ -1069,7 +1070,7 @@
<h5 class="widget-user-desc">Founder & CEO</h5>
</div>
<div class="widget-user-image">
<img class="img-circle" src="../dist/img/user1-128x128.jpg" alt="User Avatar"/>
<img class="img-circle" src="../dist/img/user1-128x128.jpg" alt="User Avatar">
</div>
<div class="box-footer">
<div class="row">
......@@ -1104,7 +1105,7 @@
<h5 class="widget-user-desc">Web Designer</h5>
</div>
<div class="widget-user-image">
<img class="img-circle" src="../dist/img/user3-128x128.jpg" alt="User Avatar"/>
<img class="img-circle" src="../dist/img/user3-128x128.jpg" alt="User Avatar">
</div>
<div class="box-footer">
<div class="row">
......@@ -1138,7 +1139,7 @@
<div class="box box-widget">
<div class='box-header with-border'>
<div class='user-block'>
<img class='img-circle' src='../dist/img/user1-128x128.jpg' alt='user image'/>
<img class='img-circle' src='../dist/img/user1-128x128.jpg' alt='user image'>
<span class='username'><a href="#">Jonathan Burke Jr.</a></span>
<span class='description'>Shared publicly - 7:30 PM Today</span>
</div><!-- /.user-block -->
......@@ -1149,7 +1150,7 @@
</div><!-- /.box-tools -->
</div><!-- /.box-header -->
<div class='box-body'>
<img class="img-responsive pad" src="../dist/img/photo2.png" alt="Photo"/>
<img class="img-responsive pad" src="../dist/img/photo2.png" alt="Photo">
<p>I took this photo this morning. What do you guys think?</p>
<button class='btn btn-default btn-xs'><i class='fa fa-share'></i> Share</button>
<button class='btn btn-default btn-xs'><i class='fa fa-thumbs-o-up'></i> Like</button>
......@@ -1158,7 +1159,7 @@
<div class='box-footer box-comments'>
<div class='box-comment'>
<!-- User image -->
<img class='img-circle img-sm' src='../dist/img/user3-128x128.jpg' alt='user image'/>
<img class='img-circle img-sm' src='../dist/img/user3-128x128.jpg' alt='user image'>
<div class='comment-text'>
<span class="username">
Maria Gonzales
......@@ -1170,7 +1171,7 @@
</div><!-- /.box-comment -->
<div class='box-comment'>
<!-- User image -->
<img class='img-circle img-sm' src='../dist/img/user4-128x128.jpg' alt='user image'/>
<img class='img-circle img-sm' src='../dist/img/user4-128x128.jpg' alt='user image'>
<div class='comment-text'>
<span class="username">
Luna Stark
......@@ -1183,10 +1184,10 @@
</div><!-- /.box-footer -->
<div class="box-footer">
<form action="#" method="post">
<img class="img-responsive img-circle img-sm" src="../dist/img/user4-128x128.jpg" alt="alt text" />
<img class="img-responsive img-circle img-sm" src="../dist/img/user4-128x128.jpg" alt="alt text">
<!-- .img-push is used to add margin to elements next to floating images -->
<div class="img-push">
<input type="text" class="form-control input-sm" placeholder="Press enter to post comment" />
<input type="text" class="form-control input-sm" placeholder="Press enter to post comment">
</div>
</form>
</div><!-- /.box-footer -->
......@@ -1197,7 +1198,7 @@
<div class="box box-widget">
<div class='box-header with-border'>
<div class='user-block'>
<img class='img-circle' src='../dist/img/user1-128x128.jpg' alt='user image'/>
<img class='img-circle' src='../dist/img/user1-128x128.jpg' alt='user image'>
<span class='username'><a href="#">Jonathan Burke Jr.</a></span>
<span class='description'>Shared publicly - 7:30 PM Today</span>
</div><!-- /.user-block -->
......@@ -1220,7 +1221,7 @@
<!-- Attachment -->
<div class="attachment-block clearfix">
<img class="attachemnt-img" src="../dist/img/photo1.png" alt="attachement image"/>
<img class="attachemnt-img" src="../dist/img/photo1.png" alt="attachement image">
<div class="attachment-pushed">
<h4 class="attachment-heading"><a href="http://www.lipsum.com/">Lorem ipsum text generator</a></h4>
<div class="attachment-text">
......@@ -1238,7 +1239,7 @@
<div class='box-footer box-comments'>
<div class='box-comment'>
<!-- User image -->
<img class='img-circle img-sm' src='../dist/img/user3-128x128.jpg' alt='user image'/>
<img class='img-circle img-sm' src='../dist/img/user3-128x128.jpg' alt='user image'>
<div class='comment-text'>
<span class="username">
Maria Gonzales
......@@ -1250,7 +1251,7 @@
</div><!-- /.box-comment -->
<div class='box-comment'>
<!-- User image -->
<img class='img-circle img-sm' src='../dist/img/user5-128x128.jpg' alt='user image'/>
<img class='img-circle img-sm' src='../dist/img/user5-128x128.jpg' alt='user image'>
<div class='comment-text'>
<span class="username">
Nora Havisham
......@@ -1264,10 +1265,10 @@
</div><!-- /.box-footer -->
<div class="box-footer">
<form action="#" method="post">
<img class="img-responsive img-circle img-sm" src="../dist/img/user4-128x128.jpg" alt="alt text" />
<img class="img-responsive img-circle img-sm" src="../dist/img/user4-128x128.jpg" alt="alt text">
<!-- .img-push is used to add margin to elements next to floating images -->
<div class="img-push">
<input type="text" class="form-control input-sm" placeholder="Press enter to post comment" />
<input type="text" class="form-control input-sm" placeholder="Press enter to post comment">
</div>
</form>
</div><!-- /.box-footer -->
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册