← 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-property-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-property-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-property-styles">
 
14
  <template>
 
15
    <style>
 
16
      :host {
 
17
        @apply(--paper-font-body1);
 
18
 
 
19
        box-sizing: border-box;
 
20
        display: block;
 
21
        padding: 16px 24px;
 
22
      }
 
23
 
 
24
      #transitionMask {
 
25
        overflow: hidden;
 
26
        position: relative;
 
27
      }
 
28
 
 
29
      [hidden] {
 
30
        display: none;
 
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
      #signature {
 
43
        @apply(--paper-font-code1);
 
44
 
 
45
        float: left;
 
46
        overflow: hidden;
 
47
        text-overflow: ellipsis;
 
48
        width: 260px;
 
49
        color: black;
 
50
      }
 
51
 
 
52
      #signature .name {
 
53
        @apply(--paper-font-code2);
 
54
      }
 
55
 
 
56
      :host([function]) #signature {
 
57
        position: static;
 
58
        width: 100%;
 
59
      }
 
60
 
 
61
      :host:not([function]) #signature .params {
 
62
        display: none;
 
63
      }
 
64
 
 
65
      :host([function]) #type {
 
66
        display: none;
 
67
      }
 
68
 
 
69
      #details {
 
70
        flex: 1;
 
71
        font-size: 12px;
 
72
        margin-left: 260px;
 
73
      }
 
74
 
 
75
      /* Metadata */
 
76
 
 
77
      #type {
 
78
        @apply(--paper-font-code1);
 
79
 
 
80
        font-style: italic;
 
81
      }
 
82
 
 
83
      .annotation {
 
84
        color: #666;
 
85
        float: right;
 
86
      }
 
87
 
 
88
      .annotation > span::before {
 
89
        content: "  &middot;  ";
 
90
      }
 
91
 
 
92
      .annotation > span:first-child::before {
 
93
        content: "" !important;
 
94
      }
 
95
 
 
96
      #default .value {
 
97
        color: #999;
 
98
        font-size: 12px;
 
99
      }
 
100
 
 
101
      /* Function Parameters */
 
102
 
 
103
      #params {
 
104
        list-style: none;
 
105
        margin: 8px -8px 0 -8px;
 
106
        padding: 0 8px;
 
107
      }
 
108
 
 
109
      #params .type {
 
110
        @apply(--paper-font-code1);
 
111
      }
 
112
 
 
113
      #params li {
 
114
        padding: 4px 0;
 
115
      }
 
116
 
 
117
      #params li:first-child {
 
118
        padding-top: 8px;
 
119
      }
 
120
 
 
121
      #params li:last-child {
 
122
        padding-bottom: 8px;
 
123
      }
 
124
 
 
125
      marked-element {
 
126
        display: inline-block;
 
127
      }
 
128
 
 
129
      #params .markdown-html p {
 
130
        margin: 0;
 
131
      }
 
132
 
 
133
      /* Description */
 
134
 
 
135
      #desc {
 
136
        clear: both;
 
137
        display: block;
 
138
      }
 
139
 
 
140
      #desc .markdown-html > :first-child {
 
141
        margin-top: 0;
 
142
      }
 
143
 
 
144
      #desc .markdown-html > :last-child {
 
145
        margin-bottom: 0;
 
146
      }
 
147
 
 
148
      #desc .markdown-html code {
 
149
        @apply(--paper-font-code1);
 
150
      }
 
151
 
 
152
      .return {
 
153
        font-size: 14px;
 
154
      }
 
155
 
 
156
      /* State Transitions */
 
157
 
 
158
      #transitionMask {
 
159
        transition: height ease-in-out 150ms;
 
160
      }
 
161
      #meta {
 
162
        transition: opacity ease-in-out 150ms;
 
163
        color: var(--paper-blue-500);
 
164
      }
 
165
      #desc {
 
166
        transition: transform ease-in-out 150ms, opacity  ease-in-out 150ms;
 
167
      }
 
168
 
 
169
      .name {
 
170
        font-size: 14px;
 
171
      }
 
172
 
 
173
      /* Collapsed State */
 
174
 
 
175
      :host([_collapsed]) #transitionMask {
 
176
        height: 20px; /* 1 line of text */
 
177
        overflow: hidden;
 
178
      }
 
179
 
 
180
      :host([_collapsed]) #meta {
 
181
        opacity: 0;
 
182
      }
 
183
 
 
184
      :host([_collapsed]) #desc {
 
185
        transform: translateY(-34px);
 
186
      }
 
187
 
 
188
      :host([_collapsed][function]) #desc {
 
189
        opacity: 0;
 
190
      }
 
191
 
 
192
      @media (max-width: 600px) {
 
193
        #details {
 
194
          margin-left: 0;
 
195
        }
 
196
 
 
197
        .annotation {
 
198
          display: block;
 
199
          float: none;
 
200
        }
 
201
      }
 
202
    </style>
 
203
  </template>
 
204
</dom-module>