@@ -1,352 +0,0 @@ | |||||
.topbar { | |||||
height: 40px; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
right: 0; | |||||
z-index: 10000; | |||||
overflow: visible; | |||||
} | |||||
.topbar a { | |||||
color: #bfbfbf; | |||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |||||
text-decoration: none; | |||||
} | |||||
.topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a { | |||||
background-color: #333; | |||||
background-color: rgba(255, 255, 255, 0.05); | |||||
color: #ffffff; | |||||
text-decoration: none; | |||||
} | |||||
.topbar h3 { | |||||
position: relative; | |||||
} | |||||
.topbar h3 a, .topbar .brand { | |||||
float: left; | |||||
display: block; | |||||
padding: 8px 20px 12px; | |||||
margin-left: -20px; | |||||
color: #ffffff; | |||||
font-size: 20px; | |||||
font-weight: 200; | |||||
line-height: 1; | |||||
} | |||||
.topbar p { | |||||
margin: 0; | |||||
line-height: 40px; | |||||
} | |||||
.topbar p a:hover { | |||||
background-color: transparent; | |||||
color: #ffffff; | |||||
} | |||||
.topbar form { | |||||
float: left; | |||||
margin: 5px 0 0 0; | |||||
position: relative; | |||||
filter: alpha(opacity=100); | |||||
-khtml-opacity: 1; | |||||
-moz-opacity: 1; | |||||
opacity: 1; | |||||
} | |||||
.topbar form.pull-right { | |||||
float: right; | |||||
} | |||||
.topbar input { | |||||
background-color: #444; | |||||
background-color: rgba(255, 255, 255, 0.3); | |||||
font-family: inherit; | |||||
font-size: normal; | |||||
font-weight: 13px; | |||||
line-height: 1; | |||||
padding: 4px 9px; | |||||
color: #ffffff; | |||||
color: rgba(255, 255, 255, 0.75); | |||||
border: 1px solid #111; | |||||
-webkit-border-radius: 4px; | |||||
-moz-border-radius: 4px; | |||||
border-radius: 4px; | |||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); | |||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); | |||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); | |||||
-webkit-transition: none; | |||||
-moz-transition: none; | |||||
-ms-transition: none; | |||||
-o-transition: none; | |||||
transition: none; | |||||
} | |||||
.topbar input:-moz-placeholder { | |||||
color: #e6e6e6; | |||||
} | |||||
.topbar input::-webkit-input-placeholder { | |||||
color: #e6e6e6; | |||||
} | |||||
.topbar input:hover { | |||||
background-color: #bfbfbf; | |||||
background-color: rgba(255, 255, 255, 0.5); | |||||
color: #ffffff; | |||||
} | |||||
.topbar input:focus, .topbar input.focused { | |||||
outline: 0; | |||||
background-color: #ffffff; | |||||
color: #404040; | |||||
text-shadow: 0 1px 0 #ffffff; | |||||
border: 0; | |||||
padding: 5px 10px; | |||||
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |||||
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |||||
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |||||
} | |||||
.topbar-inner, .topbar .fill { | |||||
background-color: #222; | |||||
background-color: #222222; | |||||
background-repeat: repeat-x; | |||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); | |||||
background-image: -moz-linear-gradient(top, #333333, #222222); | |||||
background-image: -ms-linear-gradient(top, #333333, #222222); | |||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); | |||||
background-image: -webkit-linear-gradient(top, #333333, #222222); | |||||
background-image: -o-linear-gradient(top, #333333, #222222); | |||||
background-image: linear-gradient(top, #333333, #222222); | |||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); | |||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); | |||||
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); | |||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); | |||||
} | |||||
.topbar div > ul, .nav { | |||||
display: block; | |||||
float: left; | |||||
margin: 0 10px 0 0; | |||||
position: relative; | |||||
left: 0; | |||||
} | |||||
.topbar div > ul > li, .nav > li { | |||||
display: block; | |||||
float: left; | |||||
} | |||||
.topbar div > ul a, .nav a { | |||||
display: block; | |||||
float: none; | |||||
padding: 10px 10px 11px; | |||||
line-height: 19px; | |||||
text-decoration: none; | |||||
} | |||||
.topbar div > ul a:hover, .nav a:hover { | |||||
color: #ffffff; | |||||
text-decoration: none; | |||||
} | |||||
.topbar div > ul .active > a, .nav .active > a { | |||||
background-color: #222; | |||||
background-color: rgba(0, 0, 0, 0.5); | |||||
} | |||||
.topbar div > ul.secondary-nav, .nav.secondary-nav { | |||||
float: right; | |||||
margin-left: 10px; | |||||
margin-right: 0; | |||||
} | |||||
.topbar div > ul.secondary-nav .menu-dropdown, | |||||
.nav.secondary-nav .menu-dropdown, | |||||
.topbar div > ul.secondary-nav .dropdown-menu, | |||||
.nav.secondary-nav .dropdown-menu { | |||||
right: 0; | |||||
border: 0; | |||||
} | |||||
.topbar div > ul a.menu:hover, | |||||
.nav a.menu:hover, | |||||
.topbar div > ul li.open .menu, | |||||
.nav li.open .menu, | |||||
.topbar div > ul .dropdown-toggle:hover, | |||||
.nav .dropdown-toggle:hover, | |||||
.topbar div > ul .dropdown.open .dropdown-toggle, | |||||
.nav .dropdown.open .dropdown-toggle { | |||||
background: #444; | |||||
background: rgba(255, 255, 255, 0.05); | |||||
} | |||||
.topbar div > ul .menu-dropdown, | |||||
.nav .menu-dropdown, | |||||
.topbar div > ul .dropdown-menu, | |||||
.nav .dropdown-menu { | |||||
background-color: #333; | |||||
} | |||||
.topbar div > ul .menu-dropdown a.menu, | |||||
.nav .menu-dropdown a.menu, | |||||
.topbar div > ul .dropdown-menu a.menu, | |||||
.nav .dropdown-menu a.menu, | |||||
.topbar div > ul .menu-dropdown .dropdown-toggle, | |||||
.nav .menu-dropdown .dropdown-toggle, | |||||
.topbar div > ul .dropdown-menu .dropdown-toggle, | |||||
.nav .dropdown-menu .dropdown-toggle { | |||||
color: #ffffff; | |||||
} | |||||
.topbar div > ul .menu-dropdown a.menu.open, | |||||
.nav .menu-dropdown a.menu.open, | |||||
.topbar div > ul .dropdown-menu a.menu.open, | |||||
.nav .dropdown-menu a.menu.open, | |||||
.topbar div > ul .menu-dropdown .dropdown-toggle.open, | |||||
.nav .menu-dropdown .dropdown-toggle.open, | |||||
.topbar div > ul .dropdown-menu .dropdown-toggle.open, | |||||
.nav .dropdown-menu .dropdown-toggle.open { | |||||
background: #444; | |||||
background: rgba(255, 255, 255, 0.05); | |||||
} | |||||
.topbar div > ul .menu-dropdown li a, | |||||
.nav .menu-dropdown li a, | |||||
.topbar div > ul .dropdown-menu li a, | |||||
.nav .dropdown-menu li a { | |||||
color: #999; | |||||
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); | |||||
} | |||||
.topbar div > ul .menu-dropdown li a:hover, | |||||
.nav .menu-dropdown li a:hover, | |||||
.topbar div > ul .dropdown-menu li a:hover, | |||||
.nav .dropdown-menu li a:hover { | |||||
background-color: #191919; | |||||
background-repeat: repeat-x; | |||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919)); | |||||
background-image: -moz-linear-gradient(top, #292929, #191919); | |||||
background-image: -ms-linear-gradient(top, #292929, #191919); | |||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919)); | |||||
background-image: -webkit-linear-gradient(top, #292929, #191919); | |||||
background-image: -o-linear-gradient(top, #292929, #191919); | |||||
background-image: linear-gradient(top, #292929, #191919); | |||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0); | |||||
color: #ffffff; | |||||
} | |||||
.topbar div > ul .menu-dropdown .active a, | |||||
.nav .menu-dropdown .active a, | |||||
.topbar div > ul .dropdown-menu .active a, | |||||
.nav .dropdown-menu .active a { | |||||
color: #ffffff; | |||||
} | |||||
.topbar div > ul .menu-dropdown .divider, | |||||
.nav .menu-dropdown .divider, | |||||
.topbar div > ul .dropdown-menu .divider, | |||||
.nav .dropdown-menu .divider { | |||||
background-color: #222; | |||||
border-color: #444; | |||||
} | |||||
.topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a { | |||||
padding: 4px 15px; | |||||
} | |||||
li.menu, .dropdown { | |||||
position: relative; | |||||
} | |||||
a.menu:after, .dropdown-toggle:after { | |||||
width: 0; | |||||
height: 0; | |||||
display: inline-block; | |||||
content: "↓"; | |||||
text-indent: -99999px; | |||||
vertical-align: top; | |||||
margin-top: 8px; | |||||
margin-left: 4px; | |||||
border-left: 4px solid transparent; | |||||
border-right: 4px solid transparent; | |||||
border-top: 4px solid #ffffff; | |||||
filter: alpha(opacity=50); | |||||
-khtml-opacity: 0.5; | |||||
-moz-opacity: 0.5; | |||||
opacity: 0.5; | |||||
} | |||||
.menu-dropdown, .dropdown-menu { | |||||
background-color: #ffffff; | |||||
float: left; | |||||
display: none; | |||||
position: absolute; | |||||
top: 40px; | |||||
z-index: 900; | |||||
min-width: 160px; | |||||
max-width: 220px; | |||||
_width: 160px; | |||||
margin-left: 0; | |||||
margin-right: 0; | |||||
padding: 6px 0; | |||||
zoom: 1; | |||||
border-color: #999; | |||||
border-color: rgba(0, 0, 0, 0.2); | |||||
border-style: solid; | |||||
border-width: 0 1px 1px; | |||||
-webkit-border-radius: 0 0 6px 6px; | |||||
-moz-border-radius: 0 0 6px 6px; | |||||
border-radius: 0 0 6px 6px; | |||||
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); | |||||
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); | |||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); | |||||
-webkit-background-clip: padding-box; | |||||
-moz-background-clip: padding-box; | |||||
background-clip: padding-box; | |||||
} | |||||
.menu-dropdown li, .dropdown-menu li { | |||||
float: none; | |||||
display: block; | |||||
background-color: none; | |||||
} | |||||
.menu-dropdown .divider, .dropdown-menu .divider { | |||||
height: 1px; | |||||
margin: 5px 0; | |||||
overflow: hidden; | |||||
background-color: #eee; | |||||
border-bottom: 1px solid #ffffff; | |||||
} | |||||
.topbar .dropdown-menu a, .dropdown-menu a { | |||||
display: block; | |||||
padding: 4px 15px; | |||||
clear: both; | |||||
font-weight: normal; | |||||
line-height: 18px; | |||||
color: #808080; | |||||
text-shadow: 0 1px 0 #ffffff; | |||||
} | |||||
.topbar .dropdown-menu a:hover, | |||||
.dropdown-menu a:hover, | |||||
.topbar .dropdown-menu a.hover, | |||||
.dropdown-menu a.hover { | |||||
background-color: #dddddd; | |||||
background-repeat: repeat-x; | |||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); | |||||
background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); | |||||
background-image: -ms-linear-gradient(top, #eeeeee, #dddddd); | |||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); | |||||
background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); | |||||
background-image: -o-linear-gradient(top, #eeeeee, #dddddd); | |||||
background-image: linear-gradient(top, #eeeeee, #dddddd); | |||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0); | |||||
color: #404040; | |||||
text-decoration: none; | |||||
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); | |||||
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); | |||||
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); | |||||
} | |||||
.open .menu, | |||||
.dropdown.open .menu, | |||||
.open .dropdown-toggle, | |||||
.dropdown.open .dropdown-toggle { | |||||
color: #ffffff; | |||||
background: #ccc; | |||||
background: rgba(0, 0, 0, 0.3); | |||||
} | |||||
.open .menu-dropdown, | |||||
.dropdown.open .menu-dropdown, | |||||
.open .dropdown-menu, | |||||
.dropdown.open .dropdown-menu { | |||||
display: block; | |||||
} | |||||
/*extra size menus for recent*/ | |||||
.dropdown-menu#toolbar-recent, .dropdown-menu#toolbar-options, .dropdown-menu#toolbar-help{ | |||||
width: 260px !important; | |||||
max-width: 260px !important; | |||||
} | |||||
/* ajax spinner */ | |||||
.topbar #spinner { | |||||
display: block; | |||||
float: right; | |||||
width: 20px; | |||||
margin-bottom: -5px; | |||||
margin-top: 10px; | |||||
visibility: hidden; | |||||
} | |||||
.topbar-inner { | |||||
padding: 0px 20px; | |||||
} |
@@ -0,0 +1,100 @@ | |||||
.dropdown { | |||||
position: relative; | |||||
} | |||||
.dropdown-toggle { | |||||
*margin-bottom: -3px; | |||||
} | |||||
.dropdown-toggle:active, .open .dropdown-toggle { | |||||
outline: 0; | |||||
} | |||||
.caret { | |||||
display: inline-block; | |||||
width: 0; | |||||
height: 0; | |||||
text-indent: -99999px; | |||||
*text-indent: 0; | |||||
vertical-align: top; | |||||
border-left: 4px solid transparent; | |||||
border-right: 4px solid transparent; | |||||
border-top: 4px solid #000000; | |||||
opacity: 0.3; | |||||
filter: alpha(opacity=30); | |||||
content: "\2193"; | |||||
} | |||||
.dropdown .caret { | |||||
margin-top: 8px; | |||||
margin-left: 2px; | |||||
} | |||||
.dropdown:hover .caret, .open.dropdown .caret { | |||||
opacity: 1; | |||||
filter: alpha(opacity=100); | |||||
} | |||||
.dropdown-menu { | |||||
position: absolute; | |||||
top: 100%; | |||||
left: 0; | |||||
z-index: 1000; | |||||
float: left; | |||||
display: none; | |||||
min-width: 160px; | |||||
max-width: 220px; | |||||
_width: 160px; | |||||
padding: 4px 0; | |||||
margin: 0; | |||||
list-style: none; | |||||
background-color: #ffffff; | |||||
border-color: #ccc; | |||||
border-color: rgba(0, 0, 0, 0.2); | |||||
border-style: solid; | |||||
border-width: 1px; | |||||
-webkit-border-radius: 0 0 5px 5px; | |||||
-moz-border-radius: 0 0 5px 5px; | |||||
border-radius: 0 0 5px 5px; | |||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |||||
-webkit-background-clip: padding-box; | |||||
-moz-background-clip: padding; | |||||
background-clip: padding-box; | |||||
*border-right-width: 2px; | |||||
*border-bottom-width: 2px; | |||||
} | |||||
.dropdown-menu.bottom-up { | |||||
top: auto; | |||||
bottom: 100%; | |||||
margin-bottom: 2px; | |||||
} | |||||
.dropdown-menu .divider { | |||||
height: 1px; | |||||
margin: 5px 1px; | |||||
overflow: hidden; | |||||
background-color: #e5e5e5; | |||||
border-bottom: 1px solid #ffffff; | |||||
*width: 100%; | |||||
*margin: -5px 0 5px; | |||||
} | |||||
.dropdown-menu a { | |||||
display: block; | |||||
padding: 3px 15px; | |||||
clear: both; | |||||
font-weight: normal; | |||||
line-height: 18px; | |||||
color: #555555; | |||||
white-space: nowrap; | |||||
} | |||||
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { | |||||
color: #ffffff; | |||||
text-decoration: none; | |||||
background-color: #0088cc; | |||||
} | |||||
.dropdown.open { | |||||
*z-index: 1000; | |||||
} | |||||
.dropdown.open .dropdown-toggle { | |||||
color: #ffffff; | |||||
background: #ccc; | |||||
background: rgba(0, 0, 0, 0.3); | |||||
} | |||||
.dropdown.open .dropdown-menu { | |||||
display: block; | |||||
} |
@@ -0,0 +1,61 @@ | |||||
/* heading from bootstrap */ | |||||
h1, | |||||
h2, | |||||
h3, | |||||
h4, | |||||
h5, | |||||
h6 { | |||||
margin: 0; | |||||
font-weight: bold; | |||||
color: #333333; | |||||
text-rendering: optimizelegibility; | |||||
margin-bottom: 0.3em; | |||||
} | |||||
h1 small, | |||||
h2 small, | |||||
h3 small, | |||||
h4 small, | |||||
h5 small, | |||||
h6 small { | |||||
font-weight: normal; | |||||
color: #999999; | |||||
} | |||||
h1 { | |||||
font-size: 30px; | |||||
line-height: 36px; | |||||
} | |||||
h1 small { | |||||
font-size: 18px; | |||||
} | |||||
h2 { | |||||
font-size: 24px; | |||||
line-height: 36px; | |||||
} | |||||
h2 small { | |||||
font-size: 18px; | |||||
} | |||||
h3 { | |||||
line-height: 27px; | |||||
font-size: 18px; | |||||
} | |||||
h3 small { | |||||
font-size: 14px; | |||||
} | |||||
h4, h5, h6 { | |||||
line-height: 18px; | |||||
} | |||||
h4 { | |||||
font-size: 14px; | |||||
} | |||||
h4 small { | |||||
font-size: 12px; | |||||
} | |||||
h5 { | |||||
font-size: 12px; | |||||
} | |||||
h6 { | |||||
font-size: 11px; | |||||
color: #999999; | |||||
text-transform: uppercase; | |||||
} |
@@ -0,0 +1,376 @@ | |||||
[class^="icon-"] { | |||||
display: inline-block; | |||||
width: 14px; | |||||
height: 14px; | |||||
vertical-align: text-top; | |||||
background-image: url(../img/glyphicons-halflings.png); | |||||
background-position: 14px 14px; | |||||
background-repeat: no-repeat; | |||||
*margin-right: .3em; | |||||
} | |||||
[class^="icon-"]:last-child { | |||||
*margin-left: 0; | |||||
} | |||||
.icon-white { | |||||
background-image: url(../img/glyphicons-halflings-white.png); | |||||
} | |||||
.icon-glass { | |||||
background-position: 0 0; | |||||
} | |||||
.icon-music { | |||||
background-position: -24px 0; | |||||
} | |||||
.icon-search { | |||||
background-position: -48px 0; | |||||
} | |||||
.icon-envelope { | |||||
background-position: -72px 0; | |||||
} | |||||
.icon-heart { | |||||
background-position: -96px 0; | |||||
} | |||||
.icon-star { | |||||
background-position: -120px 0; | |||||
} | |||||
.icon-star-empty { | |||||
background-position: -144px 0; | |||||
} | |||||
.icon-user { | |||||
background-position: -168px 0; | |||||
} | |||||
.icon-film { | |||||
background-position: -192px 0; | |||||
} | |||||
.icon-th-large { | |||||
background-position: -216px 0; | |||||
} | |||||
.icon-th { | |||||
background-position: -240px 0; | |||||
} | |||||
.icon-th-list { | |||||
background-position: -264px 0; | |||||
} | |||||
.icon-ok { | |||||
background-position: -288px 0; | |||||
} | |||||
.icon-remove { | |||||
background-position: -312px 0; | |||||
} | |||||
.icon-zoom-in { | |||||
background-position: -336px 0; | |||||
} | |||||
.icon-zoom-out { | |||||
background-position: -360px 0; | |||||
} | |||||
.icon-off { | |||||
background-position: -384px 0; | |||||
} | |||||
.icon-signal { | |||||
background-position: -408px 0; | |||||
} | |||||
.icon-cog { | |||||
background-position: -432px 0; | |||||
} | |||||
.icon-trash { | |||||
background-position: -456px 0; | |||||
} | |||||
.icon-home { | |||||
background-position: 0 -24px; | |||||
} | |||||
.icon-file { | |||||
background-position: -24px -24px; | |||||
} | |||||
.icon-time { | |||||
background-position: -48px -24px; | |||||
} | |||||
.icon-road { | |||||
background-position: -72px -24px; | |||||
} | |||||
.icon-download-alt { | |||||
background-position: -96px -24px; | |||||
} | |||||
.icon-download { | |||||
background-position: -120px -24px; | |||||
} | |||||
.icon-upload { | |||||
background-position: -144px -24px; | |||||
} | |||||
.icon-inbox { | |||||
background-position: -168px -24px; | |||||
} | |||||
.icon-play-circle { | |||||
background-position: -192px -24px; | |||||
} | |||||
.icon-repeat { | |||||
background-position: -216px -24px; | |||||
} | |||||
.icon-refresh { | |||||
background-position: -240px -24px; | |||||
} | |||||
.icon-list-alt { | |||||
background-position: -264px -24px; | |||||
} | |||||
.icon-lock { | |||||
background-position: -287px -24px; | |||||
} | |||||
.icon-flag { | |||||
background-position: -312px -24px; | |||||
} | |||||
.icon-headphones { | |||||
background-position: -336px -24px; | |||||
} | |||||
.icon-volume-off { | |||||
background-position: -360px -24px; | |||||
} | |||||
.icon-volume-down { | |||||
background-position: -384px -24px; | |||||
} | |||||
.icon-volume-up { | |||||
background-position: -408px -24px; | |||||
} | |||||
.icon-qrcode { | |||||
background-position: -432px -24px; | |||||
} | |||||
.icon-barcode { | |||||
background-position: -456px -24px; | |||||
} | |||||
.icon-tag { | |||||
background-position: 0 -48px; | |||||
} | |||||
.icon-tags { | |||||
background-position: -25px -48px; | |||||
} | |||||
.icon-book { | |||||
background-position: -48px -48px; | |||||
} | |||||
.icon-bookmark { | |||||
background-position: -72px -48px; | |||||
} | |||||
.icon-print { | |||||
background-position: -96px -48px; | |||||
} | |||||
.icon-camera { | |||||
background-position: -120px -48px; | |||||
} | |||||
.icon-font { | |||||
background-position: -144px -48px; | |||||
} | |||||
.icon-bold { | |||||
background-position: -167px -48px; | |||||
} | |||||
.icon-italic { | |||||
background-position: -192px -48px; | |||||
} | |||||
.icon-text-height { | |||||
background-position: -216px -48px; | |||||
} | |||||
.icon-text-width { | |||||
background-position: -240px -48px; | |||||
} | |||||
.icon-align-left { | |||||
background-position: -264px -48px; | |||||
} | |||||
.icon-align-center { | |||||
background-position: -288px -48px; | |||||
} | |||||
.icon-align-right { | |||||
background-position: -312px -48px; | |||||
} | |||||
.icon-align-justify { | |||||
background-position: -336px -48px; | |||||
} | |||||
.icon-list { | |||||
background-position: -360px -48px; | |||||
} | |||||
.icon-indent-left { | |||||
background-position: -384px -48px; | |||||
} | |||||
.icon-indent-right { | |||||
background-position: -408px -48px; | |||||
} | |||||
.icon-facetime-video { | |||||
background-position: -432px -48px; | |||||
} | |||||
.icon-picture { | |||||
background-position: -456px -48px; | |||||
} | |||||
.icon-pencil { | |||||
background-position: 0 -72px; | |||||
} | |||||
.icon-map-marker { | |||||
background-position: -24px -72px; | |||||
} | |||||
.icon-adjust { | |||||
background-position: -48px -72px; | |||||
} | |||||
.icon-tint { | |||||
background-position: -72px -72px; | |||||
} | |||||
.icon-edit { | |||||
background-position: -96px -72px; | |||||
} | |||||
.icon-share { | |||||
background-position: -120px -72px; | |||||
} | |||||
.icon-check { | |||||
background-position: -144px -72px; | |||||
} | |||||
.icon-move { | |||||
background-position: -168px -72px; | |||||
} | |||||
.icon-step-backward { | |||||
background-position: -192px -72px; | |||||
} | |||||
.icon-fast-backward { | |||||
background-position: -216px -72px; | |||||
} | |||||
.icon-backward { | |||||
background-position: -240px -72px; | |||||
} | |||||
.icon-play { | |||||
background-position: -264px -72px; | |||||
} | |||||
.icon-pause { | |||||
background-position: -288px -72px; | |||||
} | |||||
.icon-stop { | |||||
background-position: -312px -72px; | |||||
} | |||||
.icon-forward { | |||||
background-position: -336px -72px; | |||||
} | |||||
.icon-fast-forward { | |||||
background-position: -360px -72px; | |||||
} | |||||
.icon-step-forward { | |||||
background-position: -384px -72px; | |||||
} | |||||
.icon-eject { | |||||
background-position: -408px -72px; | |||||
} | |||||
.icon-chevron-left { | |||||
background-position: -432px -72px; | |||||
} | |||||
.icon-chevron-right { | |||||
background-position: -456px -72px; | |||||
} | |||||
.icon-plus-sign { | |||||
background-position: 0 -96px; | |||||
} | |||||
.icon-minus-sign { | |||||
background-position: -24px -96px; | |||||
} | |||||
.icon-remove-sign { | |||||
background-position: -48px -96px; | |||||
} | |||||
.icon-ok-sign { | |||||
background-position: -72px -96px; | |||||
} | |||||
.icon-question-sign { | |||||
background-position: -96px -96px; | |||||
} | |||||
.icon-info-sign { | |||||
background-position: -120px -96px; | |||||
} | |||||
.icon-screenshot { | |||||
background-position: -144px -96px; | |||||
} | |||||
.icon-remove-circle { | |||||
background-position: -168px -96px; | |||||
} | |||||
.icon-ok-circle { | |||||
background-position: -192px -96px; | |||||
} | |||||
.icon-ban-circle { | |||||
background-position: -216px -96px; | |||||
} | |||||
.icon-arrow-left { | |||||
background-position: -240px -96px; | |||||
} | |||||
.icon-arrow-right { | |||||
background-position: -264px -96px; | |||||
} | |||||
.icon-arrow-up { | |||||
background-position: -289px -96px; | |||||
} | |||||
.icon-arrow-down { | |||||
background-position: -312px -96px; | |||||
} | |||||
.icon-share-alt { | |||||
background-position: -336px -96px; | |||||
} | |||||
.icon-resize-full { | |||||
background-position: -360px -96px; | |||||
} | |||||
.icon-resize-small { | |||||
background-position: -384px -96px; | |||||
} | |||||
.icon-plus { | |||||
background-position: -408px -96px; | |||||
} | |||||
.icon-minus { | |||||
background-position: -433px -96px; | |||||
} | |||||
.icon-asterisk { | |||||
background-position: -456px -96px; | |||||
} | |||||
.icon-exclamation-sign { | |||||
background-position: 0 -120px; | |||||
} | |||||
.icon-gift { | |||||
background-position: -24px -120px; | |||||
} | |||||
.icon-leaf { | |||||
background-position: -48px -120px; | |||||
} | |||||
.icon-fire { | |||||
background-position: -72px -120px; | |||||
} | |||||
.icon-eye-open { | |||||
background-position: -96px -120px; | |||||
} | |||||
.icon-eye-close { | |||||
background-position: -120px -120px; | |||||
} | |||||
.icon-warning-sign { | |||||
background-position: -144px -120px; | |||||
} | |||||
.icon-plane { | |||||
background-position: -168px -120px; | |||||
} | |||||
.icon-calendar { | |||||
background-position: -192px -120px; | |||||
} | |||||
.icon-random { | |||||
background-position: -216px -120px; | |||||
} | |||||
.icon-comment { | |||||
background-position: -240px -120px; | |||||
} | |||||
.icon-magnet { | |||||
background-position: -264px -120px; | |||||
} | |||||
.icon-chevron-up { | |||||
background-position: -288px -120px; | |||||
} | |||||
.icon-chevron-down { | |||||
background-position: -313px -119px; | |||||
} | |||||
.icon-retweet { | |||||
background-position: -336px -120px; | |||||
} | |||||
.icon-shopping-cart { | |||||
background-position: -360px -120px; | |||||
} | |||||
.icon-folder-close { | |||||
background-position: -384px -120px; | |||||
} | |||||
.icon-folder-open { | |||||
background-position: -408px -120px; | |||||
} | |||||
.icon-resize-vertical { | |||||
background-position: -432px -119px; | |||||
} | |||||
.icon-resize-horizontal { | |||||
background-position: -456px -118px; | |||||
} |
@@ -0,0 +1,302 @@ | |||||
.navbar { | |||||
overflow: visible; | |||||
margin-bottom: 18px; | |||||
} | |||||
.navbar-inner { | |||||
padding-left: 20px; | |||||
padding-right: 20px; | |||||
background-color: #2c2c2c; | |||||
background-image: -moz-linear-gradient(top, #333333, #222222); | |||||
background-image: -ms-linear-gradient(top, #333333, #222222); | |||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); | |||||
background-image: -webkit-linear-gradient(top, #333333, #222222); | |||||
background-image: -o-linear-gradient(top, #333333, #222222); | |||||
background-image: linear-gradient(top, #333333, #222222); | |||||
background-repeat: repeat-x; | |||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); | |||||
-webkit-border-radius: 4px; | |||||
-moz-border-radius: 4px; | |||||
border-radius: 4px; | |||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); | |||||
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); | |||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); | |||||
} | |||||
.btn-navbar { | |||||
display: none; | |||||
float: right; | |||||
padding: 7px 10px; | |||||
margin-left: 5px; | |||||
margin-right: 5px; | |||||
background-color: #2c2c2c; | |||||
background-image: -moz-linear-gradient(top, #333333, #222222); | |||||
background-image: -ms-linear-gradient(top, #333333, #222222); | |||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); | |||||
background-image: -webkit-linear-gradient(top, #333333, #222222); | |||||
background-image: -o-linear-gradient(top, #333333, #222222); | |||||
background-image: linear-gradient(top, #333333, #222222); | |||||
background-repeat: repeat-x; | |||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); | |||||
border-color: #222222 #222222 #000000; | |||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | |||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | |||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | |||||
} | |||||
.btn-navbar:hover, | |||||
.btn-navbar:active, | |||||
.btn-navbar.active, | |||||
.btn-navbar.disabled, | |||||
.btn-navbar[disabled] { | |||||
background-color: #222222; | |||||
} | |||||
.btn-navbar:active, .btn-navbar.active { | |||||
background-color: #080808 \9; | |||||
} | |||||
.btn-navbar .icon-bar { | |||||
display: block; | |||||
width: 18px; | |||||
height: 2px; | |||||
background-color: #f5f5f5; | |||||
-webkit-border-radius: 1px; | |||||
-moz-border-radius: 1px; | |||||
border-radius: 1px; | |||||
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | |||||
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | |||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | |||||
} | |||||
.btn-navbar .icon-bar + .icon-bar { | |||||
margin-top: 3px; | |||||
} | |||||
.nav-collapse.collapse { | |||||
height: auto; | |||||
} | |||||
.navbar .brand:hover { | |||||
text-decoration: none; | |||||
} | |||||
.navbar .brand { | |||||
float: left; | |||||
display: block; | |||||
padding: 8px 20px 12px; | |||||
margin-left: -20px; | |||||
font-size: 20px; | |||||
font-weight: 200; | |||||
line-height: 1; | |||||
color: #ffffff; | |||||
} | |||||
.navbar .navbar-text { | |||||
margin-bottom: 0; | |||||
line-height: 40px; | |||||
color: #999999; | |||||
} | |||||
.navbar .navbar-text a:hover { | |||||
color: #ffffff; | |||||
background-color: transparent; | |||||
} | |||||
.navbar .btn, .navbar .btn-group { | |||||
margin-top: 5px; | |||||
} | |||||
.navbar .btn-group .btn { | |||||
margin-top: 0; | |||||
} | |||||
.navbar-form { | |||||
margin-bottom: 0; | |||||
*zoom: 1; | |||||
} | |||||
.navbar-form:before, .navbar-form:after { | |||||
display: table; | |||||
content: ""; | |||||
} | |||||
.navbar-form:after { | |||||
clear: both; | |||||
} | |||||
.navbar-form input, .navbar-form select { | |||||
display: inline-block; | |||||
margin-top: 5px; | |||||
margin-bottom: 0; | |||||
} | |||||
.navbar-form .radio, .navbar-form .checkbox { | |||||
margin-top: 5px; | |||||
} | |||||
.navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { | |||||
margin-top: 3px; | |||||
} | |||||
.navbar-search { | |||||
position: relative; | |||||
float: left; | |||||
margin-top: 6px; | |||||
margin-bottom: 0; | |||||
} | |||||
.navbar-search .search-query { | |||||
padding: 4px 9px; | |||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |||||
font-size: 13px; | |||||
font-weight: normal; | |||||
line-height: 1; | |||||
color: #ffffff; | |||||
color: rgba(255, 255, 255, 0.75); | |||||
background: #666; | |||||
background: rgba(255, 255, 255, 0.3); | |||||
border: 1px solid #111; | |||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); | |||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); | |||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); | |||||
-webkit-transition: none; | |||||
-moz-transition: none; | |||||
-ms-transition: none; | |||||
-o-transition: none; | |||||
transition: none; | |||||
} | |||||
.navbar-search .search-query :-moz-placeholder { | |||||
color: #eeeeee; | |||||
} | |||||
.navbar-search .search-query::-webkit-input-placeholder { | |||||
color: #eeeeee; | |||||
} | |||||
.navbar-search .search-query:hover { | |||||
color: #ffffff; | |||||
background-color: #999999; | |||||
background-color: rgba(255, 255, 255, 0.5); | |||||
} | |||||
.navbar-search .search-query:focus, .navbar-search .search-query.focused { | |||||
padding: 5px 10px; | |||||
color: #333333; | |||||
text-shadow: 0 1px 0 #ffffff; | |||||
background-color: #ffffff; | |||||
border: 0; | |||||
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |||||
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |||||
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |||||
outline: 0; | |||||
} | |||||
.navbar-fixed-top { | |||||
position: fixed; | |||||
top: 0; | |||||
right: 0; | |||||
left: 0; | |||||
z-index: 1030; | |||||
} | |||||
.navbar-fixed-top .navbar-inner { | |||||
padding-left: 0; | |||||
padding-right: 0; | |||||
-webkit-border-radius: 0; | |||||
-moz-border-radius: 0; | |||||
border-radius: 0; | |||||
} | |||||
.navbar .nav { | |||||
position: relative; | |||||
left: 0; | |||||
display: block; | |||||
float: left; | |||||
margin: 0 10px 0 0; | |||||
} | |||||
.navbar .nav.pull-right { | |||||
float: right; | |||||
} | |||||
.navbar .nav > li { | |||||
display: block; | |||||
float: left; | |||||
} | |||||
.navbar .nav > li > a { | |||||
float: none; | |||||
padding: 10px 10px 11px; | |||||
line-height: 19px; | |||||
color: #999999; | |||||
text-decoration: none; | |||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |||||
} | |||||
.navbar .nav > li > a:hover { | |||||
background-color: transparent; | |||||
color: #ffffff; | |||||
text-decoration: none; | |||||
} | |||||
.navbar .nav .active > a, .navbar .nav .active > a:hover { | |||||
color: #ffffff; | |||||
text-decoration: none; | |||||
background-color: #222222; | |||||
background-color: rgba(0, 0, 0, 0.5); | |||||
} | |||||
.navbar .divider-vertical { | |||||
height: 40px; | |||||
width: 1px; | |||||
margin: 0 9px; | |||||
overflow: hidden; | |||||
background-color: #222222; | |||||
border-right: 1px solid #333333; | |||||
} | |||||
.navbar .nav.pull-right { | |||||
margin-left: 10px; | |||||
margin-right: 0; | |||||
} | |||||
.navbar .dropdown-menu { | |||||
margin-top: 1px; | |||||
-webkit-border-radius: 4px; | |||||
-moz-border-radius: 4px; | |||||
border-radius: 4px; | |||||
} | |||||
.navbar .dropdown-menu:before { | |||||
content: ''; | |||||
display: inline-block; | |||||
border-left: 7px solid transparent; | |||||
border-right: 7px solid transparent; | |||||
border-bottom: 7px solid #ccc; | |||||
border-bottom-color: rgba(0, 0, 0, 0.2); | |||||
position: absolute; | |||||
top: -7px; | |||||
left: 9px; | |||||
} | |||||
.navbar .dropdown-menu:after { | |||||
content: ''; | |||||
display: inline-block; | |||||
border-left: 6px solid transparent; | |||||
border-right: 6px solid transparent; | |||||
border-bottom: 6px solid #ffffff; | |||||
position: absolute; | |||||
top: -6px; | |||||
left: 10px; | |||||
} | |||||
.navbar .nav .dropdown-toggle .caret, .navbar .nav .open.dropdown .caret { | |||||
border-top-color: #ffffff; | |||||
} | |||||
.navbar .nav .active .caret { | |||||
opacity: 1; | |||||
filter: alpha(opacity=100); | |||||
} | |||||
.navbar .nav .open > .dropdown-toggle, .navbar .nav .active > .dropdown-toggle, .navbar .nav .open.active > .dropdown-toggle { | |||||
background-color: transparent; | |||||
} | |||||
.navbar .nav .active > .dropdown-toggle:hover { | |||||
color: #ffffff; | |||||
} | |||||
.navbar .nav.pull-right .dropdown-menu { | |||||
left: auto; | |||||
right: 0; | |||||
} | |||||
.navbar .nav.pull-right .dropdown-menu:before { | |||||
left: auto; | |||||
right: 12px; | |||||
} | |||||
.navbar .nav.pull-right .dropdown-menu:after { | |||||
left: auto; | |||||
right: 13px; | |||||
} | |||||
/*extra size menus for recent*/ | |||||
.dropdown-menu#toolbar-recent, .dropdown-menu#toolbar-options, .dropdown-menu#toolbar-help{ | |||||
width: 260px !important; | |||||
max-width: 260px !important; | |||||
} | |||||
/* ajax spinner */ | |||||
.navbar #spinner { | |||||
display: block; | |||||
float: right; | |||||
width: 20px; | |||||
margin-bottom: -5px; | |||||
margin-top: 10px; | |||||
visibility: hidden; | |||||
} | |||||
.navbar-inner { | |||||
padding: 0px 20px; | |||||
} |
@@ -12,68 +12,6 @@ body { | |||||
background-color: #e2e2e2; | background-color: #e2e2e2; | ||||
} | } | ||||
/* heading from bootstrap */ | |||||
h1, | |||||
h2, | |||||
h3, | |||||
h4, | |||||
h5, | |||||
h6 { | |||||
margin: 0; | |||||
font-weight: bold; | |||||
color: #333333; | |||||
text-rendering: optimizelegibility; | |||||
margin-bottom: 0.3em; | |||||
} | |||||
h1 small, | |||||
h2 small, | |||||
h3 small, | |||||
h4 small, | |||||
h5 small, | |||||
h6 small { | |||||
font-weight: normal; | |||||
color: #999999; | |||||
} | |||||
h1 { | |||||
font-size: 30px; | |||||
line-height: 36px; | |||||
} | |||||
h1 small { | |||||
font-size: 18px; | |||||
} | |||||
h2 { | |||||
font-size: 24px; | |||||
line-height: 36px; | |||||
} | |||||
h2 small { | |||||
font-size: 18px; | |||||
} | |||||
h3 { | |||||
line-height: 27px; | |||||
font-size: 18px; | |||||
} | |||||
h3 small { | |||||
font-size: 14px; | |||||
} | |||||
h4, h5, h6 { | |||||
line-height: 18px; | |||||
} | |||||
h4 { | |||||
font-size: 14px; | |||||
} | |||||
h4 small { | |||||
font-size: 12px; | |||||
} | |||||
h5 { | |||||
font-size: 12px; | |||||
} | |||||
h6 { | |||||
font-size: 11px; | |||||
color: #999999; | |||||
text-transform: uppercase; | |||||
} | |||||
pre { margin: 0px; padding: 0px; } | pre { margin: 0px; padding: 0px; } | ||||
button { margin: 2px; margin-left: 0px; } | button { margin: 2px; margin-left: 0px; } | ||||
@@ -1,113 +0,0 @@ | |||||
/* ========================================================== | |||||
* bootstrap-alerts.js v1.4.0 | |||||
* http://twitter.github.com/bootstrap/javascript.html#alerts | |||||
* ========================================================== | |||||
* Copyright 2011 Twitter, Inc. | |||||
* | |||||
* Licensed under the Apache License, Version 2.0 (the "License"); | |||||
* you may not use this file except in compliance with the License. | |||||
* You may obtain a copy of the License at | |||||
* | |||||
* http://www.apache.org/licenses/LICENSE-2.0 | |||||
* | |||||
* Unless required by applicable law or agreed to in writing, software | |||||
* distributed under the License is distributed on an "AS IS" BASIS, | |||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |||||
* See the License for the specific language governing permissions and | |||||
* limitations under the License. | |||||
* ========================================================== */ | |||||
!function( $ ){ | |||||
"use strict" | |||||
/* CSS TRANSITION SUPPORT (https://gist.github.com/373874) | |||||
* ======================================================= */ | |||||
var transitionEnd | |||||
$(document).ready(function () { | |||||
$.support.transition = (function () { | |||||
var thisBody = document.body || document.documentElement | |||||
, thisStyle = thisBody.style | |||||
, support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined | |||||
return support | |||||
})() | |||||
// set CSS transition event type | |||||
if ( $.support.transition ) { | |||||
transitionEnd = "TransitionEnd" | |||||
if ( $.browser.webkit ) { | |||||
transitionEnd = "webkitTransitionEnd" | |||||
} else if ( $.browser.mozilla ) { | |||||
transitionEnd = "transitionend" | |||||
} else if ( $.browser.opera ) { | |||||
transitionEnd = "oTransitionEnd" | |||||
} | |||||
} | |||||
}) | |||||
/* ALERT CLASS DEFINITION | |||||
* ====================== */ | |||||
var Alert = function ( content, options ) { | |||||
this.settings = $.extend({}, $.fn.alert.defaults, options) | |||||
this.$element = $(content) | |||||
.delegate(this.settings.selector, 'click', this.close) | |||||
} | |||||
Alert.prototype = { | |||||
close: function (e) { | |||||
var $element = $(this).parent('.alert-message') | |||||
e && e.preventDefault() | |||||
$element.removeClass('in') | |||||
function removeElement () { | |||||
$element.remove() | |||||
} | |||||
$.support.transition && $element.hasClass('fade') ? | |||||
$element.bind(transitionEnd, removeElement) : | |||||
removeElement() | |||||
} | |||||
} | |||||
/* ALERT PLUGIN DEFINITION | |||||
* ======================= */ | |||||
$.fn.alert = function ( options ) { | |||||
if ( options === true ) { | |||||
return this.data('alert') | |||||
} | |||||
return this.each(function () { | |||||
var $this = $(this) | |||||
if ( typeof options == 'string' ) { | |||||
return $this.data('alert')[options]() | |||||
} | |||||
$(this).data('alert', new Alert( this, options )) | |||||
}) | |||||
} | |||||
$.fn.alert.defaults = { | |||||
selector: '.close' | |||||
} | |||||
$(document).ready(function () { | |||||
new Alert($('body'), { | |||||
selector: '.alert-message[data-alert] .close' | |||||
}) | |||||
}) | |||||
}( window.jQuery || window.ender ); |
@@ -1,62 +0,0 @@ | |||||
/* ============================================================ | |||||
* bootstrap-dropdown.js v1.4.0 | |||||
* http://twitter.github.com/bootstrap/javascript.html#dropdown | |||||
* ============================================================ | |||||
* Copyright 2011 Twitter, Inc. | |||||
* | |||||
* Licensed under the Apache License, Version 2.0 (the "License"); | |||||
* you may not use this file except in compliance with the License. | |||||
* You may obtain a copy of the License at | |||||
* | |||||
* http://www.apache.org/licenses/LICENSE-2.0 | |||||
* | |||||
* Unless required by applicable law or agreed to in writing, software | |||||
* distributed under the License is distributed on an "AS IS" BASIS, | |||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |||||
* See the License for the specific language governing permissions and | |||||
* limitations under the License. | |||||
* ============================================================ */ | |||||
!function( $ ){ | |||||
"use strict" | |||||
function setState(el, state) { | |||||
var d = 'disabled' | |||||
, $el = $(el) | |||||
, data = $el.data() | |||||
state = state + 'Text' | |||||
data.resetText || $el.data('resetText', $el.html()) | |||||
$el.html( data[state] || $.fn.button.defaults[state] ) | |||||
state == 'loadingText' ? | |||||
$el.addClass(d).attr(d, d) : | |||||
$el.removeClass(d).removeAttr(d) | |||||
} | |||||
function toggle(el) { | |||||
$(el).toggleClass('active') | |||||
} | |||||
$.fn.button = function(options) { | |||||
return this.each(function () { | |||||
if (options == 'toggle') { | |||||
return toggle(this) | |||||
} | |||||
options && setState(this, options) | |||||
}) | |||||
} | |||||
$.fn.button.defaults = { | |||||
loadingText: 'loading...' | |||||
} | |||||
$(function () { | |||||
$('body').delegate('.btn[data-toggle]', 'click', function () { | |||||
$(this).button('toggle') | |||||
}) | |||||
}) | |||||
}( window.jQuery || window.ender ); |
@@ -1,54 +0,0 @@ | |||||
/* ============================================================ | |||||
* bootstrap-dropdown.js v1.4.0 | |||||
* http://twitter.github.com/bootstrap/javascript.html#dropdown | |||||
* ============================================================ | |||||
* Copyright 2011 Twitter, Inc. | |||||
* | |||||
* Licensed under the Apache License, Version 2.0 (the "License"); | |||||
* you may not use this file except in compliance with the License. | |||||
* You may obtain a copy of the License at | |||||
* | |||||
* http://www.apache.org/licenses/LICENSE-2.0 | |||||
* | |||||
* Unless required by applicable law or agreed to in writing, software | |||||
* distributed under the License is distributed on an "AS IS" BASIS, | |||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |||||
* See the License for the specific language governing permissions and | |||||
* limitations under the License. | |||||
* ============================================================ */ | |||||
!function( $ ){ | |||||
"use strict" | |||||
/* DROPDOWN PLUGIN DEFINITION | |||||
* ========================== */ | |||||
$.fn.dropdown = function ( selector ) { | |||||
return this.each(function () { | |||||
$(this).delegate(selector || d, 'click', function (e) { | |||||
var li = $(this).parent('li') | |||||
, isActive = li.hasClass('open') | |||||
clearMenus() | |||||
!isActive && li.toggleClass('open') | |||||
return false | |||||
}) | |||||
}) | |||||
} | |||||
/* APPLY TO STANDARD DROPDOWN ELEMENTS | |||||
* =================================== */ | |||||
var d = 'a.menu, .dropdown-toggle' | |||||
function clearMenus() { | |||||
$(d).parent('li').removeClass('open') | |||||
} | |||||
$(function () { | |||||
$('html').bind("click", clearMenus) | |||||
$('body').dropdown( '[data-dropdown] a.menu, [data-dropdown] .dropdown-toggle' ) | |||||
}) | |||||
}( window.jQuery || window.ender ); |
@@ -1,260 +0,0 @@ | |||||
/* ========================================================= | |||||
* bootstrap-modal.js v1.4.0 | |||||
* http://twitter.github.com/bootstrap/javascript.html#modal | |||||
* ========================================================= | |||||
* Copyright 2011 Twitter, Inc. | |||||
* | |||||
* Licensed under the Apache License, Version 2.0 (the "License"); | |||||
* you may not use this file except in compliance with the License. | |||||
* You may obtain a copy of the License at | |||||
* | |||||
* http://www.apache.org/licenses/LICENSE-2.0 | |||||
* | |||||
* Unless required by applicable law or agreed to in writing, software | |||||
* distributed under the License is distributed on an "AS IS" BASIS, | |||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |||||
* See the License for the specific language governing permissions and | |||||
* limitations under the License. | |||||
* ========================================================= */ | |||||
!function( $ ){ | |||||
"use strict" | |||||
/* CSS TRANSITION SUPPORT (https://gist.github.com/373874) | |||||
* ======================================================= */ | |||||
var transitionEnd | |||||
$(document).ready(function () { | |||||
$.support.transition = (function () { | |||||
var thisBody = document.body || document.documentElement | |||||
, thisStyle = thisBody.style | |||||
, support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined | |||||
return support | |||||
})() | |||||
// set CSS transition event type | |||||
if ( $.support.transition ) { | |||||
transitionEnd = "TransitionEnd" | |||||
if ( $.browser.webkit ) { | |||||
transitionEnd = "webkitTransitionEnd" | |||||
} else if ( $.browser.mozilla ) { | |||||
transitionEnd = "transitionend" | |||||
} else if ( $.browser.opera ) { | |||||
transitionEnd = "oTransitionEnd" | |||||
} | |||||
} | |||||
}) | |||||
/* MODAL PUBLIC CLASS DEFINITION | |||||
* ============================= */ | |||||
var Modal = function ( content, options ) { | |||||
this.settings = $.extend({}, $.fn.modal.defaults, options) | |||||
this.$element = $(content) | |||||
.delegate('.close', 'click.modal', $.proxy(this.hide, this)) | |||||
if ( this.settings.show ) { | |||||
this.show() | |||||
} | |||||
return this | |||||
} | |||||
Modal.prototype = { | |||||
toggle: function () { | |||||
return this[!this.isShown ? 'show' : 'hide']() | |||||
} | |||||
, show: function () { | |||||
var that = this | |||||
this.isShown = true | |||||
this.$element.trigger('show') | |||||
escape.call(this) | |||||
backdrop.call(this, function () { | |||||
var transition = $.support.transition && that.$element.hasClass('fade') | |||||
that.$element | |||||
.appendTo(document.body) | |||||
.show() | |||||
if (transition) { | |||||
that.$element[0].offsetWidth // force reflow | |||||
} | |||||
that.$element.addClass('in') | |||||
transition ? | |||||
that.$element.one(transitionEnd, function () { that.$element.trigger('shown') }) : | |||||
that.$element.trigger('shown') | |||||
}) | |||||
return this | |||||
} | |||||
, hide: function (e) { | |||||
e && e.preventDefault() | |||||
if ( !this.isShown ) { | |||||
return this | |||||
} | |||||
var that = this | |||||
this.isShown = false | |||||
escape.call(this) | |||||
this.$element | |||||
.trigger('hide') | |||||
.removeClass('in') | |||||
$.support.transition && this.$element.hasClass('fade') ? | |||||
hideWithTransition.call(this) : | |||||
hideModal.call(this) | |||||
return this | |||||
} | |||||
} | |||||
/* MODAL PRIVATE METHODS | |||||
* ===================== */ | |||||
function hideWithTransition() { | |||||
// firefox drops transitionEnd events :{o | |||||
var that = this | |||||
, timeout = setTimeout(function () { | |||||
that.$element.unbind(transitionEnd) | |||||
hideModal.call(that) | |||||
}, 500) | |||||
this.$element.one(transitionEnd, function () { | |||||
clearTimeout(timeout) | |||||
hideModal.call(that) | |||||
}) | |||||
} | |||||
function hideModal (that) { | |||||
this.$element | |||||
.hide() | |||||
.trigger('hidden') | |||||
backdrop.call(this) | |||||
} | |||||
function backdrop ( callback ) { | |||||
var that = this | |||||
, animate = this.$element.hasClass('fade') ? 'fade' : '' | |||||
if ( this.isShown && this.settings.backdrop ) { | |||||
var doAnimate = $.support.transition && animate | |||||
this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />') | |||||
.appendTo(document.body) | |||||
if ( this.settings.backdrop != 'static' ) { | |||||
this.$backdrop.click($.proxy(this.hide, this)) | |||||
} | |||||
if ( doAnimate ) { | |||||
this.$backdrop[0].offsetWidth // force reflow | |||||
} | |||||
this.$backdrop.addClass('in') | |||||
doAnimate ? | |||||
this.$backdrop.one(transitionEnd, callback) : | |||||
callback() | |||||
} else if ( !this.isShown && this.$backdrop ) { | |||||
this.$backdrop.removeClass('in') | |||||
$.support.transition && this.$element.hasClass('fade')? | |||||
this.$backdrop.one(transitionEnd, $.proxy(removeBackdrop, this)) : | |||||
removeBackdrop.call(this) | |||||
} else if ( callback ) { | |||||
callback() | |||||
} | |||||
} | |||||
function removeBackdrop() { | |||||
this.$backdrop.remove() | |||||
this.$backdrop = null | |||||
} | |||||
function escape() { | |||||
var that = this | |||||
if ( this.isShown && this.settings.keyboard ) { | |||||
$(document).bind('keyup.modal', function ( e ) { | |||||
if ( e.which == 27 ) { | |||||
that.hide() | |||||
} | |||||
}) | |||||
} else if ( !this.isShown ) { | |||||
$(document).unbind('keyup.modal') | |||||
} | |||||
} | |||||
/* MODAL PLUGIN DEFINITION | |||||
* ======================= */ | |||||
$.fn.modal = function ( options ) { | |||||
var modal = this.data('modal') | |||||
if (!modal) { | |||||
if (typeof options == 'string') { | |||||
options = { | |||||
show: /show|toggle/.test(options) | |||||
} | |||||
} | |||||
return this.each(function () { | |||||
$(this).data('modal', new Modal(this, options)) | |||||
}) | |||||
} | |||||
if ( options === true ) { | |||||
return modal | |||||
} | |||||
if ( typeof options == 'string' ) { | |||||
modal[options]() | |||||
} else if ( modal ) { | |||||
modal.toggle() | |||||
} | |||||
return this | |||||
} | |||||
$.fn.modal.Modal = Modal | |||||
$.fn.modal.defaults = { | |||||
backdrop: false | |||||
, keyboard: false | |||||
, show: false | |||||
} | |||||
/* MODAL DATA- IMPLEMENTATION | |||||
* ========================== */ | |||||
$(document).ready(function () { | |||||
$('body').delegate('[data-controls-modal]', 'click', function (e) { | |||||
e.preventDefault() | |||||
var $this = $(this).data('show', true) | |||||
$('#' + $this.attr('data-controls-modal')).modal( $this.data() ) | |||||
}) | |||||
}) | |||||
}( window.jQuery || window.ender ); |
@@ -1,86 +0,0 @@ | |||||
/* =========================================================== | |||||
* bootstrap-popover.js v1.4.0 | |||||
* http://twitter.github.com/bootstrap/javascript.html#popover | |||||
* =========================================================== | |||||
* Copyright 2011 Twitter, Inc. | |||||
* | |||||
* Licensed under the Apache License, Version 2.0 (the "License"); | |||||
* you may not use this file except in compliance with the License. | |||||
* You may obtain a copy of the License at | |||||
* | |||||
* http://www.apache.org/licenses/LICENSE-2.0 | |||||
* | |||||
* Unless required by applicable law or agreed to in writing, software | |||||
* distributed under the License is distributed on an "AS IS" BASIS, | |||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |||||
* See the License for the specific language governing permissions and | |||||
* limitations under the License. | |||||
* =========================================================== */ | |||||
!function( $ ) { | |||||
"use strict" | |||||
var Popover = function ( element, options ) { | |||||
this.$element = $(element) | |||||
this.options = options | |||||
this.enabled = true | |||||
this.fixTitle() | |||||
} | |||||
/* NOTE: POPOVER EXTENDS BOOTSTRAP-TWIPSY.js | |||||
========================================= */ | |||||
Popover.prototype = $.extend({}, $.fn.twipsy.Twipsy.prototype, { | |||||
setContent: function () { | |||||
var $tip = this.tip() | |||||
$tip.find('.title')[this.options.html ? 'html' : 'text'](this.getTitle()) | |||||
$tip.find('.content p')[this.options.html ? 'html' : 'text'](this.getContent()) | |||||
$tip[0].className = 'popover' | |||||
} | |||||
, hasContent: function () { | |||||
return this.getTitle() || this.getContent() | |||||
} | |||||
, getContent: function () { | |||||
var content | |||||
, $e = this.$element | |||||
, o = this.options | |||||
if (typeof this.options.content == 'string') { | |||||
content = this.options.content | |||||
} else if (typeof this.options.content == 'function') { | |||||
content = this.options.content.call(this.$element[0]) | |||||
} | |||||
return content | |||||
} | |||||
, tip: function() { | |||||
if (!this.$tip) { | |||||
this.$tip = $('<div class="popover" />') | |||||
.html(this.options.template) | |||||
} | |||||
return this.$tip | |||||
} | |||||
}) | |||||
/* POPOVER PLUGIN DEFINITION | |||||
* ======================= */ | |||||
$.fn.popover = function (options) { | |||||
if (typeof options == 'object') options = $.extend({}, $.fn.popover.defaults, options) | |||||
$.fn.twipsy.initWith.call(this, options, Popover, 'popover') | |||||
return this | |||||
} | |||||
$.fn.popover.defaults = $.extend({} , $.fn.twipsy.defaults, { | |||||
placement: 'right' | |||||
, template: '<div class="arrow"></div><div class="inner"><h3 class="title"></h3><div class="content"><p></p></div></div>' | |||||
}) | |||||
}( window.jQuery || window.ender ); |
@@ -1,107 +0,0 @@ | |||||
/* ============================================================= | |||||
* bootstrap-scrollspy.js v1.4.0 | |||||
* http://twitter.github.com/bootstrap/javascript.html#scrollspy | |||||
* ============================================================= | |||||
* Copyright 2011 Twitter, Inc. | |||||
* | |||||
* Licensed under the Apache License, Version 2.0 (the "License"); | |||||
* you may not use this file except in compliance with the License. | |||||
* You may obtain a copy of the License at | |||||
* | |||||
* http://www.apache.org/licenses/LICENSE-2.0 | |||||
* | |||||
* Unless required by applicable law or agreed to in writing, software | |||||
* distributed under the License is distributed on an "AS IS" BASIS, | |||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |||||
* See the License for the specific language governing permissions and | |||||
* limitations under the License. | |||||
* ============================================================== */ | |||||
!function ( $ ) { | |||||
"use strict" | |||||
var $window = $(window) | |||||
function ScrollSpy( topbar, selector ) { | |||||
var processScroll = $.proxy(this.processScroll, this) | |||||
this.$topbar = $(topbar) | |||||
this.selector = selector || 'li > a' | |||||
this.refresh() | |||||
this.$topbar.delegate(this.selector, 'click', processScroll) | |||||
$window.scroll(processScroll) | |||||
this.processScroll() | |||||
} | |||||
ScrollSpy.prototype = { | |||||
refresh: function () { | |||||
this.targets = this.$topbar.find(this.selector).map(function () { | |||||
var href = $(this).attr('href') | |||||
return /^#\w/.test(href) && $(href).length ? href : null | |||||
}) | |||||
this.offsets = $.map(this.targets, function (id) { | |||||
return $(id).offset().top | |||||
}) | |||||
} | |||||
, processScroll: function () { | |||||
var scrollTop = $window.scrollTop() + 10 | |||||
, offsets = this.offsets | |||||
, targets = this.targets | |||||
, activeTarget = this.activeTarget | |||||
, i | |||||
for (i = offsets.length; i--;) { | |||||
activeTarget != targets[i] | |||||
&& scrollTop >= offsets[i] | |||||
&& (!offsets[i + 1] || scrollTop <= offsets[i + 1]) | |||||
&& this.activateButton( targets[i] ) | |||||
} | |||||
} | |||||
, activateButton: function (target) { | |||||
this.activeTarget = target | |||||
this.$topbar | |||||
.find(this.selector).parent('.active') | |||||
.removeClass('active') | |||||
this.$topbar | |||||
.find(this.selector + '[href="' + target + '"]') | |||||
.parent('li') | |||||
.addClass('active') | |||||
} | |||||
} | |||||
/* SCROLLSPY PLUGIN DEFINITION | |||||
* =========================== */ | |||||
$.fn.scrollSpy = function( options ) { | |||||
var scrollspy = this.data('scrollspy') | |||||
if (!scrollspy) { | |||||
return this.each(function () { | |||||
$(this).data('scrollspy', new ScrollSpy( this, options )) | |||||
}) | |||||
} | |||||
if ( options === true ) { | |||||
return scrollspy | |||||
} | |||||
if ( typeof options == 'string' ) { | |||||
scrollspy[options]() | |||||
} | |||||
return this | |||||
} | |||||
$(document).ready(function () { | |||||
$('body').scrollSpy('[data-scrollspy] li > a') | |||||
}) | |||||
}( window.jQuery || window.ender ); |
@@ -1,80 +0,0 @@ | |||||
/* ======================================================== | |||||
* bootstrap-tabs.js v1.4.0 | |||||
* http://twitter.github.com/bootstrap/javascript.html#tabs | |||||
* ======================================================== | |||||
* Copyright 2011 Twitter, Inc. | |||||
* | |||||
* Licensed under the Apache License, Version 2.0 (the "License"); | |||||
* you may not use this file except in compliance with the License. | |||||
* You may obtain a copy of the License at | |||||
* | |||||
* http://www.apache.org/licenses/LICENSE-2.0 | |||||
* | |||||
* Unless required by applicable law or agreed to in writing, software | |||||
* distributed under the License is distributed on an "AS IS" BASIS, | |||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |||||
* See the License for the specific language governing permissions and | |||||
* limitations under the License. | |||||
* ======================================================== */ | |||||
!function( $ ){ | |||||
"use strict" | |||||
function activate ( element, container ) { | |||||
container | |||||
.find('> .active') | |||||
.removeClass('active') | |||||
.find('> .dropdown-menu > .active') | |||||
.removeClass('active') | |||||
element.addClass('active') | |||||
if ( element.parent('.dropdown-menu') ) { | |||||
element.closest('li.dropdown').addClass('active') | |||||
} | |||||
} | |||||
function tab( e ) { | |||||
var $this = $(this) | |||||
, $ul = $this.closest('ul:not(.dropdown-menu)') | |||||
, href = $this.attr('href') | |||||
, previous | |||||
, $href | |||||
if ( /^#\w+/.test(href) ) { | |||||
e.preventDefault() | |||||
if ( $this.parent('li').hasClass('active') ) { | |||||
return | |||||
} | |||||
previous = $ul.find('.active a').last()[0] | |||||
$href = $(href) | |||||
activate($this.parent('li'), $ul) | |||||
activate($href, $href.parent()) | |||||
$this.trigger({ | |||||
type: 'change' | |||||
, relatedTarget: previous | |||||
}) | |||||
} | |||||
} | |||||
/* TABS/PILLS PLUGIN DEFINITION | |||||
* ============================ */ | |||||
$.fn.tabs = $.fn.pills = function ( selector ) { | |||||
return this.each(function () { | |||||
$(this).delegate(selector || '.tabs li > a, .pills > li > a', 'click', tab) | |||||
}) | |||||
} | |||||
$(document).ready(function () { | |||||
$('body').tabs('ul[data-tabs] li > a, ul[data-pills] > li > a') | |||||
}) | |||||
}( window.jQuery || window.ender ); |
@@ -1,310 +0,0 @@ | |||||
/* ========================================================== | |||||
* bootstrap-twipsy.js v1.4.0 | |||||
* http://twitter.github.com/bootstrap/javascript.html#twipsy | |||||
* Adapted from the original jQuery.tipsy by Jason Frame | |||||
* ========================================================== | |||||
* Copyright 2011 Twitter, Inc. | |||||
* | |||||
* Licensed under the Apache License, Version 2.0 (the "License"); | |||||
* you may not use this file except in compliance with the License. | |||||
* You may obtain a copy of the License at | |||||
* | |||||
* http://www.apache.org/licenses/LICENSE-2.0 | |||||
* | |||||
* Unless required by applicable law or agreed to in writing, software | |||||
* distributed under the License is distributed on an "AS IS" BASIS, | |||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |||||
* See the License for the specific language governing permissions and | |||||
* limitations under the License. | |||||
* ========================================================== */ | |||||
!function( $ ) { | |||||
"use strict" | |||||
/* CSS TRANSITION SUPPORT (https://gist.github.com/373874) | |||||
* ======================================================= */ | |||||
var transitionEnd | |||||
$(document).ready(function () { | |||||
$.support.transition = (function () { | |||||
var thisBody = document.body || document.documentElement | |||||
, thisStyle = thisBody.style | |||||
, support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined | |||||
return support | |||||
})() | |||||
// set CSS transition event type | |||||
if ( $.support.transition ) { | |||||
transitionEnd = "TransitionEnd" | |||||
if ( $.browser.webkit ) { | |||||
transitionEnd = "webkitTransitionEnd" | |||||
} else if ( $.browser.mozilla ) { | |||||
transitionEnd = "transitionend" | |||||
} else if ( $.browser.opera ) { | |||||
transitionEnd = "oTransitionEnd" | |||||
} | |||||
} | |||||
}) | |||||
/* TWIPSY PUBLIC CLASS DEFINITION | |||||
* ============================== */ | |||||
var Twipsy = function ( element, options ) { | |||||
this.$element = $(element) | |||||
this.options = options | |||||
this.enabled = true | |||||
this.fixTitle() | |||||
} | |||||
Twipsy.prototype = { | |||||
show: function() { | |||||
var pos | |||||
, actualWidth | |||||
, actualHeight | |||||
, placement | |||||
, $tip | |||||
, tp | |||||
if (this.hasContent() && this.enabled) { | |||||
$tip = this.tip() | |||||
this.setContent() | |||||
if (this.options.animate) { | |||||
$tip.addClass('fade') | |||||
} | |||||
$tip | |||||
.remove() | |||||
.css({ top: 0, left: 0, display: 'block' }) | |||||
.prependTo(document.body) | |||||
pos = $.extend({}, this.$element.offset(), { | |||||
width: this.$element[0].offsetWidth | |||||
, height: this.$element[0].offsetHeight | |||||
}) | |||||
actualWidth = $tip[0].offsetWidth | |||||
actualHeight = $tip[0].offsetHeight | |||||
placement = maybeCall(this.options.placement, this, [ $tip[0], this.$element[0] ]) | |||||
switch (placement) { | |||||
case 'below': | |||||
tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2} | |||||
break | |||||
case 'above': | |||||
tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2} | |||||
break | |||||
case 'left': | |||||
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset} | |||||
break | |||||
case 'right': | |||||
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset} | |||||
break | |||||
} | |||||
$tip | |||||
.css(tp) | |||||
.addClass(placement) | |||||
.addClass('in') | |||||
} | |||||
} | |||||
, setContent: function () { | |||||
var $tip = this.tip() | |||||
$tip.find('.twipsy-inner')[this.options.html ? 'html' : 'text'](this.getTitle()) | |||||
$tip[0].className = 'twipsy' | |||||
} | |||||
, hide: function() { | |||||
var that = this | |||||
, $tip = this.tip() | |||||
$tip.removeClass('in') | |||||
function removeElement () { | |||||
$tip.remove() | |||||
} | |||||
$.support.transition && this.$tip.hasClass('fade') ? | |||||
$tip.bind(transitionEnd, removeElement) : | |||||
removeElement() | |||||
} | |||||
, fixTitle: function() { | |||||
var $e = this.$element | |||||
if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { | |||||
$e.attr('data-original-title', $e.attr('title') || '').removeAttr('title') | |||||
} | |||||
} | |||||
, hasContent: function () { | |||||
return this.getTitle() | |||||
} | |||||
, getTitle: function() { | |||||
var title | |||||
, $e = this.$element | |||||
, o = this.options | |||||
this.fixTitle() | |||||
if (typeof o.title == 'string') { | |||||
title = $e.attr(o.title == 'title' ? 'data-original-title' : o.title) | |||||
} else if (typeof o.title == 'function') { | |||||
title = o.title.call($e[0]) | |||||
} | |||||
title = ('' + title).replace(/(^\s*|\s*$)/, "") | |||||
return title || o.fallback | |||||
} | |||||
, tip: function() { | |||||
if (!this.$tip) { | |||||
this.$tip = $('<div class="twipsy" />').html(this.options.template) | |||||
} | |||||
return this.$tip | |||||
} | |||||
, validate: function() { | |||||
if (!this.$element[0].parentNode) { | |||||
this.hide() | |||||
this.$element = null | |||||
this.options = null | |||||
} | |||||
} | |||||
, enable: function() { | |||||
this.enabled = true | |||||
} | |||||
, disable: function() { | |||||
this.enabled = false | |||||
} | |||||
, toggleEnabled: function() { | |||||
this.enabled = !this.enabled | |||||
} | |||||
} | |||||
/* TWIPSY PRIVATE METHODS | |||||
* ====================== */ | |||||
function maybeCall ( thing, ctx, args ) { | |||||
return typeof thing == 'function' ? thing.apply(ctx, args) : thing | |||||
} | |||||
/* TWIPSY PLUGIN DEFINITION | |||||
* ======================== */ | |||||
$.fn.twipsy = function (options) { | |||||
$.fn.twipsy.initWith.call(this, options, Twipsy, 'twipsy') | |||||
return this | |||||
} | |||||
$.fn.twipsy.initWith = function (options, Constructor, name) { | |||||
var twipsy | |||||
, binder | |||||
, eventIn | |||||
, eventOut | |||||
if (options === true) { | |||||
return this.data(name) | |||||
} else if (typeof options == 'string') { | |||||
twipsy = this.data(name) | |||||
if (twipsy) { | |||||
twipsy[options]() | |||||
} | |||||
return this | |||||
} | |||||
options = $.extend({}, $.fn[name].defaults, options) | |||||
function get(ele) { | |||||
var twipsy = $.data(ele, name) | |||||
if (!twipsy) { | |||||
twipsy = new Constructor(ele, $.fn.twipsy.elementOptions(ele, options)) | |||||
$.data(ele, name, twipsy) | |||||
} | |||||
return twipsy | |||||
} | |||||
function enter() { | |||||
var twipsy = get(this) | |||||
twipsy.hoverState = 'in' | |||||
if (options.delayIn == 0) { | |||||
twipsy.show() | |||||
} else { | |||||
twipsy.fixTitle() | |||||
setTimeout(function() { | |||||
if (twipsy.hoverState == 'in') { | |||||
twipsy.show() | |||||
} | |||||
}, options.delayIn) | |||||
} | |||||
} | |||||
function leave() { | |||||
var twipsy = get(this) | |||||
twipsy.hoverState = 'out' | |||||
if (options.delayOut == 0) { | |||||
twipsy.hide() | |||||
} else { | |||||
setTimeout(function() { | |||||
if (twipsy.hoverState == 'out') { | |||||
twipsy.hide() | |||||
} | |||||
}, options.delayOut) | |||||
} | |||||
} | |||||
if (!options.live) { | |||||
this.each(function() { | |||||
get(this) | |||||
}) | |||||
} | |||||
if (options.trigger != 'manual') { | |||||
binder = options.live ? 'live' : 'bind' | |||||
eventIn = options.trigger == 'hover' ? 'mouseenter' : 'focus' | |||||
eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur' | |||||
this[binder](eventIn, enter)[binder](eventOut, leave) | |||||
} | |||||
return this | |||||
} | |||||
$.fn.twipsy.Twipsy = Twipsy | |||||
$.fn.twipsy.defaults = { | |||||
animate: true | |||||
, delayIn: 0 | |||||
, delayOut: 0 | |||||
, fallback: '' | |||||
, placement: 'above' | |||||
, html: false | |||||
, live: false | |||||
, offset: 0 | |||||
, title: 'title' | |||||
, trigger: 'hover' | |||||
, template: '<div class="twipsy-arrow"></div><div class="twipsy-inner"></div>' | |||||
} | |||||
$.fn.twipsy.elementOptions = function(ele, options) { | |||||
return $.extend({}, options, $(ele).data()) | |||||
} | |||||
}( window.jQuery || window.ender ); |
@@ -34,8 +34,8 @@ if(rd[1]){var dt=rd[0];var dn=rd[1];this.add(dt,dn,0);}}}}); | |||||
* lib/js/wn/ui/toolbar/toolbar.js | * lib/js/wn/ui/toolbar/toolbar.js | ||||
*/ | */ | ||||
wn.ui.toolbar.Toolbar=Class.extend({init:function(){this.make();this.make_home();this.make_new();this.make_search();this.make_report();wn.ui.toolbar.recent=new wn.ui.toolbar.RecentDocs();if(in_list(user_roles,'Administrator')) | wn.ui.toolbar.Toolbar=Class.extend({init:function(){this.make();this.make_home();this.make_new();this.make_search();this.make_report();wn.ui.toolbar.recent=new wn.ui.toolbar.RecentDocs();if(in_list(user_roles,'Administrator')) | ||||
this.make_options();this.make_tools();this.set_user_name();this.make_logout();$('.topbar').dropdown();$(document).trigger('toolbar_setup');},make:function(){$('header').append('<div class="topbar">\ | |||||
<div class="topbar-inner">\ | |||||
this.make_options();this.make_tools();this.set_user_name();this.make_logout();$('.navbar').dropdown();$(document).trigger('toolbar_setup');},make:function(){$('header').append('<div class="navbar navbar-fixed-top">\ | |||||
<div class="navbar-inner">\ | |||||
<div class="container">\ | <div class="container">\ | ||||
<a class="brand"></a>\ | <a class="brand"></a>\ | ||||
<ul class="nav">\ | <ul class="nav">\ | ||||
@@ -43,18 +43,20 @@ this.make_options();this.make_tools();this.set_user_name();this.make_logout();$( | |||||
<img src="lib/images/ui/spinner.gif" id="spinner"/>\ | <img src="lib/images/ui/spinner.gif" id="spinner"/>\ | ||||
<ul class="nav secondary-nav">\ | <ul class="nav secondary-nav">\ | ||||
<li class="dropdown">\ | <li class="dropdown">\ | ||||
<a class="dropdown-toggle" href="#" onclick="return false;" id="toolbar-user-link"></a>\ | |||||
<a class="dropdown-toggle" data-toggle="dropdown" href="#" <b class="caret"></b>\ | |||||
onclick="return false;" id="toolbar-user-link"></a>\ | |||||
<ul class="dropdown-menu" id="toolbar-user">\ | <ul class="dropdown-menu" id="toolbar-user">\ | ||||
</ul>\ | </ul>\ | ||||
</li>\ | </li>\ | ||||
</ul>\ | </ul>\ | ||||
</div>\ | </div>\ | ||||
</div>\ | </div>\ | ||||
</div>');},make_home:function(){$('.topbar .nav:first').append('<li><a href="#'+home_page+'">Home</a></li>')},make_new:function(){wn.ui.toolbar.new_dialog=new wn.ui.toolbar.NewDialog();$('.topbar .nav:first').append('<li><a href="#" \ | |||||
onclick="return wn.ui.toolbar.new_dialog.show();">New</a></li>');},make_search:function(){wn.ui.toolbar.search=new wn.ui.toolbar.Search();$('.topbar .nav:first').append('<li><a href="#" \ | |||||
onclick="return wn.ui.toolbar.search.show();">Search</a></li>');},make_report:function(){wn.ui.toolbar.report=new wn.ui.toolbar.Report();$('.topbar .nav:first').append('<li><a href="#" \ | |||||
onclick="return wn.ui.toolbar.report.show();">Report</a></li>');},make_tools:function(){$('.topbar .nav:first').append('<li class="dropdown">\ | |||||
<a class="dropdown-toggle" href="#" onclick="return false;">Tools</a>\ | |||||
</div>');},make_home:function(){$('.navbar .nav:first').append('<li><a href="#'+home_page+'">Home</a></li>')},make_new:function(){wn.ui.toolbar.new_dialog=new wn.ui.toolbar.NewDialog();$('.navbar .nav:first').append('<li><a href="#" \ | |||||
onclick="return wn.ui.toolbar.new_dialog.show();">New</a></li>');},make_search:function(){wn.ui.toolbar.search=new wn.ui.toolbar.Search();$('.navbar .nav:first').append('<li><a href="#" \ | |||||
onclick="return wn.ui.toolbar.search.show();">Search</a></li>');},make_report:function(){wn.ui.toolbar.report=new wn.ui.toolbar.Report();$('.navbar .nav:first').append('<li><a href="#" \ | |||||
onclick="return wn.ui.toolbar.report.show();">Report</a></li>');},make_tools:function(){$('.navbar .nav:first').append('<li class="dropdown">\ | |||||
<a class="dropdown-toggle" data-toggle="dropdown" href="#" \ | |||||
onclick="return false;">Tools<b class="caret"></b></a>\ | |||||
<ul class="dropdown-menu" id="toolbar-tools">\ | <ul class="dropdown-menu" id="toolbar-tools">\ | ||||
<li><a href="#" onclick="return err_console.show();">Error Console</a></li>\ | <li><a href="#" onclick="return err_console.show();">Error Console</a></li>\ | ||||
<li><a href="#" onclick="return wn.ui.toolbar.clear_cache();">Clear Cache</a></li>\ | <li><a href="#" onclick="return wn.ui.toolbar.clear_cache();">Clear Cache</a></li>\ | ||||
@@ -62,8 +64,9 @@ this.make_options();this.make_tools();this.set_user_name();this.make_logout();$( | |||||
</ul>\ | </ul>\ | ||||
</li>');if(has_common(user_roles,['Administrator','System Manager'])){$('#toolbar-tools').append('<li><a href="#" \ | </li>');if(has_common(user_roles,['Administrator','System Manager'])){$('#toolbar-tools').append('<li><a href="#" \ | ||||
onclick="return wn.ui.toolbar.download_backup();">\ | onclick="return wn.ui.toolbar.download_backup();">\ | ||||
Download Backup</a></li>');}},make_options:function(){$('.topbar .nav:first').append('<li class="dropdown">\ | |||||
<a class="dropdown-toggle" href="#" onclick="return false;">Options</a>\ | |||||
Download Backup</a></li>');}},make_options:function(){$('.navbar .nav:first').append('<li class="dropdown">\ | |||||
<a class="dropdown-toggle" data-toggle="dropdown" \ | |||||
href="#" onclick="return false;">Options<b class="caret"></b></a>\ | |||||
<ul class="dropdown-menu" id="toolbar-options">\ | <ul class="dropdown-menu" id="toolbar-options">\ | ||||
</ul>\ | </ul>\ | ||||
</li>');profile.start_items.sort(function(a,b){return(a[4]-b[4])});for(var i=0;i<profile.start_items.length;i++){var d=profile.start_items[i];var ispage=d[0]=='Page';$('#toolbar-options').append(repl('<li><a href="#%(type)s%(dt)s%(dn)s">\ | </li>');profile.start_items.sort(function(a,b){return(a[4]-b[4])});for(var i=0;i<profile.start_items.length;i++){var d=profile.start_items[i];var ispage=d[0]=='Page';$('#toolbar-options').append(repl('<li><a href="#%(type)s%(dt)s%(dn)s">\ | ||||
@@ -13,13 +13,13 @@ wn.ui.toolbar.Toolbar = Class.extend({ | |||||
this.set_user_name(); | this.set_user_name(); | ||||
this.make_logout(); | this.make_logout(); | ||||
$('.topbar').dropdown(); | |||||
$('.navbar').dropdown(); | |||||
$(document).trigger('toolbar_setup'); | $(document).trigger('toolbar_setup'); | ||||
}, | }, | ||||
make: function() { | make: function() { | ||||
$('header').append('<div class="topbar">\ | |||||
<div class="topbar-inner">\ | |||||
$('header').append('<div class="navbar navbar-fixed-top">\ | |||||
<div class="navbar-inner">\ | |||||
<div class="container">\ | <div class="container">\ | ||||
<a class="brand"></a>\ | <a class="brand"></a>\ | ||||
<ul class="nav">\ | <ul class="nav">\ | ||||
@@ -27,7 +27,8 @@ wn.ui.toolbar.Toolbar = Class.extend({ | |||||
<img src="lib/images/ui/spinner.gif" id="spinner"/>\ | <img src="lib/images/ui/spinner.gif" id="spinner"/>\ | ||||
<ul class="nav secondary-nav">\ | <ul class="nav secondary-nav">\ | ||||
<li class="dropdown">\ | <li class="dropdown">\ | ||||
<a class="dropdown-toggle" href="#" onclick="return false;" id="toolbar-user-link"></a>\ | |||||
<a class="dropdown-toggle" data-toggle="dropdown" href="#" \ | |||||
onclick="return false;" id="toolbar-user-link"></a>\ | |||||
<ul class="dropdown-menu" id="toolbar-user">\ | <ul class="dropdown-menu" id="toolbar-user">\ | ||||
</ul>\ | </ul>\ | ||||
</li>\ | </li>\ | ||||
@@ -37,26 +38,27 @@ wn.ui.toolbar.Toolbar = Class.extend({ | |||||
</div>'); | </div>'); | ||||
}, | }, | ||||
make_home: function() { | make_home: function() { | ||||
$('.topbar .nav:first').append('<li><a href="#'+home_page+'">Home</a></li>') | |||||
$('.navbar .nav:first').append('<li><a href="#'+home_page+'">Home</a></li>') | |||||
}, | }, | ||||
make_new: function() { | make_new: function() { | ||||
wn.ui.toolbar.new_dialog = new wn.ui.toolbar.NewDialog(); | wn.ui.toolbar.new_dialog = new wn.ui.toolbar.NewDialog(); | ||||
$('.topbar .nav:first').append('<li><a href="#" \ | |||||
$('.navbar .nav:first').append('<li><a href="#" \ | |||||
onclick="return wn.ui.toolbar.new_dialog.show();">New</a></li>'); | onclick="return wn.ui.toolbar.new_dialog.show();">New</a></li>'); | ||||
}, | }, | ||||
make_search: function() { | make_search: function() { | ||||
wn.ui.toolbar.search = new wn.ui.toolbar.Search(); | wn.ui.toolbar.search = new wn.ui.toolbar.Search(); | ||||
$('.topbar .nav:first').append('<li><a href="#" \ | |||||
$('.navbar .nav:first').append('<li><a href="#" \ | |||||
onclick="return wn.ui.toolbar.search.show();">Search</a></li>'); | onclick="return wn.ui.toolbar.search.show();">Search</a></li>'); | ||||
}, | }, | ||||
make_report: function() { | make_report: function() { | ||||
wn.ui.toolbar.report = new wn.ui.toolbar.Report(); | wn.ui.toolbar.report = new wn.ui.toolbar.Report(); | ||||
$('.topbar .nav:first').append('<li><a href="#" \ | |||||
$('.navbar .nav:first').append('<li><a href="#" \ | |||||
onclick="return wn.ui.toolbar.report.show();">Report</a></li>'); | onclick="return wn.ui.toolbar.report.show();">Report</a></li>'); | ||||
}, | }, | ||||
make_tools: function() { | make_tools: function() { | ||||
$('.topbar .nav:first').append('<li class="dropdown">\ | |||||
<a class="dropdown-toggle" href="#" onclick="return false;">Tools</a>\ | |||||
$('.navbar .nav:first').append('<li class="dropdown">\ | |||||
<a class="dropdown-toggle" data-toggle="dropdown" href="#" \ | |||||
onclick="return false;">Tools<b class="caret"></b></a>\ | |||||
<ul class="dropdown-menu" id="toolbar-tools">\ | <ul class="dropdown-menu" id="toolbar-tools">\ | ||||
<li><a href="#" onclick="return err_console.show();">Error Console</a></li>\ | <li><a href="#" onclick="return err_console.show();">Error Console</a></li>\ | ||||
<li><a href="#" onclick="return wn.ui.toolbar.clear_cache();">Clear Cache</a></li>\ | <li><a href="#" onclick="return wn.ui.toolbar.clear_cache();">Clear Cache</a></li>\ | ||||
@@ -71,8 +73,9 @@ wn.ui.toolbar.Toolbar = Class.extend({ | |||||
} | } | ||||
}, | }, | ||||
make_options: function() { | make_options: function() { | ||||
$('.topbar .nav:first').append('<li class="dropdown">\ | |||||
<a class="dropdown-toggle" href="#" onclick="return false;">Options</a>\ | |||||
$('.navbar .nav:first').append('<li class="dropdown">\ | |||||
<a class="dropdown-toggle" data-toggle="dropdown" \ | |||||
href="#" onclick="return false;">Options<b class="caret"></b></a>\ | |||||
<ul class="dropdown-menu" id="toolbar-options">\ | <ul class="dropdown-menu" id="toolbar-options">\ | ||||
</ul>\ | </ul>\ | ||||
</li>'); | </li>'); | ||||