143 |
148 |
149 |
173 |
174 |
586 |
587 |
588 |
589 |
590 |
--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
1 | ';
145 | $page_meta[] = '';
146 |
147 | // Get the Twitter card meta.
148 | $page_meta[] = '';
149 | $page_meta[] = '';
150 | $page_meta[] = '';
151 | $page_meta[] = '';
152 | $page_meta[] = '';
153 | $page_meta[] = '';
154 | $page_meta[] = '';
155 | $page_meta[] = '';
156 |
157 | // Get the Open Graph meta.
158 | $page_meta[] = '';
159 | $page_meta[] = '';
160 | $page_meta[] = '';
161 | $page_meta[] = '';
162 | $page_meta[] = '';
163 | $page_meta[] = '';
164 |
165 | // Get all page meta.
166 | $page_meta = implode("\n", $page_meta);
167 |
168 | /*-----------------------------------------------------------------------------------*/
169 | /* Get the Selected Theme
170 | /*-----------------------------------------------------------------------------------*/
171 |
172 | if ($_GET['filename'] == 'settings') {
173 |
174 | // Get the settings index.
175 | include(BASE_DIR . 'cinematico/settings.php');
176 |
177 | } else if ($_GET['filename'] == 'rss') {
178 |
179 | // RSS integration needs to happen here.
180 |
181 | } else {
182 |
183 | // Get the theme index.
184 | include(BASE_DIR . 'themes/' . SITE_THEME . '/index.php');
185 | }
186 |
187 | /*-----------------------------------------------------------------------------------*/
188 | /* Run the Setup if There's no Config File
189 | /*-----------------------------------------------------------------------------------*/
190 |
191 | } else {
192 | // Get the components of the current url.
193 | $protocol = @( $_SERVER["HTTPS"] != 'on') ? 'http://' : 'https://';
194 | $domain = $_SERVER["SERVER_NAME"];
195 | $port = $_SERVER["SERVER_PORT"];
196 | $path = $_SERVER["REQUEST_URI"];
197 |
198 | // Check if running on alternate port.
199 | if ($protocol === "https://") {
200 | if ($port == 443)
201 | $site_url = $protocol . $domain;
202 | else
203 | $site_url = $protocol . $domain . ":" . $port;
204 | } elseif ($protocol === "http://") {
205 | if ($port == 80)
206 | $site_url = $protocol . $domain;
207 | else
208 | $site_url = $protocol . $domain . ":" . $port;
209 | }
210 |
211 | $site_url .= $path;
212 |
213 | // Check if the install directory is writable.
214 | $is_writable = (TRUE == is_writable(dirname(__FILE__) . '/'));
215 | ?>
216 |
217 |
218 |
219 |
220 |
221 |
222 |
223 |
144 |
147 | Welcome Back
145 |A welcome back message.
146 |
241 |
397 |
398 |
399 |
400 |
401 |
402 |
403 |
--------------------------------------------------------------------------------
/plugins/index.php:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/themes/focus/ABOUT.md:
--------------------------------------------------------------------------------
1 | ## Name
2 | - Focus
3 |
4 | ## Author
5 | - Cinematico
6 | - Cinemati.co
7 |
8 | ## Version
9 | - 1.0.1
--------------------------------------------------------------------------------
/themes/focus/README.md:
--------------------------------------------------------------------------------
1 | ## Installation
2 | For detailed information on how to get started with Cinematico themes, check out the documentation on Cinemati.co:
3 |
4 | - http://cinemati.co/documentation
5 |
6 | ## Terms & Conditions
7 | For detailed license information and terms and conditions, please refer to the information on Cinemati.co:
8 |
9 | - http://cinemati.co/terms
--------------------------------------------------------------------------------
/themes/focus/assets/css/fonts/icons.dev.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/themes/focus/assets/css/fonts/icons.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Cinematico/cinematico/0b186c3560bdef192d61bbfc0f2b77531d5214ae/themes/focus/assets/css/fonts/icons.eot
--------------------------------------------------------------------------------
/themes/focus/assets/css/fonts/icons.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/themes/focus/assets/css/fonts/icons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Cinematico/cinematico/0b186c3560bdef192d61bbfc0f2b77531d5214ae/themes/focus/assets/css/fonts/icons.ttf
--------------------------------------------------------------------------------
/themes/focus/assets/css/fonts/icons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Cinematico/cinematico/0b186c3560bdef192d61bbfc0f2b77531d5214ae/themes/focus/assets/css/fonts/icons.woff
--------------------------------------------------------------------------------
/themes/focus/assets/css/normalize.css:
--------------------------------------------------------------------------------
1 |
2 | /* Normalization
3 | *********************************************************************************************/
4 |
5 | article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:0}h2{font-size:1.5em;margin:0}h3{font-size:1.17em;margin:0}h4{font-size:1em;margin:0}h5{font-size:.83em;margin:0}h6{font-size:.75em;margin:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
--------------------------------------------------------------------------------
/themes/focus/assets/css/style.css:
--------------------------------------------------------------------------------
1 |
2 | /* Setup
3 | *********************************************************************************************/
4 |
5 | html,
6 | body {
7 | height: 100%;
8 | }
9 |
10 | body {
11 | background: #ffffff;
12 | font-family: 'Lato', sans-serif;
13 | font-size: 16px;
14 | line-height: 22px;
15 | font-weight: 300;
16 | color: rgba(0, 0, 0, 0.65);
17 | }
18 |
19 | /* Typography
20 | *********************************************************************************************/
21 |
22 | h1 {
23 | font-size: 28px;
24 | line-height: 40px;
25 | font-weight: 700;
26 | }
27 |
28 | h2, h3 {
29 | font-size: 24px;
30 | line-height: 32px;
31 | }
32 |
33 | p, ul {
34 | margin: 0 0 30px;
35 | }
36 |
37 | a {
38 | color: rgba(0, 0, 0, 0.75);
39 | text-decoration: none;
40 | -webkit-transition-duration: .2s;
41 | -moz-transition-duration: .2s;
42 | }
43 |
44 | em {
45 | font-style: italic;
46 | }
47 |
48 | strong {
49 | font-weight: bold;
50 | }
51 |
52 | /* Icons
53 | *********************************************************************************************/
54 |
55 | @font-face {
56 | font-family: 'icons';
57 | src:url(fonts/icons.eot);
58 | src:url(fonts/icons.eot?#iefix) format('embedded-opentype'),
59 | url(fonts/icons.woff) format('woff'),
60 | url(fonts/icons.ttf) format('truetype'),
61 | url(fonts/icons.svg#icons) format('svg');
62 | font-weight: normal;
63 | font-style: normal;
64 | }
65 |
66 | .icon-play, .block .screenshot::before, .icon-menu, .page-next, .page-previous, .icon-facebook, .icon-twitter, .icon-google-plus, .icon-close {
67 | font-family: 'icons';
68 | speak: none;
69 | font-style: normal;
70 | font-weight: normal;
71 | font-variant: normal;
72 | text-transform: none;
73 | line-height: 1;
74 | -webkit-font-smoothing: antialiased;
75 | }
76 |
77 | .icon-play:before {
78 | content: "\e000";
79 | }
80 |
81 | .icon-menu:after {
82 | content: "\e001";
83 | }
84 |
85 | .page-next:after {
86 | content: "\f105";
87 | }
88 |
89 | .page-previous:before {
90 | content: "\f104";
91 | }
92 |
93 | .icon-facebook:before {
94 | content: "\e002";
95 | }
96 |
97 | .icon-twitter:before {
98 | content: "\e003";
99 | }
100 |
101 | .icon-google-plus:before {
102 | content: "\e004";
103 | }
104 |
105 | .icon-close:before {
106 | content: "\e005";
107 | }
108 |
109 | /* Universal
110 | *********************************************************************************************/
111 |
112 | .row {
113 | width: 100%;
114 | float: left;
115 | }
116 |
117 | .content {
118 | width: 1160px;
119 | margin: 0px auto;
120 | padding: 0 40px;
121 | overflow: hidden;
122 | }
123 |
124 | .content.grid {
125 | width: 1200px;
126 | padding: 0 20px;
127 | }
128 |
129 | .left {
130 | width: 75%;
131 | float: left;
132 | }
133 |
134 | .right {
135 | width: 25%;
136 | float: right;
137 | }
138 |
139 | .hidden {
140 | display: none;
141 | }
142 |
143 | .last {
144 | margin: 0;
145 | }
146 |
147 | .none {
148 | opacity: 0.2;
149 | }
150 |
151 | /* Header
152 | *********************************************************************************************/
153 |
154 | #header {
155 | background-color: rgba(0, 0, 0, 0.75);
156 | border-bottom: 1px solid rgba(249, 249, 249, 0.1);
157 | color: rgba(255, 255, 255, 0.75);
158 | padding: 40px 0;
159 | }
160 |
161 | #header h1 {
162 | font-size: 40px;
163 | line-height: 40px;
164 | margin-bottom: 10px;
165 | }
166 |
167 | #header a {
168 | color: #ffffff;
169 | }
170 |
171 | #header p {
172 | margin: 0;
173 | }
174 |
175 | #header img {
176 | max-height: 150px;
177 | max-width: 50%;
178 | }
179 |
180 | #header .icon-menu {
181 | float: right;
182 | }
183 |
184 | #header .icon-menu:after {
185 | font-size: 18px;
186 | padding-left: 5px;
187 | vertical-align: bottom;
188 | }
189 |
190 | /* Backgrounds
191 | *********************************************************************************************/
192 |
193 | #background {
194 | background-repeat: no-repeat;
195 | background-position: 50%;
196 | background-size: cover;
197 | }
198 |
199 | .youtube #background {
200 | background-repeat: no-repeat;
201 | background-position: 50%;
202 | background-size: 175%;
203 | }
204 |
205 | /* Video Styles
206 | *********************************************************************************************/
207 |
208 | #video {
209 | background-color: rgba(0, 0, 0, 0.75);
210 | color: rgba(255, 255, 255, 0.75);
211 | padding: 60px 0 40px;
212 | }
213 |
214 | #embed {
215 | width: 100%;
216 | height: 653px;
217 | margin: 20px 0;
218 | }
219 |
220 | #embed iframe,
221 | #embed object,
222 | #embed embed,
223 | #embed video {
224 | width: 100%;
225 | height: 100%;
226 | }
227 |
228 | #description {
229 | padding: 40px 0 0;
230 | }
231 |
232 | #description h2 {
233 | font-size: 34px;
234 | line-height: 42px;
235 | color: #ffffff;
236 | margin-bottom: 10px;
237 | }
238 |
239 | #description p {
240 | margin: 0 0 10px;
241 | }
242 |
243 | #description .right {
244 | text-align: right;
245 | }
246 |
247 | #description a.button {
248 | border-radius: 50%;
249 | border: 1px solid rgba(255, 255, 255, 0.75);
250 | color: rgba(255, 255, 255, 0.75);
251 | line-height: 30px;
252 | text-align: center;
253 | width: 30px;
254 | height: 30px;
255 | display: inline-block;
256 | }
257 |
258 | #description .left a.button {
259 | font-size: 12px;
260 | line-height: 30px;
261 | margin-top: 5px;
262 | }
263 |
264 | #description .left a.button.icon-close {
265 | margin-top: 0;
266 | }
267 |
268 | #description a.button:hover {
269 | border: 1px solid #ffffff;
270 | color: #ffffff;
271 | }
272 |
273 | /* Nav
274 | *********************************************************************************************/
275 |
276 | nav {
277 | background-color: rgba(12, 12, 12, 0.95);
278 | font-size: 14px;
279 | line-height: 20px;
280 | color: #ffffff;
281 | width: 280px;
282 | height: 100%;
283 | position: fixed;
284 | top: 0;
285 | right: -280px;
286 | z-index: 10000;
287 | }
288 |
289 | nav .section {
290 | width: 200px;
291 | float: left;
292 | padding: 40px 40px 0 40px;
293 | position: relative;
294 | }
295 |
296 | nav .section img {
297 | width: 50px;
298 | height: 50px;
299 | margin-top: 10px;
300 | }
301 |
302 | nav h3 {
303 | font-size: 16px;
304 | line-height: 22px;
305 | font-weight: 400;
306 | }
307 |
308 | nav p {
309 | margin: 0;
310 | }
311 |
312 | nav .icon-close {
313 | color: #ffffff;
314 | position: absolute;
315 | top: 40px;
316 | right: 40px;
317 | }
318 |
319 | nav .icon-facebook:before,
320 | nav .icon-twitter:before,
321 | nav .icon-google-plus:before {
322 | padding-right: 5px;
323 | }
324 |
325 | nav a,
326 | nav .icon-close:hover {
327 | color: #777777;
328 | }
329 |
330 | nav a:hover {
331 | color: #ffffff;
332 | }
333 |
334 | nav ul {
335 | margin: 0;
336 | padding: 0;
337 | }
338 |
339 | ul.filter {
340 | font-weight: 400;
341 | text-transform: uppercase;
342 | }
343 |
344 | ul.filter li.current a {
345 | color: #ffffff;
346 | }
347 |
348 | /* Content
349 | *********************************************************************************************/
350 |
351 | #content {
352 | padding: 20px 0 40px;
353 | }
354 |
355 | #content header {
356 | padding: 40px 0;
357 | }
358 |
359 | #content header h3 {
360 | line-height: 24px;
361 | margin-bottom: 2px;
362 | }
363 |
364 | #content header p {
365 | margin: 0;
366 | }
367 |
368 | .block {
369 | width: 360px;
370 | height: 290px;
371 | float: left;
372 | margin: 20px;
373 | position: relative;
374 | -webkit-transition-duration: .2s;
375 | -moz-transition-duration: .2s;
376 | }
377 |
378 | .block:hover,
379 | .block.current {
380 | opacity: 1.0;
381 | }
382 |
383 | .block .screenshot {
384 | height: 203px;
385 | float: left;
386 | overflow: hidden;
387 | position: relative;
388 | }
389 |
390 | .block img {
391 | width: 110%;
392 | margin-left: -5%;
393 | }
394 |
395 | .youtube .block img {
396 | margin-top: -15%;
397 | }
398 |
399 | .block.current .screenshot::before {
400 | border-radius: 50%;
401 | border: 1px solid #ffffff;
402 | color: #ffffff;
403 | line-height: 30px;
404 | text-align: center;
405 | width: 28px;
406 | height: 30px;
407 | padding-left: 2px;
408 | position: absolute;
409 | z-index: 10000;
410 | bottom: 10px;
411 | left: 10px;
412 | content: "\e000";
413 | }
414 |
415 | .block h2 {
416 | font-size: 16px;
417 | line-height: 22px;
418 | width: 100%;
419 | float: left;
420 | margin: 10px 0 2px;
421 | }
422 |
423 | .block p {
424 | font-size: 14px;
425 | line-height: 20px;
426 | font-weight: 300;
427 | color: #727272;
428 | margin: 0 0 12px;
429 | }
430 |
431 | /* Pages
432 | *********************************************************************************************/
433 |
434 | #page {
435 | padding: 80px 0 0;
436 | font-size: 20px;
437 | line-height: 28px;
438 | text-align: center;
439 | }
440 |
441 | #page a {
442 | color: rgba(0, 0, 0, 0.75);
443 | }
444 |
445 | .background #page {
446 | color: rgba(255, 255, 255, 0.75);
447 | }
448 |
449 | #page .content {
450 | width: 760px;
451 | }
452 |
453 | #page h2 {
454 | font-size: 52px;
455 | line-height: 72px;
456 | color: rgba(0, 0, 0, 0.75);
457 | margin-bottom: 10px;
458 | }
459 |
460 | .background #page h2 {
461 | color: #ffffff;
462 | }
463 |
464 | .page #background {
465 | height: 100%;
466 | }
467 |
468 | .page #header {
469 | background: none;
470 | border-bottom: 1px solid rgba(0, 0, 0, 0.1);
471 | color: rgba(0, 0, 0, 0.75);
472 | }
473 |
474 | .page #header a {
475 | color: rgba(0, 0, 0, 0.75);
476 | }
477 |
478 | .page.background #header {
479 | background: none;
480 | border-bottom: 1px solid rgba(249, 249, 249, 0.1);
481 | color: rgba(255, 255, 255, 0.75);
482 | }
483 |
484 | .page #header a {
485 | color: rgba(0, 0, 0, 0.75);
486 | }
487 |
488 | .page.background #header a {
489 | color: #ffffff;
490 | }
491 |
492 | #page .button {
493 | border: 1px solid rgba(0, 0, 0, 0.45);
494 | border-radius: 20px;
495 | font-size: 14px;
496 | line-height: 39px;
497 | text-transform: uppercase;
498 | height: 39px;
499 | padding: 0 25px;
500 | display: inline-block;
501 | }
502 |
503 | #page .button:hover {
504 | border-color: rgba(0, 0, 0, 0.75);
505 | }
506 |
507 | .background #page .button {
508 | border: 1px solid rgba(255, 255, 255, 0.75);
509 | color: #ffffff;
510 | }
511 |
512 | .background #page .button:hover {
513 | border-color: #ffffff;
514 | }
515 |
516 | /* The Loader
517 | *********************************************************************************************/
518 |
519 | #loading {
520 | background: rgba(255, 255, 255, 0.75);
521 | width: 100%;
522 | height: 100%;
523 | position: fixed;
524 | top: 0;
525 | left: 0;
526 | z-index: 20000;
527 | }
528 |
529 | .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes flash {
530 | 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0.8;}
531 | }
532 |
533 | @-moz-keyframes flash {
534 | 0%, 50%, 100% {opacity: 1;}
535 | 25%, 75% {opacity: 0.8;}
536 | }
537 |
538 | @-o-keyframes flash {
539 | 0%, 50%, 100% {opacity: 1;}
540 | 25%, 75% {opacity: 0.8;}
541 | }
542 |
543 | @keyframes flash {
544 | 0%, 50%, 100% {opacity: 1;}
545 | 25%, 75% {opacity: 0.8;}
546 | }
547 |
548 | .flash {
549 | -webkit-animation-name: flash;
550 | -moz-animation-name: flash;
551 | -o-animation-name: flash;
552 | animation-name: flash;
553 | }
554 |
555 | /* Footer
556 | *********************************************************************************************/
557 |
558 | #footer {
559 | border-top: 1px solid rgba(249, 249, 249, 0.95);
560 | color: #525252;
561 | padding: 20px 0;
562 | position: relative;
563 | }
564 |
565 | #footer .right {
566 | text-align: right;
567 | }
568 |
569 | #footer p {
570 | margin: 0;
571 | }
572 |
573 | #footer img {
574 | height: 15px;
575 | opacity: 0.4;
576 | }
577 |
578 | #footer img:hover {
579 | opacity: 0.8;
580 | }
581 |
582 | #pagination {
583 | float: right;
584 | margin: -1px 0 0 5px;
585 | }
586 |
587 | #pagination a {
588 | border: 1px solid rgba(0, 0, 0, 0.45);
589 | border-radius: 10px;
590 | font-size: 16px;
591 | line-height: 19px;
592 | font-weight: normal;
593 | color: rgba(0, 0, 0, 0.45);
594 | text-align: center;
595 | width: 50px;
596 | height: 19px;
597 | margin: 0 1px 0 0;
598 | padding: 0;
599 | display: inline-block;
600 | }
601 |
602 | #pagination a:hover {
603 | color: rgba(64, 64, 64, 0.8);
604 | }
605 |
606 | #footer a.cinematico {
607 | background: url('../../../../cinematico/assets/images/logo-small.jpg') no-repeat;
608 | background-size: 15px;
609 | padding-left: 20px;
610 | font-size: 12px;
611 | color: #cccccc;
612 | margin: 0;
613 | }
614 |
615 | /* Mobile Optimizations
616 | *********************************************************************************************/
617 |
618 | @media (max-width: 1240px) {
619 |
620 | /* Universal
621 | *****************************************************************************************/
622 |
623 | .content {
624 | width: 940px;
625 | }
626 |
627 | .content.grid {
628 | width: 980px;
629 | }
630 |
631 | /* Video Styles
632 | *****************************************************************************************/
633 |
634 | #embed {
635 | height: 529px;
636 | }
637 |
638 | /* Content
639 | *****************************************************************************************/
640 |
641 | .block {
642 | width: 286px;
643 | height: 248px;
644 | }
645 |
646 | .block .screenshot {
647 | height: 161px;
648 | }
649 |
650 | }
651 |
652 | @media (max-width: 1020px) {
653 |
654 | /* Universal
655 | *****************************************************************************************/
656 |
657 | .content {
658 | width: 720px;
659 | }
660 |
661 | .content.grid {
662 | width: 760px;
663 | }
664 |
665 | /* Video Styles
666 | *****************************************************************************************/
667 |
668 | #embed {
669 | height: 405px;
670 | }
671 |
672 | /* Content
673 | *****************************************************************************************/
674 |
675 | .block {
676 | width: 340px;
677 | height: 278px;
678 | }
679 |
680 | .block .screenshot {
681 | height: 191px;
682 | }
683 |
684 | }
685 |
686 | @media (max-width: 800px) {
687 |
688 | /* Universal
689 | *****************************************************************************************/
690 |
691 | .content {
692 | width: 520px;
693 | padding: 0 20px;
694 | }
695 |
696 | .content.grid {
697 | width: 540px;
698 | }
699 |
700 | /* Header
701 | *****************************************************************************************/
702 |
703 | #header {
704 | background-color: #202020;
705 | border-bottom: 1px solid #303030;
706 | }
707 |
708 | /* Video Styles
709 | *****************************************************************************************/
710 |
711 | #video {
712 | background-color: #202020;
713 | }
714 |
715 | #embed {
716 | height: 293px;
717 | }
718 |
719 | #description {
720 | padding: 20px 0 0;
721 | }
722 |
723 | #description h2 {
724 | font-size: 24px;
725 | line-height: 32px;
726 | color: #ffffff;
727 | margin-bottom: 10px;
728 | }
729 |
730 | /* Content
731 | *****************************************************************************************/
732 |
733 | .block {
734 | width: 250px;
735 | height: 230px;
736 | margin: 10px;
737 | }
738 |
739 | .block .screenshot {
740 | height: 135px;
741 | }
742 |
743 | .block .screenshot::before {
744 | font-size: 15px;
745 | line-height: 30px;
746 | width: 45px;
747 | height: 30px;
748 | }
749 |
750 | /* Pages
751 | *********************************************************************************************/
752 |
753 | #page {
754 | padding: 80px 0 0;
755 | font-size: 16px;
756 | line-height: 22px;
757 | text-align: left;
758 | }
759 |
760 | #page .content {
761 | width: 520px;
762 | padding: 0 20px;
763 | }
764 |
765 | #page h2 {
766 | font-size: 24px;
767 | line-height: 32px;
768 | margin-bottom: 5px;
769 | }
770 |
771 | }
772 |
773 | @media (max-width: 580px) {
774 |
775 | /* Setup
776 | *****************************************************************************************/
777 |
778 | body {
779 | font-size: 14px;
780 | line-height: 20px;
781 | }
782 |
783 | /* Universal
784 | *****************************************************************************************/
785 |
786 | .content {
787 | width: 280px;
788 | }
789 |
790 | .content.grid {
791 | width: 300px;
792 | padding: 0;
793 | }
794 |
795 | /* Header
796 | *****************************************************************************************/
797 |
798 | #header h1 {
799 | font-size: 24px;
800 | line-height: 24px;
801 | margin-bottom: 5px;
802 | }
803 |
804 | /* Video Styles
805 | *****************************************************************************************/
806 |
807 | #video {
808 | padding: 30px 0 10px;
809 | }
810 |
811 | #embed {
812 | height: 158px;
813 | margin: 20px 0 0;
814 | }
815 |
816 | #description h2 {
817 | font-size: 16px;
818 | line-height: 22px;
819 | margin-bottom: 2px;
820 | }
821 |
822 | #description .right {
823 | display: none;
824 | }
825 |
826 | /* Content
827 | *****************************************************************************************/
828 |
829 | #content {
830 | padding: 20px 0 10px;
831 | }
832 |
833 | #content header {
834 | padding: 10px 0 20px;
835 | }
836 |
837 | .block {
838 | width: 280px;
839 | height: 240px;
840 | }
841 |
842 | .block .screenshot {
843 | height: 158px;
844 | }
845 |
846 | .block .screenshot::before {
847 | font-size: 15px;
848 | line-height: 30px;
849 | width: 45px;
850 | height: 30px;
851 | }
852 |
853 | /* Pages
854 | *********************************************************************************************/
855 |
856 | #page {
857 | padding: 30px 0 0;
858 | font-size: 14px;
859 | line-height: 20px;
860 | }
861 |
862 | #page .content {
863 | width: 280px;
864 | }
865 |
866 | #page h2 {
867 | font-size: 24px;
868 | line-height: 32px;
869 | margin-bottom: 5px;
870 | }
871 |
872 | /* Footer
873 | *****************************************************************************************/
874 |
875 | #footer .left {
876 | display: none;
877 | }
878 |
879 | #footer .right {
880 | width: 100%;
881 | text-align: left;
882 | }
883 |
884 | #footer p {
885 | color: #ffffff;
886 | }
887 |
888 | #footer .pagination {
889 | float: left;
890 | }
891 |
892 | }
--------------------------------------------------------------------------------
/themes/focus/assets/js/app.js:
--------------------------------------------------------------------------------
1 | // Expanding Text
2 | (function(d){function g(c,a){this.element=c;this.options=d.extend({},h,a);d(this.element).data("max-height",this.options.maxHeight);delete this.options.maxHeight;if(this.options.embedCSS&&!k){var b=".readmore-js-toggle, .readmore-js-section { "+this.options.sectionCSS+" } .readmore-js-section { overflow: hidden; }",e=document.createElement("style");e.type="text/css";e.styleSheet?e.styleSheet.cssText=b:e.appendChild(document.createTextNode(b));document.getElementsByTagName("head")[0].appendChild(e);
3 | k=!0}this._defaults=h;this._name=f;this.init()}var f="readmore",h={speed:100,maxHeight:200,moreLink:'Read More',lessLink:'Close',embedCSS:!0,sectionCSS:"display: block; width: 100%;",beforeToggle:function(){},afterToggle:function(){}},k=!1;g.prototype={init:function(){var c=this;d(this.element).each(function(){var a=d(this),b=a.css("max-height").replace(/[^-\d\.]/g,"")>a.data("max-height")?a.css("max-height").replace(/[^-\d\.]/g,""):a.data("max-height");a.addClass("readmore-js-section");
4 | "none"!=a.css("max-height")&&a.css("max-height","none");a.data("boxHeight",a.outerHeight(!0));if(a.outerHeight(!0)
242 |
247 |
248 |
390 |
391 |
396 |
243 |
246 | Welcome
244 |Let’s get started.
245 |style="background-image: url('/uploads/background.jpg');">
2 |
--------------------------------------------------------------------------------
/themes/focus/content-about.php:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
7 |
13 |
8 |
9 |
10 | Home
11 |
12 | style="background-image: url('/uploads/background.jpg');">
2 |
--------------------------------------------------------------------------------
/themes/focus/content-gallery-item.php:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
7 |
15 |
8 |
9 |
10 |
11 | Contact
12 |
13 |
14 |
2 |
--------------------------------------------------------------------------------
/themes/focus/content-gallery.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
3 |
4 | ; ?>)
5 |
6 |
7 |
8 |
9 |
10 |
4 |
--------------------------------------------------------------------------------
/themes/focus/content-header.php:
--------------------------------------------------------------------------------
1 |
5 |
6 |
7 |
8 |
9 |
10 |
14 |
15 |
27 |
11 |
12 |
13 | ; ?>/uploads/logo.png){kind=logo}
2 |
3 |
4 |
25 |
--------------------------------------------------------------------------------
/themes/focus/index.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |