tonyair
/
silverstripe-simple
mirror of https://github.com/silverstripe/silverstripe-simple
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

MINOR javascript optimization, css, line endings, file modes...

This commit is contained in:
miiihi 2012-06-07 17:04:50 +02:00
parent 5bf43d9b20
commit 45481dbaf9
21 changed files with 503 additions and 491 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
README.md Executable file → Normal file
View File

@ -1,8 +1,8 @@
# Using the Simple theme
* Copy the theme into the `themes/` directory of your SilverStripe project. If you've named it correctly, there should be a directory called `themes/simple/templates`.
* Add the following to your `mysite/_config.php` file. Remove any existing `SSViewer::set_theme` lines.
SSViewer::set_theme("simple");
HtmlEditorConfig::get('cms')->setOption('theme_advanced_styles', 'highlight=highlight;no-border=no-border,break=break');
# Using the Simple theme
* Copy the theme into the `themes/` directory of your SilverStripe project. If you've named it correctly, there should be a directory called `themes/simple/templates`.
* Add the following to your `mysite/_config.php` file. Remove any existing `SSViewer::set_theme` lines.
SSViewer::set_theme("simple");
HtmlEditorConfig::get('cms')->setOption('theme_advanced_styles', 'highlight=highlight;no-border=no-border,break=break');

10
css/editor.css Executable file → Normal file
View File

@ -1,6 +1,6 @@
/**
* This support file is used to style the WYSIWYG editor in the CMS
*/
@import "typography.css?2";
/**
* This support file is used to style the WYSIWYG editor in the CMS
*/
@import "typography.css?2";
body.mceContentBody{font-size:13px;}

86
css/form.css Executable file → Normal file
View File

