diff js/Editor-1.5.6/css/scss/datetime.scss @ 2:a64ece32a01a draft default tip

"planemo upload for repository https://github.com/ImmPortDB/immport-galaxy-tools/tree/master/flowtools/cs_overview commit a46097db0b6056e1125237393eb6974cfd51eb41"
author azomics
date Tue, 28 Jul 2020 08:32:36 -0400
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/js/Editor-1.5.6/css/scss/datetime.scss	Tue Jul 28 08:32:36 2020 -0400
@@ -0,0 +1,184 @@
+
+$editor-datetime-selected: #4E6CA3 !default;
+
+div.editor-datetime {
+	position: absolute;
+	background-color: white;
+	z-index: 2050;
+    border: 1px solid #ccc;
+	box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
+	padding-bottom: 5px;
+
+	div.editor-datetime-title {
+		text-align: center;
+	    padding: 5px 0px 3px;
+	}
+
+	table {
+		border-spacing: 0;
+		margin: 6px 13px;
+
+		th {
+			font-size: 0.8em;
+			color: #777;
+			font-weight: normal;
+			width: 14.285714286%;
+			padding: 0 0 4px 0;
+			text-align: center;
+		}
+
+		td {
+			font-size: 0.9em;
+			color: #444;
+			padding: 0;
+		}
+
+		td.day {
+			text-align: right;
+			background: #f5f5f5;
+
+			&.disabled {
+				color: #aaa;
+				background: white;
+			}
+
+			&.today {
+				background-color: #ddd;
+				
+				button {
+					font-weight: bold;
+				}
+			}
+
+			&.selected button {
+				background: $editor-datetime-selected;
+				color: white;
+				border-radius: 2px;
+			}
+
+			button:hover {
+				background: #ff8000;
+				color: white;
+				border-radius: 2px;
+			}
+		}
+
+		td.editor-datetime-week {
+			font-size: 0.7em;
+		}
+
+		button {
+			width: 100%;
+			box-sizing: border-box;
+			border: none;
+			background: transparent;
+			font-size: inherit;
+			color: inherit;
+			text-align: inherit;
+			padding: 5px 9px;
+			cursor: pointer;
+			margin: 0;
+		}
+
+		&.weekNumber th {
+			width: 12.5%;
+		}
+	}
+
+	div.editor-datetime-label {
+		position: relative;
+		display: inline-block;
+		height: 30px;
+		padding: 5px 6px;
+		border: 1px solid transparent;
+		box-sizing: border-box;
+		cursor: pointer;
+
+		&:hover {
+			border: 1px solid #ddd;
+			border-radius: 2px;
+			background-color: #f5f5f5;
+		}
+
+		span {
+
+		}
+
+		select {
+			position: absolute;
+			top: 6px;
+			left: 0;
+			cursor: pointer;
+			opacity: 0;
+			-ms-filter: "alpha(opacity=0)";
+		}
+	}
+
+	div.editor-datetime-time {
+		text-align: center;
+
+		> span {
+			vertical-align: middle;
+		}
+
+		div.editor-datetime-timeblock {
+			display: inline-block;
+			vertical-align: middle;
+		}
+	}
+
+
+	div.editor-datetime-iconLeft,
+	div.editor-datetime-iconRight,
+	div.editor-datetime-iconUp,
+	div.editor-datetime-iconDown {
+		width: 30px;
+		height: 30px;
+		background-position: center;
+		background-repeat: no-repeat;
+		opacity: 0.3;
+		overflow: hidden;
+		box-sizing: border-box;
+
+		&:hover {
+			border: 1px solid #ccc;
+			border-radius: 2px;
+			background-color: #f0f0f0;
+			opacity: 0.6;
+		}
+
+		button {
+			border: none;
+			background: transparent;
+			text-indent: 30px;
+			height: 100%;
+			width: 100%;
+			cursor: pointer;
+		}
+	}
+
+	div.editor-datetime-iconLeft {
+		position: absolute;
+		top: 5px;
+		left: 5px;
+		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
+	}
+
+	div.editor-datetime-iconRight {
+		position: absolute;
+		top: 5px;
+		right: 5px;
+		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
+	}
+
+	div.editor-datetime-iconUp {
+		height: 20px;
+		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII=');
+	}
+
+	div.editor-datetime-iconDown {
+		height: 20px;
+		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC');
+	}
+}
+