← Back to branch summary

~johnsca/charms/trusty/cloudfoundry/reconciler-ui

« back to all changes in this revision

Viewing changes to reconciler/ui/static/semantic/examples/homepage.css

  • Committer: Whit Morriss
  • Date: 2014-10-13 06:50:17 UTC
  • Revision ID: whit.morriss@canonical.com-20141013065017-0feo2ku3yllymkol
reorg reconciler

Show diffs side-by-side

added added

removed removed

Lines of Context:
reconciler/ui/static/semantic/examples/homepage.css
 
1
/*******************************
 
2
            Global
 
3
*******************************/
 
4
 
 
5
html,
 
6
body {
 
7
  font-size: 15px;
 
8
  height: 100%;
 
9
}
 
10
 
 
11
body {
 
12
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 
13
  background: #FFFFFF;
 
14
  margin: 0px;
 
15
  padding: 0px;
 
16
  color: #555555;
 
17
  text-rendering: optimizeLegibility;
 
18
  min-width: 320px;
 
19
}
 
20
 
 
21
/*******************************
 
22
          UI Overrides
 
23
*******************************/
 
24
 
 
25
.ui.header {
 
26
  font-family: 'Source Sans Pro', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 
27
}
 
28
 
 
29
.ui.header,
 
30
h1,
 
31
h2 {
 
32
  font-weight: normal !important;
 
33
}
 
34
 
 
35
h1.ui.header {
 
36
  font-size: 3em;
 
37
}
 
38
 
 
39
h4.ui.header,
 
40
h5.ui.header,
 
41
.ui.icon.header {
 
42
  font-weight: bold !important;
 
43
}
 
44
 
 
45
.ui.button {
 
46
  font-weight: normal;
 
47
  text-decoration: none;
 
48
}
 
49
 
 
50
a {
 
51
  color: #009FDA;
 
52
  text-decoration: none;
 
53
  -webkit-transition: color 0.3s ease;
 
54
  -moz-transition: color 0.3s ease;
 
55
  transition: color 0.3s ease;
 
56
}
 
57
 
 
58
a:hover {
 
59
  color: #00BAFF;
 
60
}
 
61
 
 
62
p a {
 
63
  font-weight: bold;
 
64
}
 
65
 
 
66
/*******************************
 
67
            Global
 
68
*******************************/
 
69
/*rtl:ignore*/
 
70
.menu .right.menu > .mobile.item {
 
71
  display: none;
 
72
}
 
73
 
 
74
.ui.page.grid.segment {
 
75
  padding-top: 3.5rem;
 
76
  padding-bottom: 3.5rem;
 
77
}
 
78
 
 
79
.masthead.segment {
 
80
  background-image: url(images/bg.jpg);
 
81
  background-size: cover;
 
82
  margin: 0em;
 
83
  padding-top: 4rem;
 
84
  overflow: hidden;
 
85
  -webkit-box-shadow: 0 -20px 10px 0 rgba(0, 0, 0, 0.1) inset !important;
 
86
  box-shadow: 0 -20px 10px 0 rgba(0, 0, 0, 0.1) inset !important;
 
87
}
 
88
 
 
89
.masthead.segment .column {
 
90
  position: relative;
 
91
}
 
92
 
 
93
.masthead.segment .information {
 
94
  margin: 3em 1em 1em 280px;
 
95
}
 
96
 
 
97
.masthead.segment .information p {
 
98
  max-width: 600px;
 
99
  margin: 0em 0px 2em 0em;
 
100
  font-size: 1.2em;
 
101
}
 
102
 
 
103
.masthead.segment h1.ui.header .sub {
 
104
  font-size: 0.7em;
 
105
}
 
106
 
 
107
.masthead.segment .image {
 
108
  position: absolute;
 
109
  left: 0%;
 
110
  bottom: -110px;
 
111
}
 
112
 
 
113
.overview .divided.grid .header + p {
 
114
  min-height: 100px;
 
115
}
 
116
 
 
117
.ui.shape .icon,
 
118
.link.list .icon {
 
119
  margin: 0em;
 
120
  padding: 0em;
 
121
}
 
122
 
 
123
.ui.cube.shape .side {
 
124
  background-color: transparent;
 
125
}
 
126
 
 
127
/*******************************
 
128
          Responsive
 
129
*******************************/
 
130
 
 
131
/* Mobile Only */
 
132
 
 
133
@media only screen and (max-width : 768px) {
 
134
  .ui.page.grid.segment {
 
135
    padding-top: 2rem;
 
136
    padding-bottom: 2rem;
 
137
  }
 
138
  /*rtl:ignore*/
 
139
  .menu .right.menu > .item {
 
140
    display: none;
 
141
  }
 
142
  /*rtl:ignore*/
 
143
  .menu .right.menu > .mobile.item {
 
144
    display: block;
 
145
  }
 
146
 
 
147
  h1.ui.header {
 
148
    font-size: 1.5em;
 
149
  }
 
150
 
 
151
  .masthead.segment {
 
152
    background-size: auto;
 
153
  }
 
154
 
 
155
  .masthead.segment .information {
 
156
    margin-left: 190px;
 
157
  }
 
158
 
 
159
  .masthead.segment .image {
 
160
    bottom: -65px;
 
161
    width: 150px;
 
162
  }
 
163
 
 
164
  .masthead.segment .button {
 
165
    font-size: 1rem;
 
166
  }
 
167
 
 
168
  .overview .divided.grid .header .icon {
 
169
    font-size: 1.5em;
 
170
  }
 
171
 
 
172
  .overview .divided.grid .header + p {
 
173
    min-height: 0px;
 
174
  }
 
175
 
 
176
  .masthead.segment .column {
 
177
    font-size: 0.7rem;
 
178
  }
 
179
 
 
180
  .masthead.segment .column p {
 
181
    display: none;
 
182
  }
 
183
  /*rtl:ignore*/
 
184
  .selection.list .right.floated {
 
185
    display: none;
 
186
  }
 
187
}
 
188
 
 
189
@media only screen and (max-width : 1000px) {
 
190
 
 
191
}
 
 
b'\\ No newline at end of file'