git ssb

1
Message -book-detail {
2
  display: block
3
4
  section.title, section.authors, section.series {
5
    input {
6
      border: 1px solid gainsboro
7
      height: 1.3rem
8
      padding: 5px
9
    }
10
  }
11
12
  section.title input {
13
    height: 2rem
14
    margin-bottom: 5px
15
  }
16
17
  section.authors input {
18
    margin-bottom: 5px
19
  }
20
21
  section.series {
22
    span.seriesNo {
23
      margin-left: 5px
24
    }
25
    input.seriesNo {
26
      width: 50px
27
    }
28
  }
29
30
  section.subjective {
31
    section.actions {
32
      flex-basis: 100%
33
      display: flex
34
      justify-content: flex-end
35
    }
36
37
    div {
38
      -contracted {
39
        display: none
40
      }
41
42
      -expanded {
43
        display: block
44
      }
45
46
      input {
47
        border: 1px solid gainsboro
48
        height: 1.3rem
49
        margin-left: 5px
50
        margin-bottom: 5px
51
        padding: 5px
52
      }
53
54
      textarea {
55
        border: 1px solid gainsboro
56
        width: 600px
57
        height: 250px
58
      }
59
    }
60
    
61
    section {
62
      margin-top: 5px
63
      line-height: 2rem
64
65
      input, span.ratingType input {
66
        border: 1px solid gainsboro
67
        width: 80px
68
        height: 1.3rem
69
        margin-left: 5px
70
        padding: 5px
71
        vertical-align: text-bottom
72
      }
73
74
      img.Avatar {
75
        width: 2rem;
76
        height: 2rem;
77
        margin-right: 0.5rem
78
      }
79
80
      span.text {
81
        vertical-align: text-bottom
82
83
        img.emoji {
84
          height: 1.2em;
85
          width: 1.2em;
86
          vertical-align: middle;
87
          margin-top: -0.2em;
88
        }
89
      }
90
    }
91
92
    section.comments {
93
      div {
94
        img.Avatar {
95
          width: 2rem;
96
          height: 2rem;
97
          margin-right: 0.5rem
98
        }
99
100
        span.text {
101
          vertical-align: text-bottom
102
103
          img.emoji {
104
            height: 1.2em;
105
            width: 1.2em;
106
            vertical-align: middle;
107
            margin-top: -0.2em;
108
          }
109
        }
110
      }
111
    }
112
  }
113
114
  section.title {
115
    font-size: 2rem
116
117
    input {
118
      font-size: 2rem
119
    }
120
  }
121
122
  section.authors {
123
    font-style: italic
124
  }
125
126
  section.content {
127
    column-count: 2
128
    
129
    section.images img {
130
      max-width: 300px
131
      max-height: 300px
132
    }
133
134
    section.description {
135
      min-height: 3rem
136
137
      div.Description {
138
        margin-top: 10px
139
140
        textarea {
141
          border: 1px solid gainsboro
142
          width: 300px
143
          height: 250px
144
        }
145
      }
146
    }
147
  }
148
}
149