mirror of
https://github.com/silverstripe/silverstripe-simple
synced 2024-10-22 11:05:50 +02:00
MINOR javascript optimization, css, line endings, file modes...
This commit is contained in:
miiihi
parent
5bf43d9b20
commit
45481dbaf9
16
README.md
Executable file → Normal file
16
README.md
Executable file → Normal 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
10
css/editor.css
Executable file → Normal 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
86
css/form.css
Executable file → Normal 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
332
css/layout.css
Executable file → Normal 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
116
css/reset.css
Executable file → Normal 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
24
css/tabstrip.css
Executable file → Normal 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
74
css/typography.css
Executable file → Normal 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
0
images/favicon.ico
Executable file → Normal file
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@ -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
8
templates/Includes/BreadCrumbs.ss
Executable file → Normal 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
10
templates/Includes/Footer.ss
Executable file → Normal file
@ -1,6 +1,6 @@
|
||||
<footer class="footer" role="contentinfo">
|
||||
<div class="inner copy">
|
||||
<div class="left">Simple <span class="arrow">→</span> <% include Navigation %></div>
|
||||
<small class="right">© 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">→</span> <% include Navigation %></div>
|
||||
<small class="right">© <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
30
templates/Includes/Header.ss
Executable file → Normal 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
14
templates/Includes/Navigation.ss
Executable file → Normal 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
32
templates/Includes/SideBar.ss
Executable file → Normal 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">→</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">→</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
16
templates/Layout/Page.ss
Executable file → Normal 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
78
templates/Page.ss
Executable file → Normal 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 %> » $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 %> » $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
0
webfonts/generator_config.txt
Executable file → Normal file
0
webfonts/websymbols-regular-webfont.eot
Executable file → Normal file
0
webfonts/websymbols-regular-webfont.eot
Executable file → Normal file
0
webfonts/websymbols-regular-webfont.svg
Executable file → Normal file
0
webfonts/websymbols-regular-webfont.svg
Executable file → Normal file
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
0
webfonts/websymbols-regular-webfont.ttf
Executable file → Normal file
0
webfonts/websymbols-regular-webfont.ttf
Executable file → Normal file
0
webfonts/websymbols-regular-webfont.woff
Executable file → Normal file
0
webfonts/websymbols-regular-webfont.woff
Executable file → Normal file
Loading…
Reference in New Issue
Block a user