stian/wp386-child
stian/wp386-child
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
Pathduck 2022-10-07 18:05:33 +02:00
parent 8874f0d3b2
commit 23422ca0f2
8 changed files with 6297 additions and 6303 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
archives.php
View File

@ -1,34 +1,31 @@
<?php
/*
Template Name: Archives
*/
?>
<?php get_header();?>
<div id="container">
<div id="content" role="main">
<header class="entry-header">
<h1 class="entry-title"><?php the_title(); ?></h1>
</header>
<div><?php get_search_form();?></div>
<table>
<tr>
<th>By Month</th>
<th>By Subject</th>
</tr>
<tr>
<td style="vertical-align:top">
<ul><?php wp_get_archives( array('type' => 'monthly','format' => 'custom','after' => ' &ndash; ')); ?></ul>
<!--<?php //wp_get_archives('type=monthly'); ?>-->
</td>
<td style="vertical-align:top">
<ul><?php wp_list_categories(); ?></ul>
</td>
</tr>
</table>
</div><!-- #content -->
</div><!-- #container -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
<?php
/*
Template Name: Archives
*/
?>
<?php get_header();?>
<div id="container">
<div id="content" role="main">
<header class="entry-header">
<h1 class="entry-title"><?php the_title(); ?></h1>
</header>
<div><?php get_search_form();?></div>
<table>
<tr>
<th>By Month</th>
<th>By Subject</th>
</tr>
<tr>
<td style="vertical-align:top">
<ul><?php wp_get_archives( array('type' => 'monthly','format' => 'custom','after' => ' &ndash; ')); ?></ul>
<!--<?php //wp_get_archives('type=monthly'); ?>-->
</td>
<td style="vertical-align:top">
<ul><?php wp_list_categories(); ?></ul>
</td>
</tr>
</table>
</div><!-- #content -->
</div><!-- #container -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

11786
bootstrap.css vendored
View File

File diff suppressed because it is too large Load Diff

76
footer.php
View File

@ -1,38 +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>
<?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(); ?>
<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>
</body>
</html>

104
header.php
View File

@ -1,53 +1,51 @@
<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id="main">
*
* @package wp386
*/
?><!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(); ?>
</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"><?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>
</div>
</div>
</header><!-- #masthead -->
<div id="main" class="site-main container">
<?php if (is_active_sidebar( 'sidebar-1' )): ?>
<div class="row">
<div class="span3">
<div class="sidebar-affix">
<div class="sidebar-outer">
<div class="sidebar-container">
<?php dynamic_sidebar( 'sidebar-1' ); ?>
</div>
</div>
</div>
</div>
<div class="span9">
<?php else: ?>
<div class="span12">
<?php endif; ?>
<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id="main">
*
* @package wp386
*/
?>
<!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="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"><?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>
</div>
</div>
</header><!-- #masthead -->
<div id="main" class="site-main container">
<?php if (is_active_sidebar( 'sidebar-1' )): ?>
<div class="row">
<div class="span3">
<div class="sidebar-affix">
<div class="sidebar-outer">
<div class="sidebar-container">
<?php dynamic_sidebar( 'sidebar-1' ); ?>
</div>
</div>
</div>
</div>
<div class="span9">
<?php else: ?>
<div class="span12">
<?php endif; ?>

222
js/bootstrap-386.js vendored
View File

