diff --git a/README.md b/README.md old mode 100755 new mode 100644 index 51a0f9e..83efb15 --- a/README.md +++ b/README.md @@ -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'); diff --git a/css/editor.css b/css/editor.css old mode 100755 new mode 100644 index cfb2ae3..562d57b --- a/css/editor.css +++ b/css/editor.css @@ -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;} \ No newline at end of file diff --git a/css/form.css b/css/form.css old mode 100755 new mode 100644 index d7372f7..fdedf98 --- a/css/form.css +++ b/css/form.css @@ -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%;} } \ No newline at end of file diff --git a/css/layout.css b/css/layout.css old mode 100755 new mode 100644 index f900a91..7acecae --- a/css/layout.css +++ b/css/layout.css @@ -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;} } \ No newline at end of file diff --git a/css/reset.css b/css/reset.css old mode 100755 new mode 100644 index d1ce301..71c32fb --- a/css/reset.css +++ b/css/reset.css @@ -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;} \ No newline at end of file diff --git a/css/tabstrip.css b/css/tabstrip.css old mode 100755 new mode 100644 index e5e26de..04b7355 --- a/css/tabstrip.css +++ b/css/tabstrip.css @@ -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;} \ No newline at end of file diff --git a/css/typography.css b/css/typography.css old mode 100755 new mode 100644 index bae6578..1e5b2cf --- a/css/typography.css +++ b/css/typography.css @@ -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;} diff --git a/images/favicon.ico b/images/favicon.ico old mode 100755 new mode 100644 diff --git a/javascript/script.js b/javascript/script.js index de9b722..d31fa51 100644 --- a/javascript/script.js +++ b/javascript/script.js @@ -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('
'); - - 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('
'); + + 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)); diff --git a/templates/Includes/BreadCrumbs.ss b/templates/Includes/BreadCrumbs.ss old mode 100755 new mode 100644 index ce10c7f..85f7896 --- a/templates/Includes/BreadCrumbs.ss +++ b/templates/Includes/BreadCrumbs.ss @@ -1,5 +1,5 @@ -<% if Level(2) %> - +<% if Level(2) %> + <% end_if %> \ No newline at end of file diff --git a/templates/Includes/Footer.ss b/templates/Includes/Footer.ss old mode 100755 new mode 100644 index 5395f2c..754b99b --- a/templates/Includes/Footer.ss +++ b/templates/Includes/Footer.ss @@ -1,6 +1,6 @@ -