AstroJS/botanjs/src/Astro/Blog/AstroEdit/_this.css

.ae_panel_section {
	padding: 0 1em;
	color: white;
    height: 0;
    overflow: hidden;;
}

.ae_section_prop {
	margin: 0.5em 0;
	text-align: right;
}

.ae_prop_name {
	opacity: 0.8;
}

.ae_prop_value {
	font-size: 1.2em;
	text-align: right;
}

/* Interactive value */
.ae_iValue {
	text-align: center;
	padding: 0.5em;
	cursor: default;
}

.ae_background {
	background-color: #fff; 
	background-image: 
	linear-gradient(90deg, transparent 1em, #666 1em, #666 1.2em, transparent 1.2em),
	linear-gradient(#EEE .1em, transparent .1em);
	background-size: 100% 1.5em;
}


/* Buttons */
.ae_purple { background: purple; }
.ae_purple:hover { background: darkmagenta; }
.ae_coral { background: orangered; }
.ae_coral:hover { background: darkorange; }
.ae_dodgerblue { background: dodgerblue; }
.ae_caution { color: red; }
.ae_caution:hover { background: #333; }
.ae_dodgerblue:hover { background: cornflowerblue; }
/* End buttons */


.ae_disabled {
	color: grey;
	background: none;
}

.ae_blockswitch {
	line-height: 2em;
}

.ae_blockswitch > span {
	white-space: nowrap;
	/* text-transform:uppercase; */
	font-family: custom-sans;
	padding: 0.2em 0.5em;
	cursor: default;
	opacity: 0.5;
}

.ae_blockswitch > span:hover {
	background-color: black;
	opacity: 1;
}

.ae_body {
	max-height: 100%;

	overflow-y: scroll;
	
	position: fixed;
}

.ae_content {
	width: auto;
	background: SkyBlue;
}

.ae_panel {
	width: 300px;
	height: auto;
	min-height: 100%;
	background: #222;
	color: white;
	
	position: absolute;
	
	top: 0;
	right: 0;
	
	/* will handel mouse scroll later*/
	overflow: hidden;
	
	-moz-box-shadow: -2px 0 5px black;
	-webkit-box-shadow: -2px 0 5px black;
	box-shadow: -2px 0 5px black;
}

.ae_topbar {
	width: 100%;
	color: #222;
	padding: 0.35em 0;
	overflow: hidden;
	border-bottom: 7px solid #222;
}


.ae_title, .ae_stitle {
	padding: 0.35em;
}

.ae_title {
	position: relative;
	top: 0.25em;
	font-size: 2em;
}

.ae_stitle:hover {
    background-color: rgba( 0, 0, 0, 0.2 );
}

.ae_stitle {
	font-size: 1.5em;
}

#ae_title {
	font-size: 2.5em;
	color: #444;
}

#ae_content {
	font-size: 100%;
	margin-bottom: 100%;
	border-bottom: 1px black dashed;
}

#ae_title, #ae_content {
	background: none;
	width: 100%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#ae_title:focus {
	background: rgba(255, 255, 255, 0);
}

#ae_content:focus {
	background: rgba(255, 255, 255, 0);
}

#ae_bgdimmer {
	background: rgba(255, 255, 255, 0);
}

#ae_content, #ae_bgdimmer {
	color: #555;
	padding: 1em 1em 0.01em 1em;
}

.ae_preview {
	display: block;
	color: white;
	text-decoration: none;
	padding: 0.4em;
	font-size: 100%;
	width: 100%;
}

.ae_user_info {
	background: #111;
	overflow: hidden;
	position: relative;
}

.ae_draft_section {
	padding: 0.5em;
}

.ae_draft_logo {
	font-size: 3em;
	position: absolute;
	opacity: 0.2;
	cursor: default;
}

.ae_name {
	text-align: right;
	padding: 0.2em;
}

.ae_user_content {
	padding: 0.2em
}

#ae_user_drafts {
	overflow: hidden;
}

.ae_dEntry {
	cursor: default;
	padding: 0.2em;
	background: rgba(255, 255, 255, 0);
}

.ae_dEntry:hover {
	background: rgba(255, 255, 255, 0.2);
}

.ae_dEntry_date {
	text-align: right;
}

.ae_expand_btn, .ae_callapse_btn {
	background: url(/assets/blog/layout-images/collapse.png) center 2.5px no-repeat;
	width: 100%;
	height: 10px;
}

.ae_expand_btn {
	-webkit-transform: rotate(180deg);  
	-moz-transform: rotate(180deg);  
	transform: rotate(180deg);
}

.ae_callapse_btn {
	-webkit-transform: rotate(0deg);  
	-moz-transform: rotate(0deg);  
	transform: rotate(0deg); 
}

.ae_affected_count {
	color: red;
}

/*Active draft notation*/
.ae_dActive_bubble {
	float: right;
	color: yellowgreen;
	text-shadow: 0 0 5px yellowgreen;
	font-size: 80%;
}

body {
	margin: 0 auto;
	min-width: 1200px;
}