iframe { width: 100%; border: none; min-height: 128px; } .box[name="profile"] img.avatar { float: left; margin: 2px; } .tabbed-container .box { padding: 8px; } .tablist .tab { cursor: pointer; } .box .option .title.small { font-size: 12px; } .option { margin: 8px 0px; } .option.disabled > *:not(.title) { opacity: 0.2; } .option .title { font-family: var(--spfont1); font-weight: bold; } .option .inputtext:not(.shown) { display: none; } .box hr { border: var(--menu-border); } .box .buttonbar { border-top: var(--menu-border); padding: 4px; display: flex; } .box .buttonbar .grower { flex-grow: 1; } .box[name="sessions"] .session { background: var(--mail-content-bg, #dbdbdb); border: var(--mail-content-border, 1px outset #a8a8a8); padding: 4px; margin: 8px 0px; } .box[name="sessions"] .session .title { background: var(--mail-subject-bg, #b7b7b7); border: var(--mail-subject-border, 1px outset #8a8a8a); display: flex; padding: 4px; margin: -8px; margin-bottom: 4px; font-family: var(--spfont1); } .box[name="sessions"] .session .title img { height: 16px; } .box[name="sessions"] .session .title b { flex-grow: 1; } .box[name="sessions"] .session .title .button { margin: 0px !important; } .box .pager { display: flex; } .box .userlist .user-box { display: flex; margin: 4px 0px; } .box .userlist .user-box:hover { background: #0001; } .box .userlist .user-box hr { margin: 4px; } .guestbooklist .gbmsgbox { border: var(--menu-border); background: var(--menu-bg); margin: 4px; padding: 2px; } .guestbooklist .gbmsgbox .name { display: flex; } @media only screen and (orientation: landscape) { .tabbed-container.primary > .box .tabbed-container.secondary { margin: -44px -4px -8px -4px; } .tabbed-container.primary > .box .tabbed-container.secondary .box { border-left: none; border-right: none; border-bottom: none; } }