@ -1,111 +1,111 @@
self._386 = self._386 || {};
$(function(){
var character = { height: 20, width: 12.4 };
function scrollLock() {
var last = 0;
$(window).bind('scroll', function(e) {
var func, off = $(window).scrollTop();
console.log(off, last, off < last ? "up" : "down");
// this determines whether the user is intending to go up or down.
func = off < last ? "floor" : "ceil";
// make sure we don't run this from ourselves
if(off % character.height === 0) {
return;
}
last = off;
window.scrollTo(
0,
Math[func](off / character.height) * character.height
);
});
}
function loading() {
if(_386.fastLoad) {
document.body.style.visibility='visible';
return;
}
var
onePass = _386.onePass,
speedFactor = 1 / (_386.speedFactor || 1) * 165000;
wrap = document.createElement('div'),
bar = wrap.appendChild(document.createElement('div')),
cursor = document.createElement('div'),
// If the user specified that the visibility is hidden, then we
// start at the first pass ... otherwise we just do the
// cursor fly-by
pass = ($(document.body).css('visibility') == 'visible') ? 1 : 0,
height = $(window).height(),
width = $(window).width(),
// this makes the loading of the screen proportional to the real-estate of the window.
// it helps keep the cool sequence there while not making it waste too much time.
rounds = (height * width / speedFactor),
column = width, row = height - character.height;
wrap.id = "wrap386";
bar.id = "bar386";
cursor.id = "cursor386";
cursor.innerHTML = bar.innerHTML = '&#9604;';
// only inject the wrap if the pass is 0
if(pass === 0) {
document.body.appendChild(wrap);
document.body.style.visibility='visible';
} else {
document.body.appendChild(cursor);
rounds /= 2;
character.height *= 4;
}
var ival = setInterval(function(){
for(var m = 0; m < rounds; m++) {
column -= character.width;
if(column <= 0) {
column = width;
row -= character.height;
}
if(row <= 0) {
pass++;
row = height - character.height;
if(pass == 2) {
document.body.removeChild(cursor);
clearInterval(ival);
} else {
wrap.parentNode.removeChild(wrap);
if(onePass) {
clearInterval(ival);
} else {
document.body.appendChild(cursor);
rounds /= 2;
character.height *= 4;
}
}
}
if(pass === 0) {
bar.style.width = column + "px";
wrap.style.height = row + "px";
} else {
cursor.style.right = column + "px";
cursor.style.bottom = row + "px";
}
}
}, 1);
}
loading();
});
self._386 = self._386 || {};
$(function(){
var character = { height: 20, width: 12.4 };
function scrollLock() {
var last = 0;
$(window).bind('scroll', function(e) {
var func, off = $(window).scrollTop();
console.log(off, last, off < last ? "up" : "down");
// this determines whether the user is intending to go up or down.
func = off < last ? "floor" : "ceil";
// make sure we don't run this from ourselves
if(off % character.height === 0) {
return;
}
last = off;
window.scrollTo(
0,
Math[func](off / character.height) * character.height
);
});
}
function loading() {
if(_386.fastLoad) {
document.body.style.visibility='visible';
return;
}
var
onePass = _386.onePass,
speedFactor = 1 / (_386.speedFactor || 1) * 165000;
wrap = document.createElement('div'),
bar = wrap.appendChild(document.createElement('div')),
cursor = document.createElement('div'),
// If the user specified that the visibility is hidden, then we
// start at the first pass ... otherwise we just do the
// cursor fly-by
pass = ($(document.body).css('visibility') == 'visible') ? 1 : 0,
height = $(window).height(),
width = $(window).width(),
// this makes the loading of the screen proportional to the real-estate of the window.
// it helps keep the cool sequence there while not making it waste too much time.
rounds = (height * width / speedFactor),
column = width, row = height - character.height;
wrap.id = "wrap386";
bar.id = "bar386";
cursor.id = "cursor386";
cursor.innerHTML = bar.innerHTML = '&#9604;';
// only inject the wrap if the pass is 0
if(pass === 0) {
document.body.appendChild(wrap);
document.body.style.visibility='visible';
} else {
document.body.appendChild(cursor);
rounds /= 2;
character.height *= 4;
}
var ival = setInterval(function(){
for(var m = 0; m < rounds; m++) {
column -= character.width;
if(column <= 0) {
column = width;
row -= character.height;
}
if(row <= 0) {
pass++;
row = height - character.height;
if(pass == 2) {
document.body.removeChild(cursor);
clearInterval(ival);
} else {
wrap.parentNode.removeChild(wrap);
if(onePass) {
clearInterval(ival);
} else {
document.body.appendChild(cursor);
rounds /= 2;
character.height *= 4;
}
}
}
if(pass === 0) {
bar.style.width = column + "px";
wrap.style.height = row + "px";
} else {
cursor.style.right = column + "px";
cursor.style.bottom = row + "px";
}
}
}, 1);
}
loading();
});

118
js/bootstrap-transition.js vendored
View File

