Improve CSS (code/pre tags)
This commit is contained in:
parent
a1f1ba8971
commit
f1dafc5f57
@ -111,22 +111,26 @@ th {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
pre, code {
|
||||||
border: 1px solid #ccc;
|
|
||||||
border-radius: 10px;
|
|
||||||
background: #f0f0f0;
|
background: #f0f0f0;
|
||||||
padding: 0.8em;
|
border: 1px solid #ccc;
|
||||||
|
font-family: monospace;
|
||||||
|
color: brown;
|
||||||
|
line-height: 1.0em;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
padding: 10px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
color: brown;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
code {
|
pre > code {
|
||||||
color: brown;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
caption code,
|
p > code {
|
||||||
p code {
|
padding: 3px;
|
||||||
font-size: 1.1em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* forms */
|
/* forms */
|
||||||
@ -447,10 +451,9 @@ nav .active a {
|
|||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item pre {
|
.item li pre,
|
||||||
font-family: "Lucida Console", Monaco, monospace;
|
.item p code {
|
||||||
font-size: 0.85em;
|
|
||||||
line-height: 0.9em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.item h2,
|
.item h2,
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
|
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h2><?= t('<span id="page-counter">%s</span>unread items', isset($nb_items) ? $nb_items. ' ' : '') ?></h2>
|
<h2><?= t('<span id="page-counter">%s</span>unread items', isset($nb_items) ? $nb_items.' ' : '') ?></h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="?action=mark-as-read" data-action="mark-all-read">
|
<a href="?action=mark-as-read" data-action="mark-all-read">
|
||||||
|
@ -4,7 +4,6 @@ body {
|
|||||||
background-color: #f5fec9;
|
background-color: #f5fec9;
|
||||||
color: #4c4c4c;
|
color: #4c4c4c;
|
||||||
font-family: 'Verdana', Arial, sans-serif;
|
font-family: 'Verdana', Arial, sans-serif;
|
||||||
font-size: 15px;
|
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
@ -106,7 +105,6 @@ section.page {
|
|||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.page-header h2, .page-section h2 {
|
.page-header h2, .page-section h2 {
|
||||||
border-bottom: 1px dotted #CACACA;
|
border-bottom: 1px dotted #CACACA;
|
||||||
font-family: Georgia, serif;
|
font-family: Georgia, serif;
|
||||||
|
@ -17,6 +17,12 @@ a:hover {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
pre, code {
|
||||||
|
color: #fff;
|
||||||
|
background: #555;
|
||||||
|
border-color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
.page-header h2 {
|
.page-header h2 {
|
||||||
border-bottom: 1px dotted #555;
|
border-bottom: 1px dotted #555;
|
||||||
}
|
}
|
||||||
@ -40,8 +46,16 @@ a:hover {
|
|||||||
border: 3px solid #999;
|
border: 3px solid #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.item h1 a {
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item h1 a:visited {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
.infos {
|
.infos {
|
||||||
color: #666;
|
color: #777;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item .infos a {
|
.item .infos a {
|
||||||
|
Loading…
Reference in New Issue
Block a user