← Back to branch summary

~didrocks/+junk/face-detection-15.04

« back to all changes in this revision

Viewing changes to facedetection/www/bower_components/iron-doc-viewer/iron-doc-viewer-styles.html

  • Committer: Didier Roche
  • Date: 2016-05-10 23:09:11 UTC
  • Revision ID: didier.roche@canonical.com-20160510230911-c7xr490zrj3yrzxd
New version

Show diffs side-by-side

added added

removed removed

Lines of Context:
facedetection/www/bower_components/iron-doc-viewer/iron-doc-viewer-styles.html
 
1
<!--
 
2
@license
 
3
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 
4
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 
5
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 
6
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 
7
Code distributed by Google as part of the polymer project is also
 
8
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 
9
-->
 
10
 
 
11
<link rel="import" href="../paper-styles/typography.html">
 
12
 
 
13
<dom-module id="iron-doc-viewer-styles">
 
14
  <template>
 
15
    <style>
 
16
      :host {
 
17
        @apply(--paper-font-body1);
 
18
 
 
19
        color: #212121;
 
20
        display: block;
 
21
      }
 
22
 
 
23
      :host > header {
 
24
        @apply(--paper-font-headline);
 
25
 
 
26
        margin-bottom: 18px;
 
27
      }
 
28
 
 
29
      [hidden] {
 
30
        display: none !important;
 
31
      }
 
32
 
 
33
      .deeplink {
 
34
        color: currentcolor;
 
35
        text-decoration: none;
 
36
      }
 
37
 
 
38
      .deeplink:hover {
 
39
        color: var(--paper-pink-500);
 
40
      }
 
41
 
 
42
      #api {
 
43
        display: flex;
 
44
        align-items: center;
 
45
      }
 
46
 
 
47
      #api header {
 
48
        @apply(--paper-font-title);
 
49
 
 
50
        flex: 1;
 
51
      }
 
52
 
 
53
      #api a {
 
54
        @apply(--paper-font-button);
 
55
 
 
56
        color: var(--paper-grey-800);
 
57
        cursor: pointer;
 
58
        display: block;
 
59
        padding: 4px 16px;
 
60
      }
 
61
 
 
62
      /* Common Formatting */
 
63
 
 
64
      #summary {
 
65
        padding: 4px 0;
 
66
      }
 
67
 
 
68
      #summary .markdown-html pre {
 
69
        background-color: var(--paper-grey-200);
 
70
        border-radius: 3px;
 
71
        font-size: 15px;
 
72
        overflow-x: auto;
 
73
        padding: 12px 24px;
 
74
        word-wrap: break-word;
 
75
      }
 
76
 
 
77
      #summary .markdown-html table {
 
78
        background-color: var(--paper-grey-200);
 
79
        border-collapse: collapse;
 
80
        margin: 12px 0;
 
81
        width: 100%;
 
82
      }
 
83
 
 
84
      #summary .markdown-html tr {
 
85
        padding: 0 18px;
 
86
      }
 
87
 
 
88
      #summary .markdown-html td,
 
89
      #summary .markdown-html th {
 
90
        padding: 6px 12px;
 
91
      }
 
92
 
 
93
      #summary .markdown-html td:first-child,
 
94
      #summary .markdown-html th:first-child {
 
95
        padding-left: 24px;
 
96
      }
 
97
 
 
98
      #summary .markdown-html td:last-child,
 
99
      #summary .markdown-html th:last-child {
 
100
        padding-right: 24px;
 
101
      }
 
102
 
 
103
      #summary .markdown-html td:first-child > code {
 
104
        color: black;
 
105
        font-weight: bold;
 
106
      }
 
107
 
 
108
      #summary .markdown-html code {
 
109
        @apply(--paper-font-code1);
 
110
        background: var(--paper-grey-200);
 
111
        padding: 3px;
 
112
        border-radius: 3px;
 
113
      }
 
114
 
 
115
      #summary .markdown-html p {
 
116
        padding: 0;
 
117
      }
 
118
 
 
119
      #summary .markdown-html a {
 
120
        background: none;
 
121
        @apply(--paper-font-body1);
 
122
        color: var(--paper-indigo-a200);
 
123
        font-weight: 500;
 
124
        text-decoration: none;
 
125
      }
 
126
 
 
127
      #summary .markdown-html h1 {
 
128
        @apply(--paper-font-display1);
 
129
      }
 
130
 
 
131
      #summary .markdown-html h2 {
 
132
        @apply(--paper-font-headline);
 
133
      }
 
134
 
 
135
      #summary .markdown-html h3 {
 
136
        @apply(--paper-font-title);
 
137
      }
 
138
 
 
139
      #summary .markdown-html h4 {
 
140
        @apply(--paper-font-subhead);
 
141
      }
 
142
 
 
143
      /* Property Sections */
 
144
 
 
145
      .card {
 
146
        margin-bottom: 20px;
 
147
      }
 
148
 
 
149
      .card a {
 
150
        font-size: 20px;
 
151
        font-weight: 400;
 
152
        line-height: 28px;
 
153
        line-height: 48px;
 
154
      }
 
155
 
 
156
      .card > header {
 
157
        @apply(--iron-doc-viewer-header);
 
158
      }
 
159
 
 
160
      nav {
 
161
        border-bottom: 1px solid var(--paper-grey-200);
 
162
      }
 
163
 
 
164
      iron-doc-property {
 
165
        background: var(--paper-grey-200);
 
166
      }
 
167
 
 
168
      iron-doc-property:first-of-type {
 
169
        border-top-left-radius: 3px;
 
170
        border-top-right-radius: 3px;
 
171
      }
 
172
 
 
173
      iron-doc-property:last-of-type {
 
174
        border-bottom-left-radius: 3px;
 
175
        border-bottom-right-radius: 3px;
 
176
      }
 
177
 
 
178
      /* Private Properties */
 
179
 
 
180
      iron-doc-property[private] {
 
181
        display: none;
 
182
      }
 
183
 
 
184
      :host(.show-private) iron-doc-property[private] {
 
185
        display: block;
 
186
        background: var(--paper-grey-300);
 
187
      }
 
188
 
 
189
      iron-doc-property[configuration] {
 
190
        display: none !important; /* Never. */
 
191
      }
 
192
 
 
193
      #behaviors > p {
 
194
        box-sizing: border-box;
 
195
        cursor: pointer;
 
196
        display: block;
 
197
        padding: 16px 24px;
 
198
      }
 
199
 
 
200
      #behaviors > p:last-of-type {
 
201
        border-bottom: none;
 
202
      }
 
203
 
 
204
      paper-button:hover {
 
205
        color: var(--paper-pink-500);
 
206
      }
 
207
    </style>
 
208
  </template>
 
209
</dom-module>