Add Actor Sheet first design
This commit is contained in:
Mandar
@@ -9,25 +9,7 @@ body {
|
||||
/*************************************************************/
|
||||
/*======================= SIDEBAR ===========================*/
|
||||
/*************************************************************/
|
||||
#sidebar {
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
position: fixed;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
width: 360px !important;
|
||||
height: 99vh;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
border: 30px solid transparent;
|
||||
border-image-source: url(../ui/frames/Chat-box.webp);
|
||||
border-image-slice: 30 fill;
|
||||
background-position: center !important;
|
||||
background-size: 300px 100%!important;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.collapse::before{
|
||||
content: "";
|
||||
@@ -209,12 +191,7 @@ body {
|
||||
/*************************************************************/
|
||||
/*======================= CHAT TAB ==========================*/
|
||||
/*************************************************************/
|
||||
.message-sender {
|
||||
color: darkred;
|
||||
font-weight: bold;
|
||||
border-bottom-color: darkred;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#chat-message{
|
||||
background-image: url(../ui/frames/chat-texture.webp) !important;
|
||||
}
|
||||
@@ -241,24 +218,6 @@ body {
|
||||
color: #520000;
|
||||
margin-top: -10px;
|
||||
}
|
||||
.roll-type-select{
|
||||
font-family: CaslonPro;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
height: 24px;
|
||||
top: 1px;
|
||||
padding-top: 0px;
|
||||
background: url(../ui/frames/chat-texture.webp) repeat !important;
|
||||
background-position-x: 0%;
|
||||
background-position-y: 0%;
|
||||
background-position: initial;
|
||||
box-shadow: inset 0 0 10px #000000;
|
||||
border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
|
||||
border-image-width: 4px;
|
||||
color: #520000;
|
||||
}
|
||||
|
||||
#sidebar .sidebar-tab #chat-controls div.roll-type-select select {
|
||||
font-family: CaslonPro;
|
||||
@@ -298,26 +257,6 @@ body {
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.sidebar-tab .directory-header .header-search input {
|
||||
font-family: CaslonPro;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
height: 24px;
|
||||
top: 7px;
|
||||
padding-top: 3px;
|
||||
background: url(../ui/frames/chat-texture.webp) repeat;
|
||||
background-position-x: 0%;
|
||||
background-position-y: 0%;
|
||||
background-position: initial;
|
||||
box-shadow: inset 0 0 10px #000000;
|
||||
border-image: url(../ui/frames/chat-controls-border.webp) 4 repeat;
|
||||
border-image-width: 4px;
|
||||
border-image-outset: 3px 2px 2px 2px;
|
||||
color: #520000;
|
||||
}
|
||||
|
||||
.sidebar-tab .directory-header button {
|
||||
background-image: url(../ui/buttons/button-green.webp);
|
||||
text-align: center;
|
||||
@@ -441,198 +380,3 @@ body {
|
||||
content: " (Blind Roll) " !important;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/*************************************************************/
|
||||
/*================== NAVIGATION BAR =========================*/
|
||||
/*************************************************************/
|
||||
#navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
|
||||
cursor: default;
|
||||
color: #FFF;
|
||||
background: url(../ui/sidebar/sidebar_button-background_red.webp) repeat;
|
||||
background-origin: padding-box;
|
||||
border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat;
|
||||
border-image-width: 4px;
|
||||
border-image-outset: 0px;
|
||||
box-shadow: 0 0 20px red;
|
||||
}
|
||||
|
||||
#navigation #nav-toggle {
|
||||
cursor: default;
|
||||
color: #FFF;
|
||||
background: url(../ui/sidebar/sidebar_button-background_cyan.webp) repeat;
|
||||
background-origin: padding-box;
|
||||
border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat;
|
||||
border-image-width: 4px;
|
||||
border-image-outset: 0px;
|
||||
font-family: CaslonPro;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
padding-top: 3px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
#navigation #scene-list .scene.nav-item {
|
||||
cursor: default;
|
||||
color: #FFF;
|
||||
background: url(../ui/sidebar/sidebar_button-background_cyan.webp) repeat;
|
||||
background-origin: padding-box;
|
||||
border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat;
|
||||
border-image-width: 4px;
|
||||
border-image-outset: 0px;
|
||||
font-family: CaslonPro;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
#navigation #scene-list .scene.nav-item.active {
|
||||
background: url(../ui/sidebar/sidebar_button-background_red.webp) repeat;
|
||||
}
|
||||
#navigation #scene-list .scene li.scene-player {
|
||||
float: left;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
margin: 0 2px 0 0;
|
||||
line-height: 12px;
|
||||
padding-top: 1px;
|
||||
text-align: center;
|
||||
color: #000000e8;
|
||||
font-weight: 600;
|
||||
background: #97dff4;
|
||||
border: 1px solid #000;
|
||||
border-radius: 8px;
|
||||
font-family: "Signika", "Palatino Linotype", serif;
|
||||
font-size: 13px;
|
||||
box-shadow: inset 0 0 3px #000000;
|
||||
}
|
||||
|
||||
/*************************************************************/
|
||||
/*=================== SCENE CONTROLS ========================*/
|
||||
/*************************************************************/
|
||||
#controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
|
||||
cursor: default;
|
||||
color: #FFF;
|
||||
background: url(../ui/sidebar/sidebar_button-background_red.webp) repeat !important;
|
||||
background-origin: padding-box !important;
|
||||
border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat !important;
|
||||
border-image-width: 4px !important;
|
||||
border-image-outset: 0px !important;
|
||||
box-shadow: 0 0 10px red !important;
|
||||
}
|
||||
|
||||
#controls .scene-control, #controls .control-tool {
|
||||
width: 36px !important;
|
||||
height: 36px !important;
|
||||
box-sizing: content-box !important;
|
||||
font-size: 19px !important;
|
||||
line-height: 36px !important;
|
||||
background: rgba(0, 0, 0, 0.5) !important;
|
||||
box-shadow: 0 0 3px #000 !important;
|
||||
margin: 0 0 8px !important;
|
||||
color: #BBB !important;
|
||||
text-align: center !important;
|
||||
border: 1px solid #000 !important;
|
||||
border-radius: 5px !important;
|
||||
cursor: pointer !important;
|
||||
cursor: default !important;
|
||||
color: #FFF !important;
|
||||
background: url(../ui/sidebar/sidebar_button-background_cyan.webp) repeat !important;
|
||||
background-origin: padding-box !important;
|
||||
border-image: url(../ui/sidebar/sidebar_button-footer-button.webp) 10 repeat !important;
|
||||
border-image-width: 4px !important;
|
||||
border-image-outset: 0px !important;
|
||||
}
|
||||
|
||||
/*************************************************************/
|
||||
/*=================== PLAYERS LIST ==========================*/
|
||||
/*************************************************************/
|
||||
#players {
|
||||
position: fixed;
|
||||
bottom: 25px;
|
||||
left: 13px;
|
||||
width: 200px;
|
||||
border: 1px solid blue;
|
||||
border-image: url(../ui/frames/players-border.webp) 21 repeat;
|
||||
border-image-slice: 23 19 23 19;
|
||||
border-image-width: 23px 19px 23px 19px;
|
||||
border-image-outset: 22px 17px 16px 14px;
|
||||
border-radius: 0px;
|
||||
box-shadow: inset 0 0 10px #000000;
|
||||
background: #000000e8;
|
||||
font-family: CaslonPro;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
}
|
||||
#players h3 .fas.fa-users {
|
||||
margin-right: 10px;
|
||||
display: none;
|
||||
}
|
||||
#players ol .player-name {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
word-break: break-all;
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
/******************************************************************/
|
||||
/*========================= HOTBAR ===============================*/
|
||||
/******************************************************************/
|
||||
|
||||
/* ==================== (A) WINDOW FRAMEWORK ================== */
|
||||
#hotbar {
|
||||
font-family: CaslonPro;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
width: 600px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
#hotbar #action-bar {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
#hotbar #action-bar #macro-list {
|
||||
flex: 0 0 510px;
|
||||
height: 100%;
|
||||
list-style: none;
|
||||
margin: 0 0px;
|
||||
padding: 5px 0px 4px 0px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
justify-content: center;
|
||||
background: url(../ui/frames/hotkeybox-macro-list.webp);
|
||||
box-shadow: 2px 2px 5px #000000;
|
||||
}
|
||||
#hotbar #action-bar .macro {
|
||||
border-image: url(../ui/frames/hotkeybox.webp) 21 repeat;
|
||||
border-image-slice: 6 6 6 6 fill;
|
||||
border-image-width: 6px 6px 6px 6px;
|
||||
border-image-outset: 0px 0px 0px 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
#hotbar .macro .macro-key {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: 2px;
|
||||
padding: 3px 3px;
|
||||
text-shadow: 1px 1px 1px black;
|
||||
color: #f0f0e0;
|
||||
font-weight: normal;
|
||||
background: #000000e0;
|
||||
max-height: 19px;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0px 0px 5px black;
|
||||
}
|
||||
#hotbar .bar-controls {
|
||||
background: #000000de;
|
||||
box-shadow: 0 0 4px black;
|
||||
border-radius: 16px;
|
||||
border: 2px solid #540e0ec2;
|
||||
}
|
||||
#hotbar .bar-controls span.page-number {
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
line-height: 8px;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user