MINOR Reverted accidental commits in r71146, r71147, r71148, r71149, r71150, r71151 - thought I was committing to another repository... (from r71152)
git-svn-id: svn://svn.silverstripe.com/silverstripe/open/phpinstaller/trunk@92250 467b73ca-7a2a-4603-9d3b-597d59a354a9
@ -1,30 +0,0 @@
|
||||
<?php
|
||||
|
||||
global $project;
|
||||
$project = 'mysite';
|
||||
|
||||
global $databaseConfig;
|
||||
$databaseConfig = array(
|
||||
"type" => "MySQLDatabase",
|
||||
"server" => "localhost",
|
||||
"username" => "root",
|
||||
"password" => "",
|
||||
"database" => "SS_mysite",
|
||||
);
|
||||
|
||||
// Sites running on the following servers will be
|
||||
// run in development mode. See
|
||||
// http://doc.silverstripe.com/doku.php?id=devmode
|
||||
// for a description of what dev mode does.
|
||||
Director::set_dev_servers(array(
|
||||
'localhost',
|
||||
'127.0.0.1',
|
||||
));
|
||||
|
||||
// This line set's the current theme. More themes can be
|
||||
// downloaded from http://www.silverstripe.com/themes/
|
||||
SSViewer::set_theme('mysite');
|
||||
|
||||
Security::setDefaultAdmin('admin', 'password');
|
||||
|
||||
?>
|
@ -1,120 +0,0 @@
|
||||
/**
|
||||
* SilverStripe Black Candy Theme
|
||||
* http://www.silverstripe.com
|
||||
*
|
||||
* Form Styling
|
||||
*/
|
||||
|
||||
|
||||
/* FIELDSETS
|
||||
---------------------------------------- */
|
||||
fieldset {
|
||||
border: 0;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
/* ACTION BUTTONS
|
||||
---------------------------------------- */
|
||||
input.action {
|
||||
padding: 2px;
|
||||
font-size: 1em;
|
||||
font-family: Verdana, Tahoma, Sans-serif;
|
||||
}
|
||||
input.action:hover,
|
||||
input.action:focus {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* FIELD FORMATING
|
||||
---------------------------------------- */
|
||||
form ul {
|
||||
list-style: none;
|
||||
}
|
||||
.middleColumn {
|
||||
display: block;
|
||||
margin: 15px 10px 10px 0;
|
||||
background: #E9E9E9;
|
||||
padding: 4px;
|
||||
width: 306px;
|
||||
clear: left;
|
||||
}
|
||||
#Sidebar .middleColumn {
|
||||
margin: 0 0 0 8px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
div.tab .field .middleColumn {
|
||||
clear: none !important;
|
||||
margin: 0 !important;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.middleColumn .middleColumn {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.middleColumn .message {
|
||||
margin: 0;
|
||||
}
|
||||
/* INPUT BOXS
|
||||
---------------------------------------- */
|
||||
|
||||
input.text, textarea, select {
|
||||
padding: 2px;
|
||||
border: 1px solid #A7A7A7;
|
||||
color: #000;
|
||||
font-size: 1.1em;
|
||||
font-weight: bold;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
font-family: Verdana, Tahoma, sans-serif;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
input:focus span, textarea:focus span {
|
||||
border: 3px solid #000;
|
||||
}
|
||||
|
||||
/* SELECT DROPDOWN
|
||||
---------------------------------------- */
|
||||
|
||||
select {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* LABELS
|
||||
---------------------------------------- */
|
||||
.typography label {
|
||||
display: block;
|
||||
margin: 10px 0 -10px 0;
|
||||
color: #777;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.typography .optionset label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
label.right {
|
||||
display:inline;
|
||||
}
|
||||
/* SEARCH BOX
|
||||
---------------------------------------- */
|
||||
#Search {
|
||||
width: 105px;
|
||||
}
|
||||
input#Search_Form_SearchForm_Search {
|
||||
width: 110px;
|
||||
padding: 3px;
|
||||
margin-left: -4px;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
#Sidebar input.action {
|
||||
font-size: 1.2em;
|
||||
float: right;
|
||||
padding: 1px;
|
||||
margin: -22px 10px 0 0;
|
||||
}
|
@ -1,66 +0,0 @@
|
||||
/**
|
||||
SilverStripe Black Candy Theme
|
||||
http://www.silverstripe.com
|
||||
|
||||
IE6 Hacks Stylesheet.
|
||||
*/
|
||||
#Sidebar ul#Menu2 li a {
|
||||
width: 185px; /* 196 - 4 - 2 - some random ie bug = 185 */
|
||||
}
|
||||
#Sidebar ul#Menu2 li li a {
|
||||
width: 183px;
|
||||
}
|
||||
#Sidebar ul#Menu2 li a:hover,
|
||||
#Sidebar ul#Menu2 li a.current,
|
||||
#Sidebar ul#Menu2 li a.current:hover {
|
||||
background-image: none;
|
||||
background: #DCDCDC;
|
||||
}
|
||||
#Sidebar ul#Menu2 li li a.levelb:hover {
|
||||
background: #BCBCBC;
|
||||
}
|
||||
#Sidebar ul#Menu2 li li a.current {
|
||||
background: #BCBCBC;
|
||||
}
|
||||
/* Again IE does not like Margins and padding around my nice forms **/
|
||||
label {
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hack to get the member login form (with tabs) looking good in IE6.
|
||||
* Otherwise, it looks really bad.
|
||||
*/
|
||||
div.tab .field {
|
||||
clear: none !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
div.tab .field label {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
input.action {
|
||||
padding: 2px !important;
|
||||
}
|
||||
#Sidebar input.action {
|
||||
width: 50px;
|
||||
margin-top: -27px;
|
||||
}
|
||||
#Sidebar .middleColumn {
|
||||
width: 112px;
|
||||
}
|
||||
span.middleColumn {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* SEARCH FORM
|
||||
-----------------------------------------------*/
|
||||
html body #SearchForm_SearchForm {
|
||||
width: 240px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
html body #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
|
||||
float: right;
|
||||
margin-top: -25px;
|
||||
}
|
@ -1,36 +0,0 @@
|
||||
/**
|
||||
SilverStripe Black Candy Theme
|
||||
http://www.silverstripe.com
|
||||
|
||||
IE7 Hacks Stylesheet.
|
||||
*/
|
||||
|
||||
|
||||
label {
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
/** The fonts are soo ugly. **/
|
||||
#Sidebar li li {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
#Sidebar li li li a {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
#Sidebar ul#Menu2 li a.levelb {
|
||||
width: 180px;
|
||||
}
|
||||
#Sidebar ul#Menu2 li a.levelb:hover {
|
||||
width: 188px;
|
||||
}
|
||||
|
||||
/* SEARCH FORM
|
||||
-----------------------------------------------*/
|
||||
html body #SearchForm_SearchForm {
|
||||
width: 240px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
html body #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
|
||||
float: right;
|
||||
margin-top: -25px;
|
||||
}
|
@ -1,527 +0,0 @@
|
||||
/**
|
||||
* SilverStripe Black Candy Theme
|
||||
* http://www.silverstripe.com
|
||||
*
|
||||
* Main Layout File
|
||||
*/
|
||||
|
||||
/* Misc Styles and defaults
|
||||
-------------------------------------------- */
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #333;
|
||||
font-size: 62.5%;
|
||||
margin-bottom: 40px;
|
||||
font-family: Verdana, Lucida, sans-serif;
|
||||
}
|
||||
|
||||
html {
|
||||
background: #626467 url(../images/bg.gif) repeat;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
caption, th, td {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.clear{
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/* CONTAINER
|
||||
----------------------------------------- */
|
||||
#BgContainer {
|
||||
width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#Container {
|
||||
width: 800px;
|
||||
padding-bottom: 15px;
|
||||
background: #fff url(../images/containerbg.gif) repeat-y;
|
||||
}
|
||||
#Layout {
|
||||
width: 760px;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
margin: 15px auto;
|
||||
}
|
||||
#Content {
|
||||
width: 538px;
|
||||
float: right;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
/* HEADER
|
||||
----------------------------------------- */
|
||||
#Header {
|
||||
width: 768px;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
background: #58ade1 url(../images/header.gif) repeat-x left center;
|
||||
}
|
||||
#Header h1 {
|
||||
color: #fff;
|
||||
font-size: 3.2em;
|
||||
font-family: Tahoma, Verdana, sans-serif;
|
||||
font-weight: 300;
|
||||
padding: 20px 0 0 30px;
|
||||
}
|
||||
#Header p {
|
||||
font-size: 1.4em;
|
||||
color: #fff;
|
||||
clear: left;
|
||||
margin: 0 0 0 100px;
|
||||
}
|
||||
|
||||
/* MAIN NAVIGATION - TABS
|
||||
----------------------------------------- */
|
||||
#Navigation {
|
||||
width: 768px;
|
||||
margin: 0 auto;
|
||||
padding-top: 5px;
|
||||
overflow: hidden;
|
||||
background: #4ea3d7 url(../images/headerRounded.gif) no-repeat center bottom;
|
||||
}
|
||||
#Navigation ul {
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
}
|
||||
#Navigation ul li {
|
||||
list-style: none;
|
||||
margin: 0 2px;
|
||||
float: left;
|
||||
line-height: 2.8em;
|
||||
display: block;
|
||||
}
|
||||
#Navigation ul li a {
|
||||
float: left;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
height: 2.3em;
|
||||
font-size: 1.2em;
|
||||
padding: 0 0 0 10px;
|
||||
color: #fff;
|
||||
}
|
||||
#Navigation ul li a span {
|
||||
text-align: center;
|
||||
float: left;
|
||||
padding-right: 10px;
|
||||
height: 2.3em;
|
||||
}
|
||||
#Navigation ul li a:hover {
|
||||
background: #93C7E7 url(../images/hoverTabLeft.gif) no-repeat left top;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
#Navigation ul li a:hover span {
|
||||
background: #93C7E7 url(../images/hoverTabRight.gif) no-repeat right top;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#Navigation ul li a.current,
|
||||
#Navigation ul li a.section,
|
||||
#Navigation ul li a.section:hover,
|
||||
#Navigation ul li a.current:hover {
|
||||
background: #fff url(../images/activeTabLeft.png) no-repeat left top;
|
||||
color: #444;
|
||||
}
|
||||
#Navigation ul li a.current span,
|
||||
#Navigation ul li a.section span,
|
||||
#Navigation ul li a.section:hover span,
|
||||
#Navigation ul li a.current:hover span {
|
||||
background: #fff url(../images/activeTabRight.png) no-repeat right top;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
/* BREADCRUMBS
|
||||
-------------------------------------------- */
|
||||
#Breadcrumbs {
|
||||
color: #B7C0C5;
|
||||
text-align: left;
|
||||
font-size: 0.9em;
|
||||
margin: 0px 5px 10px 0;
|
||||
}
|
||||
#Breadcrumbs p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/* SIDEBAR
|
||||
-------------------------------------- */
|
||||
#Sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
margin: 10px 0 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
#Sidebar .sidebarBox {
|
||||
margin: 0 0 5px 0;
|
||||
padding-bottom: 2px;
|
||||
background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top;
|
||||
}
|
||||
#Sidebar ul {
|
||||
margin: 2px 0 5px 3px;
|
||||
}
|
||||
#Sidebar li {
|
||||
margin: 8px 2px;
|
||||
list-style: none;
|
||||
}
|
||||
#Sidebar h3 {
|
||||
clear: both;
|
||||
text-transform: lowercase;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
font-size: 1.4em;
|
||||
margin: 0 0 10px 0;
|
||||
line-height: 1.8;
|
||||
padding: 1px 0 0 10px;
|
||||
background: transparent url(../images/sidebarHeaderSub.gif) repeat-x center left;
|
||||
}
|
||||
|
||||
#Sidebar .sidebarBottom {
|
||||
height: 15px;
|
||||
display: block;
|
||||
width: 200px;
|
||||
margin: -5px 0 0 0;
|
||||
background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom;
|
||||
}
|
||||
#Sidebar a em {
|
||||
font-style: normal;
|
||||
}
|
||||
#Sidebar p {
|
||||
font-size: 11px;
|
||||
clear: both;
|
||||
margin: 10px 10px 0 10px;
|
||||
}
|
||||
|
||||
/* MENU2 */
|
||||
ul#Menu2 li {
|
||||
font-size: 0.9em;
|
||||
margin: 1px 0 5px 4px;
|
||||
list-style: none;
|
||||
}
|
||||
ul#Menu2 li a {
|
||||
display: block;
|
||||
width: 196px;
|
||||
font-size: 1.2em;
|
||||
height: 1.8em;
|
||||
line-height: 1.8em;
|
||||
color: #898989;
|
||||
}
|
||||
ul#Menu2 li em {
|
||||
padding-left: 8px;
|
||||
display: block;
|
||||
}
|
||||
ul#Menu2 li li em {
|
||||
padding-left: 0;
|
||||
}
|
||||
/* Level 1
|
||||
- We use 3 elements for the nav to get 3 background images applied.
|
||||
* span - topleft rounded corner
|
||||
* em - bottomleft rounded corner
|
||||
* a - arrow on the right
|
||||
<a><span><em></em></span></a>
|
||||
*/
|
||||
ul#Menu2 li a:hover,
|
||||
ul#Menu2 li a.current,
|
||||
ul#Menu2 li a.current:hover {
|
||||
background: #DCDCDC url(../images/sidebarSideArrow.gif) no-repeat right center;
|
||||
color: #666;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
ul#Menu2 li a.current {
|
||||
font-weight: 700;
|
||||
}
|
||||
ul#Menu2 li a.section,
|
||||
ul#Menu2 li a.section:hover {
|
||||
background: #DCDCDC;
|
||||
font-weight: 700;
|
||||
width: 193px;
|
||||
}
|
||||
ul#Menu2 li a.levela:hover span,
|
||||
ul#Menu2 li a.current span,
|
||||
ul#Menu2 li a.section span,
|
||||
ul#Menu2 li a.section:hover span,
|
||||
ul#Menu2 li a.current:hover span {
|
||||
background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
ul#Menu2 li a.levela:hover em,
|
||||
ul#Menu2 li a.current em,
|
||||
ul#Menu2 li a.section em,
|
||||
ul#Menu2 li a.section:hover em,
|
||||
ul#Menu2 li a.current:hover em {
|
||||
background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
ul#Menu2 li ul {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
margin: -4px 0 0 0;
|
||||
width: 193px;
|
||||
padding: 4px 0 10px 0;
|
||||
background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left;
|
||||
}
|
||||
ul#Menu2 li ul li {
|
||||
width: 160px;
|
||||
background: #DCDCDC;
|
||||
padding: 0;
|
||||
font-size: 0.8em;
|
||||
display: inline;
|
||||
margin: 0;
|
||||
}
|
||||
ul#Menu2 li ul li ul {
|
||||
background: #DCDCDC;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
ul#Menu2 li li a.current,
|
||||
ul#Menu2 li li a.section,
|
||||
ul#Menu2 li li a.section:hover,
|
||||
ul#Menu2 li li a.current:hover {
|
||||
color: #555;
|
||||
font-weight: 700;
|
||||
background: #DCDCDC;
|
||||
}
|
||||
ul#Menu2 li li ul {
|
||||
margin: 0 0 0 10px;
|
||||
padding: 0;
|
||||
width: 175px;
|
||||
}
|
||||
ul#Menu2 li li ul .roundWhite {
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
/* Sub Menu */
|
||||
ul#Menu2 li a.levelb {
|
||||
font-size: 1.7em;
|
||||
text-indent: 8px;
|
||||
width: 188px;
|
||||
background: transparent;
|
||||
margin-left: 10px;
|
||||
}
|
||||
ul#Menu2 li a.levelb:hover,
|
||||
ul#Menu2 li li a.current,
|
||||
ul#Menu2 li li a.current:hover,
|
||||
ul#Menu2 li li a.section,
|
||||
ul#Menu2 li li a.section:hover {
|
||||
background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
color: #fff;
|
||||
}
|
||||
ul#Menu2 li a.levelb:hover span,
|
||||
ul#Menu2 li li a.current span,
|
||||
ul#Menu2 li li a.current:hover span,
|
||||
ul#Menu2 li li a.section span,
|
||||
ul#Menu2 li li a.section:hover span {
|
||||
background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
ul#Menu2 li a.levelb:hover em,
|
||||
ul#Menu2 li li a.current em,
|
||||
ul#Menu2 li li a.current:hover em,
|
||||
ul#Menu2 li li a.section em,
|
||||
ul#Menu2 li li a.section:hover em {
|
||||
background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* COMMENTS
|
||||
---------------------------------------- */
|
||||
#CommentHolder ul {
|
||||
list-style: none;
|
||||
margin: 20px 0;
|
||||
}
|
||||
#PageComments li {
|
||||
margin: 5px 0;
|
||||
padding: 1px;
|
||||
width: 88%;
|
||||
}
|
||||
#PageComments li.odd {
|
||||
background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
|
||||
padding-left: 40px;
|
||||
padding-right: 10px;
|
||||
border-bottom: 2px solid #BCE4FE;
|
||||
}
|
||||
#PageComments li.even {
|
||||
background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
|
||||
padding-right: 40px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
#PageComments li.odd p.info {
|
||||
color: #3AA0C3;
|
||||
}
|
||||
|
||||
.actionLinks li {
|
||||
display: inline;
|
||||
border-right: 1px solid;
|
||||
}
|
||||
.actionLinks li a {
|
||||
padding-right: 3px;
|
||||
font-size: 10px;
|
||||
}
|
||||
.actionLinks li.last {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.commentrss {
|
||||
background: transparent url(../images/feed-icon-14x14.png) no-repeat;
|
||||
padding-left: 20px;
|
||||
font-size: 1.1em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
#PageCommentsPagination p {
|
||||
text-align: center;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
#PageComments p {
|
||||
font-size: 1em;
|
||||
}
|
||||
#PageComments p.info {
|
||||
color: #999;
|
||||
margin: 0px;
|
||||
padding: 0;
|
||||
line-height: 1em;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
/* SEARCH RESULTS STYLES
|
||||
------------------------------------------------ */
|
||||
ul#SearchResults {
|
||||
margin: 10px 0;
|
||||
}
|
||||
ul#SearchResults li {
|
||||
list-style: none;
|
||||
margin: 5px 0;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/* SEARCH FORM
|
||||
-----------------------------------------------*/
|
||||
html #SearchForm_SearchForm {
|
||||
float: right;
|
||||
width: 240px;
|
||||
margin: 5px;
|
||||
}
|
||||
html #SearchForm_SearchForm .middleColumn {
|
||||
float: left;
|
||||
width: 164px;
|
||||
margin: 0 5px 0 0;
|
||||
padding: 2px;
|
||||
background-color: #51a9df;
|
||||
|
||||
}
|
||||
html #SearchForm_SearchForm .middleColumn input.text {
|
||||
width: 160px;
|
||||
border: none;
|
||||
color: #666;
|
||||
}
|
||||
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
|
||||
float: left;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
/* MESSAGEBOXS
|
||||
--------------------------------------------- */
|
||||
.message {
|
||||
margin: 15px;
|
||||
padding: 5px;
|
||||
width: 92%;
|
||||
color: #979908;
|
||||
border: 4px solid #F7F8B4;
|
||||
background: #FFFFEA;
|
||||
}
|
||||
span.middleColumn .message {
|
||||
margin: 4px 0 0 3px;
|
||||
}
|
||||
.required {
|
||||
margin: 4px 0 0 3px;
|
||||
padding: 5px;
|
||||
width: 92%;
|
||||
color: #DC1313;
|
||||
border: 4px solid #FF7373;
|
||||
background: #FED0D0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
p#Remember label {
|
||||
margin: -24px 0 0 20px;
|
||||
text-align: left;
|
||||
}
|
||||
.entry {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.typography #Content p.authorDate {
|
||||
color: #444;
|
||||
margin-top: -15px;
|
||||
}
|
||||
/* UNSUBSCRIBE NEWSLETTER
|
||||
------------------------------------------------ */
|
||||
#Unsubscribe_MailingListForm_MailingListForm{
|
||||
min-height:100px;
|
||||
}
|
||||
|
||||
#Unsubscribe_MailingListForm_MailingListForm p{
|
||||
margin:0 !important;
|
||||
padding:10px;
|
||||
}
|
||||
#Unsubscribe_MailingListForm_MailingListForm p label{
|
||||
display: inline;
|
||||
}
|
||||
#Unsubscribe_MailingListForm_MailingListForm label{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
|
||||
/* FOOTER
|
||||
----------------------------------------------- */
|
||||
|
||||
#Footer {
|
||||
clear: both;
|
||||
width: 800px;
|
||||
height: 5em;
|
||||
background: transparent url(../images/footerBottom.gif) no-repeat bottom left;
|
||||
text-align: center;
|
||||
}
|
||||
#Footer .footerTop {
|
||||
width: 100%;
|
||||
background: transparent url(../images/footerTop.gif) no-repeat top left;
|
||||
display: block;
|
||||
height: 2em;
|
||||
}
|
||||
#Footer p {
|
||||
color: #fff;
|
||||
font-size: 1.1em;
|
||||
text-align: center;
|
||||
margin-top: -0.6em;
|
||||
}
|
||||
#Footer a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
#Footer a:hover {
|
||||
color: #fff;
|
||||
text-decoration: underline;
|
||||
}
|
@ -1,232 +0,0 @@
|
||||
/**
|
||||
* SilverStripe Black Candy Theme
|
||||
* http://www.silverstripe.com
|
||||
*
|
||||
* This typography file is included in the WYSIWYG editor and the front end. It provides
|
||||
* a place to add link styles and font styles you would like in the CMS and the Front End.
|
||||
*/
|
||||
|
||||
|
||||
/* GENERIC STYLES
|
||||
-------------------------------------------- */
|
||||
|
||||
.typography * {
|
||||
font-family: Verdana, Lucida, Arial, sans-serif;
|
||||
}
|
||||
|
||||
/* PARAGRAPHS
|
||||
-------------------------------------------- */
|
||||
.typography p {
|
||||
color: #666;
|
||||
line-height: 18px;
|
||||
font-size: 11px;
|
||||
margin: 0 0 18px 0;
|
||||
}
|
||||
|
||||
/* QUOTES
|
||||
-------------------------------------------- */
|
||||
.typography blockquote {
|
||||
margin: 10px;
|
||||
font-size: 1.4em;
|
||||
color: #777;
|
||||
font-style: italic;
|
||||
}
|
||||
.typography q {
|
||||
display:block;
|
||||
font-size: 0.8em;
|
||||
margin: 1em 1em;
|
||||
padding: 0.5em;
|
||||
border: 1px #ccc solid;
|
||||
}
|
||||
|
||||
/* LINKS
|
||||
-------------------------------------------- */
|
||||
|
||||
.typography a {
|
||||
text-decoration: none;
|
||||
color: #3E91C4;
|
||||
}
|
||||
.typography a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* LINK ICONS - shows type of file
|
||||
------------------------------------ */
|
||||
.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;
|
||||
}
|
||||
|
||||
/* LIST STYLES
|
||||
-------------------------------------------- */
|
||||
.typography ul,
|
||||
.typography ol {
|
||||
margin: 0 0 18px 24px;
|
||||
color: #666;
|
||||
}
|
||||
.typography li {
|
||||
margin: 5px 10px;
|
||||
font-size: 11px;
|
||||
}
|
||||
.typography li li {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
/* HEADER STYLES
|
||||
-------------------------------------------- */
|
||||
|
||||
.typography h1,
|
||||
.typography h2 {
|
||||
color: #4EA3D7;
|
||||
margin: 0 0 18px 0;
|
||||
font-weight: 300;
|
||||
font-family: Tahoma, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
.typography h1 {
|
||||
font-size: 24px;
|
||||
}
|
||||
.typography h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.typography h3 {
|
||||
color: #222;
|
||||
margin: 0 0 18px 0;
|
||||
font-weight: 300;
|
||||
clear: both;
|
||||
font-size: 18px;
|
||||
}
|
||||
.typography h4 {
|
||||
font-size: 16px;
|
||||
color: #222;
|
||||
width: 95%;
|
||||
font-weight: 300;
|
||||
line-height: 18px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin: 0 0 16px 0;
|
||||
}
|
||||
.typography h5 {
|
||||
font-size: 14px;
|
||||
color: #222;
|
||||
font-weight: 700;
|
||||
margin: 0 0 12px 0;
|
||||
}
|
||||
.typography h6 {
|
||||
font-size: 13px;
|
||||
color: #555;
|
||||
line-height: 1.4em;
|
||||
margin: 0 0 12px 0;
|
||||
}
|
||||
|
||||
/* PRE STYLES
|
||||
-------------------------------------------- */
|
||||
.typography pre {
|
||||
font-family:"Courier New",Courier;
|
||||
display:block;
|
||||
font-size:1.2em;
|
||||
margin:2em 5em;
|
||||
padding:0.5em;
|
||||
border:1px #ccc solid;
|
||||
background:#eee;;
|
||||
}
|
||||
|
||||
/* TABLE STYLING
|
||||
-------------------------------------------- */
|
||||
.typography table {
|
||||
margin: 0 0 18px 0;
|
||||
font-size: 11px;
|
||||
color: #666;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
.typography tr {}
|
||||
|
||||
.typography td {
|
||||
border:1px solid #999;
|
||||
padding:5px;
|
||||
}
|
||||
|
||||
/* WYSIWYG EDITOR ALIGNMENT CLASSES
|
||||
-------------------------------------------- */
|
||||
.typography .left {
|
||||
text-align: left;
|
||||
}
|
||||
.typography .center {
|
||||
text-align: center;
|
||||
}
|
||||
.typography .right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* IMAGES
|
||||
-------------------------------------------- */
|
||||
.typography img {
|
||||
border: none;
|
||||
}
|
||||
.typography div.image.right,
|
||||
.typography div.captionImage.right {
|
||||
float: right;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.typography .captionImage {
|
||||
border: 1px solid #aaa;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.typography div.image.left,
|
||||
.typography div.captionImage.left {
|
||||
float: left;
|
||||
}
|
||||
.typography div.image.leftAlone,
|
||||
.typography div.captionImage.leftAlone {
|
||||
float: left;
|
||||
margin-right: 100%;
|
||||
}
|
||||
.typography div.image.center,
|
||||
.typography div.captionImage.center {
|
||||
float: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.typography .caption {
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
color: #666;
|
||||
}
|
Before Width: | Height: | Size: 2.8 KiB |
Before Width: | Height: | Size: 2.8 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 3.3 KiB |
Before Width: | Height: | Size: 442 B |
Before Width: | Height: | Size: 190 B |
Before Width: | Height: | Size: 689 B |
Before Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 204 B |
Before Width: | Height: | Size: 304 B |
Before Width: | Height: | Size: 96 B |
Before Width: | Height: | Size: 96 B |
Before Width: | Height: | Size: 464 B |
Before Width: | Height: | Size: 817 B |
Before Width: | Height: | Size: 591 B |
Before Width: | Height: | Size: 386 B |
Before Width: | Height: | Size: 777 B |
Before Width: | Height: | Size: 174 B |
Before Width: | Height: | Size: 97 B |
Before Width: | Height: | Size: 64 B |
Before Width: | Height: | Size: 748 B |
Before Width: | Height: | Size: 59 B |
Before Width: | Height: | Size: 2.8 KiB |
Before Width: | Height: | Size: 255 B |
Before Width: | Height: | Size: 2.8 KiB |
Before Width: | Height: | Size: 82 B |
Before Width: | Height: | Size: 317 B |
Before Width: | Height: | Size: 2.8 KiB |
Before Width: | Height: | Size: 205 B |
Before Width: | Height: | Size: 99 B |
Before Width: | Height: | Size: 98 B |
Before Width: | Height: | Size: 89 B |
@ -1,5 +0,0 @@
|
||||
<% if Level(2) %>
|
||||
<div id="Breadcrumbs">
|
||||
<p>$Breadcrumbs</p>
|
||||
</div>
|
||||
<% end_if %>
|
@ -1,4 +0,0 @@
|
||||
<div class="footerTop">
|
||||
<!-- -->
|
||||
</div>
|
||||
<p>Copyright © 2007-2008 | Powered by <a href="http://www.silverstripe.com" title="This site runs on the SilverStripe CMS">SilverStripe Open Source CMS</a></p>
|
@ -1,5 +0,0 @@
|
||||
<ul>
|
||||
<% control Menu(1) %>
|
||||
<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode"><span>$MenuTitle.XML</span></a></li>
|
||||
<% end_control %>
|
||||
</ul>
|
@ -1,37 +0,0 @@
|
||||
<div id="Sidebar" class="typography">
|
||||
<div class="sidebarBox">
|
||||
<h3>
|
||||
<% control Level(1) %>
|
||||
$Title
|
||||
<% end_control %>
|
||||
</h3>
|
||||
|
||||
<ul id="Menu2">
|
||||
<% control Menu(2) %>
|
||||
<% if Children %>
|
||||
<li class="$LinkingMode"><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode levela"><span><em>$MenuTitle.XML</em></span></a>
|
||||
<% else %>
|
||||
<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode levela"><span><em>$MenuTitle.XML</em></span></a>
|
||||
<% end_if %>
|
||||
|
||||
<% if LinkOrSection = section %>
|
||||
<% if Children %>
|
||||
<ul class="sub">
|
||||
<li>
|
||||
<ul class="roundWhite">
|
||||
<% control Children %>
|
||||
<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode levelb"><span><em>$MenuTitle.XML</em></span></a></li>
|
||||
<% end_control %>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<% end_if %>
|
||||
<% end_if %>
|
||||
</li>
|
||||
<% end_control %>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="sidebarBottom"></div>
|
||||
</div>
|
||||
|
@ -1,23 +0,0 @@
|
||||
<div class="typography">
|
||||
<% if Menu(2) %>
|
||||
<% include SideBar %>
|
||||
<div id="Content">
|
||||
<% end_if %>
|
||||
|
||||
<% if Level(2) %>
|
||||
<% include BreadCrumbs %>
|
||||
<% end_if %>
|
||||
|
||||
<h2>$Title</h2>
|
||||
|
||||
$Content
|
||||
$Form
|
||||
$PageComments
|
||||
<% if Menu(2) %>
|
||||
</div>
|
||||
<% end_if %>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
@ -1,42 +0,0 @@
|
||||
<div class="typography">
|
||||
<% if Results %>
|
||||
<ul id="SearchResults">
|
||||
<% control Results %>
|
||||
<li>
|
||||
<% if MenuTitle %>
|
||||
<h3><a class="searchResultHeader" href="$Link">$MenuTitle</a></h3>
|
||||
<% else %>
|
||||
<h3><a class="searchResultHeader" href="$Link">$Title</a></h3>
|
||||
<% end_if %>
|
||||
<% if Content %>
|
||||
$Content.FirstParagraph(html)
|
||||
<% end_if %>
|
||||
<a class="readMoreLink" href="$Link" title="Read more about "{$Title}"">Read more about "{$Title}"...</a>
|
||||
</li>
|
||||
<% end_control %>
|
||||
</ul>
|
||||
<% else %>
|
||||
<p>Sorry, your search query did not return any results.</p>
|
||||
<% end_if %>
|
||||
|
||||
<% if Results.MoreThanOnePage %>
|
||||
<div id="PageNumbers">
|
||||
<% if Results.NotLastPage %>
|
||||
<a class="next" href="$Results.NextLink" title="View the next page">Next</a>
|
||||
<% end_if %>
|
||||
<% if Results.NotFirstPage %>
|
||||
<a class="prev" href="$Results.PrevLink" title="View the previous page">Prev</a>
|
||||
<% end_if %>
|
||||
<span>
|
||||
<% control Results.SummaryPagination(5) %>
|
||||
<% if CurrentBool %>
|
||||
$PageNum
|
||||
<% else %>
|
||||
<a href="$Link" title="View page number $PageNum">$PageNum</a>
|
||||
<% end_if %>
|
||||
<% end_control %>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
<% end_if %>
|
||||
</div>
|
@ -1,53 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
|
||||
|
||||
<head>
|
||||
<% base_tag %>
|
||||
<title>$Title » Your Site Name</title>
|
||||
$MetaTags(false)
|
||||
<link rel="shortcut icon" href="/favicon.ico" />
|
||||
|
||||
<% require themedCSS(layout) %>
|
||||
<% require themedCSS(typography) %>
|
||||
<% require themedCSS(form) %>
|
||||
|
||||
<!--[if IE 6]>
|
||||
<style type="text/css">
|
||||
@import url(themes/blackcandy/css/ie6.css);
|
||||
</style>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if IE 7]>
|
||||
<style type="text/css">
|
||||
@import url(themes/blackcandy/css/ie7.css);
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<div id="BgContainer">
|
||||
<div id="Container">
|
||||
<div id="Header">
|
||||
$SearchForm
|
||||
<h1>Your Site Name</h1>
|
||||
<p>your site's tagline here</p>
|
||||
</div>
|
||||
|
||||
<div id="Navigation">
|
||||
<% include Navigation %>
|
||||
</div>
|
||||
|
||||
<div class="clear"><!-- --></div>
|
||||
|
||||
<div id="Layout">
|
||||
$Layout
|
||||
</div>
|
||||
|
||||
<div class="clear"><!-- --></div>
|
||||
</div>
|
||||
<div id="Footer">
|
||||
<% include Footer %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
@ -1,57 +0,0 @@
|
||||
/*
|
||||
This stylesheet is used for styling the BBCode hints
|
||||
*/
|
||||
|
||||
#BBTagsHolder.hide {
|
||||
display: none;
|
||||
}
|
||||
#BBTagsHolder.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* These are for the BBCode example tags at the top of the start topic/reply to topic/edit post forms */
|
||||
|
||||
#BBTagsHolder h2{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size:1.2em;
|
||||
}
|
||||
|
||||
ul.bbcodeExamples li {
|
||||
list-style-type:square;
|
||||
font-size: 1em;
|
||||
}
|
||||
ul.bbcodeExamples li.last {
|
||||
border: none;
|
||||
}
|
||||
ul.bbcodeExamples li span.example {
|
||||
|
||||
}
|
||||
|
||||
#BBTagsHolder{
|
||||
float:right;
|
||||
padding: 5px;
|
||||
width: 270px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #777;
|
||||
font-size:0.8em;
|
||||
}
|
||||
|
||||
|
||||
.bbcodeExamples{
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#BBTagsHolder ul{
|
||||
list-style-image:none;
|
||||
list-style-position:outside;
|
||||
list-style-type:none;
|
||||
}
|
||||
|
||||
#BlogEntry_Form_BlogEntryForm #tagsnote{
|
||||
float:left:
|
||||
margin: 0;
|
||||
margin-top: -10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
@ -1,80 +0,0 @@
|
||||
#BlogContent {
|
||||
width: 538px;
|
||||
float: right;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.BlogError {
|
||||
text-align: center;
|
||||
}
|
||||
/* IE cuts the bottom of the tags off */
|
||||
* html #Sidebar p.tagcloud {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.BlogError p {
|
||||
color: #fff;
|
||||
display: inline;
|
||||
background-color: #f77;
|
||||
padding: 7px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#BlogEntry_Form_BlogEntryForm #ContentLabel{
|
||||
display:inline;
|
||||
}
|
||||
|
||||
#BlogEntry_Form_BlogEntryForm .CompositeField {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#BlogEntry_Form_BlogEntryForm #BBCodeHint {
|
||||
cursor: pointer;
|
||||
font-size:0.8em;
|
||||
position: absolute;
|
||||
left: 240px;
|
||||
top: 3px;
|
||||
}
|
||||
#BlogEntry_Form_BlogEntryForm #BBTagsHolder{
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 325px;
|
||||
}
|
||||
.blogSummary {
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
#Content label{
|
||||
margin-top: 0px;
|
||||
}
|
||||
#Layout p.authorDate,
|
||||
#Layout p.tags {
|
||||
font-size: 0.9em;
|
||||
color: #777;
|
||||
margin: -15px 0 12px 0;
|
||||
}
|
||||
p.blogVitals {
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
color: #999;
|
||||
}
|
||||
a.comments {
|
||||
background: url(../images/comments.gif) no-repeat left center;
|
||||
padding: 3px 0 3px 25px;
|
||||
}
|
||||
a.readmore {
|
||||
background: url(../images/readmore.gif) no-repeat left center;
|
||||
padding: 3px 0 3px 25px;
|
||||
}
|
||||
|
||||
a#editpost{
|
||||
background: url(../images/edit.gif) no-repeat left center;
|
||||
padding: 3px 0 3px 25px;
|
||||
}
|
||||
|
||||
a#unpublishpost{
|
||||
background: url(../images/delete.gif) no-repeat left center;
|
||||
padding: 3px 0 3px 25px;
|
||||
}
|
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 356 B |
Before Width: | Height: | Size: 1.0 KiB |
Before Width: | Height: | Size: 1.1 KiB |
@ -1,6 +0,0 @@
|
||||
<div class="sidebarBox">
|
||||
<h3>$Title</h3>
|
||||
$Content
|
||||
<div class="clear"><!-- --></div>
|
||||
</div>
|
||||
<div class="sidebarBottom"><!-- --></div>
|
31
themes/mysite/css/editor.css → themes/tutorial/css/editor.css
Executable file → Normal file
@ -1,17 +1,14 @@
|
||||
/**
|
||||
* This support file is used to style the WYSIWYG editor in the CMS
|
||||
*/
|
||||
|
||||
@import "typography.css";
|
||||
|
||||
body.mceContentBody {
|
||||
min-height: 200px;
|
||||
font-size: 62.5%;
|
||||
}
|
||||
body.mceContentBody a.broken {
|
||||
background-color: #FF7B71;
|
||||
border: 1px red solid;
|
||||
color: #fff;
|
||||
padding: 1px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
/**
|
||||
* This support file is used to style the WYSIWYG editor in the CMS
|
||||
*/
|
||||
|
||||
@import "typography.css";
|
||||
|
||||
body.mceContentBody {
|
||||
min-height: 200px;
|
||||
font-size: 62.5%;
|
||||
}
|
||||
body.mceContentBody a.broken {
|
||||
background-color: #FF7B71;
|
||||
border: 1px red solid;
|
||||
}
|
64
themes/tutorial/css/form.css
Normal file
@ -0,0 +1,64 @@
|
||||
/* GENERIC FORM STYLING */
|
||||
#Content form {
|
||||
width:378px;
|
||||
}
|
||||
#Content form fieldset {
|
||||
border:0;
|
||||
padding:12px;
|
||||
}
|
||||
#Content .message {
|
||||
color:red;
|
||||
background:#ddd;
|
||||
border:1px solid #ccc;
|
||||
padding:5px;
|
||||
margin:5px;
|
||||
}
|
||||
#Content span.message {
|
||||
width: 300px;
|
||||
}
|
||||
#Content form div {
|
||||
margin-top:10px;
|
||||
width:100%;
|
||||
}
|
||||
#Content form label {
|
||||
font-size:1.1em;
|
||||
color:#333;
|
||||
}
|
||||
#Content form label.left {
|
||||
float:left;
|
||||
width:12em;
|
||||
}
|
||||
#Content form label.FormHeading {
|
||||
font-size:1.3em;
|
||||
color:#ff7200;
|
||||
font-weight:bold;
|
||||
}
|
||||
#Content form input.text,
|
||||
#Content form textarea,
|
||||
#Content form select {
|
||||
width:200px;
|
||||
color:#000;
|
||||
background:#f8f8f8;
|
||||
border:1px solid #aaa;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
#Content form input.numeric {
|
||||
width:20px;
|
||||
background:#f0f0f0;
|
||||
border:1px solid #aaa;
|
||||
padding:3px;
|
||||
color:#000;
|
||||
margin-right:4px;
|
||||
}
|
||||
#Content form input.year {
|
||||
width:35px;
|
||||
}
|
||||
#Content form p.Actions {
|
||||
text-align:right;
|
||||
padding:0 22px 15px 0;
|
||||
}
|
||||
#Content form p.Actions input {
|
||||
padding:2px;
|
||||
}
|
||||
|
287
themes/tutorial/css/layout.css
Normal file
@ -0,0 +1,287 @@
|
||||
/* Global Resetting */
|
||||
html{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background:url(../images/body_bg.gif) repeat;
|
||||
}
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 62.5%;
|
||||
/* reset font-sizes to 1em == 10px */
|
||||
}
|
||||
* {
|
||||
font-size: 1em;
|
||||
/* reset font-sizes to 1em == 10px */
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family:Verdana,Helvetica,sans-serif;
|
||||
list-style:none;
|
||||
}
|
||||
a img{
|
||||
border:0;
|
||||
}
|
||||
.clear{
|
||||
clear:both;
|
||||
}
|
||||
|
||||
/* Layout CSS */
|
||||
#Main {
|
||||
margin:20px auto;
|
||||
width:900px;
|
||||
}
|
||||
#Header {
|
||||
background:url(../images/blueback.gif) bottom left repeat-x;
|
||||
border-left:1px solid #ccc;
|
||||
border-right:1px solid #ccc;
|
||||
clear:left;
|
||||
}
|
||||
#Header h1 {
|
||||
color:#fff;
|
||||
font-size:1.5em;
|
||||
line-height:4.5em;
|
||||
padding-left:20px;
|
||||
}
|
||||
#Menu1 {
|
||||
padding:10px 50px 0;
|
||||
}
|
||||
#Menu1 li {
|
||||
float:left;
|
||||
margin-left:2px;
|
||||
background:url(../images/menu1_right.gif) no-repeat right top;
|
||||
}
|
||||
#Menu1 li.current,
|
||||
#Menu1 li.section {
|
||||
background:url(../images/menu1_right_on.gif) no-repeat right top;
|
||||
}
|
||||
#Menu1 li a {
|
||||
display:block;
|
||||
color:#fff;
|
||||
font-weight:bold;
|
||||
font-size:1.1em;
|
||||
text-decoration:none;
|
||||
padding:5px 15px;
|
||||
background:url(../images/menu1_left.gif) no-repeat left top;
|
||||
}
|
||||
#Menu1 li a:hover {
|
||||
color:#d2ebff;
|
||||
}
|
||||
#Menu1 li.current a,
|
||||
#Menu1 li.section a {
|
||||
background:url(../images/menu1_left_on.gif) no-repeat left top;
|
||||
color:#d2ebff;
|
||||
}
|
||||
|
||||
#ContentContainer {
|
||||
background:#f5f5f5 url(../images/ss_watermark.gif) bottom left no-repeat;
|
||||
padding-top:20px;
|
||||
padding-bottom:20px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#Banner {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#Menu2 {
|
||||
margin-left: 20px;
|
||||
width: 17em;
|
||||
float:left;
|
||||
background:#f0f0f0;
|
||||
border:1px solid #ddd;
|
||||
padding:10px 10px 10px 10px;
|
||||
}
|
||||
#Menu2 li {
|
||||
padding-left:15px;
|
||||
background:url(../images/menu2_arrow.gif) no-repeat left center;
|
||||
}
|
||||
#Menu2 a {
|
||||
color:#333;
|
||||
font-weight:bold;
|
||||
font-size:1.1em;
|
||||
line-height:1.6em;
|
||||
text-decoration:none;
|
||||
}
|
||||
#Menu2 a:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
#Menu2 li.current a,
|
||||
#Menu2 li.section a {
|
||||
color:#0083C8;
|
||||
}
|
||||
|
||||
#Content {
|
||||
float: left;
|
||||
margin: 0px 20px;
|
||||
width:70%;
|
||||
}
|
||||
|
||||
div.breadcrumbs {
|
||||
margin-bottom:10px;
|
||||
font-size:1em;
|
||||
color:#666;
|
||||
}
|
||||
div.breadcrumbs a {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#Footer {
|
||||
background:#015581;
|
||||
clear:both;
|
||||
text-align:right;
|
||||
padding-right:20px;
|
||||
border:1px solid #ccc;
|
||||
border-top:0;
|
||||
}
|
||||
#Footer span {
|
||||
color:#ccc;
|
||||
font-size:1.1em;
|
||||
line-height:2em;
|
||||
font-weight:bold;
|
||||
padding-left:20px;
|
||||
background:url(../images/ss_logo.gif) no-repeat;
|
||||
}
|
||||
#Footer a {
|
||||
color:#fff;
|
||||
}
|
||||
#Footer a:hover {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
|
||||
/* The rest of this file is for the second tutorial */
|
||||
#NewsList,
|
||||
#StaffList {
|
||||
background:#f0f0f0;
|
||||
border:1px dotted #ccc;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
#NewsList li,
|
||||
#StaffList li {
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
#NewsList li.newsDateTitle span {
|
||||
color:#666;
|
||||
line-height:2em;
|
||||
}
|
||||
#NewsList li.newsDateTitle a {
|
||||
font-size:1.3em;
|
||||
font-weight:bold;
|
||||
color:#0083C8;
|
||||
text-decoration:none;
|
||||
padding-left:20px;
|
||||
background:url(../images/treeicons/news-file.gif) no-repeat left center;
|
||||
}
|
||||
#NewsList li.newsDateTitle a:hover {
|
||||
border-bottom:1px dotted #0083C8;
|
||||
}
|
||||
|
||||
#NewsList li.newsSummary {
|
||||
margin-bottom:20px;
|
||||
}
|
||||
#NewsList li.newsSummary span {
|
||||
font-size:1.1em;
|
||||
line-height:1.5em;
|
||||
color:#333;
|
||||
}
|
||||
#NewsList li.newsSummary a.readMoreLink {
|
||||
color:#0083C8;
|
||||
text-decoration:none;
|
||||
}
|
||||
#NewsList li.newsSummary a.readMoreLink:hover {
|
||||
border-bottom:1px dotted #0083C8;
|
||||
}
|
||||
|
||||
div.newsDetails {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
div.newsDetails p {
|
||||
color:#666;
|
||||
margin:0;
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
div.pageComments {
|
||||
background:#f0f0f0;
|
||||
border:1px dotted #ccc;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
#StaffList .staffname {
|
||||
clear: both;
|
||||
padding-left: 60px;
|
||||
height: 1.2em;
|
||||
}
|
||||
|
||||
#StaffList .staffphoto {
|
||||
float: left;
|
||||
margin-left: 3px;
|
||||
margin-top: -1.2em;
|
||||
}
|
||||
#StaffList .staffphoto img {
|
||||
border:1px solid #AAA;
|
||||
}
|
||||
|
||||
#StaffList .staffdescription {
|
||||
margin-left: 60px;
|
||||
margin-bottom:30px;
|
||||
}
|
||||
|
||||
#StaffPhoto {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#StaffPhoto img {
|
||||
border:1px solid #AAA;
|
||||
}
|
||||
|
||||
#PageComments {
|
||||
list-style:none;
|
||||
background:#e9e9e9;
|
||||
border:1px solid #ccc;
|
||||
border-bottom:0;
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
#PageComments li {
|
||||
list-style:none;
|
||||
padding:5px;
|
||||
margin:0;
|
||||
font-size:1em;
|
||||
border-bottom:1px dotted #bbb;
|
||||
}
|
||||
#PageComments li p span {
|
||||
font-style:italic;
|
||||
}
|
||||
#PageComments a.deletelink {
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
|
||||
#PageNumbers {
|
||||
font-weight:bold;
|
||||
color:#333;
|
||||
font-size:1.1em;
|
||||
text-align:center;
|
||||
padding:5px;
|
||||
border:1px solid #ddd;
|
||||
background:#e9e9e9;
|
||||
}
|
||||
#PageNumbers * {
|
||||
padding:0 5px;
|
||||
line-height:1.5em;
|
||||
}
|
||||
#PageNumbers a {
|
||||
color:#0083C8;
|
||||
text-decoration:none;
|
||||
}
|
||||
#PageNumbers a:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
|
||||
|
113
themes/tutorial/css/typography.css
Normal file
@ -0,0 +1,113 @@
|
||||
/**
|
||||
* This typography file is included in the WYSIWYG editor
|
||||
*/
|
||||
.typography * {
|
||||
font-family:Verdana,Arial,sans-serif;
|
||||
font-size:1em;
|
||||
}
|
||||
.typography blockquote {
|
||||
margin-left:20px;
|
||||
}
|
||||
.typography hr {
|
||||
padding:5px;
|
||||
}
|
||||
.typography p,
|
||||
.typography ul li,
|
||||
.typography ol li,
|
||||
.typography a {
|
||||
color:#333;
|
||||
line-height:1.5em;
|
||||
font-size:1.1em;
|
||||
}
|
||||
.typography p {
|
||||
margin-bottom:20px;
|
||||
}
|
||||
|
||||
|
||||
/** CMS LIST STYLES **/
|
||||
.typography ul,
|
||||
.typography ol {
|
||||
margin-left:10px;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
.typography ul li,
|
||||
.typography ol li {
|
||||
margin:4px 10px;
|
||||
line-height:1.4em;
|
||||
}
|
||||
.typography ul li {
|
||||
list-style-type:disc;
|
||||
}
|
||||
.typography ol li {
|
||||
list-style-type:decimal;
|
||||
}
|
||||
|
||||
/* HEADER STYLES */
|
||||
|
||||
.typography h1,
|
||||
.typography h2,
|
||||
.typography h3,
|
||||
.typography h4 {
|
||||
margin-bottom:14px;
|
||||
color:#0083C8;
|
||||
}
|
||||
.typography h1,
|
||||
.typography h4 {
|
||||
font-weight:bold;
|
||||
}
|
||||
.typography h2,
|
||||
.typography h3 {
|
||||
font-weight:normal;
|
||||
}
|
||||
.typography h1 {
|
||||
font-size:2.2em;
|
||||
}
|
||||
.typography h2 {
|
||||
font-size:2.2em;
|
||||
}
|
||||
.typography h3 {
|
||||
font-size:1.6em;
|
||||
}
|
||||
.typography h4 {
|
||||
font-size:1.4em;
|
||||
}
|
||||
|
||||
/* LINK STYLES */
|
||||
.typography a {
|
||||
color:#0083C8;
|
||||
font-size:1em;
|
||||
text-decoration:none;
|
||||
}
|
||||
.typography a:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
|
||||
.typography table {
|
||||
font-size:1.1em;
|
||||
}
|
||||
.typography table tr td {
|
||||
padding:3px 5px;
|
||||
}
|
||||
|
||||
|
||||
/* WYSIWYG EDITOR ALIGNMENT CLASSES */
|
||||
.typography .left {
|
||||
text-align:left;
|
||||
}
|
||||
.typography .center {
|
||||
text-align:center;
|
||||
}
|
||||
.typography .right {
|
||||
text-align:right;
|
||||
}
|
||||
.typography img.right {
|
||||
float:right;
|
||||
}
|
||||
.typography img.left {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.typography p.MsoNormal, .typography p.MsoBodyText {
|
||||
margin: 0;
|
||||
}
|
BIN
themes/tutorial/images/blueback.gif
Normal file
After Width: | Height: | Size: 285 B |
BIN
themes/tutorial/images/body_bg.gif
Normal file
After Width: | Height: | Size: 51 B |
BIN
themes/tutorial/images/menu1_left.gif
Normal file
After Width: | Height: | Size: 312 B |
BIN
themes/tutorial/images/menu1_left_on.gif
Normal file
After Width: | Height: | Size: 446 B |
BIN
themes/tutorial/images/menu1_right.gif
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
themes/tutorial/images/menu1_right_on.gif
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
themes/tutorial/images/menu2_arrow.gif
Normal file
After Width: | Height: | Size: 117 B |
BIN
themes/tutorial/images/ss_logo.gif
Normal file
After Width: | Height: | Size: 556 B |
BIN
themes/tutorial/images/ss_watermark.gif
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
themes/tutorial/images/treeicons/home-file.gif
Normal file
After Width: | Height: | Size: 173 B |
BIN
themes/tutorial/images/treeicons/news-file.gif
Normal file
After Width: | Height: | Size: 176 B |
BIN
themes/tutorial/images/welcome.png
Normal file
After Width: | Height: | Size: 19 KiB |
27
themes/tutorial/templates/Page.ss
Normal file
@ -0,0 +1,27 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
|
||||
<head>
|
||||
<% base_tag %>
|
||||
<link rel="stylesheet" type="text/css" href="tutorial/css/layout.css" />
|
||||
<link rel="stylesheet" type="text/css" href="tutorial/css/typography.css" />
|
||||
<link rel="stylesheet" type="text/css" href="tutorial/css/form.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="Main">
|
||||
<div id="Header">
|
||||
<h1> </h1>
|
||||
</div>
|
||||
<div id="ContentContainer">
|
||||
<div id="Content" class="typography">
|
||||
$Content
|
||||
$Form
|
||||
</div>
|
||||
</div>
|
||||
<div id="Footer">
|
||||
<span>Visit <a href="http://www.silverstripe.com" title="Visit www.silverstripe.com">www.silverstripe.com</a> to download the CMS</span>
|
||||
</div>
|
||||
</div>
|
||||
$SilverStripeNavigator
|
||||
</body>
|
||||
</html>
|