design/css/main.scss
author duong tam kien <tk@deveha.com>
Thu, 15 Jun 2017 17:18:22 +0200
changeset 43 3c9d3c8f41d1
parent 23 4c3ae065f22c
permissions -rw-r--r--
transparency
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
     1
---
duong tam kien <tk@deveha.com>
parents:
diff changeset
     2
---
duong tam kien <tk@deveha.com>
parents:
diff changeset
     3
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
     4
nav.navbar {
43
3c9d3c8f41d1 transparency
duong tam kien <tk@deveha.com>
parents: 23
diff changeset
     5
	background: rgba(255,255,255, .9);
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
     6
}
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
     7
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
     8
$grey-light : rgba(0, 0, 0, .125);
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
     9
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    10
#session {
43
3c9d3c8f41d1 transparency
duong tam kien <tk@deveha.com>
parents: 23
diff changeset
    11
	background: white; 	// border: 1px black solid;
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    12
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    13
	display: flex;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    14
	align-items: center;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    15
	justify-content: center;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    16
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    17
	position: fixed;
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    18
	width: 260px;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    19
	height: 100%;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    20
	z-index: 99999999;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    21
	overflow: hide;
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    22
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    23
	.card {
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    24
		top: -38px;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    25
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    26
		width: 220px;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    27
		height: 600px;
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    28
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    29
		ul {
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    30
			//height: 200px;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    31
			overflow-y: scroll;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    32
		}
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    33
	}
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    34
}
duong tam kien <tk@deveha.com>
parents:
diff changeset
    35
duong tam kien <tk@deveha.com>
parents:
diff changeset
    36
#editor {
duong tam kien <tk@deveha.com>
parents:
diff changeset
    37
	width: 100%;
duong tam kien <tk@deveha.com>
parents:
diff changeset
    38
	background: white;
22
92283f86282d edit bar pattern
duong tam kien <tk@deveha.com>
parents: 20
diff changeset
    39
	//	height: 7em;
92283f86282d edit bar pattern
duong tam kien <tk@deveha.com>
parents: 20
diff changeset
    40
	padding-bottom: 0.5em;
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    41
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    42
	border-top: 1px solid $grey-light;
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    43
duong tam kien <tk@deveha.com>
parents:
diff changeset
    44
	textarea {
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    45
		// border: 1px solid black;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    46
		// with: 100%;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    47
		// height: 2em;
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    48
	}
22
92283f86282d edit bar pattern
duong tam kien <tk@deveha.com>
parents: 20
diff changeset
    49
92283f86282d edit bar pattern
duong tam kien <tk@deveha.com>
parents: 20
diff changeset
    50
	.metadata {
92283f86282d edit bar pattern
duong tam kien <tk@deveha.com>
parents: 20
diff changeset
    51
		text-align: right;
92283f86282d edit bar pattern
duong tam kien <tk@deveha.com>
parents: 20
diff changeset
    52
	}
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    53
}
duong tam kien <tk@deveha.com>
parents:
diff changeset
    54
23
4c3ae065f22c notes layout
duong tam kien <tk@deveha.com>
parents: 22
diff changeset
    55
.note {
4c3ae065f22c notes layout
duong tam kien <tk@deveha.com>
parents: 22
diff changeset
    56
	.metadata {
4c3ae065f22c notes layout
duong tam kien <tk@deveha.com>
parents: 22
diff changeset
    57
		div {
4c3ae065f22c notes layout
duong tam kien <tk@deveha.com>
parents: 22
diff changeset
    58
			line-height: 24px;
4c3ae065f22c notes layout
duong tam kien <tk@deveha.com>
parents: 22
diff changeset
    59
		}
4c3ae065f22c notes layout
duong tam kien <tk@deveha.com>
parents: 22
diff changeset
    60
	}
4c3ae065f22c notes layout
duong tam kien <tk@deveha.com>
parents: 22
diff changeset
    61
4c3ae065f22c notes layout
duong tam kien <tk@deveha.com>
parents: 22
diff changeset
    62
	.content {
4c3ae065f22c notes layout
duong tam kien <tk@deveha.com>
parents: 22
diff changeset
    63
		p:last-child {
4c3ae065f22c notes layout
duong tam kien <tk@deveha.com>
parents: 22
diff changeset
    64
			margin-bottom: 0;
4c3ae065f22c notes layout
duong tam kien <tk@deveha.com>
parents: 22
diff changeset
    65
		}
4c3ae065f22c notes layout
duong tam kien <tk@deveha.com>
parents: 22
diff changeset
    66
	}
4c3ae065f22c notes layout
duong tam kien <tk@deveha.com>
parents: 22
diff changeset
    67
}