jingrow/components/presentation/Presentation.css

122 lines
3.0 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 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;
}