forked from Chaospott/site
look mom, i'm breaking the page!
This commit is contained in:
@ -6,7 +6,7 @@
|
||||
|
||||
|
||||
// Our variables
|
||||
$base-font-family: Helvetica, Arial, sans-serif;
|
||||
$base-font-family: 'Share Tech', sans-serif;
|
||||
$base-font-size: 16px;
|
||||
$small-font-size: $base-font-size * 0.875;
|
||||
$base-line-height: 1.5;
|
||||
@ -14,7 +14,7 @@ $base-line-height: 1.5;
|
||||
$spacing-unit: 30px;
|
||||
|
||||
$text-color: #111;
|
||||
$background-color: #fdfdfd;
|
||||
$background-color: #d2d4bc;
|
||||
$brand-color: #2a7ae2;
|
||||
|
||||
$grey-color: #828282;
|
||||
@ -24,6 +24,8 @@ $grey-color-dark: darken($grey-color, 25%);
|
||||
$on-palm: 600px;
|
||||
$on-laptop: 800px;
|
||||
|
||||
$nav-link-color: #800032;
|
||||
|
||||
|
||||
|
||||
// Using media queries with like this:
|
||||
@ -45,5 +47,8 @@ $on-laptop: 800px;
|
||||
@import
|
||||
"base",
|
||||
"layout",
|
||||
"syntax-highlighting"
|
||||
"syntax-highlighting",
|
||||
"chaospott"
|
||||
;
|
||||
|
||||
|
||||
|
143
css/style.css
143
css/style.css
@ -1,143 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'Share Tech';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Share Tech'), local('ShareTech-Regular'), url(/fonts/ShareTech-Regular.ttf);
|
||||
}
|
||||
|
||||
* {
|
||||
background-color:transparent;
|
||||
font-family: 'Share Tech', sans-serif;
|
||||
}
|
||||
|
||||
body, .jumbotron {
|
||||
background-color:#d2d4bc;
|
||||
}
|
||||
|
||||
.jumbotron h1 {
|
||||
font-size:26px;
|
||||
font-weight:bold;
|
||||
margin-top:50px;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
/* background-color:#350505; */
|
||||
background-color:#d2d4bc;
|
||||
border:none;
|
||||
}
|
||||
|
||||
ul.navbar-nav li a {
|
||||
color:#800032 !important;
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
border:0;
|
||||
background-color:transparent;
|
||||
color:#800032;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#800032;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color:#800032;
|
||||
}
|
||||
|
||||
.row {
|
||||
padding:50px 0;
|
||||
}
|
||||
|
||||
.jumbotron {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
|
||||
#large-header {
|
||||
background-color:#222;
|
||||
height:300px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
margin-bottom:30px;
|
||||
}
|
||||
|
||||
#large-header img {
|
||||
position:relative;
|
||||
top:30px;
|
||||
}
|
||||
|
||||
.row-centered {
|
||||
text-align:center;
|
||||
margin:0;
|
||||
}
|
||||
.col-centered {
|
||||
display:inline-block;
|
||||
float:none;
|
||||
text-align:left;
|
||||
margin-right:-4px;
|
||||
}
|
||||
|
||||
ul.nav>li>a {
|
||||
color:#800032;
|
||||
}
|
||||
|
||||
.jumbotron>hr {
|
||||
background-color:#333;
|
||||
height:1px;
|
||||
border: 3px #333 solid;
|
||||
width:300px;
|
||||
}
|
||||
|
||||
.post-content img {
|
||||
display: block;
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
#status_open, #status_closed {
|
||||
display:none;
|
||||
border:0;
|
||||
}
|
||||
|
||||
#status_open a {
|
||||
color:#5CB85C !important;
|
||||
}
|
||||
|
||||
#status_closed a {
|
||||
color:#D9534F !important;
|
||||
}
|
||||
|
||||
#status_bar {
|
||||
margin:0;
|
||||
border-width:2px 0;
|
||||
border-color:transparent;
|
||||
}
|
||||
|
||||
.navbar .divider-vertical {
|
||||
height: 20px;
|
||||
margin: 14px 9px;
|
||||
border-right: 1px solid #800032;
|
||||
border-left: 1px solid #800032;
|
||||
}
|
||||
|
||||
.navbar-inverse .divider-vertical {
|
||||
border-right-color: #222222;
|
||||
border-left-color: #111111;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.navbar-collapse .nav > .divider-vertical {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
rect.bordered {
|
||||
stroke: #D2D4BC;
|
||||
stroke-width:1px;
|
||||
}
|
||||
|
||||
#posts div div p img {
|
||||
max-width: 123px;
|
||||
float:left;
|
||||
margin-right: 5px;
|
||||
}
|
Reference in New Issue
Block a user