Added new (clean) yii boilerplate
35
framework/gii/assets/css/ie.css
Normal file
@@ -0,0 +1,35 @@
|
||||
/* -----------------------------------------------------------------------
|
||||
|
||||
|
||||
Blueprint CSS Framework 0.9
|
||||
http://blueprintcss.org
|
||||
|
||||
* Copyright (c) 2007-Present. See LICENSE for more info.
|
||||
* See README for instructions on how to use Blueprint.
|
||||
* For credits and origins, see AUTHORS.
|
||||
* This is a compressed file. See the sources in the 'src' directory.
|
||||
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
/* ie.css */
|
||||
body {text-align:center;}
|
||||
.container {text-align:left;}
|
||||
* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {display:inline;overflow-x:hidden;}
|
||||
* html legend {margin:0px -8px 16px 0;padding:0;}
|
||||
sup {vertical-align:text-top;}
|
||||
sub {vertical-align:text-bottom;}
|
||||
html>body p code {*white-space:normal;}
|
||||
hr {margin:-8px auto 11px;}
|
||||
img {-ms-interpolation-mode:bicubic;}
|
||||
.clearfix, .container {display:inline-block;}
|
||||
* html .clearfix, * html .container {height:1%;}
|
||||
fieldset {padding-top:0;}
|
||||
textarea {overflow:auto;}
|
||||
input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
|
||||
input.text:focus, input.title:focus {border-color:#666;}
|
||||
input.text, input.title, textarea, select {margin:0.5em 0;}
|
||||
input.checkbox, input.radio {position:relative;top:.25em;}
|
||||
form.inline div, form.inline p {vertical-align:middle;}
|
||||
form.inline label {position:relative;top:-0.25em;}
|
||||
form.inline input.checkbox, form.inline input.radio, form.inline input.button, form.inline button {margin:0.5em 0;}
|
||||
button, input.button {position:relative;top:0.25em;}
|
||||
528
framework/gii/assets/css/main.css
Normal file
@@ -0,0 +1,528 @@
|
||||
body
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #555;
|
||||
font: normal 10pt Arial,Helvetica,Verdana,"DejaVu Sans","Bitstream Vera Sans",Geneva,sans-serif;
|
||||
background: #EFEFEF;
|
||||
}
|
||||
|
||||
h1
|
||||
{
|
||||
font-size: 1.6em;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
h2
|
||||
{
|
||||
font-size: 1.4em;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
h3
|
||||
{
|
||||
font-size: 1.2em;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#page
|
||||
{
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
background: white;
|
||||
border: 1px solid #C9E0ED;
|
||||
}
|
||||
|
||||
#header
|
||||
{
|
||||
padding: 0px;
|
||||
margin: 0px 20px;
|
||||
border-bottom: 1px solid #C9E0ED;
|
||||
}
|
||||
|
||||
#content
|
||||
{
|
||||
padding: 20px;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
#sidebar
|
||||
{
|
||||
padding: 20px 0 20px 20px;
|
||||
}
|
||||
|
||||
#footer
|
||||
{
|
||||
margin: 0 auto;
|
||||
width: 950px;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#logo
|
||||
{
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
#logo a
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#header .top-menus
|
||||
{
|
||||
margin: 20px 0px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.flash-error, div.flash-notice, div.flash-success
|
||||
{
|
||||
padding:.8em;
|
||||
margin-bottom:1em;
|
||||
border:2px solid #ddd;
|
||||
}
|
||||
|
||||
div.flash-error
|
||||
{
|
||||
background:#FBE3E4;
|
||||
color:#8a1f11;
|
||||
border-color:#FBC2C4;
|
||||
}
|
||||
|
||||
div.flash-notice
|
||||
{
|
||||
background:#FFF6BF;
|
||||
color:#514721;
|
||||
border-color:#FFD324;
|
||||
}
|
||||
|
||||
div.flash-success
|
||||
{
|
||||
background:#E6EFC2;
|
||||
color:#264409;
|
||||
border-color:#C6D880;
|
||||
}
|
||||
|
||||
div.flash-error a
|
||||
{
|
||||
color:#8a1f11;
|
||||
}
|
||||
|
||||
div.flash-notice a
|
||||
{
|
||||
color:#514721;
|
||||
}
|
||||
|
||||
div.flash-success a
|
||||
{
|
||||
color:#264409;
|
||||
}
|
||||
|
||||
div.view
|
||||
{
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
border: 1px solid #C9E0ED;
|
||||
}
|
||||
|
||||
div.breadcrumbs
|
||||
{
|
||||
font-size: 0.9em;
|
||||
padding: 5px 20px;
|
||||
}
|
||||
|
||||
div.breadcrumbs span
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.search-form
|
||||
{
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.portlet
|
||||
{
|
||||
|
||||
}
|
||||
|
||||
.portlet-decoration
|
||||
{
|
||||
padding: 3px 8px;
|
||||
background: #79B4DC;
|
||||
border-left: 5px solid #6293B3;
|
||||
}
|
||||
|
||||
.portlet-title
|
||||
{
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.portlet-content
|
||||
{
|
||||
font-size:0.9em;
|
||||
margin: 0 0 15px 0;
|
||||
padding: 5px 8px;
|
||||
background:#EFFDFF;
|
||||
}
|
||||
|
||||
.portlet-content ul
|
||||
{
|
||||
list-style-image:none;
|
||||
list-style-position:outside;
|
||||
list-style-type:none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.portlet-content li
|
||||
{
|
||||
padding: 2px 0 4px 0px;
|
||||
}
|
||||
|
||||
div.form
|
||||
{
|
||||
}
|
||||
|
||||
div.form input,
|
||||
div.form textarea,
|
||||
div.form select
|
||||
{
|
||||
margin: 0.2em 0 0.5em 0;
|
||||
}
|
||||
|
||||
div.form fieldset
|
||||
{
|
||||
border: 1px solid #DDD;
|
||||
padding: 10px;
|
||||
margin: 0 0 10px 0;
|
||||
-moz-border-radius:7px;
|
||||
}
|
||||
|
||||
div.form label
|
||||
{
|
||||
font-weight: bold;
|
||||
font-size: 0.9em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.form .row
|
||||
{
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
div.form .row.buttons
|
||||
{
|
||||
padding: 5px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
div.form .row.buttons input
|
||||
{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.form .hint
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
div.form .note
|
||||
{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
div.form span.required
|
||||
{
|
||||
color: red;
|
||||
}
|
||||
|
||||
div.form div.error label,
|
||||
div.form label.error,
|
||||
div.form span.error
|
||||
{
|
||||
color: #C00;
|
||||
}
|
||||
|
||||
div.form div.error input,
|
||||
div.form div.error textarea,
|
||||
div.form div.error select,
|
||||
div.form input.error,
|
||||
div.form textarea.error,
|
||||
div.form select.error
|
||||
{
|
||||
background: #FEE;
|
||||
border-color: #C00;
|
||||
}
|
||||
|
||||
div.form div.success input,
|
||||
div.form div.success textarea,
|
||||
div.form div.success select,
|
||||
div.form input.success,
|
||||
div.form textarea.success,
|
||||
div.form select.success
|
||||
{
|
||||
background: #E6EFC2;
|
||||
border-color: #C6D880;
|
||||
}
|
||||
|
||||
|
||||
div.form .errorSummary
|
||||
{
|
||||
border: 2px solid #C00;
|
||||
padding: 7px 7px 12px 7px;
|
||||
margin: 0 0 20px 0;
|
||||
background: #FEE;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
div.form .errorMessage
|
||||
{
|
||||
color: red;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
div.form .errorSummary p
|
||||
{
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
div.form .errorSummary ul
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
|
||||
div.wide.form label
|
||||
{
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
div.wide.form .row
|
||||
{
|
||||
clear: left;
|
||||
}
|
||||
|
||||
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
|
||||
{
|
||||
clear: left;
|
||||
padding-left: 110px;
|
||||
}
|
||||
|
||||
div.form .tooltip
|
||||
{
|
||||
display: none;
|
||||
background-color:#EFFDFF;
|
||||
border:1px solid #79B4DC;
|
||||
padding: 10px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
div.form .tooltip ul
|
||||
{
|
||||
margin: 0;
|
||||
padding: 10px 0 0 20px;
|
||||
}
|
||||
|
||||
div.form .tooltip code
|
||||
{
|
||||
color: #CA0EE3;
|
||||
font-size:0.9em;
|
||||
}
|
||||
|
||||
div.form.login
|
||||
{
|
||||
border: 1px solid #C9E0ED;
|
||||
width: 200px;
|
||||
margin: 0 auto;
|
||||
margin-top: 50px;
|
||||
margin-bottom: 50px;
|
||||
padding: 20px 10px 10px 10px;
|
||||
text-align: center;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
|
||||
div.form.login p
|
||||
{
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
div.form.gii .row.sticky .value, span.sticky
|
||||
{
|
||||
padding: 3px;
|
||||
background: lightyellow;
|
||||
}
|
||||
|
||||
div.form.gii .row.template select
|
||||
{
|
||||
width: 420px;
|
||||
}
|
||||
|
||||
div.form.gii table.preview
|
||||
{
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
div.form.gii table.preview th
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.form.gii table.preview th.confirm
|
||||
{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div.form.gii table.preview th.confirm label
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
div.form.gii table.preview td.confirm
|
||||
{
|
||||
width: 80px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div.form.gii table.preview td.confirm input
|
||||
{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
div.form.gii table.preview td.confirm label
|
||||
{
|
||||
display: inline;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.form.gii table.preview,
|
||||
div.form.gii table.preview th,
|
||||
div.form.gii table.preview td
|
||||
{
|
||||
border: 1px solid #529EC6;
|
||||
}
|
||||
|
||||
div.form.gii table.preview tr.skip
|
||||
{
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
div.form.gii table.preview tr.new
|
||||
{
|
||||
background-color: #C5FBBD;
|
||||
}
|
||||
|
||||
div.form.gii table.preview tr.overwrite
|
||||
{
|
||||
background-color: #FFE0E1;
|
||||
}
|
||||
|
||||
div.form.gii pre.results
|
||||
{
|
||||
overflow: auto;
|
||||
background-color: gray;
|
||||
max-height: 300px;
|
||||
color: white;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
div.form.gii div.success
|
||||
{
|
||||
background: #C5FBBD;
|
||||
border: 1px solid #76C376;
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
div.form.gii div.error
|
||||
{
|
||||
background: #FFE0E1;
|
||||
border: 1px solid #FFA0A2;
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
div.form.gii div.success code
|
||||
{
|
||||
overflow: auto;
|
||||
display: block;
|
||||
padding: 5px;
|
||||
font-size: 12px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
div.form.gii pre.results span.error
|
||||
{
|
||||
background: #FFE0E1;
|
||||
color: black;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
#fancybox-inner .error
|
||||
{
|
||||
color: red;
|
||||
}
|
||||
|
||||
#fancybox-inner .title
|
||||
{
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#fancybox-inner .buttons
|
||||
{
|
||||
float: right;
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
|
||||
#fancybox-inner .content
|
||||
{
|
||||
background: #F0F4FF;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#fancybox-inner pre.diff
|
||||
{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
#fancybox-inner pre.diff del
|
||||
{
|
||||
background: pink;
|
||||
}
|
||||
|
||||
#fancybox-inner pre.diff ins
|
||||
{
|
||||
background: lightgreen;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#fancybox-wrap #tip7-title
|
||||
{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#fancybox-wrap #tip7-title b
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
|
||||
#fancybox-wrap #tip7-title span
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
29
framework/gii/assets/css/print.css
Normal file
@@ -0,0 +1,29 @@
|
||||
/* -----------------------------------------------------------------------
|
||||
|
||||
|
||||
Blueprint CSS Framework 0.9
|
||||
http://blueprintcss.org
|
||||
|
||||
* Copyright (c) 2007-Present. See LICENSE for more info.
|
||||
* See README for instructions on how to use Blueprint.
|
||||
* For credits and origins, see AUTHORS.
|
||||
* This is a compressed file. See the sources in the 'src' directory.
|
||||
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
/* print.css */
|
||||
body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}
|
||||
.container {background:none;}
|
||||
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
|
||||
hr.space {background:#fff;color:#fff;visibility:hidden;}
|
||||
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
|
||||
code {font:.9em "Courier New", Monaco, Courier, monospace;}
|
||||
a img {border:none;}
|
||||
p img.top {margin-top:0;}
|
||||
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
|
||||
.small {font-size:.9em;}
|
||||
.large {font-size:1.1em;}
|
||||
.quiet {color:#999;}
|
||||
.hide {display:none;}
|
||||
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
|
||||
a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;}
|
||||
235
framework/gii/assets/css/screen.css
Normal file
@@ -0,0 +1,235 @@
|
||||
/* -----------------------------------------------------------------------
|
||||
|
||||
|
||||
Blueprint CSS Framework 0.9
|
||||
http://blueprintcss.org
|
||||
|
||||
* Copyright (c) 2007-Present. See LICENSE for more info.
|
||||
* See README for instructions on how to use Blueprint.
|
||||
* For credits and origins, see AUTHORS.
|
||||
* This is a compressed file. See the sources in the 'src' directory.
|
||||
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
/* reset.css */
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
|
||||
body {line-height:1.5;}
|
||||
table {border-collapse:separate;border-spacing:0;}
|
||||
caption, th, td {text-align:left;font-weight:normal;}
|
||||
table, td, th {vertical-align:middle;}
|
||||
blockquote:before, blockquote:after, q:before, q:after {content:"";}
|
||||
blockquote, q {quotes:"" "";}
|
||||
a img {border:none;}
|
||||
|
||||
/* typography.css */
|
||||
html {font-size:100.01%;}
|
||||
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
|
||||
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
|
||||
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
|
||||
h2 {font-size:1.6em;margin-bottom:0.75em;}
|
||||
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
|
||||
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
|
||||
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
|
||||
h6 {font-size:1em;font-weight:bold;}
|
||||
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
|
||||
p {margin:0 0 1.5em;}
|
||||
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
|
||||
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
|
||||
a:focus, a:hover {color:#000;}
|
||||
a {color:#009;text-decoration:underline;}
|
||||
blockquote {margin:1.5em;color:#666;font-style:italic;}
|
||||
strong {font-weight:bold;}
|
||||
em, dfn {font-style:italic;}
|
||||
dfn {font-weight:bold;}
|
||||
sup, sub {line-height:0;}
|
||||
abbr, acronym {border-bottom:1px dotted #666;}
|
||||
address {margin:0 0 1.5em;font-style:italic;}
|
||||
del {color:#666;}
|
||||
pre {margin:1.5em 0;white-space:pre;}
|
||||
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
|
||||
li ul, li ol {margin:0;}
|
||||
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
|
||||
ul {list-style-type:disc;}
|
||||
ol {list-style-type:decimal;}
|
||||
dl {margin:0 0 1.5em 0;}
|
||||
dl dt {font-weight:bold;}
|
||||
dd {margin-left:1.5em;}
|
||||
table {margin-bottom:1.4em;width:100%;}
|
||||
th {font-weight:bold;}
|
||||
thead th {background:#c3d9ff;}
|
||||
th, td, caption {padding:4px 10px 4px 5px;}
|
||||
tfoot {font-style:italic;}
|
||||
caption {background:#eee;}
|
||||
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
|
||||
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
|
||||
.hide {display:none;}
|
||||
.quiet {color:#666;}
|
||||
.loud {color:#000;}
|
||||
.highlight {background:#ff0;}
|
||||
.added {background:#060;color:#fff;}
|
||||
.removed {background:#900;color:#fff;}
|
||||
.first {margin-left:0;padding-left:0;}
|
||||
.last {margin-right:0;padding-right:0;}
|
||||
.top {margin-top:0;padding-top:0;}
|
||||
.bottom {margin-bottom:0;padding-bottom:0;}
|
||||
|
||||
/* grid.css */
|
||||
.container {width:950px;margin:0 auto;}
|
||||
.showgrid {background:url(src/grid.png);}
|
||||
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
|
||||
.last, div.last {margin-right:0;}
|
||||
.span-1 {width:30px;}
|
||||
.span-2 {width:70px;}
|
||||
.span-3 {width:110px;}
|
||||
.span-4 {width:150px;}
|
||||
.span-5 {width:190px;}
|
||||
.span-6 {width:230px;}
|
||||
.span-7 {width:270px;}
|
||||
.span-8 {width:310px;}
|
||||
.span-9 {width:350px;}
|
||||
.span-10 {width:390px;}
|
||||
.span-11 {width:430px;}
|
||||
.span-12 {width:470px;}
|
||||
.span-13 {width:510px;}
|
||||
.span-14 {width:550px;}
|
||||
.span-15 {width:590px;}
|
||||
.span-16 {width:630px;}
|
||||
.span-17 {width:670px;}
|
||||
.span-18 {width:710px;}
|
||||
.span-19 {width:750px;}
|
||||
.span-20 {width:790px;}
|
||||
.span-21 {width:830px;}
|
||||
.span-22 {width:870px;}
|
||||
.span-23 {width:910px;}
|
||||
.span-24, div.span-24 {width:950px;margin-right:0;}
|
||||
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
|
||||
input.span-1, textarea.span-1 {width:18px!important;}
|
||||
input.span-2, textarea.span-2 {width:58px!important;}
|
||||
input.span-3, textarea.span-3 {width:98px!important;}
|
||||
input.span-4, textarea.span-4 {width:138px!important;}
|
||||
input.span-5, textarea.span-5 {width:178px!important;}
|
||||
input.span-6, textarea.span-6 {width:218px!important;}
|
||||
input.span-7, textarea.span-7 {width:258px!important;}
|
||||
input.span-8, textarea.span-8 {width:298px!important;}
|
||||
input.span-9, textarea.span-9 {width:338px!important;}
|
||||
input.span-10, textarea.span-10 {width:378px!important;}
|
||||
input.span-11, textarea.span-11 {width:418px!important;}
|
||||
input.span-12, textarea.span-12 {width:458px!important;}
|
||||
input.span-13, textarea.span-13 {width:498px!important;}
|
||||
input.span-14, textarea.span-14 {width:538px!important;}
|
||||
input.span-15, textarea.span-15 {width:578px!important;}
|
||||
input.span-16, textarea.span-16 {width:618px!important;}
|
||||
input.span-17, textarea.span-17 {width:658px!important;}
|
||||
input.span-18, textarea.span-18 {width:698px!important;}
|
||||
input.span-19, textarea.span-19 {width:738px!important;}
|
||||
input.span-20, textarea.span-20 {width:778px!important;}
|
||||
input.span-21, textarea.span-21 {width:818px!important;}
|
||||
input.span-22, textarea.span-22 {width:858px!important;}
|
||||
input.span-23, textarea.span-23 {width:898px!important;}
|
||||
input.span-24, textarea.span-24 {width:938px!important;}
|
||||
.append-1 {padding-right:40px;}
|
||||
.append-2 {padding-right:80px;}
|
||||
.append-3 {padding-right:120px;}
|
||||
.append-4 {padding-right:160px;}
|
||||
.append-5 {padding-right:200px;}
|
||||
.append-6 {padding-right:240px;}
|
||||
.append-7 {padding-right:280px;}
|
||||
.append-8 {padding-right:320px;}
|
||||
.append-9 {padding-right:360px;}
|
||||
.append-10 {padding-right:400px;}
|
||||
.append-11 {padding-right:440px;}
|
||||
.append-12 {padding-right:480px;}
|
||||
.append-13 {padding-right:520px;}
|
||||
.append-14 {padding-right:560px;}
|
||||
.append-15 {padding-right:600px;}
|
||||
.append-16 {padding-right:640px;}
|
||||
.append-17 {padding-right:680px;}
|
||||
.append-18 {padding-right:720px;}
|
||||
.append-19 {padding-right:760px;}
|
||||
.append-20 {padding-right:800px;}
|
||||
.append-21 {padding-right:840px;}
|
||||
.append-22 {padding-right:880px;}
|
||||
.append-23 {padding-right:920px;}
|
||||
.prepend-1 {padding-left:40px;}
|
||||
.prepend-2 {padding-left:80px;}
|
||||
.prepend-3 {padding-left:120px;}
|
||||
.prepend-4 {padding-left:160px;}
|
||||
.prepend-5 {padding-left:200px;}
|
||||
.prepend-6 {padding-left:240px;}
|
||||
.prepend-7 {padding-left:280px;}
|
||||
.prepend-8 {padding-left:320px;}
|
||||
.prepend-9 {padding-left:360px;}
|
||||
.prepend-10 {padding-left:400px;}
|
||||
.prepend-11 {padding-left:440px;}
|
||||
.prepend-12 {padding-left:480px;}
|
||||
.prepend-13 {padding-left:520px;}
|
||||
.prepend-14 {padding-left:560px;}
|
||||
.prepend-15 {padding-left:600px;}
|
||||
.prepend-16 {padding-left:640px;}
|
||||
.prepend-17 {padding-left:680px;}
|
||||
.prepend-18 {padding-left:720px;}
|
||||
.prepend-19 {padding-left:760px;}
|
||||
.prepend-20 {padding-left:800px;}
|
||||
.prepend-21 {padding-left:840px;}
|
||||
.prepend-22 {padding-left:880px;}
|
||||
.prepend-23 {padding-left:920px;}
|
||||
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
|
||||
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
|
||||
.pull-1 {margin-left:-40px;}
|
||||
.pull-2 {margin-left:-80px;}
|
||||
.pull-3 {margin-left:-120px;}
|
||||
.pull-4 {margin-left:-160px;}
|
||||
.pull-5 {margin-left:-200px;}
|
||||
.pull-6 {margin-left:-240px;}
|
||||
.pull-7 {margin-left:-280px;}
|
||||
.pull-8 {margin-left:-320px;}
|
||||
.pull-9 {margin-left:-360px;}
|
||||
.pull-10 {margin-left:-400px;}
|
||||
.pull-11 {margin-left:-440px;}
|
||||
.pull-12 {margin-left:-480px;}
|
||||
.pull-13 {margin-left:-520px;}
|
||||
.pull-14 {margin-left:-560px;}
|
||||
.pull-15 {margin-left:-600px;}
|
||||
.pull-16 {margin-left:-640px;}
|
||||
.pull-17 {margin-left:-680px;}
|
||||
.pull-18 {margin-left:-720px;}
|
||||
.pull-19 {margin-left:-760px;}
|
||||
.pull-20 {margin-left:-800px;}
|
||||
.pull-21 {margin-left:-840px;}
|
||||
.pull-22 {margin-left:-880px;}
|
||||
.pull-23 {margin-left:-920px;}
|
||||
.pull-24 {margin-left:-960px;}
|
||||
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
|
||||
.push-1 {margin:0 -40px 1.5em 40px;}
|
||||
.push-2 {margin:0 -80px 1.5em 80px;}
|
||||
.push-3 {margin:0 -120px 1.5em 120px;}
|
||||
.push-4 {margin:0 -160px 1.5em 160px;}
|
||||
.push-5 {margin:0 -200px 1.5em 200px;}
|
||||
.push-6 {margin:0 -240px 1.5em 240px;}
|
||||
.push-7 {margin:0 -280px 1.5em 280px;}
|
||||
.push-8 {margin:0 -320px 1.5em 320px;}
|
||||
.push-9 {margin:0 -360px 1.5em 360px;}
|
||||
.push-10 {margin:0 -400px 1.5em 400px;}
|
||||
.push-11 {margin:0 -440px 1.5em 440px;}
|
||||
.push-12 {margin:0 -480px 1.5em 480px;}
|
||||
.push-13 {margin:0 -520px 1.5em 520px;}
|
||||
.push-14 {margin:0 -560px 1.5em 560px;}
|
||||
.push-15 {margin:0 -600px 1.5em 600px;}
|
||||
.push-16 {margin:0 -640px 1.5em 640px;}
|
||||
.push-17 {margin:0 -680px 1.5em 680px;}
|
||||
.push-18 {margin:0 -720px 1.5em 720px;}
|
||||
.push-19 {margin:0 -760px 1.5em 760px;}
|
||||
.push-20 {margin:0 -800px 1.5em 800px;}
|
||||
.push-21 {margin:0 -840px 1.5em 840px;}
|
||||
.push-22 {margin:0 -880px 1.5em 880px;}
|
||||
.push-23 {margin:0 -920px 1.5em 920px;}
|
||||
.push-24 {margin:0 -960px 1.5em 960px;}
|
||||
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
|
||||
.prepend-top {margin-top:1.5em;}
|
||||
.append-bottom {margin-bottom:1.5em;}
|
||||
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
|
||||
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
|
||||
hr.space {background:#fff;color:#fff;visibility:hidden;}
|
||||
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
|
||||
.clearfix, .container {display:block;}
|
||||
.clear {clear:both;}
|
||||
BIN
framework/gii/assets/images/logo.png
Normal file
|
After Width: | Height: | Size: 7.0 KiB |
BIN
framework/gii/assets/js/fancybox/blank.gif
Normal file
|
After Width: | Height: | Size: 43 B |
BIN
framework/gii/assets/js/fancybox/fancy_close.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
framework/gii/assets/js/fancybox/fancy_loading.png
Normal file
|
After Width: | Height: | Size: 7.9 KiB |
BIN
framework/gii/assets/js/fancybox/fancy_nav_left.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
framework/gii/assets/js/fancybox/fancy_nav_right.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
framework/gii/assets/js/fancybox/fancy_shadow_e.png
Normal file
|
After Width: | Height: | Size: 107 B |
BIN
framework/gii/assets/js/fancybox/fancy_shadow_n.png
Normal file
|
After Width: | Height: | Size: 101 B |
BIN
framework/gii/assets/js/fancybox/fancy_shadow_ne.png
Normal file
|
After Width: | Height: | Size: 313 B |
BIN
framework/gii/assets/js/fancybox/fancy_shadow_nw.png
Normal file
|
After Width: | Height: | Size: 310 B |
BIN
framework/gii/assets/js/fancybox/fancy_shadow_s.png
Normal file
|
After Width: | Height: | Size: 107 B |
BIN
framework/gii/assets/js/fancybox/fancy_shadow_se.png
Normal file
|
After Width: | Height: | Size: 330 B |
BIN
framework/gii/assets/js/fancybox/fancy_shadow_sw.png
Normal file
|
After Width: | Height: | Size: 317 B |
BIN
framework/gii/assets/js/fancybox/fancy_shadow_w.png
Normal file
|
After Width: | Height: | Size: 99 B |
BIN
framework/gii/assets/js/fancybox/fancy_title_left.png
Normal file
|
After Width: | Height: | Size: 496 B |
BIN
framework/gii/assets/js/fancybox/fancy_title_main.png
Normal file
|
After Width: | Height: | Size: 96 B |
BIN
framework/gii/assets/js/fancybox/fancy_title_over.png
Normal file
|
After Width: | Height: | Size: 68 B |
BIN
framework/gii/assets/js/fancybox/fancy_title_right.png
Normal file
|
After Width: | Height: | Size: 495 B |
BIN
framework/gii/assets/js/fancybox/fancybox-x.png
Normal file
|
After Width: | Height: | Size: 159 B |
BIN
framework/gii/assets/js/fancybox/fancybox-y.png
Normal file
|
After Width: | Height: | Size: 128 B |
BIN
framework/gii/assets/js/fancybox/fancybox.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
363
framework/gii/assets/js/fancybox/jquery.fancybox-1.3.1.css
Normal file
@@ -0,0 +1,363 @@
|
||||
/*
|
||||
* FancyBox - jQuery Plugin
|
||||
* Simple and fancy lightbox alternative
|
||||
*
|
||||
* Examples and documentation at: http://fancybox.net
|
||||
*
|
||||
* Copyright (c) 2008 - 2010 Janis Skarnelis
|
||||
*
|
||||
* Version: 1.3.1 (05/03/2010)
|
||||
* Requires: jQuery v1.3+
|
||||
*
|
||||
* Dual licensed under the MIT and GPL licenses:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.gnu.org/licenses/gpl.html
|
||||
*/
|
||||
|
||||
#fancybox-loading {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
margin-top: -20px;
|
||||
margin-left: -20px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
z-index: 1104;
|
||||
display: none;
|
||||
}
|
||||
|
||||
* html #fancybox-loading { /* IE6 */
|
||||
position: absolute;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 40px;
|
||||
height: 480px;
|
||||
background-image: url('fancybox.png');
|
||||
}
|
||||
|
||||
#fancybox-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: #000;
|
||||
z-index: 1100;
|
||||
display: none;
|
||||
}
|
||||
|
||||
* html #fancybox-overlay { /* IE6 */
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#fancybox-tmp {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
overflow: auto;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
z-index: 1101;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-outer {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
#fancybox-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
outline: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#fancybox-hide-sel-frame {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#fancybox-close {
|
||||
position: absolute;
|
||||
top: -15px;
|
||||
right: -15px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url('fancybox.png');
|
||||
background-position: -40px 0px;
|
||||
cursor: pointer;
|
||||
z-index: 1103;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox_error {
|
||||
color: #444;
|
||||
font: normal 12px/20px Arial;
|
||||
padding: 7px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#fancybox-content {
|
||||
height: auto;
|
||||
width: auto;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#fancybox-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
line-height: 0;
|
||||
vertical-align: top;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
#fancybox-frame {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#fancybox-title {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
font-family: Arial;
|
||||
font-size: 12px;
|
||||
z-index: 1102;
|
||||
}
|
||||
|
||||
.fancybox-title-inside {
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.fancybox-title-outside {
|
||||
padding-top: 5px;
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.fancybox-title-over {
|
||||
color: #FFF;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#fancybox-title-over {
|
||||
padding: 10px;
|
||||
background-image: url('fancy_title_over.png');
|
||||
display: block;
|
||||
}
|
||||
|
||||
#fancybox-title-wrap {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#fancybox-title-wrap span {
|
||||
height: 32px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#fancybox-title-left {
|
||||
padding-left: 15px;
|
||||
background-image: url('fancybox.png');
|
||||
background-position: -40px -90px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#fancybox-title-main {
|
||||
font-weight: bold;
|
||||
line-height: 29px;
|
||||
background-image: url('fancybox-x.png');
|
||||
background-position: 0px -40px;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#fancybox-title-right {
|
||||
padding-left: 15px;
|
||||
background-image: url('fancybox.png');
|
||||
background-position: -55px -90px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#fancybox-left, #fancybox-right {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 100%;
|
||||
width: 35%;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
background-image: url('blank.gif');
|
||||
z-index: 1102;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-left {
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
#fancybox-right {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
#fancybox-left-ico, #fancybox-right-ico {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: -9999px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-top: -15px;
|
||||
cursor: pointer;
|
||||
z-index: 1102;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#fancybox-left-ico {
|
||||
background-image: url('fancybox.png');
|
||||
background-position: -40px -30px;
|
||||
}
|
||||
|
||||
#fancybox-right-ico {
|
||||
background-image: url('fancybox.png');
|
||||
background-position: -40px -60px;
|
||||
}
|
||||
|
||||
#fancybox-left:hover, #fancybox-right:hover {
|
||||
visibility: visible; /* IE6 */
|
||||
}
|
||||
|
||||
#fancybox-left:hover span {
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
#fancybox-right:hover span {
|
||||
left: auto;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.fancy-bg {
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
#fancy-bg-n {
|
||||
top: -20px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-image: url('fancybox-x.png');
|
||||
}
|
||||
|
||||
#fancy-bg-ne {
|
||||
top: -20px;
|
||||
right: -20px;
|
||||
background-image: url('fancybox.png');
|
||||
background-position: -40px -162px;
|
||||
}
|
||||
|
||||
#fancy-bg-e {
|
||||
top: 0;
|
||||
right: -20px;
|
||||
height: 100%;
|
||||
background-image: url('fancybox-y.png');
|
||||
background-position: -20px 0px;
|
||||
}
|
||||
|
||||
#fancy-bg-se {
|
||||
bottom: -20px;
|
||||
right: -20px;
|
||||
background-image: url('fancybox.png');
|
||||
background-position: -40px -182px;
|
||||
}
|
||||
|
||||
#fancy-bg-s {
|
||||
bottom: -20px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-image: url('fancybox-x.png');
|
||||
background-position: 0px -20px;
|
||||
}
|
||||
|
||||
#fancy-bg-sw {
|
||||
bottom: -20px;
|
||||
left: -20px;
|
||||
background-image: url('fancybox.png');
|
||||
background-position: -40px -142px;
|
||||
}
|
||||
|
||||
#fancy-bg-w {
|
||||
top: 0;
|
||||
left: -20px;
|
||||
height: 100%;
|
||||
background-image: url('fancybox-y.png');
|
||||
}
|
||||
|
||||
#fancy-bg-nw {
|
||||
top: -20px;
|
||||
left: -20px;
|
||||
background-image: url('fancybox.png');
|
||||
background-position: -40px -122px;
|
||||
}
|
||||
|
||||
/* IE */
|
||||
|
||||
#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
|
||||
|
||||
.fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
|
||||
.fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
|
||||
|
||||
.fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
|
||||
|
||||
.fancybox-ie .fancy-bg { background: transparent !important; }
|
||||
|
||||
.fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
|
||||
@@ -0,0 +1,44 @@
|
||||
/*
|
||||
* FancyBox - jQuery Plugin
|
||||
* Simple and fancy lightbox alternative
|
||||
*
|
||||
* Examples and documentation at: http://fancybox.net
|
||||
*
|
||||
* Copyright (c) 2008 - 2010 Janis Skarnelis
|
||||
*
|
||||
* Version: 1.3.1 (05/03/2010)
|
||||
* Requires: jQuery v1.3+
|
||||
*
|
||||
* Dual licensed under the MIT and GPL licenses:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.gnu.org/licenses/gpl.html
|
||||
*/
|
||||
|
||||
(function(b){var m,u,x,g,D,i,z,A,B,p=0,e={},q=[],n=0,c={},j=[],E=null,s=new Image,G=/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i,S=/[^\.]\.(swf)\s*$/i,H,I=1,k,l,h=false,y=b.extend(b("<div/>")[0],{prop:0}),v=0,O=!b.support.opacity&&!window.XMLHttpRequest,J=function(){u.hide();s.onerror=s.onload=null;E&&E.abort();m.empty()},P=function(){b.fancybox('<p id="fancybox_error">The requested content cannot be loaded.<br />Please try again later.</p>',{scrolling:"no",padding:20,transitionIn:"none",transitionOut:"none"})},
|
||||
K=function(){return[b(window).width(),b(window).height(),b(document).scrollLeft(),b(document).scrollTop()]},T=function(){var a=K(),d={},f=c.margin,o=c.autoScale,t=(20+f)*2,w=(20+f)*2,r=c.padding*2;if(c.width.toString().indexOf("%")>-1){d.width=a[0]*parseFloat(c.width)/100-40;o=false}else d.width=c.width+r;if(c.height.toString().indexOf("%")>-1){d.height=a[1]*parseFloat(c.height)/100-40;o=false}else d.height=c.height+r;if(o&&(d.width>a[0]-t||d.height>a[1]-w))if(e.type=="image"||e.type=="swf"){t+=r;
|
||||
w+=r;o=Math.min(Math.min(a[0]-t,c.width)/c.width,Math.min(a[1]-w,c.height)/c.height);d.width=Math.round(o*(d.width-r))+r;d.height=Math.round(o*(d.height-r))+r}else{d.width=Math.min(d.width,a[0]-t);d.height=Math.min(d.height,a[1]-w)}d.top=a[3]+(a[1]-(d.height+40))*0.5;d.left=a[2]+(a[0]-(d.width+40))*0.5;if(c.autoScale===false){d.top=Math.max(a[3]+f,d.top);d.left=Math.max(a[2]+f,d.left)}return d},U=function(a){if(a&&a.length)switch(c.titlePosition){case "inside":return a;case "over":return'<span id="fancybox-title-over">'+
|
||||
a+"</span>";default:return'<span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main">'+a+'</span><span id="fancybox-title-right"></span></span>'}return false},V=function(){var a=c.title,d=l.width-c.padding*2,f="fancybox-title-"+c.titlePosition;b("#fancybox-title").remove();v=0;if(c.titleShow!==false){a=b.isFunction(c.titleFormat)?c.titleFormat(a,j,n,c):U(a);if(!(!a||a==="")){b('<div id="fancybox-title" class="'+f+'" />').css({width:d,paddingLeft:c.padding,
|
||||
paddingRight:c.padding}).html(a).appendTo("body");switch(c.titlePosition){case "inside":v=b("#fancybox-title").outerHeight(true)-c.padding;l.height+=v;break;case "over":b("#fancybox-title").css("bottom",c.padding);break;default:b("#fancybox-title").css("bottom",b("#fancybox-title").outerHeight(true)*-1);break}b("#fancybox-title").appendTo(D).hide()}}},W=function(){b(document).unbind("keydown.fb").bind("keydown.fb",function(a){if(a.keyCode==27&&c.enableEscapeButton){a.preventDefault();b.fancybox.close()}else if(a.keyCode==
|
||||
37){a.preventDefault();b.fancybox.prev()}else if(a.keyCode==39){a.preventDefault();b.fancybox.next()}});if(b.fn.mousewheel){g.unbind("mousewheel.fb");j.length>1&&g.bind("mousewheel.fb",function(a,d){a.preventDefault();h||d===0||(d>0?b.fancybox.prev():b.fancybox.next())})}if(c.showNavArrows){if(c.cyclic&&j.length>1||n!==0)A.show();if(c.cyclic&&j.length>1||n!=j.length-1)B.show()}},X=function(){var a,d;if(j.length-1>n){a=j[n+1].href;if(typeof a!=="undefined"&&a.match(G)){d=new Image;d.src=a}}if(n>0){a=
|
||||
j[n-1].href;if(typeof a!=="undefined"&&a.match(G)){d=new Image;d.src=a}}},L=function(){i.css("overflow",c.scrolling=="auto"?c.type=="image"||c.type=="iframe"||c.type=="swf"?"hidden":"auto":c.scrolling=="yes"?"auto":"visible");if(!b.support.opacity){i.get(0).style.removeAttribute("filter");g.get(0).style.removeAttribute("filter")}b("#fancybox-title").show();c.hideOnContentClick&&i.one("click",b.fancybox.close);c.hideOnOverlayClick&&x.one("click",b.fancybox.close);c.showCloseButton&&z.show();W();b(window).bind("resize.fb",
|
||||
b.fancybox.center);c.centerOnScroll?b(window).bind("scroll.fb",b.fancybox.center):b(window).unbind("scroll.fb");b.isFunction(c.onComplete)&&c.onComplete(j,n,c);h=false;X()},M=function(a){var d=Math.round(k.width+(l.width-k.width)*a),f=Math.round(k.height+(l.height-k.height)*a),o=Math.round(k.top+(l.top-k.top)*a),t=Math.round(k.left+(l.left-k.left)*a);g.css({width:d+"px",height:f+"px",top:o+"px",left:t+"px"});d=Math.max(d-c.padding*2,0);f=Math.max(f-(c.padding*2+v*a),0);i.css({width:d+"px",height:f+
|
||||
"px"});if(typeof l.opacity!=="undefined")g.css("opacity",a<0.5?0.5:a)},Y=function(a){var d=a.offset();d.top+=parseFloat(a.css("paddingTop"))||0;d.left+=parseFloat(a.css("paddingLeft"))||0;d.top+=parseFloat(a.css("border-top-width"))||0;d.left+=parseFloat(a.css("border-left-width"))||0;d.width=a.width();d.height=a.height();return d},Q=function(){var a=e.orig?b(e.orig):false,d={};if(a&&a.length){a=Y(a);d={width:a.width+c.padding*2,height:a.height+c.padding*2,top:a.top-c.padding-20,left:a.left-c.padding-
|
||||
20}}else{a=K();d={width:1,height:1,top:a[3]+a[1]*0.5,left:a[2]+a[0]*0.5}}return d},N=function(){u.hide();if(g.is(":visible")&&b.isFunction(c.onCleanup))if(c.onCleanup(j,n,c)===false){b.event.trigger("fancybox-cancel");h=false;return}j=q;n=p;c=e;i.get(0).scrollTop=0;i.get(0).scrollLeft=0;if(c.overlayShow){O&&b("select:not(#fancybox-tmp select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("fancybox-cleanup",function(){this.style.visibility="inherit"});
|
||||
x.css({"background-color":c.overlayColor,opacity:c.overlayOpacity}).unbind().show()}l=T();V();if(g.is(":visible")){b(z.add(A).add(B)).hide();var a=g.position(),d;k={top:a.top,left:a.left,width:g.width(),height:g.height()};d=k.width==l.width&&k.height==l.height;i.fadeOut(c.changeFade,function(){var f=function(){i.html(m.contents()).fadeIn(c.changeFade,L)};b.event.trigger("fancybox-change");i.empty().css("overflow","hidden");if(d){i.css({top:c.padding,left:c.padding,width:Math.max(l.width-c.padding*
|
||||
2,1),height:Math.max(l.height-c.padding*2-v,1)});f()}else{i.css({top:c.padding,left:c.padding,width:Math.max(k.width-c.padding*2,1),height:Math.max(k.height-c.padding*2,1)});y.prop=0;b(y).animate({prop:1},{duration:c.changeSpeed,easing:c.easingChange,step:M,complete:f})}})}else{g.css("opacity",1);if(c.transitionIn=="elastic"){k=Q();i.css({top:c.padding,left:c.padding,width:Math.max(k.width-c.padding*2,1),height:Math.max(k.height-c.padding*2,1)}).html(m.contents());g.css(k).show();if(c.opacity)l.opacity=
|
||||
0;y.prop=0;b(y).animate({prop:1},{duration:c.speedIn,easing:c.easingIn,step:M,complete:L})}else{i.css({top:c.padding,left:c.padding,width:Math.max(l.width-c.padding*2,1),height:Math.max(l.height-c.padding*2-v,1)}).html(m.contents());g.css(l).fadeIn(c.transitionIn=="none"?0:c.speedIn,L)}}},F=function(){m.width(e.width);m.height(e.height);if(e.width=="auto")e.width=m.width();if(e.height=="auto")e.height=m.height();N()},Z=function(){h=true;e.width=s.width;e.height=s.height;b("<img />").attr({id:"fancybox-img",
|
||||
src:s.src,alt:e.title}).appendTo(m);N()},C=function(){J();var a=q[p],d,f,o,t,w;e=b.extend({},b.fn.fancybox.defaults,typeof b(a).data("fancybox")=="undefined"?e:b(a).data("fancybox"));o=a.title||b(a).title||e.title||"";if(a.nodeName&&!e.orig)e.orig=b(a).children("img:first").length?b(a).children("img:first"):b(a);if(o===""&&e.orig)o=e.orig.attr("alt");d=a.nodeName&&/^(?:javascript|#)/i.test(a.href)?e.href||null:e.href||a.href||null;if(e.type){f=e.type;if(!d)d=e.content}else if(e.content)f="html";else if(d)if(d.match(G))f=
|
||||
"image";else if(d.match(S))f="swf";else if(b(a).hasClass("iframe"))f="iframe";else if(d.match(/#/)){a=d.substr(d.indexOf("#"));f=b(a).length>0?"inline":"ajax"}else f="ajax";else f="inline";e.type=f;e.href=d;e.title=o;if(e.autoDimensions&&e.type!=="iframe"&&e.type!=="swf"){e.width="auto";e.height="auto"}if(e.modal){e.overlayShow=true;e.hideOnOverlayClick=false;e.hideOnContentClick=false;e.enableEscapeButton=false;e.showCloseButton=false}if(b.isFunction(e.onStart))if(e.onStart(q,p,e)===false){h=false;
|
||||
return}m.css("padding",20+e.padding+e.margin);b(".fancybox-inline-tmp").unbind("fancybox-cancel").bind("fancybox-change",function(){b(this).replaceWith(i.children())});switch(f){case "html":m.html(e.content);F();break;case "inline":b('<div class="fancybox-inline-tmp" />').hide().insertBefore(b(a)).bind("fancybox-cleanup",function(){b(this).replaceWith(i.children())}).bind("fancybox-cancel",function(){b(this).replaceWith(m.children())});b(a).appendTo(m);F();break;case "image":h=false;b.fancybox.showActivity();
|
||||
s=new Image;s.onerror=function(){P()};s.onload=function(){s.onerror=null;s.onload=null;Z()};s.src=d;break;case "swf":t='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+e.width+'" height="'+e.height+'"><param name="movie" value="'+d+'"></param>';w="";b.each(e.swf,function(r,R){t+='<param name="'+r+'" value="'+R+'"></param>';w+=" "+r+'="'+R+'"'});t+='<embed src="'+d+'" type="application/x-shockwave-flash" width="'+e.width+'" height="'+e.height+'"'+w+"></embed></object>";m.html(t);
|
||||
F();break;case "ajax":a=d.split("#",2);f=e.ajax.data||{};if(a.length>1){d=a[0];if(typeof f=="string")f+="&selector="+a[1];else f.selector=a[1]}h=false;b.fancybox.showActivity();E=b.ajax(b.extend(e.ajax,{url:d,data:f,error:P,success:function(r){if(E.status==200){m.html(r);F()}}}));break;case "iframe":b('<iframe id="fancybox-frame" name="fancybox-frame'+(new Date).getTime()+'" frameborder="0" hspace="0" scrolling="'+e.scrolling+'" src="'+e.href+'"></iframe>').appendTo(m);N();break}},$=function(){if(u.is(":visible")){b("div",
|
||||
u).css("top",I*-40+"px");I=(I+1)%12}else clearInterval(H)},aa=function(){if(!b("#fancybox-wrap").length){b("body").append(m=b('<div id="fancybox-tmp"></div>'),u=b('<div id="fancybox-loading"><div></div></div>'),x=b('<div id="fancybox-overlay"></div>'),g=b('<div id="fancybox-wrap"></div>'));if(!b.support.opacity){g.addClass("fancybox-ie");u.addClass("fancybox-ie")}D=b('<div id="fancybox-outer"></div>').append('<div class="fancy-bg" id="fancy-bg-n"></div><div class="fancy-bg" id="fancy-bg-ne"></div><div class="fancy-bg" id="fancy-bg-e"></div><div class="fancy-bg" id="fancy-bg-se"></div><div class="fancy-bg" id="fancy-bg-s"></div><div class="fancy-bg" id="fancy-bg-sw"></div><div class="fancy-bg" id="fancy-bg-w"></div><div class="fancy-bg" id="fancy-bg-nw"></div>').appendTo(g);
|
||||
D.append(i=b('<div id="fancybox-inner"></div>'),z=b('<a id="fancybox-close"></a>'),A=b('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),B=b('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>'));z.click(b.fancybox.close);u.click(b.fancybox.cancel);A.click(function(a){a.preventDefault();b.fancybox.prev()});B.click(function(a){a.preventDefault();b.fancybox.next()});if(O){x.get(0).style.setExpression("height",
|
||||
"document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'");u.get(0).style.setExpression("top","(-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'");D.prepend('<iframe id="fancybox-hide-sel-frame" src="javascript:\'\';" scrolling="no" frameborder="0" ></iframe>')}}};
|
||||
b.fn.fancybox=function(a){b(this).data("fancybox",b.extend({},a,b.metadata?b(this).metadata():{})).unbind("click.fb").bind("click.fb",function(d){d.preventDefault();if(!h){h=true;b(this).blur();q=[];p=0;d=b(this).attr("rel")||"";if(!d||d==""||d==="nofollow")q.push(this);else{q=b("a[rel="+d+"], area[rel="+d+"]");p=q.index(this)}C();return false}});return this};b.fancybox=function(a,d){if(!h){h=true;d=typeof d!=="undefined"?d:{};q=[];p=d.index||0;if(b.isArray(a)){for(var f=0,o=a.length;f<o;f++)if(typeof a[f]==
|
||||
"object")b(a[f]).data("fancybox",b.extend({},d,a[f]));else a[f]=b({}).data("fancybox",b.extend({content:a[f]},d));q=jQuery.merge(q,a)}else{if(typeof a=="object")b(a).data("fancybox",b.extend({},d,a));else a=b({}).data("fancybox",b.extend({content:a},d));q.push(a)}if(p>q.length||p<0)p=0;C()}};b.fancybox.showActivity=function(){clearInterval(H);u.show();H=setInterval($,66)};b.fancybox.hideActivity=function(){u.hide()};b.fancybox.next=function(){return b.fancybox.pos(n+1)};b.fancybox.prev=function(){return b.fancybox.pos(n-
|
||||
1)};b.fancybox.pos=function(a){if(!h){a=parseInt(a,10);if(a>-1&&j.length>a){p=a;C()}if(c.cyclic&&j.length>1&&a<0){p=j.length-1;C()}if(c.cyclic&&j.length>1&&a>=j.length){p=0;C()}}};b.fancybox.cancel=function(){if(!h){h=true;b.event.trigger("fancybox-cancel");J();e&&b.isFunction(e.onCancel)&&e.onCancel(q,p,e);h=false}};b.fancybox.close=function(){function a(){x.fadeOut("fast");g.hide();b.event.trigger("fancybox-cleanup");i.empty();b.isFunction(c.onClosed)&&c.onClosed(j,n,c);j=e=[];n=p=0;c=e={};h=false}
|
||||
if(!(h||g.is(":hidden"))){h=true;if(c&&b.isFunction(c.onCleanup))if(c.onCleanup(j,n,c)===false){h=false;return}J();b(z.add(A).add(B)).hide();b("#fancybox-title").remove();g.add(i).add(x).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");i.css("overflow","hidden");if(c.transitionOut=="elastic"){k=Q();var d=g.position();l={top:d.top,left:d.left,width:g.width(),height:g.height()};if(c.opacity)l.opacity=1;y.prop=1;b(y).animate({prop:0},{duration:c.speedOut,easing:c.easingOut,
|
||||
step:M,complete:a})}else g.fadeOut(c.transitionOut=="none"?0:c.speedOut,a)}};b.fancybox.resize=function(){var a,d;if(!(h||g.is(":hidden"))){h=true;a=i.wrapInner("<div style='overflow:auto'></div>").children();d=a.height();g.css({height:d+c.padding*2+v});i.css({height:d});a.replaceWith(a.children());b.fancybox.center()}};b.fancybox.center=function(){h=true;var a=K(),d=c.margin,f={};f.top=a[3]+(a[1]-(g.height()-v+40))*0.5;f.left=a[2]+(a[0]-(g.width()+40))*0.5;f.top=Math.max(a[3]+d,f.top);f.left=Math.max(a[2]+
|
||||
d,f.left);g.css(f);h=false};b.fn.fancybox.defaults={padding:10,margin:20,opacity:false,modal:false,cyclic:false,scrolling:"auto",width:560,height:340,autoScale:true,autoDimensions:true,centerOnScroll:false,ajax:{},swf:{wmode:"transparent"},hideOnOverlayClick:true,hideOnContentClick:false,overlayShow:true,overlayOpacity:0.3,overlayColor:"#666",titleShow:true,titlePosition:"outside",titleFormat:null,transitionIn:"fade",transitionOut:"fade",speedIn:300,speedOut:300,changeSpeed:300,changeFade:"fast",
|
||||
easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enableEscapeButton:true,onStart:null,onCancel:null,onComplete:null,onCleanup:null,onClosed:null};b(document).ready(function(){aa()})})(jQuery);
|
||||
79
framework/gii/assets/js/main.js
Normal file
@@ -0,0 +1,79 @@
|
||||
$(document).ready(function() {
|
||||
if($('div.form.login').length) { // in login page
|
||||
$('input#LoginForm_password').focus();
|
||||
}
|
||||
|
||||
$('table.preview input[name="checkAll"]').click(function() {
|
||||
$('table.preview .confirm input').prop('checked', this.checked);
|
||||
});
|
||||
|
||||
$('table.preview td.confirm input').click(function() {
|
||||
$('table.preview input[name="checkAll"]').prop('checked', !$('table.preview td.confirm input:not(:checked)').length);
|
||||
});
|
||||
$('table.preview input[name="checkAll"]').prop('checked', !$('table.preview td.confirm input:not(:checked)').length);
|
||||
|
||||
$('.form .row.sticky input:not(.error), .form .row.sticky select:not(.error), .form .row.sticky textarea:not(.error)').each(function(){
|
||||
var value;
|
||||
if(this.tagName=='SELECT')
|
||||
value=this.options[this.selectedIndex].text;
|
||||
else if(this.tagName=='TEXTAREA')
|
||||
value=$(this).html();
|
||||
else
|
||||
value=$(this).val();
|
||||
if(value=='')
|
||||
value='[empty]';
|
||||
$(this).before('<div class="value">'+value+'</div>').hide();
|
||||
});
|
||||
|
||||
$(document).on('click', '.form.gii .row.sticky .value', function(){
|
||||
$(this).hide();
|
||||
$(this).next().show().get(0).focus();
|
||||
});
|
||||
|
||||
|
||||
$('.form.gii .row input, .form.gii .row textarea, .form.gii .row select, .with-tooltip').not('.no-tooltip, .no-tooltip *').tooltip2({
|
||||
position: "center right",
|
||||
offset: [-2, 10]
|
||||
});
|
||||
|
||||
$('.form.gii .row input').change(function(){
|
||||
$('.form.gii .feedback').hide();
|
||||
$('.form.gii input[name="generate"]').hide();
|
||||
});
|
||||
|
||||
$('.form.gii .view-code').click(function(){
|
||||
var title=$(this).attr('rel');
|
||||
$.fancybox.showActivity();
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
cache: false,
|
||||
url: $(this).attr('href'),
|
||||
data: $('.form.gii form').serializeArray(),
|
||||
success: function(data){
|
||||
$.fancybox(data, {
|
||||
'title': title,
|
||||
'titlePosition': 'inside',
|
||||
'titleFormat': function(title, currentArray, currentIndex, currentOpts) {
|
||||
return '<div id="tip7-title"><span><a href="javascript:;" onclick="$.fancybox.close();">close</a></span>' + (title && title.length ? '<b>' + title + '</b>' : '' ) + '</div>';
|
||||
},
|
||||
'showCloseButton': false,
|
||||
'autoDimensions': false,
|
||||
'width': 900,
|
||||
'height': 'auto',
|
||||
'onComplete':function(){
|
||||
$('#fancybox-inner').scrollTop(0);
|
||||
}
|
||||
});
|
||||
},
|
||||
error: function(XMLHttpRequest, textStatus, errorThrown) {
|
||||
$.fancybox('<div class="error">'+XMLHttpRequest.responseText+'</div>');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$(document).on('click', '#fancybox-inner .close-code', function(){
|
||||
$.fancybox.close();
|
||||
return false;
|
||||
});
|
||||
});
|
||||
364
framework/gii/assets/js/tooltip.js
Normal file
@@ -0,0 +1,364 @@
|
||||
/**
|
||||
* CHANGES MADE BY YII DEVELOPERS, READ CAREFULLY BEFORE UPGRADING THIS FILE:
|
||||
* 1. This commit has been used:
|
||||
* https://github.com/jquerytools/jquerytools/commit/4f3f3f14e83b0ff276a795e9f45400930904adff#src/tooltip/tooltip.js
|
||||
* 2. Original `$.fn.tooltip` has been changed to `$.fn.tooltip2` to prevent conflict between jQuery UI Tooltip and
|
||||
* jQuery Tools Tooltip.
|
||||
*
|
||||
* @license
|
||||
* jQuery Tools @VERSION Tooltip - UI essentials
|
||||
*
|
||||
* NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE.
|
||||
*
|
||||
* http://flowplayer.org/tools/tooltip/
|
||||
*
|
||||
* Since: November 2008
|
||||
* Date: @DATE
|
||||
*/
|
||||
(function($) {
|
||||
// static constructs
|
||||
$.tools = $.tools || {version: '@VERSION'};
|
||||
|
||||
$.tools.tooltip = {
|
||||
|
||||
conf: {
|
||||
|
||||
// default effect variables
|
||||
effect: 'toggle',
|
||||
fadeOutSpeed: "fast",
|
||||
predelay: 0,
|
||||
delay: 30,
|
||||
opacity: 1,
|
||||
tip: 0,
|
||||
fadeIE: false, // enables fade effect in IE
|
||||
|
||||
// 'top', 'bottom', 'right', 'left', 'center'
|
||||
position: ['top', 'center'],
|
||||
offset: [0, 0],
|
||||
relative: false,
|
||||
cancelDefault: true,
|
||||
|
||||
// type to event mapping
|
||||
events: {
|
||||
def: "mouseenter,mouseleave",
|
||||
input: "focus,blur",
|
||||
widget: "focus mouseenter,blur mouseleave",
|
||||
tooltip: "mouseenter,mouseleave"
|
||||
},
|
||||
|
||||
// 1.2
|
||||
layout: '<div/>',
|
||||
tipClass: 'tooltip'
|
||||
},
|
||||
|
||||
addEffect: function(name, loadFn, hideFn) {
|
||||
effects[name] = [loadFn, hideFn];
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
var effects = {
|
||||
toggle: [
|
||||
function(done) {
|
||||
var conf = this.getConf(), tip = this.getTip(), o = conf.opacity;
|
||||
if (o < 1) { tip.css({opacity: o}); }
|
||||
tip.show();
|
||||
done.call();
|
||||
},
|
||||
|
||||
function(done) {
|
||||
this.getTip().hide();
|
||||
done.call();
|
||||
}
|
||||
],
|
||||
|
||||
fade: [
|
||||
function(done) {
|
||||
var conf = this.getConf();
|
||||
if (!$.browser.msie || conf.fadeIE) {
|
||||
this.getTip().fadeTo(conf.fadeInSpeed, conf.opacity, done);
|
||||
}
|
||||
else {
|
||||
this.getTip().show();
|
||||
done();
|
||||
}
|
||||
},
|
||||
function(done) {
|
||||
var conf = this.getConf();
|
||||
if (!$.browser.msie || conf.fadeIE) {
|
||||
this.getTip().fadeOut(conf.fadeOutSpeed, done);
|
||||
}
|
||||
else {
|
||||
this.getTip().hide();
|
||||
done();
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
|
||||
/* calculate tip position relative to the trigger */
|
||||
function getPosition(trigger, tip, conf) {
|
||||
|
||||
|
||||
// get origin top/left position
|
||||
var top = conf.relative ? trigger.position().top : trigger.offset().top,
|
||||
left = conf.relative ? trigger.position().left : trigger.offset().left,
|
||||
pos = conf.position[0];
|
||||
|
||||
top -= tip.outerHeight() - conf.offset[0];
|
||||
left += trigger.outerWidth() + conf.offset[1];
|
||||
|
||||
// iPad position fix
|
||||
if (/iPad/i.test(navigator.userAgent)) {
|
||||
top -= $(window).scrollTop();
|
||||
}
|
||||
|
||||
// adjust Y
|
||||
var height = tip.outerHeight() + trigger.outerHeight();
|
||||
if (pos == 'center') { top += height / 2; }
|
||||
if (pos == 'bottom') { top += height; }
|
||||
|
||||
|
||||
// adjust X
|
||||
pos = conf.position[1];
|
||||
var width = tip.outerWidth() + trigger.outerWidth();
|
||||
if (pos == 'center') { left -= width / 2; }
|
||||
if (pos == 'left') { left -= width; }
|
||||
|
||||
return {top: top, left: left};
|
||||
}
|
||||
|
||||
|
||||
|
||||
function Tooltip(trigger, conf) {
|
||||
|
||||
var self = this,
|
||||
fire = trigger.add(self),
|
||||
tip,
|
||||
timer = 0,
|
||||
pretimer = 0,
|
||||
title = trigger.attr("title"),
|
||||
tipAttr = trigger.attr("data-tooltip"),
|
||||
effect = effects[conf.effect],
|
||||
shown,
|
||||
|
||||
// get show/hide configuration
|
||||
isInput = trigger.is(":input"),
|
||||
isWidget = isInput && trigger.is(":checkbox, :radio, select, :button, :submit"),
|
||||
type = trigger.attr("type"),
|
||||
evt = conf.events[type] || conf.events[isInput ? (isWidget ? 'widget' : 'input') : 'def'];
|
||||
|
||||
|
||||
// check that configuration is sane
|
||||
if (!effect) { throw "Nonexistent effect \"" + conf.effect + "\""; }
|
||||
|
||||
evt = evt.split(/,\s*/);
|
||||
if (evt.length != 2) { throw "Tooltip: bad events configuration for " + type; }
|
||||
|
||||
|
||||
// trigger --> show
|
||||
trigger.on(evt[0], function(e) {
|
||||
|
||||
clearTimeout(timer);
|
||||
if (conf.predelay) {
|
||||
pretimer = setTimeout(function() { self.show(e); }, conf.predelay);
|
||||
|
||||
} else {
|
||||
self.show(e);
|
||||
}
|
||||
|
||||
// trigger --> hide
|
||||
}).on(evt[1], function(e) {
|
||||
clearTimeout(pretimer);
|
||||
if (conf.delay) {
|
||||
timer = setTimeout(function() { self.hide(e); }, conf.delay);
|
||||
|
||||
} else {
|
||||
self.hide(e);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
// remove default title
|
||||
if (title && conf.cancelDefault) {
|
||||
trigger.removeAttr("title");
|
||||
trigger.data("title", title);
|
||||
}
|
||||
|
||||
$.extend(self, {
|
||||
|
||||
show: function(e) {
|
||||
|
||||
// tip not initialized yet
|
||||
if (!tip) {
|
||||
|
||||
// data-tooltip
|
||||
if (tipAttr) {
|
||||
tip = $(tipAttr);
|
||||
|
||||
// single tip element for all
|
||||
} else if (conf.tip) {
|
||||
tip = $(conf.tip).eq(0);
|
||||
|
||||
// autogenerated tooltip
|
||||
} else if (title) {
|
||||
tip = $(conf.layout).addClass(conf.tipClass).appendTo(document.body)
|
||||
.hide().append(title);
|
||||
|
||||
// manual tooltip
|
||||
} else {
|
||||
tip = trigger.next();
|
||||
if (!tip.length) { tip = trigger.parent().next(); }
|
||||
}
|
||||
|
||||
if (!tip.length) { throw "Cannot find tooltip for " + trigger; }
|
||||
}
|
||||
|
||||
if (self.isShown()) { return self; }
|
||||
|
||||
// stop previous animation
|
||||
tip.stop(true, true);
|
||||
|
||||
// get position
|
||||
var pos = getPosition(trigger, tip, conf);
|
||||
|
||||
// restore title for single tooltip element
|
||||
if (conf.tip) {
|
||||
tip.html(trigger.data("title"));
|
||||
}
|
||||
|
||||
// onBeforeShow
|
||||
e = $.Event();
|
||||
e.type = "onBeforeShow";
|
||||
fire.trigger(e, [pos]);
|
||||
if (e.isDefaultPrevented()) { return self; }
|
||||
|
||||
|
||||
// onBeforeShow may have altered the configuration
|
||||
pos = getPosition(trigger, tip, conf);
|
||||
|
||||
// set position
|
||||
tip.css({position:'absolute', top: pos.top, left: pos.left});
|
||||
|
||||
shown = true;
|
||||
|
||||
// invoke effect
|
||||
effect[0].call(self, function() {
|
||||
e.type = "onShow";
|
||||
shown = 'full';
|
||||
fire.trigger(e);
|
||||
});
|
||||
|
||||
|
||||
// tooltip events
|
||||
var event = conf.events.tooltip.split(/,\s*/);
|
||||
|
||||
if (!tip.data("__set")) {
|
||||
|
||||
tip.off(event[0]).on(event[0], function() {
|
||||
clearTimeout(timer);
|
||||
clearTimeout(pretimer);
|
||||
});
|
||||
|
||||
if (event[1] && !trigger.is("input:not(:checkbox, :radio), textarea")) {
|
||||
tip.off(event[1]).on(event[1], function(e) {
|
||||
|
||||
// being moved to the trigger element
|
||||
if (e.relatedTarget != trigger[0]) {
|
||||
trigger.trigger(evt[1].split(" ")[0]);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// bind agein for if same tip element
|
||||
if (!conf.tip) tip.data("__set", true);
|
||||
}
|
||||
|
||||
return self;
|
||||
},
|
||||
|
||||
hide: function(e) {
|
||||
|
||||
if (!tip || !self.isShown()) { return self; }
|
||||
|
||||
// onBeforeHide
|
||||
e = $.Event();
|
||||
e.type = "onBeforeHide";
|
||||
fire.trigger(e);
|
||||
if (e.isDefaultPrevented()) { return; }
|
||||
|
||||
shown = false;
|
||||
|
||||
effects[conf.effect][1].call(self, function() {
|
||||
e.type = "onHide";
|
||||
fire.trigger(e);
|
||||
});
|
||||
|
||||
return self;
|
||||
},
|
||||
|
||||
isShown: function(fully) {
|
||||
return fully ? shown == 'full' : shown;
|
||||
},
|
||||
|
||||
getConf: function() {
|
||||
return conf;
|
||||
},
|
||||
|
||||
getTip: function() {
|
||||
return tip;
|
||||
},
|
||||
|
||||
getTrigger: function() {
|
||||
return trigger;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// callbacks
|
||||
$.each("onHide,onBeforeShow,onShow,onBeforeHide".split(","), function(i, name) {
|
||||
|
||||
// configuration
|
||||
if ($.isFunction(conf[name])) {
|
||||
$(self).on(name, conf[name]);
|
||||
}
|
||||
|
||||
// API
|
||||
self[name] = function(fn) {
|
||||
if (fn) { $(self).on(name, fn); }
|
||||
return self;
|
||||
};
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
// jQuery plugin implementation
|
||||
$.fn.tooltip2 = function(conf) {
|
||||
|
||||
// return existing instance
|
||||
var api = this.data("tooltip");
|
||||
if (api) { return api; }
|
||||
|
||||
conf = $.extend(true, {}, $.tools.tooltip.conf, conf);
|
||||
|
||||
// position can also be given as string
|
||||
if (typeof conf.position == 'string') {
|
||||
conf.position = conf.position.split(/,?\s/);
|
||||
}
|
||||
|
||||
// install tooltip for each entry in jQuery object
|
||||
this.each(function() {
|
||||
api = new Tooltip($(this), conf);
|
||||
$(this).data("tooltip", api);
|
||||
});
|
||||
|
||||
return conf.api ? api: this;
|
||||
};
|
||||
|
||||
}) (jQuery);
|
||||
|
||||
|
||||
|
||||