extern/boxes
1
0
Fork 0
mirror of https://github.com/ascii-boxes/boxes.git synced 2025-01-22 13:48:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Separated boxes specific CSS from theme-provided CSS

Browse Source
This commit is contained in:
Thomas Jensen 2014-12-26 22:45:37 +01:00
parent 99f670f0b2
commit 269ff91573
3 changed files with 92 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_includes/header.html
View File

@ -37,6 +37,7 @@
<script src="{{ site.baseurl }}/js/bootstrap.min.js"></script>
<link href="{{ site.baseurl }}/css/bootstrap.min.css" rel="stylesheet">
<link href="{{ site.baseurl }}/css/theme.css" rel="stylesheet">
<link href="{{ site.baseurl }}/css/boxes.css" rel="stylesheet">
{% endif %}
</head>

91
css/boxes.css Normal file
View File

@ -0,0 +1,91 @@
body {
font-size: 1.6em;
}
div.footer {
max-height: 33px;
padding-top: 2px;
font-size: 12px;
line-height: 1.1em;
}
.well {
padding-top: 0;
}
.bxsample div {
display: table;
margin: 0;
padding: 0;
}
.bxsample pre {
margin: 0;
padding: 0;
overflow: visible;
border: 0;
}
.bxpage h1 {
color: black;
font-size: 28px;
font-weight: bold;
}
.bxpage h2 {
color: black;
font-size: 22px;
font-weight: bold;
padding-top: 0.5em;
border-top: 1px solid darkgray;
}
.bxpage h3{
color: black;
font-size: 18px;
font-weight: bold;
}
.bxpage dd {
margin-left: 2em;
}
.bxpage pre {
border: 0;
background-color: white;
}
p code, li code { /* also outside of bxpages */
color: black;
background-color: #ffffdc;
}
blockquote {
font-size: 1em;
font-weight: normal;
font-style: italic;
}
pre {
line-height: 100%;
word-wrap: normal; /* prevent contents of pre areas from line wrapping */
}
pre code {
white-space: pre; /* prevent contents of pre areas from line wrapping */
}
a.bxOffsetAnchor { /* used to prevent anchors from being obscured by the fixed header */
display: block;
position: relative;
top: -60px;
visibility: hidden;
}
/* reponsive embedded video for xs layout */
.bxEmbedContainer {
position: relative;
padding-bottom: 75%; /* 4/3 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.bxEmbedContainer iframe, .bxEmbedContainer object, .bxEmbedContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

88
css/theme.css
View File

@ -1,7 +1,6 @@
body {
padding-top: 60px;
padding-bottom: 60px;
font-size: 1.6em;
}
.copyright {
@ -11,12 +10,6 @@ body {
.footer {
text-align: center;
}
div.footer {
max-height: 33px;
padding-top: 2px;
font-size: 12px;
line-height: 1.1em;
}
.footer a {
color: #ee4444;
@ -44,10 +37,6 @@ div.footer {
margin: 0;
}
.well {
padding-top: 0;
}
.well h1 {
color: #ee4444;
font-size: 1.3em;
@ -60,80 +49,3 @@ div.footer {
.author a {
color: #ee4444;
}
.bxsample div {
display: table;
margin: 0;
padding: 0;
}
.bxsample pre {
margin: 0;
padding: 0;
overflow: visible;
border: 0;
}
.bxpage h1 {
color: black;
font-size: 28px;
font-weight: bold;
}
.bxpage h2 {
color: black;
font-size: 22px;
font-weight: bold;
padding-top: 0.5em;
border-top: 1px solid darkgray;
}
.bxpage h3{
color: black;
font-size: 18px;
font-weight: bold;
}
.bxpage dd {
margin-left: 2em;
}
.bxpage pre {
border: 0;
background-color: white;
}
p code, li code { /* also outside of bxpages */
color: black;
background-color: #ffffdc;
}
blockquote {
font-size: 1em;
font-weight: normal;
font-style: italic;
}
pre {
line-height: 100%;
word-wrap: normal; /* prevent contents of pre areas from line wrapping */
}
pre code {
white-space: pre; /* prevent contents of pre areas from line wrapping */
}
a.bxOffsetAnchor { /* used to prevent anchors from being obscured by the fixed header */
display: block;
position: relative;
top: -60px;
visibility: hidden;
}
/* reponsive embedded video for xs layout */
.bxEmbedContainer {
position: relative;
padding-bottom: 75%; /* 4/3 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.bxEmbedContainer iframe, .bxEmbedContainer object, .bxEmbedContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}