* commit 'b2adfb7fd292d4d7e2cdbc33e7d07357e78c4e82': docs: add support for templated tabs with the doc title
This commit is contained in:
commit
15be76c687
2 changed files with 55 additions and 1 deletions
|
@ -487,6 +487,50 @@ video.with-shadow {
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* inner-doc tabs w/ title */
|
||||||
|
|
||||||
|
div#title-tabs-wrapper {
|
||||||
|
border-bottom:1px solid #ccc;
|
||||||
|
margin:20px 0 30px;
|
||||||
|
}
|
||||||
|
h1.with-title-tabs {
|
||||||
|
display:inline-block;
|
||||||
|
margin:0 0 -1px 0;
|
||||||
|
padding:0 60px 0 0;
|
||||||
|
border-bottom:1px solid #F9F9F9;
|
||||||
|
}
|
||||||
|
ul#title-tabs {
|
||||||
|
list-style:none;
|
||||||
|
padding:0;
|
||||||
|
height:29px;
|
||||||
|
margin:0;
|
||||||
|
font-size:16px;
|
||||||
|
line-height:26px;
|
||||||
|
display:inline-block;
|
||||||
|
vertical-align:bottom;
|
||||||
|
}
|
||||||
|
ul#title-tabs li {
|
||||||
|
display:block;
|
||||||
|
float:left;
|
||||||
|
margin-right:40px;
|
||||||
|
border-bottom: 3px solid transparent;
|
||||||
|
}
|
||||||
|
ul#title-tabs li.selected {
|
||||||
|
border-bottom: 3px solid #93C;
|
||||||
|
}
|
||||||
|
ul#title-tabs li a {
|
||||||
|
color:#333;
|
||||||
|
}
|
||||||
|
ul#title-tabs li a:hover,
|
||||||
|
ul#title-tabs li a:visited,
|
||||||
|
ul#title-tabs li a:active {
|
||||||
|
color:#93C !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* content body */
|
/* content body */
|
||||||
@-webkit-keyframes glowheader {
|
@-webkit-keyframes glowheader {
|
||||||
from {
|
from {
|
||||||
|
|
|
@ -101,7 +101,17 @@
|
||||||
<?cs /if ?>
|
<?cs /if ?>
|
||||||
</div>
|
</div>
|
||||||
<?cs else ?>
|
<?cs else ?>
|
||||||
<h1 itemprop="name"><?cs var:page.title ?></h1>
|
<?cs if:tab1 ?><div id="title-tabs-wrapper">
|
||||||
|
<h1 itemprop="name" <?cs if:tab1 ?>class="with-title-tabs"<?cs /if ?>><?cs var:page.title ?></h1><?cs
|
||||||
|
if:tab1 ?><ul id="title-tabs">
|
||||||
|
<li class="selected"><a href="<?cs var:tab1.link ?>"><?cs var:tab1 ?></a></li>
|
||||||
|
<?cs if:tab2 ?>
|
||||||
|
<li><a href="<?cs var:tab2.link ?>"><?cs var:tab2 ?></a></li><?cs /if ?>
|
||||||
|
<?cs if:tab3 ?>
|
||||||
|
<li><a href="<?cs var:tab3.link ?>"><?cs var:tab3 ?></a></li><?cs /if ?>
|
||||||
|
</ul>
|
||||||
|
<?cs /if ?></div><!-- end tab-wrapper -->
|
||||||
|
<?cs /if ?>
|
||||||
<?cs /if ?>
|
<?cs /if ?>
|
||||||
<?cs /if ?>
|
<?cs /if ?>
|
||||||
<?cs /if ?><?cs # end if design ?>
|
<?cs /if ?><?cs # end if design ?>
|
||||||
|
|
Loading…
Reference in a new issue