├── secret ├── file1.zip └── file2.zip ├── bootstrap ├── google-code-prettify │ ├── prettify.css │ └── prettify.js └── css │ ├── bootstrap-responsive.css │ ├── docs.css │ └── bootstrap.css ├── license.txt ├── variables.php ├── download.php ├── README.md ├── generate.php └── index.php /secret/file1.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshpangell/single-use/HEAD/secret/file1.zip -------------------------------------------------------------------------------- /secret/file2.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshpangell/single-use/HEAD/secret/file2.zip -------------------------------------------------------------------------------- /bootstrap/google-code-prettify/prettify.css: -------------------------------------------------------------------------------- 1 | .com { color: #93a1a1; } 2 | .lit { color: #195f91; } 3 | .pun, .opn, .clo { color: #93a1a1; } 4 | .fun { color: #dc322f; } 5 | .str, .atv { color: #D14; } 6 | .kwd, .linenums .tag { color: #1e347b; } 7 | .typ, .atn, .dec, .var { color: teal; } 8 | .pln { color: #48484c; } 9 | 10 | .prettyprint { 11 | padding: 8px; 12 | background-color: #f7f7f9; 13 | border: 1px solid #e1e1e8; 14 | } 15 | .prettyprint.linenums { 16 | -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 17 | -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 18 | box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 19 | } 20 | 21 | /* Specify class=linenums on a pre to get line numbering */ 22 | ol.linenums { 23 | margin: 0 0 0 33px; /* IE indents via margin-left */ 24 | } 25 | ol.linenums li { 26 | padding-left: 12px; 27 | color: #bebec5; 28 | line-height: 18px; 29 | text-shadow: 0 1px 0 #fff; 30 | } -------------------------------------------------------------------------------- /license.txt: -------------------------------------------------------------------------------- 1 | /*! 2 | // The MIT License 3 | // 4 | // Copyright © 2018 - Josh Pangell / https://joshpangell.com 5 | // 6 | // Permission is hereby granted, free of charge, to any person obtaining a copy 7 | // of this software and associated documentation files (the "Software"), to deal 8 | // in the Software without restriction, including without limitation the rights 9 | // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 10 | // copies of the Software, and to permit persons to whom the Software is 11 | // furnished to do so, subject to the following conditions: 12 | // 13 | // The above copyright notice and this permission notice shall be included in 14 | // all copies or substantial portions of the Software. 15 | // 16 | // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 17 | // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 18 | // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 19 | // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 20 | // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 21 | // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 22 | // THE SOFTWARE. 23 | */ 24 | -------------------------------------------------------------------------------- /variables.php: -------------------------------------------------------------------------------- 1 | 'application/zip', 20 | 'suggested_name' => 'computing.zip', 21 | 'protected_path' => 'secret/file1.zip' // local file 22 | ), 23 | array( 24 | 'content_type' => 'application/zip', 25 | 'suggested_name' => 'star.zip', 26 | 'protected_path' => 'secret/file2.zip' // local file 27 | ), 28 | array( 29 | 'content_type' => 'audio/mpeg', 30 | 'suggested_name' => 'music.mp3', 31 | 'remote_path' => 'https://www.dropbox.com/XXXXXXX/music.mp3?dl=1', // remove file 32 | 'file_size' => '7.1MB', // File size is manually set, getting a remote file size is impossible 33 | ), 34 | ); 35 | 36 | // The path to the download.php file (probably same dir as this file) 37 | define('DOWNLOAD_PATH','/singleuse/download.php'); 38 | 39 | // The admin password to generate a new download link 40 | define('ADMIN_PASSWORD','1234'); 41 | 42 | // The expiration date of the link (examples: +1 year, +5 days, +13 hours) 43 | define('EXPIRATION_DATE', '+1 month'); 44 | 45 | // Don't worry about this 46 | header("Cache-Control: no-cache, must-revalidate"); 47 | header("Expires: ".date('U', strtotime(EXPIRATION_DATE))); 48 | ?> -------------------------------------------------------------------------------- /download.php: -------------------------------------------------------------------------------- 1 | 86 | 87 | 88 | 89 | Download expired 90 | 91 | 92 |

Download expired

93 | 94 | 95 | 96 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Single use download script 2 | 3 | ## Demo 4 | [http://cloud.joshpangell.com/singleuse](http://cloud.joshpangell.com/singleuse) 5 | 6 | ## Brief 7 | 8 | This script was written to be a very easy way for non-programmers to be able to create a secure way to share a single file. It is ideal for bands looking to give a single song to a single person, and invalidating the link once the song has been downloaded. However, it will work for any type of file. 9 | 10 | ## Description 11 | 12 | This script allows you to generate a unique link to download a file. This file will only be allowed to download one time. This link will also have also have an expiration date set on it. 13 | 14 | For instance, if you wanted to sell a song for your band. You sold the song on your website for $1, you could use this script to allow that person to download your song only one time. It would only give them a limited number of hours/days/weeks/years to claim their download. 15 | 16 | You can also mask the name of the file being downloaded, for further protection. For example, if your song was called "greatsong.zip", you could set the download link as "Band_Awesome-Awesome_Song.zip" (it is not a good idea to leave spaces in URL titles) 17 | 18 | ## Update 19 | 20 | On Feb 28, 2018 a feature was added to allow remote files to be downloaded, in addition to local files 21 | 22 | On July 11, 2016 a multi-file feature branch was merged with the single file. It is now possible to download multiple files at once. 23 | 24 | ## Usage 25 | 26 | All files must be uploaded to a directory on your server. 27 | This directory's permissions MUST be `chmod 755` 28 | (Also known as) 29 | `User: read/write/execute` 30 | `Group: read/execute` 31 | `World: read/execute` 32 | 33 | The directory called `secret` must also have the same permissions set as the parent directory. 34 | 35 | You will need to modify the `variables.php` file and set your file specific info. 36 | 37 | // Arrays of content type, suggested names and protected names 38 | $PROTECTED_DOWNLOADS = array( 39 | array( 40 | 'content_type' => 'application/zip', 41 | 'suggested_name' => 'computing.zip', 42 | 'protected_path' => 'secret/file1.zip' 43 | ), 44 | array( 45 | 'content_type' => 'application/zip', 46 | 'suggested_name' => 'star.zip', 47 | 'protected_path' => 'secret/file2.zip' 48 | ) 49 | ); 50 | 51 | // The path to the download.php file (probably same dir as this file) 52 | define('DOWNLOAD_PATH','/singleuse/download.php'); 53 | 54 | // The admin password to generate a new download link 55 | define('ADMIN_PASSWORD','1234'); 56 | 57 | // The expiration date of the link (examples: +1 year, +5 days, +13 hours) 58 | define('EXPIRATION_DATE', '+1 month'); 59 | 60 | Once this is in place, you are ready to generate a new download key. To do this, you will need to use the password you set in the variables file. In the example above, that is `1234` 61 | 62 | Navigate to `example.com/singleuse/generate.php?1234` (Notice the `?1234` a the end — that is your password) 63 | 64 | Copy the link that is generated and send it off. Voila! Done. -------------------------------------------------------------------------------- /generate.php: -------------------------------------------------------------------------------- 1 | $download) { 30 | // Create a new key 31 | $new = uniqid('key',TRUE); 32 | 33 | // get download link and file size 34 | $download_link = "http://" . $_SERVER['HTTP_HOST'] . DOWNLOAD_PATH . "?key=" . $new . "&i=" . $key; 35 | $filesize = (isset($download['file_size'])) ? $download['file_size'] : human_filesize(filesize($download['protected_path']), 2); 36 | 37 | // Add to the download list 38 | $download_list[] = array( 39 | 'download_link' => $download_link, 40 | 'filesize' => $filesize 41 | ); 42 | 43 | /* 44 | * Create a protected directory to store keys in 45 | */ 46 | if(!is_dir('keys')) { 47 | mkdir('keys'); 48 | $file = fopen('keys/.htaccess','w'); 49 | fwrite($file,"Order allow,deny\nDeny from all"); 50 | fclose($file); 51 | } 52 | 53 | /* 54 | * Write the key key to the keys list 55 | */ 56 | $file = fopen('keys/keys','a'); 57 | fwrite($file,"{$new}\n"); 58 | fclose($file); 59 | } 60 | } 61 | 62 | ?> 63 | 64 | 65 | 66 | Download created 67 | 68 | 69 | 70 | 71 | 76 | 77 | 78 |
79 |

Download key created

80 |
Your new single-use download links:

81 | 82 |

83 |
84 | Size: 85 |

86 | 87 | 88 |

89 | Back to the demo 90 |
91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Single use download link 6 | 7 | 8 | 9 | 12 | 13 | 14 | 15 | 16 | 31 | 32 | 33 | 34 | 35 | 36 | 41 | 42 | 43 | 44 | 45 |
46 | 47 |
48 |

Single use download

49 |
50 |

Brief


51 |

This script was written to be a very easy way for non-programmers to be able to create a secure way to share a single file. It is ideal for 52 | bands looking to give a single song to a single person, and invalidating the link once the song has been downloaded. However, 53 | it will work for any type of file.

54 |
55 |

Description


56 |

This script allows you to generate a unique link to download a file. This file will only be allowed to be downloaded one time. 57 | This link will also have also have an expiration date set on it.

58 |
59 |

For instance, if you wanted to sell a song for your band. You sold the song on your website for $1, you could use this script 60 | to allow that person to download your song only one time. It would only give them a limited number of hours/days/weeks/years 61 | to claim their download.

62 |
63 |

You can also mask the name of the file being downloaded, for further protection. For example, if your song was called 64 | "greatsong.zip", you could set the download link as "Band_Awesome-Awesome_Song.zip" (it is not a good idea to leave spaces in URL titles)

65 |

Update


66 |

On July 11, 2016 a multi-file feature branch was merged with the single file. It is now possible to download multiple files at once.

67 |
68 |

Example


69 |

Generate a download link

70 |
71 |

Git the code


72 |

Github repository

73 |
74 |
75 |
76 | 77 | 85 | 86 | 87 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /bootstrap/google-code-prettify/prettify.js: -------------------------------------------------------------------------------- 1 | var q=null;window.PR_SHOULD_USE_CONTINUATION=!0; 2 | (function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a= 3 | [],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;ci[0]&&(i[1]+1>i[0]&&b.push("-"),b.push(e(i[1])));b.push("]");return b.join("")}function y(a){for(var f=a.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),b=f.length,d=[],c=0,i=0;c=2&&a==="["?f[c]=h(j):a!=="\\"&&(f[c]=j.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return f.join("")}for(var t=0,s=!1,l=!1,p=0,d=a.length;p=5&&"lang-"===b.substring(0,5))&&!(o&&typeof o[1]==="string"))c=!1,b="src";c||(r[f]=b)}i=d;d+=f.length;if(c){c=o[1];var j=f.indexOf(c),k=j+c.length;o[2]&&(k=f.length-o[2].length,j=k-c.length);b=b.substring(5);B(l+i,f.substring(0,j),e,p);B(l+i+j,c,C(b,c),p);B(l+i+k,f.substring(k),e,p)}else p.push(l+i,b)}a.e=p}var h={},y;(function(){for(var e=a.concat(m), 9 | l=[],p={},d=0,g=e.length;d=0;)h[n.charAt(k)]=r;r=r[1];n=""+r;p.hasOwnProperty(n)||(l.push(r),p[n]=q)}l.push(/[\S\s]/);y=L(l)})();var t=m.length;return e}function u(a){var m=[],e=[];a.tripleQuotedStrings?m.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?m.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/, 10 | q,"'\"`"]):m.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&e.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var h=a.hashComments;h&&(a.cStyleComments?(h>1?m.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):m.push(["com",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),e.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,q])):m.push(["com",/^#[^\n\r]*/, 11 | q,"#"]));a.cStyleComments&&(e.push(["com",/^\/\/[^\n\r]*/,q]),e.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));a.regexLiterals&&e.push(["lang-regex",/^(?:^^\.?|[!+-]|!=|!==|#|%|%=|&|&&|&&=|&=|\(|\*|\*=|\+=|,|-=|->|\/|\/=|:|::|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|[?@[^]|\^=|\^\^|\^\^=|{|\||\|=|\|\||\|\|=|~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\s*(\/(?=[^*/])(?:[^/[\\]|\\[\S\s]|\[(?:[^\\\]]|\\[\S\s])*(?:]|$))+\/)/]);(h=a.types)&&e.push(["typ",h]);a=(""+a.keywords).replace(/^ | $/g, 12 | "");a.length&&e.push(["kwd",RegExp("^(?:"+a.replace(/[\s,]+/g,"|")+")\\b"),q]);m.push(["pln",/^\s+/,q," \r\n\t\xa0"]);e.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,q],["pun",/^.[^\s\w"-$'./@\\`]*/,q]);return x(m,e)}function D(a,m){function e(a){switch(a.nodeType){case 1:if(k.test(a.className))break;if("BR"===a.nodeName)h(a), 13 | a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)e(a);break;case 3:case 4:if(p){var b=a.nodeValue,d=b.match(t);if(d){var c=b.substring(0,d.index);a.nodeValue=c;(b=b.substring(d.index+d[0].length))&&a.parentNode.insertBefore(s.createTextNode(b),a.nextSibling);h(a);c||a.parentNode.removeChild(a)}}}}function h(a){function b(a,d){var e=d?a.cloneNode(!1):a,f=a.parentNode;if(f){var f=b(f,1),g=a.nextSibling;f.appendChild(e);for(var h=g;h;h=g)g=h.nextSibling,f.appendChild(h)}return e} 14 | for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),e;(e=a.parentNode)&&e.nodeType===1;)a=e;d.push(a)}var k=/(?:^|\s)nocode(?:\s|$)/,t=/\r\n?|\n/,s=a.ownerDocument,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=s.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);for(l=s.createElement("LI");a.firstChild;)l.appendChild(a.firstChild);for(var d=[l],g=0;g=0;){var h=m[e];A.hasOwnProperty(h)?window.console&&console.warn("cannot override language handler %s",h):A[h]=a}}function C(a,m){if(!a||!A.hasOwnProperty(a))a=/^\s*=o&&(h+=2);e>=c&&(a+=2)}}catch(w){"console"in window&&console.log(w&&w.stack?w.stack:w)}}var v=["break,continue,do,else,for,if,return,while"],w=[[v,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"], 18 | "catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],F=[w,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],G=[w,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"], 19 | H=[G,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"],w=[w,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],I=[v,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"], 20 | J=[v,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],v=[v,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],K=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/,N=/\S/,O=u({keywords:[F,H,w,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END"+ 21 | I,J,v],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),A={};k(O,["default-code"]);k(x([],[["pln",/^[^]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",/^]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]), 22 | ["default-markup","htm","html","mxml","xhtml","xml","xsl"]);k(x([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/],["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css", 23 | /^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);k(x([],[["atv",/^[\S\s]+/]]),["uq.val"]);k(u({keywords:F,hashComments:!0,cStyleComments:!0,types:K}),["c","cc","cpp","cxx","cyc","m"]);k(u({keywords:"null,true,false"}),["json"]);k(u({keywords:H,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:K}),["cs"]);k(u({keywords:G,cStyleComments:!0}),["java"]);k(u({keywords:v,hashComments:!0,multiLineStrings:!0}),["bsh","csh","sh"]);k(u({keywords:I,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}), 24 | ["cv","py"]);k(u({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["perl","pl","pm"]);k(u({keywords:J,hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb"]);k(u({keywords:w,cStyleComments:!0,regexLiterals:!0}),["js"]);k(u({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes", 25 | hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);k(x([],[["str",/^[\S\s]+/]]),["regex"]);window.prettyPrintOne=function(a,m,e){var h=document.createElement("PRE");h.innerHTML=a;e&&D(h,e);E({g:m,i:e,h:h});return h.innerHTML};window.prettyPrint=function(a){function m(){for(var e=window.PR_SHOULD_USE_CONTINUATION?l.now()+250:Infinity;p=0){var k=k.match(g),f,b;if(b= 26 | !k){b=n;for(var o=void 0,c=b.firstChild;c;c=c.nextSibling)var i=c.nodeType,o=i===1?o?b:c:i===3?N.test(c.nodeValue)?b:o:o;b=(f=o===b?void 0:o)&&"CODE"===f.tagName}b&&(k=f.className.match(g));k&&(k=k[1]);b=!1;for(o=n.parentNode;o;o=o.parentNode)if((o.tagName==="pre"||o.tagName==="code"||o.tagName==="xmp")&&o.className&&o.className.indexOf("prettyprint")>=0){b=!0;break}b||((b=(b=n.className.match(/\blinenums\b(?::(\d+))?/))?b[1]&&b[1].length?+b[1]:!0:!1)&&D(n,b),d={g:k,h:n,i:b},E(d))}}p label { 53 | float: none; 54 | width: auto; 55 | padding-top: 0; 56 | text-align: left; 57 | } 58 | .form-horizontal .controls { 59 | margin-left: 0; 60 | } 61 | .form-horizontal .control-list { 62 | padding-top: 0; 63 | } 64 | .form-horizontal .form-actions { 65 | padding-left: 10px; 66 | padding-right: 10px; 67 | } 68 | .modal { 69 | position: absolute; 70 | top: 10px; 71 | left: 10px; 72 | right: 10px; 73 | width: auto; 74 | margin: 0; 75 | } 76 | .modal.fade.in { 77 | top: auto; 78 | } 79 | .modal-header .close { 80 | padding: 10px; 81 | margin: -10px; 82 | } 83 | .carousel-caption { 84 | position: static; 85 | } 86 | } 87 | @media (max-width: 768px) { 88 | .container { 89 | width: auto; 90 | padding: 0 20px; 91 | } 92 | .row-fluid { 93 | width: 100%; 94 | } 95 | .row { 96 | margin-left: 0; 97 | } 98 | .row > [class*="span"], .row-fluid > [class*="span"] { 99 | float: none; 100 | display: block; 101 | width: auto; 102 | margin: 0; 103 | } 104 | } 105 | @media (min-width: 768px) and (max-width: 980px) { 106 | .row { 107 | margin-left: -20px; 108 | *zoom: 1; 109 | } 110 | .row:before, .row:after { 111 | display: table; 112 | content: ""; 113 | } 114 | .row:after { 115 | clear: both; 116 | } 117 | [class*="span"] { 118 | float: left; 119 | margin-left: 20px; 120 | } 121 | .span1 { 122 | width: 42px; 123 | } 124 | .span2 { 125 | width: 104px; 126 | } 127 | .span3 { 128 | width: 166px; 129 | } 130 | .span4 { 131 | width: 228px; 132 | } 133 | .span5 { 134 | width: 290px; 135 | } 136 | .span6 { 137 | width: 352px; 138 | } 139 | .span7 { 140 | width: 414px; 141 | } 142 | .span8 { 143 | width: 476px; 144 | } 145 | .span9 { 146 | width: 538px; 147 | } 148 | .span10 { 149 | width: 600px; 150 | } 151 | .span11 { 152 | width: 662px; 153 | } 154 | .span12, .container { 155 | width: 724px; 156 | } 157 | .offset1 { 158 | margin-left: 82px; 159 | } 160 | .offset2 { 161 | margin-left: 144px; 162 | } 163 | .offset3 { 164 | margin-left: 206px; 165 | } 166 | .offset4 { 167 | margin-left: 268px; 168 | } 169 | .offset5 { 170 | margin-left: 330px; 171 | } 172 | .offset6 { 173 | margin-left: 392px; 174 | } 175 | .offset7 { 176 | margin-left: 454px; 177 | } 178 | .offset8 { 179 | margin-left: 516px; 180 | } 181 | .offset9 { 182 | margin-left: 578px; 183 | } 184 | .offset10 { 185 | margin-left: 640px; 186 | } 187 | .offset11 { 188 | margin-left: 702px; 189 | } 190 | .row-fluid { 191 | width: 100%; 192 | *zoom: 1; 193 | } 194 | .row-fluid:before, .row-fluid:after { 195 | display: table; 196 | content: ""; 197 | } 198 | .row-fluid:after { 199 | clear: both; 200 | } 201 | .row-fluid > [class*="span"] { 202 | float: left; 203 | margin-left: 2.762430939%; 204 | } 205 | .row-fluid > [class*="span"]:first-child { 206 | margin-left: 0; 207 | } 208 | .row-fluid .span1 { 209 | width: 5.801104972%; 210 | } 211 | .row-fluid .span2 { 212 | width: 14.364640883%; 213 | } 214 | .row-fluid .span3 { 215 | width: 22.928176794%; 216 | } 217 | .row-fluid .span4 { 218 | width: 31.491712705%; 219 | } 220 | .row-fluid .span5 { 221 | width: 40.055248616%; 222 | } 223 | .row-fluid .span6 { 224 | width: 48.618784527%; 225 | } 226 | .row-fluid .span7 { 227 | width: 57.182320438000005%; 228 | } 229 | .row-fluid .span8 { 230 | width: 65.74585634900001%; 231 | } 232 | .row-fluid .span9 { 233 | width: 74.30939226%; 234 | } 235 | .row-fluid .span10 { 236 | width: 82.87292817100001%; 237 | } 238 | .row-fluid .span11 { 239 | width: 91.436464082%; 240 | } 241 | .row-fluid .span12 { 242 | width: 99.999999993%; 243 | } 244 | input.span1, textarea.span1, .uneditable-input.span1 { 245 | width: 32px; 246 | } 247 | input.span2, textarea.span2, .uneditable-input.span2 { 248 | width: 94px; 249 | } 250 | input.span3, textarea.span3, .uneditable-input.span3 { 251 | width: 156px; 252 | } 253 | input.span4, textarea.span4, .uneditable-input.span4 { 254 | width: 218px; 255 | } 256 | input.span5, textarea.span5, .uneditable-input.span5 { 257 | width: 280px; 258 | } 259 | input.span6, textarea.span6, .uneditable-input.span6 { 260 | width: 342px; 261 | } 262 | input.span7, textarea.span7, .uneditable-input.span7 { 263 | width: 404px; 264 | } 265 | input.span8, textarea.span8, .uneditable-input.span8 { 266 | width: 466px; 267 | } 268 | input.span9, textarea.span9, .uneditable-input.span9 { 269 | width: 528px; 270 | } 271 | input.span10, textarea.span10, .uneditable-input.span10 { 272 | width: 590px; 273 | } 274 | input.span11, textarea.span11, .uneditable-input.span11 { 275 | width: 652px; 276 | } 277 | input.span12, textarea.span12, .uneditable-input.span12 { 278 | width: 714px; 279 | } 280 | } 281 | @media (max-width: 980px) { 282 | body { 283 | padding-top: 0; 284 | } 285 | .navbar-fixed-top { 286 | position: static; 287 | margin-bottom: 18px; 288 | } 289 | .navbar-fixed-top .navbar-inner { 290 | padding: 5px; 291 | } 292 | .navbar .container { 293 | width: auto; 294 | padding: 0; 295 | } 296 | .navbar .brand { 297 | padding-left: 10px; 298 | padding-right: 10px; 299 | margin: 0 0 0 -5px; 300 | } 301 | .navbar .nav-collapse { 302 | clear: left; 303 | } 304 | .navbar .nav { 305 | float: none; 306 | margin: 0 0 9px; 307 | } 308 | .navbar .nav > li { 309 | float: none; 310 | } 311 | .navbar .nav > li > a { 312 | margin-bottom: 2px; 313 | } 314 | .navbar .nav > .divider-vertical { 315 | display: none; 316 | } 317 | .navbar .nav > li > a, .navbar .dropdown-menu a { 318 | padding: 6px 15px; 319 | font-weight: bold; 320 | color: #999999; 321 | -webkit-border-radius: 3px; 322 | -moz-border-radius: 3px; 323 | border-radius: 3px; 324 | } 325 | .navbar .dropdown-menu li + li a { 326 | margin-bottom: 2px; 327 | } 328 | .navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover { 329 | background-color: #222222; 330 | } 331 | .navbar .dropdown-menu { 332 | position: static; 333 | top: auto; 334 | left: auto; 335 | float: none; 336 | display: block; 337 | max-width: none; 338 | margin: 0 15px; 339 | padding: 0; 340 | background-color: transparent; 341 | border: none; 342 | -webkit-border-radius: 0; 343 | -moz-border-radius: 0; 344 | border-radius: 0; 345 | -webkit-box-shadow: none; 346 | -moz-box-shadow: none; 347 | box-shadow: none; 348 | } 349 | .navbar .dropdown-menu:before, .navbar .dropdown-menu:after { 350 | display: none; 351 | } 352 | .navbar .dropdown-menu .divider { 353 | display: none; 354 | } 355 | .navbar-form, .navbar-search { 356 | float: none; 357 | padding: 9px 15px; 358 | margin: 9px 0; 359 | border-top: 1px solid #222222; 360 | border-bottom: 1px solid #222222; 361 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 362 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 363 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 364 | } 365 | .navbar .nav.pull-right { 366 | float: none; 367 | margin-left: 0; 368 | } 369 | .navbar-static .navbar-inner { 370 | padding-left: 10px; 371 | padding-right: 10px; 372 | } 373 | .btn-navbar { 374 | display: block; 375 | } 376 | .nav-collapse { 377 | overflow: hidden; 378 | height: 0; 379 | } 380 | } 381 | @media (min-width: 980px) { 382 | .nav-collapse.collapse { 383 | height: auto !important; 384 | } 385 | } 386 | @media (min-width: 1200px) { 387 | .row { 388 | margin-left: -30px; 389 | *zoom: 1; 390 | } 391 | .row:before, .row:after { 392 | display: table; 393 | content: ""; 394 | } 395 | .row:after { 396 | clear: both; 397 | } 398 | [class*="span"] { 399 | float: left; 400 | margin-left: 30px; 401 | } 402 | .span1 { 403 | width: 70px; 404 | } 405 | .span2 { 406 | width: 170px; 407 | } 408 | .span3 { 409 | width: 270px; 410 | } 411 | .span4 { 412 | width: 370px; 413 | } 414 | .span5 { 415 | width: 470px; 416 | } 417 | .span6 { 418 | width: 570px; 419 | } 420 | .span7 { 421 | width: 670px; 422 | } 423 | .span8 { 424 | width: 770px; 425 | } 426 | .span9 { 427 | width: 870px; 428 | } 429 | .span10 { 430 | width: 970px; 431 | } 432 | .span11 { 433 | width: 1070px; 434 | } 435 | .span12, .container { 436 | width: 1170px; 437 | } 438 | .offset1 { 439 | margin-left: 130px; 440 | } 441 | .offset2 { 442 | margin-left: 230px; 443 | } 444 | .offset3 { 445 | margin-left: 330px; 446 | } 447 | .offset4 { 448 | margin-left: 430px; 449 | } 450 | .offset5 { 451 | margin-left: 530px; 452 | } 453 | .offset6 { 454 | margin-left: 630px; 455 | } 456 | .offset7 { 457 | margin-left: 730px; 458 | } 459 | .offset8 { 460 | margin-left: 830px; 461 | } 462 | .offset9 { 463 | margin-left: 930px; 464 | } 465 | .offset10 { 466 | margin-left: 1030px; 467 | } 468 | .offset11 { 469 | margin-left: 1130px; 470 | } 471 | .row-fluid { 472 | width: 100%; 473 | *zoom: 1; 474 | } 475 | .row-fluid:before, .row-fluid:after { 476 | display: table; 477 | content: ""; 478 | } 479 | .row-fluid:after { 480 | clear: both; 481 | } 482 | .row-fluid > [class*="span"] { 483 | float: left; 484 | margin-left: 2.564102564%; 485 | } 486 | .row-fluid > [class*="span"]:first-child { 487 | margin-left: 0; 488 | } 489 | .row-fluid .span1 { 490 | width: 5.982905983%; 491 | } 492 | .row-fluid .span2 { 493 | width: 14.529914530000001%; 494 | } 495 | .row-fluid .span3 { 496 | width: 23.076923077%; 497 | } 498 | .row-fluid .span4 { 499 | width: 31.623931624%; 500 | } 501 | .row-fluid .span5 { 502 | width: 40.170940171000005%; 503 | } 504 | .row-fluid .span6 { 505 | width: 48.717948718%; 506 | } 507 | .row-fluid .span7 { 508 | width: 57.264957265%; 509 | } 510 | .row-fluid .span8 { 511 | width: 65.81196581200001%; 512 | } 513 | .row-fluid .span9 { 514 | width: 74.358974359%; 515 | } 516 | .row-fluid .span10 { 517 | width: 82.905982906%; 518 | } 519 | .row-fluid .span11 { 520 | width: 91.45299145300001%; 521 | } 522 | .row-fluid .span12 { 523 | width: 100%; 524 | } 525 | input.span1, textarea.span1, .uneditable-input.span1 { 526 | width: 60px; 527 | } 528 | input.span2, textarea.span2, .uneditable-input.span2 { 529 | width: 160px; 530 | } 531 | input.span3, textarea.span3, .uneditable-input.span3 { 532 | width: 260px; 533 | } 534 | input.span4, textarea.span4, .uneditable-input.span4 { 535 | width: 360px; 536 | } 537 | input.span5, textarea.span5, .uneditable-input.span5 { 538 | width: 460px; 539 | } 540 | input.span6, textarea.span6, .uneditable-input.span6 { 541 | width: 560px; 542 | } 543 | input.span7, textarea.span7, .uneditable-input.span7 { 544 | width: 660px; 545 | } 546 | input.span8, textarea.span8, .uneditable-input.span8 { 547 | width: 760px; 548 | } 549 | input.span9, textarea.span9, .uneditable-input.span9 { 550 | width: 860px; 551 | } 552 | input.span10, textarea.span10, .uneditable-input.span10 { 553 | width: 960px; 554 | } 555 | input.span11, textarea.span11, .uneditable-input.span11 { 556 | width: 1060px; 557 | } 558 | input.span12, textarea.span12, .uneditable-input.span12 { 559 | width: 1160px; 560 | } 561 | .thumbnails { 562 | margin-left: -30px; 563 | } 564 | .thumbnails > li { 565 | margin-left: 30px; 566 | } 567 | } 568 | -------------------------------------------------------------------------------- /bootstrap/css/docs.css: -------------------------------------------------------------------------------- 1 | /* Add additional stylesheets below 2 | -------------------------------------------------- */ 3 | /* 4 | Bootstrap's documentation styles 5 | Special styles for presenting Bootstrap's documentation and examples 6 | */ 7 | 8 | 9 | /* Body and structure 10 | -------------------------------------------------- */ 11 | body { 12 | position: relative; 13 | padding-top: 90px; 14 | background-color: #fff; 15 | background-repeat: repeat-x; 16 | background-position: 0 40px; 17 | } 18 | 19 | 20 | /* Tweak navbar brand link to be super sleek 21 | -------------------------------------------------- */ 22 | .navbar-fixed-top .brand { 23 | padding-right: 0; 24 | padding-left: 0; 25 | margin-left: 20px; 26 | float: right; 27 | font-weight: bold; 28 | color: #000; 29 | text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125); 30 | -webkit-transition: all .2s linear; 31 | -moz-transition: all .2s linear; 32 | transition: all .2s linear; 33 | } 34 | .navbar-fixed-top .brand:hover { 35 | text-decoration: none; 36 | } 37 | 38 | 39 | /* Space out sub-sections more 40 | -------------------------------------------------- */ 41 | section { 42 | padding-top: 60px; 43 | } 44 | 45 | /* Faded out hr */ 46 | hr.soften { 47 | height: 1px; 48 | margin: 54px 0; 49 | background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); 50 | background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); 51 | background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); 52 | background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); 53 | border: 0; 54 | } 55 | 56 | 57 | /* Jumbotrons 58 | -------------------------------------------------- */ 59 | .jumbotron { 60 | position: relative; 61 | } 62 | .jumbotron h1 { 63 | margin-bottom: 9px; 64 | font-size: 81px; 65 | letter-spacing: -1px; 66 | line-height: 1; 67 | } 68 | .jumbotron p { 69 | margin-bottom: 18px; 70 | font-weight: 300; 71 | } 72 | .jumbotron .btn-large { 73 | font-size: 20px; 74 | font-weight: normal; 75 | padding: 14px 24px; 76 | margin-right: 10px; 77 | -webkit-border-radius: 6px; 78 | -moz-border-radius: 6px; 79 | border-radius: 6px; 80 | } 81 | 82 | /* Masthead (docs home) */ 83 | .masthead { 84 | padding-top: 36px; 85 | margin-bottom: 72px; 86 | } 87 | .masthead h1, 88 | .masthead p { 89 | text-align: center; 90 | } 91 | .masthead h1 { 92 | margin-bottom: 18px; 93 | } 94 | .masthead p { 95 | margin-left: 5%; 96 | margin-right: 5%; 97 | font-size: 30px; 98 | line-height: 36px; 99 | } 100 | 101 | 102 | /* Specific jumbotrons 103 | ------------------------- */ 104 | /* supporting docs pages */ 105 | .subhead { 106 | padding-bottom: 0; 107 | margin-bottom: 9px; 108 | } 109 | .subhead h1 { 110 | font-size: 54px; 111 | } 112 | 113 | /* Subnav */ 114 | .subnav { 115 | width: 100%; 116 | height: 36px; 117 | background-color: #eeeeee; /* Old browsers */ 118 | background-repeat: repeat-x; /* Repeat the gradient */ 119 | background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */ 120 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ 121 | background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */ 122 | background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */ 123 | background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */ 124 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ 125 | background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */ 126 | border: 1px solid #e5e5e5; 127 | -webkit-border-radius: 4px; 128 | -moz-border-radius: 4px; 129 | border-radius: 4px; 130 | } 131 | .subnav .nav { 132 | margin-bottom: 0; 133 | } 134 | .subnav .nav > li > a { 135 | margin: 0; 136 | padding-top: 11px; 137 | padding-bottom: 11px; 138 | border-left: 1px solid #f5f5f5; 139 | border-right: 1px solid #e5e5e5; 140 | -webkit-border-radius: 0; 141 | -moz-border-radius: 0; 142 | border-radius: 0; 143 | } 144 | .subnav .nav > .active > a, 145 | .subnav .nav > .active > a:hover { 146 | padding-left: 13px; 147 | color: #777; 148 | background-color: #e9e9e9; 149 | border-right-color: #ddd; 150 | border-left: 0; 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); 153 | box-shadow: inset 0 3px 5px rgba(0,0,0,.05); 154 | } 155 | .subnav .nav > .active > a .caret, 156 | .subnav .nav > .active > a:hover .caret { 157 | border-top-color: #777; 158 | } 159 | .subnav .nav > li:first-child > a, 160 | .subnav .nav > li:first-child > a:hover { 161 | border-left: 0; 162 | padding-left: 12px; 163 | -webkit-border-radius: 4px 0 0 4px; 164 | -moz-border-radius: 4px 0 0 4px; 165 | border-radius: 4px 0 0 4px; 166 | } 167 | .subnav .nav > li:last-child > a { 168 | border-right: 0; 169 | } 170 | .subnav .dropdown-menu { 171 | -webkit-border-radius: 0 0 4px 4px; 172 | -moz-border-radius: 0 0 4px 4px; 173 | border-radius: 0 0 4px 4px; 174 | } 175 | 176 | /* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */ 177 | @media (min-width: 980px) { 178 | .subnav-fixed { 179 | position: fixed; 180 | top: 40px; 181 | left: 0; 182 | right: 0; 183 | z-index: 1030; 184 | border-color: #d5d5d5; 185 | border-width: 0 0 1px; /* drop the border on the fixed edges */ 186 | -webkit-border-radius: 0; 187 | -moz-border-radius: 0; 188 | border-radius: 0; 189 | -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); 190 | -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); 191 | box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); 192 | } 193 | .subnav-fixed .nav { 194 | width: 938px; 195 | margin: 0 auto; 196 | padding: 0 1px; 197 | } 198 | .subnav .nav > li:first-child > a, 199 | .subnav .nav > li:first-child > a:hover { 200 | -webkit-border-radius: 0; 201 | -moz-border-radius: 0; 202 | border-radius: 0; 203 | } 204 | } 205 | 206 | 207 | /* Quick links 208 | -------------------------------------------------- */ 209 | .quick-links { 210 | min-height: 30px; 211 | padding: 5px 20px; 212 | margin: 36px 0; 213 | list-style: none; 214 | text-align: center; 215 | overflow: hidden; 216 | } 217 | .quick-links li { 218 | display: inline; 219 | margin: 0 5px; 220 | color: #999; 221 | } 222 | .quick-links .github-btn, 223 | .quick-links .tweet-btn, 224 | .quick-links .follow-btn { 225 | position: relative; 226 | top: 5px; 227 | } 228 | 229 | 230 | /* Marketing section of Overview 231 | -------------------------------------------------- */ 232 | .marketing .row { 233 | margin-bottom: 9px; 234 | } 235 | .marketing h1 { 236 | margin: 36px 0 27px; 237 | font-size: 40px; 238 | font-weight: 300; 239 | text-align: center; 240 | } 241 | .marketing h2, 242 | .marketing h3 { 243 | font-weight: 300; 244 | } 245 | .marketing h2 { 246 | font-size: 22px; 247 | } 248 | .marketing p { 249 | margin-right: 10px; 250 | } 251 | .marketing .bs-icon { 252 | float: left; 253 | margin: 7px 10px 0 0; 254 | opacity: .8; 255 | } 256 | .marketing .small-bs-icon { 257 | float: left; 258 | margin: 4px 5px 0 0; 259 | } 260 | 261 | 262 | 263 | /* Footer 264 | -------------------------------------------------- */ 265 | .footer { 266 | margin-top: 45px; 267 | padding: 35px 0 36px; 268 | border-top: 1px solid #e5e5e5; 269 | } 270 | .footer p { 271 | margin-bottom: 0; 272 | color: #555; 273 | } 274 | 275 | 276 | 277 | /* Special grid styles 278 | -------------------------------------------------- */ 279 | .show-grid { 280 | margin-top: 10px; 281 | margin-bottom: 20px; 282 | } 283 | .show-grid [class*="span"] { 284 | background-color: #eee; 285 | text-align: center; 286 | -webkit-border-radius: 3px; 287 | -moz-border-radius: 3px; 288 | border-radius: 3px; 289 | min-height: 30px; 290 | line-height: 30px; 291 | } 292 | .show-grid:hover [class*="span"] { 293 | background: #ddd; 294 | } 295 | .show-grid .show-grid { 296 | margin-top: 0; 297 | margin-bottom: 0; 298 | } 299 | .show-grid .show-grid [class*="span"] { 300 | background-color: #ccc; 301 | } 302 | 303 | 304 | /* Render mini layout previews 305 | -------------------------------------------------- */ 306 | .mini-layout { 307 | border: 1px solid #ddd; 308 | -webkit-border-radius: 6px; 309 | -moz-border-radius: 6px; 310 | border-radius: 6px; 311 | -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075); 312 | -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075); 313 | box-shadow: 0 1px 2px rgba(0,0,0,.075); 314 | } 315 | .mini-layout { 316 | height: 240px; 317 | margin-bottom: 20px; 318 | padding: 9px; 319 | } 320 | .mini-layout div { 321 | -webkit-border-radius: 3px; 322 | -moz-border-radius: 3px; 323 | border-radius: 3px; 324 | } 325 | .mini-layout .mini-layout-body { 326 | background-color: #dceaf4; 327 | margin: 0 auto; 328 | width: 70%; 329 | height: 240px; 330 | } 331 | .mini-layout.fluid .mini-layout-sidebar, 332 | .mini-layout.fluid .mini-layout-header, 333 | .mini-layout.fluid .mini-layout-body { 334 | float: left; 335 | } 336 | .mini-layout.fluid .mini-layout-sidebar { 337 | background-color: #bbd8e9; 338 | width: 20%; 339 | height: 240px; 340 | } 341 | .mini-layout.fluid .mini-layout-body { 342 | width: 77.5%; 343 | margin-left: 2.5%; 344 | } 345 | 346 | 347 | /* Popover docs 348 | -------------------------------------------------- */ 349 | .popover-well { 350 | min-height: 160px; 351 | } 352 | .popover-well .popover { 353 | display: block; 354 | } 355 | .popover-well .popover-wrapper { 356 | width: 50%; 357 | height: 160px; 358 | float: left; 359 | margin-left: 55px; 360 | position: relative; 361 | } 362 | .popover-well .popover-menu-wrapper { 363 | height: 80px; 364 | } 365 | .large-bird { 366 | margin: 5px 0 0 310px; 367 | opacity: .1; 368 | } 369 | 370 | 371 | /* Download page 372 | -------------------------------------------------- */ 373 | .download .page-header { 374 | margin-top: 36px; 375 | } 376 | .page-header .toggle-all { 377 | margin-top: 5px; 378 | } 379 | 380 | /* Space out h3s when following a section */ 381 | .download h3 { 382 | margin-bottom: 5px; 383 | } 384 | .download-builder input + h3, 385 | .download-builder .checkbox + h3 { 386 | margin-top: 9px; 387 | } 388 | 389 | /* Fields for variables */ 390 | .download-builder input[type=text] { 391 | margin-bottom: 9px; 392 | font-family: Menlo, Monaco, "Courier New", monospace; 393 | font-size: 12px; 394 | color: #d14; 395 | } 396 | .download-builder input[type=text]:focus { 397 | background-color: #fff; 398 | } 399 | 400 | /* Custom, larger checkbox labels */ 401 | .download .checkbox { 402 | padding: 6px 10px 6px 25px; 403 | color: #555; 404 | background-color: #f9f9f9; 405 | -webkit-border-radius: 3px; 406 | -moz-border-radius: 3px; 407 | border-radius: 3px; 408 | cursor: pointer; 409 | } 410 | .download .checkbox:hover { 411 | color: #333; 412 | background-color: #f5f5f5; 413 | } 414 | .download .checkbox small { 415 | font-size: 12px; 416 | color: #777; 417 | } 418 | 419 | /* Variables section */ 420 | #variables label { 421 | margin-bottom: 0; 422 | } 423 | 424 | /* Giant download button */ 425 | .download-btn { 426 | margin: 36px 0 108px; 427 | } 428 | .download p, 429 | .download h4 { 430 | max-width: 50%; 431 | margin: 0 auto; 432 | color: #999; 433 | text-align: center; 434 | } 435 | .download h4 { 436 | margin-bottom: 0; 437 | } 438 | .download p { 439 | margin-bottom: 18px; 440 | } 441 | .download-btn .btn { 442 | display: block; 443 | width: auto; 444 | padding: 19px 24px; 445 | margin-bottom: 27px; 446 | font-size: 30px; 447 | line-height: 1; 448 | text-align: center; 449 | -webkit-border-radius: 6px; 450 | -moz-border-radius: 6px; 451 | border-radius: 6px; 452 | } 453 | 454 | 455 | 456 | /* Color swatches on LESS docs page 457 | -------------------------------------------------- */ 458 | /* Sets the width of the td */ 459 | .swatch-col { 460 | width: 30px; 461 | } 462 | /* Le swatch */ 463 | .swatch { 464 | display: inline-block; 465 | width: 30px; 466 | height: 20px; 467 | margin: -6px 0; 468 | -webkit-border-radius: 3px; 469 | -moz-border-radius: 3px; 470 | border-radius: 3px; 471 | } 472 | /* For white swatches, give a border */ 473 | .swatch-bordered { 474 | width: 28px; 475 | height: 18px; 476 | border: 1px solid #eee; 477 | } 478 | 479 | 480 | /* Misc 481 | -------------------------------------------------- */ 482 | 483 | pre.prettyprint { 484 | overflow: hidden; 485 | } 486 | 487 | .browser-support { 488 | max-width: 100%; 489 | } 490 | 491 | /* Make tables spaced out a bit more */ 492 | h2 + table, 493 | h3 + table, 494 | h4 + table, 495 | h2 + .row { 496 | margin-top: 5px; 497 | } 498 | 499 | /* Example sites showcase */ 500 | .example-sites img { 501 | max-width: 100%; 502 | margin: 0 auto; 503 | } 504 | .marketing-byline { 505 | margin: -18px 0 27px; 506 | font-size: 18px; 507 | font-weight: 300; 508 | line-height: 24px; 509 | color: #999; 510 | text-align: center; 511 | } 512 | 513 | .scrollspy-example { 514 | height: 200px; 515 | overflow: auto; 516 | position: relative; 517 | } 518 | 519 | /* Remove bottom margin on example forms in wells */ 520 | form.well { 521 | padding: 14px; 522 | } 523 | 524 | /* Tighten up spacing */ 525 | .well hr { 526 | margin: 18px 0; 527 | } 528 | 529 | /* Fake the :focus state to demo it */ 530 | .focused { 531 | border-color: rgba(82,168,236,.8); 532 | -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); 533 | -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); 534 | box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); 535 | outline: 0; 536 | } 537 | 538 | /* For input sizes, make them display block */ 539 | .docs-input-sizes select, 540 | .docs-input-sizes input[type=text] { 541 | display: block; 542 | margin-bottom: 9px; 543 | } 544 | 545 | /* Icons 546 | ------------------------- */ 547 | .the-icons { 548 | margin-bottom: 18px; 549 | } 550 | .the-icons i { 551 | display: block; 552 | margin-bottom: 5px; 553 | } 554 | .the-icons i:hover { 555 | background-color: rgba(255,0,0,.25); 556 | } 557 | .the-icons i:after { 558 | display: block; 559 | content: attr(class); 560 | font-style: normal; 561 | margin-left: 20px; 562 | width: 140px; 563 | } 564 | #javascript input[type=checkbox] { 565 | position: relative; 566 | top: -1px; 567 | display: inline; 568 | margin-left: 6px; 569 | } 570 | 571 | /* Eaxmples page 572 | ------------------------- */ 573 | .bootstrap-examples .thumbnail { 574 | margin-bottom: 9px; 575 | background-color: #fff; 576 | } 577 | 578 | 579 | /* Responsive Docs 580 | -------------------------------------------------- */ 581 | @media (max-width: 480px) { 582 | 583 | /* Reduce padding above jumbotron */ 584 | body { 585 | padding-top: 70px; 586 | } 587 | 588 | /* Change up some type stuff */ 589 | h2 { 590 | margin-top: 27px; 591 | } 592 | h2 small { 593 | display: block; 594 | line-height: 18px; 595 | } 596 | h3 { 597 | margin-top: 18px; 598 | } 599 | 600 | /* Adjust the jumbotron */ 601 | .jumbotron h1, 602 | .jumbotron p { 603 | text-align: center; 604 | margin-right: 0; 605 | } 606 | .jumbotron h1 { 607 | font-size: 45px; 608 | margin-right: 0; 609 | } 610 | .jumbotron p { 611 | margin-right: 0; 612 | margin-left: 0; 613 | font-size: 18px; 614 | line-height: 24px; 615 | } 616 | .jumbotron .btn { 617 | display: block; 618 | font-size: 18px; 619 | padding: 10px 14px; 620 | margin: 0 auto 10px; 621 | } 622 | /* Masthead (home page jumbotron) */ 623 | .masthead { 624 | padding-top: 0; 625 | } 626 | 627 | /* Don't space out quick links so much */ 628 | .quick-links { 629 | margin: 40px 0 0; 630 | } 631 | /* hide the bullets on mobile since our horizontal space is limited */ 632 | .quick-links .divider { 633 | display: none; 634 | } 635 | 636 | /* center example sites */ 637 | .example-sites { 638 | margin-left: 0; 639 | } 640 | .example-sites > li { 641 | float: none; 642 | display: block; 643 | max-width: 280px; 644 | margin: 0 auto 18px; 645 | text-align: center; 646 | } 647 | .example-sites .thumbnail > img { 648 | max-width: 270px; 649 | } 650 | 651 | table code { 652 | white-space: normal; 653 | word-wrap: break-word; 654 | word-break: break-all; 655 | } 656 | 657 | /* Modal example */ 658 | .modal-example .modal { 659 | position: relative; 660 | top: auto; 661 | right: auto; 662 | bottom: auto; 663 | left: auto; 664 | } 665 | 666 | } 667 | 668 | 669 | @media (max-width: 768px) { 670 | 671 | /* Remove any padding from the body */ 672 | body { 673 | padding-top: 0; 674 | } 675 | 676 | /* Jumbotron buttons */ 677 | .jumbotron .btn { 678 | margin-bottom: 10px; 679 | } 680 | 681 | /* Subnav */ 682 | .subnav { 683 | position: static; 684 | top: auto; 685 | z-index: auto; 686 | width: auto; 687 | height: auto; 688 | background: #fff; /* whole background property since we use a background-image for gradient */ 689 | -webkit-box-shadow: none; 690 | -moz-box-shadow: none; 691 | box-shadow: none; 692 | } 693 | .subnav .nav > li { 694 | float: none; 695 | } 696 | .subnav .nav > li > a { 697 | border: 0; 698 | } 699 | .subnav .nav > li + li > a { 700 | border-top: 1px solid #e5e5e5; 701 | } 702 | .subnav .nav > li:first-child > a, 703 | .subnav .nav > li:first-child > a:hover { 704 | -webkit-border-radius: 4px 4px 0 0; 705 | -moz-border-radius: 4px 4px 0 0; 706 | border-radius: 4px 4px 0 0; 707 | } 708 | 709 | /* Popovers */ 710 | .large-bird { 711 | display: none; 712 | } 713 | .popover-well .popover-wrapper { 714 | margin-left: 0; 715 | } 716 | 717 | /* Space out the show-grid examples */ 718 | .show-grid [class*="span"] { 719 | margin-bottom: 5px; 720 | } 721 | 722 | /* Unfloat the back to top link in footer */ 723 | .footer .pull-right { 724 | float: none; 725 | } 726 | .footer p { 727 | margin-bottom: 9px; 728 | } 729 | 730 | } 731 | 732 | 733 | @media (min-width: 480px) and (max-width: 768px) { 734 | 735 | /* Scale down the jumbotron content */ 736 | .jumbotron h1 { 737 | font-size: 54px; 738 | } 739 | .jumbotron p { 740 | margin-right: 0; 741 | margin-left: 0; 742 | } 743 | 744 | } 745 | 746 | 747 | @media (min-width: 768px) and (max-width: 980px) { 748 | 749 | /* Remove any padding from the body */ 750 | body { 751 | padding-top: 0; 752 | } 753 | 754 | /* Scale down the jumbotron content */ 755 | .jumbotron h1 { 756 | font-size: 72px; 757 | } 758 | 759 | } 760 | 761 | 762 | @media (max-width: 980px) { 763 | 764 | /* Unfloat brand */ 765 | .navbar-fixed-top .brand { 766 | float: left; 767 | margin-left: 0; 768 | padding-left: 10px; 769 | padding-right: 10px; 770 | } 771 | 772 | /* Inline-block quick links for more spacing */ 773 | .quick-links li { 774 | display: inline-block; 775 | margin: 5px; 776 | } 777 | 778 | } 779 | 780 | 781 | /* LARGE DESKTOP SCREENS */ 782 | @media (min-width: 1210px) { 783 | 784 | /* Update subnav container */ 785 | .subnav-fixed .nav { 786 | width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */ 787 | } 788 | 789 | } 790 | -------------------------------------------------------------------------------- /bootstrap/css/bootstrap.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v2.0.0 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */ 10 | article, 11 | aside, 12 | details, 13 | figcaption, 14 | figure, 15 | footer, 16 | header, 17 | hgroup, 18 | nav, 19 | section { 20 | display: block; 21 | } 22 | audio, canvas, video { 23 | display: inline-block; 24 | *display: inline; 25 | *zoom: 1; 26 | } 27 | audio:not([controls]) { 28 | display: none; 29 | } 30 | html { 31 | font-size: 100%; 32 | -webkit-text-size-adjust: 100%; 33 | -ms-text-size-adjust: 100%; 34 | } 35 | a:focus { 36 | outline: thin dotted; 37 | outline: 5px auto -webkit-focus-ring-color; 38 | outline-offset: -2px; 39 | } 40 | a:hover, a:active { 41 | outline: 0; 42 | } 43 | sub, sup { 44 | position: relative; 45 | font-size: 75%; 46 | line-height: 0; 47 | vertical-align: baseline; 48 | } 49 | sup { 50 | top: -0.5em; 51 | } 52 | sub { 53 | bottom: -0.25em; 54 | } 55 | img { 56 | max-width: 100%; 57 | height: auto; 58 | border: 0; 59 | -ms-interpolation-mode: bicubic; 60 | } 61 | button, 62 | input, 63 | select, 64 | textarea { 65 | margin: 0; 66 | font-size: 100%; 67 | vertical-align: middle; 68 | } 69 | button, input { 70 | *overflow: visible; 71 | line-height: normal; 72 | } 73 | button::-moz-focus-inner, input::-moz-focus-inner { 74 | padding: 0; 75 | border: 0; 76 | } 77 | button, 78 | input[type="button"], 79 | input[type="reset"], 80 | input[type="submit"] { 81 | cursor: pointer; 82 | -webkit-appearance: button; 83 | } 84 | input[type="search"] { 85 | -webkit-appearance: textfield; 86 | -webkit-box-sizing: content-box; 87 | -moz-box-sizing: content-box; 88 | box-sizing: content-box; 89 | } 90 | input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { 91 | -webkit-appearance: none; 92 | } 93 | textarea { 94 | overflow: auto; 95 | vertical-align: top; 96 | } 97 | body { 98 | margin: 0; 99 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 100 | font-size: 13px; 101 | line-height: 18px; 102 | color: #333333; 103 | background-color: #ffffff; 104 | } 105 | a { 106 | color: #0088cc; 107 | text-decoration: none; 108 | } 109 | a:hover { 110 | color: #005580; 111 | text-decoration: underline; 112 | } 113 | .row { 114 | margin-left: -20px; 115 | *zoom: 1; 116 | } 117 | .row:before, .row:after { 118 | display: table; 119 | content: ""; 120 | } 121 | .row:after { 122 | clear: both; 123 | } 124 | [class*="span"] { 125 | float: left; 126 | margin-left: 20px; 127 | } 128 | .span1 { 129 | width: 60px; 130 | } 131 | .span2 { 132 | width: 140px; 133 | } 134 | .span3 { 135 | width: 220px; 136 | } 137 | .span4 { 138 | width: 300px; 139 | } 140 | .span5 { 141 | width: 380px; 142 | } 143 | .span6 { 144 | width: 460px; 145 | } 146 | .span7 { 147 | width: 540px; 148 | } 149 | .span8 { 150 | width: 620px; 151 | } 152 | .span9 { 153 | width: 700px; 154 | } 155 | .span10 { 156 | width: 780px; 157 | } 158 | .span11 { 159 | width: 860px; 160 | } 161 | .span12, .container { 162 | width: 940px; 163 | } 164 | .offset1 { 165 | margin-left: 100px; 166 | } 167 | .offset2 { 168 | margin-left: 180px; 169 | } 170 | .offset3 { 171 | margin-left: 260px; 172 | } 173 | .offset4 { 174 | margin-left: 340px; 175 | } 176 | .offset5 { 177 | margin-left: 420px; 178 | } 179 | .offset6 { 180 | margin-left: 500px; 181 | } 182 | .offset7 { 183 | margin-left: 580px; 184 | } 185 | .offset8 { 186 | margin-left: 660px; 187 | } 188 | .offset9 { 189 | margin-left: 740px; 190 | } 191 | .offset10 { 192 | margin-left: 820px; 193 | } 194 | .offset11 { 195 | margin-left: 900px; 196 | } 197 | .row-fluid { 198 | width: 100%; 199 | *zoom: 1; 200 | } 201 | .row-fluid:before, .row-fluid:after { 202 | display: table; 203 | content: ""; 204 | } 205 | .row-fluid:after { 206 | clear: both; 207 | } 208 | .row-fluid > [class*="span"] { 209 | float: left; 210 | margin-left: 2.127659574%; 211 | } 212 | .row-fluid > [class*="span"]:first-child { 213 | margin-left: 0; 214 | } 215 | .row-fluid .span1 { 216 | width: 6.382978723%; 217 | } 218 | .row-fluid .span2 { 219 | width: 14.89361702%; 220 | } 221 | .row-fluid .span3 { 222 | width: 23.404255317%; 223 | } 224 | .row-fluid .span4 { 225 | width: 31.914893614%; 226 | } 227 | .row-fluid .span5 { 228 | width: 40.425531911%; 229 | } 230 | .row-fluid .span6 { 231 | width: 48.93617020799999%; 232 | } 233 | .row-fluid .span7 { 234 | width: 57.446808505%; 235 | } 236 | .row-fluid .span8 { 237 | width: 65.95744680199999%; 238 | } 239 | .row-fluid .span9 { 240 | width: 74.468085099%; 241 | } 242 | .row-fluid .span10 { 243 | width: 82.97872339599999%; 244 | } 245 | .row-fluid .span11 { 246 | width: 91.489361693%; 247 | } 248 | .row-fluid .span12 { 249 | width: 99.99999998999999%; 250 | } 251 | .container { 252 | width: 940px; 253 | margin-left: auto; 254 | margin-right: auto; 255 | *zoom: 1; 256 | } 257 | .container:before, .container:after { 258 | display: table; 259 | content: ""; 260 | } 261 | .container:after { 262 | clear: both; 263 | } 264 | .container-fluid { 265 | padding-left: 20px; 266 | padding-right: 20px; 267 | *zoom: 1; 268 | } 269 | .container-fluid:before, .container-fluid:after { 270 | display: table; 271 | content: ""; 272 | } 273 | .container-fluid:after { 274 | clear: both; 275 | } 276 | p { 277 | margin: 0 0 9px; 278 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 279 | font-size: 13px; 280 | line-height: 18px; 281 | } 282 | p small { 283 | font-size: 11px; 284 | color: #999999; 285 | } 286 | .lead { 287 | margin-bottom: 18px; 288 | font-size: 20px; 289 | font-weight: 200; 290 | line-height: 27px; 291 | } 292 | h1, 293 | h2, 294 | h3, 295 | h4, 296 | h5, 297 | h6 { 298 | margin: 0; 299 | font-weight: bold; 300 | color: #333333; 301 | text-rendering: optimizelegibility; 302 | } 303 | h1 small, 304 | h2 small, 305 | h3 small, 306 | h4 small, 307 | h5 small, 308 | h6 small { 309 | font-weight: normal; 310 | color: #999999; 311 | } 312 | h1 { 313 | font-size: 30px; 314 | line-height: 36px; 315 | } 316 | h1 small { 317 | font-size: 18px; 318 | } 319 | h2 { 320 | font-size: 24px; 321 | line-height: 36px; 322 | } 323 | h2 small { 324 | font-size: 18px; 325 | } 326 | h3 { 327 | line-height: 27px; 328 | font-size: 18px; 329 | } 330 | h3 small { 331 | font-size: 14px; 332 | } 333 | h4, h5, h6 { 334 | line-height: 18px; 335 | } 336 | h4 { 337 | font-size: 14px; 338 | } 339 | h4 small { 340 | font-size: 12px; 341 | } 342 | h5 { 343 | font-size: 12px; 344 | } 345 | h6 { 346 | font-size: 11px; 347 | color: #999999; 348 | text-transform: uppercase; 349 | } 350 | .page-header { 351 | padding-bottom: 17px; 352 | margin: 18px 0; 353 | border-bottom: 1px solid #eeeeee; 354 | } 355 | .page-header h1 { 356 | line-height: 1; 357 | } 358 | ul, ol { 359 | padding: 0; 360 | margin: 0 0 9px 25px; 361 | } 362 | ul ul, 363 | ul ol, 364 | ol ol, 365 | ol ul { 366 | margin-bottom: 0; 367 | } 368 | ul { 369 | list-style: disc; 370 | } 371 | ol { 372 | list-style: decimal; 373 | } 374 | li { 375 | line-height: 18px; 376 | } 377 | ul.unstyled { 378 | margin-left: 0; 379 | list-style: none; 380 | } 381 | dl { 382 | margin-bottom: 18px; 383 | } 384 | dt, dd { 385 | line-height: 18px; 386 | } 387 | dt { 388 | font-weight: bold; 389 | } 390 | dd { 391 | margin-left: 9px; 392 | } 393 | hr { 394 | margin: 18px 0; 395 | border: 0; 396 | border-top: 1px solid #e5e5e5; 397 | border-bottom: 1px solid #ffffff; 398 | } 399 | strong { 400 | font-weight: bold; 401 | } 402 | em { 403 | font-style: italic; 404 | } 405 | .muted { 406 | color: #999999; 407 | } 408 | abbr { 409 | font-size: 90%; 410 | text-transform: uppercase; 411 | border-bottom: 1px dotted #ddd; 412 | cursor: help; 413 | } 414 | blockquote { 415 | padding: 0 0 0 15px; 416 | margin: 0 0 18px; 417 | border-left: 5px solid #eeeeee; 418 | } 419 | blockquote p { 420 | margin-bottom: 0; 421 | font-size: 16px; 422 | font-weight: 300; 423 | line-height: 22.5px; 424 | } 425 | blockquote small { 426 | display: block; 427 | line-height: 18px; 428 | color: #999999; 429 | } 430 | blockquote small:before { 431 | content: '\2014 \00A0'; 432 | } 433 | blockquote.pull-right { 434 | float: right; 435 | padding-left: 0; 436 | padding-right: 15px; 437 | border-left: 0; 438 | border-right: 5px solid #eeeeee; 439 | } 440 | blockquote.pull-right p, blockquote.pull-right small { 441 | text-align: right; 442 | } 443 | q:before, 444 | q:after, 445 | blockquote:before, 446 | blockquote:after { 447 | content: ""; 448 | } 449 | address { 450 | display: block; 451 | margin-bottom: 18px; 452 | line-height: 18px; 453 | font-style: normal; 454 | } 455 | small { 456 | font-size: 100%; 457 | } 458 | cite { 459 | font-style: normal; 460 | } 461 | code, pre { 462 | padding: 0 3px 2px; 463 | font-family: Menlo, Monaco, "Courier New", monospace; 464 | font-size: 12px; 465 | color: #333333; 466 | -webkit-border-radius: 3px; 467 | -moz-border-radius: 3px; 468 | border-radius: 3px; 469 | } 470 | code { 471 | padding: 3px 4px; 472 | color: #d14; 473 | background-color: #f7f7f9; 474 | border: 1px solid #e1e1e8; 475 | } 476 | pre { 477 | display: block; 478 | padding: 8.5px; 479 | margin: 0 0 9px; 480 | font-size: 12px; 481 | line-height: 18px; 482 | background-color: #f5f5f5; 483 | border: 1px solid #ccc; 484 | border: 1px solid rgba(0, 0, 0, 0.15); 485 | -webkit-border-radius: 4px; 486 | -moz-border-radius: 4px; 487 | border-radius: 4px; 488 | white-space: pre; 489 | white-space: pre-wrap; 490 | word-break: break-all; 491 | } 492 | pre.prettyprint { 493 | margin-bottom: 18px; 494 | } 495 | pre code { 496 | padding: 0; 497 | background-color: transparent; 498 | } 499 | form { 500 | margin: 0 0 18px; 501 | } 502 | fieldset { 503 | padding: 0; 504 | margin: 0; 505 | border: 0; 506 | } 507 | legend { 508 | display: block; 509 | width: 100%; 510 | padding: 0; 511 | margin-bottom: 27px; 512 | font-size: 19.5px; 513 | line-height: 36px; 514 | color: #333333; 515 | border: 0; 516 | border-bottom: 1px solid #eee; 517 | } 518 | label, 519 | input, 520 | button, 521 | select, 522 | textarea { 523 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 524 | font-size: 13px; 525 | font-weight: normal; 526 | line-height: 18px; 527 | } 528 | label { 529 | display: block; 530 | margin-bottom: 5px; 531 | color: #333333; 532 | } 533 | input, 534 | textarea, 535 | select, 536 | .uneditable-input { 537 | display: inline-block; 538 | width: 210px; 539 | height: 18px; 540 | padding: 4px; 541 | margin-bottom: 9px; 542 | font-size: 13px; 543 | line-height: 18px; 544 | color: #555555; 545 | border: 1px solid #ccc; 546 | -webkit-border-radius: 3px; 547 | -moz-border-radius: 3px; 548 | border-radius: 3px; 549 | } 550 | .uneditable-textarea { 551 | width: auto; 552 | height: auto; 553 | } 554 | label input, label textarea, label select { 555 | display: block; 556 | } 557 | input[type="image"], input[type="checkbox"], input[type="radio"] { 558 | width: auto; 559 | height: auto; 560 | padding: 0; 561 | margin: 3px 0; 562 | *margin-top: 0; 563 | /* IE7 */ 564 | 565 | line-height: normal; 566 | border: 0; 567 | cursor: pointer; 568 | -webkit-border-radius: 0; 569 | -moz-border-radius: 0; 570 | border-radius: 0; 571 | } 572 | input[type="file"] { 573 | padding: initial; 574 | line-height: initial; 575 | border: initial; 576 | background-color: #ffffff; 577 | background-color: initial; 578 | -webkit-box-shadow: none; 579 | -moz-box-shadow: none; 580 | box-shadow: none; 581 | } 582 | input[type="button"], input[type="reset"], input[type="submit"] { 583 | width: auto; 584 | height: auto; 585 | } 586 | select, input[type="file"] { 587 | height: 28px; 588 | /* In IE7, the height of the select element cannot be changed by height, only font-size */ 589 | 590 | *margin-top: 4px; 591 | /* For IE7, add top margin to align select with labels */ 592 | 593 | line-height: 28px; 594 | } 595 | select { 596 | width: 220px; 597 | background-color: #ffffff; 598 | } 599 | select[multiple], select[size] { 600 | height: auto; 601 | } 602 | input[type="image"] { 603 | -webkit-box-shadow: none; 604 | -moz-box-shadow: none; 605 | box-shadow: none; 606 | } 607 | textarea { 608 | height: auto; 609 | } 610 | input[type="hidden"] { 611 | display: none; 612 | } 613 | .radio, .checkbox { 614 | padding-left: 18px; 615 | } 616 | .radio input[type="radio"], .checkbox input[type="checkbox"] { 617 | float: left; 618 | margin-left: -18px; 619 | } 620 | .controls > .radio:first-child, .controls > .checkbox:first-child { 621 | padding-top: 5px; 622 | } 623 | .radio.inline, .checkbox.inline { 624 | display: inline-block; 625 | margin-bottom: 0; 626 | vertical-align: middle; 627 | } 628 | .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { 629 | margin-left: 10px; 630 | } 631 | .controls > .radio.inline:first-child, .controls > .checkbox.inline:first-child { 632 | padding-top: 0; 633 | } 634 | input, textarea { 635 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 636 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 637 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 638 | -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; 639 | -moz-transition: border linear 0.2s, box-shadow linear 0.2s; 640 | -ms-transition: border linear 0.2s, box-shadow linear 0.2s; 641 | -o-transition: border linear 0.2s, box-shadow linear 0.2s; 642 | transition: border linear 0.2s, box-shadow linear 0.2s; 643 | } 644 | input:focus, textarea:focus { 645 | border-color: rgba(82, 168, 236, 0.8); 646 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 647 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 648 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 649 | outline: 0; 650 | outline: thin dotted \9; 651 | /* IE6-8 */ 652 | 653 | } 654 | input[type="file"]:focus, input[type="checkbox"]:focus, select:focus { 655 | -webkit-box-shadow: none; 656 | -moz-box-shadow: none; 657 | box-shadow: none; 658 | outline: thin dotted; 659 | outline: 5px auto -webkit-focus-ring-color; 660 | outline-offset: -2px; 661 | } 662 | .input-mini { 663 | width: 60px; 664 | } 665 | .input-small { 666 | width: 90px; 667 | } 668 | .input-medium { 669 | width: 150px; 670 | } 671 | .input-large { 672 | width: 210px; 673 | } 674 | .input-xlarge { 675 | width: 270px; 676 | } 677 | .input-xxlarge { 678 | width: 530px; 679 | } 680 | input[class*="span"], 681 | select[class*="span"], 682 | textarea[class*="span"], 683 | .uneditable-input { 684 | float: none; 685 | margin-left: 0; 686 | } 687 | input.span1, textarea.span1, .uneditable-input.span1 { 688 | width: 50px; 689 | } 690 | input.span2, textarea.span2, .uneditable-input.span2 { 691 | width: 130px; 692 | } 693 | input.span3, textarea.span3, .uneditable-input.span3 { 694 | width: 210px; 695 | } 696 | input.span4, textarea.span4, .uneditable-input.span4 { 697 | width: 290px; 698 | } 699 | input.span5, textarea.span5, .uneditable-input.span5 { 700 | width: 370px; 701 | } 702 | input.span6, textarea.span6, .uneditable-input.span6 { 703 | width: 450px; 704 | } 705 | input.span7, textarea.span7, .uneditable-input.span7 { 706 | width: 530px; 707 | } 708 | input.span8, textarea.span8, .uneditable-input.span8 { 709 | width: 610px; 710 | } 711 | input.span9, textarea.span9, .uneditable-input.span9 { 712 | width: 690px; 713 | } 714 | input.span10, textarea.span10, .uneditable-input.span10 { 715 | width: 770px; 716 | } 717 | input.span11, textarea.span11, .uneditable-input.span11 { 718 | width: 850px; 719 | } 720 | input.span12, textarea.span12, .uneditable-input.span12 { 721 | width: 930px; 722 | } 723 | input[disabled], 724 | select[disabled], 725 | textarea[disabled], 726 | input[readonly], 727 | select[readonly], 728 | textarea[readonly] { 729 | background-color: #f5f5f5; 730 | border-color: #ddd; 731 | cursor: not-allowed; 732 | } 733 | .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline { 734 | color: #c09853; 735 | } 736 | .control-group.warning input, .control-group.warning select, .control-group.warning textarea { 737 | color: #c09853; 738 | border-color: #c09853; 739 | } 740 | .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { 741 | border-color: #a47e3c; 742 | -webkit-box-shadow: 0 0 6px #dbc59e; 743 | -moz-box-shadow: 0 0 6px #dbc59e; 744 | box-shadow: 0 0 6px #dbc59e; 745 | } 746 | .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { 747 | color: #c09853; 748 | background-color: #fcf8e3; 749 | border-color: #c09853; 750 | } 751 | .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline { 752 | color: #b94a48; 753 | } 754 | .control-group.error input, .control-group.error select, .control-group.error textarea { 755 | color: #b94a48; 756 | border-color: #b94a48; 757 | } 758 | .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { 759 | border-color: #953b39; 760 | -webkit-box-shadow: 0 0 6px #d59392; 761 | -moz-box-shadow: 0 0 6px #d59392; 762 | box-shadow: 0 0 6px #d59392; 763 | } 764 | .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { 765 | color: #b94a48; 766 | background-color: #f2dede; 767 | border-color: #b94a48; 768 | } 769 | .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline { 770 | color: #468847; 771 | } 772 | .control-group.success input, .control-group.success select, .control-group.success textarea { 773 | color: #468847; 774 | border-color: #468847; 775 | } 776 | .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { 777 | border-color: #356635; 778 | -webkit-box-shadow: 0 0 6px #7aba7b; 779 | -moz-box-shadow: 0 0 6px #7aba7b; 780 | box-shadow: 0 0 6px #7aba7b; 781 | } 782 | .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { 783 | color: #468847; 784 | background-color: #dff0d8; 785 | border-color: #468847; 786 | } 787 | input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid { 788 | color: #b94a48; 789 | border-color: #ee5f5b; 790 | } 791 | input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus { 792 | border-color: #e9322d; 793 | -webkit-box-shadow: 0 0 6px #f8b9b7; 794 | -moz-box-shadow: 0 0 6px #f8b9b7; 795 | box-shadow: 0 0 6px #f8b9b7; 796 | } 797 | .form-actions { 798 | padding: 17px 20px 18px; 799 | margin-top: 18px; 800 | margin-bottom: 18px; 801 | background-color: #f5f5f5; 802 | border-top: 1px solid #ddd; 803 | } 804 | .uneditable-input { 805 | display: block; 806 | background-color: #ffffff; 807 | border-color: #eee; 808 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); 809 | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); 810 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); 811 | cursor: not-allowed; 812 | } 813 | :-moz-placeholder { 814 | color: #999999; 815 | } 816 | ::-webkit-input-placeholder { 817 | color: #999999; 818 | } 819 | .help-block { 820 | margin-top: 5px; 821 | margin-bottom: 0; 822 | color: #999999; 823 | } 824 | .help-inline { 825 | display: inline-block; 826 | *display: inline; 827 | /* IE7 inline-block hack */ 828 | 829 | *zoom: 1; 830 | margin-bottom: 9px; 831 | vertical-align: middle; 832 | padding-left: 5px; 833 | } 834 | .input-prepend, .input-append { 835 | margin-bottom: 5px; 836 | *zoom: 1; 837 | } 838 | .input-prepend:before, 839 | .input-append:before, 840 | .input-prepend:after, 841 | .input-append:after { 842 | display: table; 843 | content: ""; 844 | } 845 | .input-prepend:after, .input-append:after { 846 | clear: both; 847 | } 848 | .input-prepend input, 849 | .input-append input, 850 | .input-prepend .uneditable-input, 851 | .input-append .uneditable-input { 852 | -webkit-border-radius: 0 3px 3px 0; 853 | -moz-border-radius: 0 3px 3px 0; 854 | border-radius: 0 3px 3px 0; 855 | } 856 | .input-prepend input:focus, 857 | .input-append input:focus, 858 | .input-prepend .uneditable-input:focus, 859 | .input-append .uneditable-input:focus { 860 | position: relative; 861 | z-index: 2; 862 | } 863 | .input-prepend .uneditable-input, .input-append .uneditable-input { 864 | border-left-color: #ccc; 865 | } 866 | .input-prepend .add-on, .input-append .add-on { 867 | float: left; 868 | display: block; 869 | width: auto; 870 | min-width: 16px; 871 | height: 18px; 872 | margin-right: -1px; 873 | padding: 4px 5px; 874 | font-weight: normal; 875 | line-height: 18px; 876 | color: #999999; 877 | text-align: center; 878 | text-shadow: 0 1px 0 #ffffff; 879 | background-color: #f5f5f5; 880 | border: 1px solid #ccc; 881 | -webkit-border-radius: 3px 0 0 3px; 882 | -moz-border-radius: 3px 0 0 3px; 883 | border-radius: 3px 0 0 3px; 884 | } 885 | .input-prepend .active, .input-append .active { 886 | background-color: #a9dba9; 887 | border-color: #46a546; 888 | } 889 | .input-prepend .add-on { 890 | *margin-top: 1px; 891 | /* IE6-7 */ 892 | 893 | } 894 | .input-append input, .input-append .uneditable-input { 895 | float: left; 896 | -webkit-border-radius: 3px 0 0 3px; 897 | -moz-border-radius: 3px 0 0 3px; 898 | border-radius: 3px 0 0 3px; 899 | } 900 | .input-append .uneditable-input { 901 | border-right-color: #ccc; 902 | } 903 | .input-append .add-on { 904 | margin-right: 0; 905 | margin-left: -1px; 906 | -webkit-border-radius: 0 3px 3px 0; 907 | -moz-border-radius: 0 3px 3px 0; 908 | border-radius: 0 3px 3px 0; 909 | } 910 | .input-append input:first-child { 911 | *margin-left: -160px; 912 | } 913 | .input-append input:first-child + .add-on { 914 | *margin-left: -21px; 915 | } 916 | .search-query { 917 | padding-left: 14px; 918 | padding-right: 14px; 919 | margin-bottom: 0; 920 | -webkit-border-radius: 14px; 921 | -moz-border-radius: 14px; 922 | border-radius: 14px; 923 | } 924 | .form-search input, 925 | .form-inline input, 926 | .form-horizontal input, 927 | .form-search textarea, 928 | .form-inline textarea, 929 | .form-horizontal textarea, 930 | .form-search select, 931 | .form-inline select, 932 | .form-horizontal select, 933 | .form-search .help-inline, 934 | .form-inline .help-inline, 935 | .form-horizontal .help-inline, 936 | .form-search .uneditable-input, 937 | .form-inline .uneditable-input, 938 | .form-horizontal .uneditable-input { 939 | display: inline-block; 940 | margin-bottom: 0; 941 | } 942 | .form-search label, 943 | .form-inline label, 944 | .form-search .input-append, 945 | .form-inline .input-append, 946 | .form-search .input-prepend, 947 | .form-inline .input-prepend { 948 | display: inline-block; 949 | } 950 | .form-search .input-append .add-on, 951 | .form-inline .input-prepend .add-on, 952 | .form-search .input-append .add-on, 953 | .form-inline .input-prepend .add-on { 954 | vertical-align: middle; 955 | } 956 | .control-group { 957 | margin-bottom: 9px; 958 | } 959 | .form-horizontal legend + .control-group { 960 | margin-top: 18px; 961 | -webkit-margin-top-collapse: separate; 962 | } 963 | .form-horizontal .control-group { 964 | margin-bottom: 18px; 965 | *zoom: 1; 966 | } 967 | .form-horizontal .control-group:before, .form-horizontal .control-group:after { 968 | display: table; 969 | content: ""; 970 | } 971 | .form-horizontal .control-group:after { 972 | clear: both; 973 | } 974 | .form-horizontal .control-group > label { 975 | float: left; 976 | width: 140px; 977 | padding-top: 5px; 978 | text-align: right; 979 | } 980 | .form-horizontal .controls { 981 | margin-left: 160px; 982 | } 983 | .form-horizontal .form-actions { 984 | padding-left: 160px; 985 | } 986 | table { 987 | max-width: 100%; 988 | border-collapse: collapse; 989 | border-spacing: 0; 990 | } 991 | .table { 992 | width: 100%; 993 | margin-bottom: 18px; 994 | } 995 | .table th, .table td { 996 | padding: 8px; 997 | line-height: 18px; 998 | text-align: left; 999 | border-top: 1px solid #ddd; 1000 | } 1001 | .table th { 1002 | font-weight: bold; 1003 | vertical-align: bottom; 1004 | } 1005 | .table td { 1006 | vertical-align: top; 1007 | } 1008 | .table thead:first-child tr th, .table thead:first-child tr td { 1009 | border-top: 0; 1010 | } 1011 | .table tbody + tbody { 1012 | border-top: 2px solid #ddd; 1013 | } 1014 | .table-condensed th, .table-condensed td { 1015 | padding: 4px 5px; 1016 | } 1017 | .table-bordered { 1018 | border: 1px solid #ddd; 1019 | border-collapse: separate; 1020 | *border-collapse: collapsed; 1021 | -webkit-border-radius: 4px; 1022 | -moz-border-radius: 4px; 1023 | border-radius: 4px; 1024 | } 1025 | .table-bordered th + th, 1026 | .table-bordered td + td, 1027 | .table-bordered th + td, 1028 | .table-bordered td + th { 1029 | border-left: 1px solid #ddd; 1030 | } 1031 | .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 { 1032 | border-top: 0; 1033 | } 1034 | .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { 1035 | -webkit-border-radius: 4px 0 0 0; 1036 | -moz-border-radius: 4px 0 0 0; 1037 | border-radius: 4px 0 0 0; 1038 | } 1039 | .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { 1040 | -webkit-border-radius: 0 4px 0 0; 1041 | -moz-border-radius: 0 4px 0 0; 1042 | border-radius: 0 4px 0 0; 1043 | } 1044 | .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child { 1045 | -webkit-border-radius: 0 0 0 4px; 1046 | -moz-border-radius: 0 0 0 4px; 1047 | border-radius: 0 0 0 4px; 1048 | } 1049 | .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child { 1050 | -webkit-border-radius: 0 0 4px 0; 1051 | -moz-border-radius: 0 0 4px 0; 1052 | border-radius: 0 0 4px 0; 1053 | } 1054 | .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { 1055 | background-color: #f9f9f9; 1056 | } 1057 | table .span1 { 1058 | float: none; 1059 | width: 44px; 1060 | margin-left: 0; 1061 | } 1062 | table .span2 { 1063 | float: none; 1064 | width: 124px; 1065 | margin-left: 0; 1066 | } 1067 | table .span3 { 1068 | float: none; 1069 | width: 204px; 1070 | margin-left: 0; 1071 | } 1072 | table .span4 { 1073 | float: none; 1074 | width: 284px; 1075 | margin-left: 0; 1076 | } 1077 | table .span5 { 1078 | float: none; 1079 | width: 364px; 1080 | margin-left: 0; 1081 | } 1082 | table .span6 { 1083 | float: none; 1084 | width: 444px; 1085 | margin-left: 0; 1086 | } 1087 | table .span7 { 1088 | float: none; 1089 | width: 524px; 1090 | margin-left: 0; 1091 | } 1092 | table .span8 { 1093 | float: none; 1094 | width: 604px; 1095 | margin-left: 0; 1096 | } 1097 | table .span9 { 1098 | float: none; 1099 | width: 684px; 1100 | margin-left: 0; 1101 | } 1102 | table .span10 { 1103 | float: none; 1104 | width: 764px; 1105 | margin-left: 0; 1106 | } 1107 | table .span11 { 1108 | float: none; 1109 | width: 844px; 1110 | margin-left: 0; 1111 | } 1112 | table .span12 { 1113 | float: none; 1114 | width: 924px; 1115 | margin-left: 0; 1116 | } 1117 | [class^="icon-"] { 1118 | display: inline-block; 1119 | width: 14px; 1120 | height: 14px; 1121 | vertical-align: text-top; 1122 | background-image: url(../img/glyphicons-halflings.png); 1123 | background-position: 14px 14px; 1124 | background-repeat: no-repeat; 1125 | *margin-right: .3em; 1126 | } 1127 | [class^="icon-"]:last-child { 1128 | *margin-left: 0; 1129 | } 1130 | .icon-white { 1131 | background-image: url(../img/glyphicons-halflings-white.png); 1132 | } 1133 | .icon-glass { 1134 | background-position: 0 0; 1135 | } 1136 | .icon-music { 1137 | background-position: -24px 0; 1138 | } 1139 | .icon-search { 1140 | background-position: -48px 0; 1141 | } 1142 | .icon-envelope { 1143 | background-position: -72px 0; 1144 | } 1145 | .icon-heart { 1146 | background-position: -96px 0; 1147 | } 1148 | .icon-star { 1149 | background-position: -120px 0; 1150 | } 1151 | .icon-star-empty { 1152 | background-position: -144px 0; 1153 | } 1154 | .icon-user { 1155 | background-position: -168px 0; 1156 | } 1157 | .icon-film { 1158 | background-position: -192px 0; 1159 | } 1160 | .icon-th-large { 1161 | background-position: -216px 0; 1162 | } 1163 | .icon-th { 1164 | background-position: -240px 0; 1165 | } 1166 | .icon-th-list { 1167 | background-position: -264px 0; 1168 | } 1169 | .icon-ok { 1170 | background-position: -288px 0; 1171 | } 1172 | .icon-remove { 1173 | background-position: -312px 0; 1174 | } 1175 | .icon-zoom-in { 1176 | background-position: -336px 0; 1177 | } 1178 | .icon-zoom-out { 1179 | background-position: -360px 0; 1180 | } 1181 | .icon-off { 1182 | background-position: -384px 0; 1183 | } 1184 | .icon-signal { 1185 | background-position: -408px 0; 1186 | } 1187 | .icon-cog { 1188 | background-position: -432px 0; 1189 | } 1190 | .icon-trash { 1191 | background-position: -456px 0; 1192 | } 1193 | .icon-home { 1194 | background-position: 0 -24px; 1195 | } 1196 | .icon-file { 1197 | background-position: -24px -24px; 1198 | } 1199 | .icon-time { 1200 | background-position: -48px -24px; 1201 | } 1202 | .icon-road { 1203 | background-position: -72px -24px; 1204 | } 1205 | .icon-download-alt { 1206 | background-position: -96px -24px; 1207 | } 1208 | .icon-download { 1209 | background-position: -120px -24px; 1210 | } 1211 | .icon-upload { 1212 | background-position: -144px -24px; 1213 | } 1214 | .icon-inbox { 1215 | background-position: -168px -24px; 1216 | } 1217 | .icon-play-circle { 1218 | background-position: -192px -24px; 1219 | } 1220 | .icon-repeat { 1221 | background-position: -216px -24px; 1222 | } 1223 | .icon-refresh { 1224 | background-position: -240px -24px; 1225 | } 1226 | .icon-list-alt { 1227 | background-position: -264px -24px; 1228 | } 1229 | .icon-lock { 1230 | background-position: -287px -24px; 1231 | } 1232 | .icon-flag { 1233 | background-position: -312px -24px; 1234 | } 1235 | .icon-headphones { 1236 | background-position: -336px -24px; 1237 | } 1238 | .icon-volume-off { 1239 | background-position: -360px -24px; 1240 | } 1241 | .icon-volume-down { 1242 | background-position: -384px -24px; 1243 | } 1244 | .icon-volume-up { 1245 | background-position: -408px -24px; 1246 | } 1247 | .icon-qrcode { 1248 | background-position: -432px -24px; 1249 | } 1250 | .icon-barcode { 1251 | background-position: -456px -24px; 1252 | } 1253 | .icon-tag { 1254 | background-position: 0 -48px; 1255 | } 1256 | .icon-tags { 1257 | background-position: -25px -48px; 1258 | } 1259 | .icon-book { 1260 | background-position: -48px -48px; 1261 | } 1262 | .icon-bookmark { 1263 | background-position: -72px -48px; 1264 | } 1265 | .icon-print { 1266 | background-position: -96px -48px; 1267 | } 1268 | .icon-camera { 1269 | background-position: -120px -48px; 1270 | } 1271 | .icon-font { 1272 | background-position: -144px -48px; 1273 | } 1274 | .icon-bold { 1275 | background-position: -167px -48px; 1276 | } 1277 | .icon-italic { 1278 | background-position: -192px -48px; 1279 | } 1280 | .icon-text-height { 1281 | background-position: -216px -48px; 1282 | } 1283 | .icon-text-width { 1284 | background-position: -240px -48px; 1285 | } 1286 | .icon-align-left { 1287 | background-position: -264px -48px; 1288 | } 1289 | .icon-align-center { 1290 | background-position: -288px -48px; 1291 | } 1292 | .icon-align-right { 1293 | background-position: -312px -48px; 1294 | } 1295 | .icon-align-justify { 1296 | background-position: -336px -48px; 1297 | } 1298 | .icon-list { 1299 | background-position: -360px -48px; 1300 | } 1301 | .icon-indent-left { 1302 | background-position: -384px -48px; 1303 | } 1304 | .icon-indent-right { 1305 | background-position: -408px -48px; 1306 | } 1307 | .icon-facetime-video { 1308 | background-position: -432px -48px; 1309 | } 1310 | .icon-picture { 1311 | background-position: -456px -48px; 1312 | } 1313 | .icon-pencil { 1314 | background-position: 0 -72px; 1315 | } 1316 | .icon-map-marker { 1317 | background-position: -24px -72px; 1318 | } 1319 | .icon-adjust { 1320 | background-position: -48px -72px; 1321 | } 1322 | .icon-tint { 1323 | background-position: -72px -72px; 1324 | } 1325 | .icon-edit { 1326 | background-position: -96px -72px; 1327 | } 1328 | .icon-share { 1329 | background-position: -120px -72px; 1330 | } 1331 | .icon-check { 1332 | background-position: -144px -72px; 1333 | } 1334 | .icon-move { 1335 | background-position: -168px -72px; 1336 | } 1337 | .icon-step-backward { 1338 | background-position: -192px -72px; 1339 | } 1340 | .icon-fast-backward { 1341 | background-position: -216px -72px; 1342 | } 1343 | .icon-backward { 1344 | background-position: -240px -72px; 1345 | } 1346 | .icon-play { 1347 | background-position: -264px -72px; 1348 | } 1349 | .icon-pause { 1350 | background-position: -288px -72px; 1351 | } 1352 | .icon-stop { 1353 | background-position: -312px -72px; 1354 | } 1355 | .icon-forward { 1356 | background-position: -336px -72px; 1357 | } 1358 | .icon-fast-forward { 1359 | background-position: -360px -72px; 1360 | } 1361 | .icon-step-forward { 1362 | background-position: -384px -72px; 1363 | } 1364 | .icon-eject { 1365 | background-position: -408px -72px; 1366 | } 1367 | .icon-chevron-left { 1368 | background-position: -432px -72px; 1369 | } 1370 | .icon-chevron-right { 1371 | background-position: -456px -72px; 1372 | } 1373 | .icon-plus-sign { 1374 | background-position: 0 -96px; 1375 | } 1376 | .icon-minus-sign { 1377 | background-position: -24px -96px; 1378 | } 1379 | .icon-remove-sign { 1380 | background-position: -48px -96px; 1381 | } 1382 | .icon-ok-sign { 1383 | background-position: -72px -96px; 1384 | } 1385 | .icon-question-sign { 1386 | background-position: -96px -96px; 1387 | } 1388 | .icon-info-sign { 1389 | background-position: -120px -96px; 1390 | } 1391 | .icon-screenshot { 1392 | background-position: -144px -96px; 1393 | } 1394 | .icon-remove-circle { 1395 | background-position: -168px -96px; 1396 | } 1397 | .icon-ok-circle { 1398 | background-position: -192px -96px; 1399 | } 1400 | .icon-ban-circle { 1401 | background-position: -216px -96px; 1402 | } 1403 | .icon-arrow-left { 1404 | background-position: -240px -96px; 1405 | } 1406 | .icon-arrow-right { 1407 | background-position: -264px -96px; 1408 | } 1409 | .icon-arrow-up { 1410 | background-position: -289px -96px; 1411 | } 1412 | .icon-arrow-down { 1413 | background-position: -312px -96px; 1414 | } 1415 | .icon-share-alt { 1416 | background-position: -336px -96px; 1417 | } 1418 | .icon-resize-full { 1419 | background-position: -360px -96px; 1420 | } 1421 | .icon-resize-small { 1422 | background-position: -384px -96px; 1423 | } 1424 | .icon-plus { 1425 | background-position: -408px -96px; 1426 | } 1427 | .icon-minus { 1428 | background-position: -433px -96px; 1429 | } 1430 | .icon-asterisk { 1431 | background-position: -456px -96px; 1432 | } 1433 | .icon-exclamation-sign { 1434 | background-position: 0 -120px; 1435 | } 1436 | .icon-gift { 1437 | background-position: -24px -120px; 1438 | } 1439 | .icon-leaf { 1440 | background-position: -48px -120px; 1441 | } 1442 | .icon-fire { 1443 | background-position: -72px -120px; 1444 | } 1445 | .icon-eye-open { 1446 | background-position: -96px -120px; 1447 | } 1448 | .icon-eye-close { 1449 | background-position: -120px -120px; 1450 | } 1451 | .icon-warning-sign { 1452 | background-position: -144px -120px; 1453 | } 1454 | .icon-plane { 1455 | background-position: -168px -120px; 1456 | } 1457 | .icon-calendar { 1458 | background-position: -192px -120px; 1459 | } 1460 | .icon-random { 1461 | background-position: -216px -120px; 1462 | } 1463 | .icon-comment { 1464 | background-position: -240px -120px; 1465 | } 1466 | .icon-magnet { 1467 | background-position: -264px -120px; 1468 | } 1469 | .icon-chevron-up { 1470 | background-position: -288px -120px; 1471 | } 1472 | .icon-chevron-down { 1473 | background-position: -313px -119px; 1474 | } 1475 | .icon-retweet { 1476 | background-position: -336px -120px; 1477 | } 1478 | .icon-shopping-cart { 1479 | background-position: -360px -120px; 1480 | } 1481 | .icon-folder-close { 1482 | background-position: -384px -120px; 1483 | } 1484 | .icon-folder-open { 1485 | background-position: -408px -120px; 1486 | } 1487 | .icon-resize-vertical { 1488 | background-position: -432px -119px; 1489 | } 1490 | .icon-resize-horizontal { 1491 | background-position: -456px -118px; 1492 | } 1493 | .dropdown { 1494 | position: relative; 1495 | } 1496 | .dropdown-toggle { 1497 | *margin-bottom: -3px; 1498 | } 1499 | .dropdown-toggle:active, .open .dropdown-toggle { 1500 | outline: 0; 1501 | } 1502 | .caret { 1503 | display: inline-block; 1504 | width: 0; 1505 | height: 0; 1506 | text-indent: -99999px; 1507 | *text-indent: 0; 1508 | vertical-align: top; 1509 | border-left: 4px solid transparent; 1510 | border-right: 4px solid transparent; 1511 | border-top: 4px solid #000000; 1512 | opacity: 0.3; 1513 | filter: alpha(opacity=30); 1514 | content: "\2193"; 1515 | } 1516 | .dropdown .caret { 1517 | margin-top: 8px; 1518 | margin-left: 2px; 1519 | } 1520 | .dropdown:hover .caret, .open.dropdown .caret { 1521 | opacity: 1; 1522 | filter: alpha(opacity=100); 1523 | } 1524 | .dropdown-menu { 1525 | position: absolute; 1526 | top: 100%; 1527 | left: 0; 1528 | z-index: 1000; 1529 | float: left; 1530 | display: none; 1531 | min-width: 160px; 1532 | max-width: 220px; 1533 | _width: 160px; 1534 | padding: 4px 0; 1535 | margin: 0; 1536 | list-style: none; 1537 | background-color: #ffffff; 1538 | border-color: #ccc; 1539 | border-color: rgba(0, 0, 0, 0.2); 1540 | border-style: solid; 1541 | border-width: 1px; 1542 | -webkit-border-radius: 0 0 5px 5px; 1543 | -moz-border-radius: 0 0 5px 5px; 1544 | border-radius: 0 0 5px 5px; 1545 | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 1546 | -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 1547 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 1548 | -webkit-background-clip: padding-box; 1549 | -moz-background-clip: padding; 1550 | background-clip: padding-box; 1551 | *border-right-width: 2px; 1552 | *border-bottom-width: 2px; 1553 | } 1554 | .dropdown-menu.bottom-up { 1555 | top: auto; 1556 | bottom: 100%; 1557 | margin-bottom: 2px; 1558 | } 1559 | .dropdown-menu .divider { 1560 | height: 1px; 1561 | margin: 5px 1px; 1562 | overflow: hidden; 1563 | background-color: #e5e5e5; 1564 | border-bottom: 1px solid #ffffff; 1565 | *width: 100%; 1566 | *margin: -5px 0 5px; 1567 | } 1568 | .dropdown-menu a { 1569 | display: block; 1570 | padding: 3px 15px; 1571 | clear: both; 1572 | font-weight: normal; 1573 | line-height: 18px; 1574 | color: #555555; 1575 | white-space: nowrap; 1576 | } 1577 | .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { 1578 | color: #ffffff; 1579 | text-decoration: none; 1580 | background-color: #0088cc; 1581 | } 1582 | .dropdown.open { 1583 | *z-index: 1000; 1584 | } 1585 | .dropdown.open .dropdown-toggle { 1586 | color: #ffffff; 1587 | background: #ccc; 1588 | background: rgba(0, 0, 0, 0.3); 1589 | } 1590 | .dropdown.open .dropdown-menu { 1591 | display: block; 1592 | } 1593 | .typeahead { 1594 | margin-top: 2px; 1595 | -webkit-border-radius: 4px; 1596 | -moz-border-radius: 4px; 1597 | border-radius: 4px; 1598 | } 1599 | .well { 1600 | min-height: 20px; 1601 | padding: 19px; 1602 | margin-bottom: 20px; 1603 | background-color: #f5f5f5; 1604 | border: 1px solid #eee; 1605 | border: 1px solid rgba(0, 0, 0, 0.05); 1606 | -webkit-border-radius: 4px; 1607 | -moz-border-radius: 4px; 1608 | border-radius: 4px; 1609 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); 1610 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); 1611 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); 1612 | } 1613 | .well blockquote { 1614 | border-color: #ddd; 1615 | border-color: rgba(0, 0, 0, 0.15); 1616 | } 1617 | .fade { 1618 | -webkit-transition: opacity 0.15s linear; 1619 | -moz-transition: opacity 0.15s linear; 1620 | -ms-transition: opacity 0.15s linear; 1621 | -o-transition: opacity 0.15s linear; 1622 | transition: opacity 0.15s linear; 1623 | opacity: 0; 1624 | } 1625 | .fade.in { 1626 | opacity: 1; 1627 | } 1628 | .collapse { 1629 | -webkit-transition: height 0.35s ease; 1630 | -moz-transition: height 0.35s ease; 1631 | -ms-transition: height 0.35s ease; 1632 | -o-transition: height 0.35s ease; 1633 | transition: height 0.35s ease; 1634 | position: relative; 1635 | overflow: hidden; 1636 | height: 0; 1637 | } 1638 | .collapse.in { 1639 | height: auto; 1640 | } 1641 | .close { 1642 | float: right; 1643 | font-size: 20px; 1644 | font-weight: bold; 1645 | line-height: 18px; 1646 | color: #000000; 1647 | text-shadow: 0 1px 0 #ffffff; 1648 | opacity: 0.2; 1649 | filter: alpha(opacity=20); 1650 | } 1651 | .close:hover { 1652 | color: #000000; 1653 | text-decoration: none; 1654 | opacity: 0.4; 1655 | filter: alpha(opacity=40); 1656 | cursor: pointer; 1657 | } 1658 | .btn { 1659 | display: inline-block; 1660 | padding: 4px 10px 4px; 1661 | font-size: 13px; 1662 | line-height: 18px; 1663 | color: #333333; 1664 | text-align: center; 1665 | text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); 1666 | background-color: #fafafa; 1667 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); 1668 | background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); 1669 | background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); 1670 | background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); 1671 | background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); 1672 | background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); 1673 | background-repeat: no-repeat; 1674 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); 1675 | border: 1px solid #ccc; 1676 | border-bottom-color: #bbb; 1677 | -webkit-border-radius: 4px; 1678 | -moz-border-radius: 4px; 1679 | border-radius: 4px; 1680 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 1681 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 1682 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 1683 | cursor: pointer; 1684 | *margin-left: .3em; 1685 | } 1686 | .btn:first-child { 1687 | *margin-left: 0; 1688 | } 1689 | .btn:hover { 1690 | color: #333333; 1691 | text-decoration: none; 1692 | background-color: #e6e6e6; 1693 | background-position: 0 -15px; 1694 | -webkit-transition: background-position 0.1s linear; 1695 | -moz-transition: background-position 0.1s linear; 1696 | -ms-transition: background-position 0.1s linear; 1697 | -o-transition: background-position 0.1s linear; 1698 | transition: background-position 0.1s linear; 1699 | } 1700 | .btn:focus { 1701 | outline: thin dotted; 1702 | outline: 5px auto -webkit-focus-ring-color; 1703 | outline-offset: -2px; 1704 | } 1705 | .btn.active, .btn:active { 1706 | background-image: none; 1707 | -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 1708 | -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 1709 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 1710 | background-color: #e6e6e6; 1711 | background-color: #d9d9d9 \9; 1712 | color: rgba(0, 0, 0, 0.5); 1713 | outline: 0; 1714 | } 1715 | .btn.disabled, .btn[disabled] { 1716 | cursor: default; 1717 | background-image: none; 1718 | background-color: #e6e6e6; 1719 | opacity: 0.65; 1720 | filter: alpha(opacity=65); 1721 | -webkit-box-shadow: none; 1722 | -moz-box-shadow: none; 1723 | box-shadow: none; 1724 | } 1725 | .btn-large { 1726 | padding: 9px 14px; 1727 | font-size: 15px; 1728 | line-height: normal; 1729 | -webkit-border-radius: 5px; 1730 | -moz-border-radius: 5px; 1731 | border-radius: 5px; 1732 | } 1733 | .btn-large .icon { 1734 | margin-top: 1px; 1735 | } 1736 | .btn-small { 1737 | padding: 5px 9px; 1738 | font-size: 11px; 1739 | line-height: 16px; 1740 | } 1741 | .btn-small .icon { 1742 | margin-top: -1px; 1743 | } 1744 | .btn-primary, 1745 | .btn-primary:hover, 1746 | .btn-warning, 1747 | .btn-warning:hover, 1748 | .btn-danger, 1749 | .btn-danger:hover, 1750 | .btn-success, 1751 | .btn-success:hover, 1752 | .btn-info, 1753 | .btn-info:hover { 1754 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 1755 | color: #ffffff; 1756 | } 1757 | .btn-primary.active, 1758 | .btn-warning.active, 1759 | .btn-danger.active, 1760 | .btn-success.active, 1761 | .btn-info.active { 1762 | color: rgba(255, 255, 255, 0.75); 1763 | } 1764 | .btn-primary { 1765 | background-color: #006dcc; 1766 | background-image: -moz-linear-gradient(top, #0088cc, #0044cc); 1767 | background-image: -ms-linear-gradient(top, #0088cc, #0044cc); 1768 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); 1769 | background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); 1770 | background-image: -o-linear-gradient(top, #0088cc, #0044cc); 1771 | background-image: linear-gradient(top, #0088cc, #0044cc); 1772 | background-repeat: repeat-x; 1773 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); 1774 | border-color: #0044cc #0044cc #002a80; 1775 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 1776 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 1777 | } 1778 | .btn-primary:hover, 1779 | .btn-primary:active, 1780 | .btn-primary.active, 1781 | .btn-primary.disabled, 1782 | .btn-primary[disabled] { 1783 | background-color: #0044cc; 1784 | } 1785 | .btn-primary:active, .btn-primary.active { 1786 | background-color: #003399 \9; 1787 | } 1788 | .btn-warning { 1789 | background-color: #faa732; 1790 | background-image: -moz-linear-gradient(top, #fbb450, #f89406); 1791 | background-image: -ms-linear-gradient(top, #fbb450, #f89406); 1792 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); 1793 | background-image: -webkit-linear-gradient(top, #fbb450, #f89406); 1794 | background-image: -o-linear-gradient(top, #fbb450, #f89406); 1795 | background-image: linear-gradient(top, #fbb450, #f89406); 1796 | background-repeat: repeat-x; 1797 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); 1798 | border-color: #f89406 #f89406 #ad6704; 1799 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 1800 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 1801 | } 1802 | .btn-warning:hover, 1803 | .btn-warning:active, 1804 | .btn-warning.active, 1805 | .btn-warning.disabled, 1806 | .btn-warning[disabled] { 1807 | background-color: #f89406; 1808 | } 1809 | .btn-warning:active, .btn-warning.active { 1810 | background-color: #c67605 \9; 1811 | } 1812 | .btn-danger { 1813 | background-color: #da4f49; 1814 | background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); 1815 | background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); 1816 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); 1817 | background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); 1818 | background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); 1819 | background-image: linear-gradient(top, #ee5f5b, #bd362f); 1820 | background-repeat: repeat-x; 1821 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); 1822 | border-color: #bd362f #bd362f #802420; 1823 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 1824 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 1825 | } 1826 | .btn-danger:hover, 1827 | .btn-danger:active, 1828 | .btn-danger.active, 1829 | .btn-danger.disabled, 1830 | .btn-danger[disabled] { 1831 | background-color: #bd362f; 1832 | } 1833 | .btn-danger:active, .btn-danger.active { 1834 | background-color: #942a25 \9; 1835 | } 1836 | .btn-success { 1837 | background-color: #5bb75b; 1838 | background-image: -moz-linear-gradient(top, #62c462, #51a351); 1839 | background-image: -ms-linear-gradient(top, #62c462, #51a351); 1840 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); 1841 | background-image: -webkit-linear-gradient(top, #62c462, #51a351); 1842 | background-image: -o-linear-gradient(top, #62c462, #51a351); 1843 | background-image: linear-gradient(top, #62c462, #51a351); 1844 | background-repeat: repeat-x; 1845 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); 1846 | border-color: #51a351 #51a351 #387038; 1847 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 1848 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 1849 | } 1850 | .btn-success:hover, 1851 | .btn-success:active, 1852 | .btn-success.active, 1853 | .btn-success.disabled, 1854 | .btn-success[disabled] { 1855 | background-color: #51a351; 1856 | } 1857 | .btn-success:active, .btn-success.active { 1858 | background-color: #408140 \9; 1859 | } 1860 | .btn-info { 1861 | background-color: #49afcd; 1862 | background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); 1863 | background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); 1864 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); 1865 | background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); 1866 | background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); 1867 | background-image: linear-gradient(top, #5bc0de, #2f96b4); 1868 | background-repeat: repeat-x; 1869 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); 1870 | border-color: #2f96b4 #2f96b4 #1f6377; 1871 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 1872 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 1873 | } 1874 | .btn-info:hover, 1875 | .btn-info:active, 1876 | .btn-info.active, 1877 | .btn-info.disabled, 1878 | .btn-info[disabled] { 1879 | background-color: #2f96b4; 1880 | } 1881 | .btn-info:active, .btn-info.active { 1882 | background-color: #24748c \9; 1883 | } 1884 | button.btn, input[type="submit"].btn { 1885 | *padding-top: 2px; 1886 | *padding-bottom: 2px; 1887 | } 1888 | button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { 1889 | padding: 0; 1890 | border: 0; 1891 | } 1892 | button.btn.large, input[type="submit"].btn.large { 1893 | *padding-top: 7px; 1894 | *padding-bottom: 7px; 1895 | } 1896 | button.btn.small, input[type="submit"].btn.small { 1897 | *padding-top: 3px; 1898 | *padding-bottom: 3px; 1899 | } 1900 | .btn-group { 1901 | position: relative; 1902 | *zoom: 1; 1903 | *margin-left: .3em; 1904 | } 1905 | .btn-group:before, .btn-group:after { 1906 | display: table; 1907 | content: ""; 1908 | } 1909 | .btn-group:after { 1910 | clear: both; 1911 | } 1912 | .btn-group:first-child { 1913 | *margin-left: 0; 1914 | } 1915 | .btn-group + .btn-group { 1916 | margin-left: 5px; 1917 | } 1918 | .btn-toolbar { 1919 | margin-top: 9px; 1920 | margin-bottom: 9px; 1921 | } 1922 | .btn-toolbar .btn-group { 1923 | display: inline-block; 1924 | *display: inline; 1925 | /* IE7 inline-block hack */ 1926 | 1927 | *zoom: 1; 1928 | } 1929 | .btn-group .btn { 1930 | position: relative; 1931 | float: left; 1932 | margin-left: -1px; 1933 | -webkit-border-radius: 0; 1934 | -moz-border-radius: 0; 1935 | border-radius: 0; 1936 | } 1937 | .btn-group .btn:first-child { 1938 | margin-left: 0; 1939 | -webkit-border-top-left-radius: 4px; 1940 | -moz-border-radius-topleft: 4px; 1941 | border-top-left-radius: 4px; 1942 | -webkit-border-bottom-left-radius: 4px; 1943 | -moz-border-radius-bottomleft: 4px; 1944 | border-bottom-left-radius: 4px; 1945 | } 1946 | .btn-group .btn:last-child, .btn-group .dropdown-toggle { 1947 | -webkit-border-top-right-radius: 4px; 1948 | -moz-border-radius-topright: 4px; 1949 | border-top-right-radius: 4px; 1950 | -webkit-border-bottom-right-radius: 4px; 1951 | -moz-border-radius-bottomright: 4px; 1952 | border-bottom-right-radius: 4px; 1953 | } 1954 | .btn-group .btn.large:first-child { 1955 | margin-left: 0; 1956 | -webkit-border-top-left-radius: 6px; 1957 | -moz-border-radius-topleft: 6px; 1958 | border-top-left-radius: 6px; 1959 | -webkit-border-bottom-left-radius: 6px; 1960 | -moz-border-radius-bottomleft: 6px; 1961 | border-bottom-left-radius: 6px; 1962 | } 1963 | .btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle { 1964 | -webkit-border-top-right-radius: 6px; 1965 | -moz-border-radius-topright: 6px; 1966 | border-top-right-radius: 6px; 1967 | -webkit-border-bottom-right-radius: 6px; 1968 | -moz-border-radius-bottomright: 6px; 1969 | border-bottom-right-radius: 6px; 1970 | } 1971 | .btn-group .btn:hover, 1972 | .btn-group .btn:focus, 1973 | .btn-group .btn:active, 1974 | .btn-group .btn.active { 1975 | z-index: 2; 1976 | } 1977 | .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { 1978 | outline: 0; 1979 | } 1980 | .btn-group .dropdown-toggle { 1981 | padding-left: 8px; 1982 | padding-right: 8px; 1983 | -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); 1984 | -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); 1985 | 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); 1986 | *padding-top: 5px; 1987 | *padding-bottom: 5px; 1988 | } 1989 | .btn-group.open { 1990 | *z-index: 1000; 1991 | } 1992 | .btn-group.open .dropdown-menu { 1993 | display: block; 1994 | margin-top: 1px; 1995 | -webkit-border-radius: 5px; 1996 | -moz-border-radius: 5px; 1997 | border-radius: 5px; 1998 | } 1999 | .btn-group.open .dropdown-toggle { 2000 | background-image: none; 2001 | -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 2002 | -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 2003 | box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 2004 | } 2005 | .btn .caret { 2006 | margin-top: 7px; 2007 | margin-left: 0; 2008 | } 2009 | .btn:hover .caret, .open.btn-group .caret { 2010 | opacity: 1; 2011 | filter: alpha(opacity=100); 2012 | } 2013 | .btn-primary .caret, 2014 | .btn-danger .caret, 2015 | .btn-info .caret, 2016 | .btn-success .caret { 2017 | border-top-color: #ffffff; 2018 | opacity: 0.75; 2019 | filter: alpha(opacity=75); 2020 | } 2021 | .btn-small .caret { 2022 | margin-top: 4px; 2023 | } 2024 | .alert { 2025 | padding: 8px 35px 8px 14px; 2026 | margin-bottom: 18px; 2027 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 2028 | background-color: #fcf8e3; 2029 | border: 1px solid #fbeed5; 2030 | -webkit-border-radius: 4px; 2031 | -moz-border-radius: 4px; 2032 | border-radius: 4px; 2033 | } 2034 | .alert, .alert-heading { 2035 | color: #c09853; 2036 | } 2037 | .alert .close { 2038 | position: relative; 2039 | top: -2px; 2040 | right: -21px; 2041 | line-height: 18px; 2042 | } 2043 | .alert-success { 2044 | background-color: #dff0d8; 2045 | border-color: #d6e9c6; 2046 | } 2047 | .alert-success, .alert-success .alert-heading { 2048 | color: #468847; 2049 | } 2050 | .alert-danger, .alert-error { 2051 | background-color: #f2dede; 2052 | border-color: #eed3d7; 2053 | } 2054 | .alert-danger, 2055 | .alert-error, 2056 | .alert-danger .alert-heading, 2057 | .alert-error .alert-heading { 2058 | color: #b94a48; 2059 | } 2060 | .alert-info { 2061 | background-color: #d9edf7; 2062 | border-color: #bce8f1; 2063 | } 2064 | .alert-info, .alert-info .alert-heading { 2065 | color: #3a87ad; 2066 | } 2067 | .alert-block { 2068 | padding-top: 14px; 2069 | padding-bottom: 14px; 2070 | } 2071 | .alert-block > p, .alert-block > ul { 2072 | margin-bottom: 0; 2073 | } 2074 | .alert-block p + p { 2075 | margin-top: 5px; 2076 | } 2077 | .nav { 2078 | margin-left: 0; 2079 | margin-bottom: 18px; 2080 | list-style: none; 2081 | } 2082 | .nav > li > a { 2083 | display: block; 2084 | } 2085 | .nav > li > a:hover { 2086 | text-decoration: none; 2087 | background-color: #eeeeee; 2088 | } 2089 | .nav-list { 2090 | padding-left: 14px; 2091 | padding-right: 14px; 2092 | margin-bottom: 0; 2093 | } 2094 | .nav-list > li > a, .nav-list .nav-header { 2095 | display: block; 2096 | padding: 3px 15px; 2097 | margin-left: -15px; 2098 | margin-right: -15px; 2099 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 2100 | } 2101 | .nav-list .nav-header { 2102 | font-size: 11px; 2103 | font-weight: bold; 2104 | line-height: 18px; 2105 | color: #999999; 2106 | text-transform: uppercase; 2107 | } 2108 | .nav-list > li + .nav-header { 2109 | margin-top: 9px; 2110 | } 2111 | .nav-list .active > a, .nav-list .active > a:hover { 2112 | color: #ffffff; 2113 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); 2114 | background-color: #0088cc; 2115 | } 2116 | .nav-list [class^="icon-"] { 2117 | margin-right: 2px; 2118 | } 2119 | .nav-tabs, .nav-pills { 2120 | *zoom: 1; 2121 | } 2122 | .nav-tabs:before, 2123 | .nav-pills:before, 2124 | .nav-tabs:after, 2125 | .nav-pills:after { 2126 | display: table; 2127 | content: ""; 2128 | } 2129 | .nav-tabs:after, .nav-pills:after { 2130 | clear: both; 2131 | } 2132 | .nav-tabs > li, .nav-pills > li { 2133 | float: left; 2134 | } 2135 | .nav-tabs > li > a, .nav-pills > li > a { 2136 | padding-right: 12px; 2137 | padding-left: 12px; 2138 | margin-right: 2px; 2139 | line-height: 14px; 2140 | } 2141 | .nav-tabs { 2142 | border-bottom: 1px solid #ddd; 2143 | } 2144 | .nav-tabs > li { 2145 | margin-bottom: -1px; 2146 | } 2147 | .nav-tabs > li > a { 2148 | padding-top: 9px; 2149 | padding-bottom: 9px; 2150 | border: 1px solid transparent; 2151 | -webkit-border-radius: 4px 4px 0 0; 2152 | -moz-border-radius: 4px 4px 0 0; 2153 | border-radius: 4px 4px 0 0; 2154 | } 2155 | .nav-tabs > li > a:hover { 2156 | border-color: #eeeeee #eeeeee #dddddd; 2157 | } 2158 | .nav-tabs > .active > a, .nav-tabs > .active > a:hover { 2159 | color: #555555; 2160 | background-color: #ffffff; 2161 | border: 1px solid #ddd; 2162 | border-bottom-color: transparent; 2163 | cursor: default; 2164 | } 2165 | .nav-pills > li > a { 2166 | padding-top: 8px; 2167 | padding-bottom: 8px; 2168 | margin-top: 2px; 2169 | margin-bottom: 2px; 2170 | -webkit-border-radius: 5px; 2171 | -moz-border-radius: 5px; 2172 | border-radius: 5px; 2173 | } 2174 | .nav-pills .active > a, .nav-pills .active > a:hover { 2175 | color: #ffffff; 2176 | background-color: #0088cc; 2177 | } 2178 | .nav-stacked > li { 2179 | float: none; 2180 | } 2181 | .nav-stacked > li > a { 2182 | margin-right: 0; 2183 | } 2184 | .nav-tabs.nav-stacked { 2185 | border-bottom: 0; 2186 | } 2187 | .nav-tabs.nav-stacked > li > a { 2188 | border: 1px solid #ddd; 2189 | -webkit-border-radius: 0; 2190 | -moz-border-radius: 0; 2191 | border-radius: 0; 2192 | } 2193 | .nav-tabs.nav-stacked > li:first-child > a { 2194 | -webkit-border-radius: 4px 4px 0 0; 2195 | -moz-border-radius: 4px 4px 0 0; 2196 | border-radius: 4px 4px 0 0; 2197 | } 2198 | .nav-tabs.nav-stacked > li:last-child > a { 2199 | -webkit-border-radius: 0 0 4px 4px; 2200 | -moz-border-radius: 0 0 4px 4px; 2201 | border-radius: 0 0 4px 4px; 2202 | } 2203 | .nav-tabs.nav-stacked > li > a:hover { 2204 | border-color: #ddd; 2205 | z-index: 2; 2206 | } 2207 | .nav-pills.nav-stacked > li > a { 2208 | margin-bottom: 3px; 2209 | } 2210 | .nav-pills.nav-stacked > li:last-child > a { 2211 | margin-bottom: 1px; 2212 | } 2213 | .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu { 2214 | margin-top: 1px; 2215 | border-width: 1px; 2216 | } 2217 | .nav-pills .dropdown-menu { 2218 | -webkit-border-radius: 4px; 2219 | -moz-border-radius: 4px; 2220 | border-radius: 4px; 2221 | } 2222 | .nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret { 2223 | border-top-color: #0088cc; 2224 | margin-top: 6px; 2225 | } 2226 | .nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret { 2227 | border-top-color: #005580; 2228 | } 2229 | .nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret { 2230 | border-top-color: #333333; 2231 | } 2232 | .nav > .dropdown.active > a:hover { 2233 | color: #000000; 2234 | cursor: pointer; 2235 | } 2236 | .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > .open.active > a:hover { 2237 | color: #ffffff; 2238 | background-color: #999999; 2239 | border-color: #999999; 2240 | } 2241 | .nav .open .caret, .nav .open.active .caret, .nav .open a:hover .caret { 2242 | border-top-color: #ffffff; 2243 | opacity: 1; 2244 | filter: alpha(opacity=100); 2245 | } 2246 | .tabs-stacked .open > a:hover { 2247 | border-color: #999999; 2248 | } 2249 | .tabbable { 2250 | *zoom: 1; 2251 | } 2252 | .tabbable:before, .tabbable:after { 2253 | display: table; 2254 | content: ""; 2255 | } 2256 | .tabbable:after { 2257 | clear: both; 2258 | } 2259 | .tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs { 2260 | border-bottom: 0; 2261 | } 2262 | .tab-content > .tab-pane, .pill-content > .pill-pane { 2263 | display: none; 2264 | } 2265 | .tab-content > .active, .pill-content > .active { 2266 | display: block; 2267 | } 2268 | .tabs-below .nav-tabs { 2269 | border-top: 1px solid #ddd; 2270 | } 2271 | .tabs-below .nav-tabs > li { 2272 | margin-top: -1px; 2273 | margin-bottom: 0; 2274 | } 2275 | .tabs-below .nav-tabs > li > a { 2276 | -webkit-border-radius: 0 0 4px 4px; 2277 | -moz-border-radius: 0 0 4px 4px; 2278 | border-radius: 0 0 4px 4px; 2279 | } 2280 | .tabs-below .nav-tabs > li > a:hover { 2281 | border-bottom-color: transparent; 2282 | border-top-color: #ddd; 2283 | } 2284 | .tabs-below .nav-tabs .active > a, .tabs-below .nav-tabs .active > a:hover { 2285 | border-color: transparent #ddd #ddd #ddd; 2286 | } 2287 | .tabs-left .nav-tabs > li, .tabs-right .nav-tabs > li { 2288 | float: none; 2289 | } 2290 | .tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a { 2291 | min-width: 74px; 2292 | margin-right: 0; 2293 | margin-bottom: 3px; 2294 | } 2295 | .tabs-left .nav-tabs { 2296 | float: left; 2297 | margin-right: 19px; 2298 | border-right: 1px solid #ddd; 2299 | } 2300 | .tabs-left .nav-tabs > li > a { 2301 | margin-right: -1px; 2302 | -webkit-border-radius: 4px 0 0 4px; 2303 | -moz-border-radius: 4px 0 0 4px; 2304 | border-radius: 4px 0 0 4px; 2305 | } 2306 | .tabs-left .nav-tabs > li > a:hover { 2307 | border-color: #eeeeee #dddddd #eeeeee #eeeeee; 2308 | } 2309 | .tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover { 2310 | border-color: #ddd transparent #ddd #ddd; 2311 | *border-right-color: #ffffff; 2312 | } 2313 | .tabs-right .nav-tabs { 2314 | float: right; 2315 | margin-left: 19px; 2316 | border-left: 1px solid #ddd; 2317 | } 2318 | .tabs-right .nav-tabs > li > a { 2319 | margin-left: -1px; 2320 | -webkit-border-radius: 0 4px 4px 0; 2321 | -moz-border-radius: 0 4px 4px 0; 2322 | border-radius: 0 4px 4px 0; 2323 | } 2324 | .tabs-right .nav-tabs > li > a:hover { 2325 | border-color: #eeeeee #eeeeee #eeeeee #dddddd; 2326 | } 2327 | .tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active > a:hover { 2328 | border-color: #ddd #ddd #ddd transparent; 2329 | *border-left-color: #ffffff; 2330 | } 2331 | .navbar { 2332 | overflow: visible; 2333 | margin-bottom: 18px; 2334 | } 2335 | .navbar-inner { 2336 | padding-left: 20px; 2337 | padding-right: 20px; 2338 | background-color: #2c2c2c; 2339 | background-image: -moz-linear-gradient(top, #333333, #222222); 2340 | background-image: -ms-linear-gradient(top, #333333, #222222); 2341 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); 2342 | background-image: -webkit-linear-gradient(top, #333333, #222222); 2343 | background-image: -o-linear-gradient(top, #333333, #222222); 2344 | background-image: linear-gradient(top, #333333, #222222); 2345 | background-repeat: repeat-x; 2346 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); 2347 | -webkit-border-radius: 4px; 2348 | -moz-border-radius: 4px; 2349 | border-radius: 4px; 2350 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); 2351 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); 2352 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); 2353 | } 2354 | .btn-navbar { 2355 | display: none; 2356 | float: right; 2357 | padding: 7px 10px; 2358 | margin-left: 5px; 2359 | margin-right: 5px; 2360 | background-color: #2c2c2c; 2361 | background-image: -moz-linear-gradient(top, #333333, #222222); 2362 | background-image: -ms-linear-gradient(top, #333333, #222222); 2363 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); 2364 | background-image: -webkit-linear-gradient(top, #333333, #222222); 2365 | background-image: -o-linear-gradient(top, #333333, #222222); 2366 | background-image: linear-gradient(top, #333333, #222222); 2367 | background-repeat: repeat-x; 2368 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); 2369 | border-color: #222222 #222222 #000000; 2370 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 2371 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 2372 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); 2373 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); 2374 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); 2375 | } 2376 | .btn-navbar:hover, 2377 | .btn-navbar:active, 2378 | .btn-navbar.active, 2379 | .btn-navbar.disabled, 2380 | .btn-navbar[disabled] { 2381 | background-color: #222222; 2382 | } 2383 | .btn-navbar:active, .btn-navbar.active { 2384 | background-color: #080808 \9; 2385 | } 2386 | .btn-navbar .icon-bar { 2387 | display: block; 2388 | width: 18px; 2389 | height: 2px; 2390 | background-color: #f5f5f5; 2391 | -webkit-border-radius: 1px; 2392 | -moz-border-radius: 1px; 2393 | border-radius: 1px; 2394 | -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 2395 | -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 2396 | box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 2397 | } 2398 | .btn-navbar .icon-bar + .icon-bar { 2399 | margin-top: 3px; 2400 | } 2401 | .nav-collapse.collapse { 2402 | height: auto; 2403 | } 2404 | .navbar .brand:hover { 2405 | text-decoration: none; 2406 | } 2407 | .navbar .brand { 2408 | float: left; 2409 | display: block; 2410 | padding: 8px 20px 12px; 2411 | margin-left: -20px; 2412 | font-size: 20px; 2413 | font-weight: 200; 2414 | line-height: 1; 2415 | color: #ffffff; 2416 | } 2417 | .navbar .navbar-text { 2418 | margin-bottom: 0; 2419 | line-height: 40px; 2420 | color: #999999; 2421 | } 2422 | .navbar .navbar-text a:hover { 2423 | color: #ffffff; 2424 | background-color: transparent; 2425 | } 2426 | .navbar .btn, .navbar .btn-group { 2427 | margin-top: 5px; 2428 | } 2429 | .navbar .btn-group .btn { 2430 | margin-top: 0; 2431 | } 2432 | .navbar-form { 2433 | margin-bottom: 0; 2434 | *zoom: 1; 2435 | } 2436 | .navbar-form:before, .navbar-form:after { 2437 | display: table; 2438 | content: ""; 2439 | } 2440 | .navbar-form:after { 2441 | clear: both; 2442 | } 2443 | .navbar-form input, .navbar-form select { 2444 | display: inline-block; 2445 | margin-top: 5px; 2446 | margin-bottom: 0; 2447 | } 2448 | .navbar-form .radio, .navbar-form .checkbox { 2449 | margin-top: 5px; 2450 | } 2451 | .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { 2452 | margin-top: 3px; 2453 | } 2454 | .navbar-search { 2455 | position: relative; 2456 | float: left; 2457 | margin-top: 6px; 2458 | margin-bottom: 0; 2459 | } 2460 | .navbar-search .search-query { 2461 | padding: 4px 9px; 2462 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 2463 | font-size: 13px; 2464 | font-weight: normal; 2465 | line-height: 1; 2466 | color: #ffffff; 2467 | color: rgba(255, 255, 255, 0.75); 2468 | background: #666; 2469 | background: rgba(255, 255, 255, 0.3); 2470 | border: 1px solid #111; 2471 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); 2472 | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); 2473 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); 2474 | -webkit-transition: none; 2475 | -moz-transition: none; 2476 | -ms-transition: none; 2477 | -o-transition: none; 2478 | transition: none; 2479 | } 2480 | .navbar-search .search-query :-moz-placeholder { 2481 | color: #eeeeee; 2482 | } 2483 | .navbar-search .search-query::-webkit-input-placeholder { 2484 | color: #eeeeee; 2485 | } 2486 | .navbar-search .search-query:hover { 2487 | color: #ffffff; 2488 | background-color: #999999; 2489 | background-color: rgba(255, 255, 255, 0.5); 2490 | } 2491 | .navbar-search .search-query:focus, .navbar-search .search-query.focused { 2492 | padding: 5px 10px; 2493 | color: #333333; 2494 | text-shadow: 0 1px 0 #ffffff; 2495 | background-color: #ffffff; 2496 | border: 0; 2497 | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); 2498 | -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); 2499 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); 2500 | outline: 0; 2501 | } 2502 | .navbar-fixed-top { 2503 | position: fixed; 2504 | top: 0; 2505 | right: 0; 2506 | left: 0; 2507 | z-index: 1030; 2508 | } 2509 | .navbar-fixed-top .navbar-inner { 2510 | padding-left: 0; 2511 | padding-right: 0; 2512 | -webkit-border-radius: 0; 2513 | -moz-border-radius: 0; 2514 | border-radius: 0; 2515 | } 2516 | .navbar .nav { 2517 | position: relative; 2518 | left: 0; 2519 | display: block; 2520 | float: left; 2521 | margin: 0 10px 0 0; 2522 | } 2523 | .navbar .nav.pull-right { 2524 | float: right; 2525 | } 2526 | .navbar .nav > li { 2527 | display: block; 2528 | float: left; 2529 | } 2530 | .navbar .nav > li > a { 2531 | float: none; 2532 | padding: 10px 10px 11px; 2533 | line-height: 19px; 2534 | color: #999999; 2535 | text-decoration: none; 2536 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 2537 | } 2538 | .navbar .nav > li > a:hover { 2539 | background-color: transparent; 2540 | color: #ffffff; 2541 | text-decoration: none; 2542 | } 2543 | .navbar .nav .active > a, .navbar .nav .active > a:hover { 2544 | color: #ffffff; 2545 | text-decoration: none; 2546 | background-color: #222222; 2547 | background-color: rgba(0, 0, 0, 0.5); 2548 | } 2549 | .navbar .divider-vertical { 2550 | height: 40px; 2551 | width: 1px; 2552 | margin: 0 9px; 2553 | overflow: hidden; 2554 | background-color: #222222; 2555 | border-right: 1px solid #333333; 2556 | } 2557 | .navbar .nav.pull-right { 2558 | margin-left: 10px; 2559 | margin-right: 0; 2560 | } 2561 | .navbar .dropdown-menu { 2562 | margin-top: 1px; 2563 | -webkit-border-radius: 4px; 2564 | -moz-border-radius: 4px; 2565 | border-radius: 4px; 2566 | } 2567 | .navbar .dropdown-menu:before { 2568 | content: ''; 2569 | display: inline-block; 2570 | border-left: 7px solid transparent; 2571 | border-right: 7px solid transparent; 2572 | border-bottom: 7px solid #ccc; 2573 | border-bottom-color: rgba(0, 0, 0, 0.2); 2574 | position: absolute; 2575 | top: -7px; 2576 | left: 9px; 2577 | } 2578 | .navbar .dropdown-menu:after { 2579 | content: ''; 2580 | display: inline-block; 2581 | border-left: 6px solid transparent; 2582 | border-right: 6px solid transparent; 2583 | border-bottom: 6px solid #ffffff; 2584 | position: absolute; 2585 | top: -6px; 2586 | left: 10px; 2587 | } 2588 | .navbar .nav .dropdown-toggle .caret, .navbar .nav .open.dropdown .caret { 2589 | border-top-color: #ffffff; 2590 | } 2591 | .navbar .nav .active .caret { 2592 | opacity: 1; 2593 | filter: alpha(opacity=100); 2594 | } 2595 | .navbar .nav .open > .dropdown-toggle, .navbar .nav .active > .dropdown-toggle, .navbar .nav .open.active > .dropdown-toggle { 2596 | background-color: transparent; 2597 | } 2598 | .navbar .nav .active > .dropdown-toggle:hover { 2599 | color: #ffffff; 2600 | } 2601 | .navbar .nav.pull-right .dropdown-menu { 2602 | left: auto; 2603 | right: 0; 2604 | } 2605 | .navbar .nav.pull-right .dropdown-menu:before { 2606 | left: auto; 2607 | right: 12px; 2608 | } 2609 | .navbar .nav.pull-right .dropdown-menu:after { 2610 | left: auto; 2611 | right: 13px; 2612 | } 2613 | .breadcrumb { 2614 | padding: 7px 14px; 2615 | margin: 0 0 18px; 2616 | background-color: #fbfbfb; 2617 | background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); 2618 | background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); 2619 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); 2620 | background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); 2621 | background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); 2622 | background-image: linear-gradient(top, #ffffff, #f5f5f5); 2623 | background-repeat: repeat-x; 2624 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); 2625 | border: 1px solid #ddd; 2626 | -webkit-border-radius: 3px; 2627 | -moz-border-radius: 3px; 2628 | border-radius: 3px; 2629 | -webkit-box-shadow: inset 0 1px 0 #ffffff; 2630 | -moz-box-shadow: inset 0 1px 0 #ffffff; 2631 | box-shadow: inset 0 1px 0 #ffffff; 2632 | } 2633 | .breadcrumb li { 2634 | display: inline; 2635 | text-shadow: 0 1px 0 #ffffff; 2636 | } 2637 | .breadcrumb .divider { 2638 | padding: 0 5px; 2639 | color: #999999; 2640 | } 2641 | .breadcrumb .active a { 2642 | color: #333333; 2643 | } 2644 | .pagination { 2645 | height: 36px; 2646 | margin: 18px 0; 2647 | } 2648 | .pagination ul { 2649 | display: inline-block; 2650 | *display: inline; 2651 | /* IE7 inline-block hack */ 2652 | 2653 | *zoom: 1; 2654 | margin-left: 0; 2655 | margin-bottom: 0; 2656 | -webkit-border-radius: 3px; 2657 | -moz-border-radius: 3px; 2658 | border-radius: 3px; 2659 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 2660 | -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 2661 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 2662 | } 2663 | .pagination li { 2664 | display: inline; 2665 | } 2666 | .pagination a { 2667 | float: left; 2668 | padding: 0 14px; 2669 | line-height: 34px; 2670 | text-decoration: none; 2671 | border: 1px solid #ddd; 2672 | border-left-width: 0; 2673 | } 2674 | .pagination a:hover, .pagination .active a { 2675 | background-color: #f5f5f5; 2676 | } 2677 | .pagination .active a { 2678 | color: #999999; 2679 | cursor: default; 2680 | } 2681 | .pagination .disabled a, .pagination .disabled a:hover { 2682 | color: #999999; 2683 | background-color: transparent; 2684 | cursor: default; 2685 | } 2686 | .pagination li:first-child a { 2687 | border-left-width: 1px; 2688 | -webkit-border-radius: 3px 0 0 3px; 2689 | -moz-border-radius: 3px 0 0 3px; 2690 | border-radius: 3px 0 0 3px; 2691 | } 2692 | .pagination li:last-child a { 2693 | -webkit-border-radius: 0 3px 3px 0; 2694 | -moz-border-radius: 0 3px 3px 0; 2695 | border-radius: 0 3px 3px 0; 2696 | } 2697 | .pagination-centered { 2698 | text-align: center; 2699 | } 2700 | .pagination-right { 2701 | text-align: right; 2702 | } 2703 | .pager { 2704 | margin-left: 0; 2705 | margin-bottom: 18px; 2706 | list-style: none; 2707 | text-align: center; 2708 | *zoom: 1; 2709 | } 2710 | .pager:before, .pager:after { 2711 | display: table; 2712 | content: ""; 2713 | } 2714 | .pager:after { 2715 | clear: both; 2716 | } 2717 | .pager li { 2718 | display: inline; 2719 | } 2720 | .pager a { 2721 | display: inline-block; 2722 | padding: 5px 14px; 2723 | background-color: #fff; 2724 | border: 1px solid #ddd; 2725 | -webkit-border-radius: 15px; 2726 | -moz-border-radius: 15px; 2727 | border-radius: 15px; 2728 | } 2729 | .pager a:hover { 2730 | text-decoration: none; 2731 | background-color: #f5f5f5; 2732 | } 2733 | .pager .next a { 2734 | float: right; 2735 | } 2736 | .pager .previous a { 2737 | float: left; 2738 | } 2739 | .modal-open .dropdown-menu { 2740 | z-index: 2050; 2741 | } 2742 | .modal-open .dropdown.open { 2743 | *z-index: 2050; 2744 | } 2745 | .modal-open .popover { 2746 | z-index: 2060; 2747 | } 2748 | .modal-open .tooltip { 2749 | z-index: 2070; 2750 | } 2751 | .modal-backdrop { 2752 | position: fixed; 2753 | top: 0; 2754 | right: 0; 2755 | bottom: 0; 2756 | left: 0; 2757 | z-index: 1040; 2758 | background-color: #000000; 2759 | } 2760 | .modal-backdrop.fade { 2761 | opacity: 0; 2762 | } 2763 | .modal-backdrop, .modal-backdrop.fade.in { 2764 | opacity: 0.8; 2765 | filter: alpha(opacity=80); 2766 | } 2767 | .modal { 2768 | position: fixed; 2769 | top: 50%; 2770 | left: 50%; 2771 | z-index: 1050; 2772 | max-height: 500px; 2773 | overflow: auto; 2774 | width: 560px; 2775 | margin: -250px 0 0 -280px; 2776 | background-color: #ffffff; 2777 | border: 1px solid #999; 2778 | border: 1px solid rgba(0, 0, 0, 0.3); 2779 | *border: 1px solid #999; 2780 | /* IE6-7 */ 2781 | 2782 | -webkit-border-radius: 6px; 2783 | -moz-border-radius: 6px; 2784 | border-radius: 6px; 2785 | -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 2786 | -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 2787 | box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 2788 | -webkit-background-clip: padding-box; 2789 | -moz-background-clip: padding-box; 2790 | background-clip: padding-box; 2791 | } 2792 | .modal.fade { 2793 | -webkit-transition: opacity .3s linear, top .3s ease-out; 2794 | -moz-transition: opacity .3s linear, top .3s ease-out; 2795 | -ms-transition: opacity .3s linear, top .3s ease-out; 2796 | -o-transition: opacity .3s linear, top .3s ease-out; 2797 | transition: opacity .3s linear, top .3s ease-out; 2798 | top: -25%; 2799 | } 2800 | .modal.fade.in { 2801 | top: 50%; 2802 | } 2803 | .modal-header { 2804 | padding: 9px 15px; 2805 | border-bottom: 1px solid #eee; 2806 | } 2807 | .modal-header .close { 2808 | margin-top: 2px; 2809 | } 2810 | .modal-body { 2811 | padding: 15px; 2812 | } 2813 | .modal-footer { 2814 | padding: 14px 15px 15px; 2815 | margin-bottom: 0; 2816 | background-color: #f5f5f5; 2817 | border-top: 1px solid #ddd; 2818 | -webkit-border-radius: 0 0 6px 6px; 2819 | -moz-border-radius: 0 0 6px 6px; 2820 | border-radius: 0 0 6px 6px; 2821 | -webkit-box-shadow: inset 0 1px 0 #ffffff; 2822 | -moz-box-shadow: inset 0 1px 0 #ffffff; 2823 | box-shadow: inset 0 1px 0 #ffffff; 2824 | *zoom: 1; 2825 | } 2826 | .modal-footer:before, .modal-footer:after { 2827 | display: table; 2828 | content: ""; 2829 | } 2830 | .modal-footer:after { 2831 | clear: both; 2832 | } 2833 | .modal-footer .btn { 2834 | float: right; 2835 | margin-left: 5px; 2836 | margin-bottom: 0; 2837 | } 2838 | .tooltip { 2839 | position: absolute; 2840 | z-index: 1020; 2841 | display: block; 2842 | visibility: visible; 2843 | padding: 5px; 2844 | font-size: 11px; 2845 | opacity: 0; 2846 | filter: alpha(opacity=0); 2847 | } 2848 | .tooltip.in { 2849 | opacity: 0.8; 2850 | filter: alpha(opacity=80); 2851 | } 2852 | .tooltip.top { 2853 | margin-top: -2px; 2854 | } 2855 | .tooltip.right { 2856 | margin-left: 2px; 2857 | } 2858 | .tooltip.bottom { 2859 | margin-top: 2px; 2860 | } 2861 | .tooltip.left { 2862 | margin-left: -2px; 2863 | } 2864 | .tooltip.top .tooltip-arrow { 2865 | bottom: 0; 2866 | left: 50%; 2867 | margin-left: -5px; 2868 | border-left: 5px solid transparent; 2869 | border-right: 5px solid transparent; 2870 | border-top: 5px solid #000000; 2871 | } 2872 | .tooltip.left .tooltip-arrow { 2873 | top: 50%; 2874 | right: 0; 2875 | margin-top: -5px; 2876 | border-top: 5px solid transparent; 2877 | border-bottom: 5px solid transparent; 2878 | border-left: 5px solid #000000; 2879 | } 2880 | .tooltip.bottom .tooltip-arrow { 2881 | top: 0; 2882 | left: 50%; 2883 | margin-left: -5px; 2884 | border-left: 5px solid transparent; 2885 | border-right: 5px solid transparent; 2886 | border-bottom: 5px solid #000000; 2887 | } 2888 | .tooltip.right .tooltip-arrow { 2889 | top: 50%; 2890 | left: 0; 2891 | margin-top: -5px; 2892 | border-top: 5px solid transparent; 2893 | border-bottom: 5px solid transparent; 2894 | border-right: 5px solid #000000; 2895 | } 2896 | .tooltip-inner { 2897 | max-width: 200px; 2898 | padding: 3px 8px; 2899 | color: #ffffff; 2900 | text-align: center; 2901 | text-decoration: none; 2902 | background-color: #000000; 2903 | -webkit-border-radius: 4px; 2904 | -moz-border-radius: 4px; 2905 | border-radius: 4px; 2906 | } 2907 | .tooltip-arrow { 2908 | position: absolute; 2909 | width: 0; 2910 | height: 0; 2911 | } 2912 | .popover { 2913 | position: absolute; 2914 | top: 0; 2915 | left: 0; 2916 | z-index: 1010; 2917 | display: none; 2918 | padding: 5px; 2919 | } 2920 | .popover.top { 2921 | margin-top: -5px; 2922 | } 2923 | .popover.right { 2924 | margin-left: 5px; 2925 | } 2926 | .popover.bottom { 2927 | margin-top: 5px; 2928 | } 2929 | .popover.left { 2930 | margin-left: -5px; 2931 | } 2932 | .popover.top .arrow { 2933 | bottom: 0; 2934 | left: 50%; 2935 | margin-left: -5px; 2936 | border-left: 5px solid transparent; 2937 | border-right: 5px solid transparent; 2938 | border-top: 5px solid #000000; 2939 | } 2940 | .popover.right .arrow { 2941 | top: 50%; 2942 | left: 0; 2943 | margin-top: -5px; 2944 | border-top: 5px solid transparent; 2945 | border-bottom: 5px solid transparent; 2946 | border-right: 5px solid #000000; 2947 | } 2948 | .popover.bottom .arrow { 2949 | top: 0; 2950 | left: 50%; 2951 | margin-left: -5px; 2952 | border-left: 5px solid transparent; 2953 | border-right: 5px solid transparent; 2954 | border-bottom: 5px solid #000000; 2955 | } 2956 | .popover.left .arrow { 2957 | top: 50%; 2958 | right: 0; 2959 | margin-top: -5px; 2960 | border-top: 5px solid transparent; 2961 | border-bottom: 5px solid transparent; 2962 | border-left: 5px solid #000000; 2963 | } 2964 | .popover .arrow { 2965 | position: absolute; 2966 | width: 0; 2967 | height: 0; 2968 | } 2969 | .popover-inner { 2970 | padding: 3px; 2971 | width: 280px; 2972 | overflow: hidden; 2973 | background: #000000; 2974 | background: rgba(0, 0, 0, 0.8); 2975 | -webkit-border-radius: 6px; 2976 | -moz-border-radius: 6px; 2977 | border-radius: 6px; 2978 | -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 2979 | -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 2980 | box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 2981 | } 2982 | .popover-title { 2983 | padding: 9px 15px; 2984 | line-height: 1; 2985 | background-color: #f5f5f5; 2986 | border-bottom: 1px solid #eee; 2987 | -webkit-border-radius: 3px 3px 0 0; 2988 | -moz-border-radius: 3px 3px 0 0; 2989 | border-radius: 3px 3px 0 0; 2990 | } 2991 | .popover-content { 2992 | padding: 14px; 2993 | background-color: #ffffff; 2994 | -webkit-border-radius: 0 0 3px 3px; 2995 | -moz-border-radius: 0 0 3px 3px; 2996 | border-radius: 0 0 3px 3px; 2997 | -webkit-background-clip: padding-box; 2998 | -moz-background-clip: padding-box; 2999 | background-clip: padding-box; 3000 | } 3001 | .popover-content p, .popover-content ul, .popover-content ol { 3002 | margin-bottom: 0; 3003 | } 3004 | .thumbnails { 3005 | margin-left: -20px; 3006 | list-style: none; 3007 | *zoom: 1; 3008 | } 3009 | .thumbnails:before, .thumbnails:after { 3010 | display: table; 3011 | content: ""; 3012 | } 3013 | .thumbnails:after { 3014 | clear: both; 3015 | } 3016 | .thumbnails > li { 3017 | float: left; 3018 | margin: 0 0 18px 20px; 3019 | } 3020 | .thumbnail { 3021 | display: block; 3022 | padding: 4px; 3023 | line-height: 1; 3024 | border: 1px solid #ddd; 3025 | -webkit-border-radius: 4px; 3026 | -moz-border-radius: 4px; 3027 | border-radius: 4px; 3028 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); 3029 | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); 3030 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); 3031 | } 3032 | a.thumbnail:hover { 3033 | border-color: #0088cc; 3034 | -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 3035 | -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 3036 | box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 3037 | } 3038 | .thumbnail > img { 3039 | display: block; 3040 | max-width: 100%; 3041 | margin-left: auto; 3042 | margin-right: auto; 3043 | } 3044 | .thumbnail .caption { 3045 | padding: 9px; 3046 | } 3047 | .label { 3048 | padding: 1px 3px 2px; 3049 | font-size: 9.75px; 3050 | font-weight: bold; 3051 | color: #ffffff; 3052 | text-transform: uppercase; 3053 | background-color: #999999; 3054 | -webkit-border-radius: 3px; 3055 | -moz-border-radius: 3px; 3056 | border-radius: 3px; 3057 | } 3058 | .label-important { 3059 | background-color: #b94a48; 3060 | } 3061 | .label-warning { 3062 | background-color: #f89406; 3063 | } 3064 | .label-success { 3065 | background-color: #468847; 3066 | } 3067 | .label-info { 3068 | background-color: #3a87ad; 3069 | } 3070 | @-webkit-keyframes progress-bar-stripes { 3071 | from { 3072 | background-position: 0 0; 3073 | } 3074 | to { 3075 | background-position: 40px 0; 3076 | } 3077 | } 3078 | @-moz-keyframes progress-bar-stripes { 3079 | from { 3080 | background-position: 0 0; 3081 | } 3082 | to { 3083 | background-position: 40px 0; 3084 | } 3085 | } 3086 | @keyframes progress-bar-stripes { 3087 | from { 3088 | background-position: 0 0; 3089 | } 3090 | to { 3091 | background-position: 40px 0; 3092 | } 3093 | } 3094 | .progress { 3095 | overflow: hidden; 3096 | height: 18px; 3097 | margin-bottom: 18px; 3098 | background-color: #f7f7f7; 3099 | background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); 3100 | background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); 3101 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); 3102 | background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); 3103 | background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); 3104 | background-image: linear-gradient(top, #f5f5f5, #f9f9f9); 3105 | background-repeat: repeat-x; 3106 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); 3107 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 3108 | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 3109 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 3110 | -webkit-border-radius: 4px; 3111 | -moz-border-radius: 4px; 3112 | border-radius: 4px; 3113 | } 3114 | .progress .bar { 3115 | width: 0%; 3116 | height: 18px; 3117 | color: #ffffff; 3118 | font-size: 12px; 3119 | text-align: center; 3120 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 3121 | background-color: #0e90d2; 3122 | background-image: -moz-linear-gradient(top, #149bdf, #0480be); 3123 | background-image: -ms-linear-gradient(top, #149bdf, #0480be); 3124 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); 3125 | background-image: -webkit-linear-gradient(top, #149bdf, #0480be); 3126 | background-image: -o-linear-gradient(top, #149bdf, #0480be); 3127 | background-image: linear-gradient(top, #149bdf, #0480be); 3128 | background-repeat: repeat-x; 3129 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); 3130 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 3131 | -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 3132 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 3133 | -webkit-box-sizing: border-box; 3134 | -moz-box-sizing: border-box; 3135 | box-sizing: border-box; 3136 | -webkit-transition: width 0.6s ease; 3137 | -moz-transition: width 0.6s ease; 3138 | -ms-transition: width 0.6s ease; 3139 | -o-transition: width 0.6s ease; 3140 | transition: width 0.6s ease; 3141 | } 3142 | .progress-striped .bar { 3143 | background-color: #62c462; 3144 | 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)); 3145 | 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); 3146 | 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); 3147 | background-image: -ms-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); 3148 | 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); 3149 | 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); 3150 | -webkit-background-size: 40px 40px; 3151 | -moz-background-size: 40px 40px; 3152 | -o-background-size: 40px 40px; 3153 | background-size: 40px 40px; 3154 | } 3155 | .progress.active .bar { 3156 | -webkit-animation: progress-bar-stripes 2s linear infinite; 3157 | -moz-animation: progress-bar-stripes 2s linear infinite; 3158 | animation: progress-bar-stripes 2s linear infinite; 3159 | } 3160 | .progress-danger .bar { 3161 | background-color: #dd514c; 3162 | background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); 3163 | background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); 3164 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); 3165 | background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); 3166 | background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); 3167 | background-image: linear-gradient(top, #ee5f5b, #c43c35); 3168 | background-repeat: repeat-x; 3169 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); 3170 | } 3171 | .progress-danger.progress-striped .bar { 3172 | background-color: #ee5f5b; 3173 | 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)); 3174 | 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); 3175 | 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); 3176 | background-image: -ms-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); 3177 | 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); 3178 | 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); 3179 | } 3180 | .progress-success .bar { 3181 | background-color: #5eb95e; 3182 | background-image: -moz-linear-gradient(top, #62c462, #57a957); 3183 | background-image: -ms-linear-gradient(top, #62c462, #57a957); 3184 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); 3185 | background-image: -webkit-linear-gradient(top, #62c462, #57a957); 3186 | background-image: -o-linear-gradient(top, #62c462, #57a957); 3187 | background-image: linear-gradient(top, #62c462, #57a957); 3188 | background-repeat: repeat-x; 3189 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); 3190 | } 3191 | .progress-success.progress-striped .bar { 3192 | background-color: #62c462; 3193 | 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)); 3194 | 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); 3195 | 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); 3196 | background-image: -ms-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); 3197 | 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); 3198 | 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); 3199 | } 3200 | .progress-info .bar { 3201 | background-color: #4bb1cf; 3202 | background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); 3203 | background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); 3204 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); 3205 | background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); 3206 | background-image: -o-linear-gradient(top, #5bc0de, #339bb9); 3207 | background-image: linear-gradient(top, #5bc0de, #339bb9); 3208 | background-repeat: repeat-x; 3209 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); 3210 | } 3211 | .progress-info.progress-striped .bar { 3212 | background-color: #5bc0de; 3213 | 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)); 3214 | 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); 3215 | 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); 3216 | background-image: -ms-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); 3217 | 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); 3218 | 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); 3219 | } 3220 | .accordion { 3221 | margin-bottom: 18px; 3222 | } 3223 | .accordion-group { 3224 | margin-bottom: 2px; 3225 | border: 1px solid #e5e5e5; 3226 | -webkit-border-radius: 4px; 3227 | -moz-border-radius: 4px; 3228 | border-radius: 4px; 3229 | } 3230 | .accordion-heading { 3231 | border-bottom: 0; 3232 | } 3233 | .accordion-heading .accordion-toggle { 3234 | display: block; 3235 | padding: 8px 15px; 3236 | } 3237 | .accordion-inner { 3238 | padding: 9px 15px; 3239 | border-top: 1px solid #e5e5e5; 3240 | } 3241 | .carousel { 3242 | position: relative; 3243 | margin-bottom: 18px; 3244 | line-height: 1; 3245 | } 3246 | .carousel-inner { 3247 | overflow: hidden; 3248 | width: 100%; 3249 | position: relative; 3250 | } 3251 | .carousel .item { 3252 | display: none; 3253 | position: relative; 3254 | -webkit-transition: 0.6s ease-in-out left; 3255 | -moz-transition: 0.6s ease-in-out left; 3256 | -ms-transition: 0.6s ease-in-out left; 3257 | -o-transition: 0.6s ease-in-out left; 3258 | transition: 0.6s ease-in-out left; 3259 | } 3260 | .carousel .item > img { 3261 | display: block; 3262 | line-height: 1; 3263 | } 3264 | .carousel .active, .carousel .next, .carousel .prev { 3265 | display: block; 3266 | } 3267 | .carousel .active { 3268 | left: 0; 3269 | } 3270 | .carousel .next, .carousel .prev { 3271 | position: absolute; 3272 | top: 0; 3273 | width: 100%; 3274 | } 3275 | .carousel .next { 3276 | left: 100%; 3277 | } 3278 | .carousel .prev { 3279 | left: -100%; 3280 | } 3281 | .carousel .next.left, .carousel .prev.right { 3282 | left: 0; 3283 | } 3284 | .carousel .active.left { 3285 | left: -100%; 3286 | } 3287 | .carousel .active.right { 3288 | left: 100%; 3289 | } 3290 | .carousel-control { 3291 | position: absolute; 3292 | top: 40%; 3293 | left: 15px; 3294 | width: 40px; 3295 | height: 40px; 3296 | margin-top: -20px; 3297 | font-size: 60px; 3298 | font-weight: 100; 3299 | line-height: 30px; 3300 | color: #ffffff; 3301 | text-align: center; 3302 | background: #222222; 3303 | border: 3px solid #ffffff; 3304 | -webkit-border-radius: 23px; 3305 | -moz-border-radius: 23px; 3306 | border-radius: 23px; 3307 | opacity: 0.5; 3308 | filter: alpha(opacity=50); 3309 | } 3310 | .carousel-control.right { 3311 | left: auto; 3312 | right: 15px; 3313 | } 3314 | .carousel-control:hover { 3315 | color: #ffffff; 3316 | text-decoration: none; 3317 | opacity: 0.9; 3318 | filter: alpha(opacity=90); 3319 | } 3320 | .carousel-caption { 3321 | position: absolute; 3322 | left: 0; 3323 | right: 0; 3324 | bottom: 0; 3325 | padding: 10px 15px 5px; 3326 | background: #333333; 3327 | background: rgba(0, 0, 0, 0.75); 3328 | } 3329 | .carousel-caption h4, .carousel-caption p { 3330 | color: #ffffff; 3331 | } 3332 | .hero-unit { 3333 | padding: 60px; 3334 | margin-bottom: 30px; 3335 | background-color: #f5f5f5; 3336 | -webkit-border-radius: 6px; 3337 | -moz-border-radius: 6px; 3338 | border-radius: 6px; 3339 | } 3340 | .hero-unit h1 { 3341 | margin-bottom: 0; 3342 | font-size: 60px; 3343 | line-height: 1; 3344 | letter-spacing: -1px; 3345 | } 3346 | .hero-unit p { 3347 | font-size: 18px; 3348 | font-weight: 200; 3349 | line-height: 27px; 3350 | } 3351 | .pull-right { 3352 | float: right; 3353 | } 3354 | .pull-left { 3355 | float: left; 3356 | } 3357 | .hide { 3358 | display: none; 3359 | } 3360 | .show { 3361 | display: block; 3362 | } 3363 | .invisible { 3364 | visibility: hidden; 3365 | } 3366 | --------------------------------------------------------------------------------