@ -1,60 +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
}
})()
})
/* ===================================================
* 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);

8
js/jquery.js vendored
View File

File diff suppressed because one or more lines are too long

221
style.css
View File

@ -1,111 +1,110 @@
@charset "UTF-8";
/*!
Theme Name: WP386 (Stians)
Template: wp386
Theme URI: http://themes.kkob.us/blog/2013/08/05/wp386/
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
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: two-columns, left-sidebar, black, blue, sticky-post, custom-menu
WP386: A theme to make your blog look like some sort of thing from the future. Based on a Twitter Bootstrap theme: https://github.com/kristopolous/BOOTSTRA.386
WP386 is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
*/
@import url("bootstrap.css");
/*!
WP386 Theme
*/
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, 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;}
body.admin-bar.mp6 .sidebar-outer{margin-top:60px;}
embed,iframe,object{max-width:100%;}
form input.search-field {border: inset;box-shadow: 3px 3px black;}
form input.search-submit {border: outset;background: #bbb;}
footer.entry-meta{display:block;clear:both;padding:5px 0 5px;border-top:2px solid #bbbbbb;}
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");}
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;}
.blog .format-aside .entry-title,.archive .format-aside .entry-title{display:none;}
.border-box,.widget_search input.search-field,.sidebar-container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.byline,.updated{display:none;}
.bypostauthor{display:initial;}
.clear:before,.clear:after{content:'';display:table;clear:both;}
.comments-area{margin:30px 0 0;clear:both;}
.comment-content a{word-wrap:break-word;}
.comment-respond code{white-space:normal;}
.comment-respond input,label,textarea,select{margin:0px;width:auto;}
.comment-respond p{margin:0px 0px 10px;}
.comments-link,.edit-link{display:inline-block;padding:0 14px;margin:0 5px 5px;text-align:center;vertical-align:middle;background:none repeat scroll 0 0 #BBB;color:black;border:none;border-radius:0;box-shadow:5px 5px black;}
.comments-link>a,.edit-link>a{color:black;}
.comments-link>a:after,.edit-link>a:after{content:" >";}
.comments-link>a:before,.edit-link>a:before{content:"< ";}
.comments-link>a:hover,.edit-link>a:hover,.comments-link>a:focus,.edit-link>a:focus{color:white;background-color:transparent;}
.comment-form-comment label {display: block;}
.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;}
.infinite-scroll .paging-navigation,.infinite-scroll.neverending .site-footer{display:none;}
.infinity-end.neverending .site-footer{display:block;}
.nav .dropdown ul.dropdown-menu .dropdown .dropdown-menu{left:100%;top:-4px;}
.nav .dropdown ul.dropdown-menu .dropdown>a::after{content:"?";float:right;}
.nav .dropdown ul.dropdown-menu>li{list-style-type:none;}
.nav .dropdown>a::after{content:"?";margin-left:4px;}
.nav-next{float:right;text-align:right;width:50%;}
.nav-previous{float:left;width:50%;}
.navbar-inverse .navbar-inner{background:black;}
.navbar{width:auto;}
.page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;}
.page-content,.entry-content,.entry-summary{margin:1.5em 0 0;}
.page-header h1{color:#FEFE54;}
.page-header{margin:30px 0;padding:10px;background-color:#0AA;}
.page-links{clear:both;margin:0 0 1.5em;}
.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto;color:#21759b;display:block;font-size:18px;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute;}
.sidebar-affix{top:0;bottom:0;}
.sidebar-container input,form{margin:0;}
.sidebar-container ul,ol{margin:0 0 15px;}
.sidebar-container{padding:14px 16px;margin-bottom:0;box-shadow:5px 5px black;background:#555;color:white;}
.sidebar-container{width:225px;overflow-x:hidden;}
.sidebar-container a:hover img,.sidebar-container a:focus img {background: #555;}
.sidebar-outer{margin-top:45px;position:absolute;top:0;bottom:30px;}
.single .byline,.group-blog .byline{display:inline;}
.site-content .gallery a img{border:none;height:auto;max-width:90%;}
.site-content .gallery dd{margin:0;}
.site-content .gallery dt{margin-bottom:0.5em;}
.site-content .gallery{margin-bottom:1.5em;}
.site-content{margin:0 0 1.5em;overflow:hidden;}
.site-header{margin-bottom:15px;}
.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%;}
.wp-caption-text{text-align:center;margin:5px 0 0;font-style:italic;}
.wp-video {max-width:100%;height:auto;margin:1em auto;}
@charset "UTF-8";
/*!
Theme Name: WP386 (Stians)
Template: wp386
Theme URI: http://themes.kkob.us/blog/2013/08/05/wp386/
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
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: two-columns, left-sidebar, black, blue, sticky-post, custom-menu
WP386: A theme to make your blog look like some sort of thing from the future. Based on a Twitter Bootstrap theme: https://github.com/kristopolous/BOOTSTRA.386
WP386 is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
*/
@import url("bootstrap.css");
/*!
WP386 Theme
*/
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, 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;}
body.admin-bar.mp6 .sidebar-outer{margin-top:60px;}
embed,iframe,object{max-width:100%;}
form input.search-field {border: inset;box-shadow: 3px 3px black;}
form input.search-submit {border: outset;background: #bbb;}
footer.entry-meta{display:block;clear:both;padding:5px 0 5px;border-top:2px solid #bbbbbb;}
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");}
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;}
.blog .format-aside .entry-title,.archive .format-aside .entry-title{display:none;}
.border-box,.widget_search input.search-field,.sidebar-container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.byline,.updated{display:none;}
.bypostauthor{display:initial;}
.clear:before,.clear:after{content:'';display:table;clear:both;}
.comments-area{margin:30px 0 0;clear:both;}
.comment-content a{word-wrap:break-word;}
.comment-respond code{white-space:normal;}
.comment-respond input,label,textarea,select{margin:0px;width:auto;}
.comment-respond p{margin:0px 0px 10px;}
.comments-link,.edit-link{display:inline-block;padding:0 14px;margin:0 5px 5px;text-align:center;vertical-align:middle;background:none repeat scroll 0 0 #BBB;color:black;border:none;border-radius:0;box-shadow:5px 5px black;}
.comments-link>a,.edit-link>a{color:black;}
.comments-link>a:after,.edit-link>a:after{content:" >";}
.comments-link>a:before,.edit-link>a:before{content:"< ";}
.comments-link>a:hover,.edit-link>a:hover,.comments-link>a:focus,.edit-link>a:focus{color:white;background-color:transparent;}
.comment-form-comment label {display: block;}
.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;}
.infinite-scroll .paging-navigation,.infinite-scroll.neverending .site-footer{display:none;}
.infinity-end.neverending .site-footer{display:block;}
.nav .dropdown ul.dropdown-menu .dropdown .dropdown-menu{left:100%;top:-4px;}
.nav .dropdown ul.dropdown-menu .dropdown>a::after{content:"?";float:right;}
.nav .dropdown ul.dropdown-menu>li{list-style-type:none;}
.nav .dropdown>a::after{content:"?";margin-left:4px;}
.nav-next{float:right;text-align:right;width:50%;}
.nav-previous{float:left;width:50%;}
.navbar-inverse .navbar-inner{background:black;}
.navbar{width:auto;}
.page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;}
.page-content,.entry-content,.entry-summary{margin:1.5em 0 0;}
.page-header h1{color:#FEFE54;}
.page-header{margin:30px 0;padding:10px;background-color:#0AA;}
.page-links{clear:both;margin:0 0 1.5em;}
.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto;color:#21759b;display:block;font-size:18px;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute;}
.sidebar-affix{top:0;bottom:0;}
.sidebar-container input,form{margin:0;}
.sidebar-container ul,ol{margin:0 0 15px;}
.sidebar-container{padding:14px 16px;margin-bottom:0;box-shadow:5px 5px black;background:#555;color:white;}
.sidebar-container{width:225px;overflow-x:hidden;}
.sidebar-container a:hover img,.sidebar-container a:focus img {background: #555;}
.sidebar-outer{margin-top:45px;position:absolute;top:0;bottom:30px;}
.single .byline,.group-blog .byline{display:inline;}
.site-content .gallery a img{border:none;height:auto;max-width:90%;}
.site-content .gallery dd{margin:0;}
.site-content .gallery dt{margin-bottom:0.5em;}
.site-content .gallery{margin-bottom:1.5em;}
.site-content{margin:0 0 1.5em;overflow:hidden;}
.site-header{margin-bottom:15px;}
.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%;}
.wp-caption-text{text-align:center;margin:5px 0 0;font-style:italic;}
.wp-video {max-width:100%;height:auto;margin:1em auto;}