diff --git a/README.md b/README.md index 1287fb3..90f685c 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -UnderStrap Wordpress Theme Framework +UnderStrap WordPress Theme Framework === Website: http://understrap.com @@ -35,14 +35,14 @@ Changelog About = -Basically I like the _s Wordpress Starter Theme from Automattic and the grid Framework Bootstrap. Additionally I´am a huge SASS fan. Why don´t combine all these three things into a solid Wordpress Theme Framework? +Basically I like the _s WordPress Starter Theme from Automattic and the grid Framework Bootstrap. Additionally I´am a huge SASS fan. Why don´t combine all these three things into a solid WordPress Theme Framework? That´s what UnderStrap is (or will be...) -At the moment UnderStrap is in a very early stage. But if you wan´t feel free to use it for your own Wordpress theme! +At the moment UnderStrap is in a very early stage. But if you wan´t feel free to use it for your own WordPress theme! Basic Features = -- Combines the _s Wordpress Starter Theme PHP/JS files and Bootstrap´s HTML/CSS/JS +- Combines the _s WordPress Starter Theme PHP/JS files and Bootstrap´s HTML/CSS/JS - Comes with Bootstrap SASS source files and additional scss files. Nicely sorted and ready to add your own variables/customize the Bootstrap variables. - Uses a single and minified CSS file for all the basic stuff - Font Awesome Icon Font integrated (V 4.2.0): http://fortawesome.github.io/Font-Awesome/ @@ -52,15 +52,15 @@ Basic Features - Child Theme ready (A basic starter Child Theme will be released in the future as a separate Repository) - Translation ready -Starter Theme + HTML Framework = Wordpress Theme Framework +Starter Theme + HTML Framework = WordPress Theme Framework = -The _s theme is a good starting point to develope a Wordpress theme. But it is "just" a raw starter theme. Means it outputs all the Wordpress stuff correctly but without any layout or design. +The _s theme is a good starting point to develope a WordPress theme. But it is "just" a raw starter theme. Means it outputs all the WordPress stuff correctly but without any layout or design. Why don´t add a well known and supported layout framework to have a solid, clean and responsive foundation? Thats where Bootstrap comes in. Confused by all the CSS and SCSS files? = Some basics about the SCSS and CSS files comes with UnderStrap: -- The theme itself uses the style.css in the root directory just to identify the theme inside of Wordpress. The file is not loaded by the theme and did not include any styles +- The theme itself uses the style.css in the root directory just to identify the theme inside of WordPress. The file is not loaded by the theme and did not include any styles - The theme.css file in /css/ subdirectory provides all styles. It is composed by five different SCSS sets and one variables file from /sass/theme.scss: - 1 "theme/theme_variables"; // <--------- Add your variables into this file. Also add variables to overwrite Bootstrap or UnderStrap variables here @@ -77,7 +77,7 @@ Some basics about the SCSS and CSS files comes with UnderStrap: Installation = - Download the understrap folder -- Upload it into your Wordpress installation subfolder here: /wp-content/themes/ -- Login to your Wordpress backend +- Upload it into your WordPress installation subfolder here: /wp-content/themes/ +- Login to your WordPress backend - Go to Appearance -> Themes - Activate the UnderStrap theme diff --git a/css/owl.carousel.min.css b/css/owl.carousel.min.css index e69de29..fb40061 100644 --- a/css/owl.carousel.min.css +++ b/css/owl.carousel.min.css @@ -0,0 +1,35 @@ +.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} +.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both} +.owl-carousel .owl-animated-in{z-index:0} +.owl-carousel .owl-animated-out{z-index:1} +.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} +@-webkit-keyframes fadeOut{0%{opacity:1} +100%{opacity:0} +} +@keyframes fadeOut{0%{opacity:1} +100%{opacity:0} +} +.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} +.owl-carousel{display:none;width:100%;z-index:1} +.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} +.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} +.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} +.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} +.owl-carousel.owl-loaded{display:block} +.owl-carousel.owl-loading{opacity:0;display:block} +.owl-carousel.owl-hidden{opacity:0} +.owl-carousel .owl-refresh .owl-item{display:none} +.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} +.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d} +.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto} +.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} +.owl-carousel.owl-rtl{direction:rtl} +.owl-carousel.owl-rtl .owl-item{float:right} +.no-js .owl-carousel{display:block} +.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} +.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} +.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease} +.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)} +.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} +.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} +.owl-carousel .owl-video-frame{position:relative;z-index:1} \ No newline at end of file diff --git a/css/theme.css b/css/theme.css index df86fdd..a9149cb 100644 --- a/css/theme.css +++ b/css/theme.css @@ -2,15 +2,15 @@ /***************************************************************** Import all needed 3rd party sass files plus your own style and variables -1. ../bower_components/_s/sass/style // Adding underscores default styles. Don´t needed if you use Bootstrap for styling +0. ../bower_components/_s/sass/style // Adding underscores default styles. Don´t needed if you use Bootstrap for styling -------------------------------------- -2. theme/theme_variables.scss // Overwriting Bootstrap variables and for own variables <-- ADD YOUR VARIABLES HERE +1. theme/theme_variables.scss // Overwriting Bootstrap variables and for own variables <-- ADD YOUR VARIABLES HERE -------------------------------------- -3.../bower_components/bootstrap-sass/assets/stylesheets/bootstrap // adding bootstrap from bower components folder. Make sure you run bower install before! <- Dont edit this files! +2.../bower_components/bootstrap-sass/assets/stylesheets/bootstrap // adding bootstrap from bower components folder. Make sure you run bower install before! <- Dont edit this files! -------------------------------------- -4. understrap/understrap.scss // Some basic understrap styles. Helps to combine Bootsrap and _s theme and provides some basic styleing for additonal functions <- Dont edit this files! +3. understrap/understrap.scss // Some basic understrap styles. Helps to combine Bootsrap and _s theme and provides some basic styleing for additonal functions <- Dont edit this files! -------------------------------------- -5. ../bower_components/fontawesome/scss/font-awesome <- Dont edit this files! If you don´t need/want Font Awesome support comment out this line +4. ../bower_components/fontawesome/scss/font-awesome <- Dont edit this files! If you don´t need/want Font Awesome support comment out this line -------------------------------------- @@ -6104,6 +6104,24 @@ body { .wrapper#wrapper-sticky { border-bottom: 1px solid #eeeeee; } +.wp-caption { + font-size: inherit; } + +.wp-caption-text { + font-size: inherit; } + +.screen-reader-text { + font-size: inherit; } + +.alignright { + font-size: inherit; } + +.alignleft { + font-size: inherit; } + +.aligncenter { + font-size: inherit; } + /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) diff --git a/css/theme.min.css b/css/theme.min.css index a6ec22c..9b51c11 100644 --- a/css/theme.min.css +++ b/css/theme.min.css @@ -1493,6 +1493,7 @@ button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance .hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important} .invisible{visibility:hidden} .text-hide{font:0/0 a;color:transparent;background-color:transparent;border:0} +.aligncenter,.alignleft,.alignright,.bypostauthor,.gallery-caption,.screen-reader-text,.sticky,.wp-caption,.wp-caption-text{font-size:inherit} .affix{position:fixed} @-ms-viewport{width:device-width} @media (max-width:767px){.visible-xs{display:block!important} @@ -1555,7 +1556,6 @@ td.visible-print,th.visible-print{display:table-cell!important} body{padding-top:50px} .wrapper{padding:30px 0} #wrapper-hero,#wrapper-static-hero{padding:0!important} -.bypostauthor,.gallery-caption,.sticky{font-size:inherit} .wrapper#wrapper-sticky{border-bottom:1px solid #eee} /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome diff --git a/languages/_s.pot b/languages/_s.pot deleted file mode 100644 index 2bb2e64..0000000 --- a/languages/_s.pot +++ /dev/null @@ -1,297 +0,0 @@ -# Copyright (C) 2014 Automattic -# This file is distributed under the GNU General Public License v2 or later. -msgid "" -msgstr "" -"Project-Id-Version: _s 1.0-wpcom\n" -"Report-Msgid-Bugs-To: http://wordpress.org/tags/_s\n" -"POT-Creation-Date: 2014-06-03 14:02:16+00:00\n" -"MIME-Version: 1.0\n" -"Content-Type: text/plain; charset=UTF-8\n" -"Content-Transfer-Encoding: 8bit\n" -"PO-Revision-Date: 2014-MO-DA HO:MI+ZONE\n" -"Last-Translator: FULL NAME \n" -"Language-Team: LANGUAGE \n" - -#: 404.php:15 -msgid "Oops! That page can’t be found." -msgstr "" - -#: 404.php:19 -msgid "" -"It looks like nothing was found at this location. Maybe try one of the links " -"below or a search?" -msgstr "" - -#: 404.php:27 -msgid "Most Used Categories" -msgstr "" - -#. translators: %1$s: smiley -#: 404.php:44 -msgid "Try looking in the monthly archives. %1$s" -msgstr "" - -#: archive.php:27 -msgid "Author: %s" -msgstr "" - -#: archive.php:30 -msgid "Day: %s" -msgstr "" - -#: archive.php:33 -msgid "Month: %s" -msgstr "" - -#: archive.php:33 -msgctxt "monthly archives date format" -msgid "F Y" -msgstr "" - -#: archive.php:36 -msgid "Year: %s" -msgstr "" - -#: archive.php:36 -msgctxt "yearly archives date format" -msgid "Y" -msgstr "" - -#: archive.php:39 -msgid "Asides" -msgstr "" - -#: archive.php:42 -msgid "Galleries" -msgstr "" - -#: archive.php:45 -msgid "Images" -msgstr "" - -#: archive.php:48 -msgid "Videos" -msgstr "" - -#: archive.php:51 -msgid "Quotes" -msgstr "" - -#: archive.php:54 -msgid "Links" -msgstr "" - -#: archive.php:57 -msgid "Statuses" -msgstr "" - -#: archive.php:60 -msgid "Audios" -msgstr "" - -#: archive.php:63 -msgid "Chats" -msgstr "" - -#: archive.php:66 sidebar.php:16 -msgid "Archives" -msgstr "" - -#: comments.php:28 -msgctxt "comments title" -msgid "One thought on “%2$s”" -msgid_plural "%1$s thoughts on “%2$s”" -msgstr[0] "" -msgstr[1] "" - -#: comments.php:35 comments.php:52 -msgid "Comment navigation" -msgstr "" - -#: comments.php:36 comments.php:53 -msgid "← Older Comments" -msgstr "" - -#: comments.php:37 comments.php:54 -msgid "Newer Comments →" -msgstr "" - -#: comments.php:64 -msgid "Comments are closed." -msgstr "" - -#: content-none.php:13 -msgid "Nothing Found" -msgstr "" - -#: content-none.php:19 -msgid "" -"Ready to publish your first post? Get started here." -msgstr "" - -#: content-none.php:23 -msgid "" -"Sorry, but nothing matched your search terms. Please try again with some " -"different keywords." -msgstr "" - -#: content-none.php:28 -msgid "" -"It seems we can’t find what you’re looking for. Perhaps " -"searching can help." -msgstr "" - -#: content-page.php:18 content-single.php:20 content.php:27 -msgid "Pages:" -msgstr "" - -#: content-page.php:24 content-single.php:60 content.php:61 -msgid "Edit" -msgstr "" - -#. translators: used between list items, there is a space after the comma -#: content-single.php:29 content-single.php:32 content.php:38 content.php:48 -msgid ", " -msgstr "" - -#: content-single.php:37 -msgid "" -"This entry was tagged %2$s. Bookmark the permalink." -msgstr "" - -#: content-single.php:39 -msgid "Bookmark the permalink." -msgstr "" - -#: content-single.php:45 -msgid "" -"This entry was posted in %1$s and tagged %2$s. Bookmark the permalink." -msgstr "" - -#: content-single.php:47 -msgid "" -"This entry was posted in %1$s. Bookmark the permalink." -msgstr "" - -#: content.php:24 -msgid "Continue reading →" -msgstr "" - -#: content.php:42 -msgid "Posted in %1$s" -msgstr "" - -#: content.php:52 -msgid "Tagged %1$s" -msgstr "" - -#: content.php:58 -msgid "Leave a comment" -msgstr "" - -#: content.php:58 -msgid "1 Comment" -msgstr "" - -#: content.php:58 -msgid "% Comments" -msgstr "" - -#: footer.php:15 -msgid "http://wordpress.org/" -msgstr "" - -#: footer.php:15 -msgid "Proudly powered by %s" -msgstr "" - -#: footer.php:17 -msgid "Theme: %1$s by %2$s." -msgstr "" - -#: functions.php:45 header.php:32 -msgid "Primary Menu" -msgstr "" - -#: functions.php:80 -msgid "Sidebar" -msgstr "" - -#: header.php:23 -msgid "Skip to content" -msgstr "" - -#: inc/extras.php:63 -msgid "Page %s" -msgstr "" - -#: inc/template-tags.php:21 -msgid "Posts navigation" -msgstr "" - -#: inc/template-tags.php:25 -msgid "← Older posts" -msgstr "" - -#: inc/template-tags.php:29 -msgid "Newer posts →" -msgstr "" - -#: inc/template-tags.php:52 -msgid "Post navigation" -msgstr "" - -#: inc/template-tags.php:55 -msgctxt "Previous post link" -msgid "← %title" -msgstr "" - -#: inc/template-tags.php:56 -msgctxt "Next post link" -msgid "%title →" -msgstr "" - -#: inc/template-tags.php:82 -msgctxt "post date" -msgid "Posted on %s" -msgstr "" - -#: inc/template-tags.php:87 -msgctxt "post author" -msgid "by %s" -msgstr "" - -#: search.php:16 -msgid "Search Results for: %s" -msgstr "" - -#: sidebar.php:23 -msgid "Meta" -msgstr "" - -#. Theme Name of the plugin/theme -msgid "_s" -msgstr "" - -#. Theme URI of the plugin/theme -msgid "http://underscores.me/" -msgstr "" - -#. Description of the plugin/theme -msgid "" -"Hi. I'm a starter theme called _s, or underscores, if " -"you like. I'm a theme meant for hacking so don't use me as a Parent " -"Theme. Instead try turning me into the next, most awesome, WordPress " -"theme out there. That's what I'm here for." -msgstr "" - -#. Author of the plugin/theme -msgid "Automattic" -msgstr "" - -#. Author URI of the plugin/theme -msgid "http://automattic.com/" -msgstr "" diff --git a/languages/readme.txt b/languages/readme.txt deleted file mode 100644 index e1edd08..0000000 --- a/languages/readme.txt +++ /dev/null @@ -1,7 +0,0 @@ -Place your theme language files in this directory. - -Please visit the following links to learn more about translating WordPress themes: - -http://codex.wordpress.org/WordPress_in_Your_Language -https://make.wordpress.org/docs/theme-developer-handbook/part-two-theme-functionality/localization/ -http://codex.wordpress.org/Function_Reference/load_theme_textdomain diff --git a/rtl.css b/rtl.css deleted file mode 100644 index 284d4c8..0000000 --- a/rtl.css +++ /dev/null @@ -1,17 +0,0 @@ -/* -Theme Name: understrap - -Adding support for language written in a Right To Left (RTL) direction is easy - -it's just a matter of overwriting all the horizontal positioning attributes -of your CSS stylesheet in a separate stylesheet file named rtl.css. - -http://codex.wordpress.org/Right_to_Left_Language_Support - -*/ - -/* -body { - direction: rtl; - unicode-bidi: embed; -} -*/ \ No newline at end of file diff --git a/sass/understrap/understrap.scss b/sass/understrap/understrap.scss index 9e68785..ba4d0c8 100644 --- a/sass/understrap/understrap.scss +++ b/sass/understrap/understrap.scss @@ -17,4 +17,12 @@ font-size:inherit; } // Separate sticky wrapper from main content -.wrapper#wrapper-sticky {border-bottom:1px solid $gray-lighter;} \ No newline at end of file +.wrapper#wrapper-sticky {border-bottom:1px solid $gray-lighter;} + +// Necessary WP classes +.wp-caption {font-size: inherit;} +.wp-caption-text {font-size: inherit;} +.screen-reader-text {font-size: inherit;} +.alignright {font-size: inherit;} +.alignleft {font-size: inherit;} +.aligncenter {font-size: inherit;} \ No newline at end of file diff --git a/screenshot.png b/screenshot.png index cac52e0..9b02946 100644 Binary files a/screenshot.png and b/screenshot.png differ