Documentation header styles, page not found styles
git-svn-id: http://svn.silverstripe.com/projects/ss2doc/branches/v2@115514 467b73ca-7a2a-4603-9d3b-597d59a354a9
This commit is contained in:
Paul Clarke
parent
bba6578c35
commit
0d6692583c
|
|
@ -7,7 +7,7 @@
|
|||
/* Core */
|
||||
html { background: #f4f4f4;}
|
||||
|
||||
a { color: #1389ce; text-decoration: none; }
|
||||
a { color: #0973A6; text-decoration: none; }
|
||||
a:hover,
|
||||
a:focus { text-decoration: underline;}
|
||||
|
||||
|
|
@ -61,12 +61,12 @@ fieldset { border: none; }
|
|||
#header h1 { margin-bottom: 0px; line-height: 33px;}
|
||||
#header h1 a { text-decoration: none; font-size: 30px; color: #121929; letter-spacing: -1px;}
|
||||
|
||||
#header #breadcrumbs { position: absolute; margin-top: 50px;}
|
||||
#header #breadcrumbs { position: absolute; margin-top: 55px;}
|
||||
#header #breadcrumbs p { font-size: 11px; margin: 0 0 10px 0; color: #798D85;}
|
||||
#header #breadcrumbs p a { color: #798D85;}
|
||||
/* #header #breadcrumbs p a { color: #798D85;} */
|
||||
|
||||
/* Language Bar */
|
||||
#language { position: absolute; top: 18px; right: 30px; width: 185px; }
|
||||
#language { position: absolute; top: 57px; right: 30px; width: 185px; }
|
||||
#language label { float: left;/* width: 830px; */ line-height: 19px; text-align: right; font-size: 11px; color: #999;}
|
||||
#language select { float: right; width: 120px;}
|
||||
#language input.action { float: right; margin-top: 4px;}
|
||||
|
|
@ -83,11 +83,25 @@ fieldset { border: none; }
|
|||
.typography h1+p { font-size: 16px; line-height: 1.25em; }
|
||||
|
||||
/* Versions */
|
||||
#versions-nav { background: #121929; margin: 0 0 34px; padding: 5px 0 5px 10px; overflow: hidden;}
|
||||
#versions-nav h2 { font-size: 11px; color: #fff; font-weight: normal; float: left; margin-right: 5px;}
|
||||
#versions-nav {
|
||||
margin: 0 0 5px;
|
||||
padding: 10px 0 5px 0px;
|
||||
overflow: hidden; color: #999999;
|
||||
font-size: 11px;
|
||||
}
|
||||
#versions-nav h2 { font-size: 11px; font-weight: normal; float: left; margin-right: 5px;}
|
||||
#versions-nav ul { margin: 0; padding: 0; float: left;}
|
||||
#versions-nav li { list-style: none; }
|
||||
#versions-nav li a { display: block; float: left; margin-left: 4px; padding: 11px; font-size: 14px;}
|
||||
#versions-nav .current {
|
||||
background-color: #0973A6;
|
||||
margin-left: 5px;
|
||||
padding: 1px 7px;
|
||||
border-radius: 8px;
|
||||
-moz-border-radius: 8px;
|
||||
-webkit-border-radius: 8px;
|
||||
color: #fff;
|
||||
}
|
||||
#versions-nav li { display: inline; list-style: none; padding: 0; margin: 0; font-size: 11px; }
|
||||
#versions-nav li a { margin-left: 5px; padding: 0px; }
|
||||
#versions-nav li a.current { background: #fff;}
|
||||
#left-column { width: 640px; float: left; }
|
||||
|
||||
|
|
@ -141,6 +155,9 @@ fieldset { border: none; }
|
|||
padding: 11px 15px;
|
||||
background: #f4f4f4;
|
||||
width: 220px;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
.sidebar-box ul { margin: 0; padding: 0;}
|
||||
.sidebar-box h4 { font-size: 12px; margin-bottom: 11px;}
|
||||
|
|
@ -163,9 +180,9 @@ fieldset { border: none; }
|
|||
#Form_LanguageForm {
|
||||
margin-top: 18px;
|
||||
}
|
||||
#header h1 { float: left; }
|
||||
#header h1 { float: left; margin-top: -4px; }
|
||||
#header h1 a {
|
||||
color: #80958f;
|
||||
color: #0973A6;
|
||||
text-decoration: none;
|
||||
letter-spacing: 0;
|
||||
float:left;
|
||||
|
|
@ -185,10 +202,15 @@ a.ssLogo:hover { background: #fff url(../../ssorgsites/images/logo.png) no-repea
|
|||
/**
|
||||
* Search
|
||||
*/
|
||||
.searchBar {
|
||||
border-top:1px solid #E6EBE9;
|
||||
border-bottom:1px solid #E6EBE9;
|
||||
margin-bottom: 34px;
|
||||
}
|
||||
#search {
|
||||
float: right;
|
||||
width: 252px;
|
||||
margin-top: 43px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
#Form_DocumentationSearchForm {
|
||||
|
||||
|
|
|
|||
|
|
@ -24,15 +24,11 @@
|
|||
</div>
|
||||
|
||||
<h1>
|
||||
<a href="http://www.silverstripe.com" class="ssLogo">
|
||||
<!-- <img alt="SilverStripe" src="themes/ssorgsites/images/logo.png" height=""> -->
|
||||
</a>
|
||||
<a href="$Link"><span><% _t('SILVERSTRIPEDOCUMENTATION', 'Documentation') %></span></a>
|
||||
<a href="http://www.silverstripe.com" title="Visit SilverStripe.com" class="ssLogo"> </a>
|
||||
<a href="$Link" title="Documentation"><span><% _t('SILVERSTRIPEDOCUMENTATION', 'Documentation') %></span></a>
|
||||
</h1>
|
||||
|
||||
<div id="search">
|
||||
$DocumentationSearchForm
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<% include DocBreadcrumbs %>
|
||||
</div>
|
||||
|
|
@ -44,22 +40,59 @@
|
|||
|
||||
|
||||
<div id="layout">
|
||||
<div id="versions-nav">
|
||||
<h2>Versions:</h2>
|
||||
|
||||
<ul>
|
||||
<% control Versions %>
|
||||
<% if MajorRelease %>
|
||||
<li class="major-release"><a href="$Link" class="$LinkingMode">$Title</a></li>
|
||||
<% else %>
|
||||
<li class="module-only"><a href="$Link" class="$LinkingMode">$Title</a></li>
|
||||
<% end_if %>
|
||||
<% end_control %>
|
||||
</ul>
|
||||
<div class="searchBar">
|
||||
<div id="search">
|
||||
$DocumentationSearchForm
|
||||
</div>
|
||||
<div id="versions-nav">
|
||||
<h2>Versions:</h2>
|
||||
|
||||
<!--
|
||||
<ul>
|
||||
<% control Versions %>
|
||||
<% if MajorRelease %>
|
||||
<li class="major-release"><a href="$Link" class="$LinkingMode">$Title</a></li>
|
||||
<% else %>
|
||||
<li class="module-only"><a href="$Link" class="$LinkingMode">$Title</a></li>
|
||||
<% end_if %>
|
||||
<% end_control %>
|
||||
</ul>
|
||||
-->
|
||||
<ul>
|
||||
<li class="major-release"><a href="$Link" class="$LinkingMode">2.2</a></li>
|
||||
<li class="major-release current">2.4</li>
|
||||
<li class="major-release"><a href="$Link" class="$LinkingMode">3.0</a></li>
|
||||
<li class="module-only"><a href="$Link" class="$LinkingMode">1.3.2</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content" class="typography">
|
||||
<!--
|
||||
|
||||
|
||||
<div class="warningBox">
|
||||
<div class="warningBoxTop">
|
||||
<h1>We're sorry…</h1>
|
||||
<p>The page you are looking for might have moved, no longer exists or is not currently available.</p>
|
||||
<h5>Perhaps you could…</h5>
|
||||
<p>return to the <a href="#">homepage</a> or <a href="#">try searching</a>.</p>
|
||||
<h5>Search results for similar/related phrases</h5>
|
||||
<ul class="resetStyle">
|
||||
<li><a href="#">Installing</a></li>
|
||||
<li><a href="#">Upgrading</a></li>
|
||||
<li><a href="#">Server-requirements</a></li>
|
||||
<li><a href="#">Suggested-web-hosts</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="warningBoxBottom">
|
||||
|
||||
<ul>
|
||||
<li><a href="#">Report a missing link</a></li>
|
||||
<li><a href="#">Report a bug or a concren</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
<div class="info">
|
||||
<h5>This is a info message</h5>
|
||||
<p>Vivamus scelerisque, lacus non elementum vestibulum, eros odio gravida sem, vitae hendrerit leo velit in eros.</p>
|
||||
|
|
@ -81,7 +114,8 @@ If some of your projects still use this version, consider <a href="">upgrading a
|
|||
<h5>Tip: See also...</h5>
|
||||
<p>This is an example of a hint to help users who are finding difficulty in understanding the full concept <a href="#">link to surporting document</a>.</p>
|
||||
</div>
|
||||
-->
|
||||
-->
|
||||
|
||||
|
||||
$Layout
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue