github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Added link handlers to callouts and alerts

pull/229/head
almasaeed2010 2015-02-03 11:29:17 -05:00
parent 6a44a9dc04
commit c9065c46ee
5 changed files with 92 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
build/less/alerts.less
View File

@ -15,6 +15,10 @@
color: #fff;
.opacity(.7);
}
a {
color: #fff;
text-decoration: underline;
}
}
//Alert Variants

6
build/less/header.less
View File

@ -20,6 +20,12 @@
.navbar-right {
margin-right: 5px;
float: right;
@media (max-width: @screen-sm-max) {
a {
color: inherit;
background: transparent;
}
}
}
.navbar-right {
@media (max-width: @screen-header-collapse) {

11
dist/css/AdminLTE.css vendored
View File

@ -215,6 +215,13 @@ a:focus {
margin-right: 5px;
float: right;
}
@media (max-width: 991px) {
.main-header .navbar-custom-menu a,
.main-header .navbar-right a {
color: inherit;
background: transparent;
}
}
@media (max-width: 767px) {
.main-header .navbar-right {
float: none;
@ -1947,6 +1954,10 @@ a:focus {
opacity: 0.7;
filter: alpha(opacity=70);
}
.alert a {
color: #fff;
text-decoration: underline;
}
.alert-success {
border-color: #008d4c;
}

2
dist/css/AdminLTE.min.css vendored
View File

File diff suppressed because one or more lines are too long

81
documentation/index.html
View File

@ -24,7 +24,7 @@
font-weight: 500;
}
.content-wrapper {
background: #f9f9f9;
background: #f4f5f7;
padding: 0 10px;
}
.page-header {
@ -44,7 +44,7 @@
.page-header span {
z-index: 5;
display: inline-block;
background-color: #f9f9f9;
background-color: #f4f5f7;
padding-right: 10px;
}
.page-header::before {
@ -67,12 +67,12 @@
top: 0;
left: 0;
display: inline-block;
background: #f4f4f4;
background: #d2d6de;
padding: 5px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #d2d6dc;
border-right: 1px solid #d2d6dc;
}
.eg + * {
margin-top: 30px;
@ -125,6 +125,10 @@
margin-top: 0;
padding-top: 0!important;
}
.box .main-header {
z-index: 1000;
position: relative;
}
</style>
</head>
<body class="skin-blue fixed" data-spy="scroll" data-target="#scrollspy">
@ -407,9 +411,9 @@ AdminLTE/
<section id='components'>
<h2 class='page-header'><span>Components</span></h2>
<p class='callout callout-info lead'>
<p class='alert alert-info lead'>
AdminLTE makes use of all of Bootstrap 3 components. It's a good start to review
the <a href="http://getbootstrap.com">Bootstrap documentation</a> to get an idea of what you the various components
the <a href="http://getbootstrap.com">Bootstrap documentation</a> to get an idea of the various components
that this documentation does not cover.
</p>
<h3>Main Header</h3>
@ -446,7 +450,7 @@ AdminLTE/
<li><!-- start message -->
<a href="#">
<div class="pull-left">
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/>
<img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/>
</div>
<h4>
Support Team
@ -692,7 +696,62 @@ AdminLTE/
&LT;/div>
&LT;/nav>
&LT;/header></pre>
<p class='lead'>Top Nav Layout. Main Header Example.</p>
<h4>Top Nav Layout. Main Header Example.</h4>
<div class="callout callout-info">To use this main header instead of the regular one, you must add the layout-top-nav class to the body tag.</div>
<div class="box box-solid">
<div class="box-body">
<span class="eg">Top Nav Example</span>
<header class="main-header">
<!-- Logo -->
<a href="../index2.html" class="logo">AdminLTE</a>
<nav class="navbar navbar-static-top">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<i class="fa fa-bars"></i>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
</header>
</div>
</div>
<pre class='prettyprint'>
&LT;!-- header logo: style can be found in header.less -->
&LT;header class="main-header">
@ -745,8 +804,8 @@ AdminLTE/
&LT;/nav>
&LT;/header>
</pre>
</section>
<!-- ============================================================= -->