@ -1,44 +1,44 @@
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:Arial, Helvetica, sans-serif !important;}
input:invalid, textarea:invalid {border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow:0px 0px 5px red; box-shadow:0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {background-color: #f0dddd;}
form .message {padding:6px 15px; border:1px solid;}
form .good {background-color:#ecf9d0; border-color:#8fbe00;}
form .bad {background-color:#f9d0d0; border-color:#be0000;}
.checkbox, .radio{margin-top:1px;}
#MemberLoginForm_LoginForm_action_dologin, .Actions .action{padding:6px 20px;}
#MemberLoginForm_LoginForm, #MemberLoginForm_LostPasswordForm {max-width:500px;}
#ForgotPassword a{margin-top:15px;}
#ForgotPassword {margin-top:6px;}
div.field{width:100%; float:left; margin-bottom:20px;}
.ui-widget{font-family:Arial, Helvetica, sans-serif;}
form label.left {float:left; width:25%; padding-right:5%; margin-top:3px; display:block; font-size:13px;}
.main form .middleColumn {float:right; width:70% !important;}
.main form .middleColumn .middleColumn{width:100% !important;}
.header form .middleColumn {float:none; width:100% !important;}
.listbox option{padding:3px 0;}
form input.text, form textarea, form .textajaxuniquetext, form select{width:98%; padding:6px 1%; font-size:15px;}
form input.sitetreeurlsegment{width:200px;}
form span.readonly {font-size:16px;}
form input[disabled]{background-color:#f7f7f7; border:1px solid #dad9d9;}
form .creditCardField input, form input.currency {padding:5px 1%; width:50px;}
form input.numeric{padding:5px 1%; width:50px;}
form #DMYDate-month, form #DMYDate-day{width:25px;}
form .checkboxset li, form .optionset li{margin-bottom:5px;}
@media only screen and (max-width: 700px) {
.main form .middleColumn {float:right; width:100% !important;;}
.header form .middleColumn {float:none; width:100% !important;;}
form label.left, #MemberLoginForm_LoginForm label{margin-bottom:8px;}
}
@media only screen and (min-width: 700px) {
#MemberLoginForm_LoginForm #Remember, #MemberLoginForm_LoginForm .Actions, #MemberLoginForm_LostPasswordForm .Actions{padding-left:30%;}
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:Arial, Helvetica, sans-serif !important;}
input:invalid, textarea:invalid {border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow:0px 0px 5px red; box-shadow:0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {background-color: #f0dddd;}
form .message {padding:6px 15px; border:1px solid;}
form .good {background-color:#ecf9d0; border-color:#8fbe00;}
form .bad {background-color:#f9d0d0; border-color:#be0000;}
.checkbox, .radio{margin-top:1px;}
#MemberLoginForm_LoginForm_action_dologin, .Actions .action{padding:6px 20px;}
#MemberLoginForm_LoginForm, #MemberLoginForm_LostPasswordForm {max-width:500px;}
#ForgotPassword a{margin-top:15px;}
#ForgotPassword {margin-top:6px;}
div.field{width:100%; float:left; margin-bottom:20px;}
.ui-widget{font-family:Arial, Helvetica, sans-serif;}
form label.left {float:left; width:25%; padding-right:5%; margin-top:3px; display:block; font-size:13px;}
.main form .middleColumn {float:right; width:70% !important;}
.main form .middleColumn .middleColumn{width:100% !important;}
.header form .middleColumn {float:none; width:100% !important;}
.listbox option{padding:3px 0;}
form input.text, form textarea, form .textajaxuniquetext, form select{width:98%; padding:6px 1%; font-size:15px;}
form input.sitetreeurlsegment{width:200px;}
form span.readonly {font-size:16px;}
form input[disabled]{background-color:#f7f7f7; border:1px solid #dad9d9;}
form .creditCardField input, form input.currency {padding:5px 1%; width:50px;}
form input.numeric{padding:5px 1%; width:50px;}
form #DMYDate-month, form #DMYDate-day{width:25px;}
form .checkboxset li, form .optionset li{margin-bottom:5px;}
@media only screen and (max-width: 700px) {
.main form .middleColumn {float:right; width:100% !important;;}
.header form .middleColumn {float:none; width:100% !important;;}
form label.left, #MemberLoginForm_LoginForm label{margin-bottom:8px;}
}
@media only screen and (min-width: 700px) {
#MemberLoginForm_LoginForm #Remember, #MemberLoginForm_LoginForm .Actions, #MemberLoginForm_LostPasswordForm .Actions{padding-left:30%;}
}

332
css/layout.css Executable file → Normal file
View File

@ -1,165 +1,169 @@
header:after, .main:after, #Root:after, .search-bar:after, header .inner:after {height:0;content:".";display:block;clear:both;visibility:hidden;}
body{margin:0; background:#ededed; min-width:240px;-webkit-text-size-adjust:none; font-family:Arial, Helvetica, sans-serif;}
.ie7 body, .ie8 body{min-width:860px;}
::-moz-selection{background:#b80000; color:#fff; text-shadow:none;}
::selection {background:#b80000; color:#fff; text-shadow:none;}
a:link {-webkit-tap-highlight-color:#b80000;}
a.btn{background:#b80000; color:#fff; display:inline-block; border-radius:4px; padding:6px 15px; margin-top:10px; text-transform:uppercase; letter-spacing:1px; border-bottom:none !important; font-size:13px;}
a.btn:after{content:'\2192'; padding-left:10px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
a.btn:hover{background:#d80000; color:#fff;}
.content img{border:5px solid #d7d7d7; width:60%; height:auto; float:left; margin:6px 20px 10px 0;}
.content ul{margin:20px 0 20px 30px;}
.content li{line-height:22px; margin-bottom:5px; list-style-type:disc;}
.content-container h1 {font-size:36px; border-bottom:1px solid #e5e5e5; padding-bottom:6px; margin:0 0 23px 0; line-height:45px;}
.content-container h1 span.amp{font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia; font-style:italic;}
.content-container h2{font-size:25px; margin-bottom:15px; padding-top:15px;}
.content-container h3{font-size:21px; margin-bottom:10px; padding-top:10px;}
.content a{border-bottom:1px dashed #b80000;}
.brand{float:left; display:inline-block;}
.brand h1{margin:0; padding:0; font-size:50px; font-family: "HelveticaNeueLTPro-Bd", "Helvetica Neue LT Pro Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue LT Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; font-weight:600; font-stretch:normal; line-height:1em;}
.brand, .brand:hover{color:#fff;}
.search-bar form input.action, .header .primary li a, .footer a{-moz-transition:color 0.2s; -webkit-transition:color 0.2s; transition:color 0.2s;}
/* Search Form */
.search-bar {position:absolute; right:30px; top:32px;}
.search-dropdown-icon {display:none;}
.search-bar form fieldset {position:relative; padding:0; margin:0;}
.search-bar form input.text {width:155px; padding-left:10px; padding-right:35px; color:#888; margin:0; border:none; border-radius:20px; background:#fff; font-family:Arial, Helvetica, sans-serif;}
.search-bar form input.active{color:#000;}
.search-bar form input.action {font-size:15px; position:absolute; right:3px; top:-1px; cursor:pointer; border:none; padding:5px; background:none;font-family:'WebSymbolsRegular'; color:#848484;}
.search-bar form input.action:hover {color:#000;}
.search-bar form input:focus, .header textarea:focus {outline:none;}
.header .primary ul{float:right; margin:23px -12px 0 0;}
.header .primary li{float:left; padding-bottom:20px; margin:0 5px; position:relative; white-space:nowrap;}
.header .primary li a{color:#888; font-size:15px; font-family:Helvetica, Arial, sans-serif; padding:6px 8px; font-weight:bold; display:block; }
.header .primary li a:hover{color:#fff;}
.header .primary li.section a, .header .primary li.current a{color:#fff;}
.header .primary li.section:after, .header .primary li.current:after{content:'}'; display:block; position:absolute; left:50%; margin-left:-7px; bottom:-6px; font-family:'WebSymbolsRegular'; font-size:28px; color:#fff; text-align:center; line-height:20px;}
/* when navigation and logo overlap tablet-nav is initialized */
.tablet-nav .header .inner{padding-top:20px;}
.tablet-nav .header .primary ul {float:left; clear:both; margin:20px 0 4px -12px; white-space:nowrap;}
.tablet-nav .header .primary ul li{margin-bottom:10px; padding-bottom:0; white-space:nowrap;}
.tablet-nav .header .primary ul li a{-moz-transition:none; -webkit-transition:none; transition:none;}
.tablet-nav .header .primary ul li.current a, .tablet-nav .header .primary ul li.section a{background-color:#525252; border-radius:4px;}
.tablet-nav .header .primary li.section:after, .tablet-nav .header .primary li.current:after{display:none;}
.tablet-nav .footer .right{float:left; width:100%;}
.header .nav-open-button {display:none;}
.inner{max-width:1100px; margin:0 auto; padding:0 30px;}
.ie6 .inner {width:960px;}
.main{background:#fff; padding:50px 0 60px;}
aside{float:left; width:23%; margin-top:17px;}
.secondary h3{font-size:20px; color:#b8b7b7; margin:0 0 8px 0;}
.secondary {border-bottom:1px solid #e5e5e5;}
.secondary ul {padding:0; margin:0;}
.secondary li{border-top:1px solid #e5e5e5; position:relative; list-style-type:none;}
.secondary li .arrow{color:#b80000; padding-right:5px; display:block; font-size:15px; line-height:20px; position:absolute; left:2px; top:5px; -moz-transition:0.2s; -webkit-transition:0.2s; transition:0.2s;}
.secondary li:hover .arrow{left:6px;}
.secondary li a{padding:8px 0; display:block; width:100%; text-transform:uppercase; letter-spacing:2px; font-size:11px; color:#333; line-height:17px; font-family:'Lucida Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;}
.secondary li .text {padding-left:28px; display:block;}
.secondary li.section, .secondary li.current{background-color:#f7f7f7;}
.secondary li.section a, .secondary li.current a{color:#000;}
.content-container{float:right; width:73%; padding-bottom:20px;}
.no-sidebar .content-container{float:left;}
.header{background:#161616;}
.header .inner{padding-top:55px; position:relative;}
/* Search Results */
.searchResults h1 { font-size:36px; margin-bottom:15px;}
.searchResults p.searchQuery {color:#333; margin-bottom:10px;}
.searchResults ul#SearchResults {padding:0;}
.searchResults ul#SearchResults li {border-top:1px solid #e5e5e5; padding:20px 0; list-style-type:none;}
.searchResults ul#SearchResults p {margin-bottom:12px;}
.searchResults ul#SearchResults a.searchResultHeader {font-size:16px; font-weight:bold; margin-bottom:6px; display:block;}
.searchResults #PageNumbers {border-top:1px solid #e5e5e5; padding-top:20px;}
.searchResults #PageNumbers a{padding:0 5px;}
.searchResults #PageNumbers .pagination {float:left;}
.searchResults #PageNumbers p {float:right;}
.searchResults #PageNumbers .next, .searchResults #PageNumbers .prev{font-size:14px;}
.searchResults #PageNumbers .next {margin-left:15px;}
.searchResults #PageNumbers .prev {margin-right:15px;}
/* Footer */
.footer{color:#999; background:#ededed; padding:20px 0; font-size:11px; line-height:22px;}
.footer a{color:#999;}
.footer a:hover{color:#000;}
.footer .left{float:left; color:#000; display:block; margin-bottom:10px;}
.footer .right{float:right; display:block;}
.footer span{padding:0 3px; color:#bbb;}
.footer .primary, .footer .primary ul{display:inline; margin:0; padding:0;}
.footer .primary li{display:inline;}
.ie6 .footer .primary li, .ie7 .footer .primary li{display:inline; zoom:1; margin-right:10px;}
.footer .primary li:after{padding:0 3px 0 5px; content:'/'; color:#999;}
.footer .primary li:last-child:after{content:'';}
.footer .arrow{padding:0 8px 0 5px; color:#b80000; font-size:13px;}
.footer .primary .nav-open-button {display:none;}
.footer .primary ul#nav .menu-bubble-arrow {display:none;}
#media-query-trigger{display:none; visibility:hidden;}
@media only screen and (max-width: 960px) {
.content img{width:97%; height:auto; margin:0 0 20px;}
.header .primary ul {margin-left:-12px; -webkit-padding-start: 0px;}
}
/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 640px) {
#media-query-trigger{ visibility:visible;}
.brand{float:none; display:inline-block; margin-left:22px; margin-bottom:24px;}
.brand h1{font-size:40px;}
.header {padding:0px;}
.header .inner{padding:20px 0 0 0;}
.header .primary .nav-open-button {z-index:100; width:20px; height:20px; position:absolute; right:20px; top:30px; display:block; cursor:pointer; font-family:'WebSymbolsRegular'; font-size:20px; color:#ededed;}
.header .primary ul {z-index:10; position:relative; display:none; float:left; margin:0 !important; padding:0; white-space:normal; width:100%;}
.header .primary ul li {width:100%; margin:0 !important; float:none; background:none; position:relative; text-shadow:0 1px #fff;}
.header .primary ul li:after {content:'\003e'; display:block; position:absolute; right:20px; top:0px; font-family:'WebSymbolsRegular'; font-size:14px; color:#999; text-align:center; vertical-align:middle; line-height:38px;}
.header .primary ul li a, .header .primary ul li.current a, .header .primary ul li.section a{padding:10px 0 10px 22px; font-weight:bold; border-bottom:1px solid #bbb; color:#434343; border-radius:0 !important; background:#e7e7e7 !important;}
.header .primary ul li a:hover{color:inherit;}
/* Search Form */
.search-bar {width:100%; position:relative; top:0; right:0; display:none; padding:20px 0; margin:0; background-color:#E7E7E7;}
.search-dropdown-icon {display:block; cursor:pointer; width:20px; height:20px; position:absolute; right:60px; top:32px; font-family:'WebSymbolsRegular'; font-size:20px; color:#ededed; text-align:center; line-height:20px;}
.search-bar form {margin:0; width:100%;}
.search-bar form fieldset {padding:0 18px; left:0; right:0; position:relative;}
.search-bar div.field{margin-bottom:0;}
.search-bar form input.text {width:93%; padding:8px 7% 8px 0; text-indent:15px; position:relative; display:block; right:0; left:0; border:1px solid #e5e5e5; background:#fff; font-size:17px;}
.search-bar form input.action {right:24px; top:2px; font-size:18px;}
/* Main Content */
.main{padding:20px 0 45px;}
.content-container, aside{width:100%;}
.content-container h1{font-size:30px; margin-bottom:15px; padding-bottom:3px;}
.content-container p{font-size:14px; line-height:23px;}
p.intro{font-size:19px; line-height:27px;}
.main .inner{padding:0 22px;}
/* Secondry Nav */
.secondary li a{line-height:24px;}
.secondary li .arrow{line-height:26px;}
/* Footer */
.footer .right{float:left; width:100%;}
}
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
.header, .footer{display:none;}
a, a:visited {text-decoration:underline;}
thead {display:table-header-group;}
tr, img {page-break-inside: avoid;}
img {max-width:100% !important;}
@page {margin:0.5cm;}
p, h2, h3 {orphans:3; widows:3;}
h2, h3 {page-break-after:avoid;}
header:after, .main:after, #Root:after, .search-bar:after, header .inner:after, footer:after {height:0;content:".";display:block;clear:both;visibility:hidden;}
body{margin:0; background:#ededed; min-width:240px; -webkit-text-size-adjust:none; font-family:Arial, Helvetica, sans-serif;}
.ie7 body, .ie8 body{min-width:860px;}
::-moz-selection{background:#b80000; color:#fff; text-shadow:none;}
::selection {background:#b80000; color:#fff; text-shadow:none;}
a:link {-webkit-tap-highlight-color:#b80000;}
a.btn{background:#b80000; color:#fff; display:inline-block; border-radius:4px; padding:6px 15px; margin-top:10px; text-transform:uppercase; letter-spacing:1px; border-bottom:none !important; font-size:13px;}
a.btn:after{content:'\2192'; padding-left:10px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
a.btn:hover{background:#d80000; color:#fff;}
.content img{border:5px solid #d7d7d7; max-width:60%; height:auto; float:left; margin:6px 20px 10px 0;}
.content ul{margin:20px 0 20px 30px;}
.content li{line-height:22px; margin-bottom:5px; list-style-type:disc;}
.content-container h1 {font-size:36px; border-bottom:1px solid #e5e5e5; padding-bottom:6px; margin:0 0 23px 0; line-height:45px;}
.content-container h1 span.amp{font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia; font-style:italic;}
.content-container h2{font-size:24px; margin-bottom:15px; padding-top:15px; line-height:32px;}
.content-container h3{font-size:21px; margin-bottom:10px; padding-top:10px;}
.content a{border-bottom:1px dashed #b80000;}
.brand{float:left; display:inline-block;}
.brand h1{margin:0; padding:0; font-size:48px; font-family: "HelveticaNeueLTPro-Bd", "Helvetica Neue LT Pro Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue LT Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; font-weight:600; font-stretch:normal; line-height:1em;}
.brand, .brand:hover{color:#fff;}
.brand p{color:#888; margin-bottom:22px;}
.search-bar form input.action, .header .primary li a, .footer a{-moz-transition:color 0.2s; -webkit-transition:color 0.2s; transition:color 0.2s;}
/* Search Form */
.search-bar {position:absolute; right:30px; top:34px;}
.search-dropdown-icon {display:none;}
.search-bar form fieldset {position:relative; padding:0; margin:0;}
.search-bar form input.text {width:155px; padding-left:10px; padding-right:35px; color:#888; margin:0; border:none; border-radius:20px; background:#fff; font-family:Arial, Helvetica, sans-serif;}
.search-bar form input.active{color:#000;}
.search-bar form input.action {font-size:15px; position:absolute; right:3px; top:-1px; cursor:pointer; border:none; padding:5px; background:none;font-family:'WebSymbolsRegular'; color:#848484;}
.search-bar form input.action:hover {color:#000;}
.search-bar form input:focus, .header textarea:focus {outline:none;}
.header .primary ul{/*float:right; margin:23px -12px 0 0;*/ position:absolute; bottom:0; right:17px;}
.header .primary li{float:left; padding-bottom:17px; margin:0 5px; position:relative; white-space:nowrap;}
.header .primary li a{color:#888; font-size:15px; font-family:Helvetica, Arial, sans-serif; padding:6px 8px; font-weight:bold; display:block; }
.header .primary li a:hover{color:#fff;}
.header .primary li.section a, .header .primary li.current a{color:#fff;}
.header .primary li.section:after, .header .primary li.current:after{content:'}'; display:block; position:absolute; left:50%; margin-left:-7px; bottom:-6px; font-family:'WebSymbolsRegular'; font-size:28px; color:#fff; text-align:center; line-height:20px;}
/* when navigation and logo overlap tablet-nav is initialized */
.tablet-nav .brand p{margin-bottom:0;}
.tablet-nav .header .inner{padding-top:20px;}
.tablet-nav .header .primary ul {float:left; clear:both; position:relative; margin:20px 0 4px -12px; white-space:nowrap; right:auto;}
.tablet-nav .header .primary ul li{margin-bottom:10px; padding-bottom:0; white-space:nowrap;}
.tablet-nav .header .primary ul li a{-moz-transition:none; -webkit-transition:none; transition:none;}
.tablet-nav .header .primary ul li.current a, .tablet-nav .header .primary ul li.section a{background-color:#525252; border-radius:4px;}
.tablet-nav .header .primary li.section:after, .tablet-nav .header .primary li.current:after{display:none;}
.tablet-nav .footer .right{float:left; width:100%;}
.header .nav-open-button {display:none;}
.inner{max-width:1100px; margin:0 auto; padding:0 30px;}
.ie6 .inner {width:960px;}
.main{background:#fff; padding:50px 0 60px;}
aside{float:left; width:23%; margin-top:17px;}
.secondary h3{font-size:20px; color:#b8b7b7; margin:0 0 8px 0;}
.secondary {border-bottom:1px solid #e5e5e5;}
.secondary ul {padding:0; margin:0;}
.secondary li{border-top:1px solid #e5e5e5; position:relative; list-style-type:none;}
.secondary li .arrow{color:#b80000; padding-right:5px; display:block; font-size:15px; line-height:20px; position:absolute; left:2px; top:5px; -moz-transition:0.2s; -webkit-transition:0.2s; transition:0.2s;}
.secondary li:hover .arrow{left:6px;}
.secondary li a{padding:8px 0; display:block; width:100%; text-transform:uppercase; letter-spacing:2px; font-size:11px; color:#333; line-height:17px; font-family:'Lucida Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;}
.secondary li .text {padding-left:28px; display:block;}
.secondary li.section, .secondary li.current{background-color:#f7f7f7;}
.secondary li.section a, .secondary li.current a{color:#000;}
.content-container{float:right; width:73%; padding-bottom:20px;}
.no-sidebar .content-container{float:left;}
.header{background:#161616;}
.header .inner{padding-top:45px; position:relative; min-height:72px;}
/* Search Results */
.searchResults h1 { font-size:36px; margin-bottom:15px;}
.searchResults p.searchQuery {color:#333; margin-bottom:10px;}
.searchResults ul#SearchResults {padding:0;}
.searchResults ul#SearchResults li {border-top:1px solid #e5e5e5; padding:20px 0; list-style-type:none;}
.searchResults ul#SearchResults p {margin-bottom:12px;}
.searchResults ul#SearchResults a.searchResultHeader {font-size:16px; font-weight:bold; margin-bottom:6px; display:block;}
.searchResults #PageNumbers {border-top:1px solid #e5e5e5; padding-top:20px;}
.searchResults #PageNumbers a{padding:0 5px;}
.searchResults #PageNumbers .pagination {float:left;}
.searchResults #PageNumbers p {float:right;}
.searchResults #PageNumbers .next, .searchResults #PageNumbers .prev{font-size:14px;}
.searchResults #PageNumbers .next {margin-left:15px;}
.searchResults #PageNumbers .prev {margin-right:15px;}
/* Footer */
.footer{color:#999; background:#ededed; padding:20px 0; font-size:11px; line-height:22px;}
.footer a{color:#999;}
.footer a:hover{color:#000;}
.footer .left{float:left; color:#000; display:block; margin-bottom:10px;}
.footer .right{float:right; display:block; margin-bottom:10px;}
.footer span{padding:0 3px; color:#bbb;}
.footer .primary, .footer .primary ul{display:inline; margin:0; padding:0;}
.footer .primary li{display:inline;}
.ie6 .footer .primary li, .ie7 .footer .primary li{display:inline; zoom:1; margin-right:10px;}
.footer .primary li:after{padding:0 3px 0 5px; content:'/'; color:#999;}
.footer .primary li:last-child:after{content:'';}
.footer .arrow{padding:0 8px 0 5px; color:#b80000; font-size:13px;}
.footer .primary .nav-open-button {display:none;}
.footer .primary ul#nav .menu-bubble-arrow {display:none;}
#media-query-trigger{display:none; visibility:hidden;}
@media only screen and (max-width: 960px) {
.content img{width:97%; height:auto; margin:0 0 20px;}
.header .primary ul {margin-left:-12px; -webkit-padding-start: 0px;}
}
/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 640px) {
body{max-width:640px;}
#media-query-trigger{ visibility:visible;}
.brand{float:none; display:inline-block; margin-left:22px; margin-bottom:22px;}
.brand h1{font-size:40px;}
.brand h1{padding-right:80px;}
.header {padding:0px;}
.header .inner{padding:20px 0 0 0; min-height:0;}
.header .primary .nav-open-button {z-index:100; width:20px; height:20px; position:absolute; right:20px; top:32px; display:block; cursor:pointer; font-family:'WebSymbolsRegular'; font-size:20px; color:#ededed;}
.header .primary ul {z-index:10; position:relative; display:none; float:left; margin:0 !important; padding:0; white-space:normal; width:100%;}
.header .primary ul li {width:100%; margin:0 !important; float:none; background:none; position:relative; text-shadow:0 1px #fff;}
.header .primary ul li:after {content:'\003e'; display:block; position:absolute; right:20px; top:0px; font-family:'WebSymbolsRegular'; font-size:14px; color:#999; text-align:center; vertical-align:middle; line-height:38px;}
.header .primary ul li a, .header .primary ul li.current a, .header .primary ul li.section a{padding:10px 0 10px 22px; font-weight:bold; border-bottom:1px solid #bbb; color:#434343; border-radius:0 !important; background:#e7e7e7 !important;}
.header .primary ul li a:hover{color:inherit;}
/* Search Form */
.search-bar {width:100%; position:relative; top:0; right:0; display:none; padding:20px 0; margin:0; background-color:#E7E7E7;}
.search-dropdown-icon {display:block; cursor:pointer; width:20px; height:20px; position:absolute; right:60px; top:34px; font-family:'WebSymbolsRegular'; font-size:20px; color:#ededed; text-align:center; line-height:20px;}
.search-bar form {margin:0; width:100%;}
.search-bar form fieldset {padding:0 18px; left:0; right:0; position:relative;}
.search-bar div.field{margin-bottom:0;}
.search-bar form input.text {width:93%; padding:8px 7% 8px 0; text-indent:15px; position:relative; display:block; right:0; left:0; border:1px solid #e5e5e5; background:#fff; font-size:17px;}
.search-bar form input.action {right:24px; top:2px; font-size:18px;}
/* Main Content */
.main{padding:20px 0 45px;}
.content-container, aside{width:100%;}
.content-container h1{font-size:30px; margin-bottom:15px; padding-bottom:3px;}
.content-container p{font-size:14px; line-height:23px;}
p.intro{font-size:19px; line-height:27px;}
.main .inner{padding:0 22px;}
/* Secondry Nav */
.secondary li a{line-height:24px;}
.secondary li .arrow{line-height:26px;}
/* Footer */
.footer .right{float:left; width:100%;}
}
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
.header, .footer{display:none;}
a, a:visited {text-decoration:underline;}
thead {display:table-header-group;}
tr, img {page-break-inside: avoid;}
img {max-width:100% !important;}
@page {margin:0.5cm;}
p, h2, h3 {orphans:3; widows:3;}
h2, h3 {page-break-after:avoid;}
}

116
css/reset.css Executable file → Normal file
View File

@ -1,59 +1,59 @@
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
html{overflow-y:scroll;}
body{-webkit-text-size-adjust:none;}
.clear:before, .clear:after {content: "\0020"; display: block; height: 0; overflow: hidden; }
.clear:after {clear:both;}
.clear{zoom:1;}
sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;}
textarea {overflow:auto;}
.ie6 legend, .ie7 legend {margin-left:-7px;}
input[type="radio"], input.radio {vertical-align:text-bottom;}
input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;}
.ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;}
.ie6 input {vertical-align: text-bottom;}
label, input[type="button"], input[type="submit"], input[type="image"], button, .btn {cursor:pointer;}
button, input, select, textarea {margin:0;}
.checkbox, .radio {float:left; width:13px; height:13px; margin-right:6px; padding:0;}
button {width:auto; overflow:visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }
.hidden {display:none; visibility:hidden; }
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through; }
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
a:hover, a:active {outline: none;}
.content ul, .content ol {margin-left:2em;}
ol {list-style-type:decimal;}
ul li {list-style-type:none;}
nav ul, nav li {margin:0; list-style:none; list-style-image:none;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
html{overflow-y:scroll;}
body{-webkit-text-size-adjust:none;}
.clear:before, .clear:after {content: "\0020"; display: block; height: 0; overflow: hidden; }
.clear:after {clear:both;}
.clear{zoom:1;}
sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;}
textarea {overflow:auto;}
.ie6 legend, .ie7 legend {margin-left:-7px;}
input[type="radio"], input.radio {vertical-align:text-bottom;}
input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;}
.ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;}
.ie6 input {vertical-align: text-bottom;}
label, input[type="button"], input[type="submit"], input[type="image"], button, .btn {cursor:pointer;}
button, input, select, textarea {margin:0;}
.checkbox, .radio {float:left; width:13px; height:13px; margin-right:6px; padding:0;}
button {width:auto; overflow:visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }
.hidden {display:none; visibility:hidden; }
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through; }
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
a:hover, a:active {outline: none;}
.content ul, .content ol {margin-left:2em;}
ol {list-style-type:decimal;}
ul li {list-style-type:none;}
nav ul, nav li {margin:0; list-style:none; list-style-image:none;}
strong, th {font-weight:bold;}

24
css/tabstrip.css Executable file → Normal file
View File

@ -1,13 +1,13 @@
ul.tabstrip {padding: 0; margin: 0 !important; clear: left; float: left; width: 100%; position: relative;}
ul.tabstrip {padding: 0; margin: 0 !important; clear: left; float: left; width: 100%; position: relative;}
ul.tabstrip li {float:left; background:#ddd; cursor:pointer; position:relative; top:0; border:1px solid #ddd; border-bottom:none; margin:0 5px 0 0; border-radius: 3px 3px 0 0;}
ul.tabstrip li a {display: block; float:left; padding:5px 13px 5px; text-decoration:none; font-weight:bold; outline:none; color:#333;}
ul.tabstrip li a:hover {text-decoration: none;}
ul.tabstrip li.current, ul.tabstrip li.ui-tabs-selected, ul.tabstrip li.sel {background:#fff; top:0;}
ul.tabstrip li:hover{background-color:#eee;}
ul.tabstrip li.current:hover{background-color:#fff;}
ul.tabstrip li.current a, ul.tabstrip li.ui-tabs-selected a, ul.tabstrip li.sel a {color:#333;}
ul.tabstrip {padding: 0; margin: 0 !important; clear: left; float: left; width: 100%; position: relative;}
ul.tabstrip {padding: 0; margin: 0 !important; clear: left; float: left; width: 100%; position: relative;}
ul.tabstrip li {float:left; background:#ddd; cursor:pointer; position:relative; top:0; border:1px solid #ddd; border-bottom:none; margin:0 5px 0 0; border-radius: 3px 3px 0 0;}
ul.tabstrip li a {display: block; float:left; padding:5px 13px 5px; text-decoration:none; font-weight:bold; outline:none; color:#333;}
ul.tabstrip li a:hover {text-decoration: none;}
ul.tabstrip li.current, ul.tabstrip li.ui-tabs-selected, ul.tabstrip li.sel {background:#fff; top:0;}
ul.tabstrip li:hover{background-color:#eee;}
ul.tabstrip li.current:hover{background-color:#fff;}
ul.tabstrip li.current a, ul.tabstrip li.ui-tabs-selected a, ul.tabstrip li.sel a {color:#333;}
.tab {clear:left; overflow:auto; border:1px solid #ddd; border-top: none; margin:0; padding:10px 15px; background-color:#fff;}

74
css/typography.css Executable file → Normal file
View File

@ -1,37 +1,37 @@
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2012 06:04:25 AM America/New_York */
@font-face {
font-family: 'CamboRegular';
src: url('../webfonts/Cambo-Regular-webfont.eot');
src: url('../webfonts/Cambo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/Cambo-Regular-webfont.woff') format('woff'),
url('../webfonts/Cambo-Regular-webfont.ttf') format('truetype'),
url('../webfonts/Cambo-Regular-webfont.svg#CamboRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'WebSymbolsRegular';
src: url('../webfonts/websymbols-regular-webfont.eot');
src: url('../webfonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/websymbols-regular-webfont.woff') format('woff'),
url('../webfonts/websymbols-regular-webfont.ttf') format('truetype'),
url('../webfonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
font-weight: normal;
font-style: normal;
}
body {font-size:13px; font-family:Arial, Helvetica, sans-serif;}
h1, h2,h3,h4,h5,h6 {font-family:"CamboRegular", Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#b80000;}
p {margin:0 0 17px; font-size:13px; line-height:21px;}
em {font-style:normal;}
a {color:#b80000; text-decoration:none;}
a:hover {color:#d80000;}
table {border-collapse:collapse; border:1px solid #d4d4d4; border-spacing:0; margin:0 0 10px;}
table tr:nth-child(even) {background-color:#ededed;}
table tr.even, .content table th, .content thead td {background-color:#ededed;}
table td, .content table th {padding:2px 5px;border:1px solid #d4d4d4; vertical-align:top;}
table th {text-align:left; font-weight:bold;}
p.intro{font-family:"CamboRegular", Georgia, "Times New Roman", Times, serif; font-size:22px; line-height:32px; margin-bottom:20px; color:#222;}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2012 06:04:25 AM America/New_York */
@font-face {
font-family: 'CamboRegular';
src: url('../webfonts/Cambo-Regular-webfont.eot');
src: url('../webfonts/Cambo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/Cambo-Regular-webfont.woff') format('woff'),
url('../webfonts/Cambo-Regular-webfont.ttf') format('truetype'),
url('../webfonts/Cambo-Regular-webfont.svg#CamboRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'WebSymbolsRegular';
src: url('../webfonts/websymbols-regular-webfont.eot');
src: url('../webfonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/websymbols-regular-webfont.woff') format('woff'),
url('../webfonts/websymbols-regular-webfont.ttf') format('truetype'),
url('../webfonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
font-weight: normal;
font-style: normal;
}
body {font-size:13px; font-family:Arial, Helvetica, sans-serif;}
h1, h2,h3,h4,h5,h6 {font-family:"CamboRegular", Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#b80000;}
p {margin:0 0 17px; font-size:13px; line-height:21px;}
em {font-style:normal;}
a {color:#b80000; text-decoration:none;}
a:hover {color:#d80000;}
table {border-collapse:collapse; border:1px solid #d4d4d4; border-spacing:0; margin:0 0 10px;}
table tr:nth-child(even) {background-color:#ededed;}
table tr.even, .content table th, .content thead td {background-color:#ededed;}
table td, .content table th {padding:2px 5px;border:1px solid #d4d4d4; vertical-align:top;}
table th {text-align:left; font-weight:bold;}
p.intro{font-family:"CamboRegular", Georgia, "Times New Roman", Times, serif; font-size:22px; line-height:32px; margin-bottom:20px; color:#222;}

0
images/favicon.ico Executable file → Normal file
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

148
javascript/script.js
View File

@ -2,86 +2,90 @@ jQuery.noConflict();
(function($) {    
   $(document).ready(function() {
var searchBarButton = $("span.search-dropdown-icon");
var searchBar = $('div.search-bar');
var menuButton = $("span.nav-open-button");
var menu = $('.header .primary ul');
var mobile = false;
var changed = false;
$('body').append('<div id="media-query-trigger"></div>');
function menuWidthCheck() {
var header_w = $('header .inner').width();
var elements_w = menu.width() + $('.brand').width();
if ((header_w < elements_w) || ($(window).width() <= 768)) {
$('body').addClass('tablet-nav');
}
else {
$('body').removeClass('tablet-nav');
}
mobile_old = mobile;
if ($('#media-query-trigger').css('visibility') == 'hidden') {
mobile = false;
}
else {
mobile = true;
}
if (mobile_old != mobile) {
changed = true;
}
else {
changed = false;
}
}
menuWidthCheck();
$(window).resize(function() {
console.log($(window).innerWidth());
menuWidthCheck();
if (!mobile) {
menu.show();
searchBar.show();
}
else {
if (changed) {
menu.hide();
searchBar.hide();
}
}
});
/* toggle navigation and search in mobile view */
searchBarButton.click(function() {
menu.slideUp();
searchBar.slideToggle('fast');
});
menuButton.click(function() {
searchBar.slideUp();
menu.slideToggle('fast');
});
/* removes text from search form on focus and replaces it on unfocus - if text is entered then it does not get replaced with default on unfocus */
$('#SearchForm_SearchForm_action_results').val('L');
var searchField = $('#SearchForm_SearchForm_Search');
var default_value = searchField.val();
searchField.focus(function() {
$('#SearchForm_SearchForm_action_results').val('L');
var searchField = $('#SearchForm_SearchForm_Search');
var default_value = searchField.val();
searchField.focus(function() {
$(this).addClass('active');
if(searchField.val() == default_value) {
searchField.val('');
}
});
searchField.blur(function() {
});
searchField.blur(function() {
if(searchField.val() == '') {
searchField.val(default_value);
}
});
});
if (!$.browser.msie || ($.browser.msie && (parseInt($.browser.version, 10) > 8))) {
var searchBarButton = $("span.search-dropdown-icon");
var searchBar = $('div.search-bar');
var menuButton = $("span.nav-open-button");
var menu = $('.header .primary ul');
var mobile = false;
var changed = false;
$('body').append('<div id="media-query-trigger"></div>');
function menuWidthCheck() {
var header_w = $('header .inner').width();
var elements_w = menu.width() + $('.brand').width();
if ((header_w < elements_w) || ($(window).width() <= 768)) {
$('body').addClass('tablet-nav');
}
else {
$('body').removeClass('tablet-nav');
}
mobile_old = mobile;
if ($('#media-query-trigger').css('visibility') == 'hidden') {
mobile = false;
}
else {
mobile = true;
}
if (mobile_old != mobile) {
changed = true;
}
else {
changed = false;
}
}
menuWidthCheck();
$(window).resize(function() {
console.log($(window).innerWidth());
menuWidthCheck();
if (!mobile) {
menu.show();
searchBar.show();
}
else {
if (changed) {
menu.hide();
searchBar.hide();
}
}
});
/* toggle navigation and search in mobile view */
searchBarButton.click(function() {
menu.slideUp();
searchBar.slideToggle(200);
});
menuButton.click(function() {
searchBar.slideUp();
menu.slideToggle(200);
});
}
   });
}(jQuery));

8
templates/Includes/BreadCrumbs.ss Executable file → Normal file
View File

@ -1,5 +1,5 @@
<% if Level(2) %>
<div id="Breadcrumbs">
$Breadcrumbs
</div>
<% if Level(2) %>
<div id="Breadcrumbs">
$Breadcrumbs
</div>
<% end_if %>

10
templates/Includes/Footer.ss Executable file → Normal file
View File

@ -1,6 +1,6 @@
<footer class="footer" role="contentinfo">
<div class="inner copy">
<div class="left">Simple <span class="arrow">&rarr;</span> <% include Navigation %></div>
<small class="right">&copy; Simple by <a href="http://www.saratusar.com">Sara</a> (Innovatif) / Powered by <a href="http://silverstripe.org">Silverstripe</a></small>
</div>
<footer class="footer" role="contentinfo">
<div class="inner copy">
<div class="left">$SiteConfig.Title <span class="arrow">&rarr;</span> <% include Navigation %></div>
<small class="right">&copy; <a href="http://simple.innovatif.com/about/">Simple</a> by <a href="http://www.saratusar.com">Sara</a> (Innovatif) / Powered by <a href="http://silverstripe.org">Silverstripe</a></small>
</div>
</footer>

30
templates/Includes/Header.ss Executable file → Normal file
View File

@ -1,15 +1,17 @@
<header class="header" role="banner">
<div class="inner">
<a href="$BaseHref" class="brand" rel="home">
<h1>$SiteConfig.Title</h1>
<p>$SiteConfig.Tagline</p>
</a>
<% if SearchForm %>
<span class="search-dropdown-icon">L</span>
<div class="search-bar">
$SearchForm
</div>
<% end_if %>
<% include Navigation %>
</div>
<header class="header" role="banner">
<div class="inner">
<a href="$BaseHref" class="brand" rel="home">
<h1>$SiteConfig.Title</h1>
<% if SiteConfig.Tagline %>
<p>$SiteConfig.Tagline</p>
<% end_if %>
</a>
<% if SearchForm %>
<span class="search-dropdown-icon">L</span>
<div class="search-bar">
$SearchForm
</div>
<% end_if %>
<% include Navigation %>
</div>
</header>

14
templates/Includes/Navigation.ss Executable file → Normal file
View File

@ -1,8 +1,8 @@
<nav class="primary">
<span class="nav-open-button">²</span>
<ul>
<% loop Menu(1) %>
<li class="$LinkingMode"><a href="$Link" title="$Title.XML">$MenuTitle.XML</a></li>
<% end_loop %>
</ul>
<nav class="primary">
<span class="nav-open-button">²</span>
<ul>
<% loop Menu(1) %>
<li class="$LinkingMode"><a href="$Link" title="$Title.XML">$MenuTitle.XML</a></li>
<% end_loop %>
</ul>
</nav>

32
templates/Includes/SideBar.ss Executable file → Normal file
View File

@ -1,16 +1,16 @@
<aside>
<% if Menu(2) %>
<nav class="secondary">
<h3>
<% loop Level(1) %>
$Title
<% end_loop %>
</h3>
<ul>
<% loop Menu(2) %>
<li class="$LinkingMode"><a href="$Link" title="Go to the $Title.XML page"><span class="arrow">&rarr;</span><span class="text">$MenuTitle.XML</span></a></li>
<% end_loop %>
</ul>
</nav>
<% end_if %>
</aside>
<aside>
<% if Menu(2) %>
<nav class="secondary">
<h3>
<% loop Level(1) %>
$Title
<% end_loop %>
</h3>
<ul>
<% loop Menu(2) %>
<li class="$LinkingMode"><a href="$Link" title="Go to the $Title.XML page"><span class="arrow">&rarr;</span><span class="text">$MenuTitle.XML</span></a></li>
<% end_loop %>
</ul>
</nav>
<% end_if %>
</aside>

16
templates/Layout/Page.ss Executable file → Normal file
View File

@ -1,9 +1,9 @@
<div class="content-container">
<article>
<h1>$Title</h1>
<div class="content">$Content</div>
</article>
$Form
$PageComments
</div>
<div class="content-container">
<article>
<h1>$Title</h1>
<div class="content">$Content</div>
</article>
$Form
$PageComments
</div>
<% include SideBar %>

78
templates/Page.ss Executable file → Normal file
View File

@ -1,39 +1,41 @@
<!DOCTYPE html>
<!--
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
Simple. by Sara (saratusar.com) for Innovatif - an awesome Slovenia-based digital agency (innovatif.com/en)
Change it, enhance it and most importantly enjoy it!
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
-->
<!--[if !IE]><!-->
<html lang="$ContentLocale">
<!--<![endif]-->
<!--[if IE 6 ]><html lang="$ContentLocale" class="ie ie6"><![endif]-->
<!--[if IE 7 ]><html lang="$ContentLocale" class="ie ie7"><![endif]-->
<!--[if IE 8 ]><html lang="$ContentLocale" class="ie ie8"><![endif]--><head>
<% base_tag %>
<title><% if MetaTitle %>$MetaTitle<% else %>$Title<% end_if %> &raquo; $SiteConfig.Title</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
$MetaTags(false)
<link rel="shortcut icon" href="$ThemeDir/images/favicon.ico" />
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body class="$ClassName<% if Menu(2) %><% else %> no-sidebar<% end_if %>">
<% include Header %>
<div class="main" role="main">
<div class="inner">
$Layout
</div>
</div>
<% include Footer %>
<% require javascript(http://code.jquery.com/jquery-1.7.2.js) %>
<% require javascript(themes/simple/javascript/script.js) %>
</body>
<!DOCTYPE html>
<!--
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
Simple. by Sara (saratusar.com) for Innovatif - an awesome Slovenia-based digital agency (innovatif.com/en)
Change it, enhance it and most importantly enjoy it!
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
-->
<!--[if !IE]><!-->
<html lang="$ContentLocale">
<!--<![endif]-->
<!--[if IE 6 ]><html lang="$ContentLocale" class="ie ie6"><![endif]-->
<!--[if IE 7 ]><html lang="$ContentLocale" class="ie ie7"><![endif]-->
<!--[if IE 8 ]><html lang="$ContentLocale" class="ie ie8"><![endif]--><head>
<% base_tag %>
<title><% if MetaTitle %>$MetaTitle<% else %>$Title<% end_if %> &raquo; $SiteConfig.Title</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
$MetaTags(false)
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<% require themedCSS(reset) %>
<% require themedCSS(typography) %>
<% require themedCSS(form) %>
<% require themedCSS(layout) %>
<link rel="shortcut icon" href="$ThemeDir/images/favicon.ico" />
</head>
<body class="$ClassName<% if Menu(2) %><% else %> no-sidebar<% end_if %>">
<% include Header %>
<div class="main" role="main">
<div class="inner">
$Layout
</div>
</div>
<% include Footer %>
<% require javascript(http://code.jquery.com/jquery-1.7.2.js) %>
<% require javascript(themes/simple/javascript/script.js) %>
</body>
</html>

0
webfonts/generator_config.txt Executable file → Normal file
View File

0
webfonts/websymbols-regular-webfont.eot Executable file → Normal file
View File

0
webfonts/websymbols-regular-webfont.svg Executable file → Normal file
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

0
webfonts/websymbols-regular-webfont.ttf Executable file → Normal file
View File

0
webfonts/websymbols-regular-webfont.woff Executable file → Normal file
View File