Skip to content

Instantly share code, notes, and snippets.

@gersande

gersande/A-Pen-by-Gersande.markdown

Created October 27, 2013 22:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gersande/7188543 to your computer and use it in GitHub Desktop.
Save gersande/7188543 to your computer and use it in GitHub Desktop.
Download ZIP
A Pen by Gersande.
Raw
index.html
<body class="home page page-parent page-template page-template-template-custom-php logged-in admin-bar no-customize-support">
<!--[if lt IE 7]><div class="alert">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div><![endif]-->
<div id="wrapper">
<div id="innerwrapper">
<header class="banner navbar navbar-static-top" role="banner">
<div class="container">
<a href="http://www.gersande.com/"><img width="100px" id="drakkar-logo-top" src="http://www.gersande.com/assets/img/drakkaricontop.png"></a>
<button data-target=".nav-main" data-toggle="collapse" type="button" class="navbar-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<nav class="nav-main nav-collapse collapse" role="navigation">
<ul id="menu-gersandes-menu" class="nav navbar-nav"><li class="dropdown menu-navigation"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="/g/">Navigation <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="menu-about-me"><a href="/g/">About Me</a></li>
<li class="menu-blogroll"><a href="/good-old-fashioned-blogroll/">Blogroll</a></li>
<li class="menu-where-was-i-in-2013"><a href="/welcome/past-events-of-2013/">Where Was I in 2013</a></li>
</ul>
</li>
<li class="menu-blog"><a href="/blog/">Blog</a></li>
<li class="menu-art"><a href="/gallery-round-up/">Art</a></li>
<li class="menu-poetry"><a href="/poetry/">Poetry</a></li>
<li class="menu-publications"><a href="/publications/">Publications</a></li>
<li class="menu-workshops"><a href="/workshops/">Workshops</a></li>
<li class="menu-interviews"><a href="/videos/">Interviews</a></li>
<li class="menu-contact"><a href="mailto:write@gersande.com">Contact</a></li>
</ul> </nav>
<div class="name-celtique">
<a href="http://www.gersande.com/">le site de Gersande La Flèche</a>
<div class="boutons" style="font-family: Helvetica; display:block; text-align: right;">
<a href="https://tinyletter.com/gersande">suscribe</a>
&bull;
<a href="http://feeds.feedburner.com/Gersande"><img src="http://www.gersande.com/wordpress-temp/wp-content/themes/drakkar-crossing/assets/img/feed-icon-12x12-orange.gif" alt="rss"> feedburner</a>
<!--
Not too many boutons, okay? Okay.
-->
</div>
</div>
</div>
</header>
<div class="wrap container" role="document">
<div class="content row">
<div class="main col-lg-12" role="main">
<!--div class="secondary-container slider">
<!--Slider
<img class="slider-image first-child active slider_onclick" src="http://www.gersande.com/assets/img/slider/slide5.png">
<img class="slider-image second-child slider_onclick" src="http://www.gersande.com/assets/img/slider/slide3.png">
<img class="slider-image second-child slider_onclick" src="http://www.gersande.com/assets/img/slider/slide5.png">
<img class="slider-image second-child slider_onclick" src="http://www.gersande.com/assets/img/slider/slide2.png">
<img class="slider-image second-child slider_onclick" src="http://www.gersande.com/assets/img/slider/slide7.png">
<img class="slider-image second-child slider_onclick" src="/wordpress-temp/wp-content/uploads/2013/08/carvingstuff.png">
</div>-->
<div style="display: block; width: 800; margin-right: auto;"><h1>Please help my non profit get some funding!</h1><a href='http://www.avivacommunityfund.org/ideas/acf17420' target='_blank'><img src='http://media.avivacommunityfund.org/ideas/badge/id:17420/size:728x90' width='728' height='90' /></a></div>
<div class="dont-float-next-to-me">
<div class="main-body-to-the-side">
<div class="page-header">
<h1>
About Gersande </h1>
</div> <p>Gersande is a coder by day, and a poet by night. Depending on the time of year that balance is sometimes overthrown by the mighty overlords of homework and other things like exams.</p>
<p>As a mysterious human being fuelled by caffeine and lack of sleep, she has roamed many lands, spending bits of time living in Brittany, Segovia, Connecticut and Ottawa, but she grew up mostly in Montréal and calls it home for the moment. She goes to Concordia University, where she studies Creative Writing and is currently trying to convince the Engineering Faculty that an Arts student does have what it takes to at <em>least</em> minor in Computer Science.</p>
<p>Gersande like storms, dying her hair red, singing folk and bluegrass while walking down the street, and doodling.</p>
<p>Bonus: Best way to contact Gersande is via twitter!</p>
<figure id="attachment_2974" class="thumbnail wp-caption alignleft" style="width: 300px"><a href="http://society6.com/gersande"><img class=" wp-image-2974 " style="padding: 15px; margin: 0px;" alt="Artwork on iPhones" src="http://www.gersande.com/wordpress-temp/wp-content/uploads/2013/03/6923741_3328578-caseiphone4_l.jpg" width="300" height="300" /></a><figcaption class="caption wp-caption-text">I also design artwork on iPhones</figcaption></figure>
<p>&nbsp;</p>
</div>
<div class="frontpage-widgets-sidebar-right">
<section class="widget search-3 widget_search"><div class="widget-inner"><h3> </h3><form role="search" method="get" class="search-form form-inline" action="http://www.gersande.com/">
<div class="input-group">
<input type="search" value="" name="s" class="search-field form-control" placeholder="Search Gersande">
<label class="hide">Search for:</label>
<span class="input-group-btn">
<button type="submit" class="search-submit btn btn-default">Search</button>
</span>
</div>
</form>
</div></section> <section class="widget recent-posts-4 widget_recent_entries"><div class="widget-inner"> <h3>Most Recent Posts on the Blog</h3> <ul>
<li>
<a href="/personal-update-death-sucks-october-is-great/">Personal Update: Death Sucks, October is Great</a>
<span class="post-date">25 October, 2013</span>
</li>
<li>
<a href="/stm-adventure-1-oratory-or-bust-our-first-augmented-reality-game/">STM Adventure 1 : Oratory Or Bust, our first Augmented Reality Game</a>
<span class="post-date">16 October, 2013</span>
</li>
<li>
<a href="/whirlwind-wednesday/">Whirlwind Wednesday</a>
<span class="post-date">9 October, 2013</span>
</li>
</ul>
</div></section><section class="widget twitter_timeline-3 widget_twitter_timeline"><div class="widget-inner"><a class="twitter-timeline" data-widget-id="333008581488148481" data-theme="light" data-link-color="#f96e5b" data-border-color="#e8e8e8" data-chrome="noheader nofooter noborders noscrollbar transparent" data-tweet-limit="3" width="300" height="350" lang="EN">My Tweets</a></div></section> </div>
</div>
</div> <!--This is the end of the innerwrapper div-->
</div> <!--This is the end of the wrapper div--> </div><!-- /.main -->
</div><!-- /.content -->
</div><!-- /.wrap -->
<footer class="content-info" role="contentinfo">
<br />
<a href="http://github.com/gersande">Github</a> | <a href="http://twitter.com/gersandelf">Twitter</a> | <a href="http://medium.com/@gersandelf/">Medium</a> | <a href="http://www.facebook.com/gersande.official">Facebook</a> | <a href="http://www.flickr.com/people/gersande/">Flickr</a> | <a href="http://ca.linkedin.com/in/gersandelafleche">LinkedIn</a> | <a href="http://gersandelf.deviantart.com">DeviantArt</a> | <a href="http://www.spundge.com/profiles/gersande/">Spundge</a> | <a href="http://society6.com/gersande">Society6</a>
<br />
<a href="http://kidscodejeunesse.org">Kids Code Jeunesse</a>
<div class="copy-info">
<span style="font-size:small; font-weight: 500;"><a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Attribution-NonCommercial-NoDerivs 3.0 Unported (CC BY-NC-ND 3.0) Creative Commons Licence &copy; 2013 Gersande</a><br />All writing and art here is the property of Gersande La Flèche (unless otherwise stated explicitely) and she does not give you license to use it. Views expressed are her own.</span>
<br />
<span style="font-size:small; font-weight: 300;">I made all this with Wordpress - Theme up on GitHub : <a href="http://github.com/gersande/drakkar-crossing">Drakkar Crossing</a></span>
</div>
</footer>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-37910593-1']);
_gaq.push(['_setDomainName', 'gersande.com']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type='text/javascript' charset='utf-8'>
(function($) {
$('body.single .post').readingTime();
})( jQuery );
</script>
<div style="display:none">
</div>
<link rel="stylesheet" href="http://s0.wp.com/wp-content/mu-plugins/notes/admin-bar-v2.css?ver=2.5-201343">
<link rel="stylesheet" href="http://s0.wp.com/i/noticons/noticons.css?ver=2.5-201343">
<script type='text/javascript' src='//platform.twitter.com/widgets.js?ver=3.7'></script>
<script type='text/javascript' src='/wordpress-temp/wp-includes/js/admin-bar.min.js?ver=3.7'></script>
<script type='text/javascript' src='http://s0.wp.com/wp-content/js/devicepx-jetpack.js?ver=201343'></script>
<script type='text/javascript' src='http://s.gravatar.com/js/gprofiles.js?ver=2013Octaa'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var WPGroHo = {"my_hash":"09005e479ce7ee09fdc13ac0c628b50d"};
/* ]]> */
</script>
<script type='text/javascript' src='/plugins/jetpack/modules/wpgroho.js?ver=3.7'></script>
<script type='text/javascript' src='/assets/js/plugins.js'></script>
<script type='text/javascript' src='/assets/js/main.js'></script>
<script type='text/javascript' src='/wordpress-temp/wp-includes/js/underscore.min.js?ver=1.4.4'></script>
<script type='text/javascript' src='/wordpress-temp/wp-includes/js/backbone.min.js?ver=1.0.0'></script>
<script type='text/javascript' src='http://s1.wp.com/wp-content/js/mustache.js?ver=2.5-201343'></script>
<script type='text/javascript' src='/plugins/jetpack/_inc/spin.js?ver=1.3'></script>
<script type='text/javascript' src='/plugins/jetpack/_inc/jquery.spin.js?ver=1.3'></script>
<script type='text/javascript' src='http://s1.wp.com/wp-content/mu-plugins/notes/notes-common-v2.js?ver=2.5-201343'></script>
<script type='text/javascript' src='http://s0.wp.com/wp-content/mu-plugins/notes/admin-bar-v2.js?ver=2.5-201343'></script>
<script type="text/javascript">
(function() {
var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');
request = true;
b[c] = b[c].replace( rcs, ' ' );
b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
}());
</script>
<div id="wpadminbar" class="nojq nojs" role="navigation">
<a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Skip to toolbar</a>
<div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Top navigation toolbar." tabindex="0">
<ul id="wp-admin-bar-root-default" class="ab-top-menu">
<li id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://www.gersande.com/wordpress-temp/wp-admin/about.php" title="About WordPress"><span class="ab-icon"></span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-wp-logo-default" class="ab-submenu">
<li id="wp-admin-bar-about"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/about.php">About WordPress</a> </li></ul><ul id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu">
<li id="wp-admin-bar-wporg"><a class="ab-item" href="http://wordpress.org/">WordPress.org</a> </li>
<li id="wp-admin-bar-documentation"><a class="ab-item" href="http://codex.wordpress.org/">Documentation</a> </li>
<li id="wp-admin-bar-support-forums"><a class="ab-item" href="http://wordpress.org/support/">Support Forums</a> </li>
<li id="wp-admin-bar-feedback"><a class="ab-item" href="http://wordpress.org/support/forum/requests-and-feedback">Feedback</a> </li></ul></div> </li>
<li id="wp-admin-bar-site-name" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://www.gersande.com/wordpress-temp/wp-admin/">Gersande</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-site-name-default" class="ab-submenu">
<li id="wp-admin-bar-dashboard"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/">Dashboard</a> </li></ul><ul id="wp-admin-bar-appearance" class="ab-submenu">
<li id="wp-admin-bar-themes"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/themes.php">Themes</a> </li>
<li id="wp-admin-bar-customize" class="hide-if-no-customize"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/customize.php?url=http%3A%2F%2Fwww.gersande.com%2F">Customize</a> </li>
<li id="wp-admin-bar-widgets"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/widgets.php">Widgets</a> </li>
<li id="wp-admin-bar-menus"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/nav-menus.php">Menus</a> </li></ul></div> </li>
<li id="wp-admin-bar-comments"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/edit-comments.php" title="0 comments awaiting moderation"><span class="ab-icon"></span><span id="ab-awaiting-mod" class="ab-label awaiting-mod pending-count count-0">0</span></a> </li>
<li id="wp-admin-bar-new-content" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://www.gersande.com/wordpress-temp/wp-admin/post-new.php" title="Add New"><span class="ab-icon"></span><span class="ab-label">New</span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-new-content-default" class="ab-submenu">
<li id="wp-admin-bar-new-post"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/post-new.php">Post</a> </li>
<li id="wp-admin-bar-new-media"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/media-new.php">Media</a> </li>
<li id="wp-admin-bar-new-page"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/post-new.php?post_type=page">Page</a> </li>
<li id="wp-admin-bar-new-user"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/user-new.php">User</a> </li></ul></div> </li>
<li id="wp-admin-bar-edit"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/post.php?post=1260&#038;action=edit">Edit Page</a> </li>
<li id="wp-admin-bar-stats"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/admin.php?page=stats"><div><script type='text/javascript'>var src;if(typeof(window.devicePixelRatio)=='undefined'||window.devicePixelRatio<2){src='http://www.gersande.com/wordpress-temp/wp-admin/admin.php?page=stats&amp;noheader&amp;proxy&amp;chart=admin-bar-hours-scale';}else{src='http://www.gersande.com/wordpress-temp/wp-admin/admin.php?page=stats&amp;noheader&amp;proxy&amp;chart=admin-bar-hours-scale-2x';}document.write('<img src=\''+src+'\' alt=\'Stats\' title=\'Views over 48 hours. Click for more Site Stats.\' />');</script></div></a> </li></ul><ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu">
<li id="wp-admin-bar-search" class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="http://www.gersande.com/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /><input type="submit" class="adminbar-button" value="Search"/></form></div> </li>
<li id="wp-admin-bar-my-account" class="menupop with-avatar"><a class="ab-item" aria-haspopup="true" href="http://www.gersande.com/wordpress-temp/wp-admin/profile.php" title="My Account">Howdy, Gersande<img alt='' src='http://0.gravatar.com/avatar/09005e479ce7ee09fdc13ac0c628b50d?s=16&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&amp;r=G' class='avatar pull-left media-object avatar-16 photo' height='16' width='16'></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-user-actions" class="ab-submenu">
<li id="wp-admin-bar-user-info"><a class="ab-item" tabindex="-1" href="http://www.gersande.com/wordpress-temp/wp-admin/profile.php"><img alt='' src='http://0.gravatar.com/avatar/09005e479ce7ee09fdc13ac0c628b50d?s=64&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D64&amp;r=G' class='avatar pull-left media-object avatar-64 photo' height='64' width='64'><span class='display-name'>Gersande</span><span class='username'>admin</span></a> </li>
<li id="wp-admin-bar-edit-profile"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-admin/profile.php">Edit My Profile</a> </li>
<li id="wp-admin-bar-logout"><a class="ab-item" href="http://www.gersande.com/wordpress-temp/wp-login.php?action=logout&#038;_wpnonce=135d5ba04e">Log Out</a> </li></ul></div> </li>
<li id="wp-admin-bar-notes" class="menupop"><div class="ab-item ab-empty-item" ><span id="wpnt-notes-unread-count" class="wpnt-loading wpn-read">
<span class="noticon noticon-notification"></span>
</span></div><div id="wpnt-notes-panel" style="display:none" lang="en_US" dir="ltr"><div class="wpnt-notes-panel-header"><span class="wpnt-notes-header">Notifications</span><span class="wpnt-notes-panel-link"></span></div></div> </li></ul> </div>
<a class="screen-reader-shortcut" href="http://www.gersande.com/wordpress-temp/wp-login.php?action=logout&#038;_wpnonce=135d5ba04e">Log Out</a>
</div>
</body>
</html>
Raw
script.js
function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
}
function toggle(element) {
    document.getElementById(element).style.display = (document.getElementById(element).style.display == "none") ? "" : "none";
}
/* <![CDATA[ */
var wpNotesIsJetpackClient = true;
/* ]]> */
Raw
style.css
/* ==========================================================================
Base
========================================================================== */
body {
font-weight: 200;
}
a {
color: #5e75d3;
}
a:hover {
color: #000000;
text-decoration: none;
}
a:visited {
color: #5e75d3;
}
a.dropdown-toggle:active, .dropdown-toggle:active, .dropdown:active, .open:active, .navbar-toggle:active {
background-color: #5e75d3;
color: #ffffff;
}
.tags, .tags a {
color: #94aaff;
font-style: oblique;
}
.tags, .tags a:hover {
color: #5e75d3;
font-style: oblique;
}
.btn {
background-color: #5e75d3;
box-shadow: none;
border: none;
}
.btn.btn-success.collapsed {
background-color: #5e75d3;
box-shadow: none;
border: none;
}
.btn.btn-success.collapsed:active, .btn.btn-success.collapsed:hover {
background-color: #5e75d3;
box-shadow: none;
border: none;
}
.collapse-bio {
width: 90%;
border-radius: 15px;
border-color: #dddddd;
border-width: 1px;
border-style: solid;
padding: 15px;
margin: 5px;
}
.bio-little {
width: 90%;
}
#secret0, #secret, #secret1, #secret2, #secret3, #secret4, #secret5 {
padding: 25px;
width: 650px;
border-radius: 15px;
border-style: solid;
border-color: #d2d2d2;
border-width: 1px;
background-color: #f4f4f4;
}
/* =============================================================================
Header
========================================================================== */
.banner {
background-color: rgb(255,255,255);
font-weight: 200;
font-color: #000000;
padding: 0px;
}
header.banner.navbar.navbar-static-top {
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
z-index: 999;
height: 80px;
width: 100%;
display: block;
position: fixed;
}
#drakkar-logo-top {
width: 100px;
display: inline-block;
float: left;
padding-top: 7px;
padding-bottom: 6px;
margin-right: 10px;
}
.nav-main {
margin-top: 15px;
margin-bottom: auto;
}
.name-celtique {
display: inline-block;
float: right;
font-family: Arial, sans-serif;
}
.boutons {
float: right:
}
.secondary-container .slider, .slider, .secondary-container {
height: 200px;
width: 100%;
padding-left: 0px;
padding-right: 0px;
margin-left: 8.3333%;
margin-right: auto;
background-color: #fff;
}
.slider img {
margin-left: auto;
margin-right: auto;
}
.slider img.first-child:hover {
opacity: 0;
}
.slider-image {
height: 200px;
width: auto;
margin-left: auto;
margin-right: auto;
}
.secondary-container .slider-art, .slider-art {
min-height: 350px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
background-color: #fff;
}
.slider-art img {
height: 450px;
}
.deviantART {
height: auto;
display: block;
width: auto;
margin-left: auto;
margin-right: auto;
}
.da-object {
display: inline-block;
overflow: auto;
}
/* ==========================================================================
Content
========================================================================== */
.content {
font-size: medium;
font-weight: 200;
}
.content h1 {
font-family: Arial;
font-weight: 100;
font-size: x-large;
}
.content h2 {
font-size: 18px;
font-size: x-large;
font-weight: 100;
}
.content h3 {
font-size: 14px;
}
.page-header h1 {
font-size: 18px;
}
img .roundface,
.roundface img {
border-radius: 50px;
}
.roundface {
/*background-image: url('https://pbs.twimg.com/profile_images/378800000644107176/8831e2e2b9ecefb45dcdb758cd4dde90.jpeg');
background-size: 320px;
background-position: center center;
background-repeat: no-repeat;
border-radius: 200px;
height: 200px;
width: 200px;
float: right;*/
}
.tinyroundface {
background-image: url('https://pbs.twimg.com/profile_images/378800000644107176/8831e2e2b9ecefb45dcdb758cd4dde90.jpeg');
background-size: 100px;
background-position: center top;
background-repeat: no-repeat;
border-radius: 80px;
height: 80px;
width: 80px;
float: right;
}
/* ==========================================================================
Primary Content
========================================================================== */
.main { margin-top: 80px;}
/*
Everything between this comment and Gallery Shortcode applies to Custom Template, ie. Front Page Template
*/
.main-body-to-the-side {
float: left;
width: 60%;
}
.frontpage-widgets-sidebar-right {
float: right;
width: 30%;
}
.dont-float-next-to-me {
clear: both;
}
.littleguys {
/*width: -moz-max-content; /* Firefox */
/* width: intrinsic; /* Safari, Chrome */
/* Note that this makes IE cry.*/
padding: 10px;
border-radius: 25px;
border-width: 1px;
border-color: #eeeeee;
border-style: solid;
height: 680px;
color: #d0d0d0;
}
.littleguys a:hover {
color: #d0d0d0;
}
.littleguys h2 {
color: #939393;
}
h3 .widget-inner {
color: #dddddd;
}
#wrapper {}
#innerwrapper {}
/* Gallery Shortcode */
.row.gallery-row { padding: 5px 0; }
.img-thumbnail {
border: none;
}
/* ==========================================================================
Sidebar
========================================================================== */
.sidebar { }
.textwidget a {
color: #5e75d3;
}
.textwidget a:hover {
color: #000000;
text-decoration: none;
}
.textwidget a:visited {
color: #5e75d3;
}
.frontpage-widgets-to-the-left {
margin-left: 10%;
float: left;
padding-bottom: 30px;
width: 40%;
}
.frontpage-widgets-to-the-centre {
padding: 30px;
}
.frontpage-widgets-to-the-right {
float: right;
padding-bottom: 30px;
width: 40%;
margin-right: 10%;
}
.frontpage-widgets-sidebar-right h3, .frontpage-widgets-to-the-left h3, .frontpage-widgets-to-the-right h3 {
color: #5e75d3;
}
.frontpage-widgets-to-the-left li, .frontpage-widgets-to-the-right li {
list-style-image: url('/wp-content/themes/drakkar-crossing/assets/img/dot.png');
list-style: url('../wp-content/themes/drakkar-crossing/assets/img/dot.png');
}
.widget-inner {
padding-left: 10px;
padding-right: 10px;
}
/* ==========================================================================
Posts
========================================================================== */
.hentry header {
margin-bottom: 50px;
}
.hentry time { }
.hentry .byline { }
.hentry .entry-content {
margin-bottom: 50px;
}
.hentry footer {
margin-top: 12px;
}
div.entry-content img, .entry-content img {
max-width: inherit;
height: auto;
padding: 5px;
}
h1.entry-title {
font-family: Helvetica, 'Helvetica Neue', sans-serif;
font-weight: 200;
font-size: xx-large;
}
h2.entry-content a:hover, .entry-content a:hover {
color: #000000;
}
.entry-content {
border: none;
}
.sd-sharing-enabled {
display: inline-block;
margin-top: 30px;
margin-bottom: 15px;
}
article {
margin-top: 25px;
}
.post {
margin-bottom: 20px;
width: 70%;
display: block;
margin-left: 15%;
}
/* ==========================================================================
Footer
========================================================================== */
footer {
font-weight: 300;
}
footer a, footer a:active, footer a:visited {
color: #444444;
text-decoration: none;
}
footer a:hover {
color: #5e75d3;
text-shadow: 5px 5px 10px ffffff;
}
.content-info {
font-size: large;
color: #595959;
width: 100%;
padding: 5px;
text-align: center;
box-shadow: inset 0px 1px 6px #a7a7a7;
margin-top: 125px;
}
.copy-info {
text-align: center;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
/* ==========================================================================
WordPress Generated Classes
See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
========================================================================== */
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }
/* ==========================================================================
Media Queries
========================================================================== */
@media (max-width: 767px) {
}
@media (max-width: 1200px) {
/* #drakkar-logo-top {
width: 50px;
padding-top: 25px;
}*/
header {
overflow-x: hidden;
overflow-y: hidden;
}
.secondary-container img {
width: 80%;
height: auto;
}
.name-celtique {
visibility: hidden;
display: none;
}
}
@media (max-width: 800px) {
.secondary-container img {
visibility: hidden;
display: none;
}
/*#drakkar-logo-top {
visibility: hidden;
display: none;
}*/
.secondary-container {
visibility: hidden;
display: none;
}
.name-celtique {
visibility: hidden;
display: none;
}
.slider-art:after {
content: "Please use a larger window to visit this page, or visit my deviantART to look through a mobile version of my art gallery. Thank you!");
}
}
/* ==========================================================================
Fonts
========================================================================== */
@font-face {
font-family: Gael;
src: url('GAEL.TTF');
/* url('eeeep'); IE9 */
}
#wpadminbar .quicklinks li#wp-admin-bar-stats {
height: 28px;
}
#wpadminbar .quicklinks li#wp-admin-bar-stats a {
height: 28px;
padding: 0;
}
#wpadminbar .quicklinks li#wp-admin-bar-stats a div {
height: 28px;
width: 95px;
overflow: hidden;
margin: 0 10px;
}
#wpadminbar .quicklinks li#wp-admin-bar-stats a:hover div {
width: auto;
margin: 0 8px 0 10px;
}
#wpadminbar .quicklinks li#wp-admin-bar-stats a img {
height: 24px;
padding: 2px 0;
max-width: none;
border: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment