aissel-astro/public/assets/css/editor/demo.css

123 lines
1.7 KiB
CSS
Raw Normal View History

2024-11-07 04:53:33 +00:00
*:focus {
outline: none;
}
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 22px;
line-height: 30px;
}
.top-bar {
position: fixed;
top: 0;
left: 0;
width: auto;
z-index: 10;
padding: 10px;
background-color: #000;
background-color: rgba(0, 0, 0, .8);
box-shadow: 0 0 4px #000;
box-sizing: border-box;
color: #ccc;
font-size: 12px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
h1 {
font-size: 60px;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
padding-bottom: 40px;
letter-spacing: -2px;
border-bottom: 1px solid #dbdbdb;
}
h2 {
font-size: 32px;
line-height: 42px;
}
h3 {
font-size: 26px;
line-height: 32px;
}
h4 {
font-size: 24px;
line-height: 28px;
}
p {
margin-bottom: 40px;
}
a {
color:black;
}
a:hover {
color:green;
}
pre {
font-family: 'Menlo', monospace;
font-size: 15px;
background-color: #f0f0f0;
padding: 15px;
border: 1px solid #ccc;
border-radius: 5px;
color: #666;
}
blockquote {
display: block;
padding-left: 20px;
border-left: 6px solid #df0d32;
margin-left: -15px;
padding-left: 15px;
font-style: italic;
color: #555;
}
#container {
width: 960px;
margin: 30px auto;
}
#all-demos {
text-align: center;
border-bottom: 1px solid #dbdbdb;
padding-bottom: 40px;
}
.editable,
.secondEditable
{
outline: none;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #dbdbdb;
}
#columns {
width: 90%;
margin: 30px auto;
}
.column-container {
}
.column {
vertical-align: top;
display: inline-block;
width: 30%;
margin: 10px 1%;
}