Revision 0f4a8a68
| b/.gitignore | ||
|---|---|---|
| 3 | 3 |
*.pyc |
| 4 | 4 |
*.egg-info |
| 5 | 5 |
.DS_Store |
| 6 |
.project |
|
| 7 |
.pydevproject |
|
| 6 | 8 |
snf-astakos-app/astakos/version.py |
| b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js | ||
|---|---|---|
| 32 | 32 |
} |
| 33 | 33 |
|
| 34 | 34 |
var root = $('body');
|
| 35 |
var bar = $('<div class="servicesbar"></div>');
|
|
| 36 |
var services = $('<div class="services"></div>');
|
|
| 35 |
var bar = $('<div class="header"></div>');
|
|
| 36 |
var services = $('<ul class="services"></ul>');
|
|
| 37 | 37 |
var profile = $('<div class="profile"></div>');
|
| 38 | 38 |
|
| 39 | 39 |
var get_services_url = window.GET_SERVICES_URL || window.CLOUDBAR_SERVICES; |
| ... | ... | |
| 41 | 41 |
// create services links and set the active class to the current service |
| 42 | 42 |
$.getJSON(get_services_url + "?callback=?", function(data) {
|
| 43 | 43 |
$.each(data, function(i, el){
|
| 44 |
var sli = $("<li>");
|
|
| 44 | 45 |
var slink = $("<a>");
|
| 45 | 46 |
if (el.icon) {
|
| 46 | 47 |
slink.append($('<img src="'+cssloc+el.icon+'"/>'));
|
| ... | ... | |
| 50 | 51 |
} |
| 51 | 52 |
slink.attr('href', el.url);
|
| 52 | 53 |
slink.attr('title', el.name);
|
| 53 |
services.append(slink); |
|
| 54 |
sli.append(slink); |
|
| 55 |
services.append(sli); |
|
| 54 | 56 |
if (el.id == ACTIVE_MENU) {
|
| 55 |
slink.addClass("active");
|
|
| 57 |
sli.addClass("active");
|
|
| 56 | 58 |
} |
| 57 | 59 |
}); |
| 58 | 60 |
}); |
| ... | ... | |
| 86 | 88 |
user.append(username); |
| 87 | 89 |
user.append(usermenu); |
| 88 | 90 |
profile.append(user); |
| 89 |
bar.append(services).append(profile);
|
|
| 91 |
bar.append(profile).append(services);
|
|
| 90 | 92 |
|
| 91 | 93 |
|
| 92 | 94 |
root.prepend(bar); |
| b/snf-astakos-app/astakos/im/static/im/css/browser-fixes.css | ||
|---|---|---|
| 1 |
body { -webkit-text-size-adjust:100%; }
|
|
| 2 |
|
|
| 3 |
/* Mozilla */ |
|
| 4 |
@-moz-document url-prefix() {
|
|
| 5 |
button::-moz-focus-inner, |
|
| 6 |
input[type="image"]::-moz-focus-inner, |
|
| 7 |
input[type="submit"]::-moz-focus-inner, |
|
| 8 |
input[type="reset"]::-moz-focus-inner, |
|
| 9 |
input[type="button"]::-moz-focus-inner { border:0; }
|
|
| 10 |
textarea { resize:none; }
|
|
| 11 |
} |
|
| 12 |
|
|
| 13 |
/* Webkit */ |
|
| 14 |
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
| 15 |
button, |
|
| 16 |
input[type="submit"], |
|
| 17 |
input[type="reset"], |
|
| 18 |
input[type="button"] { -webkit-appearance:button; }
|
|
| 19 |
input[type="text"]:focus, |
|
| 20 |
input[type="password"]:focus, |
|
| 21 |
textarea:focus { outline:0 none; }
|
|
| 22 |
textarea { resize:none; }
|
|
| 23 |
input[type="checkbox"], |
|
| 24 |
input[type="radio"] { vertical-align:-2px; }
|
|
| 25 |
input[type="search"] { -webkit-appearance:textfield; }
|
|
| 26 |
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; }
|
|
| 27 |
} |
|
| b/snf-astakos-app/astakos/im/static/im/css/colorbox.css | ||
|---|---|---|
| 1 |
|
|
| 2 |
#colorbox, #cboxOverlay, #cboxWrapper {
|
|
| 3 |
left: 0; |
|
| 4 |
overflow: hidden; |
|
| 5 |
position: absolute; |
|
| 6 |
top: 0; |
|
| 7 |
z-index: 9999; |
|
| 8 |
} |
|
| 9 |
#cboxOverlay {
|
|
| 10 |
height: 100%; |
|
| 11 |
position: fixed; |
|
| 12 |
width: 100%; |
|
| 13 |
} |
|
| 14 |
#cboxMiddleLeft, #cboxBottomLeft {
|
|
| 15 |
clear: left; |
|
| 16 |
} |
|
| 17 |
#cboxContent {
|
|
| 18 |
position: relative; |
|
| 19 |
} |
|
| 20 |
#cboxLoadedContent {
|
|
| 21 |
overflow: auto; |
|
| 22 |
} |
|
| 23 |
#cboxTitle {
|
|
| 24 |
margin: 0; |
|
| 25 |
} |
|
| 26 |
#cboxLoadingOverlay, #cboxLoadingGraphic {
|
|
| 27 |
height: 100%; |
|
| 28 |
left: 0; |
|
| 29 |
position: absolute; |
|
| 30 |
top: 0; |
|
| 31 |
width: 100%; |
|
| 32 |
} |
|
| 33 |
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
|
|
| 34 |
cursor: pointer; |
|
| 35 |
} |
|
| 36 |
.cboxPhoto {
|
|
| 37 |
border: 0 none; |
|
| 38 |
display: block; |
|
| 39 |
float: left; |
|
| 40 |
margin: auto; |
|
| 41 |
} |
|
| 42 |
.cboxIframe {
|
|
| 43 |
border: 0 none; |
|
| 44 |
display: block; |
|
| 45 |
height: 100%; |
|
| 46 |
width: 100%; |
|
| 47 |
} |
|
| 48 |
#cboxOverlay {
|
|
| 49 |
background: none repeat scroll 0 0 #000000; |
|
| 50 |
} |
|
| 51 |
#cboxContent {
|
|
| 52 |
margin-top: 20px; |
|
| 53 |
} |
|
| 54 |
.cboxIframe {
|
|
| 55 |
background: none repeat scroll 0 0 #FFFFFF; |
|
| 56 |
} |
|
| 57 |
#cboxError {
|
|
| 58 |
border: 1px solid #CCCCCC; |
|
| 59 |
padding: 50px; |
|
| 60 |
} |
|
| 61 |
#cboxLoadedContent {
|
|
| 62 |
background: none repeat scroll 0 0 #FFFFFF; |
|
| 63 |
border: 5px solid #000000; |
|
| 64 |
} |
|
| 65 |
#cboxTitle {
|
|
| 66 |
color: #CCCCCC; |
|
| 67 |
left: 0; |
|
| 68 |
position: absolute; |
|
| 69 |
top: -20px; |
|
| 70 |
} |
|
| 71 |
#cboxCurrent {
|
|
| 72 |
color: #CCCCCC; |
|
| 73 |
position: absolute; |
|
| 74 |
right: 0; |
|
| 75 |
top: -20px; |
|
| 76 |
} |
|
| 77 |
#cboxSlideshow {
|
|
| 78 |
color: #FFFFFF; |
|
| 79 |
position: absolute; |
|
| 80 |
right: 90px; |
|
| 81 |
top: -20px; |
|
| 82 |
} |
|
| 83 |
#cboxPrevious {
|
|
| 84 |
background: url("../images/colorbox/controls.png") no-repeat scroll left top transparent;
|
|
| 85 |
height: 65px; |
|
| 86 |
left: 5px; |
|
| 87 |
margin-top: -32px; |
|
| 88 |
position: absolute; |
|
| 89 |
text-indent: -9999px; |
|
| 90 |
top: 50%; |
|
| 91 |
width: 28px; |
|
| 92 |
} |
|
| 93 |
#cboxPrevious:hover {
|
|
| 94 |
background-position: left bottom; |
|
| 95 |
} |
|
| 96 |
#cboxNext {
|
|
| 97 |
background: url("../images/colorbox/controls.png") no-repeat scroll right top transparent;
|
|
| 98 |
height: 65px; |
|
| 99 |
margin-top: -32px; |
|
| 100 |
position: absolute; |
|
| 101 |
right: 5px; |
|
| 102 |
text-indent: -9999px; |
|
| 103 |
top: 50%; |
|
| 104 |
width: 28px; |
|
| 105 |
} |
|
| 106 |
#cboxNext:hover {
|
|
| 107 |
background-position: right bottom; |
|
| 108 |
} |
|
| 109 |
#cboxLoadingOverlay {
|
|
| 110 |
background: none repeat scroll 0 0 #000000; |
|
| 111 |
} |
|
| 112 |
#cboxLoadingGraphic {
|
|
| 113 |
background: url("../images/colorbox/loading.gif") no-repeat scroll center center transparent;
|
|
| 114 |
} |
|
| 115 |
#cboxClose {
|
|
| 116 |
background: url("../images/colorbox/controls.png") no-repeat scroll center top transparent;
|
|
| 117 |
display: block; |
|
| 118 |
height: 19px; |
|
| 119 |
position: absolute; |
|
| 120 |
right: 5px; |
|
| 121 |
text-indent: -9999px; |
|
| 122 |
top: 5px; |
|
| 123 |
width: 38px; |
|
| 124 |
} |
|
| 125 |
#cboxClose:hover {
|
|
| 126 |
background-position: center bottom; |
|
| 127 |
} |
|
| b/snf-astakos-app/astakos/im/static/im/css/dropkick.css | ||
|---|---|---|
| 1 |
/** |
|
| 2 |
* Default DropKick theme |
|
| 3 |
* |
|
| 4 |
* Feel free to edit the default theme |
|
| 5 |
* or even add your own. |
|
| 6 |
* |
|
| 7 |
* See the readme for themeing help |
|
| 8 |
* |
|
| 9 |
*/ |
|
| 10 |
|
|
| 11 |
/***** Begin Theme, feel free to edit in here! ******/ |
|
| 12 |
|
|
| 13 |
/* One container to bind them... */ |
|
| 14 |
.dk_container {
|
|
| 15 |
font-family: 'Antic', sans-serif; |
|
| 16 |
|
|
| 17 |
font-weight: normal; |
|
| 18 |
line-height: 42px; |
|
| 19 |
letter-spacing: 1px; |
|
| 20 |
border: 1px solid #808080; |
|
| 21 |
height:42px; |
|
| 22 |
display: inline-block; |
|
| 23 |
margin-bottom: -1px; |
|
| 24 |
padding-left:21px; |
|
| 25 |
|
|
| 26 |
z-index: 2; |
|
| 27 |
width:308px; |
|
| 28 |
} |
|
| 29 |
.dk_container:focus {
|
|
| 30 |
outline: 0; |
|
| 31 |
} |
|
| 32 |
.dk_container a {
|
|
| 33 |
cursor: pointer; |
|
| 34 |
text-decoration: none; |
|
| 35 |
color:#808080; |
|
| 36 |
|
|
| 37 |
} |
|
| 38 |
|
|
| 39 |
/* Opens the dropdown and holds the menu label */ |
|
| 40 |
.dk_toggle {
|
|
| 41 |
/** |
|
| 42 |
* Help: Arrow image not appearing |
|
| 43 |
* Try updating this property to your correct dk_arrows.png path |
|
| 44 |
*/ |
|
| 45 |
background:url(../images/arrow_02.jpg) no-repeat 276px center; |
|
| 46 |
|
|
| 47 |
} |
|
| 48 |
.dk_toggle:hover {
|
|
| 49 |
|
|
| 50 |
} |
|
| 51 |
/* Applied when the dropdown is focused */ |
|
| 52 |
.dk_focus .dk_toggle {
|
|
| 53 |
|
|
| 54 |
} |
|
| 55 |
.dk_focus .dk_toggle {
|
|
| 56 |
|
|
| 57 |
} |
|
| 58 |
|
|
| 59 |
/* Applied whenever the dropdown is open */ |
|
| 60 |
.dk_open {
|
|
| 61 |
|
|
| 62 |
/** |
|
| 63 |
* Help: Dropdown menu is covered by something |
|
| 64 |
* Try setting this value higher |
|
| 65 |
*/ |
|
| 66 |
z-index: 10; |
|
| 67 |
} |
|
| 68 |
.dk_open .dk_toggle {
|
|
| 69 |
|
|
| 70 |
|
|
| 71 |
} |
|
| 72 |
|
|
| 73 |
/* The outer container of the options */ |
|
| 74 |
.dk_options {
|
|
| 75 |
|
|
| 76 |
} |
|
| 77 |
.dk_options a {
|
|
| 78 |
background-color: #fff; |
|
| 79 |
border-bottom: 1px solid #999; |
|
| 80 |
padding: 8px 20px; |
|
| 81 |
} |
|
| 82 |
.dk_options li:last-child a {
|
|
| 83 |
border-bottom: none; |
|
| 84 |
} |
|
| 85 |
.dk_options a:hover, |
|
| 86 |
.dk_option_current a {
|
|
| 87 |
|
|
| 88 |
} |
|
| 89 |
|
|
| 90 |
/* Inner container for options, this is what makes the scrollbar possible. */ |
|
| 91 |
.dk_options_inner {
|
|
| 92 |
padding:0; |
|
| 93 |
margin:0; |
|
| 94 |
border: 1px solid #808080; |
|
| 95 |
border-top:0 none; |
|
| 96 |
} |
|
| 97 |
.dk_options_inner li { list-style:none outside;}
|
|
| 98 |
|
|
| 99 |
/* Set a max-height on the options inner */ |
|
| 100 |
.dk_options_inner, |
|
| 101 |
.dk_touch .dk_options {
|
|
| 102 |
max-height: 250px; |
|
| 103 |
} |
|
| 104 |
|
|
| 105 |
/****** End Theme ******/ |
|
| 106 |
|
|
| 107 |
/***** Critical to the continued enjoyment of working dropdowns ******/ |
|
| 108 |
|
|
| 109 |
.dk_container {
|
|
| 110 |
display: none; |
|
| 111 |
position: relative; |
|
| 112 |
} |
|
| 113 |
.dk_container a {
|
|
| 114 |
outline: 0; |
|
| 115 |
} |
|
| 116 |
|
|
| 117 |
.dk_toggle {
|
|
| 118 |
display: -moz-inline-stack; |
|
| 119 |
display: inline-block; |
|
| 120 |
*display: inline; |
|
| 121 |
position: relative; |
|
| 122 |
zoom: 1; |
|
| 123 |
} |
|
| 124 |
|
|
| 125 |
.dk_open {
|
|
| 126 |
position: relative; |
|
| 127 |
} |
|
| 128 |
.dk_open .dk_options {
|
|
| 129 |
display: block; |
|
| 130 |
} |
|
| 131 |
.dk_open .dk_label {
|
|
| 132 |
color: inherit; |
|
| 133 |
} |
|
| 134 |
|
|
| 135 |
.dk_options {
|
|
| 136 |
display: none; |
|
| 137 |
margin-top: -1px; |
|
| 138 |
position: absolute; |
|
| 139 |
right: 0; |
|
| 140 |
width: 100%; |
|
| 141 |
} |
|
| 142 |
.dk_options a, |
|
| 143 |
.dk_options a:link, |
|
| 144 |
.dk_options a:visited {
|
|
| 145 |
display: block; |
|
| 146 |
} |
|
| 147 |
.dk_options_inner {
|
|
| 148 |
overflow: auto; |
|
| 149 |
position: relative; |
|
| 150 |
} |
|
| 151 |
|
|
| 152 |
.dk_touch .dk_options {
|
|
| 153 |
overflow: hidden; |
|
| 154 |
} |
|
| 155 |
|
|
| 156 |
.dk_touch .dk_options_inner {
|
|
| 157 |
max-height: none; |
|
| 158 |
overflow: visible; |
|
| 159 |
} |
|
| 160 |
|
|
| 161 |
.dk_fouc select {
|
|
| 162 |
position: relative; |
|
| 163 |
top: -99999em; |
|
| 164 |
visibility: hidden; |
|
| 165 |
} |
|
| 166 |
|
|
| 167 |
/***** End Critical to the continued enjoyment of working dropdowns ******/ |
|
| b/snf-astakos-app/astakos/im/static/im/css/formating.css | ||
|---|---|---|
| 1 |
/* http://meyerweb.com/eric/tools/css/reset/ |
|
| 2 |
v2.0 | 20110126 |
|
| 3 |
License: none (public domain) |
|
| 4 |
*/ |
|
| 5 |
html, body, div, span, applet, object, iframe, |
|
| 6 |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
| 7 |
a, abbr, acronym, address, big, cite, code, |
|
| 8 |
del, dfn, em, img, ins, kbd, q, s, samp, |
|
| 9 |
small, strike, strong, sub, sup, tt, var, |
|
| 10 |
b, u, i, center, |
|
| 11 |
dl, dt, dd, ol, ul, li, |
|
| 12 |
fieldset, form, label, legend, |
|
| 13 |
table, caption, tbody, tfoot, thead, tr, th, td, |
|
| 14 |
article, aside, canvas, details, embed, |
|
| 15 |
figure, figcaption, footer, header, hgroup, |
|
| 16 |
menu, nav, output, ruby, section, summary, |
|
| 17 |
time, mark, audio, video { border:0; margin:0; padding:0; font-size:100%; font:inherit; vertical-align:baseline; }
|
|
| 18 |
|
|
| 19 |
/* HTML5 display-role reset for older browsers */ |
|
| 20 |
article, aside, details, figcaption, figure, |
|
| 21 |
footer, header, hgroup, menu, nav, section { display:block; }
|
|
| 22 |
|
|
| 23 |
/* defaults -----------------------------------*/ |
|
| 24 |
:link, a, a:visited { color:#F89A1C; text-decoration:none; }
|
|
| 25 |
a:hover { outline:0; text-decoration:underline; }
|
|
| 26 |
a:focus { outline:0 none; text-decoration:none; }
|
|
| 27 |
a:active { outline:0; text-decoration:none; }
|
|
| 28 |
a img, :link img, :visited img { border:none; }
|
|
| 29 |
a span { cursor:pointer; }
|
|
| 30 |
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
|
|
| 31 |
address { font-style:italic; margin:0 0 1.5em 0; }
|
|
| 32 |
body { background:white; color:#222; font-family: Antic, Arial, sans-serif; font-size:81.3%; line-height:1.5; text-align:left; letter-spacing:1px; }
|
|
| 33 |
code, kbd, pre, samp { font-family:monospace, sans-serif; }
|
|
| 34 |
del { text-decoration:line-through; }
|
|
| 35 |
dl { margin:1em 0; }
|
|
| 36 |
dl dd { margin-left:1em; }
|
|
| 37 |
dt { font-weight:bold; }
|
|
| 38 |
em, i { font-style:italic; font-weight:inherit; }
|
|
| 39 |
h1, h2, h3, h4, h5, h6 { font-weight:bold; line-height:1.4; margin-bottom:0; }
|
|
| 40 |
/* Typographic scale based on 12px body size */ |
|
| 41 |
h1 { font-size:4em; }
|
|
| 42 |
h2 { font-size:1.231em; }
|
|
| 43 |
h3 { font-size:1.154em; }
|
|
| 44 |
h4 { font-size:1.5em; }
|
|
| 45 |
h5 { font-size:1.333em; }
|
|
| 46 |
h6 { font-size:1.167em; }
|
|
| 47 |
hr { border:0; border-top:1px solid; display:block; height:1px; margin:1em 0; padding:0; }
|
|
| 48 |
img { border:0; vertical-align:middle; }
|
|
| 49 |
ins { text-decoration:none; }
|
|
| 50 |
p { margin-bottom:1em; }
|
|
| 51 |
pre { overflow:auto; line-height:24px; }
|
|
| 52 |
strong, b { font-weight:bold; font-style:inherit; }
|
|
| 53 |
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
|
|
| 54 |
sub { bottom:-0.25em; }
|
|
| 55 |
sup { top:-0.5em; }
|
|
| 56 |
|
|
| 57 |
button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; }
|
|
| 58 |
button, input { line-height:normal; }
|
|
| 59 |
button[disabled], input[disabled] { cursor:default; }
|
|
| 60 |
button, |
|
| 61 |
input[type="image"], |
|
| 62 |
input[type="submit"], |
|
| 63 |
input[type="reset"], |
|
| 64 |
input[type="button"] { cursor:pointer; overflow:visible; }
|
|
| 65 |
input[type="checkbox"], |
|
| 66 |
input[type="radio"] { box-sizing:border-box; padding:0; }
|
|
| 67 |
legend { border:0; white-space:normal; }
|
|
| 68 |
optgroup { font-style:normal; font-weight:bold; }
|
|
| 69 |
textarea { overflow:auto; vertical-align:top; }
|
|
| 70 |
|
|
| 71 |
q { quotes:"‘" "’" "“" "”"; } /* http://html5doctor.com/blockquote-q-cite/ */
|
|
| 72 |
q:before { content:"‘"; content:open-quote; }
|
|
| 73 |
q:after { content:"’"; content:close-quote; }
|
|
| 74 |
q q:before { content: "“"; content: open-quote; }
|
|
| 75 |
q q:after { content: "”"; content: close-quote; }
|
|
| 76 |
blockquote { quotes: "“" "”"; margin:1em 40px; }
|
|
| 77 |
blockquote p:before { content: "“"; content: open-quote; }
|
|
| 78 |
blockquote p:after { content: ""; content: no-close-quote; }
|
|
| 79 |
blockquote p:last-of-type:after { content: "”"; content: close-quote; }
|
|
| 80 |
blockquote { font-style:italic; margin:1em; }
|
|
| 81 |
|
|
| 82 |
caption { font-weight:bold; text-align:left; margin-bottom:.2em; padding:0; }
|
|
| 83 |
table { border-collapse:collapse; border-spacing:0; margin-bottom:1em; }
|
|
| 84 |
tfoot { font-style:italic; }
|
|
| 85 |
thead td, th { font-weight:bold; vertical-align:top; }
|
|
| 86 |
|
|
| 87 |
ol { list-style-type:decimal; margin:1em 0; padding-left:2em; }
|
|
| 88 |
ol li { list-style:decimal outside; }
|
|
| 89 |
ol ol li { list-style-type:lower-alpha; }
|
|
| 90 |
ol ol ol li { list-style-type:lower-roman; }
|
|
| 91 |
|
|
| 92 |
ul { list-style-type:disc; margin:1em 0; padding-left:2em; }
|
|
| 93 |
ul li { list-style:disc outside; }
|
|
| 94 |
ul ul li { list-style-type:circle; }
|
|
| 95 |
ul ul ul li { list-style-type:square; }
|
|
| 96 |
|
|
| 97 |
/* helpers ------------------------------------*/ |
|
| 98 |
.clearfix:before, |
|
| 99 |
.clearfix:after { content:" "; display:block; height:0; visibility:hidden; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
|
|
| 100 |
.clearfix:after { clear:both; }
|
|
| 101 |
.visuallyhidden { position:absolute !important; clip:rect(0 0 0 0); }
|
|
| 102 |
|
|
| 103 |
/* misc ---------------------------------------*/ |
|
| 104 |
img[align="left"] { margin:0 1em 0.5em 0; }
|
|
| 105 |
img[align="right"] { margin:0 0 0.5em 1em; }
|
|
| b/snf-astakos-app/astakos/im/static/im/css/forms.css | ||
|---|---|---|
| 1 |
/* generic form styles */ |
|
| 2 |
input, textarea, .form-widget {
|
|
| 3 |
background-color: #ffffff; |
|
| 4 |
color: #000; |
|
| 5 |
border-color: #000000; |
|
| 6 |
} |
|
| 7 |
#forms .input, #forms input {
|
|
| 8 |
font-family: 'Antic', sans-serif; |
|
| 9 |
font-size: 14px; |
|
| 10 |
font-weight: normal; |
|
| 11 |
line-height: 22px; |
|
| 12 |
letter-spacing: 1px; |
|
| 13 |
border: 1px solid #808080; |
|
| 14 |
height: 21px; |
|
| 15 |
display: inline-block; |
|
| 16 |
margin-bottom: -1px; |
|
| 17 |
padding: 0.8em; |
|
| 18 |
padding-left: 1.5em; |
|
| 19 |
z-index: 2; |
|
| 20 |
} |
|
| 21 |
#forms .input:focus, #forms input:focus {
|
|
| 22 |
position: relative; |
|
| 23 |
border: 1px solid #000; |
|
| 24 |
z-index: 100; |
|
| 25 |
} |
|
| 26 |
#forms .input:focus label, #forms input:focus label {
|
|
| 27 |
z-index: 300; |
|
| 28 |
} |
|
| 29 |
.altcol {
|
|
| 30 |
background-color: #c3c3b9 !important; |
|
| 31 |
} |
|
| 32 |
.altcol:hover {
|
|
| 33 |
background-color: #f89a1c !important; |
|
| 34 |
} |
|
| 35 |
|
|
| 36 |
form.withlabels label {
|
|
| 37 |
width: 224px; |
|
| 38 |
display: block; |
|
| 39 |
float: left; |
|
| 40 |
padding-top: 1em; |
|
| 41 |
} |
|
| 42 |
form.withlabels input[type=text], form.withlabels input[type=password] {
|
|
| 43 |
width: 224px; |
|
| 44 |
} |
|
| 45 |
form.withlabels input[type=text].long, form.withlabels input[type=password].long, form.withlabels textarea.long {
|
|
| 46 |
width: 224px; |
|
| 47 |
} |
|
| 48 |
.login-section a.button {
|
|
| 49 |
margin-bottom: 12px; |
|
| 50 |
} |
|
| 51 |
.login-section a.button:last-child {
|
|
| 52 |
margin-bottom: none; |
|
| 53 |
} |
|
| 54 |
.login-section a.button.withicon {
|
|
| 55 |
background-repeat: no-repeat; |
|
| 56 |
background-position: 15px 50%; |
|
| 57 |
padding-left: 40px; |
|
| 58 |
} |
|
| 59 |
.login-section.loggedin {
|
|
| 60 |
padding-bottom: 0 !important; |
|
| 61 |
background-image: none !important; |
|
| 62 |
} |
|
| 63 |
form.login {
|
|
| 64 |
margin-bottom: 22px; |
|
| 65 |
width:340px; |
|
| 66 |
} |
|
| 67 |
|
|
| 68 |
form h2 span {
|
|
| 69 |
padding-bottom: 3px; |
|
| 70 |
} |
|
| 71 |
form .form-row {
|
|
| 72 |
min-height: 29.333333333333332px; |
|
| 73 |
position: relative; |
|
| 74 |
} |
|
| 75 |
form .form-row.submit {
|
|
| 76 |
margin: 22px 0 ; |
|
| 77 |
} |
|
| 78 |
form .form-row .extra-link {
|
|
| 79 |
color: #808080; |
|
| 80 |
text-decoration: none; |
|
| 81 |
border: none; |
|
| 82 |
|
|
| 83 |
line-height:42px; |
|
| 84 |
float: right; |
|
| 85 |
} |
|
| 86 |
form .form-row .extra-link:hover { text-decoration:underline;}
|
|
| 87 |
form .form-row label {
|
|
| 88 |
font-size: 1.1em; |
|
| 89 |
} |
|
| 90 |
form.innerlabels label {
|
|
| 91 |
position: absolute; |
|
| 92 |
top: 1.1em; |
|
| 93 |
left: 1.5em; |
|
| 94 |
color: #808080 ; |
|
| 95 |
} |
|
| 96 |
form.innerlabels p {
|
|
| 97 |
margin:0; |
|
| 98 |
position: relative; |
|
| 99 |
} |
|
| 100 |
form.innerlabels p.p15px { font-size:1.154em;}
|
|
| 101 |
form.innerlabels p.p15px a { margin:0 5px;}
|
|
| 102 |
form.innerlabels p.p15px a:hover { text-decoration:underline;}
|
|
| 103 |
form.innerlabels a, |
|
| 104 |
form.innerlabels a:hover { border:0 none;}
|
|
| 105 |
form textarea, |
|
| 106 |
form input.text, |
|
| 107 |
form input[type="text"], |
|
| 108 |
form input[type="password"] {
|
|
| 109 |
color:#808080; |
|
| 110 |
font-family: 'Antic', sans-serif; |
|
| 111 |
font-weight: normal; |
|
| 112 |
line-height: 22px; |
|
| 113 |
letter-spacing: 1px; |
|
| 114 |
border: 1px solid #808080; |
|
| 115 |
height: 21px; |
|
| 116 |
display: inline-block; |
|
| 117 |
margin-bottom: -1px; |
|
| 118 |
padding: 0.8em; |
|
| 119 |
padding-left: 1.5em; |
|
| 120 |
z-index: 2; |
|
| 121 |
width:300px; |
|
| 122 |
} |
|
| 123 |
|
|
| 124 |
form select {
|
|
| 125 |
font-family: 'Antic', sans-serif; |
|
| 126 |
font-weight: normal; |
|
| 127 |
line-height: 22px; |
|
| 128 |
letter-spacing: 1px; |
|
| 129 |
border: 1px solid #808080; |
|
| 130 |
display:block; |
|
| 131 |
margin-bottom: -1px; |
|
| 132 |
padding: 0.8em; |
|
| 133 |
padding-left: 1.5em; |
|
| 134 |
z-index: 2; |
|
| 135 |
width:331px; |
|
| 136 |
} |
|
| 137 |
form textarea:focus, |
|
| 138 |
form input.text:focus, |
|
| 139 |
form input[type="text"]:focus, |
|
| 140 |
form input[type="password"]:focus {
|
|
| 141 |
position: relative; |
|
| 142 |
border: 1px solid #000; |
|
| 143 |
z-index: 100; |
|
| 144 |
} |
|
| 145 |
form textarea:focus label, |
|
| 146 |
form input.text:focus label, |
|
| 147 |
form input[type="text"]:focus label, |
|
| 148 |
form input[type="password"]:focus label {
|
|
| 149 |
z-index: 300; |
|
| 150 |
} |
|
| 151 |
form input.submit, form input[type="submit"] {
|
|
| 152 |
font-family: 'Antic', sans-serif; |
|
| 153 |
font-size: 14px; |
|
| 154 |
font-weight: normal; |
|
| 155 |
line-height: 22px; |
|
| 156 |
letter-spacing:1px; |
|
| 157 |
background-color: #3582ac; |
|
| 158 |
color: #ffffff; |
|
| 159 |
border: none; |
|
| 160 |
padding: 10px 22px; |
|
| 161 |
font-size: 1em; |
|
| 162 |
|
|
| 163 |
} |
|
| 164 |
form input.submit:hover, form input[type="submit"]:hover {
|
|
| 165 |
background-color: #f89a1c; |
|
| 166 |
} |
|
| 167 |
form input.submit.back, form input[type="submit"].back {
|
|
| 168 |
text-decoration: none; |
|
| 169 |
bottom: 0; |
|
| 170 |
float: right; |
|
| 171 |
z-index: 500; |
|
| 172 |
} |
|
| 173 |
form input.submit.back.right, form input[type="submit"].back.right {
|
|
| 174 |
right: 0; |
|
| 175 |
} |
|
| 176 |
form input.submit:hover, form input[type="submit"]:hover {
|
|
| 177 |
background-color: #f89a1c; |
|
| 178 |
} |
|
| 179 |
form input.submit.back, form input[type="submit"].back {
|
|
| 180 |
text-decoration: none; |
|
| 181 |
bottom: 0; |
|
| 182 |
float: right; |
|
| 183 |
z-index: 500; |
|
| 184 |
} |
|
| 185 |
form input.submit.back.right, form input[type="submit"].back.right {
|
|
| 186 |
right: 0; |
|
| 187 |
} |
|
| 188 |
form textarea {
|
|
| 189 |
height: 150px; |
|
| 190 |
width: 350px; |
|
| 191 |
max-height:150px; |
|
| 192 |
max-width:350px; |
|
| 193 |
} |
|
| 194 |
form .with-errors input, form .with-errors textarea, form .with-errors select {
|
|
| 195 |
color: #9d261d; |
|
| 196 |
} |
|
| 197 |
form .with-errors label {
|
|
| 198 |
color: #e4776f; |
|
| 199 |
} |
|
| 200 |
.form-error {
|
|
| 201 |
background-color: #9d261d; |
|
| 202 |
color: #fff; |
|
| 203 |
font-size: 0.8em; |
|
| 204 |
padding: 5px 5px; |
|
| 205 |
} |
|
| 206 |
.form-errors.all .form-error {
|
|
| 207 |
position: relative; |
|
| 208 |
border-radius: 0; |
|
| 209 |
margin-bottom: 1.3em; |
|
| 210 |
padding: 0.5em; |
|
| 211 |
} |
|
| 212 |
div.form-stacked {
|
|
| 213 |
margin-bottom: 4em; |
|
| 214 |
} |
|
| 215 |
|
|
| 216 |
.checkbox-widget.checked {
|
|
| 217 |
background-color: #FF0000; |
|
| 218 |
background-image: url("../images/checkbox.png");
|
|
| 219 |
background-position: 50% 50%; |
|
| 220 |
} |
|
| 221 |
.checkbox-widget {
|
|
| 222 |
border: 1px solid #808080; |
|
| 223 |
cursor: pointer; |
|
| 224 |
display: block; |
|
| 225 |
float: left; |
|
| 226 |
height: 25px; |
|
| 227 |
margin:5px 20px 0 0 ; |
|
| 228 |
width: 25px; |
|
| 229 |
|
|
| 230 |
} |
|
| 231 |
|
|
| 232 |
|
|
| 233 |
form.withlabels .checkbox-widget{
|
|
| 234 |
margin-top:20px; |
|
| 235 |
} |
|
| 236 |
|
|
| 237 |
form.innerlabels .checkbox-widget + label {
|
|
| 238 |
position:static; |
|
| 239 |
line-height:36px; |
|
| 240 |
color:#808080; |
|
| 241 |
|
|
| 242 |
} |
|
| 243 |
|
|
| 244 |
form.innerlabels .checkbox-widget + label + a {
|
|
| 245 |
border-bottom:1px solid #F89A1C; |
|
| 246 |
font-size: 1.1em; |
|
| 247 |
|
|
| 248 |
} |
|
| 249 |
|
|
| 250 |
form span.info{
|
|
| 251 |
position:absolute; |
|
| 252 |
z-index:10; |
|
| 253 |
top:8px; |
|
| 254 |
left: 260px; |
|
| 255 |
|
|
| 256 |
} |
|
| 257 |
form span.info em {
|
|
| 258 |
display:block; |
|
| 259 |
overflow:hidden; |
|
| 260 |
position:absolute; |
|
| 261 |
left:0; |
|
| 262 |
text-indent:-100px; |
|
| 263 |
top:0; |
|
| 264 |
height:28px; |
|
| 265 |
width:28px; |
|
| 266 |
background:url(../images/question-mark.jpg) no-repeat left bottom; |
|
| 267 |
cursor:pointer; |
|
| 268 |
} |
|
| 269 |
|
|
| 270 |
form span.info:hover em {
|
|
| 271 |
background-position:left top; |
|
| 272 |
} |
|
| 273 |
|
|
| 274 |
form span.info span {
|
|
| 275 |
position:relative; |
|
| 276 |
left:42px; |
|
| 277 |
top:2px; |
|
| 278 |
width:150px; |
|
| 279 |
padding-left:55px; |
|
| 280 |
background:url(../images/black-line.jpg ) no-repeat left 12px; |
|
| 281 |
min-height:50px; |
|
| 282 |
display:none; |
|
| 283 |
color:#b3b3b3; |
|
| 284 |
} |
|
| 285 |
|
|
| 286 |
form span.info span a {
|
|
| 287 |
color:#b3b3b3; |
|
| 288 |
border-bottom:1px solid #F89A1C; |
|
| 289 |
} |
|
| 290 |
|
|
| 291 |
form span.info:hover span {
|
|
| 292 |
display:block; |
|
| 293 |
} |
|
| 294 |
|
|
| 295 |
form p {
|
|
| 296 |
margin-bottom:0; |
|
| 297 |
} |
|
| 298 |
|
|
| 299 |
|
|
| 300 |
form input[readonly=true] {
|
|
| 301 |
background-color: #ddd; |
|
| 302 |
color: #5e5e5e; |
|
| 303 |
} |
|
| 304 |
|
|
| 305 |
#recaptcha_area {
|
|
| 306 |
margin-top:20px; |
|
| 307 |
} |
|
| 308 |
|
|
| b/snf-astakos-app/astakos/im/static/im/css/global.css | ||
|---|---|---|
| 1 |
@import url(formating.css); |
|
| 2 |
@import url(modules.css); |
|
| 3 |
@import url(colorbox.css); |
|
| 4 |
@import url(browser-fixes.css); |
|
| 5 |
@import url(forms.css); |
|
| 6 |
@import url(dropkick.css); |
|
| b/snf-astakos-app/astakos/im/static/im/css/ie7.css | ||
|---|---|---|
| 1 |
.navigation {
|
|
| 2 |
min-width: 660px; |
|
| 3 |
} |
|
| 4 |
|
|
| 5 |
.mainnav.inline {
|
|
| 6 |
position: absolute; |
|
| 7 |
right: -10px; |
|
| 8 |
} |
|
| 9 |
|
|
| 10 |
.mainnav.inline.subnav {
|
|
| 11 |
position: relative; |
|
| 12 |
top: 50px; |
|
| 13 |
} |
|
| 1 |
button, input, select, textarea { vertical-align:middle; }
|
|
| 2 |
input[type="button"], input[type="submit"] { overflow:visible; }
|
|
| 3 |
input[type="checkbox"], |
|
| 4 |
input[type="radio"] { width:13px; height:13px; }
|
|
| 5 |
legend { margin-left:-7px; }
|
|
| 6 |
textarea { overflow:auto; }
|
|
| 7 |
img { -ms-interpolation-mode:bicubic; }
|
|
| 8 |
|
|
| 9 |
.clearfix { zoom:1; }
|
|
| 10 |
.container .navigation ul li { display:inline;}
|
|
| 11 |
.lt .box-more ul.col { display:inline;}
|
|
| b/snf-astakos-app/astakos/im/static/im/css/modules.css | ||
|---|---|---|
| 1 |
.wrapper { margin:0 auto; position:relative; width:820px; padding:36px 70px; }
|
|
| 2 |
.container .wrapper, |
|
| 3 |
.footer .wrapper { border: 1px solid #808080; border-top:0 none;}
|
|
| 4 |
.centered { text-align:center;}
|
|
| 5 |
img.left { margin:0 1em 1em 0; float:left;}
|
|
| 6 |
img.right { margin:0 0 1em 1em; float:right;}
|
|
| 7 |
|
|
| 8 |
|
|
| 9 |
/* header */ |
|
| 10 |
.header { background:#000; color:#fff; height:35px; line-height:35px; }
|
|
| 11 |
.header .wrapper { width:auto; padding:0;}
|
|
| 12 |
.header a { color:#fff; text-decoration:none;}
|
|
| 13 |
.header .profile { float:right; background:#01A1AE; width:150px; padding:0 20px; text-align:right; }
|
|
| 14 |
.header .profile a { text-decoration:none; color:#fff; }
|
|
| 15 |
.header .profile ul { position:absolute; right:0; top:35px; padding:0; margin:0; background:#01A1AE; width:190px; display:none; }
|
|
| 16 |
.header .profile ul li { list-style:none outside; line-height:35px; border-top:1px solid #000; padding:0 20px;}
|
|
| 17 |
.header .profile ul li:hover { background:#000;}
|
|
| 18 |
.header .profile:hover ul { display:block; }
|
|
| 19 |
.header ul.services { margin:0; padding:0; }
|
|
| 20 |
.header ul.services li { float:left; height:35px; line-height:35px; text-align:center; padding: 0 30px; list-style:none outside;}
|
|
| 21 |
.header ul.services li:first-child { padding:0 5px;}
|
|
| 22 |
.header ul.services li.active { background:#333;}
|
|
| 23 |
.header ul.services li:hover { background:#444; }
|
|
| 24 |
|
|
| 25 |
|
|
| 26 |
/* footer */ |
|
| 27 |
.footer { font-size:0.923em;color:#B3B3B3; }
|
|
| 28 |
.footer a { color:#B3B3B3; text-decoration:none; transition:color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -webkit-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; }
|
|
| 29 |
.footer:hover a { color:#808080;}
|
|
| 30 |
.footer a:hover { color:#000;}
|
|
| 31 |
.footer ul { float:left; margin:0 0 0 22px; width:140px; padding:0;}
|
|
| 32 |
.footer ul li { padding:0; margin:0 0 0.5em 0; list-style:none outside;}
|
|
| 33 |
.footer ul li:first-child { margin-bottom:1em; }
|
|
| 34 |
.footer .clearfix { padding-bottom:20px;}
|
|
| 35 |
.footer .clearfix ul:first-child { margin-left:0;}
|
|
| 36 |
|
|
| 37 |
|
|
| 38 |
/*top message*/ |
|
| 39 |
.top-msg { margin:-36px -70px 40px; background:blue; padding:100px 200px; color:#fff; display:none; position:relative;}
|
|
| 40 |
.top-msg p { font-size:1.5em;}
|
|
| 41 |
.top-msg p.title { font-size:2em; }
|
|
| 42 |
.top-msg p.title span { border-bottom:2px dotted #fff; padding:0 0 10px 0;}
|
|
| 43 |
.top-msg.active { display:block;}
|
|
| 44 |
.active+h1 { display:none;}
|
|
| 45 |
.top-msg .close { position:absolute; bottom:20px; right:20px; font-size:2em; font-weight:bold; border:0 none; color:#fff; text-decoration:none;}
|
|
| 46 |
|
|
| 47 |
/* container */ |
|
| 48 |
.container h1 { margin:0; line-height:100%;}
|
|
| 49 |
.container .wrapper { padding-bottom:100px;}
|
|
| 50 |
.container .navigation { margin:20px 0 40px; font-size:1.231em;}
|
|
| 51 |
.container .navigation ul { margin:5px 0; padding:0;}
|
|
| 52 |
.container .navigation ul li { list-style:none outside; padding:0; margin:0 0 0 1em; display:inline-block;}
|
|
| 53 |
.container .navigation ul li:first-child { margin-left:0;}
|
|
| 54 |
.container .navigation ul li a { color:#000; text-decoration:none; }
|
|
| 55 |
.container .navigation ul li a:hover { border-bottom:1px solid #F89A1C;}
|
|
| 56 |
.container .navigation ul li.active a { color:#F89A1C; }
|
|
| 57 |
.dotted { background:url(../images/double-dots.jpg) no-repeat bottom center; padding:30px 0; margin-bottom:30px;}
|
|
| 58 |
.two-cols .rt { float:right; width:390px;}
|
|
| 59 |
.two-cols .lt { float:left; width:390px;}
|
|
| 60 |
.two-cols .lt p { padding-right:40px;}
|
|
| 61 |
.two-cols-lt580 .rt { float:right; width:200px; margin-left:40px;}
|
|
| 62 |
.two-cols-lt580 .lt { overflow:hidden;}
|
|
| 63 |
.container h2, .container h3 { font-weight:normal; margin-bottom:1em; }
|
|
| 64 |
.container h2 em { color: #3582AC; font-style:normal; }
|
|
| 65 |
.content a { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#000; }
|
|
| 66 |
.content a:hover { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#F89A1C; }
|
|
| 67 |
.container ul.options { font-size:1.231em; padding:0; margin:0;}
|
|
| 68 |
.container ul.options li { list-style:none outside; margin:0 0 1em 0;padding:0;}
|
|
| 69 |
.container ul.options li a { border:0 none;}
|
|
| 70 |
.container ul.options li a:hover { text-decoration:underline;}
|
|
| 71 |
.landing h2, .landing a:hover { color:#01A1AE;}
|
|
| 72 |
.faq h2, .faq a:hover { color:#EF4F54; border:0 none;}
|
|
| 73 |
.faq ul { padding:0; margin:0; }
|
|
| 74 |
.faq ul li { list-style:none outside; padding:0 0 0 5px; margin:0; }
|
|
| 75 |
.faq ul li a { color:#222222; border:0 none;}
|
|
| 76 |
.follow h3 a { color:#4085A6;}
|
|
| 77 |
.follow a { border:0 none;}
|
|
| 78 |
.follow ul { margin:0; padding:0;}
|
|
| 79 |
.follow ul li { list-style:none outside; padding:0; margin:0 0 20px 0; font-size:0.923em; color:#808080;}
|
|
| 80 |
.follow ul li p.title { margin-bottom:0; color:#000;}
|
|
| 81 |
.follow ul li p.title a { color:#000;}
|
|
| 82 |
.follow ul li p a { color:#808080;}
|
|
| 83 |
.posts ul { margin:0;padding:0; }
|
|
| 84 |
.posts ul li { padding:0; margin:0 0 50px; list-style:none outside; }
|
|
| 85 |
.posts ul li .img-div { float:left; width:160px; margin-right:20px; }
|
|
| 86 |
.posts ul li .img-div img { max-width:160px;}
|
|
| 87 |
.posts ul li .img-div p { font-size:1.154em; color:#01A1AE;}
|
|
| 88 |
.posts ul li .txt { overflow:hidden;}
|
|
| 89 |
.posts ul li .txt h3 { color:#F89A1C;}
|
|
| 90 |
.posts ul li .txt h3 a { color:#F89A1C; border:0 none; }
|
|
| 91 |
.posts ul li p.info { background:url(../images/blog-dots.jpg) no-repeat top; padding-top:10px; margin-top:20px; font-size:0.923em; color:#808080;}
|
|
| 92 |
.article p.info { margin-top:20px; padding-top:10px; font-size:0.923em; color:#808080; border-top:1px dashed #ccc;}
|
|
| 93 |
p.info a { color:#808080; }
|
|
| 94 |
.bg-wrap { background-position:right top; background-repeat:no-repeat;}
|
|
| 95 |
.bg-wrap .extra { display:none;}
|
|
| 96 |
.bg-wrap.open .extra { display:block;}
|
|
| 97 |
.bg-wrap .extra .hide-extra { display:block; text-align:right; border:0 none; height:16px; overflow:hidden;}
|
|
| 98 |
.bg-wrap .extra .hide-extra img { margin-top:0; vertical-align:top; display:inline; }
|
|
| 99 |
.bg-wrap .extra .hide-extra:hover img { margin-top:-16px;}
|
|
| 100 |
.cyclades .bg-wrap .extra .hide-extra:hover img { margin-top:-32px;}
|
|
| 101 |
.pithos h2, .pithos a:hover, |
|
| 102 |
.pithos .extra .options li { color:#F89A1C; }
|
|
| 103 |
.cyclades h2, .cyclades a:hover, |
|
| 104 |
.cyclades .extra .options li { color:#4085A6; }
|
|
| 105 |
.cyclades a { border-bottom:1px solid #4085A6; }
|
|
| 106 |
.cyclades a:hover { border-bottom:1px solid #4085A6; }
|
|
| 107 |
a.btn_01 { display:block; text-align:center; background:#F6921E; color:#000; padding:10px; text-decoration:none; border:0 none;}
|
|
| 108 |
a.btn_01:hover { background:#01A1AE; color:#000; border:0 none;}
|
|
| 109 |
a.btn_01 em { font-style:normal; display:block; }
|
|
| 110 |
a.btn_01 span { color:#fff; }
|
|
| 111 |
.lt .box-more { text-align:center; padding:5px 10px; }
|
|
| 112 |
.lt .box-more.border { border:1px solid #ccc;}
|
|
| 113 |
.lt .box-more p { cursor:pointer; background:url(../images/arrow_02.jpg) no-repeat right center; padding-right:20px; }
|
|
| 114 |
a.btn_01, .box-more { width:80%; margin:0 auto 20px; }
|
|
| 115 |
.lt .box-more ul.col { width:30%; margin:0; padding:0; vertical-align:top; text-align:left; display:inline-block;}
|
|
| 116 |
.lt .box-more .clearfix { display:none; }
|
|
| 117 |
.lt .box-more ul.col li { list-style:none outside; }
|
|
| 118 |
.lt .box-more ul.col li a { color:#B3B3B3; text-decoration:none; border:0 none;}
|
|
| 119 |
.lt .box-more ul.col li a:hover { color:#000;}
|
|
| 120 |
.article img { margin-bottom:1em; max-width:100%;}
|
|
| 121 |
a.videolink { border: 0 none; display:block; width:367px; height:207px; background:url(../images/video_image_hover.png) no-repeat; text-decoration:none;}
|
|
| 122 |
a.videolink:hover { background:url(../images/video_image.png)no-repeat; text-decoration:none; border:0 none;}
|
|
| 123 |
.container .full { position:relative;}
|
|
| 124 |
|
|
| 125 |
|
|
| 126 |
|
|
| 127 |
/* resources*/ |
|
| 128 |
.resources .categories .clear { color: #000000; float: right; margin-right: 4px;}
|
|
| 129 |
.resources a, .resources a:hover { border:0 none;}
|
|
| 130 |
.resources .categories ul { margin:0;padding:0;}
|
|
| 131 |
.resources .categories ul li { float: left; list-style:none outside;}
|
|
| 132 |
.resources .categories .title { margin-bottom: 0.5em; }
|
|
| 133 |
.resources .categories ul li a { color: #000000; margin-right: 22px; text-decoration: none; }
|
|
| 134 |
.resources .categories ul li a:hover, |
|
| 135 |
.resources .categories ul li a.selected { color: #000000 }
|
|
| 136 |
.resources .categories ul li.inactive { opacity: 0.3; }
|
|
| 137 |
.resources .categories ul li.active { font-weight: bold; opacity: 1; }
|
|
| 138 |
.resources .list { line-height: 1em; margin-top: 60px; position: relative; width:855px; }
|
|
| 139 |
.resources .list .resource-wrapper.first .resource { margin-left: 0; }
|
|
| 140 |
.resources .list .resource-wrapper { float: left; height: 250px; margin-bottom: 22px; margin-right: 35px; overflow: hidden; position: relative; width: 250px; }
|
|
| 141 |
.resources .list .resource-wrapper.first { margin-left: 0; }
|
|
| 142 |
.resources .list .resource-wrapper.hidden { display: none; }
|
|
| 143 |
.resources .list .resource { border: 1px solid #000000; height: 188px; overflow: hidden; padding: 30px; }
|
|
| 144 |
.resources .list .resource .date { color: #808080; margin-bottom: 3px; }
|
|
| 145 |
.resources .list .resource .description { transition:color top 0.35s ease-in-out 0s; -moz-transition: top 0.35s ease-in-out 0s; -webkit-transition: top 0.35s ease-in-out 0s; -o-transition: top 0.35s ease-in-out 0s; color: #FFFFFF; font-size: 1.1em; height: 150px; margin-left: -30px; padding: 30px; position: absolute; top: -270px; width: 190px; }
|
|
| 146 |
.resources .list .resource .title { line-height: 1.4em; }
|
|
| 147 |
.resources .list .resource .category { color: #808080; margin-top: 30px; }
|
|
| 148 |
.resources .list .resource .category a { color: #808080; }
|
|
| 149 |
.resources .list .resource .download { bottom: 0; cursor: pointer; font-size: 1.1em; margin-bottom: 3px; margin-left: -10px; position: absolute; width: 190px; }
|
|
| 150 |
.resources .list .resource .download a { color: #000000; display: block; padding: 5px 5px 5px 15px; text-decoration: none; }
|
|
| 151 |
.resources .list .resource .download a:hover, |
|
| 152 |
.resources .list .resource .download a .hovered { color: #FF5D00;}
|
|
| 153 |
.resources .list .resource .download a:hover .download-image, |
|
| 154 |
.resources .list .resource .download a .hovered .download-image { background-image: url(../images/resource_down_arrow-active.png); }
|
|
| 155 |
.resources .list .resource .download a .download-image { background: url(../images/resource_down_arrow.png) no-repeat; display: block; float: left; height: 30px; margin-right: 10px; margin-top: -7px; width: 30px; }
|
|
| 156 |
.resources .list .resource .download img { margin-right: 10px; vertical-align: middle;}
|
|
| 157 |
.resources .list .resource:hover .description, |
|
| 158 |
.resources .list .resource .hover .description { display: block; top: 0; }
|
|
| 159 |
.resources .list .resource-cat-1.resource { border-color: #4085A5 }
|
|
| 160 |
.resources .list .resource-cat-1.resource .title { color: #4085A5 }
|
|
| 161 |
.resources .list .resource-cat-1.resource .description { background-color: #4085A5 }
|
|
| 162 |
.resources .resource-cat-1.filter-item a { color: #4085A5 }
|
|
| 163 |
.resources .list .resource-cat-2.resource { border-color: #FF6F00 }
|
|
| 164 |
.resources .list .resource-cat-2.resource .title { color: #FF6F00 }
|
|
| 165 |
.resources .list .resource-cat-2.resource .description { background-color: #FF6F00 }
|
|
| 166 |
.resources .resource-cat-2.filter-item a { color: #FF6F00 }
|
|
| 167 |
|
|
| 168 |
table { width:100%;}
|
|
| 169 |
table th, table td { padding:10px; }
|
|
| 170 |
table td { border-top: 1px solid #DDDDDD; }
|
|
| 171 |
table td.consumed { color: #9D261D; }
|
|
| 172 |
|
|
| 173 |
.zebra-striped tbody tr:nth-child(2n+1) td, |
|
| 174 |
.zebra-striped tbody tr:nth-child(2n+1) th { background-color: #F9F9F9; }
|
|
| 175 |
.zebra-striped tbody tr:hover td, |
|
| 176 |
.zebra-striped tbody tr:hover th { background-color: #F5F5F5; }
|
|
| 177 |
|
|
| 178 |
.buttons-list.fixpos { position:absolute; bottom:0; right:0; }
|
|
| 179 |
.button.back.right { right: 0; }
|
|
| 180 |
.buttons-list .button { margin-left: 10px; }
|
|
| 181 |
.button.back { z-index: 500; }
|
|
| 182 |
a.button { border:0 none; color: #FFFFFF; display: block; text-align: center; background-color: #3582AC; letter-spacing: 1px; line-height: 22px; padding: 0.8em 22px; text-decoration: none;}
|
|
| 183 |
a.button:hover { background-color: #F89A1C; border:0 none; color:#fff;}
|
|
| 184 |
|
|
| 185 |
/*pagination*/ |
|
| 186 |
.pagination a { border:0 none;}
|
|
| 187 |
.pagination .next-prev { float:left; }
|
|
| 188 |
.pagination .nums { text-align:right;}
|
|
| 189 |
.pagination .nums span { color:#F89A1C;}
|
|
| 190 |
|
|
| 191 |
|
|
| b/snf-astakos-app/astakos/im/static/im/js/common.js | ||
|---|---|---|
| 1 |
function setContainerMinHeight(){
|
|
| 2 |
|
|
| 3 |
var h = $('.header').height();
|
|
| 4 |
var f = $('.footer').height();
|
|
| 5 |
var w = $(window).height(); |
|
| 6 |
var pTop = parseInt (($('.container .wrapper').css('padding-top').replace("px", "")) );
|
|
| 7 |
var pBottom = parseInt (($('.container .wrapper').css('padding-bottom').replace("px", "")));
|
|
| 8 |
|
|
| 9 |
var c = w - ( h+f+pTop+pBottom); |
|
| 10 |
$('.container .wrapper').css('min-height', c);
|
|
| 11 |
|
|
| 12 |
|
|
| 13 |
} |
|
| 14 |
|
|
| 15 |
$(document).ready(function() {
|
|
| 16 |
|
|
| 17 |
setContainerMinHeight(); |
|
| 18 |
|
|
| 19 |
$('.show-extra').click(function(e) {
|
|
| 20 |
e.preventDefault(); |
|
| 21 |
|
|
| 22 |
$(this).parents('.bg-wrap').find('.extra').toggle('slow');
|
|
| 23 |
$('.hide-extra').toggle();
|
|
| 24 |
}); |
|
| 25 |
$('.hide-extra').click(function(e) {
|
|
| 26 |
e.preventDefault(); |
|
| 27 |
$(this).hide(); |
|
| 28 |
$(this).parents('.bg-wrap').find('.extra').hide('slow');
|
|
| 29 |
}); |
|
| 30 |
|
|
| 31 |
$('.box-more p').click(function(e) {
|
|
| 32 |
$(this).siblings('.clearfix').toggle('slow');
|
|
| 33 |
$(this).parents('.box-more').toggleClass('border');
|
|
| 34 |
}); |
|
| 35 |
|
|
| 36 |
|
|
| 37 |
$('.top-msg a.close').click(function(e) {
|
|
| 38 |
e.preventDefault(); |
|
| 39 |
$(this).parents('.top-msg').slideUp('5000', function() {
|
|
| 40 |
$('.top-msg').removeClass('active')
|
|
| 41 |
}); |
|
| 42 |
}); |
|
| 43 |
|
|
| 44 |
//$('select').dropkick();
|
|
| 45 |
|
|
| 46 |
|
|
| 47 |
if ( $('#os').length > 0 ) {
|
|
| 48 |
var os = BrowserDetect.OS; |
|
| 49 |
if ( os!=="an unknown OS" ) {
|
|
| 50 |
$('#os').html('version '+os);
|
|
| 51 |
} |
|
| 52 |
} |
|
| 53 |
|
|
| 54 |
$('.top-msg .success').parents('.top-msg').css(
|
|
| 55 |
{
|
|
| 56 |
backgroundColor: '#f3c', |
|
| 57 |
color: '#fff' |
|
| 58 |
} |
|
| 59 |
) |
|
| 60 |
|
|
| 61 |
$('.top-msg .error').parents('.top-msg').css(
|
|
| 62 |
{
|
|
| 63 |
backgroundColor: 'red', |
|
| 64 |
color: '#fff' |
|
| 65 |
} |
|
| 66 |
) |
|
| 67 |
|
|
| 68 |
|
|
| 69 |
$('.top-msg .warning').parents('.top-msg').css(
|
|
| 70 |
{
|
|
| 71 |
backgroundColor: '#90f', |
|
| 72 |
color: '#fff' |
|
| 73 |
} |
|
| 74 |
) |
|
| 75 |
|
|
| 76 |
}); |
|
| b/snf-astakos-app/astakos/im/static/im/js/html5shiv-printshiv.js | ||
|---|---|---|
| 1 |
/*! HTML5 Shiv v3 | @jon_neal @afarkas @rem | MIT/GPL2 Licensed */ |
|
| 2 |
(function (win, doc) {
|
|
| 3 |
// feature detection: whether the browser supports unknown elements |
|
| 4 |
var supportsUnknownElements = (function (a) {
|
|
| 5 |
a.innerHTML = '<x-element></x-element>'; |
|
| 6 |
return a.childNodes.length === 1; |
|
| 7 |
})(doc.createElement('a'));
|
|
| 8 |
|
|
| 9 |
// feature detection: whether the browser supports default html5 styles |
|
| 10 |
var supportsHtml5Styles = (function (nav, docEl, compStyle) {
|
|
| 11 |
docEl.appendChild(nav); |
|
| 12 |
return (compStyle = (compStyle ? compStyle(nav) : nav.currentStyle).display) && docEl.removeChild(nav) && compStyle === 'block'; |
|
| 13 |
})(doc.createElement('nav'), doc.documentElement, win.getComputedStyle);
|
|
| 14 |
|
|
| 15 |
// html5 global so that more elements can be shived and also so that existing shiving can be detected on iframes |
|
| 16 |
// more elements can be added and shived with the following code: html5.elements.push('element-name'); shivDocument(document);
|
|
| 17 |
var html5 = {
|
|
| 18 |
// a list of html5 elements |
|
| 19 |
elements: 'abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video'.split(' '),
|
|
| 20 |
|
|
| 21 |
// the shiv function |
|
| 22 |
shivDocument: function (scopeDocument) {
|
|
| 23 |
scopeDocument = scopeDocument || doc; |
|
| 24 |
|
|
| 25 |
// test if the document has already been shived |
|
| 26 |
if (scopeDocument.documentShived) {
|
|
| 27 |
return; |
|
| 28 |
} |
|
| 29 |
scopeDocument.documentShived = true; |
|
| 30 |
|
|
| 31 |
// set local variables |
|
| 32 |
var |
|
| 33 |
documentCreateElement = scopeDocument.createElement, |
|
| 34 |
documentCreateDocumentFragment = scopeDocument.createDocumentFragment, |
|
| 35 |
documentHead = scopeDocument.getElementsByTagName('head')[0],
|
|
| 36 |
documentCreateElementReplaceFunction = function (m) {
|
|
| 37 |
documentCreateElement(m); |
|
| 38 |
}; |
|
| 39 |
|
|
| 40 |
// shiv for unknown elements |
|
| 41 |
if (!supportsUnknownElements) {
|
|
| 42 |
// shiv the document |
|
| 43 |
html5.elements.join(' ').replace(/\w+/g, documentCreateElementReplaceFunction);
|
|
| 44 |
|
|
| 45 |
// shiv document create element function |
|
| 46 |
scopeDocument.createElement = function (nodeName) {
|
|
| 47 |
var element = documentCreateElement(nodeName); |
|
| 48 |
if (element.canHaveChildren){
|
|
| 49 |
html5.shivDocument(element.document); |
|
| 50 |
} |
|
| 51 |
return element; |
|
| 52 |
}; |
|
| 53 |
|
|
| 54 |
// shiv document create element function |
|
| 55 |
scopeDocument.createDocumentFragment = function () {
|
|
| 56 |
return html5.shivDocument(documentCreateDocumentFragment()); |
|
| 57 |
}; |
|
| 58 |
} |
|
| 59 |
|
|
| 60 |
// shiv for default html5 styles |
|
| 61 |
if (!supportsHtml5Styles && documentHead) {
|
|
| 62 |
var div = documentCreateElement('div');
|
|
| 63 |
div.innerHTML = ['x<style>', |
|
| 64 |
'article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}', // Corrects block display not defined in IE6/7/8/9
|
|
| 65 |
'audio{display:none}', // Corrects audio display not defined in IE6/7/8/9
|
|
| 66 |
'canvas,video{display:inline-block;*display:inline;*zoom:1}', // Corrects canvas and video display not defined in IE6/7/8/9 (audio[controls] in IE7)
|
|
| 67 |
'[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}', // Corrects 'hidden' attribute and audio[controls] display not present in IE7/8/9
|
|
| 68 |
'mark{background:#FF0;color:#000}', // Addresses styling not present in IE6/7/8/9
|
|
| 69 |
'</style>'].join('');
|
|
| 70 |
documentHead.insertBefore(div.lastChild, documentHead.firstChild); |
|
| 71 |
} |
|
| 72 |
|
|
| 73 |
// return document (for potential chaining) |
|
| 74 |
return scopeDocument; |
|
| 75 |
} |
|
| 76 |
}; |
|
| 77 |
|
|
| 78 |
// shiv the document |
|
| 79 |
html5.shivDocument(doc); |
|
| 80 |
|
|
| 81 |
win.html5 = html5; |
|
| 82 |
|
|
| 83 |
// ie print shiv |
|
| 84 |
if (supportsUnknownElements || !win.attachEvent){return;}
|
|
| 85 |
|
|
| 86 |
// replaces an element with a namespace-shived clone (eg. header element becomes shiv:header element) |
|
| 87 |
function namespaceShivElement(element) {
|
|
| 88 |
var elementClone, a, l, i; |
|
| 89 |
if (doc.documentMode > 7) {
|
|
| 90 |
elementClone = doc.createElement('font');
|
|
| 91 |
elementClone.setAttribute('data-html5shiv', element.nodeName.toLowerCase());
|
|
| 92 |
} |
|
| 93 |
else {
|
|
| 94 |
elementClone = doc.createElement('shiv:' + element.nodeName);
|
|
| 95 |
} |
|
| 96 |
while (element.firstChild) {
|
|
| 97 |
elementClone.appendChild(element.childNodes[0]); |
|
| 98 |
} |
|
| 99 |
for (a = element.attributes, l = a.length, i = 0; i < l; ++i) {
|
|
| 100 |
if (a[i].specified) {
|
|
| 101 |
elementClone.setAttribute(a[i].nodeName, a[i].nodeValue); |
|
| 102 |
} |
|
| 103 |
} |
|
| 104 |
elementClone.style.cssText = element.style.cssText; |
|
| 105 |
element.parentNode.replaceChild(elementClone, element); |
|
| 106 |
elementClone.originalElement = element; |
|
| 107 |
} |
|
| 108 |
|
|
| 109 |
// restores an element from a namespace-shived clone (eg. shiv:header element becomes header element) |
|
| 110 |
function unNamespaceShivElement(element) {
|
|
| 111 |
var originalElement = element.originalElement; |
|
| 112 |
while (element.childNodes.length) {
|
|
| 113 |
originalElement.appendChild(element.childNodes[0]); |
|
| 114 |
} |
|
| 115 |
element.parentNode.replaceChild(originalElement, element); |
|
| 116 |
} |
|
| 117 |
|
|
| 118 |
// get style sheet list css text |
|
| 119 |
function getStyleSheetListCssText(styleSheetList, mediaType) {
|
|
| 120 |
// set media type |
|
| 121 |
mediaType = mediaType || 'all'; |
|
| 122 |
|
|
| 123 |
// set local variables |
|
| 124 |
var |
|
| 125 |
i = -1, |
|
| 126 |
cssTextArr = [], |
|
| 127 |
styleSheetListLength = styleSheetList.length, |
|
| 128 |
styleSheet, |
|
| 129 |
styleSheetMediaType; |
|
| 130 |
|
|
| 131 |
// loop through style sheets |
|
| 132 |
while (++i < styleSheetListLength) {
|
|
| 133 |
// get style sheet |
|
| 134 |
styleSheet = styleSheetList[i]; |
|
| 135 |
|
|
| 136 |
// get style sheet media type |
|
| 137 |
styleSheetMediaType = styleSheet.media || mediaType; |
|
| 138 |
|
|
| 139 |
// skip a disabled or non-print style sheet |
|
| 140 |
if (styleSheet.disabled || !(/print|all/.test(styleSheetMediaType))) {
|
|
| 141 |
continue; |
|
| 142 |
} |
|
| 143 |
|
|
| 144 |
// push style sheet css text |
|
| 145 |
cssTextArr.push(getStyleSheetListCssText(styleSheet.imports, styleSheetMediaType), styleSheet.cssText); |
|
| 146 |
} |
|
| 147 |
|
|
| 148 |
// return css text |
|
| 149 |
return cssTextArr.join('');
|
|
| 150 |
} |
|
| 151 |
|
|
| 152 |
// shiv css text (eg. header {} becomes shiv\:header {})
|
|
| 153 |
function shivCssText (cssText) {
|
|
| 154 |
// set local variables |
|
| 155 |
var |
|
| 156 |
elementsRegExp = new RegExp('(^|[\\s,{}])(' + win.html5.elements.join('|') + ')', 'gi'),
|
|
| 157 |
cssTextSplit = cssText.split('{'),
|
|
| 158 |
cssTextSplitLength = cssTextSplit.length, |
|
| 159 |
i = -1; |
|
| 160 |
|
|
| 161 |
// shiv css text |
|
| 162 |
while (++i < cssTextSplitLength) {
|
|
| 163 |
cssTextSplit[i] = cssTextSplit[i].split('}');
|
|
| 164 |
if (doc.documentMode > 7) {
|
|
| 165 |
cssTextSplit[i][cssTextSplit[i].length - 1] = cssTextSplit[i][cssTextSplit[i].length - 1].replace(elementsRegExp, '$1font[data-html5shiv="$2"]'); |
|
| 166 |
} |
|
| 167 |
else {
|
|
| 168 |
cssTextSplit[i][cssTextSplit[i].length - 1] = cssTextSplit[i][cssTextSplit[i].length - 1].replace(elementsRegExp, '$1shiv\\:$2'); |
|
| 169 |
} |
|
| 170 |
cssTextSplit[i] = cssTextSplit[i].join('}');
|
|
| 171 |
} |
|
| 172 |
|
|
| 173 |
// return shived css text |
|
| 174 |
return cssTextSplit.join('{');
|
|
| 175 |
} |
|
| 176 |
|
|
| 177 |
// the before print function |
|
| 178 |
win.attachEvent( |
|
| 179 |
'onbeforeprint', |
|
| 180 |
function () {
|
|
| 181 |
// test for scenarios where shiving is unnecessary or unavailable |
|
| 182 |
if (win.html5.supportsXElement || !doc.namespaces) {
|
|
| 183 |
return; |
|
| 184 |
} |
|
| 185 |
|
|
| 186 |
// add the shiv namespace |
|
| 187 |
if (!doc.namespaces.shiv) {
|
|
| 188 |
doc.namespaces.add('shiv');
|
|
| 189 |
} |
|
| 190 |
|
|
| 191 |
// set local variables |
|
| 192 |
var |
|
| 193 |
i = -1, |
|
| 194 |
elementsRegExp = new RegExp('^(' + win.html5.elements.join('|') + ')$', 'i'),
|
|
| 195 |
nodeList = doc.getElementsByTagName('*'),
|
|
| 196 |
nodeListLength = nodeList.length, |
|
| 197 |
element, |
|
| 198 |
// sorts style and link files and returns their stylesheets |
|
| 199 |
shivedCSS = shivCssText(getStyleSheetListCssText((function (s, l) {
|
|
| 200 |
var arr = [], i = s.length; |
|
| 201 |
while (i) {
|
|
| 202 |
arr.unshift(s[--i]); |
|
| 203 |
} |
|
| 204 |
i = l.length; |
|
| 205 |
while (i) {
|
|
| 206 |
arr.unshift(l[--i]); |
|
| 207 |
} |
|
| 208 |
arr.sort(function (a, b) {
|
|
| 209 |
return (a.sourceIndex - b.sourceIndex); |
|
| 210 |
}); |
|
| 211 |
i = arr.length; |
|
| 212 |
while (i) {
|
|
| 213 |
arr[--i] = arr[i].styleSheet; |
|
| 214 |
} |
|
| 215 |
return arr; |
|
| 216 |
})(doc.getElementsByTagName('style'), doc.getElementsByTagName('link'))));
|
|
| 217 |
|
|
| 218 |
// loop through document elements |
|
| 219 |
while (++i < nodeListLength) {
|
|
| 220 |
// get element |
|
| 221 |
element = nodeList[i]; |
|
| 222 |
|
|
| 223 |
// clone matching elements as shiv namespaced |
|
| 224 |
if (elementsRegExp.test(element.nodeName)) {
|
|
| 225 |
namespaceShivElement(element); |
|
| 226 |
} |
|
| 227 |
} |
|
| 228 |
|
|
| 229 |
// set new shived css text |
|
| 230 |
doc.appendChild(doc._shivedStyleSheet = doc.createElement('style')).styleSheet.cssText = shivedCSS;
|
|
| 231 |
} |
|
| 232 |
); |
|
| 233 |
|
|
| 234 |
// the after print function |
|
| 235 |
win.attachEvent( |
|
| 236 |
'onafterprint', |
|
| 237 |
function() {
|
|
| 238 |
// test for scenarios where shiving is unnecessary |
|
| 239 |
if (win.html5.supportsXElement || !doc.namespaces) {
|
|
| 240 |
return; |
|
| 241 |
} |
|
| 242 |
|
|
| 243 |
// set local variables |
|
| 244 |
var |
|
| 245 |
i = -1, |
|
| 246 |
nodeList = doc.getElementsByTagName('*'),
|
|
| 247 |
nodeListLength = nodeList.length, |
|
| 248 |
element; |
|
| 249 |
|
|
| 250 |
// loop through document elements |
|
| 251 |
while (++i < nodeListLength) {
|
|
| 252 |
// get element |
|
| 253 |
element = nodeList[i]; |
|
| 254 |
|
|
| 255 |
// restore original elements |
|
| 256 |
if (element.originalElement) {
|
|
| 257 |
unNamespaceShivElement(element); |
|
| 258 |
} |
|
| 259 |
} |
|
| 260 |
|
|
| 261 |
// cut new shived css text |
|
| 262 |
if (doc._shivedStyleSheet) {
|
|
| 263 |
doc._shivedStyleSheet.parentNode.removeChild(doc._shivedStyleSheet); |
|
| 264 |
} |
|
| 265 |
} |
|
| 266 |
); |
|
| 267 |
})(this, document); |
|
| b/snf-astakos-app/astakos/im/static/im/js/jqModal.js | ||
|---|---|---|
| 1 |
/* |
|
| 2 |
* jqModal - Minimalist Modaling with jQuery |
|
| 3 |
* (http://dev.iceburg.net/jquery/jqModal/) |
|
| 4 |
* |
|
| 5 |
* Copyright (c) 2007,2008 Brice Burgess <bhb@iceburg.net> |
|
| 6 |
* Dual licensed under the MIT and GPL licenses: |
|
| 7 |
* http://www.opensource.org/licenses/mit-license.php |
|
| 8 |
* http://www.gnu.org/licenses/gpl.html |
|
| 9 |
* |
|
| 10 |
* $Version: 03/01/2009 +r14 |
|
| 11 |
*/ |
|
| 12 |
(function($) {
|
|
| 13 |
$.fn.jqm=function(o){
|
|
| 14 |
var p={
|
|
| 15 |
overlay: 50, |
|
| 16 |
overlayClass: 'jqmOverlay', |
|
| 17 |
closeClass: 'jqmClose', |
|
| 18 |
trigger: '.jqModal', |
|
| 19 |
ajax: F, |
|
| 20 |
ajaxText: '', |
|
| 21 |
target: F, |
|
| 22 |
modal: F, |
|
| 23 |
toTop: F, |
|
| 24 |
onShow: F, |
|
| 25 |
onHide: F, |
|
| 26 |
onLoad: F |
|
| 27 |
}; |
|
| 28 |
return this.each(function(){if(this._jqm)return H[this._jqm].c=$.extend({},H[this._jqm].c,o);s++;this._jqm=s;
|
|
| 29 |
H[s]={c:$.extend(p,$.jqm.params,o),a:F,w:$(this).addClass('jqmID'+s),s:s};
|
|
| 30 |
if(p.trigger)$(this).jqmAddTrigger(p.trigger); |
|
| 31 |
});}; |
|
| 32 |
|
|
| 33 |
$.fn.jqmAddClose=function(e){return hs(this,e,'jqmHide');};
|
|
| 34 |
$.fn.jqmAddTrigger=function(e){return hs(this,e,'jqmShow');};
|
|
| 35 |
$.fn.jqmShow=function(t){return this.each(function(){t=t||window.event;$.jqm.open(this._jqm,t);});};
|
|
| 36 |
$.fn.jqmHide=function(t){return this.each(function(){t=t||window.event;$.jqm.close(this._jqm,t)});};
|
|
| 37 |
|
|
| 38 |
$.jqm = {
|
|
| 39 |
hash:{},
|
|
| 40 |
open:function(s,t){var h=H[s],c=h.c,cc='.'+c.closeClass,z=(parseInt(h.w.css('z-index'))),z=(z>0)?z:3000,o=$('<div></div>').css({height:'100%',width:'100%',position:'fixed',left:0,top:0,'z-index':z-1,opacity:c.overlay/100});if(h.a)return F;h.t=t;h.a=true;h.w.css('z-index',z);
|
|
| 41 |
if(c.modal) {if(!A[0])L('bind');A.push(s);}
|
|
| 42 |
else if(c.overlay > 0)h.w.jqmAddClose(o); |
|
| 43 |
else o=F; |
|
| 44 |
|
|
| 45 |
h.o=(o)?o.addClass(c.overlayClass).prependTo('body'):F;
|
|
| 46 |
if(ie6){$('html,body').css({height:'100%',width:'100%'});if(o){o=o.css({position:'absolute'})[0];for(var y in {Top:1,Left:1})o.style.setExpression(y.toLowerCase(),"(_=(document.documentElement.scroll"+y+" || document.body.scroll"+y+"))+'px'");}}
|
|
| 47 |
|
|
| 48 |
if(c.ajax) {var r=c.target||h.w,u=c.ajax,r=(typeof r == 'string')?$(r,h.w):$(r),u=(u.substr(0,1) == '@')?$(t).attr(u.substring(1)):u;
|
|
| 49 |
r.html(c.ajaxText).load(u,function(){if(c.onLoad)c.onLoad.call(this,h);if(cc)h.w.jqmAddClose($(cc,h.w));e(h);});}
|
|
Also available in: Unified diff