tonyair/doc.silverstripe.org
1
0
Fork 0
mirror of https://github.com/silverstripe/doc.silverstripe.org synced 2024-10-22 15:05:50 +00:00
Code Issues Projects Releases Wiki Activity

Bundled ssorgsites theme into this site.

Browse Source 
Note that this isn't the best way of keeping track of this shared functionality, but the ssorgsites module hasn't been released on github yet, and it's not clear that this will be the best way of sharing styles in the long run.
This commit is contained in:
Sam Minnee 2012-09-05 18:59:54 +12:00
parent d29e1eedd4
commit e2a9ec214a
32 changed files with 934 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
themes/ssorgsites/README.md Normal file
View File

@ -0,0 +1,21 @@
# Introduction
SSorgsites is the base library styles developed for the range of ssorgsites to share.
* open.silverstripe.org
* api.silverstripe.org
* docs.silverstripe.org
* wiki.silverstripe.org
* userhelp.silverstripe.org
## Usage
* Add this module as an external to themes/ssorgsites.
* Link to the CSS from the ss template using using
<% require css(themes/ssorgsites/css/ss.screen.min.css, screen) %>
<% require css(themes/ssorgsites/css/ss.print.min.css, print) %>
## Generating ss.*.min files
This minimal clone of the ssorgsites theme doesn't have the ability to regenerate the minified files.

478
themes/ssorgsites/css/core.css Executable file
View File

