diff --git a/themes/ssorgsites/README.md b/themes/ssorgsites/README.md new file mode 100644 index 0000000..abd9998 --- /dev/null +++ b/themes/ssorgsites/README.md @@ -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. diff --git a/themes/ssorgsites/css/core.css b/themes/ssorgsites/css/core.css new file mode 100755 index 0000000..f9b83c0 --- /dev/null +++ b/themes/ssorgsites/css/core.css @@ -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 + * + * 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: + *
+ *
This is a info message
+ *

Body text

+ * close + *
+ */ +#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; + } diff --git a/themes/ssorgsites/css/form.css b/themes/ssorgsites/css/form.css new file mode 100755 index 0000000..f5f6927 --- /dev/null +++ b/themes/ssorgsites/css/form.css @@ -0,0 +1,12 @@ +/** ---------------------------------------------------------- + * + * Contains the generic theme form styles + * + * Vertical alignment 9px. + * + * @author Michael Andrewartha + * @author Will Rossiter + * ------------------------------------------------------- */ +form fieldset { + border: 0; +} \ No newline at end of file diff --git a/themes/ssorgsites/css/grid.css b/themes/ssorgsites/css/grid.css new file mode 100644 index 0000000..7830f75 --- /dev/null +++ b/themes/ssorgsites/css/grid.css @@ -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; +} \ No newline at end of file diff --git a/themes/ssorgsites/css/print.css b/themes/ssorgsites/css/print.css new file mode 100644 index 0000000..9b1ea0e --- /dev/null +++ b/themes/ssorgsites/css/print.css @@ -0,0 +1,18 @@ +/** ---------------------------------------------------------- + * + * Print stylesheet for the ssorg sites. Handles common printing + * functionality and helper classes + * + * @author Michael Andrewartha + * @author Will Rossiter + * ------------------------------------------------------- */ + +* { float: none; } +html { background: #fff; } + +.ss-globaltoolbar { display: none; } + +#sidebar, +#Sidebar, +.ssLogo, +#search-bar { display: none !important; } diff --git a/themes/ssorgsites/css/ss.print.min.css b/themes/ssorgsites/css/ss.print.min.css new file mode 100644 index 0000000..1726624 --- /dev/null +++ b/themes/ssorgsites/css/ss.print.min.css @@ -0,0 +1 @@ +*{float:none}html{background:#fff}.ss-globaltoolbar{display:none}#sidebar,#Sidebar,.ssLogo,#search-bar{display:none !important} \ No newline at end of file diff --git a/themes/ssorgsites/css/ss.screen.min.css b/themes/ssorgsites/css/ss.screen.min.css new file mode 100644 index 0000000..28f79cd --- /dev/null +++ b/themes/ssorgsites/css/ss.screen.min.css @@ -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} \ No newline at end of file diff --git a/themes/ssorgsites/css/typography.css b/themes/ssorgsites/css/typography.css new file mode 100755 index 0000000..17cb540 --- /dev/null +++ b/themes/ssorgsites/css/typography.css @@ -0,0 +1,174 @@ +/** ---------------------------------------------------------- + * + * Contains the generic theme typography styles + * + * Vertical alignment 7px. + + * @author Will Rossiter + * ------------------------------------------------------- */ + +.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; } + \ No newline at end of file diff --git a/themes/ssorgsites/images/bullet.gif b/themes/ssorgsites/images/bullet.gif new file mode 100644 index 0000000..9b4e8a7 Binary files /dev/null and b/themes/ssorgsites/images/bullet.gif differ diff --git a/themes/ssorgsites/images/error_button.png b/themes/ssorgsites/images/error_button.png new file mode 100644 index 0000000..bc19e7a Binary files /dev/null and b/themes/ssorgsites/images/error_button.png differ diff --git a/themes/ssorgsites/images/external_link.png b/themes/ssorgsites/images/external_link.png new file mode 100644 index 0000000..16f9b92 Binary files /dev/null and b/themes/ssorgsites/images/external_link.png differ diff --git a/themes/ssorgsites/images/ico_close_off.png b/themes/ssorgsites/images/ico_close_off.png new file mode 100644 index 0000000..92f9b19 Binary files /dev/null and b/themes/ssorgsites/images/ico_close_off.png differ diff --git a/themes/ssorgsites/images/icons/application.png b/themes/ssorgsites/images/icons/application.png new file mode 100644 index 0000000..1dee9e3 Binary files /dev/null and b/themes/ssorgsites/images/icons/application.png differ diff --git a/themes/ssorgsites/images/icons/page_excel.png b/themes/ssorgsites/images/icons/page_excel.png new file mode 100644 index 0000000..eb6158e Binary files /dev/null and b/themes/ssorgsites/images/icons/page_excel.png differ diff --git a/themes/ssorgsites/images/icons/page_white_acrobat.png b/themes/ssorgsites/images/icons/page_white_acrobat.png new file mode 100644 index 0000000..8f8095e Binary files /dev/null and b/themes/ssorgsites/images/icons/page_white_acrobat.png differ diff --git a/themes/ssorgsites/images/icons/page_white_zip.png b/themes/ssorgsites/images/icons/page_white_zip.png new file mode 100644 index 0000000..fd4bbcc Binary files /dev/null and b/themes/ssorgsites/images/icons/page_white_zip.png differ diff --git a/themes/ssorgsites/images/icons/page_word.png b/themes/ssorgsites/images/icons/page_word.png new file mode 100644 index 0000000..834cdfa Binary files /dev/null and b/themes/ssorgsites/images/icons/page_word.png differ diff --git a/themes/ssorgsites/images/info_button.png b/themes/ssorgsites/images/info_button.png new file mode 100644 index 0000000..a1cc97a Binary files /dev/null and b/themes/ssorgsites/images/info_button.png differ diff --git a/themes/ssorgsites/images/lightbulb.png b/themes/ssorgsites/images/lightbulb.png new file mode 100644 index 0000000..fcbbdff Binary files /dev/null and b/themes/ssorgsites/images/lightbulb.png differ diff --git a/themes/ssorgsites/images/logo.png b/themes/ssorgsites/images/logo.png new file mode 100644 index 0000000..ab12361 Binary files /dev/null and b/themes/ssorgsites/images/logo.png differ diff --git a/themes/ssorgsites/images/note.gif b/themes/ssorgsites/images/note.gif new file mode 100644 index 0000000..40a9b18 Binary files /dev/null and b/themes/ssorgsites/images/note.gif differ diff --git a/themes/ssorgsites/images/notification.png b/themes/ssorgsites/images/notification.png new file mode 100644 index 0000000..c29f7c6 Binary files /dev/null and b/themes/ssorgsites/images/notification.png differ diff --git a/themes/ssorgsites/images/quote.gif b/themes/ssorgsites/images/quote.gif new file mode 100644 index 0000000..f41410c Binary files /dev/null and b/themes/ssorgsites/images/quote.gif differ diff --git a/themes/ssorgsites/images/search.png b/themes/ssorgsites/images/search.png new file mode 100644 index 0000000..79a32ad Binary files /dev/null and b/themes/ssorgsites/images/search.png differ diff --git a/themes/ssorgsites/images/toolbar/bar-bg.gif b/themes/ssorgsites/images/toolbar/bar-bg.gif new file mode 100755 index 0000000..6e419ad Binary files /dev/null and b/themes/ssorgsites/images/toolbar/bar-bg.gif differ diff --git a/themes/ssorgsites/images/toolbar/bar-logo.gif b/themes/ssorgsites/images/toolbar/bar-logo.gif new file mode 100755 index 0000000..2061bb4 Binary files /dev/null and b/themes/ssorgsites/images/toolbar/bar-logo.gif differ diff --git a/themes/ssorgsites/images/toolbar/logo.jpg b/themes/ssorgsites/images/toolbar/logo.jpg new file mode 100755 index 0000000..15259e2 Binary files /dev/null and b/themes/ssorgsites/images/toolbar/logo.jpg differ diff --git a/themes/ssorgsites/images/toolbar/menu-lft.gif b/themes/ssorgsites/images/toolbar/menu-lft.gif new file mode 100755 index 0000000..d1be4df Binary files /dev/null and b/themes/ssorgsites/images/toolbar/menu-lft.gif differ diff --git a/themes/ssorgsites/images/toolbar/menu-rht.gif b/themes/ssorgsites/images/toolbar/menu-rht.gif new file mode 100755 index 0000000..be9b419 Binary files /dev/null and b/themes/ssorgsites/images/toolbar/menu-rht.gif differ diff --git a/themes/ssorgsites/images/toolbar/search-lft.gif b/themes/ssorgsites/images/toolbar/search-lft.gif new file mode 100755 index 0000000..f82b070 Binary files /dev/null and b/themes/ssorgsites/images/toolbar/search-lft.gif differ diff --git a/themes/ssorgsites/images/toolbar/search-rht.gif b/themes/ssorgsites/images/toolbar/search-rht.gif new file mode 100755 index 0000000..611cde4 Binary files /dev/null and b/themes/ssorgsites/images/toolbar/search-rht.gif differ diff --git a/themes/ssorgsites/images/warning.png b/themes/ssorgsites/images/warning.png new file mode 100644 index 0000000..6cd9fe7 Binary files /dev/null and b/themes/ssorgsites/images/warning.png differ