Added cool loading effect
This commit is contained in:
Pathduck
parent
b2c585a133
commit
8874f0d3b2
63
bootstrap.css
vendored
63
bootstrap.css
vendored
@ -740,12 +740,12 @@ a.text-info:focus {
|
||||
}
|
||||
|
||||
.text-success {
|
||||
color: #55ff55;
|
||||
color: #00aa00;
|
||||
}
|
||||
|
||||
a.text-success:hover,
|
||||
a.text-success:focus {
|
||||
color: #55ff55;
|
||||
color: #00aa00;
|
||||
}
|
||||
|
||||
.text-left {
|
||||
@ -1573,7 +1573,7 @@ input[type="checkbox"][readonly] {
|
||||
.control-group.success .control-label,
|
||||
.control-group.success .help-block,
|
||||
.control-group.success .help-inline {
|
||||
color: #55ff55;
|
||||
color: #00aa00;
|
||||
}
|
||||
|
||||
.control-group.success .checkbox,
|
||||
@ -1581,19 +1581,19 @@ input[type="checkbox"][readonly] {
|
||||
.control-group.success input,
|
||||
.control-group.success select,
|
||||
.control-group.success textarea {
|
||||
color: #55ff55;
|
||||
color: #00aa00;
|
||||
}
|
||||
|
||||
.control-group.success input,
|
||||
.control-group.success select,
|
||||
.control-group.success textarea {
|
||||
border-color: #55ff55;
|
||||
border-color: #00aa00;
|
||||
}
|
||||
|
||||
.control-group.success input:focus,
|
||||
.control-group.success select:focus,
|
||||
.control-group.success textarea:focus {
|
||||
border-color: #55ff55;
|
||||
border-color: #00aa00;
|
||||
-webkit-box-shadow: 0;
|
||||
-moz-box-shadow: 0;
|
||||
box-shadow: 0;
|
||||
@ -1601,9 +1601,9 @@ input[type="checkbox"][readonly] {
|
||||
|
||||
.control-group.success .input-prepend .add-on,
|
||||
.control-group.success .input-append .add-on {
|
||||
color: #55ff55;
|
||||
color: #00aa00;
|
||||
background-color: #000000;
|
||||
border-color: #55ff55;
|
||||
border-color: #00aa00;
|
||||
}
|
||||
|
||||
.control-group.info .control-label,
|
||||
@ -1850,8 +1850,11 @@ select:focus:invalid:focus {
|
||||
|
||||
input.search-query {
|
||||
padding-right: 14px;
|
||||
padding-right: 4px \9;
|
||||
padding-left: 14px;
|
||||
padding-left: 4px \9;
|
||||
/* IE7-8 doesn't have border-radius, so don't indent the padding */
|
||||
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@ -1887,6 +1890,7 @@ input.search-query {
|
||||
.form-horizontal .input-append {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
*zoom: 1;
|
||||
}
|
||||
@ -2934,7 +2938,7 @@ table th[class*="span"],
|
||||
.dropdown-menu .divider {
|
||||
*width: 100%;
|
||||
height: 1px;
|
||||
height: 0;
|
||||
height: 0;
|
||||
margin: 9px 1px;
|
||||
*margin: -5px 0 5px;
|
||||
overflow: hidden;
|
||||
@ -2973,7 +2977,7 @@ table th[class*="span"],
|
||||
background-image: linear-gradient(to bottom, #fefe54, #fefe3b);
|
||||
background-repeat: repeat-x;
|
||||
outline: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefe54', endColorstr='#fffefe3b', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefe54', endColorstr='#fffefe3b', GradientType=0);
|
||||
}
|
||||
|
||||
.dropdown-menu > .disabled > a,
|
||||
@ -2988,7 +2992,7 @@ table th[class*="span"],
|
||||
cursor: default;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
|
||||
.open {
|
||||
@ -3093,8 +3097,6 @@ table th[class*="span"],
|
||||
min-height: 20px;
|
||||
padding: 19px;
|
||||
margin-bottom: 20px;
|
||||
background-color: #000000;
|
||||
border: 1px solid #000000;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
@ -3698,7 +3700,7 @@ input[type="submit"].btn.btn-mini {
|
||||
margin-bottom: 20px;
|
||||
text-shadow: 0;
|
||||
background-color: #00aaaa;
|
||||
border: 1px solid #00aa8e;
|
||||
border: 1px solid #00aaaa;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
@ -3721,20 +3723,20 @@ input[type="submit"].btn.btn-mini {
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
color: #55ff55;
|
||||
color: #00aa00;
|
||||
background-color: #000000;
|
||||
border-color: #000000;
|
||||
}
|
||||
|
||||
.alert-success h4 {
|
||||
color: #55ff55;
|
||||
color: #00aa00;
|
||||
}
|
||||
|
||||
.alert-danger,
|
||||
.alert-error {
|
||||
color: #ffffff;
|
||||
background-color: #aa0000;
|
||||
border-color: #aa001c;
|
||||
border-color: #aa0000;
|
||||
}
|
||||
|
||||
.alert-danger h4,
|
||||
@ -3796,7 +3798,7 @@ input[type="submit"].btn.btn-mini {
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
line-height: 20px;
|
||||
color: #bbbbbb;
|
||||
color: #000000;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@ -3805,7 +3807,7 @@ input[type="submit"].btn.btn-mini {
|
||||
}
|
||||
|
||||
.nav-list {
|
||||
display: inline-block;
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
margin: 10px 5px;
|
||||
margin-left: -5px;
|
||||
@ -4903,15 +4905,13 @@ input[type="submit"].btn.btn-mini {
|
||||
.pager li > a,
|
||||
.pager li > span {
|
||||
display: inline-block;
|
||||
padding: 5px 14px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
padding: 0 20px;
|
||||
background-color: #555555;
|
||||
}
|
||||
|
||||
.pager li > a:hover,
|
||||
.pager li > a:focus {
|
||||
text-decoration: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.pager .next > a,
|
||||
@ -4930,7 +4930,7 @@ input[type="submit"].btn.btn-mini {
|
||||
.pager .disabled > span {
|
||||
color: #bbbbbb;
|
||||
cursor: default;
|
||||
background-color: #fff;
|
||||
background-color: #555555;
|
||||
}
|
||||
|
||||
.modal-backdrop {
|
||||
@ -5367,7 +5367,7 @@ a.thumbnail:focus {
|
||||
color: #ffffff;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
background-color: #bbbbbb;
|
||||
background-color: #555555;
|
||||
}
|
||||
|
||||
.badge {
|
||||
@ -5391,12 +5391,12 @@ a.badge:focus {
|
||||
|
||||
.label-important,
|
||||
.badge-important {
|
||||
background-color: #ffffff;
|
||||
background-color: #aa0000;
|
||||
}
|
||||
|
||||
.label-important[href],
|
||||
.badge-important[href] {
|
||||
background-color: #ffffff;
|
||||
background-color: #aa0000;
|
||||
}
|
||||
|
||||
.label-warning,
|
||||
@ -5411,12 +5411,12 @@ a.badge:focus {
|
||||
|
||||
.label-success,
|
||||
.badge-success {
|
||||
background-color: #55ff55;
|
||||
background-color: #00aa00;
|
||||
}
|
||||
|
||||
.label-success[href],
|
||||
.badge-success[href] {
|
||||
background-color: #55ff55;
|
||||
background-color: #00aa00;
|
||||
}
|
||||
|
||||
.label-info,
|
||||
@ -5476,6 +5476,7 @@ a.badge:focus {
|
||||
background-position: 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes progress-bar-stripes {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
@ -5862,10 +5863,6 @@ a.badge:focus {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.affix {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
#wrap386 {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
|
||||
38
footer.php
Executable file
38
footer.php
Executable file
@ -0,0 +1,38 @@
|
||||
<?php
|
||||
/**
|
||||
* The template for displaying the footer.
|
||||
*
|
||||
* Contains the closing of the id=main div and all content after
|
||||
*
|
||||
* @package wp386
|
||||
*/
|
||||
?>
|
||||
|
||||
<footer id="colophon" class="site-footer" role="contentinfo">
|
||||
<div class="site-info container">
|
||||
<?php do_action( 'wp386_credits' ); ?>
|
||||
<a href="https://wordpress.org/" title="<?php esc_attr_e( 'A Semantic Personal Publishing Platform', 'wp386' ); ?>" rel="generator"><?php printf( __( 'Proudly powered by %s', 'wp386' ), 'WordPress' ); ?></a>
|
||||
<span class="sep"> | </span>
|
||||
<?php printf( __( 'Theme: %1$s by %2$s.', 'wp386' ), 'wp386', '<a href="https://github.com/keichan34" rel="designer">Keitaroh Kobayashi</a>' ); ?>
|
||||
</div><!-- .site-info -->
|
||||
</footer><!-- #colophon -->
|
||||
|
||||
</div><!-- .span9 -->
|
||||
</div><!-- .row -->
|
||||
</div><!-- #main -->
|
||||
</div><!-- #page -->
|
||||
|
||||
<?php wp_footer(); ?>
|
||||
|
||||
</body>
|
||||
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.js"></script>
|
||||
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/bootstrap-386.js"></script>
|
||||
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/bootstrap-transition.js"></script>
|
||||
<script>
|
||||
_386 = {
|
||||
fastLoad: false ,
|
||||
onePass: false ,
|
||||
speedFactor: 1.5
|
||||
};
|
||||
</script>
|
||||
</html>
|
||||
18
header.php
18
header.php
@ -9,25 +9,23 @@
|
||||
?><!DOCTYPE html>
|
||||
<html <?php language_attributes(); ?>>
|
||||
<head>
|
||||
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="description" content="<?php bloginfo('description'); ?>" />
|
||||
<title><?php wp_title( '|', true, 'right' ); ?></title>
|
||||
<link rel="profile" href="http://gmpg.org/xfn/11">
|
||||
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
|
||||
<?php wp_head(); ?>
|
||||
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="description" content="<?php bloginfo('description'); ?>" />
|
||||
<title><?php wp_title( '|', true, 'right' ); ?></title>
|
||||
<link rel="profile" href="http://gmpg.org/xfn/11">
|
||||
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
|
||||
<?php wp_head(); ?>
|
||||
</head>
|
||||
|
||||
<body <?php body_class(); ?>>
|
||||
<div id="page" class="hfeed site">
|
||||
<?php do_action( 'before' ); ?>
|
||||
<header id="masthead" class="site-header" role="banner">
|
||||
|
||||
<div class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home" class="brand"><?php bloginfo( 'name' ); ?></a><div id="site-description"><br/><?php $fortune_file='bofh-excuses'; $fortune_args='-s -n 90'; include '/meta/s/stian/html/inc/fortune.php'; ?></div>
|
||||
|
||||
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home" class="brand"><?php bloginfo( 'name' ); ?></a><div id="site-description"><?php $fortune_file='bofh-excuses'; $fortune_args='-s -n 90'; include '/meta/s/stian/html/inc/fortune.php'; ?></div>
|
||||
<?php $walker = new Bootstrap_Nav_Menu_Walker(); ?>
|
||||
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'container' => false, 'menu_class' => 'nav', 'walker' => $walker, 'fallback_cb' => '' ) ); ?>
|
||||
</div>
|
||||
|
||||
19
js/bootstrap-386.js
vendored
19
js/bootstrap-386.js
vendored
@ -1,11 +1,8 @@
|
||||
self._386 = self._386 || {flyBy: true};
|
||||
self._386 = self._386 || {};
|
||||
|
||||
$(function(){
|
||||
var
|
||||
character = {
|
||||
height: 20,
|
||||
width: 12.4
|
||||
};
|
||||
var character = { height: 20, width: 12.4 };
|
||||
|
||||
function scrollLock() {
|
||||
var last = 0;
|
||||
$(window).bind('scroll', function(e) {
|
||||
@ -31,8 +28,14 @@ $(function(){
|
||||
}
|
||||
|
||||
function loading() {
|
||||
|
||||
if(_386.fastLoad) {
|
||||
document.body.style.visibility='visible';
|
||||
return;
|
||||
}
|
||||
|
||||
var
|
||||
flyBy = _386.flyBy,
|
||||
onePass = _386.onePass,
|
||||
speedFactor = 1 / (_386.speedFactor || 1) * 165000;
|
||||
wrap = document.createElement('div'),
|
||||
bar = wrap.appendChild(document.createElement('div')),
|
||||
@ -83,7 +86,7 @@ $(function(){
|
||||
clearInterval(ival);
|
||||
} else {
|
||||
wrap.parentNode.removeChild(wrap);
|
||||
if(! flyBy) {
|
||||
if(onePass) {
|
||||
clearInterval(ival);
|
||||
} else {
|
||||
document.body.appendChild(cursor);
|
||||
|
||||
60
js/bootstrap-transition.js
vendored
Executable file
60
js/bootstrap-transition.js
vendored
Executable file
@ -0,0 +1,60 @@
|
||||
/* ===================================================
|
||||
* bootstrap-transition.js v2.3.1
|
||||
* http://twitter.github.com/bootstrap/javascript.html#transitions
|
||||
* ===================================================
|
||||
* Copyright 2012 Twitter, Inc.
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
* ========================================================== */
|
||||
|
||||
|
||||
!function ($) {
|
||||
|
||||
"use strict"; // jshint ;_;
|
||||
|
||||
|
||||
/* CSS TRANSITION SUPPORT (http://www.modernizr.com/)
|
||||
* ======================================================= */
|
||||
|
||||
$(function () {
|
||||
|
||||
$.support.transition = (function () {
|
||||
|
||||
var transitionEnd = (function () {
|
||||
|
||||
var el = document.createElement('bootstrap')
|
||||
, transEndEventNames = {
|
||||
'WebkitTransition' : 'webkitTransitionEnd'
|
||||
, 'MozTransition' : 'transitionend'
|
||||
, 'OTransition' : 'oTransitionEnd otransitionend'
|
||||
, 'transition' : 'transitionend'
|
||||
}
|
||||
, name
|
||||
|
||||
for (name in transEndEventNames){
|
||||
if (el.style[name] !== undefined) {
|
||||
return transEndEventNames[name]
|
||||
}
|
||||
}
|
||||
|
||||
}())
|
||||
|
||||
return transitionEnd && {
|
||||
end: transitionEnd
|
||||
}
|
||||
|
||||
})()
|
||||
|
||||
})
|
||||
|
||||
}(window.jQuery);
|
||||
5
js/jquery.js
vendored
Executable file
5
js/jquery.js
vendored
Executable file
File diff suppressed because one or more lines are too long
27
style.css
27
style.css
@ -3,7 +3,7 @@
|
||||
Theme Name: WP386 (Stians)
|
||||
Template: wp386
|
||||
Theme URI: http://themes.kkob.us/blog/2013/08/05/wp386/
|
||||
Author: Keitaroh Kobayashi
|
||||
Author: Stian Lund
|
||||
Author URI: http://themes.kkob.us/
|
||||
Description: A theme to make your blog look like some sort of thing from the future.
|
||||
Version: 1.1
|
||||
@ -25,7 +25,8 @@ a:hover img,a:focus img{background:none;}
|
||||
article.comment-body{margin:20px 0;}
|
||||
article.post.sticky .page-header,article.post.sticky{background-color:#0A0;margin:30px 0;}
|
||||
article.post{-ms-word-wrap:break-word;word-wrap:break-word;}
|
||||
blockquote p {color:white;}
|
||||
blockquote p, blockquote div {color:white;}
|
||||
body {visibility: hidden;}
|
||||
body.admin-bar .navbar-fixed-top{top:30px;}
|
||||
body.admin-bar .sidebar-outer{margin-top:70px;}
|
||||
body.admin-bar.mp6 .navbar-fixed-top{top:32px;}
|
||||
@ -38,9 +39,11 @@ footer.site-footer{margin-bottom:5px;}
|
||||
img{-webkit-filter:contrast(100%);-moz-filter:contrast(100%);-ms-filter:contrast(100%);-o-filter:contrast(100%);filter:contrast(100%);}
|
||||
label{display:inline;}
|
||||
pre{color:lime;background-color:#002100;padding:10px;width:95%;box-shadow:5px 5px black;margin:1em auto;background-image:url("/img/crt-lines.png");}
|
||||
p iframe{box-shadow: 5px 5px black; border:outset 2px #bbb !important;}
|
||||
table{width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
|
||||
table th{color:white;text-align:left;}
|
||||
#today{text-decoration:underline;}
|
||||
#site-description{clear:left;}
|
||||
#site-description pre {all:unset;}
|
||||
.aligncenter{clear:both;display:block;margin:0 auto;}
|
||||
.alignleft{float:left;margin-right:0.5em;margin-bottom:0.5em;}
|
||||
.alignright{float:right;margin-left:0.5em;margin-bottom:0.5em;}
|
||||
@ -63,6 +66,7 @@ table th{color:white;text-align:left;}
|
||||
.entry-header{margin:30px 0 auto;padding:10px;background-color:#0AA;}
|
||||
.entry-content li{margin:0.5em 0 0.5em 1em;list-style:square;list-style-position:inside;}
|
||||
.entry-content embed,iframe,object{display:block;margin:0 auto;}
|
||||
.entry-content img:not(.emoji),.entry-content iframe {box-shadow: 5px 5px black !important; border:outset 2px #bbb !important; max-width: 90%}
|
||||
.entry-title{color:#FEFE54;}
|
||||
.gallery-caption{display:initial;}
|
||||
.hentry{margin:30 0 1.5em;}
|
||||
@ -97,26 +101,11 @@ table th{color:white;text-align:left;}
|
||||
.site-content .gallery{margin-bottom:1.5em;}
|
||||
.site-content{margin:0 0 1.5em;overflow:hidden;}
|
||||
.site-header{margin-bottom:15px;}
|
||||
.theme-blackonwhite #site-description{color:#bbb;}
|
||||
.theme-blackonwhite .page-header,.theme-blackonwhite .entry-header,.theme-blackonwhite .entry-header{background:#55FFFF;}
|
||||
.theme-blackonwhite .sidebar-container{background-color:#AAA;color:black;}
|
||||
.theme-blackonwhite .wp-caption{border-color:black;}
|
||||
.theme-blackonwhite ::-moz-selection{background-color:#AA5500;color:white;}
|
||||
.theme-blackonwhite ::-webkit-selection{background-color:#AA5500;color:white;}
|
||||
.theme-blackonwhite ::selection{background-color:#AA5500;color:white;}
|
||||
.theme-blackonwhite a:hover,.theme-blackonwhite a:focus{color:white;background:#FF5555;}
|
||||
.theme-blackonwhite article.post.sticky .page-header, .theme-blackonwhite article.post.sticky .entry-header{background-color:#5F5;}
|
||||
.theme-blackonwhite a{color:#0000AA;text-decoration:none;}
|
||||
.theme-blackonwhite h1,.theme-blackonwhite h2,.theme-blackonwhite h3,.theme-blackonwhite h4,.theme-blackonwhite h5,.theme-blackonwhite h6{color:black;}
|
||||
.theme-blackonwhite strong,.theme-blackonwhite em{color:black;}
|
||||
.theme-blackonwhite{background-color:white;color:black;}
|
||||
.video-player{margin-bottom:0.5em;}
|
||||
.widget select{max-width:100%;}
|
||||
.widget_search .search-submit{display:none;}
|
||||
.widget_search input.search-field{width:100%;height:24px;}
|
||||
.widget{margin:0 auto 0.7em;}
|
||||
.wp-caption{margin-bottom:0.5em;max-width:100%;clear:both;}
|
||||
.wp-caption img{display:block;margin:2% auto 0;max-width:98%; box-shadow: 5px 5px black; border:outset 2px #bbb !important;}
|
||||
.wp-caption img{display:block;margin:2% auto 0;max-width:98%;}
|
||||
.wp-caption-text{text-align:center;margin:5px 0 0;font-style:italic;}
|
||||
.wp-video {max-width:100%;height:auto;margin:1em auto;}
|
||||
#today{text-decoration:underline;}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user