@ -0,0 +1,478 @@
/** ----------------------------------------------------------
*
* Contains the core styles for all the silverstripe sites.
*
* If you plan on including this file in a ss project you are doing it wrong.
* you should link to the ss.screen.min.css and ss.print.min.css file in
* your project which this combines down to.
* It also ensures that you have all the core styles.
*
* @author Will Rossiter <will at silverstripe dot com>
*
* Notes: our vertical grid is set to 8px.
* ------------------------------------------------------- */
/* -------------------------------------------------------
* Reset Styles
* ------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin:0; padding:0;
}
/* -------------------------------------------------------
* Core Styles
* ------------------------------------------------------- */
html {
background: #F8F9FA; font: 12px/18px Arial, sans-serif; color: #333;
}
img {
border: none;
}
a { color: #0973A6; text-decoration: none; }
a:hover,
a:focus { text-decoration: underline; color: #667D76; }
a:visited { color: #14506c; }
/* -------------------------------------------------------
* Helper Styles
* ------------------------------------------------------- */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content:' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0
}
* html .clearfix,
*:first-child+html .clearfix{
zoom: 1;
}
/* -------------------------------------------------------
* Layout Styles
* ------------------------------------------------------- */
/* Container */
#container {
margin: 18px auto; padding: 17px 1.25%;
background: #fff;
overflow: hidden;
border: 1px solid #dfdfdf;
-webkit-box-shadow: 0 0 20px #e8ebed;
-moz-box-shadow: 0 0 20px #e8ebed;
box-shadow: 0 0 20px #e8ebed;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: relative;
}
.container {
min-width: 540px;
max-width: 960px;
margin: auto;
}
#content-column {
width: 72.5%;
float: right;
border-left: 1px solid #efefef;
padding-left: 2.5%;
}
#content-column.full-width,
.full-width#content-column {
width: 100%;
float: none;
border: none;
}
#sidebar-column {
width: 22.5%;
float: left;
}
/* Header */
#header {
padding: 0 0 7px 0; overflow: hidden;
}
#header h1 {
margin: 0; line-height: 49px; float: left;
}
#header h1 a {
text-decoration: none;
font-size: 22px;
color: #0973A6;
letter-spacing: -1px;
}
#header h1 a.logo {
background: #fff url(../../ssorgsites/images/logo.png) no-repeat bottom left;
height: 55px; width:162px;
display: inline-block;
}
#header h1 a.logo:hover {
background: #fff url(../../ssorgsites/images/logo.png) no-repeat 0 -50px;
}
/* Breadcrumbs */
#breadcrumbs {
float: left;
}
#breadcrumbs p {
font-size: 11px; margin: 0; color: #798D85;
}
/* Search */
#search-bar {
border-top: 1px solid #E6EBE9;
border-bottom: 1px solid #E6EBE9;
margin-bottom: 32px;
padding: 7px 10px;
overflow: hidden;
}
#search {
float: right;
width: 252px;
position: relative;
}
#search label {
float: left;
font-size: 11px;
color: #999;
margin: 3px;
}
#search input.text {
float: right; width: 170px; height: 22px;
background: url(../../ssorgsites/images/search.png) top left no-repeat;
font-size: 11px;
color: #495C56;
outline: none;
padding-left: 10px;
border: none;
}
#search fieldset {
width: 230px;
float: left;
}
#search input.action {
position: absolute; top: 0; right: 0; width: 22px; height: 22px;
border: none;
text-indent: 99999px;
cursor: pointer;
background: url(../../ssorgsites/images/search.png) top right no-repeat;
}
/* Search Results */
#search-results {}
#search-results li {
list-style: none; border-bottom: 1px solid #ddd; padding: 0 0 17px 0; margin: 0 0 17px 0;
background: none;
}
/* Sidebar menu */
#sidebar-column .sidebar-box {
margin: 0 0 18px 0;
padding: 4.75%;
background: #f4f4f4;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#sidebar-column .sidebar-box ul { margin: 0; padding: 0;}
#sidebar-column .sidebar-box h4 { font-size: 14px; margin-bottom: 9px;}
#sidebar-column .sidebar-box li {
list-style: none;
padding: 0; margin: 0;
}
#sidebar-column .sidebar-box li a:hover,
#sidebar-column .sidebar-box li a:focus,
#sidebar-column .sidebar-box li a.current,
#sidebar-column .sidebar-box li a.section {
background: #0973A6;
color: #fff;
}
#sidebar-column .sidebar-box li .current {
font-weight: bold;
}
#sidebar-column a {
display: block; width: 86%; padding: 5px 10px 4px;
border-bottom: 1px solid #dfdfdf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#sidebar-column a:hover,
#sidebar-column a:focus {
text-decoration: none;
}
#sidebar-column .sidebar-box li.h1 { font-weight: bold;}
#sidebar-column .sidebar-box li.h2,
#sidebar-column .sidebar-box li.h3,
#sidebar-column .sidebar-box li.h4,
#sidebar-column .sidebar-box ul#toc ul { margin: 0 0 0 9px; }
#sidebar-column .sidebar-box ul ul { margin: 0 0 9px 18px; }
#sidebar-column .sidebar-box li li {
font-size: 11px;
border-bottom: none;
}
#sidebar-column .sidebar-box li li a,
#sidebar-column .sidebar-box ul#toc li a {
border: none;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
font-size: 11px;
padding: 2px 0;
}
#sidebar-column .sidebar-box li li a:hover,
#sidebar-column .sidebar-box li li a:focus,
#sidebar-column .sidebar-box ul#toc li a:hover,
#sidebar-column .sidebar-box ul#toc li a:focus {
background: none;
color: #667D76;
text-decoration: underline;
}
#sidebar-column .sidebar-box li li a.current,
#sidebar-column .sidebar-box li li a.section,
#sidebar-column .sidebar-box ul#toc li a.current,
#sidebar-column .sidebar-box ul#toc li a.section {
background: none;
color: #333;
}
#sidebar-column .sidebar-box li li li li { margin: 0 0 0 20px; }
#sidebar-column .sidebar-box label.left {
font-weight: bold;
}
#sidebar-column .sidebar-box form li {
list-style: none;
}
#sidebar-column .sidebar-box form li label {
cursor: pointer;
}
#sidebar-column .sidebar-box .field {
border-bottom: 1px solid #ddd;
padding-bottom: 8px;
margin-bottom: 9px;
}
#sidebar-column .sidebar-box input.text {
padding: 3px 3px 4px 3px;
}
/* Footer */
#footer { width: 960px; margin: 22px auto; }
#footer p { font-size: 11px; line-height: 18px; color: #798D85;}
#footer p a { color: #798D85; text-decoration: underline; }
#footer .cc-logo { float: right; }
/**
* Pagination Styles
*/
#page-numbers span,
#page-numbers a {
padding: 3px 5px;
}
#page-numbers span {
background-color: #ACD5CA;
}
#page-numbers a:hover {
color: #FFFFFF;
background-color: #005F99;
}
ul.pagination {
margin: 27px 0;
}
ul.pagination li {
display: inline;
background: none;
padding: 0 4px 0 0;
}
.pagination li strong, .pagination li a {
padding: 1px 4px;
}
.pagination li.active strong {
background-color: #c3dbd4;
}
.pagination li a:hover {
background-color: #0973A6;
color: #fff;
text-decoration: none;
}
/* Messages */
/**
* Example:
* <div class="info">
* <h5>This is a info message</h5>
* <p>Body text</p>
* <a href="#" class="close" title="Close notification">close</a>
* </div>
*/
#content .warningBox h5,
#content .hint h5,
#content .notice h5,
#content .warning h5,
#content .info h5 {
margin-bottom: 0px;
}
.hint a.close,
.notice a.close,
.warning a.close,
.info a.close {
background:url("../images/ico_close_off.png") no-repeat scroll left top transparent;
display:block;
font-size:0;
height:11px;
position:absolute;
right:3px;
text-indent:-9999px;
top:3px;
width:11px;
}
.hint,
.note {
border: 1px dotted #a5b5b0;
padding: 13px 10px 0px 60px;
clear: both;
margin: 9px 0 18px;
background: #f9fafa url(../images/lightbulb.png) no-repeat 21px 14px;
}
.typography .note h3,
.typography .hint h3 {
line-height: 27px;
}
.pageSkip {
background-color: #f9fafa;
border: 1px solid #a5b5b0;
padding: 8px 10px 8px 10px;
text-align: center;
margin: 9px 0 18px;
}
.notice {
border: 1px solid #D3C200;
padding: 13px 10px 0px 60px;
margin: 9px 0 18px;
position: relative;
background: #FFFAC6 url(../images/notification.png) no-repeat 18px 11px;
}
p.notice {
padding-bottom: 18px;
}
.warning {
border: 1px solid #f8c3cd;
padding: 13px 10px 0px 60px;
clear: both;
margin: 9px 0 18px;
position: relative;
background: #fdf1f3 url(../images/error_button.png) no-repeat 18px 11px;
}
.info {
border: 1px solid #6baad8;
padding: 13px 10px 0px 60px;
clear: both;
margin: 9px 0 18px;
position: relative;
background: #f7fcff url(../images/info_button.png) no-repeat 18px 11px;
}
/* Used on 404 page not found */
.warningBox { margin:9px 0 18px; }
#content .warningBox p {
margin: 0 0 9px 0;
}
.warningBoxTop {
background-color: #F9FAFA;
border: 1px solid #d3d9dc;
padding: 17px 9px 7px 66px;
background: #F9FAFA url(../../ssorgsites/images/warning.png) no-repeat 18px 20px;
}
#content .warningBoxTop h1 { font-size: 27px; margin-bottom: 0; letter-spacing: 0; }
#content .warningBoxTop ul { margin: 9px 0 18px; }
#content .warningBoxTop li { margin-bottom: 4px; }
#content .warningBoxBottom {
background-color: #0973A6;
padding: 12px 0 16px;
/* background: url(../../ssorgsites/images/warning.png) no-repeat scroll 22px 13px #0973A6; */
}
#content .warningBoxBottom a { color: #fff; }
#content .warningBoxBottom a:hover { color: #f3fbfe; }
#content .warningBoxBottom ul { margin: 0 0 0 40px; }
#content .warningBoxBottom li { background: none; margin-bottom: 0; }
/* Code styles - each site should have syntaxhighlighter installed for
code blocks */
.syntaxhighlighter { padding: 9px 0; }
/* documentation navigation */
.documentation-nav {
clear: both;
margin: 0 0 5px;
padding: 2px 0;
overflow: hidden; color: #999999;
font-size: 11px;
}
.documentation-nav h2 { font-size: 11px; font-weight: normal; float: left; margin-right: 5px;}
.documentation-nav ul { margin: 0; padding: 0; float: left;}
.documentation-nav li { display: inline; list-style: none; padding: 0; margin: 0; font-size: 11px; }
.documentation-nav li a { margin-left: 5px; padding: 0px; }
.documentation-nav li a.current {
background: #0973A6; color: #fff; font-weight: bold;
padding: 4px;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.documentation-nav li a.current:hover,
.documentation-nav li a.current:focus {
text-decoration: none;
}
/* Links to API */
#left-column a[href^="http://api."] {
padding: 2px;
font-family: Monaco, 'Bitstream Vera Sans Mono', Courier, monospace;
background: url(../../ssorgsites/images/external_link.png) no-repeat right 3px;
padding-right: 14px;
}
/* Comments */
#comments {
clear: both;
padding-top: 18px;
}
#comments .notice {
font-size: 12px;
}

