Move CSS to from HTML file to external CSS file for crontab_cheat_sheet, gimp_cheat_sheet, tmux_cheat_sheet

master
Chris Wilson 2015-01-21 15:38:42 +08:00
parent 29028dd8f2
commit c977206dfc
6 changed files with 115 additions and 127 deletions

View File

@ -0,0 +1,36 @@
.zci--answer .crontab-container {
max-height: 23.3ex;
overflow-y: auto;
}
.zci--answer .crontab-container .crontab-column {
width: 48%;
display: inline-block;
vertical-align:top;
}
.zci--answer .crontab-container .crontab-column:first-child {
margin-right: 3%;
}
.zci--answer .crontab-container p,
.zci--answer .crontab-container .crontab-column {
padding-top: 0;
padding-bottom: 2ex;
}
.zci--answer .crontab-container table {
width: 100%;
}
.zci--answer .crontab-container th {
font-weight: bold;
}
.zci--answer .crontab-container td {
vertical-align: top;
}
.zci--answer .crontab-container dd {
margin-bottom: 1ex;
}
@media(max-width: 704px) {
.zci--answer .crontab-container .crontab-column {
width: 100%;
margin-right: 0;
display: block;
}
}

View File

@ -1,41 +1,3 @@
<style type="text/css">
.zci--answer .crontab-container {
max-height: 23.3ex;
overflow-y: auto;
}
.zci--answer .crontab-container .crontab-column {
width: 48%;
display: inline-block;
vertical-align:top;
}
.zci--answer .crontab-container .crontab-column:first-child {
margin-right: 3%;
}
.zci--answer .crontab-container p,
.zci--answer .crontab-container .crontab-column {
padding-top: 0;
padding-bottom: 2ex;
}
.zci--answer .crontab-container table {
width: 100%;
}
.zci--answer .crontab-container th {
font-weight: bold;
}
.zci--answer .crontab-container td {
vertical-align: top;
}
.zci--answer .crontab-container dd {
margin-bottom: 1ex;
}
@media(max-width: 704px) {
.zci--answer .crontab-container .crontab-column {
width: 100%;
margin-right: 0;
display: block;
}
}
</style>
<div class="crontab-container">
<div class="crontab-column">
<p>Commands are executed by cron when the minute, hour, and month

View File

@ -0,0 +1,34 @@
.zci--answer .gimp-container {
max-height: 45ex;
overflow-y: scroll;
overflow-x: hidden;
}
.zci--answer .gimp-column {
width: 48%;
display: inline-block;
vertical-align: top;
}
.zci--answer table.gimp-table {
width: 100%;
margin-bottom: 3ex;
}
.zci--answer .gimp-subsection td {
padding-top: 1ex;
}
.zci--answer table.gimp-table td {
padding-right: 1ex;
vertical-align: top;
}
.zci--answer table.gimp-table td code {
white-space: nowrap;
}
@media (max-width: 380px) {
.zci--answer .gimp-column {
width: 100%;
}
}

View File

@ -1,43 +1,3 @@
<style type='text/css'>
.zci--answer .gimp-container {
max-height: 45ex;
overflow-y: scroll;
overflow-x: hidden;
}
.zci--answer .gimp-column {
width: 48%;
display: inline-block;
vertical-align: top;
}
.zci--answer table.gimp-table {
width: 100%;
margin-bottom: 3ex;
}
.zci--answer .gimp-subsection td {
padding-top: 1ex;
}
.zci--answer table.gimp-table td {
padding-right: 1ex;
vertical-align: top;
}
.zci--answer table.gimp-table td code {
white-space: nowrap;
}
@media (max-width: 380px) {
.zci--answer .gimp-column {
width: 100%;
}
}
</style>
<div class="gimp-container">
<div class="gimp-column">

View File

@ -0,0 +1,45 @@
.zci--answer .zero_click_wrapper .zero_click {
padding-left: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
.zci--answer .tmux-container {
max-height: 45ex;
overflow-y: scroll;
overflow-x: hidden;
}
.zci--answer .tmux-column {
width: 48%;
display: inline-block;
vertical-align: top;
}
.tmux-column:first-child {
margin-right: 1em;
}
.tmux-column b {
line-height: 220%;
}
.zci--answer table.tmux-table {
width: 100%;
margin-bottom: 3ex;
}
.zci--answer table.tmux-table td {
padding-right: 1ex;
vertical-align: top;
}
.zci--answer table.tmux-table td code {
white-space: nowrap;
}
@media (max-width: 400px) {
.zci--answer .tmux-column {
width: 100%;
}
}

View File

@ -1,52 +1,3 @@
<style type='text/css'>
.zci--answer .zero_click_wrapper .zero_click {
padding-left: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
.zci--answer .tmux-container {
max-height: 45ex;
overflow-y: scroll;
overflow-x: hidden;
}
.zci--answer .tmux-column {
width: 48%;
display: inline-block;
vertical-align: top;
}
.tmux-column:first-child {
margin-right: 1em;
}
.tmux-column b {
line-height: 220%;
}
.zci--answer table.tmux-table {
width: 100%;
margin-bottom: 3ex;
}
.zci--answer table.tmux-table td {
padding-right: 1ex;
vertical-align: top;
}
.zci--answer table.tmux-table td code {
white-space: nowrap;
}
@media (max-width: 400px) {
.zci--answer .tmux-column {
width: 100%;
}
}
</style>
<div class="tmux-container">
<div class="tmux-column">