mirror of https://github.com/ColorlibHQ/AdminLTE
Added link handlers to callouts and alerts
almasaeed2010
parent
6a44a9dc04
commit
c9065c46ee
|
|
@ -15,6 +15,10 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
.opacity(.7);
|
.opacity(.7);
|
||||||
}
|
}
|
||||||
|
a {
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//Alert Variants
|
//Alert Variants
|
||||||
|
|
|
||||||
|
|
@ -20,6 +20,12 @@
|
||||||
.navbar-right {
|
.navbar-right {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
float: right;
|
float: right;
|
||||||
|
@media (max-width: @screen-sm-max) {
|
||||||
|
a {
|
||||||
|
color: inherit;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.navbar-right {
|
.navbar-right {
|
||||||
@media (max-width: @screen-header-collapse) {
|
@media (max-width: @screen-header-collapse) {
|
||||||
|
|
|
||||||
|
|
@ -215,6 +215,13 @@ a:focus {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
float: right;
|
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) {
|
@media (max-width: 767px) {
|
||||||
.main-header .navbar-right {
|
.main-header .navbar-right {
|
||||||
float: none;
|
float: none;
|
||||||
|
|
@ -1947,6 +1954,10 @@ a:focus {
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
filter: alpha(opacity=70);
|
filter: alpha(opacity=70);
|
||||||
}
|
}
|
||||||
|
.alert a {
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
.alert-success {
|
.alert-success {
|
||||||
border-color: #008d4c;
|
border-color: #008d4c;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -24,7 +24,7 @@
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
.content-wrapper {
|
.content-wrapper {
|
||||||
background: #f9f9f9;
|
background: #f4f5f7;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
.page-header {
|
.page-header {
|
||||||
|
|
@ -44,7 +44,7 @@
|
||||||
.page-header span {
|
.page-header span {
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color: #f9f9f9;
|
background-color: #f4f5f7;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
}
|
}
|
||||||
.page-header::before {
|
.page-header::before {
|
||||||
|
|
@ -67,12 +67,12 @@
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: #f4f4f4;
|
background: #d2d6de;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-top-left-radius: 3px;
|
border-top-left-radius: 3px;
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #d2d6dc;
|
||||||
border-right: 1px solid #eee;
|
border-right: 1px solid #d2d6dc;
|
||||||
}
|
}
|
||||||
.eg + * {
|
.eg + * {
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
|
|
@ -125,6 +125,10 @@
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding-top: 0!important;
|
padding-top: 0!important;
|
||||||
}
|
}
|
||||||
|
.box .main-header {
|
||||||
|
z-index: 1000;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body class="skin-blue fixed" data-spy="scroll" data-target="#scrollspy">
|
<body class="skin-blue fixed" data-spy="scroll" data-target="#scrollspy">
|
||||||
|
|
@ -407,9 +411,9 @@ AdminLTE/
|
||||||
|
|
||||||
<section id='components'>
|
<section id='components'>
|
||||||
<h2 class='page-header'><span>Components</span></h2>
|
<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
|
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.
|
that this documentation does not cover.
|
||||||
</p>
|
</p>
|
||||||
<h3>Main Header</h3>
|
<h3>Main Header</h3>
|
||||||
|
|
@ -446,7 +450,7 @@ AdminLTE/
|
||||||
<li><!-- start message -->
|
<li><!-- start message -->
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<div class="pull-left">
|
<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>
|
</div>
|
||||||
<h4>
|
<h4>
|
||||||
Support Team
|
Support Team
|
||||||
|
|
@ -692,7 +696,62 @@ AdminLTE/
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</header></pre>
|
</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'>
|
<pre class='prettyprint'>
|
||||||
<!-- header logo: style can be found in header.less -->
|
<!-- header logo: style can be found in header.less -->
|
||||||
<header class="main-header">
|
<header class="main-header">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue