Update styles.css
This commit is contained in:
103
styles.css
103
styles.css
@@ -3,6 +3,7 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background: #1a1a1a;
|
background: #1a1a1a;
|
||||||
@@ -10,102 +11,32 @@ body {
|
|||||||
color: #e0e0e0;
|
color: #e0e0e0;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
text-shadow: 0 0 5px rgba(224, 224, 224, 0.2);
|
text-shadow: 0 0 5px rgba(224, 224, 224, 0.3);
|
||||||
}
|
}
|
||||||
h1,
|
|
||||||
h2,
|
h1, h2, h3, h4, h5, h6 {
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
color: #00a4dc;
|
color: #00a4dc;
|
||||||
margin: 20px 0 10px;
|
|
||||||
text-shadow: 0 0 8px rgba(0, 164, 220, 0.4);
|
text-shadow: 0 0 8px rgba(0, 164, 220, 0.4);
|
||||||
}
|
}
|
||||||
h1 {
|
|
||||||
font-size: 28px;
|
h1 { font-size: 28px; border-bottom: 1px solid #333; padding-bottom: 10px; margin: 20px 0 10px; }
|
||||||
border-bottom: 1px solid #333;
|
h2 { font-size: 22px; }
|
||||||
padding-bottom: 10px;
|
h3 { font-size: 18px; }
|
||||||
}
|
|
||||||
h2 {
|
p, ul, li { margin: 10px 0; }
|
||||||
font-size: 22px;
|
ul { margin-left: 20px; }
|
||||||
}
|
li { margin: 5px 0; }
|
||||||
h3 {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
a {
|
a {
|
||||||
color: #888;
|
color: #888;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: all 0.2s ease;
|
transition: all 0.2s ease;
|
||||||
|
text-shadow: 0 0 5px rgba(224, 224, 224, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
color: #e0e0e0;
|
color: #e0e0e0;
|
||||||
text-shadow: 0 0 10px rgba(224, 224, 224, 0.5);
|
text-shadow: 0 0 10px rgba(224, 224, 224, 0.5);
|
||||||
}
|
}
|
||||||
code {
|
|
||||||
background: #0a0a0a;
|
hr { border: none; border-top: 1px solid #333; margin: 20px 0; }
|
||||||
padding: 2px 6px;
|
|
||||||
border: 1px solid #333;
|
|
||||||
font-size: 13px;
|
|
||||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
pre {
|
|
||||||
background: #0a0a0a;
|
|
||||||
border: 1px solid #333;
|
|
||||||
padding: 15px;
|
|
||||||
overflow-x: auto;
|
|
||||||
margin: 15px 0;
|
|
||||||
box-shadow: 0 0 10px rgba(0, 164, 220, 0.1);
|
|
||||||
}
|
|
||||||
pre code {
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
padding: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
blockquote {
|
|
||||||
border-left: 3px solid #333;
|
|
||||||
padding-left: 15px;
|
|
||||||
color: #888;
|
|
||||||
margin: 15px 0;
|
|
||||||
}
|
|
||||||
ul,
|
|
||||||
ol {
|
|
||||||
margin: 10px 0 10px 20px;
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
margin: 5px 0;
|
|
||||||
}
|
|
||||||
hr {
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid #333;
|
|
||||||
margin: 20px 0;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
border: 1px solid #333;
|
|
||||||
margin: 10px 0;
|
|
||||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
width: 100%;
|
|
||||||
margin: 15px 0;
|
|
||||||
}
|
|
||||||
th,
|
|
||||||
td {
|
|
||||||
border: 1px solid #333;
|
|
||||||
padding: 8px 12px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
th {
|
|
||||||
background: #222;
|
|
||||||
color: #00a4dc;
|
|
||||||
}
|
|
||||||
tr:nth-child(even) {
|
|
||||||
background: #111;
|
|
||||||
}
|
|
||||||
|
|||||||
Reference in New Issue
Block a user