You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
2.4 KiB
43 lines
2.4 KiB
/* NOTE: This file defines general CSS for the ASOP. Any user-defined settings that are specific
|
|
* to the user's ASOP files can be defined in a file called asop.css, in the ASOP directory.
|
|
*
|
|
* "#asop" refers to the ASOP popup window that overlays the content pane, but anything
|
|
* that styles the ASOP content itself should be referenced via ".asop" (since ASOP content
|
|
* can also appear as a search result in the left sidebar).
|
|
* */
|
|
|
|
#asop {
|
|
position: absolute ; top: 2px ; left: 2px ; bottom: 2px ; right: 2px ; z-index: 20 ;
|
|
display: flex ; flex-direction: column ;
|
|
border: 1px solid #888 ; border-radius: 5px ; background: white ;
|
|
padding: 10px ;
|
|
}
|
|
#asop-overlay {
|
|
position: absolute ; top: 0 ; left: 0 ; bottom: 0 ; right: 0 ; z-index: 15 ; background: white ;
|
|
}
|
|
|
|
#nav .tabbed-page[data-tabid="asop"] .wrapper { height: 100% ; display: flex ; flex-direction: column ; overflow-y: auto ; }
|
|
#nav .tabbed-page[data-tabid="asop"] .accordian { flex-grow: 1 ; overflow-y: auto ; }
|
|
#nav .tabbed-page[data-tabid="asop"] .accordian-pane .title { background: #f6edda ; border: 1px solid #e5cea0 ; font-size: 110% ; }
|
|
#nav .tabbed-page[data-tabid="asop"] .accordian-pane[data-chapterid="pre-game"] .title { background: #fff6e2 ; }
|
|
#nav .tabbed-page[data-tabid="asop"] .accordian .entry { margin: 6px 0 ; }
|
|
#asop-footer { border-top: 1px solid #ccc ; margin-top: 5px ; padding: 5px 5px 0 5px ; }
|
|
|
|
#asop>.title { background: #f6edda ; border: 1px solid #e5cea0 }
|
|
#asop[data-chapterid="pre-game"]>.title { background: #fff6e2 ; }
|
|
|
|
.asop .pre { margin-left: 30px ; font-family: monospace ; }
|
|
.asop .hilite { padding: 0 2px ; background: #ffa ; }
|
|
|
|
.asop .title { border: 1px solid #666 ; border-radius: 2px ; background: #eee ; font-size: 125% ; font-weight: bold ; padding: 2px 5px ; }
|
|
.asop .title .collapser { height: 16px ; float: right ; margin: 2px 0 0 5px ; }
|
|
|
|
.asop .preamble { margin-bottom: 5px ; padding: 2px 5px ; font-size: 90% ; font-style: italic ; }
|
|
.asop .collapsible { overflow-y: visible ; }
|
|
.asop .preamble i, #asop .preamble em { font-style: normal ; }
|
|
|
|
.asop .sections { flex-grow: 1 ; overflow-y: auto ; padding: 0 5px ; }
|
|
.asop .section { margin-top: 10px ; border: 1px solid #ccc ; border-radius: 5px; padding: 10px ; }
|
|
.asop .section:first-of-type { margin-top: 0 ; }
|
|
.asop .sections.single .section { border: none ; padding: 0 ; }
|
|
.asop .section .caption { font-weight: bold ; }
|
|
|