header.admin { margin-top: 3rem; height: 16rem; overflow: hidden; text-align: right; color: #fff; font-family: monospace; padding: 1rem; font-size: 4em; background: url('ja.png') no-repeat 1% 50% #024; background-size: contain; } .event-list { padding: 0; list-style: none; } .event { display: grid; grid-template-columns: 90% 10%; margin-bottom: 2em; padding-bottom: .5em; border-bottom: 1px dotted rgba(0,0,0,0.5); } .event-info { grid-column: 1; } .event-info h3 { padding: 0; margin-top: 0; } .event-info p { word-wrap: break-word; } .event-info a { color: black; text-decoration: none; } .event-info a:hover { text-decoration: underline; } .event-actions { grid-column: 2; text-align: center; display: inline-block; } .event-actions a { text-decoration: none; } .gridsplit { padding-top: 1.3em; display: grid; grid-template-columns: 3fr 1fr; } .gridsplit5050 { display: grid; grid-template-columns: 1fr 1fr; } .gridl { height: 100%; grid-column: 1; } .gridr { height: 100%; padding: 0 1em; margin-left: 1em; border-left: 1px dotted rgba(0,0,0,0.5); grid-column: 2; } .gridsplit h1:first-child, .gridsplit h2:first-child, .gridsplit h3:first-child, .gridsplit h4:first-child, .gridsplit h5:first-child, .gridsplit h6:first-child { margin-top: 0; } .allgrids { grid-column: 1 / -1; } .float-right { float: right; } .float-left { float: left; } .btn { text-decoration: none; border: 1px solid #048; color: #048; padding: .2em 1em; border-radius: .2em; white-space: nowrap; display: inline-block; margin-bottom: .25em; } .btn:hover { border-color: #084; background: #eee; color: #084; } .btn:active { border-color: #084; background: #084; color: white; } .userlist { table-layout: fixed; width: 100%; margin: 1em 0; } .userlist tr th { text-align: left; } .userlist tr { border-bottom: 1px solid gray; min-width: 100%; } .usergroupcheckbox { margin-right: .3em; } .newuserrow { background-color: #ddd; } .newuserelement { background-color: #ddd; border-bottom: 2px dotted gray; } .newuserelement input { border: none; background-color: #ddd; }