mirror of
https://github.com/ascii-boxes/boxes.git
synced 2025-01-22 13:48:36 +01:00
Separated boxes specific CSS from theme-provided CSS
This commit is contained in:
parent
99f670f0b2
commit
269ff91573
@ -37,6 +37,7 @@
|
|||||||
<script src="{{ site.baseurl }}/js/bootstrap.min.js"></script>
|
<script src="{{ site.baseurl }}/js/bootstrap.min.js"></script>
|
||||||
<link href="{{ site.baseurl }}/css/bootstrap.min.css" rel="stylesheet">
|
<link href="{{ site.baseurl }}/css/bootstrap.min.css" rel="stylesheet">
|
||||||
<link href="{{ site.baseurl }}/css/theme.css" rel="stylesheet">
|
<link href="{{ site.baseurl }}/css/theme.css" rel="stylesheet">
|
||||||
|
<link href="{{ site.baseurl }}/css/boxes.css" rel="stylesheet">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
91
css/boxes.css
Normal file
91
css/boxes.css
Normal 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%;
|
||||||
|
}
|
@ -1,7 +1,6 @@
|
|||||||
body {
|
body {
|
||||||
padding-top: 60px;
|
padding-top: 60px;
|
||||||
padding-bottom: 60px;
|
padding-bottom: 60px;
|
||||||
font-size: 1.6em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.copyright {
|
.copyright {
|
||||||
@ -11,12 +10,6 @@ body {
|
|||||||
.footer {
|
.footer {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
div.footer {
|
|
||||||
max-height: 33px;
|
|
||||||
padding-top: 2px;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 1.1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer a {
|
.footer a {
|
||||||
color: #ee4444;
|
color: #ee4444;
|
||||||
@ -44,10 +37,6 @@ div.footer {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.well {
|
|
||||||
padding-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.well h1 {
|
.well h1 {
|
||||||
color: #ee4444;
|
color: #ee4444;
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
@ -60,80 +49,3 @@ div.footer {
|
|||||||
.author a {
|
.author a {
|
||||||
color: #ee4444;
|
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%;
|
|
||||||
}
|
|
||||||
|
Loading…
Reference in New Issue
Block a user