/**
* 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;
}