12
themes/ssorgsites/css/form.css Executable file
View File

@ -0,0 +1,12 @@
/** ----------------------------------------------------------
*
* Contains the generic theme form styles
*
* Vertical alignment 9px.
*
* @author Michael Andrewartha <michael at silverstripe dot com>
* @author Will Rossiter <will at silverstripe dot com>
* ------------------------------------------------------- */
form fieldset {
border: 0;
}

30
themes/ssorgsites/css/grid.css Normal file
View File

@ -0,0 +1,30 @@
.grid_1 { width: 5.8333333333333%; }
.grid_2 { width: 14.166666666667%; }
.grid_3 { width: 22.5%; }
.grid_4 { width: 30.833333333333%; }
.grid_5 { width: 39.166666666667%; }
.grid_6 { width: 47.5%; }
.grid_7 { width: 55.833333333333%; }
.grid_8 { width: 64.166666666667%; }
.grid_9 { width: 72.5%; }
.grid_10 { width: 80.833333333333%; }
.grid_11 { width: 89.166666666667%; }
.grid_12 { width: 97.5%; }
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
margin-left: 1.25%;
margin-right: 1.25%;
float: left;
display: block;
}

18
themes/ssorgsites/css/print.css Normal file
View File

@ -0,0 +1,18 @@
/** ----------------------------------------------------------
*
* Print stylesheet for the ssorg sites. Handles common printing
* functionality and helper classes
*
* @author Michael Andrewartha <michael at silverstripe dot com>
* @author Will Rossiter <will at silverstripe dot com>
* ------------------------------------------------------- */
* { float: none; }
html { background: #fff; }
.ss-globaltoolbar { display: none; }
#sidebar,
#Sidebar,
.ssLogo,
#search-bar { display: none !important; }

1
themes/ssorgsites/css/ss.print.min.css vendored Normal file
View File

@ -0,0 +1 @@
*{float:none}html{background:#fff}.ss-globaltoolbar{display:none}#sidebar,#Sidebar,.ssLogo,#search-bar{display:none !important}

200
themes/ssorgsites/css/ss.screen.min.css vendored Normal file
View File

@ -0,0 +1,200 @@
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}html{background:#F8F9FA;font:12px/18px Arial,sans-serif;color:#333}img{border:none}a{color:#0973A6;text-decoration:none}a:hover,a:focus{text-decoration:underline;color:#667D76}a:visited{color:#14506c}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,
*:first-child+html
.clearfix{zoom:1}#container{margin:18px
auto;padding:17px
1.25%;background:#fff;overflow:hidden;border:1px
solid #dfdfdf;-webkit-box-shadow:0 0 20px #e8ebed;-moz-box-shadow:0 0 20px #e8ebed;box-shadow:0 0 20px #e8ebed;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:relative}.container{min-width:540px;max-width:960px;margin:auto}#content-column{width:72.5%;float:right;border-left:1px solid #efefef;padding-left:2.5%}#content-column.full-width,.full-width#content-column{width:100%;float:none;border:none}#sidebar-column{width:22.5%;float:left}#header{padding:0
0 7px 0;overflow:hidden}#header
h1{margin:0;line-height:49px;float:left}#header h1
a{text-decoration:none;font-size:22px;color:#0973A6;letter-spacing: -1px}#header h1
a.logo{background:#fff url(../../ssorgsites/images/logo.png) no-repeat bottom left;height:55px;width:162px;display:inline-block}#header h1 a.logo:hover{background:#fff url(../../ssorgsites/images/logo.png) no-repeat 0 -50px}#breadcrumbs{float:left}#breadcrumbs
p{font-size:11px;margin:0;color:#798D85}#search-bar{border-top:1px solid #E6EBE9;border-bottom:1px solid #E6EBE9;margin-bottom:32px;padding:7px
10px;overflow:hidden}#search{float:right;width:252px;position:relative}#search
label{float:left;font-size:11px;color:#999;margin:3px}#search
input.text{float:right;width:170px;height:22px;background:url(../../ssorgsites/images/search.png) top left no-repeat;font-size:11px;color:#495C56;outline:none;padding-left:10px;border:none}#search
fieldset{width:230px;float:left}#search
input.action{position:absolute;top:0;right:0;width:22px;height:22px;border:none;text-indent:99999px;cursor:pointer;background:url(../../ssorgsites/images/search.png) top right no-repeat}#search-results{}#search-results
li{list-style:none;border-bottom:1px solid #ddd;padding:0
0 17px 0;margin:0
0 17px 0;background:none}#sidebar-column .sidebar-box{margin:0
0 18px 0;padding:4.75%;background:#f4f4f4;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}#sidebar-column .sidebar-box
ul{margin:0;padding:0}#sidebar-column .sidebar-box
h4{font-size:14px;margin-bottom:9px}#sidebar-column .sidebar-box
li{list-style:none;padding:0;margin:0}#sidebar-column .sidebar-box li a:hover,
#sidebar-column .sidebar-box li a:focus,
#sidebar-column .sidebar-box li a.current,
#sidebar-column .sidebar-box li
a.section{background:#0973A6;color:#fff}#sidebar-column .sidebar-box li
.current{font-weight:bold}#sidebar-column
a{display:block;width:86%;padding:5px
10px 4px;border-bottom:1px solid #dfdfdf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#sidebar-column a:hover,
#sidebar-column a:focus{text-decoration:none}#sidebar-column .sidebar-box
li.h1{font-weight:bold}#sidebar-column .sidebar-box li.h2,
#sidebar-column .sidebar-box li.h3,
#sidebar-column .sidebar-box li.h4,
#sidebar-column .sidebar-box ul#toc
ul{margin:0
0 0 9px}#sidebar-column .sidebar-box ul
ul{margin:0
0 9px 18px}#sidebar-column .sidebar-box li
li{font-size:11px;border-bottom:none}#sidebar-column .sidebar-box li li a,
#sidebar-column .sidebar-box ul#toc li
a{border:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;font-size:11px;padding:2px
0}#sidebar-column .sidebar-box li li a:hover,
#sidebar-column .sidebar-box li li a:focus,
#sidebar-column .sidebar-box ul#toc li a:hover,
#sidebar-column .sidebar-box ul#toc li a:focus{background:none;color:#667D76;text-decoration:underline}#sidebar-column .sidebar-box li li a.current,
#sidebar-column .sidebar-box li li a.section,
#sidebar-column .sidebar-box ul#toc li a.current,
#sidebar-column .sidebar-box ul#toc li
a.section{background:none;color:#333}#sidebar-column .sidebar-box li li li
li{margin:0
0 0 20px}#sidebar-column .sidebar-box
label.left{font-weight:bold}#sidebar-column .sidebar-box form
li{list-style:none}#sidebar-column .sidebar-box form li
label{cursor:pointer}#sidebar-column .sidebar-box
.field{border-bottom:1px solid #ddd;padding-bottom:8px;margin-bottom:9px}#sidebar-column .sidebar-box
input.text{padding:3px
3px 4px 3px}#footer{width:960px;margin:22px
auto}#footer
p{font-size:11px;line-height:18px;color:#798D85}#footer p
a{color:#798D85;text-decoration:underline}#footer .cc-logo{float:right}#page-numbers span,
#page-numbers
a{padding:3px
5px}#page-numbers
span{background-color:#ACD5CA}#page-numbers a:hover{color:#FFF;background-color:#005F99}ul.pagination{margin:27px
0}ul.pagination
li{display:inline;background:none;padding:0
4px 0 0}.pagination li strong, .pagination li
a{padding:1px
4px}.pagination li.active
strong{background-color:#c3dbd4}.pagination li a:hover{background-color:#0973A6;color:#fff;text-decoration:none}#content .warningBox h5,
#content .hint h5,
#content .notice h5,
#content .warning h5,
#content .info
h5{margin-bottom:0px}.hint a.close,
.notice a.close,
.warning a.close,
.info
a.close{background:url("../images/ico_close_off.png") no-repeat scroll left top transparent;display:block;font-size:0;height:11px;position:absolute;right:3px;text-indent:-9999px;top:3px;width:11px}.hint,.note{border:1px
dotted #a5b5b0;padding:13px
10px 0px 60px;clear:both;margin:9px
0 18px;background:#f9fafa url(../images/lightbulb.png) no-repeat 21px 14px}.typography .note h3,
.typography .hint
h3{line-height:27px}.pageSkip{background-color:#f9fafa;border:1px
solid #a5b5b0;padding:8px
10px 8px 10px;text-align:center;margin:9px
0 18px}.notice{border:1px
solid #D3C200;padding:13px
10px 0px 60px;margin:9px
0 18px;position:relative;background:#FFFAC6 url(../images/notification.png) no-repeat 18px 11px}p.notice{padding-bottom:18px}.warning{border:1px
solid #f8c3cd;padding:13px
10px 0px 60px;clear:both;margin:9px
0 18px;position:relative;background:#fdf1f3 url(../images/error_button.png) no-repeat 18px 11px}.info{border:1px
solid #6baad8;padding:13px
10px 0px 60px;clear:both;margin:9px
0 18px;position:relative;background:#f7fcff url(../images/info_button.png) no-repeat 18px 11px}.warningBox{margin:9px
0 18px}#content .warningBox
p{margin:0
0 9px 0}.warningBoxTop{background-color:#F9FAFA;border:1px
solid #d3d9dc;padding:17px
9px 7px 66px;background:#F9FAFA url(../../ssorgsites/images/warning.png) no-repeat 18px 20px}#content .warningBoxTop
h1{font-size:27px;margin-bottom:0;letter-spacing:0}#content .warningBoxTop
ul{margin:9px
0 18px}#content .warningBoxTop
li{margin-bottom:4px}#content
.warningBoxBottom{background-color:#0973A6;padding:12px
0 16px}#content .warningBoxBottom
a{color:#fff}#content .warningBoxBottom a:hover{color:#f3fbfe}#content .warningBoxBottom
ul{margin:0
0 0 40px}#content .warningBoxBottom
li{background:none;margin-bottom:0}.syntaxhighlighter{padding:9px
0}.documentation-nav{clear:both;margin:0
0 5px;padding:2px
0;overflow:hidden;color:#999;font-size:11px}.documentation-nav
h2{font-size:11px;font-weight:normal;float:left;margin-right:5px}.documentation-nav
ul{margin:0;padding:0;float:left}.documentation-nav
li{display:inline;list-style:none;padding:0;margin:0;font-size:11px}.documentation-nav li
a{margin-left:5px;padding:0px}.documentation-nav li
a.current{background:#0973A6;color:#fff;font-weight:bold;padding:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.documentation-nav li a.current:hover,
.documentation-nav li a.current:focus{text-decoration:none}#left-column a[href^="http://api."]{padding:2px;font-family:Monaco,'Bitstream Vera Sans Mono',Courier,monospace;background:url(../../ssorgsites/images/external_link.png) no-repeat right 3px;padding-right:14px}#comments{clear:both;padding-top:18px}#comments
.notice{font-size:12px}.grid_1{width:5.8333333333333%}.grid_2{width:14.166666666667%}.grid_3{width:22.5%}.grid_4{width:30.833333333333%}.grid_5{width:39.166666666667%}.grid_6{width:47.5%}.grid_7{width:55.833333333333%}.grid_8{width:64.166666666667%}.grid_9{width:72.5%}.grid_10{width:80.833333333333%}.grid_11{width:89.166666666667%}.grid_12{width:97.5%}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{margin-left:1.25%;margin-right:1.25%;float:left;display:block}.typography
p{font-size:12px;line-height:18px;margin-bottom:18px;color:#222}.typography
h1{font-size:32px;line-height:36px;letter-spacing: -1px;margin-bottom:24px;color:#222}.typography
h2{font-size:24px;line-height:36px;margin-bottom:18px;color:#222}.typography
h3{font-size:18px;line-height:18px;margin-bottom:18px;color:#222}.typography
h4{font-size:16px;line-height:18px;margin-bottom:18px}.typography
h5{font-size:14px;line-height:18px;margin-bottom:18px}.typography
h6{font-size:12px;line-height:18px;margin-bottom:8px}h1 .heading-anchor-link,
h2 .heading-anchor-link,
h3 .heading-anchor-link,
h4 .heading-anchor-link,
h5 .heading-anchor-link,
h6 .heading-anchor-link{display:none;color:#fff;text-decoration:none}h1.hover .heading-anchor-link,
h2.hover .heading-anchor-link,
h3.hover .heading-anchor-link,
h4.hover .heading-anchor-link,
h5.hover .heading-anchor-link,
h6.hover .heading-anchor-link{display:inline}.heading-anchor-link:hover{color:#aaa}.typography
img{border:none;max-width:100%}.typography
img.right{float:right;margin:0
0 7px 7px}.typography
img.left{float:left;margin:0
7px 7px}.typography img.left-alone, .typography
img.leftAlone{margin:7px
0 7px 0}.typography
img.center{margin:0
auto 7px;display:block;text-align:center}.typography
blockquote{margin:27px
0;padding:18px
18px 0 38px;background:#f8f9fa url(../images/quote.gif) no-repeat 9px 18px;overflow:hidden}.typography blockquote h1,
.typography blockquote h2,
.typography blockquote h3,
.typography blockquote h4,
.typography blockquote h5,
.typography blockquote
h6{font-style:italic;color:#627871}.typography blockquote
h4{font-size:18px}.typography blockquote
p{font-style:italic;font-size:14px;color:#667D76}.typography
q{font-size:10px}.typography
code{font:12px/18px Monaco, 'Bitstream Vera Sans Mono', Courier, monospace;background:none repeat scroll 0 0 #FEFFF0}.typography code
a{color:#444}.typography
pre{margin-bottom:28px;overflow-x:auto;font-family:'Bitstream Vera Sans Mono',Monaco,'Courier New',monospace;background:#f4f4f4;padding:7px;font-size:11px}.typography pre
code{background:none}.typography ol,
.typography ul,
.typography
dl{margin:0
0 27px 18px}.typography ol ol,
.typography ul ul,
.typography dl
dl{margin:9px}.typography
li{font-size:12px;padding-left:6px;line-height:18px;margin-bottom:9px}.typography
table{border-collapse:collapse;width:100%;background-color:#F8f9fa;margin-bottom:17px;border:1px
solid #c3cdca}.typography table tr:nth-child(even){background:#e9efef}.typography table
caption{text-align:left;font-weight:bold;font-size:18px;line-height:21px}.typography table
thead{}.typography table thead
th{padding:9px
5px;font-size:12px;text-align:left}.typography table tbody
tr{border-top:1px solid #c3cdca}.typography table
td{font-size:12px;line-height:18px;padding:9px}.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
.typography
a.pdf{padding:2px;padding-left:20px;background:url(../images/icons/page_white_acrobat.png) no-repeat left center}.typography a[href$=".doc"],
.typography a[href$=".DOC"],
.typography
a.doc{padding:2px;padding-left:20px;background:url(../images/icons/page_word.png) no-repeat left center}.typography a[href$=".xls"],
.typography a[href$=".XLS"],
.typography
a.xls{padding:2px;padding-left:20px;background:url(../images/icons/page_excel.png) no-repeat left center}.typography a[href$=".gz"],
.typography a[href$=".GZ"],
.typography a[href$=".gzip"],
.typography a[href$=".GZIP"],
.typography a[href$=".zip"],
.typography a[href$=".ZIP"],
.typography
a.archive{padding:2px;padding-left:20px;background:url(../images/icons/page_white_zip.png) no-repeat left center}.typography a[href$=".exe"],
.typography a[href$=".EXE"],
.typography
a.application{padding:2px;padding-left:20px;background:url(../images/icons/application.png) no-repeat left center}form
fieldset{border:0}

174
themes/ssorgsites/css/typography.css Executable file
View File

@ -0,0 +1,174 @@
/** ----------------------------------------------------------
*
* Contains the generic theme typography styles
*
* Vertical alignment 7px.
* @author Will Rossiter <will at silverstripe dot com>
* ------------------------------------------------------- */
.typography p {
font-size: 12px; line-height: 18px; margin-bottom: 18px; color: #222;
}
.typography h1 {
font-size: 32px; line-height: 36px; letter-spacing: -1px;
margin-bottom: 24px;
color: #222;
}
.typography h2 {
font-size: 24px; line-height: 36px;
margin-bottom: 18px;
color: #222;
}
.typography h3 {
font-size: 18px; line-height: 18px;
margin-bottom: 18px; color: #222;
}
.typography h4 {
font-size: 16px; line-height: 18px;
margin-bottom: 18px;
}
.typography h5 {
font-size: 14px; line-height: 18px;
margin-bottom: 18px;
}
.typography h6 {
font-size: 12px; line-height: 18px;
margin-bottom: 8px;
}
h1 .heading-anchor-link,
h2 .heading-anchor-link,
h3 .heading-anchor-link,
h4 .heading-anchor-link,
h5 .heading-anchor-link,
h6 .heading-anchor-link {
display: none;
color: #fff;
text-decoration: none;
}
h1.hover .heading-anchor-link,
h2.hover .heading-anchor-link,
h3.hover .heading-anchor-link,
h4.hover .heading-anchor-link,
h5.hover .heading-anchor-link,
h6.hover .heading-anchor-link {
display: inline;
}
.heading-anchor-link:hover {
color: #aaa;
}
/* Images */
.typography img { border: none; max-width: 100%; }
.typography img.right { float: right; margin: 0 0 7px 7px; }
.typography img.left { float: left; margin: 0 7px 7px; }
.typography img.left-alone, .typography img.leftAlone { margin: 7px 0 7px 0; }
.typography img.center { margin: 0 auto 7px; display: block; text-align: center; }
/* Quotes */
.typography blockquote {
margin: 27px 0; padding: 18px 18px 0 38px;
background: #f8f9fa url(../images/quote.gif) no-repeat 9px 18px;
overflow: hidden;
}
.typography blockquote h1,
.typography blockquote h2,
.typography blockquote h3,
.typography blockquote h4,
.typography blockquote h5,
.typography blockquote h6 { font-style: italic; color: #627871; }
.typography blockquote h4 { font-size: 18px; }
.typography blockquote p { font-style: italic; font-size: 14px; color: #667D76; }
.typography q { font-size: 10px; }
/* Code */
.typography code {
font: 12px/18px Monaco, 'Bitstream Vera Sans Mono', Courier, monospace; background: none repeat scroll 0 0 #FEFFF0;
}
.typography code a { color: #444; }
.typography pre {
margin-bottom: 28px;
overflow-x: auto;
font-family:'Bitstream Vera Sans Mono',Monaco, 'Courier New', monospace;
background: #f4f4f4;
padding: 7px;
font-size: 11px;
}
.typography pre code { background: none; }
/* Lists */
.typography ol,
.typography ul,
.typography dl { margin: 0 0 27px 18px; }
.typography ol ol,
.typography ul ul,
.typography dl dl { margin: 9px; }
.typography li {
font-size: 12px; padding-left: 6px; line-height: 18px; margin-bottom: 9px;
}
/* Tables */
.typography table {
border-collapse: collapse;
width: 100%;
background-color: #F8f9fa; margin-bottom: 17px;
border: 1px solid #c3cdca;
}
.typography table tr:nth-child(even) {
background: #e9efef;
}
.typography table caption {
text-align: left; font-weight: bold; font-size: 18px; line-height: 21px;
}
.typography table thead { }
.typography table thead th {
padding: 9px 5px;
font-size: 12px;
text-align: left;
}
.typography table tbody tr {
border-top: 1px solid #c3cdca;
}
.typography table td {
font-size: 12px; line-height: 18px; padding: 9px;
}
/* Icons */
.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
.typography a.pdf {
padding: 2px; padding-left: 20px; background: url(../images/icons/page_white_acrobat.png) no-repeat left center; }
.typography a[href$=".doc"],
.typography a[href$=".DOC"],
.typography a.doc {
padding: 2px; padding-left: 20px; background: url(../images/icons/page_word.png) no-repeat left center; }
.typography a[href$=".xls"],
.typography a[href$=".XLS"],
.typography a.xls {
padding: 2px; padding-left: 20px; background: url(../images/icons/page_excel.png) no-repeat left center; }
.typography a[href$=".gz"],
.typography a[href$=".GZ"],
.typography a[href$=".gzip"],
.typography a[href$=".GZIP"],
.typography a[href$=".zip"],
.typography a[href$=".ZIP"],
.typography a.archive {
padding: 2px; padding-left: 20px; background: url(../images/icons/page_white_zip.png) no-repeat left center; }
.typography a[href$=".exe"],
.typography a[href$=".EXE"],
.typography a.application {
padding: 2px; padding-left: 20px; background: url(../images/icons/application.png) no-repeat left center; }

BIN
themes/ssorgsites/images/bullet.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 81 B

BIN
themes/ssorgsites/images/error_button.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
themes/ssorgsites/images/external_link.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 144 B

BIN
themes/ssorgsites/images/ico_close_off.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 239 B

BIN
themes/ssorgsites/images/icons/application.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 464 B

BIN
themes/ssorgsites/images/icons/page_excel.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 817 B

BIN
themes/ssorgsites/images/icons/page_white_acrobat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 591 B

BIN
themes/ssorgsites/images/icons/page_white_zip.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 386 B

BIN
themes/ssorgsites/images/icons/page_word.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 777 B

BIN
themes/ssorgsites/images/info_button.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
themes/ssorgsites/images/lightbulb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
themes/ssorgsites/images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
themes/ssorgsites/images/note.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
themes/ssorgsites/images/notification.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
themes/ssorgsites/images/quote.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 255 B

BIN
themes/ssorgsites/images/search.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1014 B

BIN
themes/ssorgsites/images/toolbar/bar-bg.gif Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 446 B

BIN
themes/ssorgsites/images/toolbar/bar-logo.gif Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
themes/ssorgsites/images/toolbar/logo.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
themes/ssorgsites/images/toolbar/menu-lft.gif Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 603 B

BIN
themes/ssorgsites/images/toolbar/menu-rht.gif Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1020 B

BIN
themes/ssorgsites/images/toolbar/search-lft.gif Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 727 B

BIN
themes/ssorgsites/images/toolbar/search-rht.gif Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 472 B

BIN
themes/ssorgsites/images/warning.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB