aaf-lipstick 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: c20ae11553ab491a02b20612babb2c9442b4cbfb
4
+ data.tar.gz: 12a68ea57c36f2777a2ef829533e3daa7418557f
5
+ SHA512:
6
+ metadata.gz: 5d8d81ad300b65950957eb6651ef9099e2346aad6705165ddf6e463164d89abc10f8605526dca4c6791ddf67627d2e6eba1f74be497b7abccb696f13ddce7ea0
7
+ data.tar.gz: 63e16bf6c500735fbde2bfd757933f34f411ed9558defab1913faf73cf076695fa5d005f74cfa2948318dc935152b8b368a9342a5d8ae6c58c8748fbf4c506c6
data/Rakefile ADDED
@@ -0,0 +1,17 @@
1
+ begin
2
+ require 'bundler/setup'
3
+ rescue LoadError
4
+ puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
5
+ end
6
+
7
+ require 'rdoc/task'
8
+
9
+ RDoc::Task.new(:rdoc) do |rdoc|
10
+ rdoc.rdoc_dir = 'rdoc'
11
+ rdoc.title = 'AafServiceBase'
12
+ rdoc.options << '--line-numbers'
13
+ rdoc.rdoc_files.include('README.rdoc')
14
+ rdoc.rdoc_files.include('lib/**/*.rb')
15
+ end
16
+
17
+ Bundler::GemHelper.install_tasks
Binary file
Binary file
@@ -0,0 +1,35 @@
1
+ jQuery(function($) {
2
+ $('.nav.collapsing.button .open.button').click(function() {
3
+ $(this).parents('.collapsing.nav.parent').toggleClass('expanded');
4
+ return false;
5
+ });
6
+
7
+ $('.field-help-text').popup({
8
+ "inline": true,
9
+ "position": "right center"
10
+ });
11
+
12
+ $('.ui.dropdown:not(.simple)').dropdown();
13
+
14
+ /* Our nav menu has a layout bug; the same as reported at:
15
+ * https://github.com/Semantic-Org/Semantic-UI/issues/839
16
+ *
17
+ * The suggested fix on that issue did not correct it.
18
+ *
19
+ * We can detect the bug when the window.load event fires, by checking the
20
+ * relative positioning of the right menu. Using a hide/show forces the
21
+ * browser to recalculate, which corrects the layout.
22
+ */
23
+ $('.aaf-header nav > .ui.menu').each(function() {
24
+ var e = this;
25
+ $(window).load(function() {
26
+ var bar_pos = $(e).position();
27
+ var right_menu_pos = $(e).find('.right.menu').position();
28
+
29
+ if (bar_pos.top < right_menu_pos.top) {
30
+ $(e).attr('style', 'display: none !important');
31
+ setTimeout(function() { $(e).attr('style', 'display: block'); }, 0);
32
+ }
33
+ });
34
+ });
35
+ });
@@ -0,0 +1,204 @@
1
+ @mixin no-header-margins() {
2
+ h1, h2, h3, h4, h5, h6 {
3
+ margin: 0px;
4
+ }
5
+ }
6
+
7
+ @mixin responsive-min-gutter($width, $gutter) {
8
+ @media only screen and (max-width: $width) {
9
+ padding-left: $gutter;
10
+ padding-right: $gutter;
11
+ }
12
+ }
13
+
14
+ @mixin responsive-gutter($width, $gutter) {
15
+ @media only screen and (min-width: $width) {
16
+ padding-left: $gutter;
17
+ padding-right: $gutter;
18
+ }
19
+ }
20
+
21
+ @mixin responsive-fixed($screen, $content) {
22
+ @media only screen and (min-width: $screen) {
23
+ width: $content;
24
+ margin-left: auto;
25
+ margin-right: auto;
26
+ }
27
+ }
28
+
29
+ @mixin responsive-width {
30
+ @include responsive-min-gutter(959px, 5px);
31
+ @include responsive-gutter(960px, 50px);
32
+ @include responsive-gutter(1280px, 100px);
33
+ @include responsive-fixed(1560px, 1360px);
34
+ }
35
+
36
+ body {
37
+ margin: 0px;
38
+ padding: 0px;
39
+
40
+ font-size: 14px;
41
+ font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
42
+ color: black;
43
+ background: white;
44
+ }
45
+
46
+ section.content {
47
+ @include responsive-width;
48
+ }
49
+
50
+ main {
51
+ margin-top: 1em;
52
+
53
+ a {
54
+ text-decoration: none;
55
+ color: #08c;
56
+ }
57
+
58
+ a:hover {
59
+ text-decoration: underline;
60
+ }
61
+
62
+ table {
63
+ text-align: left;
64
+ }
65
+
66
+ .ui.error.message ul.list li {
67
+ list-style-type: circle;
68
+ }
69
+ }
70
+
71
+ footer {
72
+ @include responsive-width;
73
+
74
+ font-size: 12px;
75
+ color: #aaaaaa;
76
+ line-height: 1.6em;
77
+
78
+ a {
79
+ text-decoration: none;
80
+ color: inherit;
81
+ }
82
+
83
+ a:hover {
84
+ color: initial;
85
+ }
86
+ }
87
+
88
+ .aaf-header {
89
+ $background: #495666;
90
+
91
+ background-color: $background;
92
+ min-height: 80px;
93
+ letter-spacing: 0.5px;
94
+
95
+ .ui.header {
96
+ font-weight: normal;
97
+
98
+ img {
99
+ width: 138px;
100
+ height: 80px;
101
+ }
102
+ }
103
+
104
+ nav {
105
+ @include responsive-width;
106
+
107
+ .ui.menu {
108
+ background-color: darken($background, 7%);
109
+
110
+ a.item:hover, div.dropdown.item:hover {
111
+ background-color: rgba(0, 0, 0, .15);
112
+ }
113
+
114
+ .dropdown.item .menu {
115
+ background-color: $background;
116
+
117
+ .item {
118
+ color: white !important;
119
+ }
120
+
121
+ .item:hover {
122
+ background-color: rgba(0, 0, 0, .15);
123
+ }
124
+ }
125
+ }
126
+
127
+ .collapsing.nav.button .open.button {
128
+ display: none;
129
+ }
130
+
131
+ @media only screen and (max-width: 560px) {
132
+ .ui.menu .item {
133
+ display: block;
134
+ }
135
+
136
+ .collapsing.nav.button .open.button {
137
+ display: block;
138
+ float: right;
139
+ margin: 5px;
140
+ position: relative;
141
+ z-index: 5;
142
+ }
143
+
144
+ .collapsing.nav.content {
145
+ display: none;
146
+ }
147
+
148
+ .collapsing.nav.parent.expanded .collapsing.nav.content {
149
+ display: block;
150
+
151
+ .item { display: block; }
152
+ .ui.simple.dropdown {
153
+ .menu {
154
+ position: relative;
155
+ top: 0.6em !important;
156
+ height: auto;
157
+ opacity: inherit;
158
+ }
159
+ }
160
+ .menu.right { float: none; }
161
+ }
162
+ }
163
+ }
164
+
165
+ .banner {
166
+ @include no-header-margins;
167
+ @include responsive-width;
168
+
169
+ .content, .environment {
170
+ height: 80px;
171
+ line-height: 80px;
172
+ vertical-align: middle;
173
+ }
174
+
175
+ .environment {
176
+ float: right;
177
+ font-size: 130%;
178
+ color: #dd7727;
179
+ margin-right: 5px;
180
+ }
181
+
182
+ @media only screen and (max-width: 560px) {
183
+ .environment {
184
+ float: none;
185
+ text-align: right;
186
+ line-height: 1em;
187
+ position: absolute;
188
+ right: 5px;
189
+ top: 5px;
190
+ }
191
+ }
192
+
193
+ .logo {
194
+ float: left;
195
+ margin-right: 28px;
196
+ }
197
+ }
198
+ }
199
+
200
+ .clearfix:after {
201
+ content: "";
202
+ display: table;
203
+ clear: both;
204
+ }
@@ -0,0 +1,289 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
+ <html>
3
+ <head>
4
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5
+ <title><%= title %></title>
6
+
7
+ <style type="text/css">
8
+ /* Client-specific Styles */
9
+ #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
10
+ body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
11
+ body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */
12
+
13
+ /* Reset Styles */
14
+ body{margin:0; padding:0;}
15
+ img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
16
+ table td{border-collapse:collapse;}
17
+ #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
18
+
19
+ body, #backgroundTable{
20
+ background-color:#FAFAFA;
21
+ }
22
+
23
+ #templateContainer{
24
+ border: 1px solid #DDDDDD;
25
+ }
26
+
27
+ h1, .h1{
28
+ color:#666666;
29
+ display:block;
30
+ font-family:Arial;
31
+ font-size:34px;
32
+ font-weight:bold;
33
+ line-height:100%;
34
+ margin-top:0;
35
+ margin-right:0;
36
+ margin-bottom:10px;
37
+ margin-left:0;
38
+ text-align:left;
39
+ }
40
+
41
+ h2, .h2{
42
+ color:#666666;
43
+ display:block;
44
+ font-family:Arial;
45
+ font-size:30px;
46
+ font-weight:bold;
47
+ line-height:100%;
48
+ margin-top:0;
49
+ margin-right:0;
50
+ margin-bottom:10px;
51
+ margin-left:0;
52
+ text-align:left;
53
+ }
54
+
55
+ h3, .h3{
56
+ color:#666666;
57
+ display:block;
58
+ font-family:Arial;
59
+ font-size:26px;
60
+ font-weight:bold;
61
+ line-height:100%;
62
+ margin-top:0;
63
+ margin-right:0;
64
+ margin-bottom:10px;
65
+ margin-left:0;
66
+ text-align:left;
67
+ }
68
+
69
+ h4, .h4{
70
+ color:#666666;
71
+ display:block;
72
+ font-family:Arial;
73
+ font-size:22px;
74
+ font-weight:bold;
75
+ line-height:100%;
76
+ margin-top:0;
77
+ margin-right:0;
78
+ margin-bottom:10px;
79
+ margin-left:0;
80
+ text-align:left;
81
+ }
82
+
83
+ h5, .h5{
84
+ color:#666666;
85
+ display:block;
86
+ font-family:Arial;
87
+ font-size:16px;
88
+ font-weight:bold;
89
+ line-height:100%;
90
+ margin-top:0;
91
+ margin-right:0;
92
+ margin-bottom:8px;
93
+ margin-left:0;
94
+ text-align:left;
95
+ }
96
+
97
+ #templatePreheader{
98
+ background-color:#FAFAFA;
99
+ }
100
+
101
+ .preheaderContent div{
102
+ color:#505050;
103
+ font-family:Arial;
104
+ font-size:10px;
105
+ line-height:100%;
106
+ text-align:left;
107
+ }
108
+
109
+ .preheaderContent div a:link, .preheaderContent div a:visited, /* Yahoo! Mail Override */ .preheaderContent div a .yshortcuts /* Yahoo! Mail Override */{
110
+ color:#336699;
111
+ font-weight:normal;
112
+ text-decoration:underline;
113
+ }
114
+
115
+ #templateHeader{
116
+ background-color:#FFFFFF;
117
+ border-bottom:0;
118
+ }
119
+
120
+ .headerContent{
121
+ color:#666666;
122
+ font-family:Arial;
123
+ font-size:34px;
124
+ font-weight:bold;
125
+ line-height:100%;
126
+ padding:0;
127
+ text-align:center;
128
+ vertical-align:middle;
129
+ }
130
+
131
+ .headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
132
+ color:#336699;
133
+ font-weight:normal;
134
+ text-decoration:underline;
135
+ }
136
+
137
+ #headerImage{
138
+ height:auto;
139
+ max-width:600px;
140
+ }
141
+
142
+ #templateContainer, .bodyContent{
143
+ background-color:#FFFFFF;
144
+ }
145
+
146
+ .bodyContent div{
147
+ color:#505050;
148
+ font-family:Arial;
149
+ font-size:14px;
150
+ line-height:150%;
151
+ text-align:left;
152
+ }
153
+
154
+ .bodyContent div a:link, .bodyContent div a:visited, /* Yahoo! Mail Override */ .bodyContent div a .yshortcuts /* Yahoo! Mail Override */{
155
+ color:#336699;
156
+ font-weight:normal;
157
+ text-decoration:underline;
158
+ }
159
+
160
+ .bodyContent img{
161
+ display:inline;
162
+ height:auto;
163
+ }
164
+
165
+ #templateFooter{
166
+ background-color:#FFFFFF;
167
+ border-top:0;
168
+ }
169
+
170
+ .footerContent div{
171
+ color:#707070;
172
+ font-family:Arial;
173
+ font-size:12px;
174
+ line-height:125%;
175
+ text-align:left;
176
+ }
177
+
178
+ .footerContent div a:link, .footerContent div a:visited, /* Yahoo! Mail Override */ .footerContent div a .yshortcuts /* Yahoo! Mail Override */{
179
+ color:#336699;
180
+ font-weight:normal;
181
+ text-decoration:underline;
182
+ }
183
+
184
+ .footerContent img{
185
+ display:inline;
186
+ }
187
+
188
+ #social{
189
+ background-color:#FAFAFA;
190
+ border:0;
191
+ }
192
+
193
+ #social a {
194
+ font-weight: bold;
195
+ color:#E36C0A;
196
+ }
197
+
198
+ #social div{
199
+ text-align:center;
200
+ }
201
+ </style>
202
+ </head>
203
+ <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
204
+ <center>
205
+ <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable" style="background-color:#FAFAFA;">
206
+ <tr>
207
+ <td align="center" valign="top">
208
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader">
209
+ <tr>
210
+ <td valign="top" class="preheaderContent" style="color:#505050; font-family:Arial; font-size:10px; line-height:100%; text-align:left;">
211
+ <table border="0" cellpadding="10" cellspacing="0" width="100%">
212
+ <tr>
213
+ <td valign="top">
214
+ <div >
215
+ A message from the AAF Support Team
216
+ </div>
217
+ </td>
218
+ <td valign="top" width="190">
219
+ <div >
220
+ Do you need help?<br /><a href="http://support.aaf.edu.au" target="_blank">Access the AAF Support service</a>.
221
+ </div>
222
+ </td>
223
+ </tr>
224
+ </table>
225
+ </td>
226
+ </tr>
227
+ </table>
228
+
229
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer" style="border: 1px solid #DDDDDD">
230
+ <tr>
231
+ <td align="center" valign="top">
232
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader">
233
+ <tr>
234
+ <td class="headerContent">
235
+ <img src="<%= image_url %>" alt="AAF Email Header" width="600"/>
236
+ </td>
237
+ </tr>
238
+ </table>
239
+ </td>
240
+ </tr>
241
+ <tr>
242
+ <td align="center" valign="top">
243
+ <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
244
+ <tr>
245
+ <td valign="top" class="bodyContent" style="background-color:#FFFFFF;">
246
+ <table border="0" cellpadding="20" cellspacing="0" width="100%">
247
+ <tr >
248
+ <td valign="top">
249
+ <div >
250
+ <%= content %>
251
+ <br />
252
+ <br />
253
+ </div>
254
+ </td>
255
+ </tr>
256
+ </table>
257
+ </td>
258
+ </tr>
259
+ </table>
260
+ </td>
261
+ </tr>
262
+ <tr>
263
+ <td align="center" valign="top">
264
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter">
265
+ <tr>
266
+ <td valign="top" class="footerContent">
267
+ <table border="0" cellpadding="10" cellspacing="0" width="100%">
268
+ <tr>
269
+ <td colspan="2" valign="middle" id="social" style="background-color:#FAFAFA; border:0;">
270
+ <div style="text-align:center;">
271
+ &nbsp;<a href="http://twitter.com/ausaccessfed" style="font-weight: bold; color:#E36C0A;">Follow on Twitter</a> | <a href="http://www.facebook.com/ausaccessfed" style="font-weight: bold; color:#E36C0A;">Friend on Facebook</a> | <a href="https://support.aaf.edu.au" style="font-weight: bold; color:#E36C0A;">Get AAF Support</a>&nbsp;
272
+ </div>
273
+ </td>
274
+ </tr>
275
+ </table>
276
+ </td>
277
+ </tr>
278
+ </table>
279
+ </td>
280
+ </tr>
281
+ </table>
282
+ <br>
283
+ </td>
284
+ </tr>
285
+ </table>
286
+ </center>
287
+ <br><br><br>
288
+ </body>
289
+ </html>