125 lines
2.5 KiB
CSS
125 lines
2.5 KiB
CSS
/* TailwindCSS base styles */
|
|
/* see https://tailwindcss.com/docs/functions-and-directives#tailwind */
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
@tailwind variants;
|
|
|
|
/* put site specific css styles here using the @layer directive */
|
|
/* see https://tailwindcss.com/docs/functions-and-directives#layer */
|
|
@layer components {
|
|
a {
|
|
@apply text-blue-700 underline;
|
|
}
|
|
a:hover {
|
|
@apply text-black no-underline;
|
|
}
|
|
h1 {
|
|
@apply font-bold text-4xl pb-3 pt-4;
|
|
}
|
|
h2 {
|
|
@apply font-semibold text-2xl pb-2 pt-4;
|
|
}
|
|
h3 {
|
|
@apply font-semibold text-xl pb-1 pt-3;
|
|
}
|
|
p {
|
|
@apply my-2;
|
|
}
|
|
ul {
|
|
@apply list-disc pl-8;
|
|
}
|
|
ol {
|
|
@apply list-decimal pl-8;
|
|
}
|
|
}
|
|
|
|
div:not(.highlight) > pre {
|
|
/* purgecss ignore current */
|
|
@apply overflow-x-auto border rounded-lg p-2;
|
|
}
|
|
|
|
|
|
main.kind-404 {
|
|
@apply bg-red-100
|
|
}
|
|
div#notFoundBox p.notFoundTop {
|
|
font-size: 10rem;
|
|
}
|
|
|
|
div#home-content p {
|
|
@apply text-justify
|
|
}
|
|
|
|
div.notice-content {
|
|
@apply p-2
|
|
}
|
|
div.notice-box {
|
|
@apply border border-2 rounded-lg my-3 border-gray-400 bg-gray-100
|
|
}
|
|
div.notice-tip {
|
|
@apply border-green-400 bg-green-100
|
|
}
|
|
div.notice-info {
|
|
@apply border-blue-400 bg-blue-100
|
|
}
|
|
div.notice-warning {
|
|
@apply border-yellow-500 bg-yellow-100
|
|
}
|
|
div.notice-attention {
|
|
@apply border-red-400 bg-red-100
|
|
}
|
|
div.notice-title {
|
|
@apply bg-gray-400 rounded-t text-white font-bold px-4 py-2
|
|
}
|
|
div.notice-title-tip {
|
|
@apply bg-green-400
|
|
}
|
|
div.notice-title-info {
|
|
@apply bg-blue-400
|
|
}
|
|
div.notice-title-warning {
|
|
@apply bg-yellow-500
|
|
}
|
|
div.notice-title-attention {
|
|
@apply bg-red-400
|
|
}
|
|
|
|
#TableOfContents {
|
|
@apply border-2 border-blue-500 rounded-lg
|
|
}
|
|
#TableOfContents * {
|
|
@apply pl-1
|
|
}
|
|
#TableOfContents li {
|
|
@apply list-none text-lg font-bold py-1
|
|
}
|
|
#TableOfContents>ul>li>ul>li>ul li {
|
|
@apply text-base pl-2 font-semibold
|
|
}
|
|
#TableOfContents>ul>li>ul>li>ul>li>ul li {
|
|
@apply text-sm font-normal
|
|
}
|
|
|
|
div.myfigure {
|
|
@apply text-center
|
|
}
|
|
div.myfigure figure {
|
|
@apply inline-block border-2 border-gray-400 bg-gray-100 rounded-lg shadow-lg my-3
|
|
}
|
|
div.myfigure figure img {
|
|
@apply p-4
|
|
}
|
|
div.myfigure figure figcaption {
|
|
@apply text-center text-gray-600 p-1 border-t-2 border-gray-400
|
|
}
|
|
div.myfigure figure figcaption h4 {
|
|
@apply font-bold text-lg
|
|
}
|
|
div.myfigure figure figcaption p.caption {
|
|
@apply text-base
|
|
}
|
|
div.myfigure figure figcaption p.attr {
|
|
@apply text-xs text-right m-0 mr-4
|
|
}
|