Skip to content

Commit c325184

Browse files
joshgreenjoshgreen
committed
added flexslider
1 parent 6c35f31 commit c325184

12 files changed

+1043
-29
lines changed

‎gulpfile.js

+1
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,7 @@ gulp.task('watch', function() {
7171
gulp.watch(Theme+'/js/*.*', ['scripts']);
7272
gulp.watch(Theme+'/images/**/*.*', ['images']);
7373
gulp.watch(Theme+'/sass/**/*.*', ['styles']);
74+
gulp.watch(Theme+'/**').on('change', livereload.changed);
7475
});
7576

7677
// Default task

‎wp-content/themes/toolbox/css/style.css

+333
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
@charset "UTF-8";
12
/*!
23
* Theme Name: toolbox
34
* Theme URI: http://underscores.me/
@@ -535,6 +536,12 @@ body {
535536
background: snow;
536537
}
537538

539+
.screen-reader-text {
540+
position: absolute !important;
541+
top: -9999px !important;
542+
left: -9999px !important;
543+
}
544+
538545
/*!
539546
* html {
540547
* box-sizing: border-box;
@@ -1076,6 +1083,332 @@ body {
10761083
/*!
10771084
* Wordpress Ends
10781085
*/
1086+
/* jQuery FlexSlider v2.6.0
1087+
* http://www.woothemes.com/flexslider/
1088+
*
1089+
* Copyright 2012 WooThemes
1090+
* Free to use under the GPLv2 and later license.
1091+
* http://www.gnu.org/licenses/gpl-2.0.html
1092+
*
1093+
* Contributing author: Tyler Smith (@mbmufffin)
1094+
*
1095+
*/
1096+
/* ====================================================================================================================
1097+
* FONT-FACE
1098+
* ==================================================================================================================== */
1099+
@font-face {
1100+
font-family: "flexslider-icon";
1101+
src: url("fonts/flexslider-icon.eot");
1102+
src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
1103+
font-weight: normal;
1104+
font-style: normal;
1105+
}
1106+
/* ====================================================================================================================
1107+
* RESETS
1108+
* ==================================================================================================================== */
1109+
.flex-container a:hover,
1110+
.flex-slider a:hover {
1111+
outline: none;
1112+
}
1113+
1114+
.slides,
1115+
.slides > li,
1116+
.flex-control-nav,
1117+
.flex-direction-nav {
1118+
margin: 0;
1119+
padding: 0;
1120+
list-style: none;
1121+
}
1122+
1123+
.flex-pauseplay span {
1124+
text-transform: capitalize;
1125+
}
1126+
1127+
/* ====================================================================================================================
1128+
* BASE STYLES
1129+
* ==================================================================================================================== */
1130+
.flexslider {
1131+
margin: 0;
1132+
padding: 0;
1133+
}
1134+
1135+
.flexslider .slides > li {
1136+
display: none;
1137+
-webkit-backface-visibility: hidden;
1138+
}
1139+
1140+
.flexslider .slides img {
1141+
width: 100%;
1142+
display: block;
1143+
}
1144+
1145+
.flexslider .slides:after {
1146+
content: " ";
1147+
display: block;
1148+
clear: both;
1149+
visibility: hidden;
1150+
line-height: 0;
1151+
height: 0;
1152+
}
1153+
1154+
html[xmlns] .flexslider .slides {
1155+
display: block;
1156+
}
1157+
1158+
* html .flexslider .slides {
1159+
height: 1%;
1160+
}
1161+
1162+
.no-js .flexslider .slides > li:first-child {
1163+
display: block;
1164+
}
1165+
1166+
/* ====================================================================================================================
1167+
* DEFAULT THEME
1168+
* ==================================================================================================================== */
1169+
.flexslider {
1170+
margin: 0;
1171+
background: #ffffff;
1172+
/*border: 4px solid #ffffff */
1173+
position: relative;
1174+
zoom: 1;
1175+
border-radius: 4px;
1176+
box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
1177+
}
1178+
1179+
.flexslider .slides {
1180+
zoom: 1;
1181+
}
1182+
1183+
.flexslider .slides img {
1184+
height: auto;
1185+
-moz-user-select: none;
1186+
}
1187+
1188+
.flex-viewport {
1189+
max-height: 2000px;
1190+
transition: all 1s ease;
1191+
}
1192+
1193+
.loading .flex-viewport {
1194+
max-height: 300px;
1195+
}
1196+
1197+
.carousel li {
1198+
margin-right: 5px;
1199+
}
1200+
1201+
.flex-direction-nav {
1202+
*height: 0;
1203+
}
1204+
1205+
.flex-direction-nav a {
1206+
text-decoration: none;
1207+
display: block;
1208+
width: 40px;
1209+
height: 40px;
1210+
margin: -20px 0 0;
1211+
position: absolute;
1212+
top: 50%;
1213+
z-index: 10;
1214+
overflow: hidden;
1215+
opacity: 0;
1216+
cursor: pointer;
1217+
color: rgba(255, 255, 255, 0.8);
1218+
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
1219+
transition: all 0.3s ease-in-out;
1220+
}
1221+
1222+
.flex-direction-nav a:before {
1223+
font-family: "flexslider-icon";
1224+
font-size: 40px;
1225+
display: inline-block;
1226+
content: "";
1227+
color: rgba(0, 0, 0, 0.8);
1228+
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
1229+
}
1230+
1231+
.flex-direction-nav a.flex-next:before {
1232+
content: "";
1233+
}
1234+
1235+
.flex-direction-nav .flex-prev {
1236+
left: -50px;
1237+
}
1238+
1239+
.flex-direction-nav .flex-next {
1240+
right: -50px;
1241+
text-align: right;
1242+
}
1243+
1244+
.flex-prev {
1245+
top: 50%;
1246+
position: absolute;
1247+
display: inline-block;
1248+
width: 35px;
1249+
height: 45px;
1250+
background-color: rgba(46, 46, 46, 0.8);
1251+
margin-top: -45px;
1252+
}
1253+
.flex-prev img {
1254+
position: absolute;
1255+
top: 13px;
1256+
left: 10px;
1257+
}
1258+
1259+
.flex-next {
1260+
top: 50%;
1261+
position: absolute;
1262+
right: 0;
1263+
width: 35px;
1264+
height: 45px;
1265+
background-color: rgba(46, 46, 46, 0.8);
1266+
margin-top: -45px;
1267+
}
1268+
.flex-next img {
1269+
position: absolute;
1270+
top: 13px;
1271+
right: 10px;
1272+
}
1273+
1274+
.flexslider:hover .flex-direction-nav .flex-prev {
1275+
opacity: 0.7;
1276+
left: 10px;
1277+
}
1278+
1279+
.flexslider:hover .flex-direction-nav .flex-prev:hover {
1280+
opacity: 1;
1281+
}
1282+
1283+
.flexslider:hover .flex-direction-nav .flex-next {
1284+
opacity: 0.7;
1285+
right: 10px;
1286+
}
1287+
1288+
.flexslider:hover .flex-direction-nav .flex-next:hover {
1289+
opacity: 1;
1290+
}
1291+
1292+
.flex-direction-nav .flex-disabled {
1293+
opacity: 0 !important;
1294+
filter: alpha(opacity=0);
1295+
cursor: default;
1296+
z-index: -1;
1297+
}
1298+
1299+
.flex-pauseplay a {
1300+
display: block;
1301+
width: 20px;
1302+
height: 20px;
1303+
position: absolute;
1304+
bottom: 5px;
1305+
left: 10px;
1306+
opacity: 0.8;
1307+
z-index: 10;
1308+
overflow: hidden;
1309+
cursor: pointer;
1310+
color: #000;
1311+
}
1312+
1313+
.flex-pauseplay a:before {
1314+
font-family: "flexslider-icon";
1315+
font-size: 20px;
1316+
display: inline-block;
1317+
content: "";
1318+
}
1319+
1320+
.flex-pauseplay a:hover {
1321+
opacity: 1;
1322+
}
1323+
1324+
.flex-pauseplay a.flex-play:before {
1325+
content: "";
1326+
}
1327+
1328+
.flex-control-nav {
1329+
width: 100%;
1330+
position: absolute;
1331+
bottom: 20px;
1332+
text-align: center;
1333+
}
1334+
1335+
.flex-control-nav li {
1336+
margin: 0 6px;
1337+
display: inline-block;
1338+
zoom: 1;
1339+
*display: inline;
1340+
}
1341+
1342+
.flex-control-paging li a {
1343+
width: 11px;
1344+
height: 11px;
1345+
display: block;
1346+
background: #666;
1347+
background: rgba(255, 255, 255, 0);
1348+
cursor: pointer;
1349+
text-indent: -9999px;
1350+
border-radius: 20px;
1351+
position: relative;
1352+
bottom: -2px;
1353+
border: 2px solid white;
1354+
}
1355+
1356+
.flex-control-paging li a:hover {
1357+
background: #FFF;
1358+
background: rgba(255, 255, 255, 0.7);
1359+
}
1360+
1361+
.flex-control-paging li a.flex-active {
1362+
background: #000;
1363+
background: rgba(255, 255, 255, 0.9);
1364+
cursor: default;
1365+
}
1366+
1367+
.flex-control-thumbs {
1368+
margin: 5px 0 0;
1369+
position: static;
1370+
overflow: hidden;
1371+
}
1372+
1373+
.flex-control-thumbs li {
1374+
width: 25%;
1375+
float: left;
1376+
margin: 0;
1377+
}
1378+
1379+
.flex-control-thumbs img {
1380+
width: 100%;
1381+
height: auto;
1382+
display: block;
1383+
opacity: 0.7;
1384+
cursor: pointer;
1385+
-moz-user-select: none;
1386+
transition: all 1s ease;
1387+
}
1388+
1389+
.flex-control-thumbs img:hover {
1390+
opacity: 1;
1391+
}
1392+
1393+
.flex-control-thumbs .flex-active {
1394+
opacity: 1;
1395+
cursor: default;
1396+
}
1397+
1398+
/* ====================================================================================================================
1399+
* RESPONSIVE
1400+
* ==================================================================================================================== */
1401+
@media screen and (max-width: 860px) {
1402+
.flex-direction-nav .flex-prev {
1403+
opacity: 1;
1404+
left: 10px;
1405+
}
1406+
1407+
.flex-direction-nav .flex-next {
1408+
opacity: 1;
1409+
right: 10px;
1410+
}
1411+
}
10791412
/*!
10801413
* News starts
10811414
*/

‎wp-content/themes/toolbox/footer.php

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
</div><!-- #content -->
1515

16-
<footer id="colophon" class="site-footer">
16+
<footer id="colophon" class="site-footer max">
1717
<div class="site-info">
1818
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'toolbox' ) ); ?>"><?php
1919
/* translators: %s: CMS name, i.e. WordPress. */

‎wp-content/themes/toolbox/functions.php

+4
Original file line numberDiff line numberDiff line change
@@ -121,6 +121,10 @@ function toolbox_scripts() {
121121

122122
wp_enqueue_script( 'toolbox-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );
123123

124+
wp_enqueue_script( 'toolbox-flexslidermin', get_template_directory_uri() . '/js/jquery.flexslider-min.js', array(jquery), '20160229', true );
125+
126+
wp_enqueue_script( 'toolbox-slider', get_template_directory_uri() . '/js/slider.js', array(jquery), '20160229', true );
127+
124128
wp_enqueue_script( 'toolbox-navigation', get_template_directory_uri() . '/js/mj.js', array(jquery), '20151215', true );
125129

126130
wp_enqueue_script( 'toolbox-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );

0 commit comments

Comments
 (0)