-
-
Save qgustavor/cdfd7fbc7a4aa76e920a to your computer and use it in GitHub Desktop.
Fiddle (uses service worker as server replacement)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang=en> | |
<meta charset=utf-8> | |
<meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width"> | |
<title>Shoutbox test</title> | |
<script> | |
if(location.hostname !== 'localhost' && location.protocol === 'http:') { | |
location = location.href.replace('http:', 'https:'); | |
} else if (localStorage.shouldBeLoaded) { | |
document.addEventListener('DOMContentLoaded', function () { | |
document.getElementById('message') | |
.innerHTML = 'Service Worker failed silently. Reload to try again.'; | |
localStorage.shouldBeLoaded = ''; | |
}); | |
} else if(navigator.serviceWorker) { | |
navigator.serviceWorker.register('loader.js', {scope:'.'}) // it was / because I copyed code from qgustavor/wshp.tk | |
.then(function () { | |
document.getElementById('message') | |
.innerHTML = 'This page will reload now in other to finish registration'; | |
localStorage.shouldBeLoaded = true; | |
location.href = ''; | |
}, function(err){ | |
document.getElementById('message') | |
.innerHTML = 'Your browser supports Service Workers, but <strong>registration failed</strong>'; | |
throw err; /* on Chrome it shows in the console */ | |
}); | |
} else { | |
document.addEventListener('DOMContentLoaded', function () { | |
document.getElementById('message') | |
.innerHTML = "If you're seeing this then maybe your<br>browser <strong>don't support Service Workers</strong>."; | |
}); | |
} | |
</script> | |
<style>/* based on Google error pages */ | |
*{margin:0;padding:0} | |
html{font:15px/22px sans-serif;background:#03A9F4;color:#222;padding:15px;text-align:center;} | |
body{background:#FFF;margin:7% auto 0;max-width:500px;padding:30px;border-radius:3px} | |
p{margin:11px 0 22px} | |
strong{color:#111} | |
</style> | |
<h1>Shoutbox test</h1> | |
<p id="message">The page is loading, please <noscript>enable JavaScript, reload and </noscript>wait a little. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// This script come from the original shoutbox implementation: | |
// <!-- | |
function klappe(id) | |
{ | |
var klappText = document.getElementById('k' + id); | |
var klappBild = document.getElementById('pic' + id); | |
if (klappText.style.display == 'none') { | |
klappText.style.display = 'block'; | |
} | |
else { | |
klappText.style.display = 'none'; | |
} | |
} | |
function klappe_news(id) | |
{ | |
var klappText = document.getElementById('k' + id); | |
var klappBild = document.getElementById('pic' + id); | |
if (klappText.style.display == 'none') { | |
klappText.style.display = 'block'; | |
klappBild.src = 'images/minus.gif'; | |
} | |
else { | |
klappText.style.display = 'none'; | |
klappBild.src = 'images/plus.gif'; | |
} | |
} | |
function klappe_torrent(id) | |
{ | |
var klappText = document.getElementById('k' + id); | |
var klappBild = document.getElementById('pic' + id); | |
if (klappText.style.display == 'none') { | |
klappText.style.display = 'block'; | |
klappBild.src = 'images/minus.gif'; | |
} | |
else { | |
klappText.style.display = 'none'; | |
klappBild.src = 'images/plus.gif'; | |
} | |
} | |
function getCookie(name) | |
{ | |
var i, x, y, cookies = document.cookie.split(';'); | |
for (i = 0; i < cookies.length; i++) | |
{ | |
x = cookies[i].substr(0, cookies[i].indexOf('=')); | |
y = cookies[i].substr(cookies[i].indexOf('=')); | |
x = x.replace(/^\s+|\s+$/g, ''); | |
if (x == name) | |
{ | |
return unescape(y.substr(1,5)); | |
} | |
} | |
return null; | |
} | |
function setCookie(name, value, expire) | |
{ | |
var expiry = new Date(); | |
expiry.setDate(expiry.getDate() + expire); | |
var values = escape(value) + ((expiry == null) ? '' : '; expires=' + expiry.toUTCString()); | |
document.cookie = name + '=' + values; | |
} | |
var checked = false; | |
function checkAll(form) | |
{ | |
if (checked == false) | |
checked = true; | |
else | |
checked = false; | |
var length = document.getElementById(form).elements.length; | |
for ( i = 0; i < length; i++ ) | |
{ | |
document.getElementById(form).elements[i].checked = checked; | |
} | |
} | |
function toggleChecked(state) | |
{ | |
var x = document.getElementsByTagName('input'); | |
for ( i = 0; i < x.length; i++ ) | |
{ | |
if ( x[i].type == 'checkbox' ) | |
{ | |
x[i].checked = state; | |
} | |
} | |
} | |
function toggleDisplay(id) | |
{ | |
var x = document.getElementById(id); | |
if ( x.style.display == '' ) | |
x.style.display = 'none'; | |
else | |
x.style.display = ''; | |
} | |
function toggleTemplate(x) | |
{ | |
var y = true; | |
if ( x.form.usetemplate.selectedIndex == 0 ) | |
y = false; | |
x.form.subject.disabled = y; | |
x.form.msg.disabled = y; | |
x.form.draft.disabled = y; | |
x.form.template.disabled = y; | |
} | |
function read(id) | |
{ | |
var x = document.getElementById('msg_' + id); | |
var y = document.getElementById('img_' + id); | |
if ( x.style.display == '' ) | |
{ | |
x.style.display = 'none'; | |
y.src = 'images/plus.gif'; | |
} | |
else | |
{ | |
x.style.display = ''; | |
y.src = 'images/minus.gif'; | |
} | |
} | |
function SmileIT(smile,form,text) | |
{ | |
document.forms[form].elements[text].value = document.forms[form].elements[text].value+" "+smile+" "; | |
document.forms[form].elements[text].focus(); | |
} | |
function PopMoreSmiles(form,name) | |
{ | |
link = 'smilies.php?action=display&form='+form+'&text='+name | |
newWin = window.open(link,'moresmile','height=500,width=450,resizable=no,scrollbars=yes,location=no'); | |
if (window.focus) {newWin.focus()} | |
} | |
function PopMoreTags() | |
{ | |
link = 'tags.php'; | |
newWin = window.open(link,'moresmile','height=500,width=775,resizable=no,scrollbars=yes,location=no'); | |
if (window.focus) {newWin.focus()} | |
} | |
// --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Emulate the original PHP script using ServiceWorkers and Faker.js | |
importScripts('https://cdnjs.cloudflare.com/ajax/libs/Faker/3.0.1/locales/pt_BR/faker.pt_BR.min.js'); | |
importScripts('https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.3/handlebars.min.js'); | |
importScripts('https://cdn.rawgit.com/svenslaggare/BBCodeParser/1bc8f3d0f80dd44f16d5c7e8892533352587033f/build/bbCodeParser.min.js'); | |
var bbcode = new BBCodeParser(BBCodeParser.defaultTags()); | |
var originalHref = (new URL('shoutbox.php', location.href)).pathname; | |
var rootHref = (new URL('.', location.href)).pathname; | |
var yourself = faker.helpers.contextualCard(); | |
yourself.name = 'Você'; | |
yourself.isCurrentUser = true; | |
var people = []; | |
var messages = []; | |
// Keep chatting: | |
setInterval(function () { | |
while (Math.random() < 0.8) {addMessage();} | |
while (Math.random() < 0.2) {addPerson();} | |
// Remove random messages: | |
messages.splice( | |
Math.floor(Math.random() * messages.length), | |
Math.floor(Math.random() * 3) | |
); | |
}, 20e3); | |
function addPerson() { | |
var person = faker.helpers.contextualCard(); | |
person.phrase = Math.random() < 0.9 ? | |
faker.hacker.phrase : | |
faker.lorem.sentence; | |
people.push(person); | |
} | |
function addMessage(text) { | |
var author = people[Math.floor(Math.random() * people.length)]; | |
messages.unshift({ | |
author: text ? yourself : author, | |
text: bbcode.parseString(text || author.phrase()), | |
timestamp: faker.date.recent().toISOString().substr(11, 5), | |
id: Date.now() + '' | |
}); | |
// Avoid storing too many messages in memory: | |
messages = messages.slice(0, 40); | |
} | |
// Populate messages: | |
for (var i = 0; i < 5; i++) { | |
addPerson(); | |
} | |
for (var j = 0; j < 20; j++) { | |
addMessage(); | |
} | |
self.addEventListener('fetch', function(event) { | |
var requestUrl = new URL(event.request.url); | |
if (requestUrl.pathname === originalHref || requestUrl.pathname === rootHref) { | |
var templateOperation = fetch('template.html') | |
.then(function (response) { | |
return response.text(); | |
}).then(function (source) { | |
if (event.request.method === 'GET' && requestUrl.search) { | |
var query = parseQuery(requestUrl.search.substr(1)); | |
if (query.del) { | |
messages = messages.filter(function (message) { | |
return message.id !== query.del; | |
}); | |
} | |
} else if (event.request.method === 'POST') { | |
return event.request.text() | |
.then(function (requestBody) { | |
var query = parseQuery(requestBody); | |
if (query.message) { | |
addMessage(query.message); | |
} | |
return doTemplating(source); | |
}); | |
} | |
return doTemplating(source); | |
}); | |
event.respondWith(templateOperation); | |
} | |
}); | |
function parseQuery(qstr) { | |
var query = {}; | |
var a = qstr.split('&'); | |
for (var i = 0; i < a.length; i++) { | |
var b = a[i].split('='); | |
query[decodeURIComponent(b[0])] = decodeURIComponent(b[1].replace(/\+/g, '%20') || ''); | |
} | |
return query; | |
} | |
function doTemplating(source) { | |
var template = Handlebars.compile(source); | |
return new Promise(function (resolve) { | |
setTimeout(function () { | |
resolve(new Response(new Blob([ | |
template({messages: messages.slice(0, 20)}) | |
], {type: 'text/html; charset=UTF-8'}))); | |
}, 1000); | |
}); | |
} | |
self.addEventListener('install', function(event) { | |
if (typeof self.skipWaiting === 'function') { | |
event.waitUntil(self.skipWaiting()); | |
} else { | |
event.waitUntil(Promise.resolve()); | |
} | |
}); | |
if (self.clients && (typeof self.clients.claim === 'function')) { | |
self.addEventListener('activate', function(e) { | |
e.waitUntil(self.clients.claim()); | |
}); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Those are all CSS loaded by the page, concated in one huge file */ | |
/* -- Theme Resets --*/ | |
.nfo { | |
font-family: terminal; | |
font-size: 10px; | |
} | |
hr { | |
height: 1px; | |
width: 60%; | |
margin-right: auto; | |
margin-left: auto; | |
border: 1px dotted #0099FF; | |
} | |
p { | |
margin: 0px; | |
padding: 0px; | |
} | |
ul, ol { | |
list-style-position: inside; | |
list-style-type: none; | |
} | |
a, img { | |
border: 0px none; | |
outline: none; | |
} | |
h1 { | |
font-size: 11pt; | |
color: #09C; | |
} | |
h3 { | |
font-size: 9pt; | |
color: #444; | |
} | |
h4, h5, h6 { | |
font-size: 8pt; | |
} | |
table { border-collapse: collapse; } | |
/* Layout Styles */ | |
.mainbody { | |
background:url(images/textura.png) repeat-x; | |
background-color: #000; | |
margin-left: 0px; | |
margin-top: 0px; | |
margin-right: 0px; | |
margin-bottom: 0px; | |
font-family: Verdana, Arial, Helvetica, sans-serif; | |
font-size: 8pt; | |
} | |
.wrapper { | |
opacity:0.9; | |
display: block; | |
margin: 0px; | |
padding: 0px; | |
width: 100%; | |
position: relative; | |
} | |
.header { | |
display: block; | |
background:#ddd; | |
margin: 0px; | |
padding: 0px; | |
height: 80px; | |
width: 100%; | |
position: relative; | |
} | |
.logo { | |
display: block; | |
margin: 0px; | |
padding: 0px; | |
height: 46px; | |
width: 312px; | |
position: relative; | |
left: 40px; | |
top: 0px; | |
} | |
.infobar { | |
color: #666; | |
display: block; | |
margin: 0px; | |
padding: 0px; | |
clear: right; | |
float: right; | |
position: absolute; | |
z-index: 2; | |
top: 20px; | |
right: 60px; | |
} | |
#main { | |
padding: 6px; | |
display: block; | |
position: relative; | |
margin: 0px; | |
} | |
.credits { | |
text-align: center; | |
display: block; | |
margin: 0px; | |
padding: 10px; | |
width: auto; | |
line-height: 16px; | |
color:rgba(64, 98, 149, 1) | |
} | |
/* -- Form Styles -- */ | |
input, select { | |
font-family: Arial, Helvetica, sans-serif; | |
margin: 1px; | |
padding: 2px; | |
border: 1px solid #777; | |
background-color: E5E5E5; | |
} | |
input { | |
font-size: 11px; | |
} | |
select { | |
font-size: 10px; | |
} | |
textarea { | |
border: 1px solid #aaa; | |
padding: 7px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
-moz-box-shadow: inset 0 2px 4px 1px #CCC; | |
-webkit-box-shadow: inset 0 2px 4px 1px#CCC; | |
box-shadow: inset 0 2px 4px 1px #CCC; | |
background-color: #EEE; | |
} | |
input[type=reset], input[type=button], input[type=reset], input[type=submit] { | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
border: 0px solid #FFF; | |
padding-top: 1px; | |
padding-right: 6px; | |
padding-bottom: 1px; | |
padding-left: 4px; | |
margin: 2px; | |
-moz-box-shadow: 0 0px 2px 1px #555; | |
-webkit-box-shadow: 0 0px 2px 1px#555; | |
box-shadow: 0 0px 2px 1px #555; | |
font-weight: bold; | |
font-family: Arial, Helvetica, sans-serif; | |
font-size: 12px; | |
cursor: pointer; | |
background: rgb(207,207,207); | |
background: -moz-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%); | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 207, 207, 1)), color-stop(100%, rgba(165, 165, 165, 1))); | |
background: -webkit-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%); | |
background: -o-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%); | |
background: -ms-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%); | |
background: linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%); | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#a5a5a5', GradientType=0 ); | |
} | |
input[type=reset]:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { | |
color: #FFF; | |
text-shadow: 0px 1px 2px #000; | |
} | |
input[type=reset], input[type=button], input[type=reset] { | |
} | |
input[type=reset]:hover, input[type=button]:hover, input[type=reset]:hover { | |
} | |
input[type=submit] { | |
} | |
input[type=submit]:hover { | |
} | |
input[type=text] { | |
-moz-box-shadow: inset 0 0 0 1px #fff; | |
-webkit-box-shadow: inset 0 0 0 1px#fff; | |
box-shadow: inset 0 0 0 1px #fff; | |
font-size: 13px; | |
font-family: Arial, Helvetica, sans-serif; | |
border: 1px solid #444; | |
} | |
input[type=password] { | |
color: #FF6600; | |
} | |
/* -- Link Styles -- */ | |
a:link, a:visited, a:active { | |
text-decoration: none; | |
color: #069; | |
} | |
a:hover { | |
text-decoration: underline; | |
color: #036; | |
} | |
.navigation { | |
/* background-image: url(images/menu.gif); | |
background-repeat: repeat-x; | |
background-position: top; */ | |
background: rgb(30,87,153); /* Old browsers */ | |
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */ | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ | |
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */ | |
background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */ | |
background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */ | |
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */ | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ | |
text-align: center; | |
display: block; | |
margin: 0px; | |
padding: 0px; | |
height: 27px; | |
width: 100%; | |
} | |
.menu { | |
display: table; | |
padding: 0px; | |
height: 27px; | |
clear: both; | |
margin-top: 0px; | |
margin-right: auto; | |
margin-left: auto; | |
width: auto; | |
} | |
.menu ul { | |
display: table-row; | |
margin: 0px; | |
padding: 0px; | |
} | |
.menu ul li { | |
display: table-cell; | |
margin: 0px; | |
padding: 0px; | |
} | |
.menu ul li a { | |
font-size: 12px; | |
line-height: 27px; | |
font-weight: bold; | |
color: #FFF; | |
text-decoration: none; | |
display: block; | |
margin: 0px; | |
height: 27px; | |
width: auto; | |
padding-top: 0px; | |
padding-right: 18px; | |
padding-bottom: 0px; | |
padding-left: 18px; | |
text-shadow: 0px 1px 1px #000; | |
} | |
.menu ul li a:hover { | |
color: #111; | |
text-shadow: none; | |
} | |
.bMenu { | |
display: block; | |
margin: 0px; | |
padding: 0px; | |
width: 100%; | |
} | |
.bMenu ul { | |
display: block; | |
margin: 0px; | |
padding: 0px; | |
list-style-position: inside; | |
list-style-type: circle; | |
} | |
.bMenu ul li { | |
width: auto; | |
color: #666666; | |
text-decoration: none; | |
} | |
#navigate ul { | |
list-style-type: none; | |
padding: 0px; | |
width: 98%; | |
border-bottom-width: 1px; | |
border-bottom-style: solid; | |
border-bottom-color: #AAA; | |
margin-top: 0px; | |
margin-right: auto; | |
margin-bottom: 0px; | |
margin-left: auto; | |
} | |
#navigate ul li { | |
margin: 0px; | |
padding: 0px; | |
width: 100%; | |
border-collapse: collapse; | |
border-top-width: 1px; | |
border-right-width: 1px; | |
border-left-width: 1px; | |
border-top-style: solid; | |
border-right-style: solid; | |
border-left-style: solid; | |
border-top-color: #AAA; | |
border-right-color: #AAA; | |
border-left-color: #AAA; | |
} | |
#navigate ul li a { | |
text-align: left; | |
text-indent: 5px; | |
display: block; | |
margin: 0px; | |
padding: 0px; | |
height: 18px; | |
width: 100%; | |
font-family: Arial, Helvetica, sans-serif; | |
line-height: 18px; | |
font-size: 12px; | |
color: #555; | |
font-weight: bold; | |
background: rgb(238,238,238); | |
background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(221, 221, 221, 1) 100%); | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(221, 221, 221, 1))); | |
background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(221, 221, 221, 1) 100%); | |
background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(221, 221, 221, 1) 100%); | |
background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(221, 221, 221, 1) 100%); | |
background: linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(221, 221, 221, 1) 100%); | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0 ); | |
} | |
#navigate ul li a:hover { | |
color: #0066CC; | |
text-decoration: none; | |
text-indent: 8px; | |
} | |
#nMember, #uOnline { | |
margin: 2px; | |
width: 98%; | |
padding: 2px; | |
font-family: Verdana, sans-serif; | |
} | |
#nMember p, #uOnline p { | |
display: inline; | |
} | |
#nMember ul, #nMember li, #uOnline ul, #uOnline li { | |
display: inline; | |
margin: 0; | |
padding: 0; | |
color: #0066CC; | |
} | |
/* -- Block Styles -- */ | |
.myBlock { | |
display: block; | |
background:#ddd; | |
margin: 0px; | |
padding: 0px; | |
width: 100%; | |
border: 1px solid #4C4C4C; | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
-moz-border-radius-topleft: 8px; | |
-moz-border-radius-topright: 8px; | |
-webkit-border-radius-topleft: 8px; | |
-webkit-border-radius-topright: 8px; | |
} | |
.myBlock-caption { | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
-moz-border-radius-topleft: 8px; | |
-moz-border-radius-topright: 8px; | |
-webkit-border-radius-topleft: 8px; | |
-webkit-border-radius-topright: 8px; | |
/* background-image: url(images/block-top.gif); | |
background-repeat: repeat-x; | |
background-position: top;*/ | |
background: -moz-linear-gradient(top, rgba(30,87,153,0.8) 0%, rgba(41,137,216,0.9) 50%, rgba(32,124,202,0.9) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */ | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0.8)), color-stop(50%,rgba(41,137,216,0.9)), color-stop(51%,rgba(32,124,202,0.9)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ | |
background: -webkit-linear-gradient(top, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */ | |
background: -o-linear-gradient(top, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */ | |
background: -ms-linear-gradient(top, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* IE10+ */ | |
background: linear-gradient(to bottom, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* W3C */ | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ | |
text-align: center; | |
display: block; | |
margin: 0px; | |
padding: 0px; | |
height: 25px; | |
font-family: Arial, Helvetica, sans-serif; | |
font-size: 15px; | |
line-height: 25px; | |
font-weight: bold; | |
color: #FFF; | |
text-shadow: 0px 1px 2px #000; | |
background-color: #92D88FF; | |
border: 1px solid #FFF; | |
} | |
.myBlock-content { | |
display: block; | |
padding: 4px; | |
border-top-width: 1px; | |
border-bottom-width: 1px; | |
border-top-style: solid; | |
border-bottom-style: solid; | |
border-top-color: #777; | |
border-bottom-color: #777; | |
} | |
.myBlock-foot { | |
background-image: url(images/block-bottom.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
display: block; | |
margin: 0px; | |
padding: 0px; | |
height: 11px; | |
width: 100%; | |
} | |
/* -- Frame Styles -- */ | |
.myFrame { | |
background:#ddd; | |
/* -- display: block; -- */ | |
float: left; | |
margin: 0px; | |
padding: 0px; | |
width: 100%; | |
border: 1px solid #4C4C4C; | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
-moz-border-radius-topleft: 8px; | |
-moz-border-radius-topright: 8px; | |
-webkit-border-radius-topleft: 8px; | |
-webkit-border-radius-topright: 8px; | |
} | |
.myFrame-caption { | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
-moz-border-radius-topleft: 8px; | |
-moz-border-radius-topright: 8px; | |
-webkit-border-radius-topleft: 8px; | |
-webkit-border-radius-topright: 8px; | |
/*background-image: url(images/frame-top.gif); | |
background-repeat: repeat-x; | |
background-position: top;*/ | |
background: -moz-linear-gradient(top, rgba(30,87,153,0.8) 0%, rgba(41,137,216,0.9) 50%, rgba(32,124,202,0.9) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */ | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0.8)), color-stop(50%,rgba(41,137,216,0.9)), color-stop(51%,rgba(32,124,202,0.9)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ | |
background: -webkit-linear-gradient(top, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */ | |
background: -o-linear-gradient(top, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */ | |
background: -ms-linear-gradient(top, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* IE10+ */ | |
background: linear-gradient(to bottom, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.9) 50%,rgba(32,124,202,0.9) 51%,rgba(125,185,232,1) 100%); /* W3C */ | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ | |
text-align: center; | |
display: block; | |
margin: 0px; | |
padding: 0px; | |
height: 25px; | |
font-family: Arial, Helvetica, sans-serif; | |
font-size: 15px; | |
line-height: 25px; | |
font-weight: bold; | |
color: #FFF; | |
text-shadow: 0px 1px 2px #000; | |
background-color: #DE9000; | |
border: 1px solid #FFF; | |
} | |
.myFrame-content { | |
display: block; | |
padding: 4px; | |
border-top-width: 1px; | |
border-bottom-width: 1px; | |
border-top-style: solid; | |
border-bottom-style: solid; | |
border-top-color: #777; | |
border-bottom-color: #777; | |
} | |
.myFrame-foot { | |
background-image: url(images/block-bottom.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
display: block; | |
margin: 0px; | |
padding: 0px; | |
height: 11px; | |
width: 100%; | |
} | |
/* DEFINE THE EXPAND CROSS LOCATION IN TORRENTTABLE */ | |
.showthecross { | |
margin-top: 0px; | |
margin-right: 0px; | |
margin-left: 2px; | |
float: left; | |
} | |
/* -- Table Styles -- */ | |
.ttable_headouter { | |
border-collapse: collapse; | |
} | |
.ttable_headinner { | |
border-collapse: collapse; | |
border:1px solid #777; | |
} | |
.ttable_head { | |
font-family: Verdana; | |
color: #000000; | |
font-size: 8pt; | |
text-align: center; | |
line-height: 20px; | |
background-image: url(images/p-title.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
border: 1px solid #777; | |
background-color: #BFDBFF; | |
} | |
.ttable_col1 { | |
font-family: 'Verdana'; | |
border:1px solid #777; | |
font-size: 8pt; | |
background-color: #E2E2E2; | |
} | |
.ttable_col2 { | |
font-family: 'Verdana'; | |
border:1px solid #777; | |
font-size: 8pt; | |
background-color: #CECECE; | |
background-image: url(images/t-row.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
} | |
.ttable_colx { | |
font-family: 'Verdana'; | |
border:1px solid #777; | |
font-size: 8pt; | |
background-color: #CECECE; | |
background-image: url(images/t-row.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
} | |
/* -- Other Table Styles -- */ | |
.table_table { | |
border: #777; | |
border-style: border-style; | |
border-width: 1px; | |
border-collapse:collapse; | |
} | |
.table_head { | |
font-family: Verdana; | |
color: #000000; | |
font-size: 8pt; | |
text-align: center; | |
line-height: 20px; | |
background-image: url(images/p-title.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
border: 1px solid #777; | |
-moz-box-shadow: inset 0 0 0 1px #fff; | |
-webkit-box-shadow: inset 0 0 0 1px#fff; | |
box-shadow: inset 0 0 0 1px #fff; | |
background-color: #BFDBFF; | |
} | |
.table_col1 { | |
font-family: 'Verdana'; | |
border:1px solid #777; | |
font-size: 8pt; | |
background-color: #E2E2E2; | |
} | |
.table_col2 { | |
font-family: 'Verdana'; | |
border:1px solid #777; | |
font-size: 8pt; | |
background-color: #CCC; | |
background-image: url(images/t-row.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
} | |
/* -- Download Styles -- */ | |
#downloadbox { | |
border: 1px solid #949494; | |
background: rgb(131,184,255); | |
background: -moz-linear-gradient(top, rgba(131, 184, 255, 1) 0%, rgba(61, 145, 255, 1) 100%); | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(131, 184, 255, 1)), color-stop(100%, rgba(61, 145, 255, 1))); | |
background: -webkit-linear-gradient(top, rgba(131, 184, 255, 1) 0%, rgba(61, 145, 255, 1) 100%); | |
background: -o-linear-gradient(top, rgba(131, 184, 255, 1) 0%, rgba(61, 145, 255, 1) 100%); | |
background: -ms-linear-gradient(top, rgba(131, 184, 255, 1) 0%, rgba(61, 145, 255, 1) 100%); | |
background: linear-gradient(top, rgba(131, 184, 255, 1) 0%, rgba(61, 145, 255, 1) 100%); | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83b8ff', endColorstr='#3d91ff', GradientType=0 ); | |
padding: 10px; | |
-moz-box-shadow: inset 0 0 0 1px #fff; | |
-webkit-box-shadow: inset 0 0 0 1px#fff; | |
box-shadow: inset 0 0 0 1px #fff; | |
} | |
#downloadbox a { | |
font-size: 13px; | |
font-weight: bold; | |
color: #FFF; | |
} | |
.download { | |
border: 2px solid #777; | |
padding: 10px; | |
} | |
.download legend { | |
font-size: 12px; | |
color: #FFF; | |
margin: 0px; | |
padding-top: 3px; | |
padding-right: 13px; | |
padding-bottom: 3px; | |
padding-left: 13px; | |
background: rgb(207,207,207); | |
background: -moz-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%); | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 207, 207, 1)), color-stop(100%, rgba(165, 165, 165, 1))); | |
background: -webkit-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%); | |
background: -o-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%); | |
background: -ms-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%); | |
background: linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(165, 165, 165, 1) 100%); | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#a5a5a5', GradientType=0 ); | |
-moz-box-shadow: 0px 0px 4px #333; | |
-webkit-box-shadow: 0px 0px 4px #333; | |
box-shadow: 0px 0px 4px #333; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
border: 1px solid #FFF; | |
} | |
/* -- ShoutBox Styles -- */ | |
.shoutbox_body { | |
font-family: verdana; | |
color: black; | |
float: middle; | |
background-color: White; | |
} | |
.shoutbox_contain { | |
border: 0; | |
height: 245; | |
width: 100%; | |
overflow: auto; | |
align: middle; | |
} | |
.shoutbox_history { | |
border: 0; | |
height: 100%; | |
width: 100%; | |
align: middle; | |
} | |
.shoutbox_messageboxback { | |
background-color: White; | |
} | |
.shoutbox_noalt { | |
background-color: #E5E5E5; | |
} | |
.shoutbox_alt { | |
background-color: #EEE; | |
} | |
.shoutbox_msgbox { | |
width: 95%; | |
font-size: 12px; | |
background-color: #E5E5E5; | |
border: 1px solid #777; | |
} | |
.shoutbox_shoutbtn { | |
font-size: 12px; | |
background-color: AliceBlue; | |
border: 1px solid black; | |
font-weight: bold; | |
} | |
/* -- Error Styles -- */ | |
.shoutbox_error { | |
color: red; | |
font-size: 13px; | |
} | |
.error { | |
color: #FF0000; | |
} | |
/* -- Forum Styles -- */ | |
/* BBCODE CSS CLASS'S */ | |
small { | |
font-family: Arial, Helvetica, sans-serif; | |
font-size: 9px; | |
} | |
/* FORUM CSS CLASS'S */ | |
.f-header { | |
background-image: url(images/f-header.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
border: 1px solid #777; | |
background-color: #3d91ff; | |
} | |
.f-logo { | |
border: 2px solid #FFF; | |
background-image: url(images/f-logo.gif); | |
background-repeat: no-repeat; | |
background-position: center -1px; | |
-moz-box-shadow: inset 0 0 0 1px #fff; | |
-webkit-box-shadow: inset 0 0 0 1px#fff; | |
box-shadow: inset 0 0 0 1px #fff; | |
} | |
.f-logo td { | |
padding: 6px; | |
height: 30px; | |
} | |
.f-location { | |
border: 1px solid #777; | |
margin-bottom: 8px; | |
} | |
.f-nav { | |
border: 2px solid #FFF; | |
display: block; | |
height: 28px; | |
font-family: Arial, Helvetica, sans-serif; | |
font-size: 11px; | |
font-weight: bold; | |
line-height: 28px; | |
text-align: left; | |
text-indent: 10px; | |
background-image: url(images/f-location.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
color: #FFFFFF; | |
} | |
.f-nav a { | |
text-shadow: none; | |
color: #FFFFFF; | |
font-size: 12px; | |
font-family: Verdana, Arial, Helvetica, sans-serif; | |
} | |
.f-post { | |
margin-bottom: 8px; | |
} | |
.f-cat { | |
background-image: url(images/f-cat.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
margin: 0px; | |
padding: 0px; | |
height: 28px; | |
} | |
.f-cat td, { | |
font-family: Arial, Helvetica, sans-serif; | |
font-size: 14px; | |
line-height: 28px; | |
font-weight: bold; | |
color: #FFFFFF; | |
text-align: center; | |
height: 28px; | |
text-shadow: 0px 1px 2px #000; | |
-moz-box-shadow: inset 0px 0px 0px 1px #fff; | |
-webkit-box-shadow: inset 0px 0px 0px 1px#fff; | |
box-shadow: inset 0px 0px 0px 1px #fff; | |
margin: 0px; | |
padding: 0px; | |
} | |
div.f-cat { | |
border-top-width: 1px; | |
border-right-width: 1px; | |
border-left-width: 1px; | |
border-top-style: solid; | |
border-right-style: solid; | |
border-left-style: solid; | |
border-top-color: #777; | |
border-right-color: #777; | |
border-left-color: #777; | |
} | |
table.f-border, .f-border table { | |
border: 1px solid #777; | |
border-collapse: collapse; | |
} | |
.f-border table tr { | |
border-bottom-width: 1px; | |
border-bottom-style: solid; | |
border-bottom-color: #777; | |
} | |
tr.f-title { | |
background-image: url(images/f-title.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
background-color: #9dc7ff; | |
} | |
tr.f-title th { | |
line-height: 26px; | |
height: 26px; | |
padding-right: 3px; | |
padding-left: 3px; | |
font-family: Arial, Helvetica, sans-serif; | |
font-size: 12px; | |
font-weight: bold; | |
color: #FFFFFF; | |
text-shadow: 0px 1px 1px #000; | |
} | |
tr.f-row { | |
background-color: #FFF; | |
} | |
tr.f-row:hover { | |
background-color: #D5D5D5; | |
} | |
.f-row .f-img { | |
background-image: url(images/alt1.png); | |
background-repeat: no-repeat; | |
background-position: 0px 0px; | |
height: 38px; | |
padding-left: 18px; | |
} | |
.f-row:hover .f-img { | |
background-image: url(images/alt2.png) | |
} | |
.alt1 { | |
background-color: transparent; | |
padding-left: 5px; | |
} | |
.alt2 { | |
border: 1px solid #777; | |
border-collapse: collapse; | |
background-image: url(images/alt3.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
background-color: #CDCDCD; | |
} | |
.alt3 { | |
border: 1px solid #777; | |
} | |
tr.p-title { | |
background-color: #bfdbff; | |
background-image: url(images/p-title.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
} | |
tr.p-title th { | |
color: #FFF; | |
padding: 3px; | |
height: 26px; | |
text-shadow: 0px 1px 1px #000; | |
font-family: Verdana, Arial, Helvetica, sans-serif; | |
text-shadow: 0px 1px 1px #000; | |
font-size: 12px; | |
} | |
tr.p-title small { | |
font-family: Verdana, Arial, Helvetica, sans-serif; | |
font-size: 10px; | |
} | |
.p-foot { | |
color: #333; | |
font-size: 10px; | |
font-weight: normal; | |
border-collapse: collapse; | |
background-image: url(images/f-location.gif); | |
background-repeat: repeat-x; | |
background-position: top; | |
} | |
.p-foot td { | |
padding: 3px; | |
} | |
.p-foot img { | |
vertical-align: middle; | |
} | |
.f-title a, .p-title a { | |
text-shadow: 0px 1px 1px #000; | |
color: #FFF; | |
text-decoration: none; | |
} | |
.b-border { | |
padding: 1px; | |
} | |
.b-border table { | |
border-collapse: collapse; | |
} | |
tr.b-title { | |
background: rgb(234,172,46); | |
background: -moz-linear-gradient(top, rgba(234,172,46,1) 0%, rgba(204,142,18,1) 100%); | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,172,46,1)), color-stop(100%,rgba(204,142,18,1))); | |
background: -webkit-linear-gradient(top, rgba(234,172,46,1) 0%,rgba(204,142,18,1) 100%); | |
background: -o-linear-gradient(top, rgba(234,172,46,1) 0%,rgba(204,142,18,1) 100%); | |
background: -ms-linear-gradient(top, rgba(234,172,46,1) 0%,rgba(204,142,18,1) 100%); | |
background: linear-gradient(top, rgba(234,172,46,1) 0%,rgba(204,142,18,1) 100%); | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaac2e', endColorstr='#cc8e12',GradientType=0 ); | |
} | |
.bb-comment, .bb-btn, .b-title { | |
border: 1px solid #777; | |
} | |
.comment-details, .bb-btn { | |
background-color: #DDD; | |
border: 1px solid #777; | |
} | |
.comment, .bb-comment { | |
background-color: #EEE; | |
border: 1px solid #777; | |
} | |
/* Required fields... */ | |
.required | |
{ | |
font-size: 1px; | |
color: #ff0000; | |
} | |
.side_avatar{ | |
max-height:190px; | |
max-width:150px; | |
} | |
/*! | |
* Bootstrap v2.2.1 | |
* | |
* Copyright 2012 Twitter, Inc | |
* Licensed under the Apache License v2.0 | |
* http://www.apache.org/licenses/LICENSE-2.0 | |
* | |
* Designed and built with all the love in the world @twitter by @mdo and @fat. | |
*/article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { | |
display:block | |
} | |
audio,canvas,video { | |
display:inline-block; | |
*display:inline; | |
*zoom:1 | |
} | |
audio:not([controls]) { | |
display:none | |
} | |
html { | |
font-size:100%; | |
-webkit-text-size-adjust:100%; | |
-ms-text-size-adjust:100% | |
} | |
a:focus { | |
outline:thin dotted #333; | |
outline:5px auto -webkit-focus-ring-color; | |
outline-offset:-2px | |
} | |
a:hover,a:active { | |
outline:0 | |
} | |
sub,sup { | |
position:relative; | |
font-size:75%; | |
line-height:0; | |
vertical-align:baseline | |
} | |
sup { | |
top:-0.5em | |
} | |
sub { | |
bottom:-0.25em | |
} | |
img { | |
width:auto\9; | |
height:auto; | |
max-width:auto; | |
vertical-align:middle; | |
border:0; | |
-ms-interpolation-mode:bicubic | |
} | |
#map_canvas img,.google-maps img { | |
max-width:none | |
} | |
button,input,select,textarea { | |
margin:0; | |
font-size:100%; | |
vertical-align:middle | |
} | |
button,input { | |
*overflow:visible; | |
line-height:normal | |
} | |
button::-moz-focus-inner,input::-moz-focus-inner { | |
padding:0; | |
border:0 | |
} | |
button,html input[type="button"],input[type="reset"],input[type="submit"] { | |
cursor:pointer; | |
-webkit-appearance:button | |
} | |
input[type="search"] { | |
-webkit-box-sizing:content-box; | |
-moz-box-sizing:content-box; | |
box-sizing:content-box; | |
-webkit-appearance:textfield | |
} | |
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button { | |
-webkit-appearance:none | |
} | |
textarea { | |
overflow:auto; | |
vertical-align:top | |
} | |
.clearfix { | |
*zoom:1 | |
} | |
.clearfix:before,.clearfix:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.clearfix:after { | |
clear:both | |
} | |
.hide-text { | |
font:0/0 a; | |
color:transparent; | |
text-shadow:none; | |
background-color:transparent; | |
border:0 | |
} | |
.input-block-level { | |
display:block; | |
width:100%; | |
min-height:30px; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box | |
} | |
body { | |
margin:0; | |
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; | |
font-size:14px; | |
line-height:20px; | |
color:#333; | |
background-color:#fff | |
} | |
a { | |
color:#08c; | |
text-decoration:none | |
} | |
a:hover { | |
color:#005580; | |
text-decoration:underline | |
} | |
.img-rounded { | |
-webkit-border-radius:6px; | |
-moz-border-radius:6px; | |
border-radius:6px | |
} | |
.img-polaroid { | |
padding:4px; | |
background-color:#fff; | |
border:1px solid #ccc; | |
border:1px solid rgba(0,0,0,0.2); | |
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1); | |
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1); | |
box-shadow:0 1px 3px rgba(0,0,0,0.1) | |
} | |
.img-circle { | |
-webkit-border-radius:500px; | |
-moz-border-radius:500px; | |
border-radius:500px | |
} | |
.row { | |
margin-left:-20px; | |
*zoom:1 | |
} | |
.row:before,.row:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.row:after { | |
clear:both | |
} | |
[class*="span"] { | |
float:left; | |
min-height:1px; | |
margin-left:20px | |
} | |
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container { | |
width:940px | |
} | |
.span12 { | |
width:940px | |
} | |
.span11 { | |
width:860px | |
} | |
.span10 { | |
width:780px | |
} | |
.span9 { | |
width:700px | |
} | |
.span8 { | |
width:620px | |
} | |
.span7 { | |
width:540px | |
} | |
.span6 { | |
width:460px | |
} | |
.span5 { | |
width:380px | |
} | |
.span4 { | |
width:300px | |
} | |
.span3 { | |
width:220px | |
} | |
.span2 { | |
width:140px | |
} | |
.span1 { | |
width:60px | |
} | |
.offset12 { | |
margin-left:980px | |
} | |
.offset11 { | |
margin-left:900px | |
} | |
.offset10 { | |
margin-left:820px | |
} | |
.offset9 { | |
margin-left:740px | |
} | |
.offset8 { | |
margin-left:660px | |
} | |
.offset7 { | |
margin-left:580px | |
} | |
.offset6 { | |
margin-left:500px | |
} | |
.offset5 { | |
margin-left:420px | |
} | |
.offset4 { | |
margin-left:340px | |
} | |
.offset3 { | |
margin-left:260px | |
} | |
.offset2 { | |
margin-left:180px | |
} | |
.offset1 { | |
margin-left:100px | |
} | |
.row-fluid { | |
width:100%; | |
*zoom:1 | |
} | |
.row-fluid:before,.row-fluid:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.row-fluid:after { | |
clear:both | |
} | |
.row-fluid [class*="span"] { | |
display:block; | |
float:left; | |
width:100%; | |
min-height:30px; | |
margin-left:2.127659574468085%; | |
*margin-left:2.074468085106383%; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box | |
} | |
.row-fluid [class*="span"]:first-child { | |
margin-left:0 | |
} | |
.row-fluid .controls-row [class*="span"]+[class*="span"] { | |
margin-left:2.127659574468085% | |
} | |
.row-fluid .span12 { | |
width:100%; | |
*width:99.94680851063829% | |
} | |
.row-fluid .span11 { | |
width:91.48936170212765%; | |
*width:91.43617021276594% | |
} | |
.row-fluid .span10 { | |
width:82.97872340425532%; | |
*width:82.92553191489361% | |
} | |
.row-fluid .span9 { | |
width:74.46808510638297%; | |
*width:74.41489361702126% | |
} | |
.row-fluid .span8 { | |
width:65.95744680851064%; | |
*width:65.90425531914893% | |
} | |
.row-fluid .span7 { | |
width:57.44680851063829%; | |
*width:57.39361702127659% | |
} | |
.row-fluid .span6 { | |
width:48.93617021276595%; | |
*width:48.88297872340425% | |
} | |
.row-fluid .span5 { | |
width:40.42553191489362%; | |
*width:40.37234042553192% | |
} | |
.row-fluid .span4 { | |
width:31.914893617021278%; | |
*width:31.861702127659576% | |
} | |
.row-fluid .span3 { | |
width:23.404255319148934%; | |
*width:23.351063829787233% | |
} | |
.row-fluid .span2 { | |
width:14.893617021276595%; | |
*width:14.840425531914894% | |
} | |
.row-fluid .span1 { | |
width:6.382978723404255%; | |
*width:6.329787234042553% | |
} | |
.row-fluid .offset12 { | |
margin-left:104.25531914893617%; | |
*margin-left:104.14893617021275% | |
} | |
.row-fluid .offset12:first-child { | |
margin-left:102.12765957446808%; | |
*margin-left:102.02127659574467% | |
} | |
.row-fluid .offset11 { | |
margin-left:95.74468085106382%; | |
*margin-left:95.6382978723404% | |
} | |
.row-fluid .offset11:first-child { | |
margin-left:93.61702127659574%; | |
*margin-left:93.51063829787232% | |
} | |
.row-fluid .offset10 { | |
margin-left:87.23404255319149%; | |
*margin-left:87.12765957446807% | |
} | |
.row-fluid .offset10:first-child { | |
margin-left:85.1063829787234%; | |
*margin-left:84.99999999999999% | |
} | |
.row-fluid .offset9 { | |
margin-left:78.72340425531914%; | |
*margin-left:78.61702127659572% | |
} | |
.row-fluid .offset9:first-child { | |
margin-left:76.59574468085106%; | |
*margin-left:76.48936170212764% | |
} | |
.row-fluid .offset8 { | |
margin-left:70.2127659574468%; | |
*margin-left:70.10638297872339% | |
} | |
.row-fluid .offset8:first-child { | |
margin-left:68.08510638297872%; | |
*margin-left:67.9787234042553% | |
} | |
.row-fluid .offset7 { | |
margin-left:61.70212765957446%; | |
*margin-left:61.59574468085106% | |
} | |
.row-fluid .offset7:first-child { | |
margin-left:59.574468085106375%; | |
*margin-left:59.46808510638297% | |
} | |
.row-fluid .offset6 { | |
margin-left:53.191489361702125%; | |
*margin-left:53.085106382978715% | |
} | |
.row-fluid .offset6:first-child { | |
margin-left:51.063829787234035%; | |
*margin-left:50.95744680851063% | |
} | |
.row-fluid .offset5 { | |
margin-left:44.68085106382979%; | |
*margin-left:44.57446808510638% | |
} | |
.row-fluid .offset5:first-child { | |
margin-left:42.5531914893617%; | |
*margin-left:42.4468085106383% | |
} | |
.row-fluid .offset4 { | |
margin-left:36.170212765957444%; | |
*margin-left:36.06382978723405% | |
} | |
.row-fluid .offset4:first-child { | |
margin-left:34.04255319148936%; | |
*margin-left:33.93617021276596% | |
} | |
.row-fluid .offset3 { | |
margin-left:27.659574468085104%; | |
*margin-left:27.5531914893617% | |
} | |
.row-fluid .offset3:first-child { | |
margin-left:25.53191489361702%; | |
*margin-left:25.425531914893618% | |
} | |
.row-fluid .offset2 { | |
margin-left:19.148936170212764%; | |
*margin-left:19.04255319148936% | |
} | |
.row-fluid .offset2:first-child { | |
margin-left:17.02127659574468%; | |
*margin-left:16.914893617021278% | |
} | |
.row-fluid .offset1 { | |
margin-left:10.638297872340425%; | |
*margin-left:10.53191489361702% | |
} | |
.row-fluid .offset1:first-child { | |
margin-left:8.51063829787234%; | |
*margin-left:8.404255319148938% | |
} | |
[class*="span"].hide,.row-fluid [class*="span"].hide { | |
display:none | |
} | |
[class*="span"].pull-right,.row-fluid [class*="span"].pull-right { | |
float:right | |
} | |
.container { | |
margin-right:auto; | |
margin-left:auto; | |
*zoom:1 | |
} | |
.container:before,.container:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.container:after { | |
clear:both | |
} | |
.container-fluid { | |
padding-right:20px; | |
padding-left:20px; | |
*zoom:1 | |
} | |
.container-fluid:before,.container-fluid:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.container-fluid:after { | |
clear:both | |
} | |
p { | |
margin:0 0 10px | |
} | |
.lead { | |
margin-bottom:20px; | |
font-size:21px; | |
font-weight:200; | |
line-height:30px | |
} | |
small { | |
font-size:85% | |
} | |
strong { | |
font-weight:bold | |
} | |
em { | |
font-style:italic | |
} | |
cite { | |
font-style:normal | |
} | |
.muted { | |
color:#999 | |
} | |
.text-warning { | |
color:#c09853 | |
} | |
a.text-warning:hover { | |
color:#a47e3c | |
} | |
.text-error { | |
color:#b94a48 | |
} | |
a.text-error:hover { | |
color:#953b39 | |
} | |
.text-info { | |
color:#3a87ad | |
} | |
a.text-info:hover { | |
color:#2d6987 | |
} | |
.text-success { | |
color:#468847 | |
} | |
a.text-success:hover { | |
color:#356635 | |
} | |
h1,h2,h3,h4,h5,h6 { | |
margin:10px 0; | |
font-family:inherit; | |
font-weight:bold; | |
line-height:20px; | |
color:inherit; | |
text-rendering:optimizelegibility | |
} | |
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { | |
font-weight:normal; | |
line-height:1; | |
color:#999 | |
} | |
h1,h2,h3 { | |
line-height:40px | |
} | |
h1 { | |
font-size:38.5px | |
} | |
h2 { | |
font-size:31.5px | |
} | |
h3 { | |
font-size:24.5px | |
} | |
h4 { | |
font-size:17.5px | |
} | |
h5 { | |
font-size:14px | |
} | |
h6 { | |
font-size:11.9px | |
} | |
h1 small { | |
font-size:24.5px | |
} | |
h2 small { | |
font-size:17.5px | |
} | |
h3 small { | |
font-size:14px | |
} | |
h4 small { | |
font-size:14px | |
} | |
.page-header { | |
padding-bottom:9px; | |
margin:20px 0 30px; | |
border-bottom:1px solid #eee | |
} | |
ul,ol { | |
padding:0; | |
margin:0 0 10px 25px | |
} | |
ul ul,ul ol,ol ol,ol ul { | |
margin-bottom:0 | |
} | |
li { | |
line-height:20px | |
} | |
ul.unstyled,ol.unstyled { | |
margin-left:0; | |
list-style:none | |
} | |
dl { | |
margin-bottom:20px | |
} | |
dt,dd { | |
line-height:20px | |
} | |
dt { | |
font-weight:bold | |
} | |
dd { | |
margin-left:10px | |
} | |
.dl-horizontal { | |
*zoom:1 | |
} | |
.dl-horizontal:before,.dl-horizontal:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.dl-horizontal:after { | |
clear:both | |
} | |
.dl-horizontal dt { | |
float:left; | |
width:160px; | |
overflow:hidden; | |
clear:left; | |
text-align:right; | |
text-overflow:ellipsis; | |
white-space:nowrap | |
} | |
.dl-horizontal dd { | |
margin-left:180px | |
} | |
hr { | |
margin:20px 0; | |
border:0; | |
border-top:1px solid #eee; | |
border-bottom:1px solid #fff | |
} | |
abbr[title],abbr[data-original-title] { | |
cursor:help; | |
border-bottom:1px dotted #999 | |
} | |
abbr.initialism { | |
font-size:90%; | |
text-transform:uppercase | |
} | |
blockquote { | |
padding:0 0 0 15px; | |
margin:0 0 20px; | |
border-left:5px solid #eee | |
} | |
blockquote p { | |
margin-bottom:0; | |
font-size:16px; | |
font-weight:300; | |
line-height:25px | |
} | |
blockquote small { | |
display:block; | |
line-height:20px; | |
color:#999 | |
} | |
blockquote small:before { | |
content:'\2014 \00A0' | |
} | |
blockquote.pull-right { | |
float:right; | |
padding-right:15px; | |
padding-left:0; | |
border-right:5px solid #eee; | |
border-left:0 | |
} | |
blockquote.pull-right p,blockquote.pull-right small { | |
text-align:right | |
} | |
blockquote.pull-right small:before { | |
content:'' | |
} | |
blockquote.pull-right small:after { | |
content:'\00A0 \2014' | |
} | |
q:before,q:after,blockquote:before,blockquote:after { | |
content:"" | |
} | |
address { | |
display:block; | |
margin-bottom:20px; | |
font-style:normal; | |
line-height:20px | |
} | |
code,pre { | |
padding:0 3px 2px; | |
font-family:Monaco,Menlo,Consolas,"Courier New",monospace; | |
font-size:12px; | |
color:#333; | |
-webkit-border-radius:3px; | |
-moz-border-radius:3px; | |
border-radius:3px | |
} | |
code { | |
padding:2px 4px; | |
color:#d14; | |
background-color:#f7f7f9; | |
border:1px solid #e1e1e8 | |
} | |
pre { | |
display:block; | |
padding:9.5px; | |
margin:0 0 10px; | |
font-size:13px; | |
line-height:20px; | |
word-break:break-all; | |
word-wrap:break-word; | |
white-space:pre; | |
white-space:pre-wrap; | |
background-color:#f5f5f5; | |
border:1px solid #ccc; | |
border:1px solid rgba(0,0,0,0.15); | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px | |
} | |
pre.prettyprint { | |
margin-bottom:20px | |
} | |
pre code { | |
padding:0; | |
color:inherit; | |
background-color:transparent; | |
border:0 | |
} | |
.pre-scrollable { | |
max-height:340px; | |
overflow-y:scroll | |
} | |
form { | |
margin:0 0 20px | |
} | |
fieldset { | |
padding:0; | |
margin:0; | |
border:0 | |
} | |
legend { | |
display:block; | |
width:100%; | |
padding:0; | |
margin-bottom:20px; | |
font-size:21px; | |
line-height:40px; | |
color:#333; | |
border:0; | |
border-bottom:1px solid #e5e5e5 | |
} | |
legend small { | |
font-size:15px; | |
color:#999 | |
} | |
label,input,button,select,textarea { | |
font-size:14px; | |
font-weight:normal; | |
line-height:20px | |
} | |
input,button,select,textarea { | |
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif | |
} | |
label { | |
display:block; | |
margin-bottom:5px | |
} | |
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input { | |
display:inline-block; | |
height:20px; | |
padding:4px 6px; | |
margin-bottom:10px; | |
font-size:14px; | |
line-height:20px; | |
color:#555; | |
vertical-align:middle; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px | |
} | |
input,textarea,.uneditable-input { | |
/*width:206px*/ | |
} | |
textarea { | |
height:auto | |
} | |
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input { | |
background-color:#fff; | |
border:1px solid #ccc; | |
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); | |
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); | |
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); | |
-webkit-transition:border linear .2s,box-shadow linear .2s; | |
-moz-transition:border linear .2s,box-shadow linear .2s; | |
-o-transition:border linear .2s,box-shadow linear .2s; | |
transition:border linear .2s,box-shadow linear .2s | |
} | |
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus { | |
border-color:rgba(82,168,236,0.8); | |
outline:0; | |
outline:thin dotted \9; | |
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); | |
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); | |
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) | |
} | |
input[type="radio"],input[type="checkbox"] { | |
margin:4px 0 0; | |
margin-top:1px \9; | |
*margin-top:0; | |
line-height:normal; | |
cursor:pointer | |
} | |
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] { | |
width:auto | |
} | |
select,input[type="file"] { | |
height:30px; | |
*margin-top:4px; | |
line-height:30px | |
} | |
select { | |
width:220px; | |
background-color:#fff; | |
border:1px solid #ccc | |
} | |
select[multiple],select[size] { | |
height:auto | |
} | |
select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus { | |
outline:thin dotted #333; | |
outline:5px auto -webkit-focus-ring-color; | |
outline-offset:-2px | |
} | |
.uneditable-input,.uneditable-textarea { | |
color:#999; | |
cursor:not-allowed; | |
background-color:#fcfcfc; | |
border-color:#ccc; | |
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025); | |
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025); | |
box-shadow:inset 0 1px 2px rgba(0,0,0,0.025) | |
} | |
.uneditable-input { | |
overflow:hidden; | |
white-space:nowrap | |
} | |
.uneditable-textarea { | |
width:auto; | |
height:auto | |
} | |
input:-moz-placeholder,textarea:-moz-placeholder { | |
color:#999 | |
} | |
input:-ms-input-placeholder,textarea:-ms-input-placeholder { | |
color:#999 | |
} | |
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { | |
color:#999 | |
} | |
.radio,.checkbox { | |
min-height:20px; | |
padding-left:20px | |
} | |
.radio input[type="radio"],.checkbox input[type="checkbox"] { | |
float:left; | |
margin-left:-20px | |
} | |
.controls>.radio:first-child,.controls>.checkbox:first-child { | |
padding-top:5px | |
} | |
.radio.inline,.checkbox.inline { | |
display:inline-block; | |
padding-top:5px; | |
margin-bottom:0; | |
vertical-align:middle | |
} | |
.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline { | |
margin-left:10px | |
} | |
.input-mini { | |
width:60px | |
} | |
.input-small { | |
width:90px | |
} | |
.input-medium { | |
width:150px | |
} | |
.input-large { | |
width:210px | |
} | |
.input-xlarge { | |
width:270px | |
} | |
.input-xxlarge { | |
width:530px | |
} | |
input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"] { | |
float:none; | |
margin-left:0 | |
} | |
.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"] { | |
display:inline-block | |
} | |
input,textarea,.uneditable-input { | |
margin-left:0 | |
} | |
.controls-row [class*="span"]+[class*="span"] { | |
margin-left:20px | |
} | |
input.span12,textarea.span12,.uneditable-input.span12 { | |
width:926px | |
} | |
input.span11,textarea.span11,.uneditable-input.span11 { | |
width:846px | |
} | |
input.span10,textarea.span10,.uneditable-input.span10 { | |
width:766px | |
} | |
input.span9,textarea.span9,.uneditable-input.span9 { | |
width:686px | |
} | |
input.span8,textarea.span8,.uneditable-input.span8 { | |
width:606px | |
} | |
input.span7,textarea.span7,.uneditable-input.span7 { | |
width:526px | |
} | |
input.span6,textarea.span6,.uneditable-input.span6 { | |
width:446px | |
} | |
input.span5,textarea.span5,.uneditable-input.span5 { | |
width:366px | |
} | |
input.span4,textarea.span4,.uneditable-input.span4 { | |
width:286px | |
} | |
input.span3,textarea.span3,.uneditable-input.span3 { | |
width:206px | |
} | |
input.span2,textarea.span2,.uneditable-input.span2 { | |
width:126px | |
} | |
input.span1,textarea.span1,.uneditable-input.span1 { | |
width:46px | |
} | |
.controls-row { | |
*zoom:1 | |
} | |
.controls-row:before,.controls-row:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.controls-row:after { | |
clear:both | |
} | |
.controls-row [class*="span"],.row-fluid .controls-row [class*="span"] { | |
float:left | |
} | |
.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"] { | |
padding-top:5px | |
} | |
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] { | |
cursor:not-allowed; | |
background-color:#eee | |
} | |
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] { | |
background-color:transparent | |
} | |
.control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline { | |
color:#c09853 | |
} | |
.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea { | |
color:#c09853 | |
} | |
.control-group.warning input,.control-group.warning select,.control-group.warning textarea { | |
border-color:#c09853; | |
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); | |
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); | |
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075) | |
} | |
.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus { | |
border-color:#a47e3c; | |
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e; | |
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e; | |
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e | |
} | |
.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on { | |
color:#c09853; | |
background-color:#fcf8e3; | |
border-color:#c09853 | |
} | |
.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline { | |
color:#b94a48 | |
} | |
.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea { | |
color:#b94a48 | |
} | |
.control-group.error input,.control-group.error select,.control-group.error textarea { | |
border-color:#b94a48; | |
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); | |
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); | |
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075) | |
} | |
.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus { | |
border-color:#953b39; | |
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392; | |
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392; | |
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392 | |
} | |
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on { | |
color:#b94a48; | |
background-color:#f2dede; | |
border-color:#b94a48 | |
} | |
.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline { | |
color:#468847 | |
} | |
.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea { | |
color:#468847 | |
} | |
.control-group.success input,.control-group.success select,.control-group.success textarea { | |
border-color:#468847; | |
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); | |
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); | |
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075) | |
} | |
.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus { | |
border-color:#356635; | |
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b; | |
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b; | |
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b | |
} | |
.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on { | |
color:#468847; | |
background-color:#dff0d8; | |
border-color:#468847 | |
} | |
.control-group.info>label,.control-group.info .help-block,.control-group.info .help-inline { | |
color:#3a87ad | |
} | |
.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea { | |
color:#3a87ad | |
} | |
.control-group.info input,.control-group.info select,.control-group.info textarea { | |
border-color:#3a87ad; | |
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); | |
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); | |
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075) | |
} | |
.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus { | |
border-color:#2d6987; | |
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3; | |
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3; | |
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3 | |
} | |
.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on { | |
color:#3a87ad; | |
background-color:#d9edf7; | |
border-color:#3a87ad | |
} | |
input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid { | |
color:#b94a48; | |
border-color:#ee5f5b | |
} | |
input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus { | |
border-color:#e9322d; | |
-webkit-box-shadow:0 0 6px #f8b9b7; | |
-moz-box-shadow:0 0 6px #f8b9b7; | |
box-shadow:0 0 6px #f8b9b7 | |
} | |
.form-actions { | |
padding:19px 20px 20px; | |
margin-top:20px; | |
margin-bottom:20px; | |
background-color:#f5f5f5; | |
border-top:1px solid #e5e5e5; | |
*zoom:1 | |
} | |
.form-actions:before,.form-actions:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.form-actions:after { | |
clear:both | |
} | |
.help-block,.help-inline { | |
color:#595959 | |
} | |
.help-block { | |
display:block; | |
margin-bottom:10px | |
} | |
.help-inline { | |
display:inline-block; | |
*display:inline; | |
padding-left:5px; | |
vertical-align:middle; | |
*zoom:1 | |
} | |
.input-append,.input-prepend { | |
margin-bottom:5px; | |
font-size:0; | |
white-space:nowrap | |
} | |
.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu { | |
font-size:14px | |
} | |
.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input { | |
position:relative; | |
margin-bottom:0; | |
*margin-left:0; | |
vertical-align:top; | |
-webkit-border-radius:0 4px 4px 0; | |
-moz-border-radius:0 4px 4px 0; | |
border-radius:0 4px 4px 0 | |
} | |
.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus { | |
z-index:2 | |
} | |
.input-append .add-on,.input-prepend .add-on { | |
display:inline-block; | |
width:auto; | |
height:20px; | |
min-width:16px; | |
padding:4px 5px; | |
font-size:14px; | |
font-weight:normal; | |
line-height:20px; | |
text-align:center; | |
text-shadow:0 1px 0 #fff; | |
background-color:#eee; | |
border:1px solid #ccc | |
} | |
.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn { | |
vertical-align:top; | |
-webkit-border-radius:0; | |
-moz-border-radius:0; | |
border-radius:0 | |
} | |
.input-append .active,.input-prepend .active { | |
background-color:#a9dba9; | |
border-color:#46a546 | |
} | |
.input-prepend .add-on,.input-prepend .btn { | |
margin-right:-1px | |
} | |
.input-prepend .add-on:first-child,.input-prepend .btn:first-child { | |
-webkit-border-radius:4px 0 0 4px; | |
-moz-border-radius:4px 0 0 4px; | |
border-radius:4px 0 0 4px | |
} | |
.input-append input,.input-append select,.input-append .uneditable-input { | |
-webkit-border-radius:4px 0 0 4px; | |
-moz-border-radius:4px 0 0 4px; | |
border-radius:4px 0 0 4px | |
} | |
.input-append input+.btn-group .btn,.input-append select+.btn-group .btn,.input-append .uneditable-input+.btn-group .btn { | |
-webkit-border-radius:0 4px 4px 0; | |
-moz-border-radius:0 4px 4px 0; | |
border-radius:0 4px 4px 0 | |
} | |
.input-append .add-on,.input-append .btn,.input-append .btn-group { | |
margin-left:-1px | |
} | |
.input-append .add-on:last-child,.input-append .btn:last-child { | |
-webkit-border-radius:0 4px 4px 0; | |
-moz-border-radius:0 4px 4px 0; | |
border-radius:0 4px 4px 0 | |
} | |
.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input { | |
-webkit-border-radius:0; | |
-moz-border-radius:0; | |
border-radius:0 | |
} | |
.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn,.input-prepend.input-append .uneditable-input+.btn-group .btn { | |
-webkit-border-radius:0 4px 4px 0; | |
-moz-border-radius:0 4px 4px 0; | |
border-radius:0 4px 4px 0 | |
} | |
.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child { | |
margin-right:-1px; | |
-webkit-border-radius:4px 0 0 4px; | |
-moz-border-radius:4px 0 0 4px; | |
border-radius:4px 0 0 4px | |
} | |
.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child { | |
margin-left:-1px; | |
-webkit-border-radius:0 4px 4px 0; | |
-moz-border-radius:0 4px 4px 0; | |
border-radius:0 4px 4px 0 | |
} | |
.input-prepend.input-append .btn-group:first-child { | |
margin-left:0 | |
} | |
input.search-query { | |
padding-right:14px; | |
padding-right:4px \9; | |
padding-left:14px; | |
padding-left:4px \9; | |
margin-bottom:0; | |
-webkit-border-radius:15px; | |
-moz-border-radius:15px; | |
border-radius:15px | |
} | |
.form-search .input-append .search-query,.form-search .input-prepend .search-query { | |
-webkit-border-radius:0; | |
-moz-border-radius:0; | |
border-radius:0 | |
} | |
.form-search .input-append .search-query { | |
-webkit-border-radius:14px 0 0 14px; | |
-moz-border-radius:14px 0 0 14px; | |
border-radius:14px 0 0 14px | |
} | |
.form-search .input-append .btn { | |
-webkit-border-radius:0 14px 14px 0; | |
-moz-border-radius:0 14px 14px 0; | |
border-radius:0 14px 14px 0 | |
} | |
.form-search .input-prepend .search-query { | |
-webkit-border-radius:0 14px 14px 0; | |
-moz-border-radius:0 14px 14px 0; | |
border-radius:0 14px 14px 0 | |
} | |
.form-search .input-prepend .btn { | |
-webkit-border-radius:14px 0 0 14px; | |
-moz-border-radius:14px 0 0 14px; | |
border-radius:14px 0 0 14px | |
} | |
.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append { | |
display:inline-block; | |
*display:inline; | |
margin-bottom:0; | |
vertical-align:middle; | |
*zoom:1 | |
} | |
.form-search .hide,.form-inline .hide,.form-horizontal .hide { | |
display:none | |
} | |
.form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group { | |
display:inline-block | |
} | |
.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend { | |
margin-bottom:0 | |
} | |
.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox { | |
padding-left:0; | |
margin-bottom:0; | |
vertical-align:middle | |
} | |
.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] { | |
float:left; | |
margin-right:3px; | |
margin-left:0 | |
} | |
.control-group { | |
margin-bottom:10px | |
} | |
legend+.control-group { | |
margin-top:20px; | |
-webkit-margin-top-collapse:separate | |
} | |
.form-horizontal .control-group { | |
margin-bottom:20px; | |
*zoom:1 | |
} | |
.form-horizontal .control-group:before,.form-horizontal .control-group:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.form-horizontal .control-group:after { | |
clear:both | |
} | |
.form-horizontal .control-label { | |
float:left; | |
width:160px; | |
padding-top:5px; | |
text-align:right | |
} | |
.form-horizontal .controls { | |
*display:inline-block; | |
*padding-left:20px; | |
margin-left:180px; | |
*margin-left:0 | |
} | |
.form-horizontal .controls:first-child { | |
*padding-left:180px | |
} | |
.form-horizontal .help-block { | |
margin-bottom:0 | |
} | |
.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block { | |
margin-top:10px | |
} | |
.form-horizontal .form-actions { | |
padding-left:180px | |
} | |
table { | |
max-width:100%; | |
background-color:transparent; | |
border-collapse:collapse; | |
border-spacing:0 | |
} | |
.table { | |
width:100%; | |
margin-bottom:20px | |
} | |
.table th,.table td { | |
padding:8px; | |
line-height:20px; | |
text-align:left; | |
vertical-align:top; | |
border-top:1px solid #ddd | |
} | |
.table th { | |
font-weight:bold | |
} | |
.table thead th { | |
vertical-align:bottom | |
} | |
.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td { | |
border-top:0 | |
} | |
.table tbody+tbody { | |
border-top:2px solid #ddd | |
} | |
.table-condensed th,.table-condensed td { | |
padding:4px 5px | |
} | |
.table-bordered { | |
border:1px solid #ddd; | |
border-collapse:separate; | |
*border-collapse:collapse; | |
border-left:0; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px | |
} | |
.table-bordered th,.table-bordered td { | |
border-left:1px solid #ddd | |
} | |
.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td { | |
border-top:0 | |
} | |
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child { | |
-webkit-border-top-left-radius:4px; | |
border-top-left-radius:4px; | |
-moz-border-radius-topleft:4px | |
} | |
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child { | |
-webkit-border-top-right-radius:4px; | |
border-top-right-radius:4px; | |
-moz-border-radius-topright:4px | |
} | |
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child,.table-bordered tfoot:last-child tr:last-child td:first-child { | |
-webkit-border-radius:0 0 0 4px; | |
-moz-border-radius:0 0 0 4px; | |
border-radius:0 0 0 4px; | |
-webkit-border-bottom-left-radius:4px; | |
border-bottom-left-radius:4px; | |
-moz-border-radius-bottomleft:4px | |
} | |
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child,.table-bordered tfoot:last-child tr:last-child td:last-child { | |
-webkit-border-bottom-right-radius:4px; | |
border-bottom-right-radius:4px; | |
-moz-border-radius-bottomright:4px | |
} | |
.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child { | |
-webkit-border-top-left-radius:4px; | |
border-top-left-radius:4px; | |
-moz-border-radius-topleft:4px | |
} | |
.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child { | |
-webkit-border-top-right-radius:4px; | |
border-top-right-radius:4px; | |
-moz-border-radius-topright:4px | |
} | |
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th { | |
background-color:#f9f9f9 | |
} | |
.table-hover tbody tr:hover td,.table-hover tbody tr:hover th { | |
background-color:#f5f5f5 | |
} | |
table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"] { | |
display:table-cell; | |
float:none; | |
margin-left:0 | |
} | |
.table td.span1,.table th.span1 { | |
float:none; | |
width:44px; | |
margin-left:0 | |
} | |
.table td.span2,.table th.span2 { | |
float:none; | |
width:124px; | |
margin-left:0 | |
} | |
.table td.span3,.table th.span3 { | |
float:none; | |
width:204px; | |
margin-left:0 | |
} | |
.table td.span4,.table th.span4 { | |
float:none; | |
width:284px; | |
margin-left:0 | |
} | |
.table td.span5,.table th.span5 { | |
float:none; | |
width:364px; | |
margin-left:0 | |
} | |
.table td.span6,.table th.span6 { | |
float:none; | |
width:444px; | |
margin-left:0 | |
} | |
.table td.span7,.table th.span7 { | |
float:none; | |
width:524px; | |
margin-left:0 | |
} | |
.table td.span8,.table th.span8 { | |
float:none; | |
width:604px; | |
margin-left:0 | |
} | |
.table td.span9,.table th.span9 { | |
float:none; | |
width:684px; | |
margin-left:0 | |
} | |
.table td.span10,.table th.span10 { | |
float:none; | |
width:764px; | |
margin-left:0 | |
} | |
.table td.span11,.table th.span11 { | |
float:none; | |
width:844px; | |
margin-left:0 | |
} | |
.table td.span12,.table th.span12 { | |
float:none; | |
width:924px; | |
margin-left:0 | |
} | |
.table tbody tr.success td { | |
background-color:#dff0d8 | |
} | |
.table tbody tr.error td { | |
background-color:#f2dede | |
} | |
.table tbody tr.warning td { | |
background-color:#fcf8e3 | |
} | |
.table tbody tr.info td { | |
background-color:#d9edf7 | |
} | |
.table-hover tbody tr.success:hover td { | |
background-color:#d0e9c6 | |
} | |
.table-hover tbody tr.error:hover td { | |
background-color:#ebcccc | |
} | |
.table-hover tbody tr.warning:hover td { | |
background-color:#faf2cc | |
} | |
.table-hover tbody tr.info:hover td { | |
background-color:#c4e3f3 | |
} | |
[class^="icon-"],[class*=" icon-"] { | |
display:inline-block; | |
width:14px; | |
height:14px; | |
margin-top:1px; | |
*margin-right:.3em; | |
line-height:14px; | |
vertical-align:text-top; | |
background-image:url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.1/img/glyphicons-halflings.png"); | |
background-position:14px 14px; | |
background-repeat:no-repeat | |
} | |
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"] { | |
background-image:url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.1/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 { | |
width:16px; | |
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 { | |
width:16px; | |
background-position:-408px -120px | |
} | |
.icon-resize-vertical { | |
background-position:-432px -119px | |
} | |
.icon-resize-horizontal { | |
background-position:-456px -118px | |
} | |
.icon-hdd { | |
background-position:0 -144px | |
} | |
.icon-bullhorn { | |
background-position:-24px -144px | |
} | |
.icon-bell { | |
background-position:-48px -144px | |
} | |
.icon-certificate { | |
background-position:-72px -144px | |
} | |
.icon-thumbs-up { | |
background-position:-96px -144px | |
} | |
.icon-thumbs-down { | |
background-position:-120px -144px | |
} | |
.icon-hand-right { | |
background-position:-144px -144px | |
} | |
.icon-hand-left { | |
background-position:-168px -144px | |
} | |
.icon-hand-up { | |
background-position:-192px -144px | |
} | |
.icon-hand-down { | |
background-position:-216px -144px | |
} | |
.icon-circle-arrow-right { | |
background-position:-240px -144px | |
} | |
.icon-circle-arrow-left { | |
background-position:-264px -144px | |
} | |
.icon-circle-arrow-up { | |
background-position:-288px -144px | |
} | |
.icon-circle-arrow-down { | |
background-position:-312px -144px | |
} | |
.icon-globe { | |
background-position:-336px -144px | |
} | |
.icon-wrench { | |
background-position:-360px -144px | |
} | |
.icon-tasks { | |
background-position:-384px -144px | |
} | |
.icon-filter { | |
background-position:-408px -144px | |
} | |
.icon-briefcase { | |
background-position:-432px -144px | |
} | |
.icon-fullscreen { | |
background-position:-456px -144px | |
} | |
.dropup,.dropdown { | |
position:relative | |
} | |
.dropdown-toggle { | |
*margin-bottom:-3px | |
} | |
.dropdown-toggle:active,.open .dropdown-toggle { | |
outline:0 | |
} | |
.caret { | |
display:inline-block; | |
width:0; | |
height:0; | |
vertical-align:top; | |
border-top:4px solid #000; | |
border-right:4px solid transparent; | |
border-left:4px solid transparent; | |
content:"" | |
} | |
.dropdown .caret { | |
margin-top:8px; | |
margin-left:2px | |
} | |
.dropdown-menu { | |
position:absolute; | |
top:100%; | |
left:0; | |
z-index:1000; | |
display:none; | |
float:left; | |
min-width:160px; | |
padding:5px 0; | |
margin:2px 0 0; | |
list-style:none; | |
background-color:#fff; | |
border:1px solid #ccc; | |
border:1px solid rgba(0,0,0,0.2); | |
*border-right-width:2px; | |
*border-bottom-width:2px; | |
-webkit-border-radius:6px; | |
-moz-border-radius:6px; | |
border-radius:6px; | |
-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 | |
} | |
.dropdown-menu.pull-right { | |
right:0; | |
left:auto | |
} | |
.dropdown-menu .divider { | |
*width:100%; | |
height:1px; | |
margin:9px 1px; | |
*margin:-5px 0 5px; | |
overflow:hidden; | |
background-color:#e5e5e5; | |
border-bottom:1px solid #fff | |
} | |
.dropdown-menu li>a { | |
display:block; | |
padding:3px 20px; | |
clear:both; | |
font-weight:normal; | |
line-height:20px; | |
color:#333; | |
white-space:nowrap | |
} | |
.dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a { | |
color:#fff; | |
text-decoration:none; | |
background-color:#0081c2; | |
background-image:-moz-linear-gradient(top,#08c,#0077b3); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3)); | |
background-image:-webkit-linear-gradient(top,#08c,#0077b3); | |
background-image:-o-linear-gradient(top,#08c,#0077b3); | |
background-image:linear-gradient(to bottom,#08c,#0077b3); | |
background-repeat:repeat-x; | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0) | |
} | |
.dropdown-menu .active>a,.dropdown-menu .active>a:hover { | |
color:#333; | |
text-decoration:none; | |
background-color:#0081c2; | |
background-image:-moz-linear-gradient(top,#08c,#0077b3); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3)); | |
background-image:-webkit-linear-gradient(top,#08c,#0077b3); | |
background-image:-o-linear-gradient(top,#08c,#0077b3); | |
background-image:linear-gradient(to bottom,#08c,#0077b3); | |
background-repeat:repeat-x; | |
outline:0; | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0) | |
} | |
.dropdown-menu .disabled>a,.dropdown-menu .disabled>a:hover { | |
color:#999 | |
} | |
.dropdown-menu .disabled>a:hover { | |
text-decoration:none; | |
cursor:default; | |
background-color:transparent; | |
background-image:none | |
} | |
.open { | |
*z-index:1000 | |
} | |
.open>.dropdown-menu { | |
display:block | |
} | |
.pull-right>.dropdown-menu { | |
right:0; | |
left:auto | |
} | |
.dropup .caret,.navbar-fixed-bottom .dropdown .caret { | |
border-top:0; | |
border-bottom:4px solid #000; | |
content:"" | |
} | |
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu { | |
top:auto; | |
bottom:100%; | |
margin-bottom:1px | |
} | |
.dropdown-submenu { | |
position:relative | |
} | |
.dropdown-submenu>.dropdown-menu { | |
top:0; | |
left:100%; | |
margin-top:-6px; | |
margin-left:-1px; | |
-webkit-border-radius:0 6px 6px 6px; | |
-moz-border-radius:0 6px 6px 6px; | |
border-radius:0 6px 6px 6px | |
} | |
.dropdown-submenu:hover>.dropdown-menu { | |
display:block | |
} | |
.dropup .dropdown-submenu>.dropdown-menu { | |
top:auto; | |
bottom:0; | |
margin-top:0; | |
margin-bottom:-2px; | |
-webkit-border-radius:5px 5px 5px 0; | |
-moz-border-radius:5px 5px 5px 0; | |
border-radius:5px 5px 5px 0 | |
} | |
.dropdown-submenu>a:after { | |
display:block; | |
float:right; | |
width:0; | |
height:0; | |
margin-top:5px; | |
margin-right:-10px; | |
border-color:transparent; | |
border-left-color:#ccc; | |
border-style:solid; | |
border-width:5px 0 5px 5px; | |
content:" " | |
} | |
.dropdown-submenu:hover>a:after { | |
border-left-color:#fff | |
} | |
.dropdown-submenu.pull-left { | |
float:none | |
} | |
.dropdown-submenu.pull-left>.dropdown-menu { | |
left:-100%; | |
margin-left:10px; | |
-webkit-border-radius:6px 0 6px 6px; | |
-moz-border-radius:6px 0 6px 6px; | |
border-radius:6px 0 6px 6px | |
} | |
.dropdown .dropdown-menu .nav-header { | |
padding-right:20px; | |
padding-left:20px | |
} | |
.typeahead { | |
margin-top:2px; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px | |
} | |
.well { | |
min-height:20px; | |
padding:19px; | |
margin-bottom:20px; | |
background-color:#f5f5f5; | |
border:1px solid #e3e3e3; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px; | |
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); | |
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); | |
box-shadow:inset 0 1px 1px rgba(0,0,0,0.05) | |
} | |
.well blockquote { | |
border-color:#ddd; | |
border-color:rgba(0,0,0,0.15) | |
} | |
.well-large { | |
padding:24px; | |
-webkit-border-radius:6px; | |
-moz-border-radius:6px; | |
border-radius:6px | |
} | |
.well-small { | |
padding:9px; | |
-webkit-border-radius:3px; | |
-moz-border-radius:3px; | |
border-radius:3px | |
} | |
.fade { | |
opacity:0; | |
-webkit-transition:opacity .15s linear; | |
-moz-transition:opacity .15s linear; | |
-o-transition:opacity .15s linear; | |
transition:opacity .15s linear | |
} | |
.fade.in { | |
opacity:1 | |
} | |
.collapse { | |
position:relative; | |
height:0; | |
overflow:hidden; | |
-webkit-transition:height .35s ease; | |
-moz-transition:height .35s ease; | |
-o-transition:height .35s ease; | |
transition:height .35s ease | |
} | |
.collapse.in { | |
height:auto | |
} | |
.close { | |
float:right; | |
font-size:20px; | |
font-weight:bold; | |
line-height:20px; | |
color:#000; | |
text-shadow:0 1px 0 #fff; | |
opacity:.2; | |
filter:alpha(opacity=20) | |
} | |
.close:hover { | |
color:#000; | |
text-decoration:none; | |
cursor:pointer; | |
opacity:.4; | |
filter:alpha(opacity=40) | |
} | |
button.close { | |
padding:0; | |
cursor:pointer; | |
background:transparent; | |
border:0; | |
-webkit-appearance:none | |
} | |
.btn { | |
display:inline-block; | |
*display:inline; | |
padding:4px 12px; | |
margin-bottom:0; | |
*margin-left:.3em; | |
font-size:14px; | |
line-height:20px; | |
*line-height:20px; | |
color:#333; | |
text-align:center; | |
text-shadow:0 1px 1px rgba(255,255,255,0.75); | |
vertical-align:middle; | |
cursor:pointer; | |
background-color:#f5f5f5; | |
*background-color:#e6e6e6; | |
background-image:-moz-linear-gradient(top,#fff,#e6e6e6); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); | |
background-image:-webkit-linear-gradient(top,#fff,#e6e6e6); | |
background-image:-o-linear-gradient(top,#fff,#e6e6e6); | |
background-image:linear-gradient(to bottom,#fff,#e6e6e6); | |
background-repeat:repeat-x; | |
border:1px solid #bbb; | |
*border:0; | |
border-color:#e6e6e6 #e6e6e6 #bfbfbf; | |
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); | |
border-bottom-color:#a2a2a2; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px; | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); | |
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); | |
*zoom:1; | |
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); | |
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); | |
box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05) | |
} | |
.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled] { | |
color:#333; | |
background-color:#e6e6e6; | |
*background-color:#d9d9d9 | |
} | |
.btn:active,.btn.active { | |
background-color:#ccc \9 | |
} | |
.btn:first-child { | |
*margin-left:0 | |
} | |
.btn:hover { | |
color:#333; | |
text-decoration:none; | |
background-color:#e6e6e6; | |
*background-color:#d9d9d9; | |
background-position:0 -15px; | |
-webkit-transition:background-position .1s linear; | |
-moz-transition:background-position .1s linear; | |
-o-transition:background-position .1s linear; | |
transition:background-position .1s linear | |
} | |
.btn:focus { | |
outline:thin dotted #333; | |
outline:5px auto -webkit-focus-ring-color; | |
outline-offset:-2px | |
} | |
.btn.active,.btn:active { | |
background-color:#e6e6e6; | |
background-color:#d9d9d9 \9; | |
background-image:none; | |
outline:0; | |
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); | |
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); | |
box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05) | |
} | |
.btn.disabled,.btn[disabled] { | |
cursor:default; | |
background-color:#e6e6e6; | |
background-image:none; | |
opacity:.65; | |
filter:alpha(opacity=65); | |
-webkit-box-shadow:none; | |
-moz-box-shadow:none; | |
box-shadow:none | |
} | |
.btn-large { | |
padding:11px 19px; | |
font-size:17.5px; | |
-webkit-border-radius:6px; | |
-moz-border-radius:6px; | |
border-radius:6px | |
} | |
.btn-large [class^="icon-"],.btn-large [class*=" icon-"] { | |
margin-top:2px | |
} | |
.btn-small { | |
padding:2px 10px; | |
font-size:11.9px; | |
-webkit-border-radius:3px; | |
-moz-border-radius:3px; | |
border-radius:3px | |
} | |
.btn-small [class^="icon-"],.btn-small [class*=" icon-"] { | |
margin-top:0 | |
} | |
.btn-mini { | |
padding:1px 6px; | |
font-size:10.5px; | |
-webkit-border-radius:3px; | |
-moz-border-radius:3px; | |
border-radius:3px | |
} | |
.btn-block { | |
display:block; | |
width:100%; | |
padding-right:0; | |
padding-left:0; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box | |
} | |
.btn-block+.btn-block { | |
margin-top:5px | |
} | |
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block { | |
width:100% | |
} | |
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active { | |
color:rgba(255,255,255,0.75) | |
} | |
.btn { | |
border-color:#c5c5c5; | |
border-color:rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25) | |
} | |
.btn-primary { | |
color:#fff; | |
text-shadow:0 -1px 0 rgba(0,0,0,0.25); | |
background-color:#006dcc; | |
*background-color:#04c; | |
background-image:-moz-linear-gradient(top,#08c,#04c); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c)); | |
background-image:-webkit-linear-gradient(top,#08c,#04c); | |
background-image:-o-linear-gradient(top,#08c,#04c); | |
background-image:linear-gradient(to bottom,#08c,#04c); | |
background-repeat:repeat-x; | |
border-color:#04c #04c #002a80; | |
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(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0); | |
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) | |
} | |
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] { | |
color:#fff; | |
background-color:#04c; | |
*background-color:#003bb3 | |
} | |
.btn-primary:active,.btn-primary.active { | |
background-color:#039 \9 | |
} | |
.btn-warning { | |
color:#fff; | |
text-shadow:0 -1px 0 rgba(0,0,0,0.25); | |
background-color:#faa732; | |
*background-color:#f89406; | |
background-image:-moz-linear-gradient(top,#fbb450,#f89406); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406)); | |
background-image:-webkit-linear-gradient(top,#fbb450,#f89406); | |
background-image:-o-linear-gradient(top,#fbb450,#f89406); | |
background-image:linear-gradient(to bottom,#fbb450,#f89406); | |
background-repeat:repeat-x; | |
border-color:#f89406 #f89406 #ad6704; | |
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(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0); | |
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) | |
} | |
.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled] { | |
color:#fff; | |
background-color:#f89406; | |
*background-color:#df8505 | |
} | |
.btn-warning:active,.btn-warning.active { | |
background-color:#c67605 \9 | |
} | |
.btn-danger { | |
color:#fff; | |
text-shadow:0 -1px 0 rgba(0,0,0,0.25); | |
background-color:#da4f49; | |
*background-color:#bd362f; | |
background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f)); | |
background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f); | |
background-image:-o-linear-gradient(top,#ee5f5b,#bd362f); | |
background-image:linear-gradient(to bottom,#ee5f5b,#bd362f); | |
background-repeat:repeat-x; | |
border-color:#bd362f #bd362f #802420; | |
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(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0); | |
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) | |
} | |
.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled] { | |
color:#fff; | |
background-color:#bd362f; | |
*background-color:#a9302a | |
} | |
.btn-danger:active,.btn-danger.active { | |
background-color:#942a25 \9 | |
} | |
.btn-success { | |
color:#fff; | |
text-shadow:0 -1px 0 rgba(0,0,0,0.25); | |
background-color:#5bb75b; | |
*background-color:#51a351; | |
background-image:-moz-linear-gradient(top,#62c462,#51a351); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351)); | |
background-image:-webkit-linear-gradient(top,#62c462,#51a351); | |
background-image:-o-linear-gradient(top,#62c462,#51a351); | |
background-image:linear-gradient(to bottom,#62c462,#51a351); | |
background-repeat:repeat-x; | |
border-color:#51a351 #51a351 #387038; | |
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(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0); | |
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) | |
} | |
.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled] { | |
color:#fff; | |
background-color:#51a351; | |
*background-color:#499249 | |
} | |
.btn-success:active,.btn-success.active { | |
background-color:#408140 \9 | |
} | |
.btn-info { | |
color:#fff; | |
text-shadow:0 -1px 0 rgba(0,0,0,0.25); | |
background-color:#49afcd; | |
*background-color:#2f96b4; | |
background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4)); | |
background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4); | |
background-image:-o-linear-gradient(top,#5bc0de,#2f96b4); | |
background-image:linear-gradient(to bottom,#5bc0de,#2f96b4); | |
background-repeat:repeat-x; | |
border-color:#2f96b4 #2f96b4 #1f6377; | |
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(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0); | |
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) | |
} | |
.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled] { | |
color:#fff; | |
background-color:#2f96b4; | |
*background-color:#2a85a0 | |
} | |
.btn-info:active,.btn-info.active { | |
background-color:#24748c \9 | |
} | |
.btn-inverse { | |
color:#fff; | |
text-shadow:0 -1px 0 rgba(0,0,0,0.25); | |
background-color:#363636; | |
*background-color:#222; | |
background-image:-moz-linear-gradient(top,#444,#222); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#444),to(#222)); | |
background-image:-webkit-linear-gradient(top,#444,#222); | |
background-image:-o-linear-gradient(top,#444,#222); | |
background-image:linear-gradient(to bottom,#444,#222); | |
background-repeat:repeat-x; | |
border-color:#222 #222 #000; | |
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(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0); | |
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) | |
} | |
.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled] { | |
color:#fff; | |
background-color:#222; | |
*background-color:#151515 | |
} | |
.btn-inverse:active,.btn-inverse.active { | |
background-color:#080808 \9 | |
} | |
button.btn,input[type="submit"].btn { | |
*padding-top:3px; | |
*padding-bottom:3px | |
} | |
button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner { | |
padding:0; | |
border:0 | |
} | |
button.btn.btn-large,input[type="submit"].btn.btn-large { | |
*padding-top:7px; | |
*padding-bottom:7px | |
} | |
button.btn.btn-small,input[type="submit"].btn.btn-small { | |
*padding-top:3px; | |
*padding-bottom:3px | |
} | |
button.btn.btn-mini,input[type="submit"].btn.btn-mini { | |
*padding-top:1px; | |
*padding-bottom:1px | |
} | |
.btn-link,.btn-link:active,.btn-link[disabled] { | |
background-color:transparent; | |
background-image:none; | |
-webkit-box-shadow:none; | |
-moz-box-shadow:none; | |
box-shadow:none | |
} | |
.btn-link { | |
color:#08c; | |
cursor:pointer; | |
border-color:transparent; | |
-webkit-border-radius:0; | |
-moz-border-radius:0; | |
border-radius:0 | |
} | |
.btn-link:hover { | |
color:#005580; | |
text-decoration:underline; | |
background-color:transparent | |
} | |
.btn-link[disabled]:hover { | |
color:#333; | |
text-decoration:none | |
} | |
.btn-group { | |
position:relative; | |
display:inline-block; | |
*display:inline; | |
*margin-left:.3em; | |
font-size:0; | |
white-space:nowrap; | |
vertical-align:middle; | |
*zoom:1 | |
} | |
.btn-group:first-child { | |
*margin-left:0 | |
} | |
.btn-group+.btn-group { | |
margin-left:5px | |
} | |
.btn-toolbar { | |
margin-top:10px; | |
margin-bottom:10px; | |
font-size:0 | |
} | |
.btn-toolbar .btn+.btn,.btn-toolbar .btn-group+.btn,.btn-toolbar .btn+.btn-group { | |
margin-left:5px | |
} | |
.btn-group>.btn { | |
position:relative; | |
-webkit-border-radius:0; | |
-moz-border-radius:0; | |
border-radius:0 | |
} | |
.btn-group>.btn+.btn { | |
margin-left:-1px | |
} | |
.btn-group>.btn,.btn-group>.dropdown-menu { | |
font-size:14px | |
} | |
.btn-group>.btn-mini { | |
font-size:11px | |
} | |
.btn-group>.btn-small { | |
font-size:12px | |
} | |
.btn-group>.btn-large { | |
font-size:16px | |
} | |
.btn-group>.btn:first-child { | |
margin-left:0; | |
-webkit-border-bottom-left-radius:4px; | |
border-bottom-left-radius:4px; | |
-webkit-border-top-left-radius:4px; | |
border-top-left-radius:4px; | |
-moz-border-radius-bottomleft:4px; | |
-moz-border-radius-topleft:4px | |
} | |
.btn-group>.btn:last-child,.btn-group>.dropdown-toggle { | |
-webkit-border-top-right-radius:4px; | |
border-top-right-radius:4px; | |
-webkit-border-bottom-right-radius:4px; | |
border-bottom-right-radius:4px; | |
-moz-border-radius-topright:4px; | |
-moz-border-radius-bottomright:4px | |
} | |
.btn-group>.btn.large:first-child { | |
margin-left:0; | |
-webkit-border-bottom-left-radius:6px; | |
border-bottom-left-radius:6px; | |
-webkit-border-top-left-radius:6px; | |
border-top-left-radius:6px; | |
-moz-border-radius-bottomleft:6px; | |
-moz-border-radius-topleft:6px | |
} | |
.btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle { | |
-webkit-border-top-right-radius:6px; | |
border-top-right-radius:6px; | |
-webkit-border-bottom-right-radius:6px; | |
border-bottom-right-radius:6px; | |
-moz-border-radius-topright:6px; | |
-moz-border-radius-bottomright:6px | |
} | |
.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active { | |
z-index:2 | |
} | |
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle { | |
outline:0 | |
} | |
.btn-group>.btn+.dropdown-toggle { | |
*padding-top:5px; | |
padding-right:8px; | |
*padding-bottom:5px; | |
padding-left:8px; | |
-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); | |
-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); | |
box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05) | |
} | |
.btn-group>.btn-mini+.dropdown-toggle { | |
*padding-top:2px; | |
padding-right:5px; | |
*padding-bottom:2px; | |
padding-left:5px | |
} | |
.btn-group>.btn-small+.dropdown-toggle { | |
*padding-top:5px; | |
*padding-bottom:4px | |
} | |
.btn-group>.btn-large+.dropdown-toggle { | |
*padding-top:7px; | |
padding-right:12px; | |
*padding-bottom:7px; | |
padding-left:12px | |
} | |
.btn-group.open .dropdown-toggle { | |
background-image:none; | |
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); | |
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); | |
box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05) | |
} | |
.btn-group.open .btn.dropdown-toggle { | |
background-color:#e6e6e6 | |
} | |
.btn-group.open .btn-primary.dropdown-toggle { | |
background-color:#04c | |
} | |
.btn-group.open .btn-warning.dropdown-toggle { | |
background-color:#f89406 | |
} | |
.btn-group.open .btn-danger.dropdown-toggle { | |
background-color:#bd362f | |
} | |
.btn-group.open .btn-success.dropdown-toggle { | |
background-color:#51a351 | |
} | |
.btn-group.open .btn-info.dropdown-toggle { | |
background-color:#2f96b4 | |
} | |
.btn-group.open .btn-inverse.dropdown-toggle { | |
background-color:#222 | |
} | |
.btn .caret { | |
margin-top:8px; | |
margin-left:0 | |
} | |
.btn-mini .caret,.btn-small .caret,.btn-large .caret { | |
margin-top:6px | |
} | |
.btn-large .caret { | |
border-top-width:5px; | |
border-right-width:5px; | |
border-left-width:5px | |
} | |
.dropup .btn-large .caret { | |
border-bottom-width:5px | |
} | |
.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret { | |
border-top-color:#fff; | |
border-bottom-color:#fff | |
} | |
.btn-group-vertical { | |
display:inline-block; | |
*display:inline; | |
*zoom:1 | |
} | |
.btn-group-vertical .btn { | |
display:block; | |
float:none; | |
width:100%; | |
-webkit-border-radius:0; | |
-moz-border-radius:0; | |
border-radius:0 | |
} | |
.btn-group-vertical .btn+.btn { | |
margin-top:-1px; | |
margin-left:0 | |
} | |
.btn-group-vertical .btn:first-child { | |
-webkit-border-radius:4px 4px 0 0; | |
-moz-border-radius:4px 4px 0 0; | |
border-radius:4px 4px 0 0 | |
} | |
.btn-group-vertical .btn:last-child { | |
-webkit-border-radius:0 0 4px 4px; | |
-moz-border-radius:0 0 4px 4px; | |
border-radius:0 0 4px 4px | |
} | |
.btn-group-vertical .btn-large:first-child { | |
-webkit-border-radius:6px 6px 0 0; | |
-moz-border-radius:6px 6px 0 0; | |
border-radius:6px 6px 0 0 | |
} | |
.btn-group-vertical .btn-large:last-child { | |
-webkit-border-radius:0 0 6px 6px; | |
-moz-border-radius:0 0 6px 6px; | |
border-radius:0 0 6px 6px | |
} | |
.alert { | |
padding:8px 35px 8px 14px; | |
margin-bottom:20px; | |
color:#c09853; | |
text-shadow:0 1px 0 rgba(255,255,255,0.5); | |
background-color:#fcf8e3; | |
border:1px solid #fbeed5; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px | |
} | |
.alert h4 { | |
margin:0 | |
} | |
.alert .close { | |
position:relative; | |
top:-2px; | |
right:-21px; | |
line-height:20px | |
} | |
.alert-success { | |
color:#468847; | |
background-color:#dff0d8; | |
border-color:#d6e9c6 | |
} | |
.alert-danger,.alert-error { | |
color:#b94a48; | |
background-color:#f2dede; | |
border-color:#eed3d7 | |
} | |
.alert-info { | |
color:#3a87ad; | |
background-color:#d9edf7; | |
border-color:#bce8f1 | |
} | |
.alert-block { | |
padding-top:14px; | |
padding-bottom:14px | |
} | |
.alert-block>p,.alert-block>ul { | |
margin-bottom:0 | |
} | |
.alert-block p+p { | |
margin-top:5px | |
} | |
.nav { | |
margin-bottom:20px; | |
margin-left:0; | |
list-style:none | |
} | |
.nav>li>a { | |
display:block | |
} | |
.nav>li>a:hover { | |
text-decoration:none; | |
background-color:#eee | |
} | |
.nav>.pull-right { | |
float:right | |
} | |
.nav-header { | |
display:block; | |
padding:3px 15px; | |
font-size:11px; | |
font-weight:bold; | |
line-height:20px; | |
color:#999; | |
text-shadow:0 1px 0 rgba(255,255,255,0.5); | |
text-transform:uppercase | |
} | |
.nav li+.nav-header { | |
margin-top:9px | |
} | |
.nav-list { | |
padding-right:15px; | |
padding-left:15px; | |
margin-bottom:0 | |
} | |
.nav-list>li>a,.nav-list .nav-header { | |
margin-right:-15px; | |
margin-left:-15px; | |
text-shadow:0 1px 0 rgba(255,255,255,0.5) | |
} | |
.nav-list>li>a { | |
padding:3px 15px | |
} | |
.nav-list>.active>a,.nav-list>.active>a:hover { | |
color:#fff; | |
text-shadow:0 -1px 0 rgba(0,0,0,0.2); | |
background-color:#08c | |
} | |
.nav-list [class^="icon-"],.nav-list [class*=" icon-"] { | |
margin-right:2px | |
} | |
.nav-list .divider { | |
*width:100%; | |
height:1px; | |
margin:9px 1px; | |
*margin:-5px 0 5px; | |
overflow:hidden; | |
background-color:#e5e5e5; | |
border-bottom:1px solid #fff | |
} | |
.nav-tabs,.nav-pills { | |
*zoom:1 | |
} | |
.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.nav-tabs:after,.nav-pills:after { | |
clear:both | |
} | |
.nav-tabs>li,.nav-pills>li { | |
float:left | |
} | |
.nav-tabs>li>a,.nav-pills>li>a { | |
padding-right:12px; | |
padding-left:12px; | |
margin-right:2px; | |
line-height:14px | |
} | |
.nav-tabs { | |
border-bottom:1px solid #ddd | |
} | |
.nav-tabs>li { | |
margin-bottom:-1px | |
} | |
.nav-tabs>li>a { | |
padding-top:8px; | |
padding-bottom:8px; | |
line-height:20px; | |
border:1px solid transparent; | |
-webkit-border-radius:4px 4px 0 0; | |
-moz-border-radius:4px 4px 0 0; | |
border-radius:4px 4px 0 0 | |
} | |
.nav-tabs>li>a:hover { | |
border-color:#eee #eee #ddd | |
} | |
.nav-tabs>.active>a,.nav-tabs>.active>a:hover { | |
color:#555; | |
cursor:default; | |
background-color:#fff; | |
border:1px solid #ddd; | |
border-bottom-color:transparent | |
} | |
.nav-pills>li>a { | |
padding-top:8px; | |
padding-bottom:8px; | |
margin-top:2px; | |
margin-bottom:2px; | |
-webkit-border-radius:5px; | |
-moz-border-radius:5px; | |
border-radius:5px | |
} | |
.nav-pills>.active>a,.nav-pills>.active>a:hover { | |
color:#fff; | |
background-color:#08c | |
} | |
.nav-stacked>li { | |
float:none | |
} | |
.nav-stacked>li>a { | |
margin-right:0 | |
} | |
.nav-tabs.nav-stacked { | |
border-bottom:0 | |
} | |
.nav-tabs.nav-stacked>li>a { | |
border:1px solid #ddd; | |
-webkit-border-radius:0; | |
-moz-border-radius:0; | |
border-radius:0 | |
} | |
.nav-tabs.nav-stacked>li:first-child>a { | |
-webkit-border-top-right-radius:4px; | |
border-top-right-radius:4px; | |
-webkit-border-top-left-radius:4px; | |
border-top-left-radius:4px; | |
-moz-border-radius-topright:4px; | |
-moz-border-radius-topleft:4px | |
} | |
.nav-tabs.nav-stacked>li:last-child>a { | |
-webkit-border-bottom-right-radius:4px; | |
border-bottom-right-radius:4px; | |
-webkit-border-bottom-left-radius:4px; | |
border-bottom-left-radius:4px; | |
-moz-border-radius-bottomright:4px; | |
-moz-border-radius-bottomleft:4px | |
} | |
.nav-tabs.nav-stacked>li>a:hover { | |
z-index:2; | |
border-color:#ddd | |
} | |
.nav-pills.nav-stacked>li>a { | |
margin-bottom:3px | |
} | |
.nav-pills.nav-stacked>li:last-child>a { | |
margin-bottom:1px | |
} | |
.nav-tabs .dropdown-menu { | |
-webkit-border-radius:0 0 6px 6px; | |
-moz-border-radius:0 0 6px 6px; | |
border-radius:0 0 6px 6px | |
} | |
.nav-pills .dropdown-menu { | |
-webkit-border-radius:6px; | |
-moz-border-radius:6px; | |
border-radius:6px | |
} | |
.nav .dropdown-toggle .caret { | |
margin-top:6px; | |
border-top-color:#08c; | |
border-bottom-color:#08c | |
} | |
.nav .dropdown-toggle:hover .caret { | |
border-top-color:#005580; | |
border-bottom-color:#005580 | |
} | |
.nav-tabs .dropdown-toggle .caret { | |
margin-top:8px | |
} | |
.nav .active .dropdown-toggle .caret { | |
border-top-color:#fff; | |
border-bottom-color:#fff | |
} | |
.nav-tabs .active .dropdown-toggle .caret { | |
border-top-color:#555; | |
border-bottom-color:#555 | |
} | |
.nav>.dropdown.active>a:hover { | |
cursor:pointer | |
} | |
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover { | |
color:#fff; | |
background-color:#999; | |
border-color:#999 | |
} | |
.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret { | |
border-top-color:#fff; | |
border-bottom-color:#fff; | |
opacity:1; | |
filter:alpha(opacity=100) | |
} | |
.tabs-stacked .open>a:hover { | |
border-color:#999 | |
} | |
.tabbable { | |
*zoom:1 | |
} | |
.tabbable:before,.tabbable:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.tabbable:after { | |
clear:both | |
} | |
.tab-content { | |
overflow:auto | |
} | |
.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs { | |
border-bottom:0 | |
} | |
.tab-content>.tab-pane,.pill-content>.pill-pane { | |
display:none | |
} | |
.tab-content>.active,.pill-content>.active { | |
display:block | |
} | |
.tabs-below>.nav-tabs { | |
border-top:1px solid #ddd | |
} | |
.tabs-below>.nav-tabs>li { | |
margin-top:-1px; | |
margin-bottom:0 | |
} | |
.tabs-below>.nav-tabs>li>a { | |
-webkit-border-radius:0 0 4px 4px; | |
-moz-border-radius:0 0 4px 4px; | |
border-radius:0 0 4px 4px | |
} | |
.tabs-below>.nav-tabs>li>a:hover { | |
border-top-color:#ddd; | |
border-bottom-color:transparent | |
} | |
.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover { | |
border-color:transparent #ddd #ddd #ddd | |
} | |
.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li { | |
float:none | |
} | |
.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a { | |
min-width:74px; | |
margin-right:0; | |
margin-bottom:3px | |
} | |
.tabs-left>.nav-tabs { | |
float:left; | |
margin-right:19px; | |
border-right:1px solid #ddd | |
} | |
.tabs-left>.nav-tabs>li>a { | |
margin-right:-1px; | |
-webkit-border-radius:4px 0 0 4px; | |
-moz-border-radius:4px 0 0 4px; | |
border-radius:4px 0 0 4px | |
} | |
.tabs-left>.nav-tabs>li>a:hover { | |
border-color:#eee #ddd #eee #eee | |
} | |
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover { | |
border-color:#ddd transparent #ddd #ddd; | |
*border-right-color:#fff | |
} | |
.tabs-right>.nav-tabs { | |
float:right; | |
margin-left:19px; | |
border-left:1px solid #ddd | |
} | |
.tabs-right>.nav-tabs>li>a { | |
margin-left:-1px; | |
-webkit-border-radius:0 4px 4px 0; | |
-moz-border-radius:0 4px 4px 0; | |
border-radius:0 4px 4px 0 | |
} | |
.tabs-right>.nav-tabs>li>a:hover { | |
border-color:#eee #eee #eee #ddd | |
} | |
.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover { | |
border-color:#ddd #ddd #ddd transparent; | |
*border-left-color:#fff | |
} | |
.nav>.disabled>a { | |
color:#999 | |
} | |
.nav>.disabled>a:hover { | |
text-decoration:none; | |
cursor:default; | |
background-color:transparent | |
} | |
.navbar { | |
*position:relative; | |
*z-index:2; | |
margin-bottom:20px; | |
overflow:visible; | |
color:#777 | |
} | |
.navbar-inner { | |
min-height:40px; | |
padding-right:20px; | |
padding-left:20px; | |
background-color:#fafafa; | |
background-image:-moz-linear-gradient(top,#fff,#f2f2f2); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2)); | |
background-image:-webkit-linear-gradient(top,#fff,#f2f2f2); | |
background-image:-o-linear-gradient(top,#fff,#f2f2f2); | |
background-image:linear-gradient(to bottom,#fff,#f2f2f2); | |
background-repeat:repeat-x; | |
border:1px solid #d4d4d4; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px; | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0); | |
*zoom:1; | |
-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065); | |
-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065); | |
box-shadow:0 1px 4px rgba(0,0,0,0.065) | |
} | |
.navbar-inner:before,.navbar-inner:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.navbar-inner:after { | |
clear:both | |
} | |
.navbar .container { | |
width:auto | |
} | |
.nav-collapse.collapse { | |
height:auto; | |
overflow:visible | |
} | |
.navbar .brand { | |
display:block; | |
float:left; | |
padding:10px 20px 10px; | |
margin-left:-20px; | |
font-size:20px; | |
font-weight:200; | |
color:#777; | |
text-shadow:0 1px 0 #fff | |
} | |
.navbar .brand:hover { | |
text-decoration:none | |
} | |
.navbar-text { | |
margin-bottom:0; | |
line-height:40px | |
} | |
.navbar-link { | |
color:#777 | |
} | |
.navbar-link:hover { | |
color:#333 | |
} | |
.navbar .divider-vertical { | |
height:40px; | |
margin:0 9px; | |
border-right:1px solid #fff; | |
border-left:1px solid #f2f2f2 | |
} | |
.navbar .btn,.navbar .btn-group { | |
margin-top:5px | |
} | |
.navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn { | |
margin-top:0 | |
} | |
.navbar-form { | |
margin-bottom:0; | |
*zoom:1 | |
} | |
.navbar-form:before,.navbar-form:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.navbar-form:after { | |
clear:both | |
} | |
.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox { | |
margin-top:5px | |
} | |
.navbar-form input,.navbar-form select,.navbar-form .btn { | |
display:inline-block; | |
margin-bottom:0 | |
} | |
.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"] { | |
margin-top:3px | |
} | |
.navbar-form .input-append,.navbar-form .input-prepend { | |
margin-top:6px; | |
white-space:nowrap | |
} | |
.navbar-form .input-append input,.navbar-form .input-prepend input { | |
margin-top:0 | |
} | |
.navbar-search { | |
position:relative; | |
float:left; | |
margin-top:5px; | |
margin-bottom:0 | |
} | |
.navbar-search .search-query { | |
padding:4px 14px; | |
margin-bottom:0; | |
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; | |
font-size:13px; | |
font-weight:normal; | |
line-height:1; | |
-webkit-border-radius:15px; | |
-moz-border-radius:15px; | |
border-radius:15px | |
} | |
.navbar-static-top { | |
position:static; | |
margin-bottom:0 | |
} | |
.navbar-static-top .navbar-inner { | |
-webkit-border-radius:0; | |
-moz-border-radius:0; | |
border-radius:0 | |
} | |
.navbar-fixed-top,.navbar-fixed-bottom { | |
position:fixed; | |
right:0; | |
left:0; | |
z-index:1030; | |
margin-bottom:0 | |
} | |
.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner { | |
border-width:0 0 1px | |
} | |
.navbar-fixed-bottom .navbar-inner { | |
border-width:1px 0 0 | |
} | |
.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner { | |
padding-right:0; | |
padding-left:0; | |
-webkit-border-radius:0; | |
-moz-border-radius:0; | |
border-radius:0 | |
} | |
.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container { | |
width:940px | |
} | |
.navbar-fixed-top { | |
top:0 | |
} | |
.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner { | |
-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.1); | |
-moz-box-shadow:0 1px 10px rgba(0,0,0,0.1); | |
box-shadow:0 1px 10px rgba(0,0,0,0.1) | |
} | |
.navbar-fixed-bottom { | |
bottom:0 | |
} | |
.navbar-fixed-bottom .navbar-inner { | |
-webkit-box-shadow:0 -1px 10px rgba(0,0,0,0.1); | |
-moz-box-shadow:0 -1px 10px rgba(0,0,0,0.1); | |
box-shadow:0 -1px 10px rgba(0,0,0,0.1) | |
} | |
.navbar .nav { | |
position:relative; | |
left:0; | |
display:block; | |
float:left; | |
margin:0 10px 0 0 | |
} | |
.navbar .nav.pull-right { | |
float:right; | |
margin-right:0 | |
} | |
.navbar .nav>li { | |
float:left | |
} | |
.navbar .nav>li>a { | |
float:none; | |
padding:10px 15px 10px; | |
color:#777; | |
text-decoration:none; | |
text-shadow:0 1px 0 #fff | |
} | |
.navbar .nav .dropdown-toggle .caret { | |
margin-top:8px | |
} | |
.navbar .nav>li>a:focus,.navbar .nav>li>a:hover { | |
color:#333; | |
text-decoration:none; | |
background-color:transparent | |
} | |
.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus { | |
color:#555; | |
text-decoration:none; | |
background-color:#e5e5e5; | |
-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125); | |
-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125); | |
box-shadow:inset 0 3px 8px rgba(0,0,0,0.125) | |
} | |
.navbar .btn-navbar { | |
display:none; | |
float:right; | |
padding:7px 10px; | |
margin-right:5px; | |
margin-left:5px; | |
color:#fff; | |
text-shadow:0 -1px 0 rgba(0,0,0,0.25); | |
background-color:#ededed; | |
*background-color:#e5e5e5; | |
background-image:-moz-linear-gradient(top,#f2f2f2,#e5e5e5); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e5e5e5)); | |
background-image:-webkit-linear-gradient(top,#f2f2f2,#e5e5e5); | |
background-image:-o-linear-gradient(top,#f2f2f2,#e5e5e5); | |
background-image:linear-gradient(to bottom,#f2f2f2,#e5e5e5); | |
background-repeat:repeat-x; | |
border-color:#e5e5e5 #e5e5e5 #bfbfbf; | |
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(startColorstr='#fff2f2f2',endColorstr='#ffe5e5e5',GradientType=0); | |
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) | |
} | |
.navbar .btn-navbar:hover,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled] { | |
color:#fff; | |
background-color:#e5e5e5; | |
*background-color:#d9d9d9 | |
} | |
.navbar .btn-navbar:active,.navbar .btn-navbar.active { | |
background-color:#ccc \9 | |
} | |
.navbar .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 | |
} | |
.navbar .nav>li>.dropdown-menu:before { | |
position:absolute; | |
top:-7px; | |
left:9px; | |
display:inline-block; | |
border-right:7px solid transparent; | |
border-bottom:7px solid #ccc; | |
border-left:7px solid transparent; | |
border-bottom-color:rgba(0,0,0,0.2); | |
content:'' | |
} | |
.navbar .nav>li>.dropdown-menu:after { | |
position:absolute; | |
top:-6px; | |
left:10px; | |
display:inline-block; | |
border-right:6px solid transparent; | |
border-bottom:6px solid #fff; | |
border-left:6px solid transparent; | |
content:'' | |
} | |
.navbar-fixed-bottom .nav>li>.dropdown-menu:before { | |
top:auto; | |
bottom:-7px; | |
border-top:7px solid #ccc; | |
border-bottom:0; | |
border-top-color:rgba(0,0,0,0.2) | |
} | |
.navbar-fixed-bottom .nav>li>.dropdown-menu:after { | |
top:auto; | |
bottom:-6px; | |
border-top:6px solid #fff; | |
border-bottom:0 | |
} | |
.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle { | |
color:#555; | |
background-color:#e5e5e5 | |
} | |
.navbar .nav li.dropdown>.dropdown-toggle .caret { | |
border-top-color:#777; | |
border-bottom-color:#777 | |
} | |
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret { | |
border-top-color:#555; | |
border-bottom-color:#555 | |
} | |
.navbar .pull-right>li>.dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right { | |
right:0; | |
left:auto | |
} | |
.navbar .pull-right>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-right:before { | |
right:12px; | |
left:auto | |
} | |
.navbar .pull-right>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-right:after { | |
right:13px; | |
left:auto | |
} | |
.navbar .pull-right>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu { | |
right:100%; | |
left:auto; | |
margin-right:-1px; | |
margin-left:0; | |
-webkit-border-radius:6px 0 6px 6px; | |
-moz-border-radius:6px 0 6px 6px; | |
border-radius:6px 0 6px 6px | |
} | |
.navbar-inverse { | |
color:#999 | |
} | |
.navbar-inverse .navbar-inner { | |
background-color:#1b1b1b; | |
background-image:-moz-linear-gradient(top,#222,#111); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(#111)); | |
background-image:-webkit-linear-gradient(top,#222,#111); | |
background-image:-o-linear-gradient(top,#222,#111); | |
background-image:linear-gradient(to bottom,#222,#111); | |
background-repeat:repeat-x; | |
border-color:#252525; | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0) | |
} | |
.navbar-inverse .brand,.navbar-inverse .nav>li>a { | |
color:#999; | |
text-shadow:0 -1px 0 rgba(0,0,0,0.25) | |
} | |
.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover { | |
color:#fff | |
} | |
.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover { | |
color:#fff; | |
background-color:transparent | |
} | |
.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus { | |
color:#fff; | |
background-color:#111 | |
} | |
.navbar-inverse .navbar-link { | |
color:#999 | |
} | |
.navbar-inverse .navbar-link:hover { | |
color:#fff | |
} | |
.navbar-inverse .divider-vertical { | |
border-right-color:#222; | |
border-left-color:#111 | |
} | |
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle { | |
color:#fff; | |
background-color:#111 | |
} | |
.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret { | |
border-top-color:#999; | |
border-bottom-color:#999 | |
} | |
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret { | |
border-top-color:#fff; | |
border-bottom-color:#fff | |
} | |
.navbar-inverse .navbar-search .search-query { | |
color:#fff; | |
background-color:#515151; | |
border-color:#111; | |
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15); | |
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15); | |
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15); | |
-webkit-transition:none; | |
-moz-transition:none; | |
-o-transition:none; | |
transition:none | |
} | |
.navbar-inverse .navbar-search .search-query:-moz-placeholder { | |
color:#ccc | |
} | |
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder { | |
color:#ccc | |
} | |
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { | |
color:#ccc | |
} | |
.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused { | |
padding:5px 15px; | |
color:#333; | |
text-shadow:0 1px 0 #fff; | |
background-color:#fff; | |
border:0; | |
outline: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) | |
} | |
.navbar-inverse .btn-navbar { | |
color:#fff; | |
text-shadow:0 -1px 0 rgba(0,0,0,0.25); | |
background-color:#0e0e0e; | |
*background-color:#040404; | |
background-image:-moz-linear-gradient(top,#151515,#040404); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#151515),to(#040404)); | |
background-image:-webkit-linear-gradient(top,#151515,#040404); | |
background-image:-o-linear-gradient(top,#151515,#040404); | |
background-image:linear-gradient(to bottom,#151515,#040404); | |
background-repeat:repeat-x; | |
border-color:#040404 #040404 #000; | |
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(startColorstr='#ff151515',endColorstr='#ff040404',GradientType=0); | |
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) | |
} | |
.navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar[disabled] { | |
color:#fff; | |
background-color:#040404; | |
*background-color:#000 | |
} | |
.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active { | |
background-color:#000 \9 | |
} | |
.breadcrumb { | |
padding:8px 15px; | |
margin:0 0 20px; | |
list-style:none; | |
background-color:#f5f5f5; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px | |
} | |
.breadcrumb li { | |
display:inline-block; | |
*display:inline; | |
text-shadow:0 1px 0 #fff; | |
*zoom:1 | |
} | |
.breadcrumb .divider { | |
padding:0 5px; | |
color:#ccc | |
} | |
.breadcrumb .active { | |
color:#999 | |
} | |
.pagination { | |
margin:20px 0 | |
} | |
.pagination ul { | |
display:inline-block; | |
*display:inline; | |
margin-bottom:0; | |
margin-left:0; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px; | |
*zoom:1; | |
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05); | |
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05); | |
box-shadow:0 1px 2px rgba(0,0,0,0.05) | |
} | |
.pagination ul>li { | |
display:inline | |
} | |
.pagination ul>li>a,.pagination ul>li>span { | |
float:left; | |
padding:4px 12px; | |
line-height:20px; | |
text-decoration:none; | |
background-color:#fff; | |
border:1px solid #ddd; | |
border-left-width:0 | |
} | |
.pagination ul>li>a:hover,.pagination ul>.active>a,.pagination ul>.active>span { | |
background-color:#f5f5f5 | |
} | |
.pagination ul>.active>a,.pagination ul>.active>span { | |
color:#999; | |
cursor:default | |
} | |
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover { | |
color:#999; | |
cursor:default; | |
background-color:transparent | |
} | |
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span { | |
border-left-width:1px; | |
-webkit-border-bottom-left-radius:4px; | |
border-bottom-left-radius:4px; | |
-webkit-border-top-left-radius:4px; | |
border-top-left-radius:4px; | |
-moz-border-radius-bottomleft:4px; | |
-moz-border-radius-topleft:4px | |
} | |
.pagination ul>li:last-child>a,.pagination ul>li:last-child>span { | |
-webkit-border-top-right-radius:4px; | |
border-top-right-radius:4px; | |
-webkit-border-bottom-right-radius:4px; | |
border-bottom-right-radius:4px; | |
-moz-border-radius-topright:4px; | |
-moz-border-radius-bottomright:4px | |
} | |
.pagination-centered { | |
text-align:center | |
} | |
.pagination-right { | |
text-align:right | |
} | |
.pagination-large ul>li>a,.pagination-large ul>li>span { | |
padding:11px 19px; | |
font-size:17.5px | |
} | |
.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span { | |
-webkit-border-bottom-left-radius:6px; | |
border-bottom-left-radius:6px; | |
-webkit-border-top-left-radius:6px; | |
border-top-left-radius:6px; | |
-moz-border-radius-bottomleft:6px; | |
-moz-border-radius-topleft:6px | |
} | |
.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span { | |
-webkit-border-top-right-radius:6px; | |
border-top-right-radius:6px; | |
-webkit-border-bottom-right-radius:6px; | |
border-bottom-right-radius:6px; | |
-moz-border-radius-topright:6px; | |
-moz-border-radius-bottomright:6px | |
} | |
.pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span { | |
-webkit-border-bottom-left-radius:3px; | |
border-bottom-left-radius:3px; | |
-webkit-border-top-left-radius:3px; | |
border-top-left-radius:3px; | |
-moz-border-radius-bottomleft:3px; | |
-moz-border-radius-topleft:3px | |
} | |
.pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span { | |
-webkit-border-top-right-radius:3px; | |
border-top-right-radius:3px; | |
-webkit-border-bottom-right-radius:3px; | |
border-bottom-right-radius:3px; | |
-moz-border-radius-topright:3px; | |
-moz-border-radius-bottomright:3px | |
} | |
.pagination-small ul>li>a,.pagination-small ul>li>span { | |
padding:2px 10px; | |
font-size:11.9px | |
} | |
.pagination-mini ul>li>a,.pagination-mini ul>li>span { | |
padding:1px 6px; | |
font-size:10.5px | |
} | |
.pager { | |
margin:20px 0; | |
text-align:center; | |
list-style:none; | |
*zoom:1 | |
} | |
.pager:before,.pager:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.pager:after { | |
clear:both | |
} | |
.pager li { | |
display:inline | |
} | |
.pager li>a,.pager li>span { | |
display:inline-block; | |
padding:5px 14px; | |
background-color:#fff; | |
border:1px solid #ddd; | |
-webkit-border-radius:15px; | |
-moz-border-radius:15px; | |
border-radius:15px | |
} | |
.pager li>a:hover { | |
text-decoration:none; | |
background-color:#f5f5f5 | |
} | |
.pager .next>a,.pager .next>span { | |
float:right | |
} | |
.pager .previous>a,.pager .previous>span { | |
float:left | |
} | |
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>span { | |
color:#999; | |
cursor:default; | |
background-color:#fff | |
} | |
.modal-backdrop { | |
position:fixed; | |
top:0; | |
right:0; | |
bottom:0; | |
left:0; | |
z-index:1040; | |
background-color:#000 | |
} | |
.modal-backdrop.fade { | |
opacity:0 | |
} | |
.modal-backdrop,.modal-backdrop.fade.in { | |
opacity:.8; | |
filter:alpha(opacity=80) | |
} | |
.modal { | |
position:fixed; | |
top:50%; | |
left:50%; | |
z-index:1050; | |
width:560px; | |
margin:-250px 0 0 -280px; | |
background-color:#fff; | |
border:1px solid #999; | |
border:1px solid rgba(0,0,0,0.3); | |
*border:1px solid #999; | |
-webkit-border-radius:6px; | |
-moz-border-radius:6px; | |
border-radius:6px; | |
outline:0; | |
-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3); | |
-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3); | |
box-shadow:0 3px 7px rgba(0,0,0,0.3); | |
-webkit-background-clip:padding-box; | |
-moz-background-clip:padding-box; | |
background-clip:padding-box | |
} | |
.modal.fade { | |
top:-25%; | |
-webkit-transition:opacity .3s linear,top .3s ease-out; | |
-moz-transition:opacity .3s linear,top .3s ease-out; | |
-o-transition:opacity .3s linear,top .3s ease-out; | |
transition:opacity .3s linear,top .3s ease-out | |
} | |
.modal.fade.in { | |
top:50% | |
} | |
.modal-header { | |
padding:9px 15px; | |
border-bottom:1px solid #eee | |
} | |
.modal-header .close { | |
margin-top:2px | |
} | |
.modal-header h3 { | |
margin:0; | |
line-height:30px | |
} | |
.modal-body { | |
max-height:400px; | |
padding:15px; | |
overflow-y:auto | |
} | |
.modal-form { | |
margin-bottom:0 | |
} | |
.modal-footer { | |
padding:14px 15px 15px; | |
margin-bottom:0; | |
text-align:right; | |
background-color:#f5f5f5; | |
border-top:1px solid #ddd; | |
-webkit-border-radius:0 0 6px 6px; | |
-moz-border-radius:0 0 6px 6px; | |
border-radius:0 0 6px 6px; | |
*zoom:1; | |
-webkit-box-shadow:inset 0 1px 0 #fff; | |
-moz-box-shadow:inset 0 1px 0 #fff; | |
box-shadow:inset 0 1px 0 #fff | |
} | |
.modal-footer:before,.modal-footer:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.modal-footer:after { | |
clear:both | |
} | |
.modal-footer .btn+.btn { | |
margin-bottom:0; | |
margin-left:5px | |
} | |
.modal-footer .btn-group .btn+.btn { | |
margin-left:-1px | |
} | |
.modal-footer .btn-block+.btn-block { | |
margin-left:0 | |
} | |
.tooltip { | |
position:absolute; | |
z-index:1030; | |
display:block; | |
padding:5px; | |
font-size:11px; | |
opacity:0; | |
filter:alpha(opacity=0); | |
visibility:visible | |
} | |
.tooltip.in { | |
opacity:.8; | |
filter:alpha(opacity=80) | |
} | |
.tooltip.top { | |
margin-top:-3px | |
} | |
.tooltip.right { | |
margin-left:3px | |
} | |
.tooltip.bottom { | |
margin-top:3px | |
} | |
.tooltip.left { | |
margin-left:-3px | |
} | |
.tooltip-inner { | |
max-width:200px; | |
padding:3px 8px; | |
color:#fff; | |
text-align:center; | |
text-decoration:none; | |
background-color:#000; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px | |
} | |
.tooltip-arrow { | |
position:absolute; | |
width:0; | |
height:0; | |
border-color:transparent; | |
border-style:solid | |
} | |
.tooltip.top .tooltip-arrow { | |
bottom:0; | |
left:50%; | |
margin-left:-5px; | |
border-top-color:#000; | |
border-width:5px 5px 0 | |
} | |
.tooltip.right .tooltip-arrow { | |
top:50%; | |
left:0; | |
margin-top:-5px; | |
border-right-color:#000; | |
border-width:5px 5px 5px 0 | |
} | |
.tooltip.left .tooltip-arrow { | |
top:50%; | |
right:0; | |
margin-top:-5px; | |
border-left-color:#000; | |
border-width:5px 0 5px 5px | |
} | |
.tooltip.bottom .tooltip-arrow { | |
top:0; | |
left:50%; | |
margin-left:-5px; | |
border-bottom-color:#000; | |
border-width:0 5px 5px | |
} | |
.popover { | |
position:absolute; | |
top:0; | |
left:0; | |
z-index:1010; | |
display:none; | |
width:236px; | |
padding:1px; | |
background-color:#fff; | |
border:1px solid #ccc; | |
border:1px solid rgba(0,0,0,0.2); | |
-webkit-border-radius:6px; | |
-moz-border-radius:6px; | |
border-radius:6px; | |
-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 | |
} | |
.popover.top { | |
margin-top:-10px | |
} | |
.popover.right { | |
margin-left:10px | |
} | |
.popover.bottom { | |
margin-top:10px | |
} | |
.popover.left { | |
margin-left:-10px | |
} | |
.popover-title { | |
padding:8px 14px; | |
margin:0; | |
font-size:14px; | |
font-weight:normal; | |
line-height:18px; | |
background-color:#f7f7f7; | |
border-bottom:1px solid #ebebeb; | |
-webkit-border-radius:5px 5px 0 0; | |
-moz-border-radius:5px 5px 0 0; | |
border-radius:5px 5px 0 0 | |
} | |
.popover-content { | |
padding:9px 14px | |
} | |
.popover-content p,.popover-content ul,.popover-content ol { | |
margin-bottom:0 | |
} | |
.popover .arrow,.popover .arrow:after { | |
position:absolute; | |
display:inline-block; | |
width:0; | |
height:0; | |
border-color:transparent; | |
border-style:solid | |
} | |
.popover .arrow:after { | |
z-index:-1; | |
content:"" | |
} | |
.popover.top .arrow { | |
bottom:-10px; | |
left:50%; | |
margin-left:-10px; | |
border-top-color:#fff; | |
border-width:10px 10px 0 | |
} | |
.popover.top .arrow:after { | |
bottom:-1px; | |
left:-11px; | |
border-top-color:rgba(0,0,0,0.25); | |
border-width:11px 11px 0 | |
} | |
.popover.right .arrow { | |
top:50%; | |
left:-10px; | |
margin-top:-10px; | |
border-right-color:#fff; | |
border-width:10px 10px 10px 0 | |
} | |
.popover.right .arrow:after { | |
bottom:-11px; | |
left:-1px; | |
border-right-color:rgba(0,0,0,0.25); | |
border-width:11px 11px 11px 0 | |
} | |
.popover.bottom .arrow { | |
top:-10px; | |
left:50%; | |
margin-left:-10px; | |
border-bottom-color:#fff; | |
border-width:0 10px 10px | |
} | |
.popover.bottom .arrow:after { | |
top:-1px; | |
left:-11px; | |
border-bottom-color:rgba(0,0,0,0.25); | |
border-width:0 11px 11px | |
} | |
.popover.left .arrow { | |
top:50%; | |
right:-10px; | |
margin-top:-10px; | |
border-left-color:#fff; | |
border-width:10px 0 10px 10px | |
} | |
.popover.left .arrow:after { | |
right:-1px; | |
bottom:-11px; | |
border-left-color:rgba(0,0,0,0.25); | |
border-width:11px 0 11px 11px | |
} | |
.thumbnails { | |
margin-left:-20px; | |
list-style:none; | |
*zoom:1 | |
} | |
.thumbnails:before,.thumbnails:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.thumbnails:after { | |
clear:both | |
} | |
.row-fluid .thumbnails { | |
margin-left:0 | |
} | |
.thumbnails>li { | |
float:left; | |
margin-bottom:20px; | |
margin-left:20px | |
} | |
.thumbnail { | |
display:block; | |
padding:4px; | |
line-height:20px; | |
border:1px solid #ddd; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px; | |
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.055); | |
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.055); | |
box-shadow:0 1px 3px rgba(0,0,0,0.055); | |
-webkit-transition:all .2s ease-in-out; | |
-moz-transition:all .2s ease-in-out; | |
-o-transition:all .2s ease-in-out; | |
transition:all .2s ease-in-out | |
} | |
a.thumbnail:hover { | |
border-color:#08c; | |
-webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25); | |
-moz-box-shadow:0 1px 4px rgba(0,105,214,0.25); | |
box-shadow:0 1px 4px rgba(0,105,214,0.25) | |
} | |
.thumbnail>img { | |
display:block; | |
max-width:100%; | |
margin-right:auto; | |
margin-left:auto | |
} | |
.thumbnail .caption { | |
padding:9px; | |
color:#555 | |
} | |
.media,.media-body { | |
overflow:hidden; | |
*overflow:visible; | |
zoom:1 | |
} | |
.media,.media .media { | |
margin-top:15px | |
} | |
.media:first-child { | |
margin-top:0 | |
} | |
.media-object { | |
display:block | |
} | |
.media-heading { | |
margin:0 0 5px | |
} | |
.media .pull-left { | |
margin-right:10px | |
} | |
.media .pull-right { | |
margin-left:10px | |
} | |
.media-list { | |
margin-left:0; | |
list-style:none | |
} | |
.label,.badge { | |
display:inline-block; | |
padding:2px 4px; | |
font-size:11.844px; | |
font-weight:bold; | |
line-height:14px; | |
color:#fff; | |
text-shadow:0 -1px 0 rgba(0,0,0,0.25); | |
white-space:nowrap; | |
vertical-align:baseline; | |
background-color:#999 | |
} | |
.label { | |
-webkit-border-radius:3px; | |
-moz-border-radius:3px; | |
border-radius:3px | |
} | |
.badge { | |
padding-right:9px; | |
padding-left:9px; | |
-webkit-border-radius:9px; | |
-moz-border-radius:9px; | |
border-radius:9px | |
} | |
a.label:hover,a.badge:hover { | |
color:#fff; | |
text-decoration:none; | |
cursor:pointer | |
} | |
.label-important,.badge-important { | |
background-color:#b94a48 | |
} | |
.label-important[href],.badge-important[href] { | |
background-color:#953b39 | |
} | |
.label-warning,.badge-warning { | |
background-color:#f89406 | |
} | |
.label-warning[href],.badge-warning[href] { | |
background-color:#c67605 | |
} | |
.label-success,.badge-success { | |
background-color:#468847 | |
} | |
.label-success[href],.badge-success[href] { | |
background-color:#356635 | |
} | |
.label-info,.badge-info { | |
background-color:#3a87ad | |
} | |
.label-info[href],.badge-info[href] { | |
background-color:#2d6987 | |
} | |
.label-inverse,.badge-inverse { | |
background-color:#333 | |
} | |
.label-inverse[href],.badge-inverse[href] { | |
background-color:#1a1a1a | |
} | |
.btn .label,.btn .badge { | |
position:relative; | |
top:-1px | |
} | |
.btn-mini .label,.btn-mini .badge { | |
top:0 | |
} | |
@-webkit-keyframes progress-bar-stripes { | |
from { | |
background-position:40px 0 | |
} | |
to { | |
background-position:0 0 | |
} | |
} | |
@-moz-keyframes progress-bar-stripes { | |
from { | |
background-position:40px 0 | |
} | |
to { | |
background-position:0 0 | |
} | |
} | |
@-ms-keyframes progress-bar-stripes { | |
from { | |
background-position:40px 0 | |
} | |
to { | |
background-position:0 0 | |
} | |
} | |
@-o-keyframes progress-bar-stripes { | |
from { | |
background-position:0 0 | |
} | |
to { | |
background-position:40px 0 | |
} | |
} | |
@keyframes progress-bar-stripes { | |
from { | |
background-position:40px 0 | |
} | |
to { | |
background-position:0 0 | |
} | |
} | |
.progress { | |
height:20px; | |
margin-bottom:20px; | |
overflow:hidden; | |
background-color:#f7f7f7; | |
background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9)); | |
background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9); | |
background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9); | |
background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9); | |
background-repeat:repeat-x; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px; | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0); | |
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); | |
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); | |
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1) | |
} | |
.progress .bar { | |
float:left; | |
width:0; | |
height:100%; | |
font-size:12px; | |
color:#fff; | |
text-align:center; | |
text-shadow:0 -1px 0 rgba(0,0,0,0.25); | |
background-color:#0e90d2; | |
background-image:-moz-linear-gradient(top,#149bdf,#0480be); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be)); | |
background-image:-webkit-linear-gradient(top,#149bdf,#0480be); | |
background-image:-o-linear-gradient(top,#149bdf,#0480be); | |
background-image:linear-gradient(to bottom,#149bdf,#0480be); | |
background-repeat:repeat-x; | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0); | |
-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15); | |
-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15); | |
box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15); | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box; | |
-webkit-transition:width .6s ease; | |
-moz-transition:width .6s ease; | |
-o-transition:width .6s ease; | |
transition:width .6s ease | |
} | |
.progress .bar+.bar { | |
-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15); | |
-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15); | |
box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15) | |
} | |
.progress-striped .bar { | |
background-color:#149bdf; | |
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent)); | |
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
-webkit-background-size:40px 40px; | |
-moz-background-size:40px 40px; | |
-o-background-size:40px 40px; | |
background-size:40px 40px | |
} | |
.progress.active .bar { | |
-webkit-animation:progress-bar-stripes 2s linear infinite; | |
-moz-animation:progress-bar-stripes 2s linear infinite; | |
-ms-animation:progress-bar-stripes 2s linear infinite; | |
-o-animation:progress-bar-stripes 2s linear infinite; | |
animation:progress-bar-stripes 2s linear infinite | |
} | |
.progress-danger .bar,.progress .bar-danger { | |
background-color:#dd514c; | |
background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35)); | |
background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35); | |
background-image:-o-linear-gradient(top,#ee5f5b,#c43c35); | |
background-image:linear-gradient(to bottom,#ee5f5b,#c43c35); | |
background-repeat:repeat-x; | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0) | |
} | |
.progress-danger.progress-striped .bar,.progress-striped .bar-danger { | |
background-color:#ee5f5b; | |
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent)); | |
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent) | |
} | |
.progress-success .bar,.progress .bar-success { | |
background-color:#5eb95e; | |
background-image:-moz-linear-gradient(top,#62c462,#57a957); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957)); | |
background-image:-webkit-linear-gradient(top,#62c462,#57a957); | |
background-image:-o-linear-gradient(top,#62c462,#57a957); | |
background-image:linear-gradient(to bottom,#62c462,#57a957); | |
background-repeat:repeat-x; | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0) | |
} | |
.progress-success.progress-striped .bar,.progress-striped .bar-success { | |
background-color:#62c462; | |
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent)); | |
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent) | |
} | |
.progress-info .bar,.progress .bar-info { | |
background-color:#4bb1cf; | |
background-image:-moz-linear-gradient(top,#5bc0de,#339bb9); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9)); | |
background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9); | |
background-image:-o-linear-gradient(top,#5bc0de,#339bb9); | |
background-image:linear-gradient(to bottom,#5bc0de,#339bb9); | |
background-repeat:repeat-x; | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0) | |
} | |
.progress-info.progress-striped .bar,.progress-striped .bar-info { | |
background-color:#5bc0de; | |
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent)); | |
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent) | |
} | |
.progress-warning .bar,.progress .bar-warning { | |
background-color:#faa732; | |
background-image:-moz-linear-gradient(top,#fbb450,#f89406); | |
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406)); | |
background-image:-webkit-linear-gradient(top,#fbb450,#f89406); | |
background-image:-o-linear-gradient(top,#fbb450,#f89406); | |
background-image:linear-gradient(to bottom,#fbb450,#f89406); | |
background-repeat:repeat-x; | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0) | |
} | |
.progress-warning.progress-striped .bar,.progress-striped .bar-warning { | |
background-color:#fbb450; | |
background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent)); | |
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); | |
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent) | |
} | |
.accordion { | |
margin-bottom:20px | |
} | |
.accordion-group { | |
margin-bottom:2px; | |
border:1px solid #e5e5e5; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px | |
} | |
.accordion-heading { | |
border-bottom:0 | |
} | |
.accordion-heading .accordion-toggle { | |
display:block; | |
padding:8px 15px | |
} | |
.accordion-toggle { | |
cursor:pointer | |
} | |
.accordion-inner { | |
padding:9px 15px; | |
border-top:1px solid #e5e5e5 | |
} | |
.carousel { | |
position:relative; | |
margin-bottom:20px; | |
line-height:1 | |
} | |
.carousel-inner { | |
position:relative; | |
width:100%; | |
overflow:hidden | |
} | |
.carousel .item { | |
position:relative; | |
display:none; | |
-webkit-transition:.6s ease-in-out left; | |
-moz-transition:.6s ease-in-out left; | |
-o-transition:.6s ease-in-out left; | |
transition:.6s ease-in-out left | |
} | |
.carousel .item>img { | |
display:block; | |
line-height:1 | |
} | |
.carousel .active,.carousel .next,.carousel .prev { | |
display:block | |
} | |
.carousel .active { | |
left:0 | |
} | |
.carousel .next,.carousel .prev { | |
position:absolute; | |
top:0; | |
width:100% | |
} | |
.carousel .next { | |
left:100% | |
} | |
.carousel .prev { | |
left:-100% | |
} | |
.carousel .next.left,.carousel .prev.right { | |
left:0 | |
} | |
.carousel .active.left { | |
left:-100% | |
} | |
.carousel .active.right { | |
left:100% | |
} | |
.carousel-control { | |
position:absolute; | |
top:40%; | |
left:15px; | |
width:40px; | |
height:40px; | |
margin-top:-20px; | |
font-size:60px; | |
font-weight:100; | |
line-height:30px; | |
color:#fff; | |
text-align:center; | |
background:#222; | |
border:3px solid #fff; | |
-webkit-border-radius:23px; | |
-moz-border-radius:23px; | |
border-radius:23px; | |
opacity:.5; | |
filter:alpha(opacity=50) | |
} | |
.carousel-control.right { | |
right:15px; | |
left:auto | |
} | |
.carousel-control:hover { | |
color:#fff; | |
text-decoration:none; | |
opacity:.9; | |
filter:alpha(opacity=90) | |
} | |
.carousel-caption { | |
position:absolute; | |
right:0; | |
bottom:0; | |
left:0; | |
padding:15px; | |
background:#333; | |
background:rgba(0,0,0,0.75) | |
} | |
.carousel-caption h4,.carousel-caption p { | |
line-height:20px; | |
color:#fff | |
} | |
.carousel-caption h4 { | |
margin:0 0 5px | |
} | |
.carousel-caption p { | |
margin-bottom:0 | |
} | |
.hero-unit { | |
padding:60px; | |
margin-bottom:30px; | |
font-size:18px; | |
font-weight:200; | |
line-height:30px; | |
color:inherit; | |
background-color:#eee; | |
-webkit-border-radius:6px; | |
-moz-border-radius:6px; | |
border-radius:6px | |
} | |
.hero-unit h1 { | |
margin-bottom:0; | |
font-size:60px; | |
line-height:1; | |
letter-spacing:-1px; | |
color:inherit | |
} | |
.hero-unit li { | |
line-height:30px | |
} | |
.pull-right { | |
float:right | |
} | |
.pull-left { | |
float:left | |
} | |
.hide { | |
display:none | |
} | |
.show { | |
display:block | |
} | |
.invisible { | |
visibility:hidden | |
} | |
.affix { | |
position:fixed | |
} | |
/*! | |
* Bootstrap Responsive v2.2.1 | |
* | |
* Copyright 2012 Twitter, Inc | |
* Licensed under the Apache License v2.0 | |
* http://www.apache.org/licenses/LICENSE-2.0 | |
* | |
* Designed and built with all the love in the world @twitter by @mdo and @fat. | |
*/.clearfix { | |
*zoom:1 | |
} | |
.clearfix:before,.clearfix:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.clearfix:after { | |
clear:both | |
} | |
.hide-text { | |
font:0/0 a; | |
color:transparent; | |
text-shadow:none; | |
background-color:transparent; | |
border:0 | |
} | |
.input-block-level { | |
display:block; | |
width:100%; | |
min-height:30px; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box | |
} | |
.hidden { | |
display:none; | |
visibility:hidden | |
} | |
.visible-phone { | |
display:none!important | |
} | |
.visible-tablet { | |
display:none!important | |
} | |
.hidden-desktop { | |
display:none!important | |
} | |
.visible-desktop { | |
display:inherit!important | |
} | |
@media(min-width:768px) and (max-width:979px) { | |
.hidden-desktop { | |
display:inherit!important | |
} | |
.visible-desktop { | |
display:none!important | |
} | |
.visible-tablet { | |
display:inherit!important | |
} | |
.hidden-tablet { | |
display:none!important | |
} | |
} | |
@media(max-width:767px) { | |
.hidden-desktop { | |
display:inherit!important | |
} | |
.visible-desktop { | |
display:none!important | |
} | |
.visible-phone { | |
display:inherit!important | |
} | |
.hidden-phone { | |
display:none!important | |
} | |
} | |
@media(min-width:1200px) { | |
.row { | |
margin-left:-30px; | |
*zoom:1 | |
} | |
.row:before,.row:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.row:after { | |
clear:both | |
} | |
[class*="span"] { | |
float:left; | |
min-height:1px; | |
margin-left:30px | |
} | |
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container { | |
width:1170px | |
} | |
.span12 { | |
width:1170px | |
} | |
.span11 { | |
width:1070px | |
} | |
.span10 { | |
width:970px | |
} | |
.span9 { | |
width:870px | |
} | |
.span8 { | |
width:770px | |
} | |
.span7 { | |
width:670px | |
} | |
.span6 { | |
width:570px | |
} | |
.span5 { | |
width:470px | |
} | |
.span4 { | |
width:370px | |
} | |
.span3 { | |
width:270px | |
} | |
.span2 { | |
width:170px | |
} | |
.span1 { | |
width:70px | |
} | |
.offset12 { | |
margin-left:1230px | |
} | |
.offset11 { | |
margin-left:1130px | |
} | |
.offset10 { | |
margin-left:1030px | |
} | |
.offset9 { | |
margin-left:930px | |
} | |
.offset8 { | |
margin-left:830px | |
} | |
.offset7 { | |
margin-left:730px | |
} | |
.offset6 { | |
margin-left:630px | |
} | |
.offset5 { | |
margin-left:530px | |
} | |
.offset4 { | |
margin-left:430px | |
} | |
.offset3 { | |
margin-left:330px | |
} | |
.offset2 { | |
margin-left:230px | |
} | |
.offset1 { | |
margin-left:130px | |
} | |
.row-fluid { | |
width:100%; | |
*zoom:1 | |
} | |
.row-fluid:before,.row-fluid:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.row-fluid:after { | |
clear:both | |
} | |
.row-fluid [class*="span"] { | |
display:block; | |
float:left; | |
width:100%; | |
min-height:30px; | |
margin-left:2.564102564102564%; | |
*margin-left:2.5109110747408616%; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box | |
} | |
.row-fluid [class*="span"]:first-child { | |
margin-left:0 | |
} | |
.row-fluid .controls-row [class*="span"]+[class*="span"] { | |
margin-left:2.564102564102564% | |
} | |
.row-fluid .span12 { | |
width:100%; | |
*width:99.94680851063829% | |
} | |
.row-fluid .span11 { | |
width:91.45299145299145%; | |
*width:91.39979996362975% | |
} | |
.row-fluid .span10 { | |
width:82.90598290598291%; | |
*width:82.8527914166212% | |
} | |
.row-fluid .span9 { | |
width:74.35897435897436%; | |
*width:74.30578286961266% | |
} | |
.row-fluid .span8 { | |
width:65.81196581196582%; | |
*width:65.75877432260411% | |
} | |
.row-fluid .span7 { | |
width:57.26495726495726%; | |
*width:57.21176577559556% | |
} | |
.row-fluid .span6 { | |
width:48.717948717948715%; | |
*width:48.664757228587014% | |
} | |
.row-fluid .span5 { | |
width:40.17094017094017%; | |
*width:40.11774868157847% | |
} | |
.row-fluid .span4 { | |
width:31.623931623931625%; | |
*width:31.570740134569924% | |
} | |
.row-fluid .span3 { | |
width:23.076923076923077%; | |
*width:23.023731587561375% | |
} | |
.row-fluid .span2 { | |
width:14.52991452991453%; | |
*width:14.476723040552828% | |
} | |
.row-fluid .span1 { | |
width:5.982905982905983%; | |
*width:5.929714493544281% | |
} | |
.row-fluid .offset12 { | |
margin-left:105.12820512820512%; | |
*margin-left:105.02182214948171% | |
} | |
.row-fluid .offset12:first-child { | |
margin-left:102.56410256410257%; | |
*margin-left:102.45771958537915% | |
} | |
.row-fluid .offset11 { | |
margin-left:96.58119658119658%; | |
*margin-left:96.47481360247316% | |
} | |
.row-fluid .offset11:first-child { | |
margin-left:94.01709401709402%; | |
*margin-left:93.91071103837061% | |
} | |
.row-fluid .offset10 { | |
margin-left:88.03418803418803%; | |
*margin-left:87.92780505546462% | |
} | |
.row-fluid .offset10:first-child { | |
margin-left:85.47008547008548%; | |
*margin-left:85.36370249136206% | |
} | |
.row-fluid .offset9 { | |
margin-left:79.48717948717949%; | |
*margin-left:79.38079650845607% | |
} | |
.row-fluid .offset9:first-child { | |
margin-left:76.92307692307693%; | |
*margin-left:76.81669394435352% | |
} | |
.row-fluid .offset8 { | |
margin-left:70.94017094017094%; | |
*margin-left:70.83378796144753% | |
} | |
.row-fluid .offset8:first-child { | |
margin-left:68.37606837606839%; | |
*margin-left:68.26968539734497% | |
} | |
.row-fluid .offset7 { | |
margin-left:62.393162393162385%; | |
*margin-left:62.28677941443899% | |
} | |
.row-fluid .offset7:first-child { | |
margin-left:59.82905982905982%; | |
*margin-left:59.72267685033642% | |
} | |
.row-fluid .offset6 { | |
margin-left:53.84615384615384%; | |
*margin-left:53.739770867430444% | |
} | |
.row-fluid .offset6:first-child { | |
margin-left:51.28205128205128%; | |
*margin-left:51.175668303327875% | |
} | |
.row-fluid .offset5 { | |
margin-left:45.299145299145295%; | |
*margin-left:45.1927623204219% | |
} | |
.row-fluid .offset5:first-child { | |
margin-left:42.73504273504273%; | |
*margin-left:42.62865975631933% | |
} | |
.row-fluid .offset4 { | |
margin-left:36.75213675213675%; | |
*margin-left:36.645753773413354% | |
} | |
.row-fluid .offset4:first-child { | |
margin-left:34.18803418803419%; | |
*margin-left:34.081651209310785% | |
} | |
.row-fluid .offset3 { | |
margin-left:28.205128205128204%; | |
*margin-left:28.0987452264048% | |
} | |
.row-fluid .offset3:first-child { | |
margin-left:25.641025641025642%; | |
*margin-left:25.53464266230224% | |
} | |
.row-fluid .offset2 { | |
margin-left:19.65811965811966%; | |
*margin-left:19.551736679396257% | |
} | |
.row-fluid .offset2:first-child { | |
margin-left:17.094017094017094%; | |
*margin-left:16.98763411529369% | |
} | |
.row-fluid .offset1 { | |
margin-left:11.11111111111111%; | |
*margin-left:11.004728132387708% | |
} | |
.row-fluid .offset1:first-child { | |
margin-left:8.547008547008547%; | |
*margin-left:8.440625568285142% | |
} | |
input,textarea,.uneditable-input { | |
margin-left:0 | |
} | |
.controls-row [class*="span"]+[class*="span"] { | |
margin-left:30px | |
} | |
input.span12,textarea.span12,.uneditable-input.span12 { | |
width:1156px | |
} | |
input.span11,textarea.span11,.uneditable-input.span11 { | |
width:1056px | |
} | |
input.span10,textarea.span10,.uneditable-input.span10 { | |
width:956px | |
} | |
input.span9,textarea.span9,.uneditable-input.span9 { | |
width:856px | |
} | |
input.span8,textarea.span8,.uneditable-input.span8 { | |
width:756px | |
} | |
input.span7,textarea.span7,.uneditable-input.span7 { | |
width:656px | |
} | |
input.span6,textarea.span6,.uneditable-input.span6 { | |
width:556px | |
} | |
input.span5,textarea.span5,.uneditable-input.span5 { | |
width:456px | |
} | |
input.span4,textarea.span4,.uneditable-input.span4 { | |
width:356px | |
} | |
input.span3,textarea.span3,.uneditable-input.span3 { | |
width:256px | |
} | |
input.span2,textarea.span2,.uneditable-input.span2 { | |
width:156px | |
} | |
input.span1,textarea.span1,.uneditable-input.span1 { | |
width:56px | |
} | |
.thumbnails { | |
margin-left:-30px | |
} | |
.thumbnails>li { | |
margin-left:30px | |
} | |
.row-fluid .thumbnails { | |
margin-left:0 | |
} | |
} | |
@media(min-width:768px) and (max-width:979px) { | |
.row { | |
margin-left:-20px; | |
*zoom:1 | |
} | |
.row:before,.row:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.row:after { | |
clear:both | |
} | |
[class*="span"] { | |
float:left; | |
min-height:1px; | |
margin-left:20px | |
} | |
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container { | |
width:724px | |
} | |
.span12 { | |
width:724px | |
} | |
.span11 { | |
width:662px | |
} | |
.span10 { | |
width:600px | |
} | |
.span9 { | |
width:538px | |
} | |
.span8 { | |
width:476px | |
} | |
.span7 { | |
width:414px | |
} | |
.span6 { | |
width:352px | |
} | |
.span5 { | |
width:290px | |
} | |
.span4 { | |
width:228px | |
} | |
.span3 { | |
width:166px | |
} | |
.span2 { | |
width:104px | |
} | |
.span1 { | |
width:42px | |
} | |
.offset12 { | |
margin-left:764px | |
} | |
.offset11 { | |
margin-left:702px | |
} | |
.offset10 { | |
margin-left:640px | |
} | |
.offset9 { | |
margin-left:578px | |
} | |
.offset8 { | |
margin-left:516px | |
} | |
.offset7 { | |
margin-left:454px | |
} | |
.offset6 { | |
margin-left:392px | |
} | |
.offset5 { | |
margin-left:330px | |
} | |
.offset4 { | |
margin-left:268px | |
} | |
.offset3 { | |
margin-left:206px | |
} | |
.offset2 { | |
margin-left:144px | |
} | |
.offset1 { | |
margin-left:82px | |
} | |
.row-fluid { | |
width:100%; | |
*zoom:1 | |
} | |
.row-fluid:before,.row-fluid:after { | |
display:table; | |
line-height:0; | |
content:"" | |
} | |
.row-fluid:after { | |
clear:both | |
} | |
.row-fluid [class*="span"] { | |
display:block; | |
float:left; | |
width:100%; | |
min-height:30px; | |
margin-left:2.7624309392265194%; | |
*margin-left:2.709239449864817%; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box | |
} | |
.row-fluid [class*="span"]:first-child { | |
margin-left:0 | |
} | |
.row-fluid .controls-row [class*="span"]+[class*="span"] { | |
margin-left:2.7624309392265194% | |
} | |
.row-fluid .span12 { | |
width:100%; | |
*width:99.94680851063829% | |
} | |
.row-fluid .span11 { | |
width:91.43646408839778%; | |
*width:91.38327259903608% | |
} | |
.row-fluid .span10 { | |
width:82.87292817679558%; | |
*width:82.81973668743387% | |
} | |
.row-fluid .span9 { | |
width:74.30939226519337%; | |
*width:74.25620077583166% | |
} | |
.row-fluid .span8 { | |
width:65.74585635359117%; | |
*width:65.69266486422946% | |
} | |
.row-fluid .span7 { | |
width:57.18232044198895%; | |
*width:57.12912895262725% | |
} | |
.row-fluid .span6 { | |
width:48.61878453038674%; | |
*width:48.56559304102504% | |
} | |
.row-fluid .span5 { | |
width:40.05524861878453%; | |
*width:40.00205712942283% | |
} | |
.row-fluid .span4 { | |
width:31.491712707182323%; | |
*width:31.43852121782062% | |
} | |
.row-fluid .span3 { | |
width:22.92817679558011%; | |
*width:22.87498530621841% | |
} | |
.row-fluid .span2 { | |
width:14.3646408839779%; | |
*width:14.311449394616199% | |
} | |
.row-fluid .span1 { | |
width:5.801104972375691%; | |
*width:5.747913483013988% | |
} | |
.row-fluid .offset12 { | |
margin-left:105.52486187845304%; | |
*margin-left:105.41847889972962% | |
} | |
.row-fluid .offset12:first-child { | |
margin-left:102.76243093922652%; | |
*margin-left:102.6560479605031% | |
} | |
.row-fluid .offset11 { | |
margin-left:96.96132596685082%; | |
*margin-left:96.8549429881274% | |
} | |
.row-fluid .offset11:first-child { | |
margin-left:94.1988950276243%; | |
*margin-left:94.09251204890089% | |
} | |
.row-fluid .offset10 { | |
margin-left:88.39779005524862%; | |
*margin-left:88.2914070765252% | |
} | |
.row-fluid .offset10:first-child { | |
margin-left:85.6353591160221%; | |
*margin-left:85.52897613729868% | |
} | |
.row-fluid .offset9 { | |
margin-left:79.8342541436464%; | |
*margin-left:79.72787116492299% | |
} | |
.row-fluid .offset9:first-child { | |
margin-left:77.07182320441989%; | |
*margin-left:76.96544022569647% | |
} | |
.row-fluid .offset8 { | |
margin-left:71.2707182320442%; | |
*margin-left:71.16433525332079% | |
} | |
.row-fluid .offset8:first-child { | |
margin-left:68.50828729281768%; | |
*margin-left:68.40190431409427% | |
} | |
.row-fluid .offset7 { | |
margin-left:62.70718232044199%; | |
*margin-left:62.600799341718584% | |
} | |
.row-fluid .offset7:first-child { | |
margin-left:59.94475138121547%; | |
*margin-left:59.838368402492065% | |
} | |
.row-fluid .offset6 { | |
margin-left:54.14364640883978%; | |
*margin-left:54.037263430116376% | |
} | |
.row-fluid .offset6:first-child { | |
margin-left:51.38121546961326%; | |
*margin-left:51.27483249088986% | |
} | |
.row-fluid .offset5 { | |
margin-left:45.58011049723757%; | |
*margin-left:45.47372751851417% | |
} | |
.row-fluid .offset5:first-child { | |
margin-left:42.81767955801105%; | |
*margin-left:42.71129657928765% | |
} | |
.row-fluid .offset4 { | |
margin-left:37.01657458563536%; | |
*margin-left:36.91019160691196% | |
} | |
.row-fluid .offset4:first-child { | |
margin-left:34.25414364640884%; | |
*margin-left:34.14776066768544% | |
} | |
.row-fluid .offset3 { | |
margin-left:28.45303867403315%; | |
*margin-left:28.346655695309746% | |
} | |
.row-fluid .offset3:first-child { | |
margin-left:25.69060773480663%; | |
*margin-left:25.584224756083227% | |
} | |
.row-fluid .offset2 { | |
margin-left:19.88950276243094%; | |
*margin-left:19.783119783707537% | |
} | |
.row-fluid .offset2:first-child { | |
margin-left:17.12707182320442%; | |
*margin-left:17.02068884448102% | |
} | |
.row-fluid .offset1 { | |
margin-left:11.32596685082873%; | |
*margin-left:11.219583872105325% | |
} | |
.row-fluid .offset1:first-child { | |
margin-left:8.56353591160221%; | |
*margin-left:8.457152932878806% | |
} | |
input,textarea,.uneditable-input { | |
margin-left:0 | |
} | |
.controls-row [class*="span"]+[class*="span"] { | |
margin-left:20px | |
} | |
input.span12,textarea.span12,.uneditable-input.span12 { | |
width:710px | |
} | |
input.span11,textarea.span11,.uneditable-input.span11 { | |
width:648px | |
} | |
input.span10,textarea.span10,.uneditable-input.span10 { | |
width:586px | |
} | |
input.span9,textarea.span9,.uneditable-input.span9 { | |
width:524px | |
} | |
input.span8,textarea.span8,.uneditable-input.span8 { | |
width:462px | |
} | |
input.span7,textarea.span7,.uneditable-input.span7 { | |
width:400px | |
} | |
input.span6,textarea.span6,.uneditable-input.span6 { | |
width:338px | |
} | |
input.span5,textarea.span5,.uneditable-input.span5 { | |
width:276px | |
} | |
input.span4,textarea.span4,.uneditable-input.span4 { | |
width:214px | |
} | |
input.span3,textarea.span3,.uneditable-input.span3 { | |
width:152px | |
} | |
input.span2,textarea.span2,.uneditable-input.span2 { | |
width:90px | |
} | |
input.span1,textarea.span1,.uneditable-input.span1 { | |
width:28px | |
} | |
} | |
@media(max-width:767px) { | |
body { | |
padding-right:20px; | |
padding-left:20px | |
} | |
.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top { | |
margin-right:-20px; | |
margin-left:-20px | |
} | |
.container-fluid { | |
padding:0 | |
} | |
.dl-horizontal dt { | |
float:none; | |
width:auto; | |
clear:none; | |
text-align:left | |
} | |
.dl-horizontal dd { | |
margin-left:0 | |
} | |
.container { | |
width:auto | |
} | |
.row-fluid { | |
width:100% | |
} | |
.row,.thumbnails { | |
margin-left:0 | |
} | |
.thumbnails>li { | |
float:none; | |
margin-left:0 | |
} | |
[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"] { | |
display:block; | |
float:none; | |
width:100%; | |
margin-left:0; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box | |
} | |
.span12,.row-fluid .span12 { | |
width:100%; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box | |
} | |
.row-fluid [class*="offset"]:first-child { | |
margin-left:0 | |
} | |
.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input { | |
display:block; | |
width:100%; | |
min-height:30px; | |
-webkit-box-sizing:border-box; | |
-moz-box-sizing:border-box; | |
box-sizing:border-box | |
} | |
.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"] { | |
display:inline-block; | |
width:auto | |
} | |
.controls-row [class*="span"]+[class*="span"] { | |
margin-left:0 | |
} | |
.modal { | |
position:fixed; | |
top:20px; | |
right:20px; | |
left:20px; | |
width:auto; | |
margin:0 | |
} | |
.modal.fade { | |
top:-100px | |
} | |
.modal.fade.in { | |
top:20px | |
} | |
} | |
@media(max-width:480px) { | |
.nav-collapse { | |
-webkit-transform:translate3d(0,0,0) | |
} | |
.page-header h1 small { | |
display:block; | |
line-height:20px | |
} | |
input[type="checkbox"],input[type="radio"] { | |
border:1px solid #ccc | |
} | |
.form-horizontal .control-label { | |
float:none; | |
width:auto; | |
padding-top:0; | |
text-align:left | |
} | |
.form-horizontal .controls { | |
margin-left:0 | |
} | |
.form-horizontal .control-list { | |
padding-top:0 | |
} | |
.form-horizontal .form-actions { | |
padding-right:10px; | |
padding-left:10px | |
} | |
.media .pull-left,.media .pull-right { | |
display:block; | |
float:none; | |
margin-bottom:10px | |
} | |
.media-object { | |
margin-right:0; | |
margin-left:0 | |
} | |
.modal { | |
top:10px; | |
right:10px; | |
left:10px | |
} | |
.modal-header .close { | |
padding:10px; | |
margin:-10px | |
} | |
.carousel-caption { | |
position:static | |
} | |
} | |
@media(max-width:979px) { | |
body { | |
padding-top:0 | |
} | |
.navbar-fixed-top,.navbar-fixed-bottom { | |
position:static | |
} | |
.navbar-fixed-top { | |
margin-bottom:20px | |
} | |
.navbar-fixed-bottom { | |
margin-top:20px | |
} | |
.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner { | |
padding:5px | |
} | |
.navbar .container { | |
width:auto; | |
padding:0 | |
} | |
.navbar .brand { | |
padding-right:10px; | |
padding-left:10px; | |
margin:0 0 0 -5px | |
} | |
.nav-collapse { | |
clear:both | |
} | |
.nav-collapse .nav { | |
float:none; | |
margin:0 0 10px | |
} | |
.nav-collapse .nav>li { | |
float:none | |
} | |
.nav-collapse .nav>li>a { | |
margin-bottom:2px | |
} | |
.nav-collapse .nav>.divider-vertical { | |
display:none | |
} | |
.nav-collapse .nav .nav-header { | |
color:#777; | |
text-shadow:none | |
} | |
.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a { | |
padding:9px 15px; | |
font-weight:bold; | |
color:#777; | |
-webkit-border-radius:3px; | |
-moz-border-radius:3px; | |
border-radius:3px | |
} | |
.nav-collapse .btn { | |
padding:4px 10px 4px; | |
font-weight:normal; | |
-webkit-border-radius:4px; | |
-moz-border-radius:4px; | |
border-radius:4px | |
} | |
.nav-collapse .dropdown-menu li+li a { | |
margin-bottom:2px | |
} | |
.nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover { | |
background-color:#f2f2f2 | |
} | |
.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a { | |
color:#999 | |
} | |
.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:hover { | |
background-color:#111 | |
} | |
.nav-collapse.in .btn-group { | |
padding:0; | |
margin-top:5px | |
} | |
.nav-collapse .dropdown-menu { | |
position:static; | |
top:auto; | |
left:auto; | |
display:none; | |
float:none; | |
max-width:none; | |
padding:0; | |
margin:0 15px; | |
background-color:transparent; | |
border:0; | |
-webkit-border-radius:0; | |
-moz-border-radius:0; | |
border-radius:0; | |
-webkit-box-shadow:none; | |
-moz-box-shadow:none; | |
box-shadow:none | |
} | |
.nav-collapse .open>.dropdown-menu { | |
display:block | |
} | |
.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after { | |
display:none | |
} | |
.nav-collapse .dropdown-menu .divider { | |
display:none | |
} | |
.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after { | |
display:none | |
} | |
.nav-collapse .navbar-form,.nav-collapse .navbar-search { | |
float:none; | |
padding:10px 15px; | |
margin:10px 0; | |
border-top:1px solid #f2f2f2; | |
border-bottom:1px solid #f2f2f2; | |
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1); | |
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1); | |
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1) | |
} | |
.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search { | |
border-top-color:#111; | |
border-bottom-color:#111 | |
} | |
.navbar .nav-collapse .nav.pull-right { | |
float:none; | |
margin-left:0 | |
} | |
.nav-collapse,.nav-collapse.collapse { | |
height:0; | |
overflow:hidden | |
} | |
.navbar .btn-navbar { | |
display:block | |
} | |
.navbar-static .navbar-inner { | |
padding-right:10px; | |
padding-left:10px | |
} | |
} | |
@media(min-width:980px) { | |
.nav-collapse.collapse { | |
height:auto!important; | |
overflow:visible!important | |
} | |
} | |
/* | |
* jQuery UI CSS Framework @VERSION | |
* | |
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) | |
* Dual licensed under the MIT or GPL Version 2 licenses. | |
* http://jquery.org/license | |
* | |
* http://docs.jquery.com/UI/Theming/API | |
*/ | |
/* ~~Layout helpers~~*/ | |
.ui-helper-hidden { display: none; } | |
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; } | |
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } | |
.ui-helper-clearfix:after { content: "."; display: block; height: 0; /*clear: both;*/ visibility: hidden; } | |
.ui-helper-clearfix { display: inline-block; } | |
* html .ui-helper-clearfix { height:1%; } | |
.ui-helper-clearfix { display:block; } | |
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } | |
.ui-state-disabled { cursor: default !important; } | |
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } | |
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } | |
/* ~~Component containers~~*/ | |
.ui-widget { font-size: 12px; } | |
.ui-widget .ui-widget { font-size: 1em; } | |
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 11px; } | |
.ui-widget-content { background: #FFF; } | |
.ui-widget-content a { color: #222222; } | |
.ui-widget-header { font-weight: bold; } | |
.ui-widget-header a { color: #222222; } | |
/*~~Interaction states~~*/ | |
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-left: 1px solid #d5d5d5; font-weight: normal; border-bottom: 1px solid #D5D5D5; } | |
th.ui-state-default:first-child { border-left: none; } | |
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } | |
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #fafafa; font-weight: normal; color: #212121; } | |
.ui-state-hover a, .ui-state-hover a:hover { color: #797979; text-decoration: none; } | |
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #f5f5f5; font-weight: normal; color: #5a95ba; } | |
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #797979; text-decoration: none; } | |
.ui-widget :active { outline: none; } | |
/*~~Interaction Cues~~*/ | |
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } | |
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } | |
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } | |
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } | |
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } | |
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } | |
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } | |
/*~~Icons~~*/ | |
/*~~states and images~~*/ | |
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_5F256x240.png); } | |
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_5F256x240.png); } | |
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_5F256x240.png); } | |
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_5F256x240.png); } | |
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_5F256x240.png); } | |
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_5F256x240.png); } | |
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_5F256x240.png); } | |
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_5F256x240.png); } | |
/*~~positioning~~*/ | |
.ui-icon-carat-1-n { background-position: 0 0; } | |
.ui-icon-carat-1-ne { background-position: -16px 0; } | |
.ui-icon-carat-1-e { background-position: -32px 0; } | |
.ui-icon-carat-1-se { background-position: -48px 0; } | |
.ui-icon-carat-1-s { background-position: -64px 0; } | |
.ui-icon-carat-1-sw { background-position: -80px 0; } | |
.ui-icon-carat-1-w { background-position: -96px 0; } | |
.ui-icon-carat-1-nw { background-position: -112px 0; } | |
.ui-icon-carat-2-n-s { background-position: -128px 0; } | |
.ui-icon-carat-2-e-w { background-position: -144px 0; } | |
.ui-icon-triangle-1-n { background-position: 0 -16px; } | |
.ui-icon-triangle-1-ne { background-position: -16px -16px; } | |
.ui-icon-triangle-1-e { background-position: -32px -16px; } | |
.ui-icon-triangle-1-se { background-position: -48px -16px; } | |
.ui-icon-triangle-1-s { background-position: -64px -16px; } | |
.ui-icon-triangle-1-sw { background-position: -80px -16px; } | |
.ui-icon-triangle-1-w { background-position: -96px -16px; } | |
.ui-icon-triangle-1-nw { background-position: -112px -16px; } | |
.ui-icon-triangle-2-n-s { background-position: -128px -16px; } | |
.ui-icon-triangle-2-e-w { background-position: -144px -16px; } | |
.ui-icon-arrow-1-n { background-position: 0 -32px; } | |
.ui-icon-arrow-1-ne { background-position: -16px -32px; } | |
.ui-icon-arrow-1-e { background-position: -32px -32px; } | |
.ui-icon-arrow-1-se { background-position: -48px -32px; } | |
.ui-icon-arrow-1-s { background-position: -64px -32px; } | |
.ui-icon-arrow-1-sw { background-position: -80px -32px; } | |
.ui-icon-arrow-1-w { background-position: -96px -32px; } | |
.ui-icon-arrow-1-nw { background-position: -112px -32px; } | |
.ui-icon-arrow-2-n-s { background-position: -128px -32px; } | |
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } | |
.ui-icon-arrow-2-e-w { background-position: -160px -32px; } | |
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } | |
.ui-icon-arrowstop-1-n { background-position: -192px -32px; } | |
.ui-icon-arrowstop-1-e { background-position: -208px -32px; } | |
.ui-icon-arrowstop-1-s { background-position: -224px -32px; } | |
.ui-icon-arrowstop-1-w { background-position: -240px -32px; } | |
.ui-icon-arrowthick-1-n { background-position: 0 -48px; } | |
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } | |
.ui-icon-arrowthick-1-e { background-position: -32px -48px; } | |
.ui-icon-arrowthick-1-se { background-position: -48px -48px; } | |
.ui-icon-arrowthick-1-s { background-position: -64px -48px; } | |
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } | |
.ui-icon-arrowthick-1-w { background-position: -96px -48px; } | |
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } | |
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } | |
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } | |
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } | |
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } | |
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } | |
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } | |
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } | |
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } | |
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } | |
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } | |
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } | |
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } | |
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } | |
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } | |
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } | |
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } | |
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } | |
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } | |
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } | |
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } | |
.ui-icon-arrow-4 { background-position: 0 -80px; } | |
.ui-icon-arrow-4-diag { background-position: -16px -80px; } | |
.ui-icon-extlink { background-position: -32px -80px; } | |
.ui-icon-newwin { background-position: -48px -80px; } | |
.ui-icon-refresh { background-position: -64px -80px; } | |
.ui-icon-shuffle { background-position: -80px -80px; } | |
.ui-icon-transfer-e-w { background-position: -96px -80px; } | |
.ui-icon-transferthick-e-w { background-position: -112px -80px; } | |
.ui-icon-folder-collapsed { background-position: 0 -96px; } | |
.ui-icon-folder-open { background-position: -16px -96px; } | |
.ui-icon-document { background-position: -32px -96px; } | |
.ui-icon-document-b { background-position: -48px -96px; } | |
.ui-icon-note { background-position: -64px -96px; } | |
.ui-icon-mail-closed { background-position: -80px -96px; } | |
.ui-icon-mail-open { background-position: -96px -96px; } | |
.ui-icon-suitcase { background-position: -112px -96px; } | |
.ui-icon-comment { background-position: -128px -96px; } | |
.ui-icon-person { background-position: -144px -96px; } | |
.ui-icon-print { background-position: -160px -96px; } | |
.ui-icon-trash { background-position: -176px -96px; } | |
.ui-icon-locked { background-position: -192px -96px; } | |
.ui-icon-unlocked { background-position: -208px -96px; } | |
.ui-icon-bookmark { background-position: -224px -96px; } | |
.ui-icon-tag { background-position: -240px -96px; } | |
.ui-icon-home { background-position: 0 -112px; } | |
.ui-icon-flag { background-position: -16px -112px; } | |
.ui-icon-calendar { background-position: -32px -112px; } | |
.ui-icon-cart { background-position: -48px -112px; } | |
.ui-icon-pencil { background-position: -64px -112px; } | |
.ui-icon-clock { background-position: -80px -112px; } | |
.ui-icon-disk { background-position: -96px -112px; } | |
.ui-icon-calculator { background-position: -112px -112px; } | |
.ui-icon-zoomin { background-position: -128px -112px; } | |
.ui-icon-zoomout { background-position: -144px -112px; } | |
.ui-icon-search { background-position: -160px -112px; } | |
.ui-icon-wrench { background-position: -176px -112px; } | |
.ui-icon-gear { background-position: -192px -112px; } | |
.ui-icon-heart { background-position: -208px -112px; } | |
.ui-icon-star { background-position: -224px -112px; } | |
.ui-icon-link { background-position: -240px -112px; } | |
.ui-icon-cancel { background-position: 0 -128px; } | |
.ui-icon-plus { background-position: -16px -128px; } | |
.ui-icon-plusthick { background-position: -32px -128px; } | |
.ui-icon-minus { background-position: -48px -128px; } | |
.ui-icon-minusthick { background-position: -64px -128px; } | |
.ui-icon-close { background-position: -80px -128px; } | |
.ui-icon-closethick { background-position: -96px -128px; } | |
.ui-icon-key { background-position: -112px -128px; } | |
.ui-icon-lightbulb { background-position: -128px -128px; } | |
.ui-icon-scissors { background-position: -144px -128px; } | |
.ui-icon-clipboard { background-position: -160px -128px; } | |
.ui-icon-copy { background-position: -176px -128px; } | |
.ui-icon-contact { background-position: -192px -128px; } | |
.ui-icon-image { background-position: -208px -128px; } | |
.ui-icon-video { background-position: -224px -128px; } | |
.ui-icon-script { background-position: -240px -128px; } | |
.ui-icon-alert { background-position: 0 -144px; } | |
.ui-icon-info { background-position: -16px -144px; } | |
.ui-icon-notice { background-position: -32px -144px; } | |
.ui-icon-help { background-position: -48px -144px; } | |
.ui-icon-check { background-position: -64px -144px; } | |
.ui-icon-bullet { background-position: -80px -144px; } | |
.ui-icon-radio-off { background-position: -96px -144px; } | |
.ui-icon-radio-on { background-position: -112px -144px; } | |
.ui-icon-pin-w { background-position: -128px -144px; } | |
.ui-icon-pin-s { background-position: -144px -144px; } | |
.ui-icon-play { background-position: 0 -160px; } | |
.ui-icon-pause { background-position: -16px -160px; } | |
.ui-icon-seek-next { background-position: -32px -160px; } | |
.ui-icon-seek-prev { background-position: -48px -160px; } | |
.ui-icon-seek-end { background-position: -64px -160px; } | |
.ui-icon-seek-start { background-position: -80px -160px; } | |
.ui-icon-seek-first { background-position: -80px -160px; } | |
.ui-icon-stop { background-position: -96px -160px; } | |
.ui-icon-eject { background-position: -112px -160px; } | |
.ui-icon-volume-off { background-position: -128px -160px; } | |
.ui-icon-volume-on { background-position: -144px -160px; } | |
.ui-icon-power { background-position: 0 -176px; } | |
.ui-icon-signal-diag { background-position: -16px -176px; } | |
.ui-icon-signal { background-position: -32px -176px; } | |
.ui-icon-battery-0 { background-position: -48px -176px; } | |
.ui-icon-battery-1 { background-position: -64px -176px; } | |
.ui-icon-battery-2 { background-position: -80px -176px; } | |
.ui-icon-battery-3 { background-position: -96px -176px; } | |
.ui-icon-circle-plus { background-position: 0 -192px; } | |
.ui-icon-circle-minus { background-position: -16px -192px; } | |
.ui-icon-circle-close { background-position: -32px -192px; } | |
.ui-icon-circle-triangle-e { background-position: -48px -192px; } | |
.ui-icon-circle-triangle-s { background-position: -64px -192px; } | |
.ui-icon-circle-triangle-w { background-position: -80px -192px; } | |
.ui-icon-circle-triangle-n { background-position: -96px -192px; } | |
.ui-icon-circle-arrow-e { background-position: -112px -192px; } | |
.ui-icon-circle-arrow-s { background-position: -128px -192px; } | |
.ui-icon-circle-arrow-w { background-position: -144px -192px; } | |
.ui-icon-circle-arrow-n { background-position: -160px -192px; } | |
.ui-icon-circle-zoomin { background-position: -176px -192px; } | |
.ui-icon-circle-zoomout { background-position: -192px -192px; } | |
.ui-icon-circle-check { background-position: -208px -192px; } | |
.ui-icon-circlesmall-plus { background-position: 0 -208px; } | |
.ui-icon-circlesmall-minus { background-position: -16px -208px; } | |
.ui-icon-circlesmall-close { background-position: -32px -208px; } | |
.ui-icon-squaresmall-plus { background-position: -48px -208px; } | |
.ui-icon-squaresmall-minus { background-position: -64px -208px; } | |
.ui-icon-squaresmall-close { background-position: -80px -208px; } | |
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } | |
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } | |
.ui-icon-grip-solid-vertical { background-position: -32px -224px; } | |
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } | |
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } | |
.ui-icon-grip-diagonal-se { background-position: -80px -224px; } | |
/*~~Misc visuals~~*/ | |
.ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; } | |
.ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } | |
.ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } | |
.ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } | |
.ui-corner-top { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } | |
.ui-corner-bottom { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } | |
.ui-corner-right { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } | |
.ui-corner-left { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } | |
.ui-corner-all { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } | |
/*~~Overlays~~*/ | |
.ui-widget-overlay { background: #333; opacity: .25;filter:Alpha(Opacity=25); } | |
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_5F40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } | |
/*~~UI selectabl~~*/ | |
.ui-selected{background-color: #fff8c4 !important;} | |
.ui-selecting{background-color: #F9F9F9 !important;} | |
/*~~UI resizable~~*/ | |
.ui-resizable { position: relative;} | |
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} | |
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } | |
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } | |
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } | |
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } | |
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } | |
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } | |
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } | |
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } | |
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} | |
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } | |
.ui-accordion { position: relative;} | |
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; zoom: 1; } | |
.ui-accordion .ui-accordion-li-fix { display: inline; } | |
.ui-accordion .ui-accordion-header-active { border-bottom: 1px solid #F0F0F0;} | |
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } | |
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } | |
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } | |
.ui-accordion .ui-accordion-content { border-top: 0; margin-top: 0px; position: relative; top: 0px; margin-bottom: 0px; overflow: auto; display: none; zoom: 1; } | |
.ui-accordion .ui-accordion-content-active { display: block; } | |
.ui-accordion .ui-accordion-content p{margin: 5px 10px;} | |
/*~~UI autocomplete~~*/ | |
.ui-autocomplete { position: absolute; display: none; padding: 0; z-index: 100!important; border: 1px solid #d5d5d5; border-top: none; max-height: 185px; overflow: auto; } | |
.ui-autocomplete .ui-state-hover { background: none; padding: 6px 10px 7px 32px; } | |
/*~~button text element~~*/ | |
.ui-button .ui-button-text { display: block; } | |
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } | |
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } | |
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } | |
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } | |
input.ui-button { padding: .4em 1em; } | |
/*~~button icon element(s)~~*/ | |
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } | |
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } | |
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } | |
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } | |
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } | |
/*~~button sets~~*/ | |
.ui-buttonset { margin-right: 5px; } | |
.ui-buttonset .ui-button { margin: 0 3px; background: #FAFAFA; border: 1px solid #D5D5D5; line-height: 14px; font-size: 11px; } | |
/*~~workarounds~~*/ | |
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ | |
/*~~UI Dialog~~*/ | |
.ui-dialog { position: absolute; padding: 0px; width: auto; background: #44688C; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; | |
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); } | |
.ui-dialog form { } | |
.ui-dialog form label { float: left; cursor: pointer; margin-bottom: 3px; } | |
.dialogSelect label { margin: 4px 15px 0 0; } | |
.customDialog { padding: 0!important; } | |
.ui-dialog .icon { padding: 1px 6px 0 0; float: left; } | |
.ui-dialog .titleIcon { position: absolute; top: -10px; } | |
.ui-dialog p { padding: 5px 10px !important; } | |
.ui-dialog .ui-dialog-titlebar { position: relative; border: 1px solid #DDD; color: #fff; box-shadow: 0 1px 0 #fff; background: #FFF; background-clip: padding-box; | |
-webkit-box-shadow: inset 0 1px white; -moz-box-shadow: inset 0 1px #fff; box-shadow: inset 0 1px white; | |
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; | |
padding: 10px 10px 7px 10px; | |
} | |
.ui-dialog .ui-dialog-title { color: #333; font-size: 14px; font-weight: normal; text-shadow: 0 1px white; line-height: 20px;} | |
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 6px; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } | |
.ui-dialog .ui-dialog-content { position: relative; overflow: auto; zoom: 1; padding: 10px; background: #FFF; clear: both; border: 1px solid #DDD !important; border-top: 0px !important;} | |
.ui-dialog .ui-dialog-content.dialog{padding: 10px;} | |
.ui-dialog .ui-dialog-content.dialog-fluid{padding: 0px;} | |
.ui-dialog .ui-dialog-content .block, | |
.ui-dialog .ui-dialog-content .block-fluid{margin-bottom: 0px !important;} | |
.ui-dialog .ui-dialog-buttonpane { padding: 0 12px; font-size: .9em; border: 1px solid #CCC; border-top: none; padding: 10px 0; text-shadow: 0 1px white; | |
background: #FFF;} | |
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align: right; margin: 0 4px; } | |
.ui-dialog .ui-dialog-buttonpane button { font-size: 11px; font-weight: normal; display: inline-block; line-height: 14px; padding: 7px 16px; margin: 0 5px; border: 1px solid #54A1E6; | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
background: #009AD7; | |
border: 1px solid #009AD7;} | |
.ui-dialog .ui-dialog-buttonpane button:hover { opacity: 0.95; -webkit-transition: opacity 0.2s ease-in-out; } | |
.ui-dialog .ui-dialog-buttonpane button:active { background: #4786b8; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; } | |
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 5px; bottom: 5px; opacity: 0.3; } | |
.ui-draggable .ui-dialog-titlebar { cursor: move; } | |
.ui-dialog-titlebar-close{width: 20px; height: 20px; border: 0px; background: url('images/close.jpg') left top no-repeat;} | |
.ui-dialog-titlebar-close:hover, | |
.ui-dialog-titlebar-close:focus{background: url('images/close.jpg') left top no-repeat !important;} | |
/*~~UI Slider~~*/ | |
.ui-slider { position: relative; text-align: left; } | |
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 16px; cursor: default; background: url(images/slider.png) no-repeat; border: none; cursor: pointer; } | |
.ui-slider .ui-slider-handle:hover { background-position: 0 -17px; } | |
.ui-slider .ui-slider-handle:active { background-position: 0 -32px; } | |
.ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 6px; font-size: .7em; display: block; border: 1px solid #009AD7; background: #009AD7;} | |
.ui-slider-horizontal { width:50%; height: 4px; background: #d7d7d7; border: 1px solid #bababa; box-shadow: 0 1px 0 #fff, 0 1px 0 #cfcfcf inset; clear: both; margin: 8px 0; } | |
.ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -.6em; } | |
.ui-slider-horizontal .ui-slider-range { top: -1px; height: 100%; } | |
.ui-slider-horizontal .ui-slider-range-min { left: 0; } | |
.ui-slider-horizontal .ui-slider-range-max { right: 0; } | |
.ui-slider-vertical { height: 100px; width: 4px; background: #d7d7d7; box-shadow: 0 1px 0 #fff, 0 1px 0 #cfcfcf inset; margin: 8px 10px 0px 10px; float: left;} | |
.ui-slider-vertical .ui-slider-handle { left: -6px; margin-left: 0; margin-bottom: -.6em; } | |
.ui-slider-vertical .ui-slider-range { left: 0; width: 2px; background: #009AD7;} | |
.ui-slider-vertical .ui-slider-range-min { bottom: 0; } | |
.ui-slider-vertical .ui-slider-range-max { top: 0; } | |
#eq span { height: 120px; float: left; margin-right: 30px; display: block; } | |
/*~~UI Tabs~~*/ | |
.ui-tabs { position: relative; padding: 0px; zoom: 1; } | |
.ui-tabs .ui-tabs-nav { margin: 0px 0px 5px 0px; padding: 0px; width: 100%; float: left; border-bottom: 1px solid #DDD;} | |
.ui-tabs .ui-tabs-nav .ui-state-default{border-left: 0px; border-right: 1px solid #DDD; background-color: #F1F1F1;} | |
.ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-active{background-color: #F5F5F5;} | |
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; padding: 0; white-space: nowrap; } | |
.ui-tabs .ui-tabs-nav li a { float: left; padding: 10px 10px 8px 10px; text-decoration: none;} | |
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } | |
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } | |
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } | |
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 10px 0px; background: none; } | |
.ui-tabs .ui-tabs-panel p {margin: 5px 10px;} | |
.ui-tabs .ui-tabs-hide { display: none !important; } | |
/*~~UI Datepicker~~*/ | |
.datepicker { width: 100%;} | |
.datesRange li { float:left; } | |
.datesRange li.separator { margin: 0 10px; color: #ddd; } | |
.datesRange li input[type=text] { width: 78px!important; } | |
.ui-datepicker-append { margin-left: 14px; font-size: 11px; line-height: 26px; } | |
.ui-datepicker {display: none; -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); padding: 5px;} | |
.ui-datepicker-inline { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0px;} | |
.ui-datepicker .ui-datepicker-header { position:relative; padding: 7px 0px 0px; border:0px; font-weight: bold; font-size: 11px; width: 100%; color: #FFF;} | |
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 9px; width: 1.8em; height: 1.8em; cursor: pointer; } | |
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background: none; } | |
.ui-datepicker .ui-datepicker-prev { left:2px; } | |
.ui-datepicker .ui-datepicker-next { right:7px; } | |
.ui-datepicker .ui-datepicker-prev-hover { } | |
.ui-datepicker .ui-datepicker-next-hover { } | |
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; width: 6px; cursor: pointer; height: 9px; position: absolute; left: 50%; top: 4px; background: url(images/dateArrows.png) no-repeat 0; } | |
.ui-datepicker .ui-datepicker-prev span { background-position: 0 0; } | |
.ui-datepicker .ui-datepicker-next span { background-position: -8px 0; } | |
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; color: #333; text-align: center; margin: 0px; padding: 0px; font-family: 'Segoe UI',Arial,sans-serif; font-size: 14px; font-weight: normal; text-shadow: 0 1px white; line-height: 20px;} | |
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } | |
.ui-datepicker select.ui-datepicker-month-year {width: 100%;} | |
.ui-datepicker select.ui-datepicker-month, | |
.ui-datepicker select.ui-datepicker-year { width: 49%;} | |
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0;} | |
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } | |
.ui-datepicker td { border: 0; padding: 1px; line-height: 14px; } | |
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } | |
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } | |
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } | |
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } | |
.sidebar .ui-datepicker-inline { background: transparent; } | |
.sidebar .ui-datepicker-inline .ui-datepicker-title{color: #C9C9C9; text-shadow: none;} | |
.sidebar .ui-datepicker-inline th{border-color: #D53F26;} | |
.sidebar .ui-datepicker-inline td .ui-state-default{background: transparent; color: #C9C9C9;} | |
.sidebar .ui-datepicker-inline td .ui-state-active{border: 1px solid #D53F26;} | |
/*~~with multiple calendars~~*/ | |
.ui-datepicker.ui-datepicker-multi { width:auto; } | |
.ui-datepicker-multi .ui-datepicker-group { float:left; } | |
.ui-datepicker-multi .ui-datepicker-group:first-child { border-left: none; } | |
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } | |
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } | |
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } | |
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } | |
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } | |
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } | |
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } | |
.ui-datepicker-row-break { clear:both; width:100%; } | |
/*~~RTL support~~*/ | |
.ui-datepicker-rtl { direction: rtl; } | |
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } | |
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } | |
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } | |
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } | |
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } | |
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } | |
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } | |
.ui-datepicker-rtl .ui-datepicker-group { float:right; } | |
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } | |
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } | |
.ui-datepicker th { font-weight: normal; color: #666; border-bottom: 1px solid #009AD7;} | |
.ui-datepicker-today a:hover{ background-color: #808080; color: #ffffff; } | |
.ui-datepicker-today a{ background-color: #BFBFBF; cursor: pointer; padding: 0 1px; margin-bottom:0px; } | |
.ui-datepicker td a{ margin-bottom:0px; border:0px; } | |
.ui-datepicker td:hover{ color:white; } | |
.ui-datepicker td .ui-state-default {background: #FFF; margin-bottom:0px; padding:6px; color: #333; text-align: center; filter:none; border: 1px solid transparent;} | |
.ui-datepicker td .ui-state-active{ background: #009AD7; margin-bottom:0px; font-size: normal; text-shadow: none; color:white; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } | |
.ui-datepicker td .ui-state-default:hover{border: 1px solid #D53F26; color: #C9C9C9; text-shadow: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} | |
/*~~UI Progress bar~~*/ | |
.ui-progressbar { height: 16px; text-align: left; margin-top: 5px; padding: 2px; background: #EEE; border: 1px solid #D9D9D9; clear: both; | |
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} | |
.ui-progressbar .ui-progressbar-value {margin: 0px; height:100%; overflow: hidden; display: block; background: url(images/pboverlay.png) repeat-x; border-right: 1px solid #55a2e6;} | |
.pbar .ui-progressbar-value {display:block !important} | |
.pbar, .precent, elapsed { display: block; } | |
.percent, .elapsed { position: relative; font-size: 11px; color: #333; line-height: 19px;} | |
.pbar { overflow: hidden; } | |
.percent { float: right; } | |
.elapsed { float: left;} | |
/* | |
Uniform Theme: Uniform Default | |
Version: 1.6 | |
By: Josh Pyles | |
License: MIT License | |
--- | |
For use with the Uniform plugin: | |
http://pixelmatrixdesign.com/uniform/ | |
--- | |
Generated by Uniform Theme Generator: | |
http://pixelmatrixdesign.com/uniform/themer.html | |
*/ | |
/* Global Declaration */ | |
div.checker span, | |
div.radio span{ | |
background-image: url(../../img/uniform/sprite.png); | |
background-repeat: no-repeat; | |
-webkit-font-smoothing: antialiased; | |
} | |
.radio, | |
.checker, | |
.radio *, | |
.checker *{ | |
margin: 0; | |
padding: 0; | |
} | |
/* INPUT & TEXTAREA */ | |
input.text, | |
input.email, | |
input.password, | |
textarea.uniform { | |
font-size: 12px; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-weight: normal; | |
padding: 3px; | |
color: #777; | |
background: url('../../img/uniform/bg-input-focus.png') repeat-x 0px 0px; | |
background: url('../../img/uniform/bg-input.png') repeat-x 0px 0px; | |
border-top: solid 1px #aaa; | |
border-left: solid 1px #aaa; | |
border-bottom: solid 1px #ccc; | |
border-right: solid 1px #ccc; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
outline: 0; | |
} | |
input.text:focus, | |
input.email:focus, | |
input.password:focus, | |
textarea.uniform:focus { | |
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); | |
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); | |
box-shadow: 0px 0px 4px rgba(0,0,0,0.3); | |
border-color: #999; | |
background: url('../../img/uniform/bg-input-focus.png') repeat-x 0px 0px; | |
} | |
/* SPRITES */ | |
/* Checkbox */ | |
div.checker { | |
width: 19px; | |
height: 19px; | |
display:block!important; | |
} | |
div.checker input { | |
width: 19px; | |
height: 19px; | |
} | |
div.checker span { | |
background-position: 0px -260px; | |
height: 19px; | |
width: 19px; | |
} | |
div.checker:active span, | |
div.checker.active span { | |
background-position: -19px -260px; | |
} | |
div.checker.focus span, | |
div.checker:hover span { | |
background-position: -38px -260px; | |
} | |
div.checker.focus:active span, | |
div.checker:active:hover span, | |
div.checker.active:hover span, | |
div.checker.focus.active span { | |
background-position: -57px -260px; | |
} | |
div.checker span.checked { | |
background-position: -76px -260px; | |
} | |
div.checker:active span.checked, | |
div.checker.active span.checked { | |
background-position: -95px -260px; | |
} | |
div.checker.focus span.checked, | |
div.checker:hover span.checked { | |
background-position: -114px -260px; | |
} | |
div.checker.focus:active span.checked, | |
div.checker:hover:active span.checked, | |
div.checker.active:hover span.checked, | |
div.checker.active.focus span.checked { | |
background-position: -133px -260px; | |
} | |
div.checker.disabled span, | |
div.checker.disabled:active span, | |
div.checker.disabled.active span { | |
background-position: -152px -260px; | |
} | |
div.checker.disabled span.checked, | |
div.checker.disabled:active span.checked, | |
div.checker.disabled.active span.checked { | |
background-position: -171px -260px; | |
} | |
/* Radio */ | |
div.radio { | |
width: 18px; | |
height: 18px; | |
} | |
div.radio input { | |
width: 18px; | |
height: 18px; | |
} | |
div.radio span { | |
height: 18px; | |
width: 18px; | |
background-position: 0px -279px; | |
} | |
div.radio:active span, | |
div.radio.active span { | |
background-position: -18px -279px; | |
} | |
div.radio.focus span, | |
div.radio:hover span { | |
background-position: -36px -279px; | |
} | |
div.radio.focus:active span, | |
div.radio:active:hover span, | |
div.radio.active:hover span, | |
div.radio.active.focus span { | |
background-position: -54px -279px; | |
} | |
div.radio span.checked { | |
background-position: -72px -279px; | |
} | |
div.radio:active span.checked, | |
div.radio.active span.checked { | |
background-position: -90px -279px; | |
} | |
div.radio.focus span.checked, div.radio:hover span.checked { | |
background-position: -108px -279px; | |
} | |
div.radio.focus:active span.checked, | |
div.radio:hover:active span.checked, | |
div.radio.focus.active span.checked, | |
div.radio.active:hover span.checked { | |
background-position: -126px -279px; | |
} | |
div.radio.disabled span, | |
div.radio.disabled:active span, | |
div.radio.disabled.active span { | |
background-position: -144px -279px; | |
} | |
div.radio.disabled span.checked, | |
div.radio.disabled:active span.checked, | |
div.radio.disabled.active span.checked { | |
background-position: -162px -279px; | |
} | |
/* Checker */ | |
div.checker { | |
margin-right: 5px; | |
margin-top: -3px; | |
margin-bottom: 0px !important; | |
} | |
/* Radio */ | |
div.radio { | |
margin-right: 3px; | |
margin-top: -3px; | |
margin-bottom: 0px !important; | |
} | |
/* | |
CORE FUNCTIONALITY | |
Not advised to edit stuff below this line | |
----------------------------------------------------- | |
*/ | |
.checker, | |
.radio{ | |
display: -moz-inline-box; | |
display: inline-block; | |
vertical-align: middle; | |
zoom: 1; | |
*display: inline; | |
} | |
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus { | |
outline: 0; | |
} | |
/* Checker */ | |
div.checker { | |
position: relative; | |
} | |
div.checker span { | |
display: -moz-inline-box; | |
display: inline-block; | |
text-align: center; | |
} | |
div.checker input { | |
opacity: 0; | |
filter: alpha(opacity:0); | |
background: none; | |
margin: 0px; | |
display: block; | |
} | |
/* Radio */ | |
div.radio { | |
position: relative; | |
} | |
div.radio span { | |
display: -moz-inline-box; | |
display: inline-block; | |
text-align: center; | |
} | |
div.radio input { | |
opacity: 0; | |
filter: alpha(opacity:0); | |
text-align: center; | |
background: none; | |
float: none !important; | |
margin: 0px !important; | |
display: block; | |
} | |
.label, .dblue{background: #005683 !important;} | |
.label-info, .badge-info, .blue{background: #009AD7 !important;} | |
.label-warning, .badge-warning, .yellow{background: #FFAA31 !important;} | |
.label-success, .badge-success, .green{background: #68AF27 !important;} | |
.label-important, .label-important, .red{background: #C22439 !important;} | |
.purple{background: #673499 !important;} | |
.orange{background: #D53F26 !important;} | |
.cblue{color: #009AD7 !important;} | |
.cyellow{color: #FFAA31 !important;} | |
.cgreen{color: #68AF27 !important;} | |
.cred{color: #C22439 !important;} | |
.cdblue{color: #005683 !important;} | |
.cpurple{color: #673499 !important;} | |
.corange{color: #D53F26 !important;} | |
.blblue{border-left-color: #009AD7 !important;} | |
.blyellow{border-left-color: #FFAA31 !important;} | |
.blgreen{border-left-color: #68AF27 !important;} | |
.blred{border-left-color: #C22439 !important;} | |
.bldblue{border-left-color: #005683 !important;} | |
.blpurple{border-left-color: #673499 !important;} | |
.blorange{border-left-color: #D53F26 !important;} | |
/*.block .head.blue h2, .block .head.yellow h2, .block .head.green h2, .block .head.red h2, | |
.block .head.dblue h2, .block .head.purple h2, .block .head.orange h2{text-shadow: 0px 0px 1px rgba(0,0,0,0.2);}*/ | |
.block .head.blue *, .block .head.yellow *, .block .head.green *, .block .head.red *, | |
.block .head.dblue *, .block .head.purple *, .block .head.orange *{color: #FFF !important; border-color: #FFF !important;} | |
.btn{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px; background: #009AD7; color: #F9F9F9; text-shadow: none; margin-bottom: 3px;} | |
.btn:hover,.btn-primary:active,.btn[disabled],.btn.disabled{background: #008DC4; color: #FFF;} | |
.btn-primary{background: #005683;} | |
.btn-primary:hover,.btn-primary:active,.btn-primary.active{background: #00486F;} | |
.btn-detona{background: #F9F9F9; margin-top: 2px; margin-bottom:6px; padding:0px; line-height:15px; vertical-align:top; } | |
.btn-detona:hover,.btn-detona:active,.btn-detona.active{background: #F9F9F9; margin-top: 2px; margin-bottom:6px; padding:0px; line-height:15px; vertical-align:top; } | |
.btn-info{background: #FFAA31;} | |
.btn-info:hover,.btn-info:active,.btn-info.active{background: #FF990F;} | |
.btn-success{background: #68AF27;} | |
.btn-success:hover,.btn-success:active,.btn-success.active{background: #5A9922;} | |
.btn-warning{background: #D53F26;} | |
.btn-warning:hover,.btn-warning:active,.btn-warning.active{background: #CC3E24;} | |
.btn-danger{background: #C22439;} | |
.btn-danger:hover,.btn-danger:active,.btn-danger.active{background: #AA2031;} | |
.btn-inverse{background: #222; } | |
.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active{background: #1A1A1D;} | |
.btn-link{background: transparent; color: #333;} | |
.btn-link:hover,.btn-link:active,.btn-link.active{background: transparent; color: #333;} | |
.btn.disabled,.open .btn.dropdown-toggle{background-color: #008DC4 !important;} | |
.btn.btn-primary.disabled,.open .btn-primary.dropdown-toggle{background-color: #00486F !important;} | |
.btn.btn-detona.disabled,.open .btn-detona.dropdown-toggle{background-color: #ffffff !important; margin-top: 2px; margin-bottom:6px; padding:0px; line-height:15px; vertical-align:top; } | |
.btn.btn-info.disabled,.open .btn-info.dropdown-toggle{background-color: #FF990F !important;} | |
.btn.btn-success.disabled,.open .btn-success.dropdown-toggle{background-color: #5A9922 !important;} | |
.btn.btn-warning.disabled,.open .btn-warning.dropdown-toggle{background-color: #CC3E24 !important;} | |
.btn.btn-danger.disabled,.open .btn-danger.dropdown-toggle{background-color: #AA2031 !important;} | |
.btn.btn-inverse.disabled,.open .btn-inverse.dropdown-toggle{background-color: #1A1A1D !important;} | |
.btn.btn-link.disabled,.open .btn-link.dropdown-toggle{background-color: transparent !important;} | |
/* Defaults */ | |
.tal{text-align: left !important;} .tar{text-align: right !important;} .tac{text-align: center !important;} | |
.fl{float: left !important;} .fl{float: right !important;} | |
.nm{margin: 0px !important;} .nmt{margin-top: 0px !important;} .nmb{margin-bottom: 0px !important;} .nmr{margin-right: 0px !important;} .nml{margin-left: 0px !important;} | |
.np{padding: 0px !important;} .npt{padding-top: 0px !important;} .npb{padding-bottom: 0px !important;} .npr{padding-right: 0px !important;} .npl{padding-left: 0px !important;} | |
a{outline: none !important;} | |
form{margin: 0px;} | |
.img-polaroid{border-color: #E5E5E5; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} | |
.sourcePosition{top: 20px !important; position: fixed !important;} | |
#loader{position: fixed; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 9999; background: url('../img/wpoint.png') left top repeat;} | |
#loader img{position: absolute; left: 50%; top: 50%;} | |
.wrapper{position: relative; margin: 0px 20px 0px 0px;} | |
.wrapper.fixed{width: 1280px; margin: 0px auto;} | |
/* sidebar */ | |
.sidebar{min-height: 100%; position: absolute; z-index: 10; left: 0px; top: 0px; width: 220px; padding: 0px 20px 0px 10px; background: url('../img/nav_line.jpg') right top repeat-y #191818;} | |
.sidebar .top{float: left; width: 220px; margin: 30px 0px 15px 0px;} | |
.sidebar .top .logo{width: 220px; height: 125px; float: left; display: block; background: url('../img/logo.png') left top no-repeat; } | |
.sidebar .top .search{width: 220px; float: left;} | |
/* simple navigation */ | |
.sidebar .nContainer{float: left; display: block;} | |
.sidebar .close{display: none; position: absolute; right: 5px; top: 5px; } | |
.sidebar .navigation{width: 220px; margin: 10px 0px 20px; padding: 0px; list-style: none; display: block; float: left; position: relative;} | |
.sidebar .navigation > li{position: relative; width: 220px; float: left; display: block;} | |
.sidebar .navigation > li > a{font-size: 20px; color: #C9C9C9; display: block; float: left; | |
width: 220px; line-height: 24px; margin-bottom: 5px; text-decoration: none;} | |
.sidebar .navigation > li > a.active, | |
.sidebar .navigation > li > a:hover{color: #FFFFFF;} | |
.sidebar .navigation li ul{width: 200px; padding-left: 20px; list-style: none; float: left; margin: 5px 0px 10px;} | |
.sidebar .navigation li ul > li {position: relative; width: 200px; float: left; display: block; margin-bottom: 5px;} | |
.sidebar .navigation li ul > li a{font-size: 14px; color: #C5C5C5; display: block; float: left; width: 200px; | |
line-height: 16px; text-decoration: none;} | |
.sidebar .navigation li ul > li a.active, | |
.sidebar .navigation li ul > li a:hover{color: #FFFFFF;} | |
/* eof simple navigation */ | |
/* bordered navigation */ | |
.sidebar .navigation.bordered{width: 218px; margin: 10px 0px 20px; padding: 0px; list-style: none; display: block; float: left; border: 1px solid #1A1A1A; border-bottom: 0px; border-left: 0px;} | |
.sidebar .navigation.bordered > li{position: relative; width: 218px; float: left; display: block;} | |
.sidebar .navigation.bordered > li > a{font-size: 16px; color: #C9C9C9; display: block; float: left; width: 200px; line-height: 16px; border-left: 3px solid #111; | |
border-bottom: 1px solid #1A1A1A; padding: 12px 8px 11px 7px; text-decoration: none; background: #222222; margin: 0px;} | |
.sidebar .navigation.bordered > li > a:hover{color: #FFF;} | |
.sidebar .navigation.bordered > li .open{width: 38px; height: 39px; position: absolute; right: 0px; top: 0px; background: #222222; | |
border: 1px solid #1A1A1A; border-width: 0px 0px 1px 1px; cursor: pointer; background: url('../img/navb_plus.png') center center no-repeat;} | |
.sidebar .navigation.bordered > li .open:hover{background: url('../img/navb_plus.png') center center no-repeat #191818;} | |
.sidebar .navigation.bordered > li.active .open{border-bottom-color: #191818; background: url('../img/navb_minus.png') center center no-repeat #191818;} | |
.sidebar .navigation.bordered li ul{width: 220px; float: left; display: none; list-style: none; padding: 0px; margin: 0px;} | |
.sidebar .navigation.bordered li.active ul{display: block;} | |
.sidebar .navigation.bordered li ul > li{position: relative; width: 220px; float: left; display: block; margin: 0px;} | |
.sidebar .navigation.bordered li ul > li a{font-size: 14px; line-height: 16px; padding: 10px 8px 9px 17px; text-decoration: none; display: block; | |
float: left; border-bottom: 1px solid #1A1A1A; width: 190px; color: #C9C9C9; border-left: 3px solid #222;} | |
.sidebar .navigation.bordered li ul > li a:hover, | |
.sidebar .navigation.bordered li ul > li.active a{background: transparent; color: #FFF;} | |
/* eof bordered navigation */ | |
.sidebar .widget{width: 220px; float: left;} | |
/* eof sidebar */ | |
/* Body */ | |
.body{position: relative; margin-left: 250px; padding: 0px 0px 0px 20px;} | |
.body .user{margin-left: 0px; display: block; float: left; clear: both;} | |
.body .user img{margin-right: 10px; border-left: 3px solid #009AD7; float: left;} | |
.body .user a{display: block; float: left; text-decoration: none;} | |
.body .user a span{font-size: 14px; color: #333; line-height: 16px; display: block; clear: both;} | |
.body .user a .sm{font-size: 11px; color: #666; line-height: 13px; display: block; clear: both;} | |
/* body navigation */ | |
.body .navigation{padding: 10px 0px 25px; float: right; margin: 0px; list-style: none; display: block; position: relative;} | |
.body .navigation li{margin-left: 3px; margin-bottom: 3px; display: block; float: left;} | |
.body .navigation .button{width: 90px; height: 90px; display: block; padding: 5px; | |
background: #009AD7; text-decoration: none; position: relative;} | |
.body .navigation .button .icon{display: block; width: 44px; height: 44px; border: 3px solid #FFF; margin: 15px 20px 12px; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center;} | |
.body .navigation .button .icon [class^="ico-"]{font-size: 27px; color: #FFF; line-height: 45px;} | |
.body .navigation .button .name{font-size: 12px; color: #FFF; line-height: 13px;} | |
.body .navigation .button .arrow{position: absolute; left: 5px; top: 5px; width: 16px; height: 16px; background: url('../img/arrow_white.png') left top no-repeat;} | |
.body .navigation .button:hover{-moz-box-shadow: inset 0px 0px 4px rgba(255,255,255,.9); -webkit-box-shadow: inset 0px 0px 4px rgba(255,255,255,.9); box-shadow: inset 0px 0px 4px rgba(255,255,255,.9);} | |
.body .navigation .sub{display: none; position: absolute; left: 0px; bottom: 0px; list-style: none; padding: 0px; margin: 0px;} | |
.body .navigation .sub li{display: block; float: left; margin-right: 30px;} | |
.body .navigation .sub li a{font-size: 14px; color: #4C4C4C; text-decoration: none; font-weight: 500;} | |
.body .navigation .sub li a:hover{color: #000;} | |
.body .navigation li.active .arrow{background: url('../img/arrow_white_active.png') left top no-repeat;} | |
.body .navigation li.active .sub{display: block;} | |
.body .navigation .user{margin-left: 0px; display: block; float: left; clear: both;} | |
.body .navigation .user img{margin-right: 10px; border-left: 3px solid #009AD7; float: left;} | |
.body .navigation .user a{display: block; float: left; text-decoration: none;} | |
.body .navigation .user a span{font-size: 14px; color: #333; line-height: 16px; display: block; clear: both;} | |
.body .navigation .user a .sm{font-size: 11px; color: #666; line-height: 13px; display: block; clear: both;} | |
.body .navigation .buttons{float: left; margin: 5px 0px 0px 0px; clear: both;} | |
.body .navigation .buttons .sbutton{width: 30px; height: 30px; background: #009AD7; display: inline-block; | |
text-align: center; position: relative;} | |
.body .navigation .buttons .sbutton a{color: #FFF; padding: 7px 0px; width: auto; display: block; line-height: 16px; | |
text-align: center; text-decoration: none;} | |
.body .navigation .buttons .sbutton a [class^="ico-"]{font-size: 16px; color: #FFF; line-height: 16px;} | |
.body .navigation .buttons .sbutton.navButton{display: none;} | |
/* eof body navigation */ | |
/* body navigation popup */ | |
.popup{width: 150px; right: 0px; top: 45px; background: #FFF; position: absolute; text-align: center; display: none; z-index: 100; | |
-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);} | |
.popup.active{display: block;} | |
.popup .row-form{padding: 5px 5px; margin-bottom: 0px;} | |
.popup .row-form a { color: black; text-align: left;} | |
.popup .arrow{width: 12px; height: 12px; background: url('../img/popup_arrow.png') left top no-repeat; position: absolute; right: 10px; top: -11px;} | |
/* eof body navigation popup */ | |
/* content */ | |
.body .content{width: 100%; display: block;} | |
/* page header */ | |
.page-header{padding: 0px 0px 10px; margin: 0px 0px 20px; border-bottom: 1px solid #e0e0e0; width: 100%; float: left;} | |
.page-header .icon{float: left; display: block; margin-right: 10px; width: 32px; height: 32px; border: 3px solid #999; padding: 2px; margin-top: 7px; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center;} | |
.page-header .icon span{font-size: 24px; color: #999; line-height: 33px;} | |
.page-header h1{font-size: 32px; color: #4C4C4C; font-weight: normal; display: block; float: left; line-height: 35px; padding: 0px; margin: 0px;} | |
.page-header h1 small{font-size: 11px; color: #666; display: block; line-height: 20px;} | |
/* eof page header */ | |
/* widgets */ | |
.body .content .widgets{text-align: center; position: relative;} | |
.body .content .widget{padding: 10px; height: 110px; width: 280px; margin-bottom: 20px; margin-right: 20px; display: inline-block;} | |
.body .content .widget .left, .body .content .widget .right{height: 90px; width: 50%; float: left; color: #fff;} | |
.body .content .widget.value .left{width: 60%; font-size: 80px; line-height: 75px; text-align: left; font-weight: lighter;} | |
.body .content .widget.value .right{width: 40%; font-size: 12px; text-align: left; line-height: 15px;} | |
.body .content .widget.icon .left{width: 35%; line-height: 90px;} | |
.body .content .widget.icon .right{width: 65%; font-size: 12px; color: #FFF; color: #fff;} | |
.body .content .widget.chart .left{width: 40%; line-height: 90px; text-align: left;} | |
.body .content .widget.chart .right{width: 60%; font-size: 12px; color: #FFF; color: #fff; text-align: left; line-height: 15px;} | |
.body .content .widget .right table{text-align: left;} | |
.body .content .widget .right table tr td{line-height: 12px; font-size: 12px; padding: 2px 0px 3px;} | |
.body .content .widget .right table tr td:last-child{text-align: right;} | |
.body .content .widget.icon .left .icon{width: 80px; height: 80px; border: 3px solid #FFF; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} | |
.body .content .widget.icon .left .icon [class^="ico-"]{font-size: 56px;} | |
.body .content .widget .bottom{width: 100%; line-height: 16px; margin-top: 4px; float: left; text-align: left;} | |
.body .content .widget .bottom a{display: block; float: left; width: 100%; line-height: 16px; font-size: 14px; color: #FFF; text-decoration: none; | |
background: url('../img/arrow_right_white.png') right center no-repeat; opacity: 0.8; filter: alpha(opacity=80);} | |
.body .content .widget .bottom a:hover{opacity: 1; filter: alpha(opacity=100);} | |
.body .content .swidget{height: 120px; width: 120px; min-width: 120px; margin-bottom: 20px; margin-right: 20px; | |
display: inline-block; color: #FFF; position: relative; text-decoration: none;} | |
.body .content .swidget .icon{width: 75px; height: 75px; border: 3px solid #FFF; line-height: 85px; margin: 10px 21px 0px; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; float: left;} | |
.body .content .swidget .icon [class^="ico-"]{font-size: 36px; color: #FFF;} | |
.body .content .swidget > .value{width: 120px; height: 75px; text-align: center; font-size: 36px; color: #FFF; margin-top: 10px; float: left; line-height: 85px;} | |
.body .content .swidget.clean .icon{margin-top: 18px;} | |
.body .content .swidget.clean .epc.mini{margin-top: 18px;} | |
.body .content .swidget.clean > .value{margin-top: 18px;} | |
.body .content .swidget .bottom{display: block; float: left; margin: 5px 5px 0px; width: 110px;} | |
.body .content .swidget .bottom .text{float: left;} | |
.body .content .swidget .bottom .value{float: right;} | |
/* eof widgets */ | |
/* blocks */ | |
.body .content .block{position: relative; margin-bottom: 20px; width: 100%; float: left;} | |
.body .content .block .head{padding: 7px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;} | |
.body .content .block .head.blue, .body .content .block .head.dblue, .body .content .block .head.yellow, .body .content .block .head.red, | |
.body .content .block .head.purple, .body .content .block .head.green, .body .content .block .head.orange{padding: 7px 6px 7px 6px;} | |
.body .content .block .head .icon{height: 20px; width: 23px; border: 1px solid #444; text-align: center; display: inline-block; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding-top: 3px; line-height: 19px;} | |
.body .content .block .head .icon [class^="ico-"]{font-size: 16px; color: #444;} | |
.body .content .block .head > .icon{margin-right: 3px;} | |
.body .content .block .head h2{font-size: 20px; color: #4C4C4C; line-height: 20px; font-weight: normal; display: inline-block; margin: 0px; padding: 0px;} | |
.body .content .block .head .buttons{list-style: none; display: block; float: right; margin: 0px; padding: 0px;} | |
.body .content .block .head .buttons > li{display: block; float: left; margin-left: 5px; position: relative;} | |
.body .content .block .head .items{position: relative; float: right; padding: 1px 5px 5px 5px;} | |
.body .content .block .head .items .progress.small{margin-top: 8px !important;} | |
.body .content .block.title .head{border-bottom: 1px solid #e0e0e0;} | |
.body .content .block .data{padding: 10px;} | |
.body .content .block .data-fluid{padding: 0px;} | |
.body .content .block .data.dark, .body .content .block .data-fluid.dark, | |
.toolbar.dark, .toolbar-fluid.dark{background: #EAEAEA; } | |
* html .block .data, * html .block .data-fluid, * html .toolbar, * html .toolbar-fluid, * html .wrapper > .body{ height: 1%; overflow: visible; } /* ie 6 */ | |
*+html .block .data, *+html .block .data-fluid, *+html .toolbar, *+html .toolbar-fluid, *+html .wrapper > .body{ min-height: 1%; } /* ie 7 */ | |
.block .data:after, .block .data-fluid:after, .toolbar:after, .toolbar-fluid:after, .wrapper > .body:after{clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;} | |
/* eof blocks */ | |
.editor{background: #FFF;} | |
.loader{position: absolute; left: 0px; top: 0px; z-index: 100; background: url('../img/wpoint.png') left top repeat;} | |
.loader img{position: absolute; left: 50%; top: 50%; margin-left: -50px;} | |
.body .content .stat{position: relative; text-align: left; font-size: 11px; color: #666; line-height: 16px; margin: 10px ;} | |
.body .content .stat span{font-size: 40px; display: block; float: left; margin-right: 5px; line-height: 32px;} | |
/* toolbar */ | |
.toolbar, .toolbar-fluid{padding: 10px; position: relative;} | |
.toolbar-fluid{padding: 0px;} | |
.toolbar .pagination{margin: 0px; line-height: 15px; height: 30px;} | |
.toolbar .input-append, .toolbar .input-prepend, | |
.toolbar .input-append button, .toolbar .input-prepend button{margin: 0px;} | |
.toolbar .left{float: left; width: 50%;} | |
.toolbar .right{float: right; width: 50%;} | |
.toolbar .btn{margin: 0px !important;} | |
/* eof toolbar */ | |
/* table */ | |
.body .content .table{border: 0px; padding: 0px; margin: 0px; border-collapse: separate; border-spacing: 0px 1px;} | |
.body .content .table th{line-height: 30px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 11px; color: #666; text-align: center;} | |
.body .content .table td{line-height: 23px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top; | |
font-size: 12px; color: #333; border-top:0px;} | |
.body .content .table tbody tr:nth-child(2n) td{background: #F2F2F2;} | |
.body .content .table .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;} | |
.body .content .table .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} | |
.body .content .table .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;} | |
.body .content .table.lcnp tr td:last-child, | |
.body .content .table.lcnp tr th:last-child{padding: 0px;} | |
.body .content .table td span.mark{color: #999; font-size: 11px; display: block;} | |
.body .content .table td.bl_blue{border-left: 3px solid #009AD7;} | |
.body .content .table td.bl_green{border-left: 3px solid #68AF27;} | |
.body .content .table td.bl_red{border-left: 3px solid #C22439;} | |
.body .content .table.tickets td{padding: 5px 10px; } | |
.body .content .table.tickets tr td:first-child{padding-top: 7px; } | |
.body .content .table.table-hover tbody tr:hover td, .body .content .table.table tbody tr.active td{background: #ffffcb;} | |
.table.images td.info > *{display: block; width: auto; clear: both;} | |
.table.images td.info > span{font-size: 11px; color: #999;} | |
/* eof table */ | |
/* datatables */ | |
.body .content .table thead th.sorting, .body .content .table thead td.sorting{background: url('../img/backgrounds/dropdown_arrow.png') right center no-repeat #E9E9E9;} | |
.body .content .table thead th.sorting_asc, .body .content .table thead td.sorting_asc{background: url('../img/backgrounds/dropdown_arrow_up.png') right center no-repeat #E9E9E9;} | |
.body .content .table thead th.sorting_desc, .body .content .table thead td.sorting_desc{background: url('../img/backgrounds/dropdown_arrow_down.png') right center no-repeat #E9E9E9;} | |
.dataTables_length, .dataTables_info{float: left;} | |
.dataTables_filter, .dataTables_paginate{float: right;} | |
.dataTables_length{position: relative; padding: 5px;} | |
.dataTables_length label{font-size: 11px; margin-bottom: 0px;} | |
.dataTables_length select{display: inline-block; width: auto;} | |
.dataTables_filter{position: relative; padding: 5px;} | |
.dataTables_filter label{font-size: 11px; margin-bottom: 0px;} | |
.dataTables_filter input[type='text']{display: inline-block; width: auto; height: 26px; line-height: 14px;} | |
.dataTables_info{font-size: 11px; color: #333; line-height: 26px; padding: 5px;} | |
.paginate_button, | |
.paginate_disabled_previous, | |
.paginate_disabled_next, | |
.paginate_enabled_next, | |
.paginate_active, | |
.paginate_enabled_previous{float: left; border: 2px solid #FFF; line-height: 14px; font-size: 11px; color: #333; | |
display: block; padding: 4px 5px; margin: 5px 5px 5px 0px; | |
color: #333; text-shadow: 0px 1px 0px #FFF; | |
background-color: #E0E0E0; | |
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} | |
.paginate_enabled_next, | |
.paginate_enabled_previous, | |
.paginate_active,.paginate_active:hover, | |
.paginate_button,.paginate_button:hover, | |
.paginate_enabled_next:hover, | |
.paginate_enabled_previous:hover{cursor: pointer; text-decoration: none; } | |
.paginate_enabled_next:hover, | |
.paginate_active, .paginate_active:hover, | |
.paginate_button:hover, | |
.paginate_enabled_previous:hover{ color: #333; | |
-moz-box-shadow: inset 0 1px 3px #AAA; -webkit-box-shadow: inset 0 1px 3px #AAA; box-shadow: inset 0 1px 3px #AAA;} | |
.paginate_button_disabled, .paginate_button_disabled:hover, | |
.paginate_disabled_previous, .paginate_disabled_previous:hover, | |
.paginate_disabled_next, .paginate_disabled_next:hover{color: #999; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none;} | |
.dataTables_wrapper table{float: left;} | |
/* eof datatables */ | |
/* messages */ | |
.body .content .block .messages{position: relative;} | |
.body .content .block .messages .item{width: 90%; padding: 5px; position: relative; margin: 10px 0px 0px; float: left;} | |
.body .content .block .messages .item.out{float: right; margin: 10px 0px 10px;} | |
.body .content .block .messages .item .arrow{border-color: transparent transparent #009AD7 #009AD7; border-style: solid; border-width: 5px; | |
width: 0px; height: 0px; position:absolute; left: 10px; top: -10px;} | |
.body .content .block .messages .item.out .arrow{left: auto; top: auto; right: 10px; bottom: -10px; border-color: #005683 #005683 transparent transparent;} | |
.body .content .block .messages .item .text{font-size: 12px; color: #FFF; line-height: 13px;} | |
.body .content .block .messages .item .date{font-size: 12px; color: #FFF; text-align: right; opacity: 0.6; filter: alpha(opacity=60); line-height: 13px;} | |
/* eof messages */ | |
.label{font-size: 12px; color: #FFF; font-weight: normal; line-height: 20px;} | |
/* select2 */ | |
.select2-container .select2-choice, .select2-container.select2-drop-above .select2-choice, .select2-drop.select2-drop-above, | |
.select2-container-multi .select2-choices, .select2-search input, .select2-container-active .select2-choice, .select2-container-multi.select2-container-active .select2-choices, | |
.select2-container .select2-choice div{border-color: #DDD; background: #FFF; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} | |
.select2-dropdown-open .select2-choice div{border-left: 1px solid #CCC;} | |
.select2-search{margin-top: 3px;} | |
.select2-drop.select2-drop-above{border-bottom: 1px solid #CCC; -moz-box-shadow: 0px -1px 3px rgba(0,0,0, .15); -webkit-box-shadow: 0px -1px 3px rgba(0,0,0, .15); box-shadow: 0px -1px 3px rgba(0,0,0, .15);} | |
.select2-container-active .select2-choice, | |
.select2-container-multi.select2-container-active .select2-choices{-moz-box-shadow: 0px 0px 3px rgba(0,0,0, .15); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0, .15); box-shadow: 0px 0px 3px rgba(0,0,0, .15); border-color: #CCC;} | |
.select2-container-multi .select2-choices .select2-search-choice{background: #009AD7; border: 1px solid #009AD7; color: #FFF; | |
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; | |
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} | |
.select2-container .select2-choice div{background: #EEE; width: 26px;} | |
.select2-container .select2-choice div b{background-position: 5px 1px;} | |
.select2-dropdown-open .select2-choice div b{background-position: -13px 1px} | |
.select2-container .select2-choice span{padding-right: 31px;} | |
.select2-results .select2-highlighted{background: #009AD7; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} | |
.select2-search-choice-close{top: 3px;} | |
/* eof select2*/ | |
/* Tagsinput */ | |
div.tagsinput{padding: 0px;} | |
div.tagsinput span.tag{margin: 3px; padding: 3px 5px; font-size: 11px; line-height: 14px; border: 1px solid #009AD7; background: #009AD7; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} | |
div.tagsinput span.tag a{color: #FFF;} | |
div.tagsinput span.tag a:hover{color: #333;} | |
div.tagsinput div{line-height: 28px;} | |
div.tagsinput div input{line-height: 20px; height: 20px; font-size: 11px; margin: -2px 0px 0px; padding: 0px; border: 0px;} | |
/* eof Tagsinput */ | |
/* spiner */ | |
.ui-spinner{padding-right: 20px; display: block; position: relative;} | |
.ui-spinner-up{position: absolute; right: 0px; top: 1px; background: #EEE; border: 1px solid #DDD; height: 13px; padding-left: 1px; cursor: pointer; | |
-moz-box-shadow: inset 0px 1px 2px #FFF; -webkit-box-shadow: inset 0px 1px 2px #FFF; box-shadow: inset 0px 1px 2px #FFF;} | |
.ui-spinner-down{position: absolute; right: 0px; bottom: 0px; background: #EEE; border: 1px solid #DDD; border-top: 0px; height: 14px; cursor: pointer; | |
-moz-box-shadow: inset 0px 1px 2px #FFF; -webkit-box-shadow: inset 0px 1px 2px #FFF; box-shadow: inset 0px 1px 2px #FFF;} | |
.ui-spinner-up .ui-icon{ width: 16px; height: 13px; } | |
.ui-spinner-down .ui-icon{ width: 16px; height: 10px; padding-right: 1px;} | |
/* eof spinner */ | |
/* Row form - new */ | |
.row-fluid-blocks{float: left; margin: 10px;} | |
.row-fluid{float: left;} | |
/* set clear fix to row-form element */ | |
* html .row-form{ height: 1%; overflow: visible; } /* ie 6 */ | |
*+html .row-form{ min-height: 1%; } /* ie 7 */ | |
.row-form:after{clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } | |
/* eof set */ | |
.row-fluid-footer{position: absolute; bottom:0; width:100%; margin-bottom: 0px; text-align: center; /* Height of the footer */} | |
.row-form{padding: 10px 15px; vertical-align: baseline; } | |
.row-form > [class^="span"]{color: #333; line-height: 30px; width:auto;} | |
input[type="text"], input[type="password"], textarea, select{ | |
border-color: #CCC; font-size: 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; | |
display: inline-block; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #4C4C4C; height: 30px; margin-bottom: 0px; | |
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} | |
input:focus, textarea:focus, select:focus{-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; outline: 0 !important; border-color: #AAA !important;} | |
select[multiple]{min-height: 100px;} | |
textarea{min-height: 100px;} | |
.row-form .input-prepend, .row-form .input-append{margin-bottom: 0px !important;} | |
.row-form .input-prepend .add-on, .row-form .input-append .add-on{font-size: 11px; line-height: 20px;} | |
.input-append .add-on, .input-prepend .add-on{border: 0px !important; padding: 4px 7px 6px; text-shadow: none; background: #009AD7; line-height: 25px; | |
-moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important;} | |
.input-append input[type="text"]{border-right: 0px;} | |
.input-prepend input[type="text"]{border-left: 0px;} | |
.add-on[class^='ico-']{color: #FFF; text-shadow: none;} | |
.input-prepend .btn, .input-append .btn{padding: 5px 12px; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important;} | |
.btn-group > .btn{-moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important;} | |
.row-form .input-prepend input[type="file"], .row-form .input-append input[type="file"]{width: 0px; left: -9999px; position: absolute; visibility: hidden;} | |
.row-form [class^="span"] > div{margin-bottom: 10px;} | |
.row-form [class^="span"] > span.bottom, | |
.row-form [class^="span"] > span.top{font-size: 11px; color: #999; line-height: 14px; display: block; margin-top: 5px;} | |
.row-form [class^="span"] > span.top{margin-bottom: 5px; margin-top: 0px;} | |
.row-form [class^="span"] > span.top.title, | |
.row-form [class^="span"] > span.bottom.title{color: #333;} | |
/* highlights */ | |
.row-form.error [class^="span"]{color: #C22439;} | |
.row-form.error input[type="text"]{border-color: #C22439;} | |
.row-form.error [class^="span"] > span{color: #C22439;} | |
.row-form.warning [class^="span"]{color: #D53F26;} | |
.row-form.warning input[type="text"]{border-color: #D53F26;} | |
.row-form.warning [class^="span"] > span{color: #D53F26;} | |
.row-form.success [class^="span"]{color: #68AF27;} | |
.row-form.success input[type="text"]{border-color: #68AF27;} | |
.row-form.success [class^="span"] > span{color: #68AF27;} | |
.row-form.info [class^="span"]{color: #009AD7;} | |
.row-form.info input[type="text"]{border-color: #009AD7;} | |
.row-form.info [class^="span"] > span{color: #009AD7;} | |
/* eof highlights */ | |
.row-form input.input-mini{width: 20%;} | |
.row-form input.input-small{width: 30%;} | |
.row-form input.input-medium{width: 40%;} | |
.row-form input.input-large{width: 50%;} | |
.row-form input.input-xlarge{width: 70%;} | |
.row-form input.input-xxlarge{width: 80%;} | |
.row-form input.input-huge{width: 90%;} | |
/* eof row form */ | |
/* Buttons */ | |
.btn, .btn-group .btn, | |
.btn-group > .btn:first-child, | |
.btn-group > .btn:last-child{font-size: 11px;} | |
.btn.btn-large{font-size: 12px;} | |
.btn [class^='ico']{margin-top: 0px;} | |
.btn-group-vertical .btn{margin-bottom: 0px;} | |
.btn-group > .btn + .btn{margin-left: 0px;} | |
.btn.btn-block{margin-bottom: 10px;} | |
.btn-group > .dropdown-menu{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-color: #DDD; font-size: 11px; padding: 0px;} | |
.dropdown-menu .divider{background-color: #F1F1F1; margin: 5px 0px;} | |
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a{background: #008DC4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} | |
/* eof Buttons */ | |
/* typography */ | |
.typography{font-size: 12px; color: #333;} | |
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6{color: #1A1A1D;} | |
.typography blockquote{font-size: 12px; border-color: #333;} | |
.typography blockquote p{font-size: 12px; line-height: 16px;} | |
.typography dl dt{color: #333;} | |
.typography img{margin: 5px 10px 5px;} | |
/* eof typography */ | |
/* alerts */ | |
.alert{margin-bottom: 10px; cursor: pointer; border: 0; text-shadow: none; color: #FFF; background: #009AD7; | |
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} | |
.block .alert, .block-fluid .alert{border: 0px; margin: 3px 0px;} | |
.alert.alert-block{padding: 8px 35px 8px 14px;} | |
.alert.alert-error{background: #C22439;} | |
.alert.alert-success{background: #68AF27;} | |
.alert.alert-info{background: #005683;} | |
/* eof alerts */ | |
/* sortable blocks */ | |
.sortablePlaceholder{border: 1px dashed #333; height: 30px; margin-bottom: 20px; | |
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} | |
/* eof sortable blocks */ | |
/* accordion */ | |
.accordion{border: 1px solid #DDD;} | |
.ui-accordion .ui-accordion-header{background-color: #F2F2F2; padding: 8px 10px 8px 30px; font-size: 12px; color: #333; font-weight: normal; | |
border: 0px; border-bottom: 1px solid #FFF; text-shadow: 1px 1px 0px #FFF;} | |
.ui-accordion .ui-state-hover{background-color: #EEE;} | |
.ui-accordion .ui-widget-content{padding: 10px 5px; background: #FFF;} | |
.ui-accordion .ui-widget-content:last-child{box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} | |
.ui-accordion .ui-accordion-header:last-child{box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} | |
/* eof accordion */ | |
/* tabs */ | |
.tabs{border: 1px solid #DDD; border-top: 0px;} | |
.ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-active{background-color: #F5F5F5; border-bottom: 1px solid #F5F5F5;} | |
.ui-tabs .ui-tabs-nav .ui-state-default.ui-state-hover{background-color: #EEE;} | |
.ui-tabs .ui-tabs-nav li a{color: #40516b; font-weight: bold; text-shadow: 1px 1px 0px #FFF;} | |
/* eof tabs */ | |
/* simple list */ | |
.sList{list-style: none; padding: 0px; margin: 0px;} | |
.sList li{display: block; padding: 8px 10px 6px; background-color: #F2F2F2; border-bottom: 1px solid #E4E8ED; border-top: 1px solid #FFF; cursor: pointer;} | |
.sList li:hover{background-color: #F9F9F9;} | |
.sList .placeholder{background-color: #fff8c4; height: 20px } | |
/* eof simple list */ | |
/* Tabbable */ | |
.tabbable{border: 0px;} | |
.nav-tabs{margin-bottom: 5px;} | |
.nav-tabs > li > a{font-weight: normal; color: #333; font-size: 12px; | |
-moz-border-radius: 0px; -webkit-border-radius: 0px;} | |
.nav-tabs > .active > a, .nav-tabs > .active > a:hover{background: #F6F6F6;} | |
.tabs-below > .nav-tabs{margin-bottom: 0px;} | |
.tabs-below > .nav-tabs > li > a{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} | |
.tabs-left > .nav-tabs{margin-right: 0px;} | |
.tabs-left > .nav-tabs > li > a{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} | |
.tabs-right > .nav-tabs{margin-left: 0px;} | |
.tabs-right > .nav-tabs > li > a{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} | |
.tab-content{padding: 5px 10px; font-size: 12px;} | |
/* eof tabbable */ | |
/* progress */ | |
.progress{margin: 5px 0px !important;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: #EEE; border: 1px solid #D9D9D9; | |
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} | |
.progress.small{height: 5px;} | |
.progress .bar{-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5); box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5); margin-bottom: 1px;} | |
/* eof progress */ | |
/* popover */ | |
.popover{border-color: #CCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} | |
.popover-title{background: #FFF; color: #333; font-size: 14px; font-weight: normal; line-height: 20px;} | |
/* popover */ | |
/* Modal */ | |
.modal{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border-color: #CCC;} | |
.modal-header{box-shadow: 0 1px 0 #fff; background: #FFF; | |
-webkit-box-shadow: inset 0 1px white; -moz-box-shadow: inset 0 1px #fff; box-shadow: inset 0 1px white; | |
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;padding: 10px 10px 7px 10px;} | |
.modal-header h3{color: #333; font-size: 14px; font-weight: normal; text-shadow: 0 1px white; line-height: 20px;} | |
.modal-backdrop, .modal-backdrop.fade.in{opacity: 0.25; filter: alpha(opacity=25); background: #333;} | |
.modal .block, .modal .block-fluid{margin-bottom: 0px;} | |
.modal-header .close{margin-top: 0px;} | |
.modal-footer{background: #FFF;} | |
.modal-footer .btn{margin-bottom: 0px;} | |
/* eof modal */ | |
/* icons list */ | |
.the-icons{list-style: none; padding: 0px; margin: 0px; display: block; margin: 0px 10px;} | |
.the-icons li{padding: 8px 5px; width: 150px; display: block; float: left; margin: 1px 0px; height: 20px;} | |
/* eof icons list */ | |
.errorContainer{color: #333; text-align: center; width: 300px; margin: 50px auto 0px;} | |
.errorContainer h1{font-size: 120px; font-weight: normal; line-height: 120px;} | |
.errorContainer h2{font-size: 20px; font-weight: normal; color: #666; text-transform: uppercase; border-bottom: 1px solid #CCC;} | |
.head ul.buttons > li.active > .dropdown-menu{display: block; left: auto; right: -1px; border-color: #DDD; font-size: 11px; padding: 0px; | |
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } | |
.head ul.buttons > li.active > .dropdown-menu li a{color: #333 !important;} | |
.head ul.buttons > li.active > .dropdown-menu li a:hover{color: #FFF !important;} | |
.login{width: 300px; position: absolute; left: 50%; margin-left: -150px; top: 50%; margin-top: -125px;} | |
.login .row-form{padding: 5px 0px; width: 300px;} | |
.icon-arrow-back{background: url('../img/back_dark.png') left top no-repeat !important;} | |
.icon-arrow-back.icon-white{background: url('../img/back.png') left top no-repeat !important;} | |
.icon-arrow-next{background: url('../img/next_dark.png') left top no-repeat !important;} | |
.icon-arrow-next.icon-white{background: url('../img/next.png') left top no-repeat !important;} | |
/* faq */ | |
.faq{ position: relative;} | |
.faq .item{border: 1px solid #DDD; border-top: 1px solid #FFF; padding: 10px; background: #F5F5F5;} | |
.faq .item:first-child{border-top: 1px solid #DDD;} | |
.faq .item:last-child{border-bottom: 1px solid #DDD;} | |
.faq .item .title{font-size: 14px; font-weight: normal; color: #333; display: block; cursor: pointer; padding-left: 22px; background: url('../img/next_dark.png') left center no-repeat;} | |
.faq .item .title:hover{text-decoration: underline;} | |
.faq .item .text{font-size: 12px; color: #333; padding-left: 25px; display: none;} | |
.faq .item .text p{margin: 5px 0px} | |
/* eof faq */ | |
/* listing */ | |
.list{list-style: none; margin: 0px; padding: 0px; position: relative; border: 1px solid #E5E5E5;} | |
.list li{display: block; padding: 5px; border-top: 1px solid #FFF; border-bottom: 1px solid #E5E5E5;} | |
.list li:last-child{border-bottom: 0px;} | |
.list li .title{float: left; padding: 0px 5px 0px 21px;} | |
.list li .title a{font-size: 12px; line-height: 14px; display: block;} | |
.list li .title p{margin: 0px; line-height: 14px; display: block;} | |
.list li .actions{float: right; margin-top: 2px;} | |
/* eof listing */ | |
/* invoice */ | |
.invoice{font-size: 12px; color: #333;} | |
.invoice h3, .invoice h4{font-size: 20px; line-height: 34px; color: #333; border-bottom: 1px solid #DDD;} | |
.invoice p{margin: 3px 5px;} | |
.invoice em{font-size: 10px; font-style: normal; color: #CCC;} | |
.invoice .total{float: right; padding-top: 20px;} | |
.invoice .highlight{padding: 5px; background: #009AD7; border-top: 1px solid #CCC; color: #fff;} | |
.invoice .highlight em{color: #F1F1F1;} | |
.invoice .table th{background: #009AD7 !important; color: #fff !important;} | |
/* eof invoice */ | |
/* sGallery */ | |
.sGallery{position: relative; padding-top: 0px !important;} | |
.sGallery .item{width: 150px; height: 94px; border: 3px solid #F1F1F1; float: left; overflow: hidden; margin: 10px 10px 0px 0px; position: relative;} | |
.sGallery .item a{display: block; width: 150px; text-align: center; position: relative;} | |
.sGallery .item a img{height: auto; max-width: none; vertical-align: baseline; border: 0;} | |
.sGallery .item ul.controls{position: absolute; right: -150px; top: 0px; margin: 0px; padding: 5px; list-style: none; height: 84px; background-color: rgba(255,255,255,.8);} | |
.sGallery .item ul.controls li{color: #333; display: block; float: left; clear: both; width: 75px;} | |
.sGallery .item ul.controls li a{display: block; float: left; text-align: left; padding: 0px; margin: 0px; color: #333; width: auto; text-decoration: none;} | |
.sGallery .item ul.controls li a:hover{color: #111;} | |
.sGallery .item ul.controls li [class^=icon]{display: block; float: left; margin-top: 3px; margin-right: 5px;} | |
/* eof sGallery */ | |
/* ~GALLERY~ */ | |
.data.gallery a, .data-fluid.gallery a{display: inline-block;} | |
.data.thumbs .thumbnail, .data-fluid.thumbs .thumbnail{width: 200px; display: block; float: left; padding: 10px; | |
-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; | |
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} | |
.data.thumbs .thumbnail h3, .data-fluid.thumbs .thumbnail h3{line-height: 30px; font-size: 20px; font-weight: normal;} | |
.data.thumbs .thumbnail > a, .data-fluid.thumbs .thumbnail > a{width: 210px; display: block; text-align: center;} | |
/* ~GALLERY~ */ | |
/* pluploader */ | |
.plupload .plupload_header{display: none;} | |
.plupload_container{padding: 0px;} | |
.plupload_filelist_header, .plupload_filelist_footer{background-color: #F5F5F5;} | |
.plupload_scroll .plupload_filelist{background-color: #FFF;} | |
/* eof pluloader */ | |
.new{ | |
border-collapse:collapse; | |
border-left:2px solid #54a1e5; | |
} | |
.new a.subject{ | |
color:#933; | |
font-weight:bold; | |
} | |
/* please use this file for your own styles | |
* it's need for easiest update of newest wersions | |
*/ | |
/* bloco dos usuários */ | |
.userdiv { width: 100%; float:left; margin-bottom:20px; } | |
.userdiv .userdiv-title { margin: 0 2.3em; line-height: 1.8em; color: #C9C9C9; text-align: center; margin: 0px; padding: 0px; font-family: 'Segoe UI',Arial,sans-serif; font-size: 16px; font-weight: normal; line-height: 20px;} | |
.userdiv .userdiv-title a.userbox { text-decoration:none; color:#C9C9C9;} | |
.userdiv .userdiv-title a.userbox:hover { text-decoration:none; color:#666;} | |
.userdiv .userdiv-avatar { text-align: center; padding: 10px; } | |
.userdiv .userdiv-class { margin: 0 2.3em; line-height: 1.8em; color: #C9C9C9; text-align: center; margin: 0px; padding: 0px; font-family: 'Segoe UI',Arial,sans-serif; font-size: 12px; font-weight: normal; line-height: 20px; border-bottom: 1px solid #D53F26; padding-bottom: 5px; margin-bottom: 5px;} | |
.userdiv .userdiv-table { width:100%; border-spacing: 0px 2px; border-collapse: separate;} | |
.userdiv .userdiv-table .userdiv-row { margin-bottom: 2px;} | |
.userdiv .userdiv-table .userdiv-row .userdiv-td { width:50%; margin: 0 2.3em; line-height: 1.8em; color: #C9C9C9; text-align: center; margin: 0px; padding: 0px; font-family: 'Segoe UI',Arial,sans-serif; font-size: 12px; font-weight: normal; line-height: 30px; background-color: #222; margin-bottom: 2px;} | |
.userdiv .userdiv-table .userdiv-row .userdiv-td a { color: #C22439; text-decoration: none; } | |
.userdiv .userdiv-table .userdiv-row .userdiv-td a:hover { color: #971C2C; text-decoration: underline; } | |
.userdiv .userdiv-table .userdiv-row .userdiv-td a.bank { color: #C9C9C9; } | |
.userdiv .userdiv-table .userdiv-row .userdiv-td a.bank:hover { color: #888; } | |
.body .content .f-sig img { max-width:500px; max-height:150px; } | |
a.bank2 { color: #000; } | |
a.bank2:hover { color: #555; } | |
/* noticias no index */ | |
.news-div { display: block; background-color: #EEE; padding: 5px; } | |
.news-ul { padding: 0px; margin: 0px 25px 10px 25px; } | |
/* tabela torrents */ | |
.body .content .tablet{border: 0px; padding: 0px; margin: 0px; border-collapse: separate; border-spacing: 0px 1px;} | |
.body .content .tablet th{line-height: 30px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 11px; color: #666; text-align: center;} | |
.body .content .tablet td{line-height: 23px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top; | |
font-size: 12px; color: #333; border-top:0px;} | |
.body .content .tablet tbody tr:nth-child(2n) td{background: #F2F2F2;} | |
.body .content .tablet .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;} | |
.body .content .tablet .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} | |
.body .content .tablet .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;} | |
.body .content .tablet.lcnp tr td:last-child, | |
.body .content .tablet.lcnp tr th:last-child{padding: 0px;} | |
.body .content .tablet td span.mark{color: #999; font-size: 11px; display: block;} | |
.body .content .tablet td.bl_blue{border-left: 3px solid #009AD7;} | |
.body .content .tablet td.bl_green{border-left: 3px solid #68AF27;} | |
.body .content .tablet td.bl_red{border-left: 3px solid #C22439;} | |
.body .content .tablet.tickets td{padding: 5px 10px;} | |
.body .content .tablet.tickets tr td:first-child{padding-top: 7px;} | |
.body .content .tablet.table-hover tbody tr:hover td, .body .content .tablet.tablet tbody tr.active td{background: #ffffcb;} | |
.tablet.images td.info > *{display: block; width: auto; clear: both;} | |
.tablet.images td.info > span{font-size: 11px; color: #999;} | |
/* tabela fansubs */ | |
.body .content .tablef{border: 0px; padding: 0px; margin: 0px; border-collapse: separate; border-spacing: 0px 1px;} | |
.body .content .tablef th{line-height: 30px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 14px; color: #666; text-align: center;} | |
.body .content .tablef td{line-height: 23px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top; | |
font-size: 12px; color: #333; border-top:0px;} | |
.body .content .tablef tbody tr:nth-child(2n) td{background: #F2F2F2;} | |
.body .content .tablef .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;} | |
.body .content .tablef .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} | |
.body .content .tablef .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;} | |
.body .content .tablef.lcnp tr td:last-child, | |
.body .content .tablef.lcnp tr th:last-child{padding: 0px;} | |
.body .content .tablef td span.mark{color: #999; font-size: 11px; display: block;} | |
.body .content .tablef td.bl_blue{border-left: 3px solid #009AD7;} | |
.body .content .tablef td.bl_green{border-left: 3px solid #68AF27;} | |
.body .content .tablef td.bl_red{border-left: 3px solid #C22439;} | |
.body .content .tablef.tickets td{padding: 5px 10px;} | |
.body .content .tablef.tickets tr td:first-child{padding-top: 7px;} | |
.body .content .tablef.table-hover tbody tr:hover td, .body .content .tablef.tablef tbody tr.active td{background: #ffffcb;} | |
.tablef.images td.info > *{display: block; width: auto; clear: both;} | |
.tablef.images td.info > span{font-size: 11px; color: #999;} | |
/* tabela forum */ | |
.body .content .tableforum{border: 0px; padding: 0px; margin: 0px; border-collapse: separate; border-spacing: 0px 1px;} | |
.body .content .tableforum th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;} | |
.body .content .tableforum td{line-height: 10px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: middle; | |
font-size: 12px; color: #333; border-top:0px;} | |
.body .content .tableforum tbody tr:nth-child(2n) td{background: #F2F2F2;} | |
.body .content .tableforum .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;} | |
.body .content .tableforum .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} | |
.body .content .tableforum .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;} | |
.body .content .tableforum.lcnp tr td:last-child, | |
.body .content .tableforum.lcnp tr th:last-child{padding: 0px;} | |
.body .content .tableforum td span.mark{color: #999; font-size: 11px; display: block;} | |
.body .content .tableforum td.bl_blue{border-left: 3px solid #009AD7;} | |
.body .content .tableforum td.bl_green{border-left: 3px solid #68AF27;} | |
.body .content .tableforum td.bl_red{border-left: 3px solid #C22439;} | |
.body .content .tableforum.tickets td{padding: 5px 10px;} | |
.body .content .tableforum.tickets tr td:first-child{padding-top: 7px;} | |
.body .content .tableforum.table-hover tbody tr:hover td, .body .content .tableforum.tableforum tbody tr.active td{background: #ffffcb;} | |
.tableforum.images td.info > *{display: block; width: auto; clear: both;} | |
.tableforum.images td.info > span{font-size: 11px; color: #999;} | |
/* tabela rank forum */ | |
.body .content .tableforumrank{border: 0px; padding: 0px; border-collapse: separate; border-spacing: 0px 1px; } | |
.body .content .tableforumrank th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;} | |
.body .content .tableforumrank td{line-height: 10px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top; | |
font-size: 12px; color: #333; border-top:0px;} | |
.body .content .tableforumrank tbody tr:nth-child(2n) td{background: #F2F2F2;} | |
.body .content .tableforumrank .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;} | |
.body .content .tableforumrank .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} | |
.body .content .tableforumrank .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;} | |
.body .content .tableforumrank.lcnp tr td:last-child, | |
.body .content .tableforumrank.lcnp tr th:last-child{padding: 0px;} | |
.body .content .tableforumrank td span.mark{color: #999; font-size: 11px; display: block;} | |
.body .content .tableforumrank td.bl_blue{border-left: 3px solid #009AD7;} | |
.body .content .tableforumrank td.bl_green{border-left: 3px solid #68AF27;} | |
.body .content .tableforumrank td.bl_red{border-left: 3px solid #C22439;} | |
.body .content .tableforumrank.tickets td{padding: 5px 10px;} | |
.body .content .tableforumrank.tickets tr td:first-child{padding-top: 7px;} | |
.body .content .tableforumrank.table-hover tbody tr:hover td, .body .content .tableforumrank.tableforumrank tbody tr.active td{background: #ffffcb;} | |
.tableforumrank.images td.info > *{display: block; width: auto; clear: both;} | |
.tableforumrank.images td.info > span{font-size: 11px; color: #999;} | |
/* tabela forum posts */ | |
.body .content .tableposts{border: 0px; padding: 0px; margin: 0px; border-collapse: separate; border-spacing: 0px 1px;} | |
.body .content .tableposts th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;} | |
.body .content .tableposts td{line-height: 15px; background: #F9F9F9; padding: 6px 10px 6px; vertical-align: middle; | |
font-size: 12px; color: #333; border-top:0px; min-height: 800px;} | |
.body .content .tableposts tbody tr:nth-child(2n) td{background: #F2F2F2;} | |
.body .content .tableposts .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;} | |
.body .content .tableposts .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} | |
.body .content .tableposts .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;} | |
.body .content .tableposts.lcnp tr td:last-child, | |
.body .content .tableposts.lcnp tr th:last-child{padding: 0px;} | |
.body .content .tableposts td span.mark{color: #999; font-size: 11px; display: block;} | |
.body .content .tableposts td.bl_blue{border-left: 3px solid #009AD7;} | |
.body .content .tableposts td.bl_green{border-left: 3px solid #68AF27;} | |
.body .content .tableposts td.bl_red{border-left: 3px solid #C22439;} | |
.body .content .tableposts.tickets td{padding: 5px 10px;} | |
.body .content .tableposts.tickets tr td:first-child{padding-top: 7px;} | |
.body .content .tableposts.table-hover tbody tr:hover td, .body .content .tableposts.tableposts tbody tr.active td{background: #ffffcb;} | |
.tableposts.images td.info > *{display: block; width: auto; clear: both;} | |
.tableposts.images td.info > span{font-size: 11px; color: #999;} | |
.post_avatar {max-width: 150px;} | |
.avatar_perfil {max-width: 250px; max-height: 400px;} | |
.avatar_fansub {max-width: 250px; max-height: 250px;} | |
/* tabela lista membros */ | |
.body .content .tablemembers{border: 0px; padding: 0px; margin: 0px; border-collapse: separate; border-spacing: 0px 1px;} | |
.body .content .tablemembers th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;} | |
.body .content .tablemembers td{line-height: 10px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top; | |
font-size: 12px; color: #333; border-top:0px;} | |
.body .content .tablemembers tbody tr:nth-child(2n) td{background: #F2F2F2;} | |
.body .content .tablemembers .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;} | |
.body .content .tablemembers .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} | |
.body .content .tablemembers .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;} | |
.body .content .tablemembers.lcnp tr td:last-child, | |
.body .content .tablemembers.lcnp tr th:last-child{padding: 0px;} | |
.body .content .tablemembers td span.mark{color: #999; font-size: 11px; display: block;} | |
.body .content .tablemembers td.bl_blue{border-left: 3px solid #009AD7;} | |
.body .content .tablemembers td.bl_green{border-left: 3px solid #68AF27;} | |
.body .content .tablemembers td.bl_red{border-left: 3px solid #C22439;} | |
/* tabela form de postagem */ | |
.body .content .tableresposta{border: 0px; padding: 0px; border-collapse: separate; border-spacing: 0px 1px;} | |
.body .content .tableresposta th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;} | |
.body .content .tableresposta td{line-height: 10px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top; | |
font-size: 12px; color: #333; border-top:0px;} | |
.body .content .tableresposta tbody tr:nth-child(2n) td{background: #F2F2F2;} | |
.body .content .tableresposta .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;} | |
.body .content .tableresposta .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} | |
.body .content .tableresposta .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;} | |
.body .content .tableresposta.lcnp tr td:last-child, | |
.body .content .tableresposta.lcnp tr th:last-child{padding: 0px;} | |
.body .content .tableresposta td span.mark{color: #999; font-size: 11px; display: block;} | |
.body .content .tableresposta td.bl_blue{border-left: 3px solid #009AD7;} | |
.body .content .tableresposta td.bl_green{border-left: 3px solid #68AF27;} | |
.body .content .tableresposta td.bl_red{border-left: 3px solid #C22439;} | |
/* tabela detalhe do torrent */ | |
.body .content .tabletdetail{border: 0px; padding: 0px; border-collapse: separate; border-spacing: 0px 1px;} | |
.body .content .tabletdetail th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;} | |
.body .content .tabletdetail td{line-height: 15px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top; | |
font-size: 12px; color: #333; border-top:0px;} | |
.body .content .tabletdetail tbody tr:nth-child(2n) td{background: #F2F2F2;} | |
.body .content .tabletdetail .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;} | |
.body .content .tabletdetail .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} | |
.body .content .tabletdetail .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;} | |
.body .content .tabletdetail.lcnp tr td:last-child, | |
.body .content .tabletdetail.lcnp tr th:last-child{padding: 0px;} | |
.body .content .tabletdetail td span.mark{color: #999; font-size: 11px; display: block;} | |
.body .content .tabletdetail td.bl_blue{border-left: 3px solid #009AD7;} | |
.body .content .tabletdetail td.bl_green{border-left: 3px solid #68AF27;} | |
.body .content .tabletdetail td.bl_red{border-left: 3px solid #C22439;} | |
/* tabela página dos usuários */ | |
.body .content .tableperfil{border: 0px; padding: 0px; border-collapse: separate; border-spacing: 0px 1px; margin-top: 20px;} | |
.body .content .tableperfil th{line-height: 25px; background: #E9E9E9; padding: 0px 10px; margin: 0px; font-size: 12px; color: #666; text-align: center;} | |
.body .content .tableperfil td{line-height: 20px; background: #F9F9F9; padding: 6px 10px 8px; vertical-align: top; | |
font-size: 12px; color: #333; border-top:0px;} | |
.body .content .tableperfil tbody tr:nth-child(2n) td{background: #F2F2F2;} | |
.body .content .tableperfil .button{width: 38px; height: 38px; display: block; float: left; margin-left: 1px;text-decoration: none;} | |
.body .content .tableperfil .button .icon{border: 1px solid #FFF; height: 22px; width: 22px; margin: 7px; line-height: 24px; text-align: center; | |
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} | |
.body .content .tableperfil .button .icon [class^="ico-"]{color: #FFF; font-size: 16px; line-height: 24px;} | |
.body .content .tableperfil.lcnp tr td:last-child, | |
.body .content .tableperfil.lcnp tr th:last-child{padding: 0px;} | |
.body .content .tableperfil td span.mark{color: #999; font-size: 11px; display: block;} | |
.body .content .tableperfil td.bl_blue{border-left: 3px solid #009AD7;} | |
.body .content .tableperfil td.bl_green{border-left: 3px solid #68AF27;} | |
.body .content .tableperfil td.bl_red{border-left: 3px solid #C22439;} | |
.cadastro { width: 400px; position: absolute; left: 50%; margin-left: -200px; top: 10%; margin-top: 0px;} | |
/* botão ir pra cima */ | |
.scroll-to-top { position: fixed; background:url(images/scroll-to-top.png) no-repeat; cursor: pointer; width:55px; height: 55px; bottom: 1em; padding-right: 1em; display: none; z-index: 999; margin-left: 15px; margin-bottom: 10px;} | |
html { height: 100%; } | |
body { min-height: 100%; font-family: "Segoe UI", arial, sans-serif; font-size: 12px; position: relative;} | |
/*não deletar*/ | |
.kap_analytics{display:none!important;} /*some com a barra branca */ | |
/*~Smartphones (portrait and landscape)~*/ | |
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { | |
.data, .data-fluid{ overflow: hidden; overflow-x: scroll; } | |
} | |
/*~Smartphones (landscape)~*/ | |
@media only screen and (min-width : 321px) { | |
} | |
/*~Smartphones (portrait)~*/ | |
@media only screen and (max-width : 320px) { | |
} | |
@media only screen and (max-width: 767px){ | |
.body .navigation > li{position: relative;} | |
.body .navigation > li .sub{left: 0px; top: 70px; z-index: 100; padding: 0px;} | |
.body .navigation > li .sub li{float: left; background: #F5F5F5; margin: 0px;} | |
.body .navigation > li .sub li a{padding: 5px 10px; width: 180px; float: left;} | |
.popup.active{position: fixed; left: 50%; margin-left: -150px;} | |
} | |
@media only screen and (max-width: 768px){ | |
body{padding: 0px;} | |
.body .navigation .button{width: 55px; height: 55px; } | |
.body .navigation .arrow{display: none;} | |
.body .navigation .button .icon{width: 55px; height: 44px; margin: 0px; border: 0px;} | |
.body .navigation .button .name{font-size: 10px;} | |
.data, .data-fluid{ overflow: hidden; overflow-x: scroll; } | |
.body .content .widget{margin-bottom: 0px;} | |
.body .content .widget:nth-child(1n){margin-right: 3px;} | |
} | |
@media only screen and (max-width: 1023px) { | |
.body .navigation .button{width: 55px; height: 55px; } | |
.body .navigation .arrow{display: none;} | |
.body .navigation .button .icon{width: 55px; height: 44px; margin: 0px; border: 0px;} | |
.body .navigation .button .name{font-size: 10px;} | |
} | |
/*~iPads (portrait and landscape)~*/ | |
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { | |
.body .navigation .button .icon{padding-top: 4px; height: 41px;} | |
.body .content .widget{margin-bottom: 0px;} | |
.body .content .widget:nth-child(2n){margin-right: 0px;} | |
} | |
@media only screen and (max-width: 1024px) { | |
.wrapper{margin: 0px 10px;} | |
.body{margin-left: 0px; padding-left: 0px; margin-top: 0px; z-index: 10;} | |
.sidebar{left: 0px; top: 10px; width: 100%; z-index: 20; display: none; background: url('../img/wpoint8.png') left top repeat;} | |
.sidebar .close{display: block;} | |
.sidebar .top, .sidebar .widget{display: none;} | |
.sidebar .navigation{float: left; width: 100%;} | |
.sidebar .navigation li{padding: 3px 10px; width: 100%; } | |
.sidebar .navigation > li > a, .sidebar .navigation li ul, | |
.sidebar .navigation li ul li,.sidebar .navigation li ul li a{width: 100%;} | |
.sidebar .navigation li ul{display: none;} | |
.sidebar .navigation li.active ul{display: block; float: left;} | |
.sidebar .navigation li ul li{clear: both;} | |
.body .navigation{height: auto;} | |
.body .navigation .buttons .sbutton.navButton{display: inline-block;} | |
} | |
@media only screen and (max-width: 1279px) { | |
.wrapper.fixed{width: auto; margin: 0px 10px;} | |
} | |
html { font-size: 100%; height: 100%; } | |
.shoutbox_body img { | |
max-width: 130px; | |
max-height: 130px; | |
} | |
.shoutboxform_input { | |
margin-right: 100px; /* O tamanho do .shoutboxform_links */ | |
} | |
.shoutboxform_links { | |
float: right; | |
width: 100px; | |
text-align: center; | |
padding: 6px 0; | |
/* Se quiser os ícones do mesmo tamanho que antes: */ | |
/* font-size: 85%; */ | |
} | |
@-webkit-keyframes spinner-loader { | |
0% { | |
-webkit-transform: rotate(0); | |
transform: rotate(0); | |
} | |
100% { | |
-webkit-transform: rotate(360deg); | |
transform: rotate(360deg); | |
}; | |
} | |
@keyframes spinner-loader { | |
0% { | |
-webkit-transform: rotate(0); | |
transform: rotate(0); | |
} | |
100% { | |
-webkit-transform: rotate(360deg); | |
transform: rotate(360deg); | |
}; | |
} | |
.spinning { | |
-webkit-animation: spinner-loader 1500ms infinite linear; | |
animation: spinner-loader 1500ms infinite linear; | |
} | |
.message-alert { | |
position: absolute; | |
text-align: center; | |
background: #ffeb3b; | |
left: 0; | |
top: 0; | |
right: 0; | |
padding: 1em; | |
} | |
.shoutbox_contain { | |
height: calc(100vh - 40px); | |
} | |
@-webkit-keyframes new-message { | |
0% { | |
background: #ff0; | |
} | |
100% { | |
background: #f4f4f4!important; | |
}; | |
} | |
@keyframes new-message { | |
0% { | |
background: #ff0; | |
} | |
100% { | |
background: #f4f4f4!important; | |
}; | |
} | |
.highlight { | |
-webkit-animation: new-message 3s ease-in 1; | |
animation: new-message 3s ease-in 1; | |
} | |
.history-link-row { | |
text-align: center; | |
background: #f4f4f4; | |
} | |
.history-link-row td { | |
padding: 1em; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<!-- I tried to replicate almost exactly the code generated by the PHP script using Handlebars --> | |
<html> | |
<head> | |
<title>Shoutbox</title> | |
<link href="stylesheets.css" rel="stylesheet" type="text/css" /> | |
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script> | |
<script type="text/javascript" src="java_klappe.js"></script> | |
<script type="text/javascript"> | |
function confirm_del(node) { | |
return confirm("Tem certeza que quer deletar esta mensagem?"); | |
} | |
</script> | |
</head> | |
<body class="shoutbox_body"> | |
<div class="shoutbox_contain"><table border="0" style="width: 99.99%; table-layout:fixed"> | |
{{#messages}} | |
<tr data-id="{{id}}" style="background-color:#f4f4f4;"> | |
<td rowspan="2" width="40px"> | |
{{#if author/isCurrentUser}}<a href="#">{{else}} | |
<a href="javascript:SmileIT('[b][i]=> {{author/name}} -[/i][/b] ', 'shoutboxform', 'message')">{{/if}} | |
<div style=" width: 35px; | |
height: 35px; | |
border-radius: 35px; | |
-webkit-border-radius: 35px; | |
-moz-border-radius: 35px; | |
background: url({{author/avatar}}) no-repeat; | |
background-size: 35px 35px;"></div></a> | |
</td> | |
<td style="font-size: 12px;"><a href="#" target="_parent"><b>{{author/name}}:</b> | |
{{#if author/isCurrentUser}}<a onclick='return confirm_del(this);' href='shoutbox.php?del={{id}}' style='font-size: 8px'>apagar mensagem</a>{{/if}} | |
</td> | |
<td style="font-size: 12px;" rowspan="2" width="75px"> | |
[{{timestamp}}]</td> | |
</tr> | |
<tr data-id="{{id}}" style="background-color:#f4f4f4; border-bottom:solid #fff; border-bottom-width:1px;"> | |
<td style="font-size: 12px;">{{{text}}}</td> | |
</tr>{{/messages}} | |
</table> | |
</div> | |
<form name='shoutboxform' action='shoutbox.php' method='post'><center><table width='100%' border='0' cellpadding='1' cellspacing='1'><tr class='shoutbox_messageboxback'><td style='width: 5%;'></td><td width='80%' align='center'><br> | |
<div class="input-append"> | |
<input class="shoutbox_msgbox" placeholder="--CAMPO DE CHAT--" type="text" name="message" > | |
<button class="btn" type="submit" name="submit">Enviar</button> | |
</div></td><td></td><td style='text-align:right;'> <a href="javascript:PopMoreSmiles('shoutboxform', 'message');"><small><i title="Emoticons" class="icon-heart"></i></small></a> <small><i title="Atualizar" class="icon-refresh"></i></small> <a href='#' target='_blank'><small><i title="Histórico" class="icon-book"></i></small></a></td></tr></table></center></form><script type='text/javascript' src='https://rawgit.com/qgustavor/fc66dc1aa54c2c3a9970/raw/shoutbox.js'></script></body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment