365 lines
		
	
	
		
			6.8 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
			
		
		
	
	
			365 lines
		
	
	
		
			6.8 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
| //.window-app .window-header a.header-button {
 | |
| //	@mixin hoverWidth($class) {
 | |
| //		&.#{$class}:hover {
 | |
| //			max-width: 200px;
 | |
| //			color: #292929f0;
 | |
| //		}
 | |
| //	}
 | |
| //	display: flex;
 | |
| //	flex-flow: row-reverse;
 | |
| //	align-items: center;
 | |
| //	max-width: 34px;
 | |
| //	height: 26px;
 | |
| //	white-space: nowrap;
 | |
| //	line-height: 1;
 | |
| //	overflow: hidden;
 | |
| //	padding: 0 6px;
 | |
| //	margin: 0 0 0 4px;
 | |
| //	color: transparent;
 | |
| //	transition: max-width 1s ease;
 | |
| //	@include hoverWidth("char-gen");
 | |
| //	@include hoverWidth("custom-roll");
 | |
| //	@include hoverWidth("push-roll");
 | |
| //	@include hoverWidth("configure-sheet");
 | |
| //	@include hoverWidth("configure-token");
 | |
| //	@include hoverWidth("item-post");
 | |
| //	@include hoverWidth("share-image");
 | |
| //	@include hoverWidth("entry-text");
 | |
| //	@include hoverWidth("entry-image");
 | |
| //	@include hoverWidth("close");
 | |
| //	> i {
 | |
| //		font-size: var(--font-size--default);
 | |
| //		margin-left: 10px;
 | |
| //		margin-top: 2px;
 | |
| //		color: #292929f0;
 | |
| //	}
 | |
| //}
 | |
| 
 | |
| /* -------------- */
 | |
| /*  Font Awesome  */
 | |
| /*   Overrides    */
 | |
| /* -------------- */
 | |
| 
 | |
| //.fa-suitcase {
 | |
| //	font-family: RPGAwesome;
 | |
| //	font-size: 1.6rem;
 | |
| //	transform: translateY(1px);
 | |
| //	&:before {
 | |
| //		content: "\ea72";
 | |
| //	}
 | |
| //}
 | |
| 
 | |
| //.fa-comments {
 | |
| //	font-family: RPGAwesome;
 | |
| //	font-size: 1.5rem;
 | |
| //	transform: translateY(1px);
 | |
| //	&:before {
 | |
| //		content: "\ea8f";
 | |
| //	}
 | |
| //}
 | |
| 
 | |
| //.fa-fist-raised {
 | |
| //	font-family: Swordlings;
 | |
| //	transform: translate(1.3px, -0.6px);
 | |
| //	font-size: 1.5rem;
 | |
| //	&:before {
 | |
| //		content: "x";
 | |
| //	}
 | |
| //}
 | |
| 
 | |
| /* ------------- */
 | |
| 
 | |
| //h3 {
 | |
| //	&.entity-name {
 | |
| //		& > a {
 | |
| //			color: #111;
 | |
| //			text-shadow: 0px 0px 5px #fff;
 | |
| //			font-weight: bold;
 | |
| //			text-transform: uppercase;
 | |
| //			margin: 2%;
 | |
| //		}
 | |
| //	}
 | |
| //}
 | |
| 
 | |
| //.window-app {
 | |
| //	.window-content {
 | |
| //		padding: 2px 4px;
 | |
| //	}
 | |
| //	.window-resizable-handle {
 | |
| //		background: none;
 | |
| //		border: none;
 | |
| //		width: 19px;
 | |
| //		height: 19px;
 | |
| //		transform: translate(12px, 12px);
 | |
| //
 | |
| //		&:hover {
 | |
| //			text-shadow: 0 0 5px #a00;
 | |
| //		}
 | |
| //
 | |
| //		i.fas {
 | |
| //			transform: translateY(-1.5px) rotate(45deg);
 | |
| //		}
 | |
| //	}
 | |
| //	&.image-popout {
 | |
| //		form.flexcol {
 | |
| //			background: #fff;
 | |
| //		}
 | |
| //		.form-group {
 | |
| //			&.title {
 | |
| //				input {
 | |
| //					font-family: "IM FELL THREE LINE PICA";
 | |
| //					font-size: var(--font-size--extra-large);
 | |
| //					text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
 | |
| //					text-transform: uppercase;
 | |
| //					border: none;
 | |
| //				}
 | |
| //			}
 | |
| //			&.picker {
 | |
| //				opacity: 0.2;
 | |
| //			}
 | |
| //			input,
 | |
| //			button {
 | |
| //				background: #999;
 | |
| //			}
 | |
| //		}
 | |
| //	}
 | |
| //	.window-header {
 | |
| //		border: none;
 | |
| //	}
 | |
| //	&.minimized {
 | |
| //		.window-header {
 | |
| //			border: none;
 | |
| //			margin-top: -10px;
 | |
| //			display: flex;
 | |
| //			align-items: center;
 | |
| //			line-height: 1.5;
 | |
| //			padding: unset;
 | |
| //			.window-title {
 | |
| //				overflow: hidden;
 | |
| //				white-space: pre;
 | |
| //			}
 | |
| //		}
 | |
| //	}
 | |
| //	// Override weirdly big settings input box for numbers
 | |
| //	&#client-settings .settings-list input[data-dtype="Number"] {
 | |
| //		max-width: 3rem;
 | |
| //		text-align: center;
 | |
| //	}
 | |
| //}
 | |
| 
 | |
| //body,
 | |
| //button {
 | |
| //	font-family: Poppins, sans-serif;
 | |
| //	font-size: var(--font-size--small);
 | |
| //}
 | |
| //img {
 | |
| //	border: none;
 | |
| //	&.profile {
 | |
| //		padding: 5px;
 | |
| //	}
 | |
| //}
 | |
| //
 | |
| //.app,
 | |
| //#hotbar .macro,
 | |
| //#hotbar .macro .macro-key,
 | |
| //#hotbar .bar-controls,
 | |
| //#controls .scene-control,
 | |
| //#controls .control-tool,
 | |
| //#navigation #nav-toggle,
 | |
| //#navigation #scene-list .scene {
 | |
| //	background: #292929f0;
 | |
| //}
 | |
| 
 | |
| a.entity-link,
 | |
| a.inline-roll {
 | |
| 	border: none;
 | |
| 	background: transparent;
 | |
| 	border-bottom: 1px dotted grey;
 | |
| 	padding: 0;
 | |
| }
 | |
| a {
 | |
| 	&.inline-roll {
 | |
| 		border: none;
 | |
| 	}
 | |
| 	&:hover {
 | |
| 		text-shadow: 0 0 5px #a00;
 | |
| 	}
 | |
| }
 | |
| 
 | |
| #pause {
 | |
| 	background: none;
 | |
| 	& > img {
 | |
| 		width: 200px;
 | |
| 		height: 200px;
 | |
| 		top: -50px;
 | |
| 		left: calc(50% - 100px);
 | |
| 		opacity: 0.7;
 | |
| 		-webkit-animation: rotation 10s infinite linear;
 | |
| 		animation: rotation 10s infinite linear;
 | |
| 	}
 | |
| 	h3 {
 | |
| 		font-family: @font-special;
 | |
| 		font-size: 32px;
 | |
| 		text-shadow: 0px 3px 5px rgba(0, 0, 0, 1);
 | |
| 	}
 | |
| }
 | |
| //#navigation {
 | |
| //	left: 180px;
 | |
| //}
 | |
| //#scenes {
 | |
| //	.scene {
 | |
| //		h3 {
 | |
| //			background-color: #cccccc60;
 | |
| //			white-space: pre-wrap;
 | |
| //			line-height: 1;
 | |
| //			display: grid;
 | |
| //			& > a {
 | |
| //				place-self: center;
 | |
| //			}
 | |
| //		}
 | |
| //	}
 | |
| //}
 | |
| //#chat-log {
 | |
| //	.message {
 | |
| //		position: relative;
 | |
| //		&:after {
 | |
| //			content: "";
 | |
| //			border: 10px solid transparent;
 | |
| //			border-image: url(../assets/journal-art/small-border.webp) 100/10px repeat;
 | |
| //			position: absolute;
 | |
| //			height: calc(100% - 24px);
 | |
| //			width: calc(100% - 24px);
 | |
| //			margin: -3px 7px 7px -3px;
 | |
| //			pointer-events: none;
 | |
| //		}
 | |
| //	}
 | |
| //}
 | |
| //.chat-message {
 | |
| //	font-size: var(--font-size--very-small);
 | |
| //	.message-header {
 | |
| //		padding: 8px 13px;
 | |
| //		border-bottom: rgba(0, 0, 0, 0.2);
 | |
| //	}
 | |
| //	.message-content {
 | |
| //		border: none;
 | |
| //		padding: 0 13px 13px;
 | |
| //	}
 | |
| //}
 | |
| //#playlists {
 | |
| //	li {
 | |
| //		&.playlist {
 | |
| //			.sound-control {
 | |
| //				color: #666;
 | |
| //			}
 | |
| //		}
 | |
| //	}
 | |
| //}
 | |
| 
 | |
| //form {
 | |
| //	& > select[name="folder"] {
 | |
| //		display: none;
 | |
| //	}
 | |
| //	& > .lightbox-image {
 | |
| //		background: rgb(255, 255, 255);
 | |
| //	}
 | |
| //}
 | |
| //.window-app.image-popout .form-group.picker:hover,
 | |
| //.window-app.image-popout .form-group.picker:focus-within {
 | |
| //	opacity: 1;
 | |
| //}
 | |
| //li {
 | |
| //	&.directory-item {
 | |
| //		&.entity {
 | |
| //			background: #eee;
 | |
| //			color: #222;
 | |
| //			border-radius: 6px;
 | |
| //			margin: 0 6px;
 | |
| //		}
 | |
| //	}
 | |
| //}
 | |
| //
 | |
| //.sheet .tabs .item {
 | |
| //	white-space: nowrap;
 | |
| //}
 | |
| //
 | |
| //.app.sidebar-popout .folder > .folder-header .create-folder,
 | |
| //.app.sidebar-popout li.folder > .folder-header .create-entity {
 | |
| //	color: #444;
 | |
| //}
 | |
| //
 | |
| //#player-config {
 | |
| //	.avatar {
 | |
| //		border: 2px dotted #444;
 | |
| //		border-image: url(../assets/journal-art/small-border.webp) 100/10px repeat;
 | |
| //	}
 | |
| //	.directory-item.context {
 | |
| //		border-top: 1px solid black;
 | |
| //		border-bottom: 1px solid #666;
 | |
| //		background: #ccc;
 | |
| //		h3.entity-name > a {
 | |
| //			font-weight: 600;
 | |
| //		}
 | |
| //	}
 | |
| //	h3.entity-name > a {
 | |
| //		font-weight: 400;
 | |
| //		font-size: 1.2rem;
 | |
| //		&:hover {
 | |
| //			text-shadow: 0 0 6px #333;
 | |
| //		}
 | |
| //	}
 | |
| //}
 | |
| //
 | |
| //#sidebar-tabs {
 | |
| //	border-bottom: 1px solid #fff;
 | |
| //	box-shadow: 0 0 6px #fff;
 | |
| //
 | |
| //	& > .item.active {
 | |
| //		border: 1px solid #fff;
 | |
| //		box-shadow: 0 0 6px inset #fffc;
 | |
| //	}
 | |
| //}
 | |
| //
 | |
| //#navigation #scene-list .scene.view,
 | |
| //#navigation #scene-list .scene.context {
 | |
| //	border: 1px solid #fff;
 | |
| //	border-bottom: 1px solid #fffc;
 | |
| //	box-shadow: 0 0 10px #fffc;
 | |
| //}
 | |
| //
 | |
| //#controls .scene-control.active,
 | |
| //#controls .control-tool.active,
 | |
| //#controls .scene-control:hover,
 | |
| //#controls .control-tool:hover {
 | |
| //	border: 1px solid #fff;
 | |
| //	border-bottom: 1px solid #fffc;
 | |
| //	box-shadow: 0 0 10px #fffc;
 | |
| //}
 | |
| //
 | |
| //#controls .control-tool.toggle {
 | |
| //	background: #666;
 | |
| //	border: 1px solid #fff;
 | |
| //
 | |
| //	&:hover,
 | |
| //	&.active {
 | |
| //		background: #700;
 | |
| //	}
 | |
| //}
 | |
| 
 | |
| // Fixing scrollbars!
 | |
| ::-webkit-scrollbar-thumb {
 | |
| 	outline: none;
 | |
| 	border-radius: 3px;
 | |
| 	background: #999 !important;
 | |
| 	border: 1px solid #333 !important;
 | |
| 	border-color: #333 !important;
 | |
| }
 | |
| ::-webkit-scrollbar-track {
 | |
| 	box-shadow: 0 0 3px #005d67 inset !important;
 | |
| 	border-radius: 3px;
 | |
| }
 | |
| 
 | |
| * {
 | |
| 	scrollbar-width: thin !important;
 | |
| 	scrollbar-color: #005d67 #ccc !important;
 | |
| }
 |