Chris@0
|
1 /**
|
Chris@0
|
2 * Entity meta settings.
|
Chris@0
|
3 */
|
Chris@0
|
4 .entity-meta {
|
Chris@0
|
5 background-color: #ececec;
|
Chris@0
|
6 border-left: 1px solid #bfbfbf;
|
Chris@0
|
7 border-right: 1px solid #bfbfbf;
|
Chris@0
|
8 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
|
Chris@0
|
9 }
|
Chris@0
|
10 .entity-meta__header,
|
Chris@0
|
11 .entity-meta details {
|
Chris@0
|
12 background-color: #f7f7f7;
|
Chris@0
|
13 border-top: 1px solid #bfbfbf;
|
Chris@0
|
14 border-bottom: 1px solid #bfbfbf;
|
Chris@0
|
15 }
|
Chris@0
|
16 .entity-meta__header {
|
Chris@0
|
17 padding: 1em 1.5em;
|
Chris@0
|
18 }
|
Chris@0
|
19 .entity-meta__title {
|
Chris@0
|
20 font-size: 1.231em;
|
Chris@0
|
21 font-weight: bold;
|
Chris@0
|
22 text-shadow: 0 1px 0 #fff;
|
Chris@0
|
23 margin: 0.25em 0;
|
Chris@0
|
24 }
|
Chris@0
|
25 .entity-meta__header .form-item {
|
Chris@0
|
26 margin: 0.25em 0;
|
Chris@0
|
27 }
|
Chris@0
|
28 .entity-meta__last-saved {
|
Chris@0
|
29 font-style: italic; /* As-designed, but really: why is this italic? */
|
Chris@0
|
30 }
|
Chris@0
|
31 .entity-meta details {
|
Chris@0
|
32 border-left: 0;
|
Chris@0
|
33 border-right: 0;
|
Chris@0
|
34 border-top: 1px solid #fff;
|
Chris@0
|
35 margin: 0;
|
Chris@0
|
36 }
|
Chris@0
|
37 .entity-meta details:first-child {
|
Chris@0
|
38 border-top-color: #bfbfbf;
|
Chris@0
|
39 }
|
Chris@0
|
40 .entity-meta details[open] {
|
Chris@0
|
41 background-color: transparent;
|
Chris@0
|
42 background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.125), transparent 4px);
|
Chris@0
|
43 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);
|
Chris@0
|
44 border-top-width: 0;
|
Chris@0
|
45 padding-top: 1px;
|
Chris@0
|
46 }
|
Chris@0
|
47 .entity-meta details[open] + details[open] {
|
Chris@0
|
48 background-image: none;
|
Chris@0
|
49 border-top-width: 1px;
|
Chris@0
|
50 padding-top: 0;
|
Chris@0
|
51 }
|
Chris@0
|
52 .entity-meta details > .details-wrapper {
|
Chris@0
|
53 padding-top: 0;
|
Chris@0
|
54 }
|
Chris@0
|
55 .entity-meta details > summary {
|
Chris@0
|
56 padding: 0.85em 1.25em;
|
Chris@0
|
57 text-shadow: 0 1px 0 white;
|
Chris@0
|
58 }
|
Chris@0
|
59 .entity-meta details .summary {
|
Chris@0
|
60 display: none; /* Hide JS summaries. @todo Rethink summaries. */
|
Chris@0
|
61 }
|