141 lines
3.7 KiB
CSS
141 lines
3.7 KiB
CSS
.reveal-container {
|
|
height: 100vh;
|
|
width: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1000;
|
|
background: black;
|
|
}
|
|
|
|
.reveal-container .reveal {
|
|
height: 100% !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides {
|
|
height: 100% !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section {
|
|
height: 100% !important;
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
justify-content: center !important;
|
|
align-items: center !important;
|
|
text-align: center !important;
|
|
padding: 2rem !important;
|
|
color: white !important;
|
|
}
|
|
|
|
/* 带背景的幻灯片文字颜色 */
|
|
.reveal-container .reveal .slides section[data-background] {
|
|
color: white !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section[data-background] h1,
|
|
.reveal-container .reveal .slides section[data-background] h2,
|
|
.reveal-container .reveal .slides section[data-background] h3,
|
|
.reveal-container .reveal .slides section[data-background] h4,
|
|
.reveal-container .reveal .slides section[data-background] h5,
|
|
.reveal-container .reveal .slides section[data-background] h6 {
|
|
color: white !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section[data-background] p,
|
|
.reveal-container .reveal .slides section[data-background] li {
|
|
color: rgba(255, 255, 255, 0.9) !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section h1,
|
|
.reveal-container .reveal .slides section h2,
|
|
.reveal-container .reveal .slides section h3,
|
|
.reveal-container .reveal .slides section h4,
|
|
.reveal-container .reveal .slides section h5,
|
|
.reveal-container .reveal .slides section h6 {
|
|
margin-bottom: 1rem !important;
|
|
color: white !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section p {
|
|
margin-bottom: 0.5rem !important;
|
|
line-height: 1.6 !important;
|
|
color: white !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section ul,
|
|
.reveal-container .reveal .slides section ol {
|
|
text-align: left !important;
|
|
margin: 1rem 0 !important;
|
|
color: white !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section li {
|
|
margin-bottom: 0.5rem !important;
|
|
color: white !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section code {
|
|
background: #333 !important;
|
|
color: #fff !important;
|
|
padding: 0.2rem 0.4rem !important;
|
|
border-radius: 3px !important;
|
|
font-family: 'Courier New', monospace !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section pre {
|
|
background: #333 !important;
|
|
color: #fff !important;
|
|
padding: 1rem !important;
|
|
border-radius: 5px !important;
|
|
text-align: left !important;
|
|
overflow-x: auto !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section blockquote {
|
|
border-left: 4px solid #666 !important;
|
|
padding-left: 1rem !important;
|
|
margin: 1rem 0 !important;
|
|
text-align: left !important;
|
|
color: #ccc !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section table {
|
|
border-collapse: collapse !important;
|
|
width: 100% !important;
|
|
margin: 1rem 0 !important;
|
|
color: white !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section th,
|
|
.reveal-container .reveal .slides section td {
|
|
border: 1px solid #666 !important;
|
|
padding: 0.5rem !important;
|
|
text-align: left !important;
|
|
color: white !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section th {
|
|
background: #444 !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section img {
|
|
max-width: 100% !important;
|
|
height: auto !important;
|
|
margin: 1rem 0 !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section .btn {
|
|
display: inline-block !important;
|
|
padding: 0.5rem 1rem !important;
|
|
background: #007bff !important;
|
|
color: white !important;
|
|
text-decoration: none !important;
|
|
border-radius: 0.25rem !important;
|
|
margin: 0.5rem !important;
|
|
}
|
|
|
|
.reveal-container .reveal .slides section .btn:hover {
|
|
background: #0056b3 !important;
|
|
}
|