/**

* Default settings - overriding all the themes.
*/

/**

* Sleek custom font for the brand logo
*
* Thanks a lot, Web Font Generator!
* http://www.web-font-generator.com/
*/

@font-face {

/* Actually 'Quadrata Preciosa Extended' */
font-family: 'Quadrata';
src: url('/fonts/Quadrata.eot?')         format('eot'),
     url('/fonts/Quadrata.woff')         format('woff'),
         url('/fonts/Quadrata.ttf')          format('truetype'),
         url('/fonts/Quadrata.svg#Quadrata') format('svg');

} the-navbar a.navbar-brand {

font-family: 'Quadrata';
font-size: 36pt;

}

/* Moving down everything because

* we have a fixed navbar 50px tall */

body {

padding-top: 50px

}

.sub-header {

padding-bottom: 10px;
border-bottom: 1px solid #eee;

}

/**

* Sidebar settings
*/

/* Hide for mobile, show later */ .sidebar {

display: none;

} @media (min-width: 768px) {

.sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
}

}

/* Sidebar navigation */ .nav-sidebar {

margin-right: -21px; /* 20px padding + 1px border */
margin-bottom: 20px;
margin-left: -20px;

} .nav-sidebar > li > a {

padding-right: 20px;
padding-left: 20px;

} .nav-sidebar > li > a > .badge {

color: #fff;
background-color: #428bca;

} .nav-sidebar > .active > a {

color: #fff;
background-color: #428bca;

} .nav-sidebar > .active > a > .badge {

color: #428bca;
background-color: #fff;

} the-sidebar {

/* It's set to position absolute
 * and since we have a 50px fixed navbar
 * we make it have a huge-ass padding instead */
top: 0;
padding-top: 65px;

}

/*

* Main content
*/

.main {

padding: 20px;

} @media (min-width: 768px) {

.main {
        padding-right: 40px;
        padding-left: 40px;
}

} .main .page-header {

margin-top: 0;

}

/* overriding Bootstrap settings */ .list-group-item:hover {

text-decoration  : none;
background-color : #f5f5f5;

}

/* specific to Sharkey settings */

/* magic thing that makes it appear only when hovered */ .hoverable-children {

display: none;

} .hoverable-parent:hover .hoverable-children {

display: block;

}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

* Each single Link
*/

li.link {

} li.link .row {

margin: 0;

} /* what? CSS starts counting from 1??? */ li.link .row:nth-child(4) {

margin-top: 10px;

} span.link-title {

font-size   : 130%;
font-weight : bold;
float       : left;

} span.link-title-short-url {

color: rgb(100, 100, 100);
font-size: small;
font-style: italic;
vertical-align: sub;
margin-left: 10px;

}

span.link-checkbox {

float: left;

} span.link-controls {

float: right;

} span.link-controls > button, span.link-controls > form {

float: right;
margin: 0 2px;

}

span.link-description {

float: left;

} span.link-added, span.link-visited {

font-style: italic;
font-size: small;
float: right;

}

/* The link TAGS and CATEGORIES little buttons */ .link-tag:first-child {

margin-left: 0;

} .link-tag {

margin-left: 5px;

}

.link-tag span:hover, .link-category span:hover {

background-color: #428bca;

} .link-tags a:hover, .link-categories a:hover {

text-decoration: none;

}

span.link-internal-link {

margin: 0 10px;
float: left;

} span.link-internal-link a:hover {

background-color: #428bca;

}

.random-sentence {

font-style: italic;
font-size: small;

}

.setting h4 {

border-bottom: 1px solid #eee;
padding-bottom: 3px;

} nprogress {

top: 50px;

}

/* the awesome tagcloud */ tagcloud {

text-align: center;

} tagcloud a {

margin: 0 2px;
text-shadow: 0 1px 1px rgba(207, 207, 207, 1);

}

/* the search form at the navbar */ the-navbar .input-group {

max-width: 360px;

}

/* Making the navbars inside wells look pretty */ .well .nav {

margin-bottom: 2px;

}

span.spinner-placeholder {

margin-left: 20px;

}

/*

* do a barrel roll!
*/

@-webkit-keyframes roll {

from { -webkit-transform: rotate(0deg) }
to   { -webkit-transform: rotate(360deg) }

}

@-moz-keyframes roll {

from { -moz-transform: rotate(0deg) }
to   { -moz-transform: rotate(360deg) }

}

@keyframes roll {

from { transform: rotate(0deg) }
to   { transform: rotate(360deg) }

}

.konami-code {

-moz-animation-name: roll;
-moz-animation-duration: 4s;
-moz-animation-iteration-count: 1;
-webkit-animation-name: roll;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 1;

}