├── .gitignore ├── CONTRIB.md ├── LICENSE ├── README.md ├── app.yaml ├── helloworld_api.py ├── index.html ├── static ├── bootstrap │ └── css │ │ ├── bootstrap-responsive.css │ │ └── bootstrap.css └── js │ └── base.js └── templates └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | *.py[cod] 2 | 3 | # C extensions 4 | *.so 5 | 6 | # Packages 7 | *.egg 8 | *.egg-info 9 | dist 10 | build 11 | eggs 12 | parts 13 | bin 14 | var 15 | sdist 16 | develop-eggs 17 | .installed.cfg 18 | lib 19 | lib64 20 | 21 | # Installer logs 22 | pip-log.txt 23 | 24 | # Unit test / coverage reports 25 | .coverage 26 | .tox 27 | nosetests.xml 28 | 29 | # Translations 30 | *.mo 31 | 32 | # Mr Developer 33 | .mr.developer.cfg 34 | .project 35 | .pydevproject 36 | -------------------------------------------------------------------------------- /CONTRIB.md: -------------------------------------------------------------------------------- 1 | # How to become a contributor and submit your own code 2 | 3 | ## Contributor License Agreements 4 | 5 | We'd love to accept your sample apps and patches! Before we can take them, we have to jump a couple of legal hurdles. 6 | 7 | Please fill out either the individual or corporate Contributor License Agreement (CLA). 8 | 9 | * If you are an individual writing original source code and you're sure you own the intellectual property, then you'll need to sign an [individual CLA](http://code.google.com/legal/individual-cla-v1.0.html). 10 | * If you work for a company that wants to allow you to contribute your work, then you'll need to sign a [corporate CLA](http://code.google.com/legal/corporate-cla-v1.0.html). 11 | 12 | Follow either of the two links above to access the appropriate CLA and instructions for how to sign and return it. Once we receive it, we'll be able to accept your pull requests. 13 | 14 | ## Contributing A Patch 15 | 16 | 1. Submit an issue describing your proposed change to the repo in question. 17 | 1. The repo owner will respond to your issue promptly. 18 | 1. If your proposed change is accepted, and you haven't already done so, sign a Contributor License Agreement (see details above). 19 | 1. Fork the desired repo, develop and test your code changes. 20 | 1. Ensure that your code adheres to the existing style in the sample to which you are contributing. Refer to the [Google Cloud Platform Samples Style Guide](https://github.com/GoogleCloudPlatform/Template/wiki/style.html) for the recommended coding standards for this organization. 21 | 1. Ensure that your code has an appropriate set of unit tests which all pass. 22 | 1. Submit a pull request. 23 | 24 | ## Contributing A New Sample App 25 | 26 | 1. Submit an issue to the GoogleCloudPlatform/Template repo describing your proposed sample app. 27 | 1. The Template repo owner will respond to your enhancement issue promptly. Instructional value is the top priority when evaluating new app proposals for this collection of repos. 28 | 1. If your proposal is accepted, and you haven't already done so, sign a Contributor License Agreement (see details above). 29 | 1. Create your own repo for your app following this naming convention: 30 | * {product}-{app-name}-{language} 31 | * products: appengine, compute, storage, bigquery, prediction, cloudsql 32 | * example: appengine-guestbook-python 33 | * For multi-product apps, concatenate the primary products, like this: compute-appengine-demo-suite-python. 34 | * For multi-language apps, concatenate the primary languages like this: appengine-sockets-python-java-go. 35 | 1. Clone the README.md, CONTRIB.md and LICENSE files from the GoogleCloudPlatform/Template repo. 36 | 1. Ensure that your code adheres to the existing style in the sample to which you are contributing. Refer to the [Google Cloud Platform Samples Style Guide](https://github.com/GoogleCloudPlatform/Template/wiki/style.html) for the recommended coding standards for this organization. 37 | 1. Ensure that your code has an appropriate set of unit tests which all pass. 38 | 1. Submit a request to fork your repo in GoogleCloudPlatform organizationt via your proposal issue. 39 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | 2 | Apache License 3 | Version 2.0, January 2004 4 | http://www.apache.org/licenses/ 5 | 6 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 7 | 8 | 1. Definitions. 9 | 10 | "License" shall mean the terms and conditions for use, reproduction, 11 | and distribution as defined by Sections 1 through 9 of this document. 12 | 13 | "Licensor" shall mean the copyright owner or entity authorized by 14 | the copyright owner that is granting the License. 15 | 16 | "Legal Entity" shall mean the union of the acting entity and all 17 | other entities that control, are controlled by, or are under common 18 | control with that entity. For the purposes of this definition, 19 | "control" means (i) the power, direct or indirect, to cause the 20 | direction or management of such entity, whether by contract or 21 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 22 | outstanding shares, or (iii) beneficial ownership of such entity. 23 | 24 | "You" (or "Your") shall mean an individual or Legal Entity 25 | exercising permissions granted by this License. 26 | 27 | "Source" form shall mean the preferred form for making modifications, 28 | including but not limited to software source code, documentation 29 | source, and configuration files. 30 | 31 | "Object" form shall mean any form resulting from mechanical 32 | transformation or translation of a Source form, including but 33 | not limited to compiled object code, generated documentation, 34 | and conversions to other media types. 35 | 36 | "Work" shall mean the work of authorship, whether in Source or 37 | Object form, made available under the License, as indicated by a 38 | copyright notice that is included in or attached to the work 39 | (an example is provided in the Appendix below). 40 | 41 | "Derivative Works" shall mean any work, whether in Source or Object 42 | form, that is based on (or derived from) the Work and for which the 43 | editorial revisions, annotations, elaborations, or other modifications 44 | represent, as a whole, an original work of authorship. For the purposes 45 | of this License, Derivative Works shall not include works that remain 46 | separable from, or merely link (or bind by name) to the interfaces of, 47 | the Work and Derivative Works thereof. 48 | 49 | "Contribution" shall mean any work of authorship, including 50 | the original version of the Work and any modifications or additions 51 | to that Work or Derivative Works thereof, that is intentionally 52 | submitted to Licensor for inclusion in the Work by the copyright owner 53 | or by an individual or Legal Entity authorized to submit on behalf of 54 | the copyright owner. For the purposes of this definition, "submitted" 55 | means any form of electronic, verbal, or written communication sent 56 | to the Licensor or its representatives, including but not limited to 57 | communication on electronic mailing lists, source code control systems, 58 | and issue tracking systems that are managed by, or on behalf of, the 59 | Licensor for the purpose of discussing and improving the Work, but 60 | excluding communication that is conspicuously marked or otherwise 61 | designated in writing by the copyright owner as "Not a Contribution." 62 | 63 | "Contributor" shall mean Licensor and any individual or Legal Entity 64 | on behalf of whom a Contribution has been received by Licensor and 65 | subsequently incorporated within the Work. 66 | 67 | 2. Grant of Copyright License. Subject to the terms and conditions of 68 | this License, each Contributor hereby grants to You a perpetual, 69 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 70 | copyright license to reproduce, prepare Derivative Works of, 71 | publicly display, publicly perform, sublicense, and distribute the 72 | Work and such Derivative Works in Source or Object form. 73 | 74 | 3. Grant of Patent License. Subject to the terms and conditions of 75 | this License, each Contributor hereby grants to You a perpetual, 76 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 77 | (except as stated in this section) patent license to make, have made, 78 | use, offer to sell, sell, import, and otherwise transfer the Work, 79 | where such license applies only to those patent claims licensable 80 | by such Contributor that are necessarily infringed by their 81 | Contribution(s) alone or by combination of their Contribution(s) 82 | with the Work to which such Contribution(s) was submitted. If You 83 | institute patent litigation against any entity (including a 84 | cross-claim or counterclaim in a lawsuit) alleging that the Work 85 | or a Contribution incorporated within the Work constitutes direct 86 | or contributory patent infringement, then any patent licenses 87 | granted to You under this License for that Work shall terminate 88 | as of the date such litigation is filed. 89 | 90 | 4. Redistribution. You may reproduce and distribute copies of the 91 | Work or Derivative Works thereof in any medium, with or without 92 | modifications, and in Source or Object form, provided that You 93 | meet the following conditions: 94 | 95 | (a) You must give any other recipients of the Work or 96 | Derivative Works a copy of this License; and 97 | 98 | (b) You must cause any modified files to carry prominent notices 99 | stating that You changed the files; and 100 | 101 | (c) You must retain, in the Source form of any Derivative Works 102 | that You distribute, all copyright, patent, trademark, and 103 | attribution notices from the Source form of the Work, 104 | excluding those notices that do not pertain to any part of 105 | the Derivative Works; and 106 | 107 | (d) If the Work includes a "NOTICE" text file as part of its 108 | distribution, then any Derivative Works that You distribute must 109 | include a readable copy of the attribution notices contained 110 | within such NOTICE file, excluding those notices that do not 111 | pertain to any part of the Derivative Works, in at least one 112 | of the following places: within a NOTICE text file distributed 113 | as part of the Derivative Works; within the Source form or 114 | documentation, if provided along with the Derivative Works; or, 115 | within a display generated by the Derivative Works, if and 116 | wherever such third-party notices normally appear. The contents 117 | of the NOTICE file are for informational purposes only and 118 | do not modify the License. You may add Your own attribution 119 | notices within Derivative Works that You distribute, alongside 120 | or as an addendum to the NOTICE text from the Work, provided 121 | that such additional attribution notices cannot be construed 122 | as modifying the License. 123 | 124 | You may add Your own copyright statement to Your modifications and 125 | may provide additional or different license terms and conditions 126 | for use, reproduction, or distribution of Your modifications, or 127 | for any such Derivative Works as a whole, provided Your use, 128 | reproduction, and distribution of the Work otherwise complies with 129 | the conditions stated in this License. 130 | 131 | 5. Submission of Contributions. Unless You explicitly state otherwise, 132 | any Contribution intentionally submitted for inclusion in the Work 133 | by You to the Licensor shall be under the terms and conditions of 134 | this License, without any additional terms or conditions. 135 | Notwithstanding the above, nothing herein shall supersede or modify 136 | the terms of any separate license agreement you may have executed 137 | with Licensor regarding such Contributions. 138 | 139 | 6. Trademarks. This License does not grant permission to use the trade 140 | names, trademarks, service marks, or product names of the Licensor, 141 | except as required for reasonable and customary use in describing the 142 | origin of the Work and reproducing the content of the NOTICE file. 143 | 144 | 7. Disclaimer of Warranty. Unless required by applicable law or 145 | agreed to in writing, Licensor provides the Work (and each 146 | Contributor provides its Contributions) on an "AS IS" BASIS, 147 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 148 | implied, including, without limitation, any warranties or conditions 149 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 150 | PARTICULAR PURPOSE. You are solely responsible for determining the 151 | appropriateness of using or redistributing the Work and assume any 152 | risks associated with Your exercise of permissions under this License. 153 | 154 | 8. Limitation of Liability. In no event and under no legal theory, 155 | whether in tort (including negligence), contract, or otherwise, 156 | unless required by applicable law (such as deliberate and grossly 157 | negligent acts) or agreed to in writing, shall any Contributor be 158 | liable to You for damages, including any direct, indirect, special, 159 | incidental, or consequential damages of any character arising as a 160 | result of this License or out of the use or inability to use the 161 | Work (including but not limited to damages for loss of goodwill, 162 | work stoppage, computer failure or malfunction, or any and all 163 | other commercial damages or losses), even if such Contributor 164 | has been advised of the possibility of such damages. 165 | 166 | 9. Accepting Warranty or Additional Liability. While redistributing 167 | the Work or Derivative Works thereof, You may choose to offer, 168 | and charge a fee for, acceptance of support, warranty, indemnity, 169 | or other liability obligations and/or rights consistent with this 170 | License. However, in accepting such obligations, You may act only 171 | on Your own behalf and on Your sole responsibility, not on behalf 172 | of any other Contributor, and only if You agree to indemnify, 173 | defend, and hold each Contributor harmless for any liability 174 | incurred by, or claims asserted against, such Contributor by reason 175 | of your accepting any such warranty or additional liability. 176 | 177 | END OF TERMS AND CONDITIONS 178 | 179 | APPENDIX: How to apply the Apache License to your work. 180 | 181 | To apply the Apache License to your work, attach the following 182 | boilerplate notice, with the fields enclosed by brackets "[]" 183 | replaced with your own identifying information. (Don't include 184 | the brackets!) The text should be enclosed in the appropriate 185 | comment syntax for the file format. We also recommend that a 186 | file or class name and description of purpose be included on the 187 | same "printed page" as the copyright notice for easier 188 | identification within third-party archives. 189 | 190 | Copyright [yyyy] [name of copyright owner] 191 | 192 | Licensed under the Apache License, Version 2.0 (the "License"); 193 | you may not use this file except in compliance with the License. 194 | You may obtain a copy of the License at 195 | 196 | http://www.apache.org/licenses/LICENSE-2.0 197 | 198 | Unless required by applicable law or agreed to in writing, software 199 | distributed under the License is distributed on an "AS IS" BASIS, 200 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 201 | See the License for the specific language governing permissions and 202 | limitations under the License. 203 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![status: inactive](https://img.shields.io/badge/status-inactive-red.svg) 2 | 3 | This sample has been moved to [GoogleCloudPlatform/python-docs-samples](https://github.com/GoogleCloudPlatform/python-docs-samples). 4 | 5 | ## Hello Endpoints Python 6 | 7 | A Python "Hello World" skeleton application for Google App Engine using 8 | [Google Cloud Endpoints][1]. 9 | 10 | See our other [Google Cloud Platform github 11 | repos](https://github.com/GoogleCloudPlatform) for sample applications and 12 | scaffolding for other Python frameworks and use cases. 13 | 14 | ## Run Locally 15 | 1. Install the [App Engine Python SDK](https://developers.google.com/appengine/downloads). 16 | See the README file for directions. You'll need Python 2.7 installed too. 17 | 18 | 1. Clone this repo with 19 | 20 | ``` 21 | git clone https://github.com/GoogleCloudPlatform/appengine-endpoints-helloendpoints-python.git 22 | ``` 23 | 1. Run the application locally with 24 | 25 | ``` 26 | cd appengine-endpoints-helloendpoints-python 27 | dev_appserver.py . 28 | ``` 29 | 1. Test your Endpoints by visiting the Google APIs Explorer (by default [http://localhost:8000/_ah/api/explorer](http://localhost:8000/_ah/api/explorer)) 30 | 31 | ## Deploy 32 | To deploy the application: 33 | 34 | 1. Use the [Admin Console](https://appengine.google.com) to create an app. 35 | 1. Replace `your-app-id` in `app.yaml` with the app id from the previous step. 36 | 1. Optional step: These sub steps are not required but will enable the "Authenticated 37 | Greeting" functionality. 38 | 1. Update the values in `helloworld_api.py` to 39 | reflect the respective client IDs you have registered in the [console][3]. 40 | 1. Update the value of `google.devrel.samples.helloendpoints.CLIENT_ID` in 41 | `static/js/base.js` to reflect the web client ID you have registered in the 42 | [console][3]. 43 | 1. [Deploy the application](https://developers.google.com/appengine/docs/python/tools/uploadinganapp) 44 | with: 45 | 46 | ``` 47 | appcfg.py --oauth2 update . 48 | ``` 49 | or use the App Engine Launcher. 50 | 1. Congratulations! Your application is now live at `your-app-id`.appspot.com. 51 | 1. [Generate the Android client library][2] with: 52 | 53 | ``` 54 | endpointscfg.py get_client_lib java -o . helloworld_api.HelloWorldApi 55 | ``` 56 | 57 | or for Gradle projects: 58 | ``` 59 | endpointscfg.py get_client_lib java -bs gradle -o . helloworld_api.HelloWorldApi 60 | ``` 61 | The library will connect to your deployed application. If you change your app ID, you must regenerate the client library. 62 | 63 | ## Next Steps 64 | This skeleton includes TODO markers you can search for to determine some of the 65 | basic areas you will want to customize. 66 | 67 | ### Consuming APIs 68 | Building the backend is one part of Cloud Endpoints. See how you can consume 69 | your APIs from [Android](https://developers.google.com/appengine/docs/python/endpoints/consume_android), 70 | [iOS](https://developers.google.com/appengine/docs/python/endpoints/consume_ios), or the 71 | [web](https://developers.google.com/appengine/docs/python/endpoints/consume_js) by reading the documentation. 72 | 73 | ### Installing Libraries 74 | See the [third-party 75 | libraries](https://developers.google.com/appengine/docs/python/tools/libraries27) 76 | page for libraries that are already included in the SDK. To include SDK 77 | libraries, add them in your app.yaml file. Other than libraries included in 78 | the SDK, only pure python libraries may be added to an App Engine project. 79 | 80 | ### Feedback 81 | Star this repo if you found it useful. Use the github issue tracker to give 82 | feedback on this repo and to ask for scaffolds for other use cases. 83 | 84 | ## Contributing changes 85 | See [CONTRIB.md](CONTRIB.md) 86 | 87 | ## Licensing 88 | See [LICENSE](LICENSE) 89 | 90 | [1]: https://developers.google.com/appengine/docs/python/endpoints/ 91 | [2]: https://developers.google.com/appengine/docs/python/endpoints/gen_clients 92 | [3]: https://cloud.google.com/console 93 | -------------------------------------------------------------------------------- /app.yaml: -------------------------------------------------------------------------------- 1 | # This file specifies your Python application's runtime configuration 2 | # including URL routing, versions, static file uploads, etc. See 3 | # https://developers.google.com/appengine/docs/python/config/appconfig 4 | # for details. 5 | 6 | # TODO: Enter your application id below. If you have signed up 7 | # using cloud.google.com/console use the "project id" for your application 8 | # id. 9 | application: your-app-id 10 | version: 1 11 | runtime: python27 12 | threadsafe: true 13 | api_version: 1 14 | 15 | # Handlers tell App Engine how to route requests to your application. 16 | handlers: 17 | 18 | # The following three handlers route requests to static resources: JS, CSS, 19 | # and HTML. 20 | - url: /js 21 | static_dir: static/js 22 | - url: /bootstrap 23 | static_dir: static/bootstrap 24 | - url: / 25 | static_files: templates/index.html 26 | upload: templates/index\.html 27 | 28 | # This handler routes requests to your APIs to your Endpoints code. 29 | # See https://developers.google.com/appengine/docs/python/endpoints/ 30 | - url: /_ah/spi/.* 31 | script: helloworld_api.APPLICATION 32 | 33 | # Third party libraries that are included in the App Engine SDK must be listed 34 | # here if you want to use them. See 35 | # https://developers.google.com/appengine/docs/python/tools/libraries27 for 36 | # a list of libraries included in the SDK. Third party libs that are *not* part 37 | # of the App Engine SDK don't need to be listed here, instead add them to your 38 | # project directory, either as a git submodule or as a plain subdirectory. 39 | # Note that dependencies must be located in your project directory - packages 40 | # installed in the Python environment are not loaded by the App Engine 41 | # development server or deployment tools. 42 | # TODO: List any other App Engine SDK libs you may need here. 43 | libraries: 44 | 45 | # You must include the Endpoints library if you wish to serve an API. 46 | - name: endpoints 47 | version: 1.0 48 | 49 | # The pycrypto library is used for OAuth 2, and is also a requirement for 50 | # APIs that wish to authenticate users. 51 | - name: pycrypto 52 | version: latest 53 | -------------------------------------------------------------------------------- /helloworld_api.py: -------------------------------------------------------------------------------- 1 | """Hello World API implemented using Google Cloud Endpoints. 2 | 3 | Defined here are the ProtoRPC messages needed to define Schemas for methods 4 | as well as those methods defined in an API. 5 | """ 6 | 7 | 8 | import endpoints 9 | from protorpc import messages 10 | from protorpc import message_types 11 | from protorpc import remote 12 | 13 | 14 | # TODO: Replace the following lines with client IDs obtained from the APIs 15 | # Console or Cloud Console. 16 | WEB_CLIENT_ID = 'replace this with your web client application ID' 17 | ANDROID_CLIENT_ID = 'replace this with your Android client ID' 18 | IOS_CLIENT_ID = 'replace this with your iOS client ID' 19 | ANDROID_AUDIENCE = WEB_CLIENT_ID 20 | 21 | 22 | package = 'Hello' 23 | 24 | 25 | class Greeting(messages.Message): 26 | """Greeting that stores a message.""" 27 | message = messages.StringField(1) 28 | 29 | 30 | class GreetingCollection(messages.Message): 31 | """Collection of Greetings.""" 32 | items = messages.MessageField(Greeting, 1, repeated=True) 33 | 34 | 35 | STORED_GREETINGS = GreetingCollection(items=[ 36 | Greeting(message='hello world!'), 37 | Greeting(message='goodbye world!'), 38 | ]) 39 | 40 | 41 | @endpoints.api(name='helloworld', version='v1', 42 | allowed_client_ids=[WEB_CLIENT_ID, ANDROID_CLIENT_ID, 43 | IOS_CLIENT_ID], 44 | audiences=[ANDROID_AUDIENCE]) 45 | class HelloWorldApi(remote.Service): 46 | """Helloworld API v1.""" 47 | 48 | MULTIPLY_METHOD_RESOURCE = endpoints.ResourceContainer( 49 | Greeting, 50 | times=messages.IntegerField(2, variant=messages.Variant.INT32, 51 | required=True)) 52 | 53 | @endpoints.method(MULTIPLY_METHOD_RESOURCE, Greeting, 54 | path='hellogreeting/{times}', http_method='POST', 55 | name='greetings.multiply') 56 | def greetings_multiply(self, request): 57 | return Greeting(message=request.message * request.times) 58 | 59 | @endpoints.method(message_types.VoidMessage, GreetingCollection, 60 | path='hellogreeting', http_method='GET', 61 | name='greetings.listGreeting') 62 | def greetings_list(self, unused_request): 63 | return STORED_GREETINGS 64 | 65 | ID_RESOURCE = endpoints.ResourceContainer( 66 | message_types.VoidMessage, 67 | id=messages.IntegerField(1, variant=messages.Variant.INT32)) 68 | 69 | @endpoints.method(ID_RESOURCE, Greeting, 70 | path='hellogreeting/{id}', http_method='GET', 71 | name='greetings.getGreeting') 72 | def greeting_get(self, request): 73 | try: 74 | return STORED_GREETINGS.items[request.id] 75 | except (IndexError, TypeError): 76 | raise endpoints.NotFoundException('Greeting %s not found.' % 77 | (request.id,)) 78 | 79 | @endpoints.method(message_types.VoidMessage, Greeting, 80 | path='hellogreeting/authed', http_method='POST', 81 | name='greetings.authed') 82 | def greeting_authed(self, request): 83 | current_user = endpoints.get_current_user() 84 | email = (current_user.email() if current_user is not None 85 | else 'Anonymous') 86 | return Greeting(message='hello %s' % (email,)) 87 | 88 | 89 | APPLICATION = endpoints.api_server([HelloWorldApi]) 90 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Hello Endpoints! 5 | 6 | 7 | 8 | 37 | 38 | 39 | 54 |
55 | 56 | 57 | 58 |
59 |

Get Greeting

60 |
61 |
62 |
63 | 64 |
65 |

List Greetings

66 |
67 |
68 | 69 |
70 |

Multiply Greetings

71 |
72 |
73 |
74 |
75 | 76 |
77 |

Authenticated Greeting

78 |
79 |
80 | 81 | 86 | 87 |
88 | 89 | 90 | -------------------------------------------------------------------------------- /static/bootstrap/css/bootstrap-responsive.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Responsive v2.3.2 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 | 11 | .clearfix { 12 | *zoom: 1; 13 | } 14 | 15 | .clearfix:before, 16 | .clearfix:after { 17 | display: table; 18 | line-height: 0; 19 | content: ""; 20 | } 21 | 22 | .clearfix:after { 23 | clear: both; 24 | } 25 | 26 | .hide-text { 27 | font: 0/0 a; 28 | color: transparent; 29 | text-shadow: none; 30 | background-color: transparent; 31 | border: 0; 32 | } 33 | 34 | .input-block-level { 35 | display: block; 36 | width: 100%; 37 | min-height: 30px; 38 | -webkit-box-sizing: border-box; 39 | -moz-box-sizing: border-box; 40 | box-sizing: border-box; 41 | } 42 | 43 | @-ms-viewport { 44 | width: device-width; 45 | } 46 | 47 | .hidden { 48 | display: none; 49 | visibility: hidden; 50 | } 51 | 52 | .visible-phone { 53 | display: none !important; 54 | } 55 | 56 | .visible-tablet { 57 | display: none !important; 58 | } 59 | 60 | .hidden-desktop { 61 | display: none !important; 62 | } 63 | 64 | .visible-desktop { 65 | display: inherit !important; 66 | } 67 | 68 | @media (min-width: 768px) and (max-width: 979px) { 69 | .hidden-desktop { 70 | display: inherit !important; 71 | } 72 | .visible-desktop { 73 | display: none !important ; 74 | } 75 | .visible-tablet { 76 | display: inherit !important; 77 | } 78 | .hidden-tablet { 79 | display: none !important; 80 | } 81 | } 82 | 83 | @media (max-width: 767px) { 84 | .hidden-desktop { 85 | display: inherit !important; 86 | } 87 | .visible-desktop { 88 | display: none !important; 89 | } 90 | .visible-phone { 91 | display: inherit !important; 92 | } 93 | .hidden-phone { 94 | display: none !important; 95 | } 96 | } 97 | 98 | .visible-print { 99 | display: none !important; 100 | } 101 | 102 | @media print { 103 | .visible-print { 104 | display: inherit !important; 105 | } 106 | .hidden-print { 107 | display: none !important; 108 | } 109 | } 110 | 111 | @media (min-width: 1200px) { 112 | .row { 113 | margin-left: -30px; 114 | *zoom: 1; 115 | } 116 | .row:before, 117 | .row:after { 118 | display: table; 119 | line-height: 0; 120 | content: ""; 121 | } 122 | .row:after { 123 | clear: both; 124 | } 125 | [class*="span"] { 126 | float: left; 127 | min-height: 1px; 128 | margin-left: 30px; 129 | } 130 | .container, 131 | .navbar-static-top .container, 132 | .navbar-fixed-top .container, 133 | .navbar-fixed-bottom .container { 134 | width: 1170px; 135 | } 136 | .span12 { 137 | width: 1170px; 138 | } 139 | .span11 { 140 | width: 1070px; 141 | } 142 | .span10 { 143 | width: 970px; 144 | } 145 | .span9 { 146 | width: 870px; 147 | } 148 | .span8 { 149 | width: 770px; 150 | } 151 | .span7 { 152 | width: 670px; 153 | } 154 | .span6 { 155 | width: 570px; 156 | } 157 | .span5 { 158 | width: 470px; 159 | } 160 | .span4 { 161 | width: 370px; 162 | } 163 | .span3 { 164 | width: 270px; 165 | } 166 | .span2 { 167 | width: 170px; 168 | } 169 | .span1 { 170 | width: 70px; 171 | } 172 | .offset12 { 173 | margin-left: 1230px; 174 | } 175 | .offset11 { 176 | margin-left: 1130px; 177 | } 178 | .offset10 { 179 | margin-left: 1030px; 180 | } 181 | .offset9 { 182 | margin-left: 930px; 183 | } 184 | .offset8 { 185 | margin-left: 830px; 186 | } 187 | .offset7 { 188 | margin-left: 730px; 189 | } 190 | .offset6 { 191 | margin-left: 630px; 192 | } 193 | .offset5 { 194 | margin-left: 530px; 195 | } 196 | .offset4 { 197 | margin-left: 430px; 198 | } 199 | .offset3 { 200 | margin-left: 330px; 201 | } 202 | .offset2 { 203 | margin-left: 230px; 204 | } 205 | .offset1 { 206 | margin-left: 130px; 207 | } 208 | .row-fluid { 209 | width: 100%; 210 | *zoom: 1; 211 | } 212 | .row-fluid:before, 213 | .row-fluid:after { 214 | display: table; 215 | line-height: 0; 216 | content: ""; 217 | } 218 | .row-fluid:after { 219 | clear: both; 220 | } 221 | .row-fluid [class*="span"] { 222 | display: block; 223 | float: left; 224 | width: 100%; 225 | min-height: 30px; 226 | margin-left: 2.564102564102564%; 227 | *margin-left: 2.5109110747408616%; 228 | -webkit-box-sizing: border-box; 229 | -moz-box-sizing: border-box; 230 | box-sizing: border-box; 231 | } 232 | .row-fluid [class*="span"]:first-child { 233 | margin-left: 0; 234 | } 235 | .row-fluid .controls-row [class*="span"] + [class*="span"] { 236 | margin-left: 2.564102564102564%; 237 | } 238 | .row-fluid .span12 { 239 | width: 100%; 240 | *width: 99.94680851063829%; 241 | } 242 | .row-fluid .span11 { 243 | width: 91.45299145299145%; 244 | *width: 91.39979996362975%; 245 | } 246 | .row-fluid .span10 { 247 | width: 82.90598290598291%; 248 | *width: 82.8527914166212%; 249 | } 250 | .row-fluid .span9 { 251 | width: 74.35897435897436%; 252 | *width: 74.30578286961266%; 253 | } 254 | .row-fluid .span8 { 255 | width: 65.81196581196582%; 256 | *width: 65.75877432260411%; 257 | } 258 | .row-fluid .span7 { 259 | width: 57.26495726495726%; 260 | *width: 57.21176577559556%; 261 | } 262 | .row-fluid .span6 { 263 | width: 48.717948717948715%; 264 | *width: 48.664757228587014%; 265 | } 266 | .row-fluid .span5 { 267 | width: 40.17094017094017%; 268 | *width: 40.11774868157847%; 269 | } 270 | .row-fluid .span4 { 271 | width: 31.623931623931625%; 272 | *width: 31.570740134569924%; 273 | } 274 | .row-fluid .span3 { 275 | width: 23.076923076923077%; 276 | *width: 23.023731587561375%; 277 | } 278 | .row-fluid .span2 { 279 | width: 14.52991452991453%; 280 | *width: 14.476723040552828%; 281 | } 282 | .row-fluid .span1 { 283 | width: 5.982905982905983%; 284 | *width: 5.929714493544281%; 285 | } 286 | .row-fluid .offset12 { 287 | margin-left: 105.12820512820512%; 288 | *margin-left: 105.02182214948171%; 289 | } 290 | .row-fluid .offset12:first-child { 291 | margin-left: 102.56410256410257%; 292 | *margin-left: 102.45771958537915%; 293 | } 294 | .row-fluid .offset11 { 295 | margin-left: 96.58119658119658%; 296 | *margin-left: 96.47481360247316%; 297 | } 298 | .row-fluid .offset11:first-child { 299 | margin-left: 94.01709401709402%; 300 | *margin-left: 93.91071103837061%; 301 | } 302 | .row-fluid .offset10 { 303 | margin-left: 88.03418803418803%; 304 | *margin-left: 87.92780505546462%; 305 | } 306 | .row-fluid .offset10:first-child { 307 | margin-left: 85.47008547008548%; 308 | *margin-left: 85.36370249136206%; 309 | } 310 | .row-fluid .offset9 { 311 | margin-left: 79.48717948717949%; 312 | *margin-left: 79.38079650845607%; 313 | } 314 | .row-fluid .offset9:first-child { 315 | margin-left: 76.92307692307693%; 316 | *margin-left: 76.81669394435352%; 317 | } 318 | .row-fluid .offset8 { 319 | margin-left: 70.94017094017094%; 320 | *margin-left: 70.83378796144753%; 321 | } 322 | .row-fluid .offset8:first-child { 323 | margin-left: 68.37606837606839%; 324 | *margin-left: 68.26968539734497%; 325 | } 326 | .row-fluid .offset7 { 327 | margin-left: 62.393162393162385%; 328 | *margin-left: 62.28677941443899%; 329 | } 330 | .row-fluid .offset7:first-child { 331 | margin-left: 59.82905982905982%; 332 | *margin-left: 59.72267685033642%; 333 | } 334 | .row-fluid .offset6 { 335 | margin-left: 53.84615384615384%; 336 | *margin-left: 53.739770867430444%; 337 | } 338 | .row-fluid .offset6:first-child { 339 | margin-left: 51.28205128205128%; 340 | *margin-left: 51.175668303327875%; 341 | } 342 | .row-fluid .offset5 { 343 | margin-left: 45.299145299145295%; 344 | *margin-left: 45.1927623204219%; 345 | } 346 | .row-fluid .offset5:first-child { 347 | margin-left: 42.73504273504273%; 348 | *margin-left: 42.62865975631933%; 349 | } 350 | .row-fluid .offset4 { 351 | margin-left: 36.75213675213675%; 352 | *margin-left: 36.645753773413354%; 353 | } 354 | .row-fluid .offset4:first-child { 355 | margin-left: 34.18803418803419%; 356 | *margin-left: 34.081651209310785%; 357 | } 358 | .row-fluid .offset3 { 359 | margin-left: 28.205128205128204%; 360 | *margin-left: 28.0987452264048%; 361 | } 362 | .row-fluid .offset3:first-child { 363 | margin-left: 25.641025641025642%; 364 | *margin-left: 25.53464266230224%; 365 | } 366 | .row-fluid .offset2 { 367 | margin-left: 19.65811965811966%; 368 | *margin-left: 19.551736679396257%; 369 | } 370 | .row-fluid .offset2:first-child { 371 | margin-left: 17.094017094017094%; 372 | *margin-left: 16.98763411529369%; 373 | } 374 | .row-fluid .offset1 { 375 | margin-left: 11.11111111111111%; 376 | *margin-left: 11.004728132387708%; 377 | } 378 | .row-fluid .offset1:first-child { 379 | margin-left: 8.547008547008547%; 380 | *margin-left: 8.440625568285142%; 381 | } 382 | input, 383 | textarea, 384 | .uneditable-input { 385 | margin-left: 0; 386 | } 387 | .controls-row [class*="span"] + [class*="span"] { 388 | margin-left: 30px; 389 | } 390 | input.span12, 391 | textarea.span12, 392 | .uneditable-input.span12 { 393 | width: 1156px; 394 | } 395 | input.span11, 396 | textarea.span11, 397 | .uneditable-input.span11 { 398 | width: 1056px; 399 | } 400 | input.span10, 401 | textarea.span10, 402 | .uneditable-input.span10 { 403 | width: 956px; 404 | } 405 | input.span9, 406 | textarea.span9, 407 | .uneditable-input.span9 { 408 | width: 856px; 409 | } 410 | input.span8, 411 | textarea.span8, 412 | .uneditable-input.span8 { 413 | width: 756px; 414 | } 415 | input.span7, 416 | textarea.span7, 417 | .uneditable-input.span7 { 418 | width: 656px; 419 | } 420 | input.span6, 421 | textarea.span6, 422 | .uneditable-input.span6 { 423 | width: 556px; 424 | } 425 | input.span5, 426 | textarea.span5, 427 | .uneditable-input.span5 { 428 | width: 456px; 429 | } 430 | input.span4, 431 | textarea.span4, 432 | .uneditable-input.span4 { 433 | width: 356px; 434 | } 435 | input.span3, 436 | textarea.span3, 437 | .uneditable-input.span3 { 438 | width: 256px; 439 | } 440 | input.span2, 441 | textarea.span2, 442 | .uneditable-input.span2 { 443 | width: 156px; 444 | } 445 | input.span1, 446 | textarea.span1, 447 | .uneditable-input.span1 { 448 | width: 56px; 449 | } 450 | .thumbnails { 451 | margin-left: -30px; 452 | } 453 | .thumbnails > li { 454 | margin-left: 30px; 455 | } 456 | .row-fluid .thumbnails { 457 | margin-left: 0; 458 | } 459 | } 460 | 461 | @media (min-width: 768px) and (max-width: 979px) { 462 | .row { 463 | margin-left: -20px; 464 | *zoom: 1; 465 | } 466 | .row:before, 467 | .row:after { 468 | display: table; 469 | line-height: 0; 470 | content: ""; 471 | } 472 | .row:after { 473 | clear: both; 474 | } 475 | [class*="span"] { 476 | float: left; 477 | min-height: 1px; 478 | margin-left: 20px; 479 | } 480 | .container, 481 | .navbar-static-top .container, 482 | .navbar-fixed-top .container, 483 | .navbar-fixed-bottom .container { 484 | width: 724px; 485 | } 486 | .span12 { 487 | width: 724px; 488 | } 489 | .span11 { 490 | width: 662px; 491 | } 492 | .span10 { 493 | width: 600px; 494 | } 495 | .span9 { 496 | width: 538px; 497 | } 498 | .span8 { 499 | width: 476px; 500 | } 501 | .span7 { 502 | width: 414px; 503 | } 504 | .span6 { 505 | width: 352px; 506 | } 507 | .span5 { 508 | width: 290px; 509 | } 510 | .span4 { 511 | width: 228px; 512 | } 513 | .span3 { 514 | width: 166px; 515 | } 516 | .span2 { 517 | width: 104px; 518 | } 519 | .span1 { 520 | width: 42px; 521 | } 522 | .offset12 { 523 | margin-left: 764px; 524 | } 525 | .offset11 { 526 | margin-left: 702px; 527 | } 528 | .offset10 { 529 | margin-left: 640px; 530 | } 531 | .offset9 { 532 | margin-left: 578px; 533 | } 534 | .offset8 { 535 | margin-left: 516px; 536 | } 537 | .offset7 { 538 | margin-left: 454px; 539 | } 540 | .offset6 { 541 | margin-left: 392px; 542 | } 543 | .offset5 { 544 | margin-left: 330px; 545 | } 546 | .offset4 { 547 | margin-left: 268px; 548 | } 549 | .offset3 { 550 | margin-left: 206px; 551 | } 552 | .offset2 { 553 | margin-left: 144px; 554 | } 555 | .offset1 { 556 | margin-left: 82px; 557 | } 558 | .row-fluid { 559 | width: 100%; 560 | *zoom: 1; 561 | } 562 | .row-fluid:before, 563 | .row-fluid:after { 564 | display: table; 565 | line-height: 0; 566 | content: ""; 567 | } 568 | .row-fluid:after { 569 | clear: both; 570 | } 571 | .row-fluid [class*="span"] { 572 | display: block; 573 | float: left; 574 | width: 100%; 575 | min-height: 30px; 576 | margin-left: 2.7624309392265194%; 577 | *margin-left: 2.709239449864817%; 578 | -webkit-box-sizing: border-box; 579 | -moz-box-sizing: border-box; 580 | box-sizing: border-box; 581 | } 582 | .row-fluid [class*="span"]:first-child { 583 | margin-left: 0; 584 | } 585 | .row-fluid .controls-row [class*="span"] + [class*="span"] { 586 | margin-left: 2.7624309392265194%; 587 | } 588 | .row-fluid .span12 { 589 | width: 100%; 590 | *width: 99.94680851063829%; 591 | } 592 | .row-fluid .span11 { 593 | width: 91.43646408839778%; 594 | *width: 91.38327259903608%; 595 | } 596 | .row-fluid .span10 { 597 | width: 82.87292817679558%; 598 | *width: 82.81973668743387%; 599 | } 600 | .row-fluid .span9 { 601 | width: 74.30939226519337%; 602 | *width: 74.25620077583166%; 603 | } 604 | .row-fluid .span8 { 605 | width: 65.74585635359117%; 606 | *width: 65.69266486422946%; 607 | } 608 | .row-fluid .span7 { 609 | width: 57.18232044198895%; 610 | *width: 57.12912895262725%; 611 | } 612 | .row-fluid .span6 { 613 | width: 48.61878453038674%; 614 | *width: 48.56559304102504%; 615 | } 616 | .row-fluid .span5 { 617 | width: 40.05524861878453%; 618 | *width: 40.00205712942283%; 619 | } 620 | .row-fluid .span4 { 621 | width: 31.491712707182323%; 622 | *width: 31.43852121782062%; 623 | } 624 | .row-fluid .span3 { 625 | width: 22.92817679558011%; 626 | *width: 22.87498530621841%; 627 | } 628 | .row-fluid .span2 { 629 | width: 14.3646408839779%; 630 | *width: 14.311449394616199%; 631 | } 632 | .row-fluid .span1 { 633 | width: 5.801104972375691%; 634 | *width: 5.747913483013988%; 635 | } 636 | .row-fluid .offset12 { 637 | margin-left: 105.52486187845304%; 638 | *margin-left: 105.41847889972962%; 639 | } 640 | .row-fluid .offset12:first-child { 641 | margin-left: 102.76243093922652%; 642 | *margin-left: 102.6560479605031%; 643 | } 644 | .row-fluid .offset11 { 645 | margin-left: 96.96132596685082%; 646 | *margin-left: 96.8549429881274%; 647 | } 648 | .row-fluid .offset11:first-child { 649 | margin-left: 94.1988950276243%; 650 | *margin-left: 94.09251204890089%; 651 | } 652 | .row-fluid .offset10 { 653 | margin-left: 88.39779005524862%; 654 | *margin-left: 88.2914070765252%; 655 | } 656 | .row-fluid .offset10:first-child { 657 | margin-left: 85.6353591160221%; 658 | *margin-left: 85.52897613729868%; 659 | } 660 | .row-fluid .offset9 { 661 | margin-left: 79.8342541436464%; 662 | *margin-left: 79.72787116492299%; 663 | } 664 | .row-fluid .offset9:first-child { 665 | margin-left: 77.07182320441989%; 666 | *margin-left: 76.96544022569647%; 667 | } 668 | .row-fluid .offset8 { 669 | margin-left: 71.2707182320442%; 670 | *margin-left: 71.16433525332079%; 671 | } 672 | .row-fluid .offset8:first-child { 673 | margin-left: 68.50828729281768%; 674 | *margin-left: 68.40190431409427%; 675 | } 676 | .row-fluid .offset7 { 677 | margin-left: 62.70718232044199%; 678 | *margin-left: 62.600799341718584%; 679 | } 680 | .row-fluid .offset7:first-child { 681 | margin-left: 59.94475138121547%; 682 | *margin-left: 59.838368402492065%; 683 | } 684 | .row-fluid .offset6 { 685 | margin-left: 54.14364640883978%; 686 | *margin-left: 54.037263430116376%; 687 | } 688 | .row-fluid .offset6:first-child { 689 | margin-left: 51.38121546961326%; 690 | *margin-left: 51.27483249088986%; 691 | } 692 | .row-fluid .offset5 { 693 | margin-left: 45.58011049723757%; 694 | *margin-left: 45.47372751851417%; 695 | } 696 | .row-fluid .offset5:first-child { 697 | margin-left: 42.81767955801105%; 698 | *margin-left: 42.71129657928765%; 699 | } 700 | .row-fluid .offset4 { 701 | margin-left: 37.01657458563536%; 702 | *margin-left: 36.91019160691196%; 703 | } 704 | .row-fluid .offset4:first-child { 705 | margin-left: 34.25414364640884%; 706 | *margin-left: 34.14776066768544%; 707 | } 708 | .row-fluid .offset3 { 709 | margin-left: 28.45303867403315%; 710 | *margin-left: 28.346655695309746%; 711 | } 712 | .row-fluid .offset3:first-child { 713 | margin-left: 25.69060773480663%; 714 | *margin-left: 25.584224756083227%; 715 | } 716 | .row-fluid .offset2 { 717 | margin-left: 19.88950276243094%; 718 | *margin-left: 19.783119783707537%; 719 | } 720 | .row-fluid .offset2:first-child { 721 | margin-left: 17.12707182320442%; 722 | *margin-left: 17.02068884448102%; 723 | } 724 | .row-fluid .offset1 { 725 | margin-left: 11.32596685082873%; 726 | *margin-left: 11.219583872105325%; 727 | } 728 | .row-fluid .offset1:first-child { 729 | margin-left: 8.56353591160221%; 730 | *margin-left: 8.457152932878806%; 731 | } 732 | input, 733 | textarea, 734 | .uneditable-input { 735 | margin-left: 0; 736 | } 737 | .controls-row [class*="span"] + [class*="span"] { 738 | margin-left: 20px; 739 | } 740 | input.span12, 741 | textarea.span12, 742 | .uneditable-input.span12 { 743 | width: 710px; 744 | } 745 | input.span11, 746 | textarea.span11, 747 | .uneditable-input.span11 { 748 | width: 648px; 749 | } 750 | input.span10, 751 | textarea.span10, 752 | .uneditable-input.span10 { 753 | width: 586px; 754 | } 755 | input.span9, 756 | textarea.span9, 757 | .uneditable-input.span9 { 758 | width: 524px; 759 | } 760 | input.span8, 761 | textarea.span8, 762 | .uneditable-input.span8 { 763 | width: 462px; 764 | } 765 | input.span7, 766 | textarea.span7, 767 | .uneditable-input.span7 { 768 | width: 400px; 769 | } 770 | input.span6, 771 | textarea.span6, 772 | .uneditable-input.span6 { 773 | width: 338px; 774 | } 775 | input.span5, 776 | textarea.span5, 777 | .uneditable-input.span5 { 778 | width: 276px; 779 | } 780 | input.span4, 781 | textarea.span4, 782 | .uneditable-input.span4 { 783 | width: 214px; 784 | } 785 | input.span3, 786 | textarea.span3, 787 | .uneditable-input.span3 { 788 | width: 152px; 789 | } 790 | input.span2, 791 | textarea.span2, 792 | .uneditable-input.span2 { 793 | width: 90px; 794 | } 795 | input.span1, 796 | textarea.span1, 797 | .uneditable-input.span1 { 798 | width: 28px; 799 | } 800 | } 801 | 802 | @media (max-width: 767px) { 803 | body { 804 | padding-right: 20px; 805 | padding-left: 20px; 806 | } 807 | .navbar-fixed-top, 808 | .navbar-fixed-bottom, 809 | .navbar-static-top { 810 | margin-right: -20px; 811 | margin-left: -20px; 812 | } 813 | .container-fluid { 814 | padding: 0; 815 | } 816 | .dl-horizontal dt { 817 | float: none; 818 | width: auto; 819 | clear: none; 820 | text-align: left; 821 | } 822 | .dl-horizontal dd { 823 | margin-left: 0; 824 | } 825 | .container { 826 | width: auto; 827 | } 828 | .row-fluid { 829 | width: 100%; 830 | } 831 | .row, 832 | .thumbnails { 833 | margin-left: 0; 834 | } 835 | .thumbnails > li { 836 | float: none; 837 | margin-left: 0; 838 | } 839 | [class*="span"], 840 | .uneditable-input[class*="span"], 841 | .row-fluid [class*="span"] { 842 | display: block; 843 | float: none; 844 | width: 100%; 845 | margin-left: 0; 846 | -webkit-box-sizing: border-box; 847 | -moz-box-sizing: border-box; 848 | box-sizing: border-box; 849 | } 850 | .span12, 851 | .row-fluid .span12 { 852 | width: 100%; 853 | -webkit-box-sizing: border-box; 854 | -moz-box-sizing: border-box; 855 | box-sizing: border-box; 856 | } 857 | .row-fluid [class*="offset"]:first-child { 858 | margin-left: 0; 859 | } 860 | .input-large, 861 | .input-xlarge, 862 | .input-xxlarge, 863 | input[class*="span"], 864 | select[class*="span"], 865 | textarea[class*="span"], 866 | .uneditable-input { 867 | display: block; 868 | width: 100%; 869 | min-height: 30px; 870 | -webkit-box-sizing: border-box; 871 | -moz-box-sizing: border-box; 872 | box-sizing: border-box; 873 | } 874 | .input-prepend input, 875 | .input-append input, 876 | .input-prepend input[class*="span"], 877 | .input-append input[class*="span"] { 878 | display: inline-block; 879 | width: auto; 880 | } 881 | .controls-row [class*="span"] + [class*="span"] { 882 | margin-left: 0; 883 | } 884 | .modal { 885 | position: fixed; 886 | top: 20px; 887 | right: 20px; 888 | left: 20px; 889 | width: auto; 890 | margin: 0; 891 | } 892 | .modal.fade { 893 | top: -100px; 894 | } 895 | .modal.fade.in { 896 | top: 20px; 897 | } 898 | } 899 | 900 | @media (max-width: 480px) { 901 | .nav-collapse { 902 | -webkit-transform: translate3d(0, 0, 0); 903 | } 904 | .page-header h1 small { 905 | display: block; 906 | line-height: 20px; 907 | } 908 | input[type="checkbox"], 909 | input[type="radio"] { 910 | border: 1px solid #ccc; 911 | } 912 | .form-horizontal .control-label { 913 | float: none; 914 | width: auto; 915 | padding-top: 0; 916 | text-align: left; 917 | } 918 | .form-horizontal .controls { 919 | margin-left: 0; 920 | } 921 | .form-horizontal .control-list { 922 | padding-top: 0; 923 | } 924 | .form-horizontal .form-actions { 925 | padding-right: 10px; 926 | padding-left: 10px; 927 | } 928 | .media .pull-left, 929 | .media .pull-right { 930 | display: block; 931 | float: none; 932 | margin-bottom: 10px; 933 | } 934 | .media-object { 935 | margin-right: 0; 936 | margin-left: 0; 937 | } 938 | .modal { 939 | top: 10px; 940 | right: 10px; 941 | left: 10px; 942 | } 943 | .modal-header .close { 944 | padding: 10px; 945 | margin: -10px; 946 | } 947 | .carousel-caption { 948 | position: static; 949 | } 950 | } 951 | 952 | @media (max-width: 979px) { 953 | body { 954 | padding-top: 0; 955 | } 956 | .navbar-fixed-top, 957 | .navbar-fixed-bottom { 958 | position: static; 959 | } 960 | .navbar-fixed-top { 961 | margin-bottom: 20px; 962 | } 963 | .navbar-fixed-bottom { 964 | margin-top: 20px; 965 | } 966 | .navbar-fixed-top .navbar-inner, 967 | .navbar-fixed-bottom .navbar-inner { 968 | padding: 5px; 969 | } 970 | .navbar .container { 971 | width: auto; 972 | padding: 0; 973 | } 974 | .navbar .brand { 975 | padding-right: 10px; 976 | padding-left: 10px; 977 | margin: 0 0 0 -5px; 978 | } 979 | .nav-collapse { 980 | clear: both; 981 | } 982 | .nav-collapse .nav { 983 | float: none; 984 | margin: 0 0 10px; 985 | } 986 | .nav-collapse .nav > li { 987 | float: none; 988 | } 989 | .nav-collapse .nav > li > a { 990 | margin-bottom: 2px; 991 | } 992 | .nav-collapse .nav > .divider-vertical { 993 | display: none; 994 | } 995 | .nav-collapse .nav .nav-header { 996 | color: #777777; 997 | text-shadow: none; 998 | } 999 | .nav-collapse .nav > li > a, 1000 | .nav-collapse .dropdown-menu a { 1001 | padding: 9px 15px; 1002 | font-weight: bold; 1003 | color: #777777; 1004 | -webkit-border-radius: 3px; 1005 | -moz-border-radius: 3px; 1006 | border-radius: 3px; 1007 | } 1008 | .nav-collapse .btn { 1009 | padding: 4px 10px 4px; 1010 | font-weight: normal; 1011 | -webkit-border-radius: 4px; 1012 | -moz-border-radius: 4px; 1013 | border-radius: 4px; 1014 | } 1015 | .nav-collapse .dropdown-menu li + li a { 1016 | margin-bottom: 2px; 1017 | } 1018 | .nav-collapse .nav > li > a:hover, 1019 | .nav-collapse .nav > li > a:focus, 1020 | .nav-collapse .dropdown-menu a:hover, 1021 | .nav-collapse .dropdown-menu a:focus { 1022 | background-color: #f2f2f2; 1023 | } 1024 | .navbar-inverse .nav-collapse .nav > li > a, 1025 | .navbar-inverse .nav-collapse .dropdown-menu a { 1026 | color: #999999; 1027 | } 1028 | .navbar-inverse .nav-collapse .nav > li > a:hover, 1029 | .navbar-inverse .nav-collapse .nav > li > a:focus, 1030 | .navbar-inverse .nav-collapse .dropdown-menu a:hover, 1031 | .navbar-inverse .nav-collapse .dropdown-menu a:focus { 1032 | background-color: #111111; 1033 | } 1034 | .nav-collapse.in .btn-group { 1035 | padding: 0; 1036 | margin-top: 5px; 1037 | } 1038 | .nav-collapse .dropdown-menu { 1039 | position: static; 1040 | top: auto; 1041 | left: auto; 1042 | display: none; 1043 | float: none; 1044 | max-width: none; 1045 | padding: 0; 1046 | margin: 0 15px; 1047 | background-color: transparent; 1048 | border: none; 1049 | -webkit-border-radius: 0; 1050 | -moz-border-radius: 0; 1051 | border-radius: 0; 1052 | -webkit-box-shadow: none; 1053 | -moz-box-shadow: none; 1054 | box-shadow: none; 1055 | } 1056 | .nav-collapse .open > .dropdown-menu { 1057 | display: block; 1058 | } 1059 | .nav-collapse .dropdown-menu:before, 1060 | .nav-collapse .dropdown-menu:after { 1061 | display: none; 1062 | } 1063 | .nav-collapse .dropdown-menu .divider { 1064 | display: none; 1065 | } 1066 | .nav-collapse .nav > li > .dropdown-menu:before, 1067 | .nav-collapse .nav > li > .dropdown-menu:after { 1068 | display: none; 1069 | } 1070 | .nav-collapse .navbar-form, 1071 | .nav-collapse .navbar-search { 1072 | float: none; 1073 | padding: 10px 15px; 1074 | margin: 10px 0; 1075 | border-top: 1px solid #f2f2f2; 1076 | border-bottom: 1px solid #f2f2f2; 1077 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 1078 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 1079 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 1080 | } 1081 | .navbar-inverse .nav-collapse .navbar-form, 1082 | .navbar-inverse .nav-collapse .navbar-search { 1083 | border-top-color: #111111; 1084 | border-bottom-color: #111111; 1085 | } 1086 | .navbar .nav-collapse .nav.pull-right { 1087 | float: none; 1088 | margin-left: 0; 1089 | } 1090 | .nav-collapse, 1091 | .nav-collapse.collapse { 1092 | height: 0; 1093 | overflow: hidden; 1094 | } 1095 | .navbar .btn-navbar { 1096 | display: block; 1097 | } 1098 | .navbar-static .navbar-inner { 1099 | padding-right: 10px; 1100 | padding-left: 10px; 1101 | } 1102 | } 1103 | 1104 | @media (min-width: 980px) { 1105 | .nav-collapse.collapse { 1106 | height: auto !important; 1107 | overflow: visible !important; 1108 | } 1109 | } 1110 | -------------------------------------------------------------------------------- /static/bootstrap/css/bootstrap.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v2.3.2 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 | 11 | .clearfix { 12 | *zoom: 1; 13 | } 14 | 15 | .clearfix:before, 16 | .clearfix:after { 17 | display: table; 18 | line-height: 0; 19 | content: ""; 20 | } 21 | 22 | .clearfix:after { 23 | clear: both; 24 | } 25 | 26 | .hide-text { 27 | font: 0/0 a; 28 | color: transparent; 29 | text-shadow: none; 30 | background-color: transparent; 31 | border: 0; 32 | } 33 | 34 | .input-block-level { 35 | display: block; 36 | width: 100%; 37 | min-height: 30px; 38 | -webkit-box-sizing: border-box; 39 | -moz-box-sizing: border-box; 40 | box-sizing: border-box; 41 | } 42 | 43 | article, 44 | aside, 45 | details, 46 | figcaption, 47 | figure, 48 | footer, 49 | header, 50 | hgroup, 51 | nav, 52 | section { 53 | display: block; 54 | } 55 | 56 | audio, 57 | canvas, 58 | video { 59 | display: inline-block; 60 | *display: inline; 61 | *zoom: 1; 62 | } 63 | 64 | audio:not([controls]) { 65 | display: none; 66 | } 67 | 68 | html { 69 | font-size: 100%; 70 | -webkit-text-size-adjust: 100%; 71 | -ms-text-size-adjust: 100%; 72 | } 73 | 74 | a:focus { 75 | outline: thin dotted #333; 76 | outline: 5px auto -webkit-focus-ring-color; 77 | outline-offset: -2px; 78 | } 79 | 80 | a:hover, 81 | a:active { 82 | outline: 0; 83 | } 84 | 85 | sub, 86 | sup { 87 | position: relative; 88 | font-size: 75%; 89 | line-height: 0; 90 | vertical-align: baseline; 91 | } 92 | 93 | sup { 94 | top: -0.5em; 95 | } 96 | 97 | sub { 98 | bottom: -0.25em; 99 | } 100 | 101 | img { 102 | width: auto\9; 103 | height: auto; 104 | max-width: 100%; 105 | vertical-align: middle; 106 | border: 0; 107 | -ms-interpolation-mode: bicubic; 108 | } 109 | 110 | #map_canvas img, 111 | .google-maps img { 112 | max-width: none; 113 | } 114 | 115 | button, 116 | input, 117 | select, 118 | textarea { 119 | margin: 0; 120 | font-size: 100%; 121 | vertical-align: middle; 122 | } 123 | 124 | button, 125 | input { 126 | *overflow: visible; 127 | line-height: normal; 128 | } 129 | 130 | button::-moz-focus-inner, 131 | input::-moz-focus-inner { 132 | padding: 0; 133 | border: 0; 134 | } 135 | 136 | button, 137 | html input[type="button"], 138 | input[type="reset"], 139 | input[type="submit"] { 140 | cursor: pointer; 141 | -webkit-appearance: button; 142 | } 143 | 144 | label, 145 | select, 146 | button, 147 | input[type="button"], 148 | input[type="reset"], 149 | input[type="submit"], 150 | input[type="radio"], 151 | input[type="checkbox"] { 152 | cursor: pointer; 153 | } 154 | 155 | input[type="search"] { 156 | -webkit-box-sizing: content-box; 157 | -moz-box-sizing: content-box; 158 | box-sizing: content-box; 159 | -webkit-appearance: textfield; 160 | } 161 | 162 | input[type="search"]::-webkit-search-decoration, 163 | input[type="search"]::-webkit-search-cancel-button { 164 | -webkit-appearance: none; 165 | } 166 | 167 | textarea { 168 | overflow: auto; 169 | vertical-align: top; 170 | } 171 | 172 | @media print { 173 | * { 174 | color: #000 !important; 175 | text-shadow: none !important; 176 | background: transparent !important; 177 | box-shadow: none !important; 178 | } 179 | a, 180 | a:visited { 181 | text-decoration: underline; 182 | } 183 | a[href]:after { 184 | content: " (" attr(href) ")"; 185 | } 186 | abbr[title]:after { 187 | content: " (" attr(title) ")"; 188 | } 189 | .ir a:after, 190 | a[href^="javascript:"]:after, 191 | a[href^="#"]:after { 192 | content: ""; 193 | } 194 | pre, 195 | blockquote { 196 | border: 1px solid #999; 197 | page-break-inside: avoid; 198 | } 199 | thead { 200 | display: table-header-group; 201 | } 202 | tr, 203 | img { 204 | page-break-inside: avoid; 205 | } 206 | img { 207 | max-width: 100% !important; 208 | } 209 | @page { 210 | margin: 0.5cm; 211 | } 212 | p, 213 | h2, 214 | h3 { 215 | orphans: 3; 216 | widows: 3; 217 | } 218 | h2, 219 | h3 { 220 | page-break-after: avoid; 221 | } 222 | } 223 | 224 | body { 225 | margin: 0; 226 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 227 | font-size: 14px; 228 | line-height: 20px; 229 | color: #333333; 230 | background-color: #ffffff; 231 | } 232 | 233 | a { 234 | color: #0088cc; 235 | text-decoration: none; 236 | } 237 | 238 | a:hover, 239 | a:focus { 240 | color: #005580; 241 | text-decoration: underline; 242 | } 243 | 244 | .img-rounded { 245 | -webkit-border-radius: 6px; 246 | -moz-border-radius: 6px; 247 | border-radius: 6px; 248 | } 249 | 250 | .img-polaroid { 251 | padding: 4px; 252 | background-color: #fff; 253 | border: 1px solid #ccc; 254 | border: 1px solid rgba(0, 0, 0, 0.2); 255 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 256 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 257 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 258 | } 259 | 260 | .img-circle { 261 | -webkit-border-radius: 500px; 262 | -moz-border-radius: 500px; 263 | border-radius: 500px; 264 | } 265 | 266 | .row { 267 | margin-left: -20px; 268 | *zoom: 1; 269 | } 270 | 271 | .row:before, 272 | .row:after { 273 | display: table; 274 | line-height: 0; 275 | content: ""; 276 | } 277 | 278 | .row:after { 279 | clear: both; 280 | } 281 | 282 | [class*="span"] { 283 | float: left; 284 | min-height: 1px; 285 | margin-left: 20px; 286 | } 287 | 288 | .container, 289 | .navbar-static-top .container, 290 | .navbar-fixed-top .container, 291 | .navbar-fixed-bottom .container { 292 | width: 940px; 293 | } 294 | 295 | .span12 { 296 | width: 940px; 297 | } 298 | 299 | .span11 { 300 | width: 860px; 301 | } 302 | 303 | .span10 { 304 | width: 780px; 305 | } 306 | 307 | .span9 { 308 | width: 700px; 309 | } 310 | 311 | .span8 { 312 | width: 620px; 313 | } 314 | 315 | .span7 { 316 | width: 540px; 317 | } 318 | 319 | .span6 { 320 | width: 460px; 321 | } 322 | 323 | .span5 { 324 | width: 380px; 325 | } 326 | 327 | .span4 { 328 | width: 300px; 329 | } 330 | 331 | .span3 { 332 | width: 220px; 333 | } 334 | 335 | .span2 { 336 | width: 140px; 337 | } 338 | 339 | .span1 { 340 | width: 60px; 341 | } 342 | 343 | .offset12 { 344 | margin-left: 980px; 345 | } 346 | 347 | .offset11 { 348 | margin-left: 900px; 349 | } 350 | 351 | .offset10 { 352 | margin-left: 820px; 353 | } 354 | 355 | .offset9 { 356 | margin-left: 740px; 357 | } 358 | 359 | .offset8 { 360 | margin-left: 660px; 361 | } 362 | 363 | .offset7 { 364 | margin-left: 580px; 365 | } 366 | 367 | .offset6 { 368 | margin-left: 500px; 369 | } 370 | 371 | .offset5 { 372 | margin-left: 420px; 373 | } 374 | 375 | .offset4 { 376 | margin-left: 340px; 377 | } 378 | 379 | .offset3 { 380 | margin-left: 260px; 381 | } 382 | 383 | .offset2 { 384 | margin-left: 180px; 385 | } 386 | 387 | .offset1 { 388 | margin-left: 100px; 389 | } 390 | 391 | .row-fluid { 392 | width: 100%; 393 | *zoom: 1; 394 | } 395 | 396 | .row-fluid:before, 397 | .row-fluid:after { 398 | display: table; 399 | line-height: 0; 400 | content: ""; 401 | } 402 | 403 | .row-fluid:after { 404 | clear: both; 405 | } 406 | 407 | .row-fluid [class*="span"] { 408 | display: block; 409 | float: left; 410 | width: 100%; 411 | min-height: 30px; 412 | margin-left: 2.127659574468085%; 413 | *margin-left: 2.074468085106383%; 414 | -webkit-box-sizing: border-box; 415 | -moz-box-sizing: border-box; 416 | box-sizing: border-box; 417 | } 418 | 419 | .row-fluid [class*="span"]:first-child { 420 | margin-left: 0; 421 | } 422 | 423 | .row-fluid .controls-row [class*="span"] + [class*="span"] { 424 | margin-left: 2.127659574468085%; 425 | } 426 | 427 | .row-fluid .span12 { 428 | width: 100%; 429 | *width: 99.94680851063829%; 430 | } 431 | 432 | .row-fluid .span11 { 433 | width: 91.48936170212765%; 434 | *width: 91.43617021276594%; 435 | } 436 | 437 | .row-fluid .span10 { 438 | width: 82.97872340425532%; 439 | *width: 82.92553191489361%; 440 | } 441 | 442 | .row-fluid .span9 { 443 | width: 74.46808510638297%; 444 | *width: 74.41489361702126%; 445 | } 446 | 447 | .row-fluid .span8 { 448 | width: 65.95744680851064%; 449 | *width: 65.90425531914893%; 450 | } 451 | 452 | .row-fluid .span7 { 453 | width: 57.44680851063829%; 454 | *width: 57.39361702127659%; 455 | } 456 | 457 | .row-fluid .span6 { 458 | width: 48.93617021276595%; 459 | *width: 48.88297872340425%; 460 | } 461 | 462 | .row-fluid .span5 { 463 | width: 40.42553191489362%; 464 | *width: 40.37234042553192%; 465 | } 466 | 467 | .row-fluid .span4 { 468 | width: 31.914893617021278%; 469 | *width: 31.861702127659576%; 470 | } 471 | 472 | .row-fluid .span3 { 473 | width: 23.404255319148934%; 474 | *width: 23.351063829787233%; 475 | } 476 | 477 | .row-fluid .span2 { 478 | width: 14.893617021276595%; 479 | *width: 14.840425531914894%; 480 | } 481 | 482 | .row-fluid .span1 { 483 | width: 6.382978723404255%; 484 | *width: 6.329787234042553%; 485 | } 486 | 487 | .row-fluid .offset12 { 488 | margin-left: 104.25531914893617%; 489 | *margin-left: 104.14893617021275%; 490 | } 491 | 492 | .row-fluid .offset12:first-child { 493 | margin-left: 102.12765957446808%; 494 | *margin-left: 102.02127659574467%; 495 | } 496 | 497 | .row-fluid .offset11 { 498 | margin-left: 95.74468085106382%; 499 | *margin-left: 95.6382978723404%; 500 | } 501 | 502 | .row-fluid .offset11:first-child { 503 | margin-left: 93.61702127659574%; 504 | *margin-left: 93.51063829787232%; 505 | } 506 | 507 | .row-fluid .offset10 { 508 | margin-left: 87.23404255319149%; 509 | *margin-left: 87.12765957446807%; 510 | } 511 | 512 | .row-fluid .offset10:first-child { 513 | margin-left: 85.1063829787234%; 514 | *margin-left: 84.99999999999999%; 515 | } 516 | 517 | .row-fluid .offset9 { 518 | margin-left: 78.72340425531914%; 519 | *margin-left: 78.61702127659572%; 520 | } 521 | 522 | .row-fluid .offset9:first-child { 523 | margin-left: 76.59574468085106%; 524 | *margin-left: 76.48936170212764%; 525 | } 526 | 527 | .row-fluid .offset8 { 528 | margin-left: 70.2127659574468%; 529 | *margin-left: 70.10638297872339%; 530 | } 531 | 532 | .row-fluid .offset8:first-child { 533 | margin-left: 68.08510638297872%; 534 | *margin-left: 67.9787234042553%; 535 | } 536 | 537 | .row-fluid .offset7 { 538 | margin-left: 61.70212765957446%; 539 | *margin-left: 61.59574468085106%; 540 | } 541 | 542 | .row-fluid .offset7:first-child { 543 | margin-left: 59.574468085106375%; 544 | *margin-left: 59.46808510638297%; 545 | } 546 | 547 | .row-fluid .offset6 { 548 | margin-left: 53.191489361702125%; 549 | *margin-left: 53.085106382978715%; 550 | } 551 | 552 | .row-fluid .offset6:first-child { 553 | margin-left: 51.063829787234035%; 554 | *margin-left: 50.95744680851063%; 555 | } 556 | 557 | .row-fluid .offset5 { 558 | margin-left: 44.68085106382979%; 559 | *margin-left: 44.57446808510638%; 560 | } 561 | 562 | .row-fluid .offset5:first-child { 563 | margin-left: 42.5531914893617%; 564 | *margin-left: 42.4468085106383%; 565 | } 566 | 567 | .row-fluid .offset4 { 568 | margin-left: 36.170212765957444%; 569 | *margin-left: 36.06382978723405%; 570 | } 571 | 572 | .row-fluid .offset4:first-child { 573 | margin-left: 34.04255319148936%; 574 | *margin-left: 33.93617021276596%; 575 | } 576 | 577 | .row-fluid .offset3 { 578 | margin-left: 27.659574468085104%; 579 | *margin-left: 27.5531914893617%; 580 | } 581 | 582 | .row-fluid .offset3:first-child { 583 | margin-left: 25.53191489361702%; 584 | *margin-left: 25.425531914893618%; 585 | } 586 | 587 | .row-fluid .offset2 { 588 | margin-left: 19.148936170212764%; 589 | *margin-left: 19.04255319148936%; 590 | } 591 | 592 | .row-fluid .offset2:first-child { 593 | margin-left: 17.02127659574468%; 594 | *margin-left: 16.914893617021278%; 595 | } 596 | 597 | .row-fluid .offset1 { 598 | margin-left: 10.638297872340425%; 599 | *margin-left: 10.53191489361702%; 600 | } 601 | 602 | .row-fluid .offset1:first-child { 603 | margin-left: 8.51063829787234%; 604 | *margin-left: 8.404255319148938%; 605 | } 606 | 607 | [class*="span"].hide, 608 | .row-fluid [class*="span"].hide { 609 | display: none; 610 | } 611 | 612 | [class*="span"].pull-right, 613 | .row-fluid [class*="span"].pull-right { 614 | float: right; 615 | } 616 | 617 | .container { 618 | margin-right: auto; 619 | margin-left: auto; 620 | *zoom: 1; 621 | } 622 | 623 | .container:before, 624 | .container:after { 625 | display: table; 626 | line-height: 0; 627 | content: ""; 628 | } 629 | 630 | .container:after { 631 | clear: both; 632 | } 633 | 634 | .container-fluid { 635 | padding-right: 20px; 636 | padding-left: 20px; 637 | *zoom: 1; 638 | } 639 | 640 | .container-fluid:before, 641 | .container-fluid:after { 642 | display: table; 643 | line-height: 0; 644 | content: ""; 645 | } 646 | 647 | .container-fluid:after { 648 | clear: both; 649 | } 650 | 651 | p { 652 | margin: 0 0 10px; 653 | } 654 | 655 | .lead { 656 | margin-bottom: 20px; 657 | font-size: 21px; 658 | font-weight: 200; 659 | line-height: 30px; 660 | } 661 | 662 | small { 663 | font-size: 85%; 664 | } 665 | 666 | strong { 667 | font-weight: bold; 668 | } 669 | 670 | em { 671 | font-style: italic; 672 | } 673 | 674 | cite { 675 | font-style: normal; 676 | } 677 | 678 | .muted { 679 | color: #999999; 680 | } 681 | 682 | a.muted:hover, 683 | a.muted:focus { 684 | color: #808080; 685 | } 686 | 687 | .text-warning { 688 | color: #c09853; 689 | } 690 | 691 | a.text-warning:hover, 692 | a.text-warning:focus { 693 | color: #a47e3c; 694 | } 695 | 696 | .text-error { 697 | color: #b94a48; 698 | } 699 | 700 | a.text-error:hover, 701 | a.text-error:focus { 702 | color: #953b39; 703 | } 704 | 705 | .text-info { 706 | color: #3a87ad; 707 | } 708 | 709 | a.text-info:hover, 710 | a.text-info:focus { 711 | color: #2d6987; 712 | } 713 | 714 | .text-success { 715 | color: #468847; 716 | } 717 | 718 | a.text-success:hover, 719 | a.text-success:focus { 720 | color: #356635; 721 | } 722 | 723 | .text-left { 724 | text-align: left; 725 | } 726 | 727 | .text-right { 728 | text-align: right; 729 | } 730 | 731 | .text-center { 732 | text-align: center; 733 | } 734 | 735 | h1, 736 | h2, 737 | h3, 738 | h4, 739 | h5, 740 | h6 { 741 | margin: 10px 0; 742 | font-family: inherit; 743 | font-weight: bold; 744 | line-height: 20px; 745 | color: inherit; 746 | text-rendering: optimizelegibility; 747 | } 748 | 749 | h1 small, 750 | h2 small, 751 | h3 small, 752 | h4 small, 753 | h5 small, 754 | h6 small { 755 | font-weight: normal; 756 | line-height: 1; 757 | color: #999999; 758 | } 759 | 760 | h1, 761 | h2, 762 | h3 { 763 | line-height: 40px; 764 | } 765 | 766 | h1 { 767 | font-size: 38.5px; 768 | } 769 | 770 | h2 { 771 | font-size: 31.5px; 772 | } 773 | 774 | h3 { 775 | font-size: 24.5px; 776 | } 777 | 778 | h4 { 779 | font-size: 17.5px; 780 | } 781 | 782 | h5 { 783 | font-size: 14px; 784 | } 785 | 786 | h6 { 787 | font-size: 11.9px; 788 | } 789 | 790 | h1 small { 791 | font-size: 24.5px; 792 | } 793 | 794 | h2 small { 795 | font-size: 17.5px; 796 | } 797 | 798 | h3 small { 799 | font-size: 14px; 800 | } 801 | 802 | h4 small { 803 | font-size: 14px; 804 | } 805 | 806 | .page-header { 807 | padding-bottom: 9px; 808 | margin: 20px 0 30px; 809 | border-bottom: 1px solid #eeeeee; 810 | } 811 | 812 | ul, 813 | ol { 814 | padding: 0; 815 | margin: 0 0 10px 25px; 816 | } 817 | 818 | ul ul, 819 | ul ol, 820 | ol ol, 821 | ol ul { 822 | margin-bottom: 0; 823 | } 824 | 825 | li { 826 | line-height: 20px; 827 | } 828 | 829 | ul.unstyled, 830 | ol.unstyled { 831 | margin-left: 0; 832 | list-style: none; 833 | } 834 | 835 | ul.inline, 836 | ol.inline { 837 | margin-left: 0; 838 | list-style: none; 839 | } 840 | 841 | ul.inline > li, 842 | ol.inline > li { 843 | display: inline-block; 844 | *display: inline; 845 | padding-right: 5px; 846 | padding-left: 5px; 847 | *zoom: 1; 848 | } 849 | 850 | dl { 851 | margin-bottom: 20px; 852 | } 853 | 854 | dt, 855 | dd { 856 | line-height: 20px; 857 | } 858 | 859 | dt { 860 | font-weight: bold; 861 | } 862 | 863 | dd { 864 | margin-left: 10px; 865 | } 866 | 867 | .dl-horizontal { 868 | *zoom: 1; 869 | } 870 | 871 | .dl-horizontal:before, 872 | .dl-horizontal:after { 873 | display: table; 874 | line-height: 0; 875 | content: ""; 876 | } 877 | 878 | .dl-horizontal:after { 879 | clear: both; 880 | } 881 | 882 | .dl-horizontal dt { 883 | float: left; 884 | width: 160px; 885 | overflow: hidden; 886 | clear: left; 887 | text-align: right; 888 | text-overflow: ellipsis; 889 | white-space: nowrap; 890 | } 891 | 892 | .dl-horizontal dd { 893 | margin-left: 180px; 894 | } 895 | 896 | hr { 897 | margin: 20px 0; 898 | border: 0; 899 | border-top: 1px solid #eeeeee; 900 | border-bottom: 1px solid #ffffff; 901 | } 902 | 903 | abbr[title], 904 | abbr[data-original-title] { 905 | cursor: help; 906 | border-bottom: 1px dotted #999999; 907 | } 908 | 909 | abbr.initialism { 910 | font-size: 90%; 911 | text-transform: uppercase; 912 | } 913 | 914 | blockquote { 915 | padding: 0 0 0 15px; 916 | margin: 0 0 20px; 917 | border-left: 5px solid #eeeeee; 918 | } 919 | 920 | blockquote p { 921 | margin-bottom: 0; 922 | font-size: 17.5px; 923 | font-weight: 300; 924 | line-height: 1.25; 925 | } 926 | 927 | blockquote small { 928 | display: block; 929 | line-height: 20px; 930 | color: #999999; 931 | } 932 | 933 | blockquote small:before { 934 | content: '\2014 \00A0'; 935 | } 936 | 937 | blockquote.pull-right { 938 | float: right; 939 | padding-right: 15px; 940 | padding-left: 0; 941 | border-right: 5px solid #eeeeee; 942 | border-left: 0; 943 | } 944 | 945 | blockquote.pull-right p, 946 | blockquote.pull-right small { 947 | text-align: right; 948 | } 949 | 950 | blockquote.pull-right small:before { 951 | content: ''; 952 | } 953 | 954 | blockquote.pull-right small:after { 955 | content: '\00A0 \2014'; 956 | } 957 | 958 | q:before, 959 | q:after, 960 | blockquote:before, 961 | blockquote:after { 962 | content: ""; 963 | } 964 | 965 | address { 966 | display: block; 967 | margin-bottom: 20px; 968 | font-style: normal; 969 | line-height: 20px; 970 | } 971 | 972 | code, 973 | pre { 974 | padding: 0 3px 2px; 975 | font-family: Monaco, Menlo, Consolas, "Courier New", monospace; 976 | font-size: 12px; 977 | color: #333333; 978 | -webkit-border-radius: 3px; 979 | -moz-border-radius: 3px; 980 | border-radius: 3px; 981 | } 982 | 983 | code { 984 | padding: 2px 4px; 985 | color: #d14; 986 | white-space: nowrap; 987 | background-color: #f7f7f9; 988 | border: 1px solid #e1e1e8; 989 | } 990 | 991 | pre { 992 | display: block; 993 | padding: 9.5px; 994 | margin: 0 0 10px; 995 | font-size: 13px; 996 | line-height: 20px; 997 | word-break: break-all; 998 | word-wrap: break-word; 999 | white-space: pre; 1000 | white-space: pre-wrap; 1001 | background-color: #f5f5f5; 1002 | border: 1px solid #ccc; 1003 | border: 1px solid rgba(0, 0, 0, 0.15); 1004 | -webkit-border-radius: 4px; 1005 | -moz-border-radius: 4px; 1006 | border-radius: 4px; 1007 | } 1008 | 1009 | pre.prettyprint { 1010 | margin-bottom: 20px; 1011 | } 1012 | 1013 | pre code { 1014 | padding: 0; 1015 | color: inherit; 1016 | white-space: pre; 1017 | white-space: pre-wrap; 1018 | background-color: transparent; 1019 | border: 0; 1020 | } 1021 | 1022 | .pre-scrollable { 1023 | max-height: 340px; 1024 | overflow-y: scroll; 1025 | } 1026 | 1027 | form { 1028 | margin: 0 0 20px; 1029 | } 1030 | 1031 | fieldset { 1032 | padding: 0; 1033 | margin: 0; 1034 | border: 0; 1035 | } 1036 | 1037 | legend { 1038 | display: block; 1039 | width: 100%; 1040 | padding: 0; 1041 | margin-bottom: 20px; 1042 | font-size: 21px; 1043 | line-height: 40px; 1044 | color: #333333; 1045 | border: 0; 1046 | border-bottom: 1px solid #e5e5e5; 1047 | } 1048 | 1049 | legend small { 1050 | font-size: 15px; 1051 | color: #999999; 1052 | } 1053 | 1054 | label, 1055 | input, 1056 | button, 1057 | select, 1058 | textarea { 1059 | font-size: 14px; 1060 | font-weight: normal; 1061 | line-height: 20px; 1062 | } 1063 | 1064 | input, 1065 | button, 1066 | select, 1067 | textarea { 1068 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 1069 | } 1070 | 1071 | label { 1072 | display: block; 1073 | margin-bottom: 5px; 1074 | } 1075 | 1076 | select, 1077 | textarea, 1078 | input[type="text"], 1079 | input[type="password"], 1080 | input[type="datetime"], 1081 | input[type="datetime-local"], 1082 | input[type="date"], 1083 | input[type="month"], 1084 | input[type="time"], 1085 | input[type="week"], 1086 | input[type="number"], 1087 | input[type="email"], 1088 | input[type="url"], 1089 | input[type="search"], 1090 | input[type="tel"], 1091 | input[type="color"], 1092 | .uneditable-input { 1093 | display: inline-block; 1094 | height: 20px; 1095 | padding: 4px 6px; 1096 | margin-bottom: 10px; 1097 | font-size: 14px; 1098 | line-height: 20px; 1099 | color: #555555; 1100 | vertical-align: middle; 1101 | -webkit-border-radius: 4px; 1102 | -moz-border-radius: 4px; 1103 | border-radius: 4px; 1104 | } 1105 | 1106 | input, 1107 | textarea, 1108 | .uneditable-input { 1109 | width: 206px; 1110 | } 1111 | 1112 | textarea { 1113 | height: auto; 1114 | } 1115 | 1116 | textarea, 1117 | input[type="text"], 1118 | input[type="password"], 1119 | input[type="datetime"], 1120 | input[type="datetime-local"], 1121 | input[type="date"], 1122 | input[type="month"], 1123 | input[type="time"], 1124 | input[type="week"], 1125 | input[type="number"], 1126 | input[type="email"], 1127 | input[type="url"], 1128 | input[type="search"], 1129 | input[type="tel"], 1130 | input[type="color"], 1131 | .uneditable-input { 1132 | background-color: #ffffff; 1133 | border: 1px solid #cccccc; 1134 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1135 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1136 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1137 | -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; 1138 | -moz-transition: border linear 0.2s, box-shadow linear 0.2s; 1139 | -o-transition: border linear 0.2s, box-shadow linear 0.2s; 1140 | transition: border linear 0.2s, box-shadow linear 0.2s; 1141 | } 1142 | 1143 | textarea:focus, 1144 | input[type="text"]:focus, 1145 | input[type="password"]:focus, 1146 | input[type="datetime"]:focus, 1147 | input[type="datetime-local"]:focus, 1148 | input[type="date"]:focus, 1149 | input[type="month"]:focus, 1150 | input[type="time"]:focus, 1151 | input[type="week"]:focus, 1152 | input[type="number"]:focus, 1153 | input[type="email"]:focus, 1154 | input[type="url"]:focus, 1155 | input[type="search"]:focus, 1156 | input[type="tel"]:focus, 1157 | input[type="color"]:focus, 1158 | .uneditable-input:focus { 1159 | border-color: rgba(82, 168, 236, 0.8); 1160 | outline: 0; 1161 | outline: thin dotted \9; 1162 | /* IE6-9 */ 1163 | 1164 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 1165 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 1166 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 1167 | } 1168 | 1169 | input[type="radio"], 1170 | input[type="checkbox"] { 1171 | margin: 4px 0 0; 1172 | margin-top: 1px \9; 1173 | *margin-top: 0; 1174 | line-height: normal; 1175 | } 1176 | 1177 | input[type="file"], 1178 | input[type="image"], 1179 | input[type="submit"], 1180 | input[type="reset"], 1181 | input[type="button"], 1182 | input[type="radio"], 1183 | input[type="checkbox"] { 1184 | width: auto; 1185 | } 1186 | 1187 | select, 1188 | input[type="file"] { 1189 | height: 30px; 1190 | /* In IE7, the height of the select element cannot be changed by height, only font-size */ 1191 | 1192 | *margin-top: 4px; 1193 | /* For IE7, add top margin to align select with labels */ 1194 | 1195 | line-height: 30px; 1196 | } 1197 | 1198 | select { 1199 | width: 220px; 1200 | background-color: #ffffff; 1201 | border: 1px solid #cccccc; 1202 | } 1203 | 1204 | select[multiple], 1205 | select[size] { 1206 | height: auto; 1207 | } 1208 | 1209 | select:focus, 1210 | input[type="file"]:focus, 1211 | input[type="radio"]:focus, 1212 | input[type="checkbox"]:focus { 1213 | outline: thin dotted #333; 1214 | outline: 5px auto -webkit-focus-ring-color; 1215 | outline-offset: -2px; 1216 | } 1217 | 1218 | .uneditable-input, 1219 | .uneditable-textarea { 1220 | color: #999999; 1221 | cursor: not-allowed; 1222 | background-color: #fcfcfc; 1223 | border-color: #cccccc; 1224 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); 1225 | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); 1226 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); 1227 | } 1228 | 1229 | .uneditable-input { 1230 | overflow: hidden; 1231 | white-space: nowrap; 1232 | } 1233 | 1234 | .uneditable-textarea { 1235 | width: auto; 1236 | height: auto; 1237 | } 1238 | 1239 | input:-moz-placeholder, 1240 | textarea:-moz-placeholder { 1241 | color: #999999; 1242 | } 1243 | 1244 | input:-ms-input-placeholder, 1245 | textarea:-ms-input-placeholder { 1246 | color: #999999; 1247 | } 1248 | 1249 | input::-webkit-input-placeholder, 1250 | textarea::-webkit-input-placeholder { 1251 | color: #999999; 1252 | } 1253 | 1254 | .radio, 1255 | .checkbox { 1256 | min-height: 20px; 1257 | padding-left: 20px; 1258 | } 1259 | 1260 | .radio input[type="radio"], 1261 | .checkbox input[type="checkbox"] { 1262 | float: left; 1263 | margin-left: -20px; 1264 | } 1265 | 1266 | .controls > .radio:first-child, 1267 | .controls > .checkbox:first-child { 1268 | padding-top: 5px; 1269 | } 1270 | 1271 | .radio.inline, 1272 | .checkbox.inline { 1273 | display: inline-block; 1274 | padding-top: 5px; 1275 | margin-bottom: 0; 1276 | vertical-align: middle; 1277 | } 1278 | 1279 | .radio.inline + .radio.inline, 1280 | .checkbox.inline + .checkbox.inline { 1281 | margin-left: 10px; 1282 | } 1283 | 1284 | .input-mini { 1285 | width: 60px; 1286 | } 1287 | 1288 | .input-small { 1289 | width: 90px; 1290 | } 1291 | 1292 | .input-medium { 1293 | width: 150px; 1294 | } 1295 | 1296 | .input-large { 1297 | width: 210px; 1298 | } 1299 | 1300 | .input-xlarge { 1301 | width: 270px; 1302 | } 1303 | 1304 | .input-xxlarge { 1305 | width: 530px; 1306 | } 1307 | 1308 | input[class*="span"], 1309 | select[class*="span"], 1310 | textarea[class*="span"], 1311 | .uneditable-input[class*="span"], 1312 | .row-fluid input[class*="span"], 1313 | .row-fluid select[class*="span"], 1314 | .row-fluid textarea[class*="span"], 1315 | .row-fluid .uneditable-input[class*="span"] { 1316 | float: none; 1317 | margin-left: 0; 1318 | } 1319 | 1320 | .input-append input[class*="span"], 1321 | .input-append .uneditable-input[class*="span"], 1322 | .input-prepend input[class*="span"], 1323 | .input-prepend .uneditable-input[class*="span"], 1324 | .row-fluid input[class*="span"], 1325 | .row-fluid select[class*="span"], 1326 | .row-fluid textarea[class*="span"], 1327 | .row-fluid .uneditable-input[class*="span"], 1328 | .row-fluid .input-prepend [class*="span"], 1329 | .row-fluid .input-append [class*="span"] { 1330 | display: inline-block; 1331 | } 1332 | 1333 | input, 1334 | textarea, 1335 | .uneditable-input { 1336 | margin-left: 0; 1337 | } 1338 | 1339 | .controls-row [class*="span"] + [class*="span"] { 1340 | margin-left: 20px; 1341 | } 1342 | 1343 | input.span12, 1344 | textarea.span12, 1345 | .uneditable-input.span12 { 1346 | width: 926px; 1347 | } 1348 | 1349 | input.span11, 1350 | textarea.span11, 1351 | .uneditable-input.span11 { 1352 | width: 846px; 1353 | } 1354 | 1355 | input.span10, 1356 | textarea.span10, 1357 | .uneditable-input.span10 { 1358 | width: 766px; 1359 | } 1360 | 1361 | input.span9, 1362 | textarea.span9, 1363 | .uneditable-input.span9 { 1364 | width: 686px; 1365 | } 1366 | 1367 | input.span8, 1368 | textarea.span8, 1369 | .uneditable-input.span8 { 1370 | width: 606px; 1371 | } 1372 | 1373 | input.span7, 1374 | textarea.span7, 1375 | .uneditable-input.span7 { 1376 | width: 526px; 1377 | } 1378 | 1379 | input.span6, 1380 | textarea.span6, 1381 | .uneditable-input.span6 { 1382 | width: 446px; 1383 | } 1384 | 1385 | input.span5, 1386 | textarea.span5, 1387 | .uneditable-input.span5 { 1388 | width: 366px; 1389 | } 1390 | 1391 | input.span4, 1392 | textarea.span4, 1393 | .uneditable-input.span4 { 1394 | width: 286px; 1395 | } 1396 | 1397 | input.span3, 1398 | textarea.span3, 1399 | .uneditable-input.span3 { 1400 | width: 206px; 1401 | } 1402 | 1403 | input.span2, 1404 | textarea.span2, 1405 | .uneditable-input.span2 { 1406 | width: 126px; 1407 | } 1408 | 1409 | input.span1, 1410 | textarea.span1, 1411 | .uneditable-input.span1 { 1412 | width: 46px; 1413 | } 1414 | 1415 | .controls-row { 1416 | *zoom: 1; 1417 | } 1418 | 1419 | .controls-row:before, 1420 | .controls-row:after { 1421 | display: table; 1422 | line-height: 0; 1423 | content: ""; 1424 | } 1425 | 1426 | .controls-row:after { 1427 | clear: both; 1428 | } 1429 | 1430 | .controls-row [class*="span"], 1431 | .row-fluid .controls-row [class*="span"] { 1432 | float: left; 1433 | } 1434 | 1435 | .controls-row .checkbox[class*="span"], 1436 | .controls-row .radio[class*="span"] { 1437 | padding-top: 5px; 1438 | } 1439 | 1440 | input[disabled], 1441 | select[disabled], 1442 | textarea[disabled], 1443 | input[readonly], 1444 | select[readonly], 1445 | textarea[readonly] { 1446 | cursor: not-allowed; 1447 | background-color: #eeeeee; 1448 | } 1449 | 1450 | input[type="radio"][disabled], 1451 | input[type="checkbox"][disabled], 1452 | input[type="radio"][readonly], 1453 | input[type="checkbox"][readonly] { 1454 | background-color: transparent; 1455 | } 1456 | 1457 | .control-group.warning .control-label, 1458 | .control-group.warning .help-block, 1459 | .control-group.warning .help-inline { 1460 | color: #c09853; 1461 | } 1462 | 1463 | .control-group.warning .checkbox, 1464 | .control-group.warning .radio, 1465 | .control-group.warning input, 1466 | .control-group.warning select, 1467 | .control-group.warning textarea { 1468 | color: #c09853; 1469 | } 1470 | 1471 | .control-group.warning input, 1472 | .control-group.warning select, 1473 | .control-group.warning textarea { 1474 | border-color: #c09853; 1475 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1476 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1477 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1478 | } 1479 | 1480 | .control-group.warning input:focus, 1481 | .control-group.warning select:focus, 1482 | .control-group.warning textarea:focus { 1483 | border-color: #a47e3c; 1484 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; 1485 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; 1486 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; 1487 | } 1488 | 1489 | .control-group.warning .input-prepend .add-on, 1490 | .control-group.warning .input-append .add-on { 1491 | color: #c09853; 1492 | background-color: #fcf8e3; 1493 | border-color: #c09853; 1494 | } 1495 | 1496 | .control-group.error .control-label, 1497 | .control-group.error .help-block, 1498 | .control-group.error .help-inline { 1499 | color: #b94a48; 1500 | } 1501 | 1502 | .control-group.error .checkbox, 1503 | .control-group.error .radio, 1504 | .control-group.error input, 1505 | .control-group.error select, 1506 | .control-group.error textarea { 1507 | color: #b94a48; 1508 | } 1509 | 1510 | .control-group.error input, 1511 | .control-group.error select, 1512 | .control-group.error textarea { 1513 | border-color: #b94a48; 1514 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1515 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1516 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1517 | } 1518 | 1519 | .control-group.error input:focus, 1520 | .control-group.error select:focus, 1521 | .control-group.error textarea:focus { 1522 | border-color: #953b39; 1523 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; 1524 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; 1525 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; 1526 | } 1527 | 1528 | .control-group.error .input-prepend .add-on, 1529 | .control-group.error .input-append .add-on { 1530 | color: #b94a48; 1531 | background-color: #f2dede; 1532 | border-color: #b94a48; 1533 | } 1534 | 1535 | .control-group.success .control-label, 1536 | .control-group.success .help-block, 1537 | .control-group.success .help-inline { 1538 | color: #468847; 1539 | } 1540 | 1541 | .control-group.success .checkbox, 1542 | .control-group.success .radio, 1543 | .control-group.success input, 1544 | .control-group.success select, 1545 | .control-group.success textarea { 1546 | color: #468847; 1547 | } 1548 | 1549 | .control-group.success input, 1550 | .control-group.success select, 1551 | .control-group.success textarea { 1552 | border-color: #468847; 1553 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1554 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1555 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1556 | } 1557 | 1558 | .control-group.success input:focus, 1559 | .control-group.success select:focus, 1560 | .control-group.success textarea:focus { 1561 | border-color: #356635; 1562 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; 1563 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; 1564 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; 1565 | } 1566 | 1567 | .control-group.success .input-prepend .add-on, 1568 | .control-group.success .input-append .add-on { 1569 | color: #468847; 1570 | background-color: #dff0d8; 1571 | border-color: #468847; 1572 | } 1573 | 1574 | .control-group.info .control-label, 1575 | .control-group.info .help-block, 1576 | .control-group.info .help-inline { 1577 | color: #3a87ad; 1578 | } 1579 | 1580 | .control-group.info .checkbox, 1581 | .control-group.info .radio, 1582 | .control-group.info input, 1583 | .control-group.info select, 1584 | .control-group.info textarea { 1585 | color: #3a87ad; 1586 | } 1587 | 1588 | .control-group.info input, 1589 | .control-group.info select, 1590 | .control-group.info textarea { 1591 | border-color: #3a87ad; 1592 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1593 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1594 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1595 | } 1596 | 1597 | .control-group.info input:focus, 1598 | .control-group.info select:focus, 1599 | .control-group.info textarea:focus { 1600 | border-color: #2d6987; 1601 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; 1602 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; 1603 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; 1604 | } 1605 | 1606 | .control-group.info .input-prepend .add-on, 1607 | .control-group.info .input-append .add-on { 1608 | color: #3a87ad; 1609 | background-color: #d9edf7; 1610 | border-color: #3a87ad; 1611 | } 1612 | 1613 | input:focus:invalid, 1614 | textarea:focus:invalid, 1615 | select:focus:invalid { 1616 | color: #b94a48; 1617 | border-color: #ee5f5b; 1618 | } 1619 | 1620 | input:focus:invalid:focus, 1621 | textarea:focus:invalid:focus, 1622 | select:focus:invalid:focus { 1623 | border-color: #e9322d; 1624 | -webkit-box-shadow: 0 0 6px #f8b9b7; 1625 | -moz-box-shadow: 0 0 6px #f8b9b7; 1626 | box-shadow: 0 0 6px #f8b9b7; 1627 | } 1628 | 1629 | .form-actions { 1630 | padding: 19px 20px 20px; 1631 | margin-top: 20px; 1632 | margin-bottom: 20px; 1633 | background-color: #f5f5f5; 1634 | border-top: 1px solid #e5e5e5; 1635 | *zoom: 1; 1636 | } 1637 | 1638 | .form-actions:before, 1639 | .form-actions:after { 1640 | display: table; 1641 | line-height: 0; 1642 | content: ""; 1643 | } 1644 | 1645 | .form-actions:after { 1646 | clear: both; 1647 | } 1648 | 1649 | .help-block, 1650 | .help-inline { 1651 | color: #595959; 1652 | } 1653 | 1654 | .help-block { 1655 | display: block; 1656 | margin-bottom: 10px; 1657 | } 1658 | 1659 | .help-inline { 1660 | display: inline-block; 1661 | *display: inline; 1662 | padding-left: 5px; 1663 | vertical-align: middle; 1664 | *zoom: 1; 1665 | } 1666 | 1667 | .input-append, 1668 | .input-prepend { 1669 | display: inline-block; 1670 | margin-bottom: 10px; 1671 | font-size: 0; 1672 | white-space: nowrap; 1673 | vertical-align: middle; 1674 | } 1675 | 1676 | .input-append input, 1677 | .input-prepend input, 1678 | .input-append select, 1679 | .input-prepend select, 1680 | .input-append .uneditable-input, 1681 | .input-prepend .uneditable-input, 1682 | .input-append .dropdown-menu, 1683 | .input-prepend .dropdown-menu, 1684 | .input-append .popover, 1685 | .input-prepend .popover { 1686 | font-size: 14px; 1687 | } 1688 | 1689 | .input-append input, 1690 | .input-prepend input, 1691 | .input-append select, 1692 | .input-prepend select, 1693 | .input-append .uneditable-input, 1694 | .input-prepend .uneditable-input { 1695 | position: relative; 1696 | margin-bottom: 0; 1697 | *margin-left: 0; 1698 | vertical-align: top; 1699 | -webkit-border-radius: 0 4px 4px 0; 1700 | -moz-border-radius: 0 4px 4px 0; 1701 | border-radius: 0 4px 4px 0; 1702 | } 1703 | 1704 | .input-append input:focus, 1705 | .input-prepend input:focus, 1706 | .input-append select:focus, 1707 | .input-prepend select:focus, 1708 | .input-append .uneditable-input:focus, 1709 | .input-prepend .uneditable-input:focus { 1710 | z-index: 2; 1711 | } 1712 | 1713 | .input-append .add-on, 1714 | .input-prepend .add-on { 1715 | display: inline-block; 1716 | width: auto; 1717 | height: 20px; 1718 | min-width: 16px; 1719 | padding: 4px 5px; 1720 | font-size: 14px; 1721 | font-weight: normal; 1722 | line-height: 20px; 1723 | text-align: center; 1724 | text-shadow: 0 1px 0 #ffffff; 1725 | background-color: #eeeeee; 1726 | border: 1px solid #ccc; 1727 | } 1728 | 1729 | .input-append .add-on, 1730 | .input-prepend .add-on, 1731 | .input-append .btn, 1732 | .input-prepend .btn, 1733 | .input-append .btn-group > .dropdown-toggle, 1734 | .input-prepend .btn-group > .dropdown-toggle { 1735 | vertical-align: top; 1736 | -webkit-border-radius: 0; 1737 | -moz-border-radius: 0; 1738 | border-radius: 0; 1739 | } 1740 | 1741 | .input-append .active, 1742 | .input-prepend .active { 1743 | background-color: #a9dba9; 1744 | border-color: #46a546; 1745 | } 1746 | 1747 | .input-prepend .add-on, 1748 | .input-prepend .btn { 1749 | margin-right: -1px; 1750 | } 1751 | 1752 | .input-prepend .add-on:first-child, 1753 | .input-prepend .btn:first-child { 1754 | -webkit-border-radius: 4px 0 0 4px; 1755 | -moz-border-radius: 4px 0 0 4px; 1756 | border-radius: 4px 0 0 4px; 1757 | } 1758 | 1759 | .input-append input, 1760 | .input-append select, 1761 | .input-append .uneditable-input { 1762 | -webkit-border-radius: 4px 0 0 4px; 1763 | -moz-border-radius: 4px 0 0 4px; 1764 | border-radius: 4px 0 0 4px; 1765 | } 1766 | 1767 | .input-append input + .btn-group .btn:last-child, 1768 | .input-append select + .btn-group .btn:last-child, 1769 | .input-append .uneditable-input + .btn-group .btn:last-child { 1770 | -webkit-border-radius: 0 4px 4px 0; 1771 | -moz-border-radius: 0 4px 4px 0; 1772 | border-radius: 0 4px 4px 0; 1773 | } 1774 | 1775 | .input-append .add-on, 1776 | .input-append .btn, 1777 | .input-append .btn-group { 1778 | margin-left: -1px; 1779 | } 1780 | 1781 | .input-append .add-on:last-child, 1782 | .input-append .btn:last-child, 1783 | .input-append .btn-group:last-child > .dropdown-toggle { 1784 | -webkit-border-radius: 0 4px 4px 0; 1785 | -moz-border-radius: 0 4px 4px 0; 1786 | border-radius: 0 4px 4px 0; 1787 | } 1788 | 1789 | .input-prepend.input-append input, 1790 | .input-prepend.input-append select, 1791 | .input-prepend.input-append .uneditable-input { 1792 | -webkit-border-radius: 0; 1793 | -moz-border-radius: 0; 1794 | border-radius: 0; 1795 | } 1796 | 1797 | .input-prepend.input-append input + .btn-group .btn, 1798 | .input-prepend.input-append select + .btn-group .btn, 1799 | .input-prepend.input-append .uneditable-input + .btn-group .btn { 1800 | -webkit-border-radius: 0 4px 4px 0; 1801 | -moz-border-radius: 0 4px 4px 0; 1802 | border-radius: 0 4px 4px 0; 1803 | } 1804 | 1805 | .input-prepend.input-append .add-on:first-child, 1806 | .input-prepend.input-append .btn:first-child { 1807 | margin-right: -1px; 1808 | -webkit-border-radius: 4px 0 0 4px; 1809 | -moz-border-radius: 4px 0 0 4px; 1810 | border-radius: 4px 0 0 4px; 1811 | } 1812 | 1813 | .input-prepend.input-append .add-on:last-child, 1814 | .input-prepend.input-append .btn:last-child { 1815 | margin-left: -1px; 1816 | -webkit-border-radius: 0 4px 4px 0; 1817 | -moz-border-radius: 0 4px 4px 0; 1818 | border-radius: 0 4px 4px 0; 1819 | } 1820 | 1821 | .input-prepend.input-append .btn-group:first-child { 1822 | margin-left: 0; 1823 | } 1824 | 1825 | input.search-query { 1826 | padding-right: 14px; 1827 | padding-right: 4px \9; 1828 | padding-left: 14px; 1829 | padding-left: 4px \9; 1830 | /* IE7-8 doesn't have border-radius, so don't indent the padding */ 1831 | 1832 | margin-bottom: 0; 1833 | -webkit-border-radius: 15px; 1834 | -moz-border-radius: 15px; 1835 | border-radius: 15px; 1836 | } 1837 | 1838 | /* Allow for input prepend/append in search forms */ 1839 | 1840 | .form-search .input-append .search-query, 1841 | .form-search .input-prepend .search-query { 1842 | -webkit-border-radius: 0; 1843 | -moz-border-radius: 0; 1844 | border-radius: 0; 1845 | } 1846 | 1847 | .form-search .input-append .search-query { 1848 | -webkit-border-radius: 14px 0 0 14px; 1849 | -moz-border-radius: 14px 0 0 14px; 1850 | border-radius: 14px 0 0 14px; 1851 | } 1852 | 1853 | .form-search .input-append .btn { 1854 | -webkit-border-radius: 0 14px 14px 0; 1855 | -moz-border-radius: 0 14px 14px 0; 1856 | border-radius: 0 14px 14px 0; 1857 | } 1858 | 1859 | .form-search .input-prepend .search-query { 1860 | -webkit-border-radius: 0 14px 14px 0; 1861 | -moz-border-radius: 0 14px 14px 0; 1862 | border-radius: 0 14px 14px 0; 1863 | } 1864 | 1865 | .form-search .input-prepend .btn { 1866 | -webkit-border-radius: 14px 0 0 14px; 1867 | -moz-border-radius: 14px 0 0 14px; 1868 | border-radius: 14px 0 0 14px; 1869 | } 1870 | 1871 | .form-search input, 1872 | .form-inline input, 1873 | .form-horizontal input, 1874 | .form-search textarea, 1875 | .form-inline textarea, 1876 | .form-horizontal textarea, 1877 | .form-search select, 1878 | .form-inline select, 1879 | .form-horizontal select, 1880 | .form-search .help-inline, 1881 | .form-inline .help-inline, 1882 | .form-horizontal .help-inline, 1883 | .form-search .uneditable-input, 1884 | .form-inline .uneditable-input, 1885 | .form-horizontal .uneditable-input, 1886 | .form-search .input-prepend, 1887 | .form-inline .input-prepend, 1888 | .form-horizontal .input-prepend, 1889 | .form-search .input-append, 1890 | .form-inline .input-append, 1891 | .form-horizontal .input-append { 1892 | display: inline-block; 1893 | *display: inline; 1894 | margin-bottom: 0; 1895 | vertical-align: middle; 1896 | *zoom: 1; 1897 | } 1898 | 1899 | .form-search .hide, 1900 | .form-inline .hide, 1901 | .form-horizontal .hide { 1902 | display: none; 1903 | } 1904 | 1905 | .form-search label, 1906 | .form-inline label, 1907 | .form-search .btn-group, 1908 | .form-inline .btn-group { 1909 | display: inline-block; 1910 | } 1911 | 1912 | .form-search .input-append, 1913 | .form-inline .input-append, 1914 | .form-search .input-prepend, 1915 | .form-inline .input-prepend { 1916 | margin-bottom: 0; 1917 | } 1918 | 1919 | .form-search .radio, 1920 | .form-search .checkbox, 1921 | .form-inline .radio, 1922 | .form-inline .checkbox { 1923 | padding-left: 0; 1924 | margin-bottom: 0; 1925 | vertical-align: middle; 1926 | } 1927 | 1928 | .form-search .radio input[type="radio"], 1929 | .form-search .checkbox input[type="checkbox"], 1930 | .form-inline .radio input[type="radio"], 1931 | .form-inline .checkbox input[type="checkbox"] { 1932 | float: left; 1933 | margin-right: 3px; 1934 | margin-left: 0; 1935 | } 1936 | 1937 | .control-group { 1938 | margin-bottom: 10px; 1939 | } 1940 | 1941 | legend + .control-group { 1942 | margin-top: 20px; 1943 | -webkit-margin-top-collapse: separate; 1944 | } 1945 | 1946 | .form-horizontal .control-group { 1947 | margin-bottom: 20px; 1948 | *zoom: 1; 1949 | } 1950 | 1951 | .form-horizontal .control-group:before, 1952 | .form-horizontal .control-group:after { 1953 | display: table; 1954 | line-height: 0; 1955 | content: ""; 1956 | } 1957 | 1958 | .form-horizontal .control-group:after { 1959 | clear: both; 1960 | } 1961 | 1962 | .form-horizontal .control-label { 1963 | float: left; 1964 | width: 160px; 1965 | padding-top: 5px; 1966 | text-align: right; 1967 | } 1968 | 1969 | .form-horizontal .controls { 1970 | *display: inline-block; 1971 | *padding-left: 20px; 1972 | margin-left: 180px; 1973 | *margin-left: 0; 1974 | } 1975 | 1976 | .form-horizontal .controls:first-child { 1977 | *padding-left: 180px; 1978 | } 1979 | 1980 | .form-horizontal .help-block { 1981 | margin-bottom: 0; 1982 | } 1983 | 1984 | .form-horizontal input + .help-block, 1985 | .form-horizontal select + .help-block, 1986 | .form-horizontal textarea + .help-block, 1987 | .form-horizontal .uneditable-input + .help-block, 1988 | .form-horizontal .input-prepend + .help-block, 1989 | .form-horizontal .input-append + .help-block { 1990 | margin-top: 10px; 1991 | } 1992 | 1993 | .form-horizontal .form-actions { 1994 | padding-left: 180px; 1995 | } 1996 | 1997 | table { 1998 | max-width: 100%; 1999 | background-color: transparent; 2000 | border-collapse: collapse; 2001 | border-spacing: 0; 2002 | } 2003 | 2004 | .table { 2005 | width: 100%; 2006 | margin-bottom: 20px; 2007 | } 2008 | 2009 | .table th, 2010 | .table td { 2011 | padding: 8px; 2012 | line-height: 20px; 2013 | text-align: left; 2014 | vertical-align: top; 2015 | border-top: 1px solid #dddddd; 2016 | } 2017 | 2018 | .table th { 2019 | font-weight: bold; 2020 | } 2021 | 2022 | .table thead th { 2023 | vertical-align: bottom; 2024 | } 2025 | 2026 | .table caption + thead tr:first-child th, 2027 | .table caption + thead tr:first-child td, 2028 | .table colgroup + thead tr:first-child th, 2029 | .table colgroup + thead tr:first-child td, 2030 | .table thead:first-child tr:first-child th, 2031 | .table thead:first-child tr:first-child td { 2032 | border-top: 0; 2033 | } 2034 | 2035 | .table tbody + tbody { 2036 | border-top: 2px solid #dddddd; 2037 | } 2038 | 2039 | .table .table { 2040 | background-color: #ffffff; 2041 | } 2042 | 2043 | .table-condensed th, 2044 | .table-condensed td { 2045 | padding: 4px 5px; 2046 | } 2047 | 2048 | .table-bordered { 2049 | border: 1px solid #dddddd; 2050 | border-collapse: separate; 2051 | *border-collapse: collapse; 2052 | border-left: 0; 2053 | -webkit-border-radius: 4px; 2054 | -moz-border-radius: 4px; 2055 | border-radius: 4px; 2056 | } 2057 | 2058 | .table-bordered th, 2059 | .table-bordered td { 2060 | border-left: 1px solid #dddddd; 2061 | } 2062 | 2063 | .table-bordered caption + thead tr:first-child th, 2064 | .table-bordered caption + tbody tr:first-child th, 2065 | .table-bordered caption + tbody tr:first-child td, 2066 | .table-bordered colgroup + thead tr:first-child th, 2067 | .table-bordered colgroup + tbody tr:first-child th, 2068 | .table-bordered colgroup + tbody tr:first-child td, 2069 | .table-bordered thead:first-child tr:first-child th, 2070 | .table-bordered tbody:first-child tr:first-child th, 2071 | .table-bordered tbody:first-child tr:first-child td { 2072 | border-top: 0; 2073 | } 2074 | 2075 | .table-bordered thead:first-child tr:first-child > th:first-child, 2076 | .table-bordered tbody:first-child tr:first-child > td:first-child, 2077 | .table-bordered tbody:first-child tr:first-child > th:first-child { 2078 | -webkit-border-top-left-radius: 4px; 2079 | border-top-left-radius: 4px; 2080 | -moz-border-radius-topleft: 4px; 2081 | } 2082 | 2083 | .table-bordered thead:first-child tr:first-child > th:last-child, 2084 | .table-bordered tbody:first-child tr:first-child > td:last-child, 2085 | .table-bordered tbody:first-child tr:first-child > th:last-child { 2086 | -webkit-border-top-right-radius: 4px; 2087 | border-top-right-radius: 4px; 2088 | -moz-border-radius-topright: 4px; 2089 | } 2090 | 2091 | .table-bordered thead:last-child tr:last-child > th:first-child, 2092 | .table-bordered tbody:last-child tr:last-child > td:first-child, 2093 | .table-bordered tbody:last-child tr:last-child > th:first-child, 2094 | .table-bordered tfoot:last-child tr:last-child > td:first-child, 2095 | .table-bordered tfoot:last-child tr:last-child > th:first-child { 2096 | -webkit-border-bottom-left-radius: 4px; 2097 | border-bottom-left-radius: 4px; 2098 | -moz-border-radius-bottomleft: 4px; 2099 | } 2100 | 2101 | .table-bordered thead:last-child tr:last-child > th:last-child, 2102 | .table-bordered tbody:last-child tr:last-child > td:last-child, 2103 | .table-bordered tbody:last-child tr:last-child > th:last-child, 2104 | .table-bordered tfoot:last-child tr:last-child > td:last-child, 2105 | .table-bordered tfoot:last-child tr:last-child > th:last-child { 2106 | -webkit-border-bottom-right-radius: 4px; 2107 | border-bottom-right-radius: 4px; 2108 | -moz-border-radius-bottomright: 4px; 2109 | } 2110 | 2111 | .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { 2112 | -webkit-border-bottom-left-radius: 0; 2113 | border-bottom-left-radius: 0; 2114 | -moz-border-radius-bottomleft: 0; 2115 | } 2116 | 2117 | .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { 2118 | -webkit-border-bottom-right-radius: 0; 2119 | border-bottom-right-radius: 0; 2120 | -moz-border-radius-bottomright: 0; 2121 | } 2122 | 2123 | .table-bordered caption + thead tr:first-child th:first-child, 2124 | .table-bordered caption + tbody tr:first-child td:first-child, 2125 | .table-bordered colgroup + thead tr:first-child th:first-child, 2126 | .table-bordered colgroup + tbody tr:first-child td:first-child { 2127 | -webkit-border-top-left-radius: 4px; 2128 | border-top-left-radius: 4px; 2129 | -moz-border-radius-topleft: 4px; 2130 | } 2131 | 2132 | .table-bordered caption + thead tr:first-child th:last-child, 2133 | .table-bordered caption + tbody tr:first-child td:last-child, 2134 | .table-bordered colgroup + thead tr:first-child th:last-child, 2135 | .table-bordered colgroup + tbody tr:first-child td:last-child { 2136 | -webkit-border-top-right-radius: 4px; 2137 | border-top-right-radius: 4px; 2138 | -moz-border-radius-topright: 4px; 2139 | } 2140 | 2141 | .table-striped tbody > tr:nth-child(odd) > td, 2142 | .table-striped tbody > tr:nth-child(odd) > th { 2143 | background-color: #f9f9f9; 2144 | } 2145 | 2146 | .table-hover tbody tr:hover > td, 2147 | .table-hover tbody tr:hover > th { 2148 | background-color: #f5f5f5; 2149 | } 2150 | 2151 | table td[class*="span"], 2152 | table th[class*="span"], 2153 | .row-fluid table td[class*="span"], 2154 | .row-fluid table th[class*="span"] { 2155 | display: table-cell; 2156 | float: none; 2157 | margin-left: 0; 2158 | } 2159 | 2160 | .table td.span1, 2161 | .table th.span1 { 2162 | float: none; 2163 | width: 44px; 2164 | margin-left: 0; 2165 | } 2166 | 2167 | .table td.span2, 2168 | .table th.span2 { 2169 | float: none; 2170 | width: 124px; 2171 | margin-left: 0; 2172 | } 2173 | 2174 | .table td.span3, 2175 | .table th.span3 { 2176 | float: none; 2177 | width: 204px; 2178 | margin-left: 0; 2179 | } 2180 | 2181 | .table td.span4, 2182 | .table th.span4 { 2183 | float: none; 2184 | width: 284px; 2185 | margin-left: 0; 2186 | } 2187 | 2188 | .table td.span5, 2189 | .table th.span5 { 2190 | float: none; 2191 | width: 364px; 2192 | margin-left: 0; 2193 | } 2194 | 2195 | .table td.span6, 2196 | .table th.span6 { 2197 | float: none; 2198 | width: 444px; 2199 | margin-left: 0; 2200 | } 2201 | 2202 | .table td.span7, 2203 | .table th.span7 { 2204 | float: none; 2205 | width: 524px; 2206 | margin-left: 0; 2207 | } 2208 | 2209 | .table td.span8, 2210 | .table th.span8 { 2211 | float: none; 2212 | width: 604px; 2213 | margin-left: 0; 2214 | } 2215 | 2216 | .table td.span9, 2217 | .table th.span9 { 2218 | float: none; 2219 | width: 684px; 2220 | margin-left: 0; 2221 | } 2222 | 2223 | .table td.span10, 2224 | .table th.span10 { 2225 | float: none; 2226 | width: 764px; 2227 | margin-left: 0; 2228 | } 2229 | 2230 | .table td.span11, 2231 | .table th.span11 { 2232 | float: none; 2233 | width: 844px; 2234 | margin-left: 0; 2235 | } 2236 | 2237 | .table td.span12, 2238 | .table th.span12 { 2239 | float: none; 2240 | width: 924px; 2241 | margin-left: 0; 2242 | } 2243 | 2244 | .table tbody tr.success > td { 2245 | background-color: #dff0d8; 2246 | } 2247 | 2248 | .table tbody tr.error > td { 2249 | background-color: #f2dede; 2250 | } 2251 | 2252 | .table tbody tr.warning > td { 2253 | background-color: #fcf8e3; 2254 | } 2255 | 2256 | .table tbody tr.info > td { 2257 | background-color: #d9edf7; 2258 | } 2259 | 2260 | .table-hover tbody tr.success:hover > td { 2261 | background-color: #d0e9c6; 2262 | } 2263 | 2264 | .table-hover tbody tr.error:hover > td { 2265 | background-color: #ebcccc; 2266 | } 2267 | 2268 | .table-hover tbody tr.warning:hover > td { 2269 | background-color: #faf2cc; 2270 | } 2271 | 2272 | .table-hover tbody tr.info:hover > td { 2273 | background-color: #c4e3f3; 2274 | } 2275 | 2276 | [class^="icon-"], 2277 | [class*=" icon-"] { 2278 | display: inline-block; 2279 | width: 14px; 2280 | height: 14px; 2281 | margin-top: 1px; 2282 | *margin-right: .3em; 2283 | line-height: 14px; 2284 | vertical-align: text-top; 2285 | background-image: url("../img/glyphicons-halflings.png"); 2286 | background-position: 14px 14px; 2287 | background-repeat: no-repeat; 2288 | } 2289 | 2290 | /* White icons with optional class, or on hover/focus/active states of certain elements */ 2291 | 2292 | .icon-white, 2293 | .nav-pills > .active > a > [class^="icon-"], 2294 | .nav-pills > .active > a > [class*=" icon-"], 2295 | .nav-list > .active > a > [class^="icon-"], 2296 | .nav-list > .active > a > [class*=" icon-"], 2297 | .navbar-inverse .nav > .active > a > [class^="icon-"], 2298 | .navbar-inverse .nav > .active > a > [class*=" icon-"], 2299 | .dropdown-menu > li > a:hover > [class^="icon-"], 2300 | .dropdown-menu > li > a:focus > [class^="icon-"], 2301 | .dropdown-menu > li > a:hover > [class*=" icon-"], 2302 | .dropdown-menu > li > a:focus > [class*=" icon-"], 2303 | .dropdown-menu > .active > a > [class^="icon-"], 2304 | .dropdown-menu > .active > a > [class*=" icon-"], 2305 | .dropdown-submenu:hover > a > [class^="icon-"], 2306 | .dropdown-submenu:focus > a > [class^="icon-"], 2307 | .dropdown-submenu:hover > a > [class*=" icon-"], 2308 | .dropdown-submenu:focus > a > [class*=" icon-"] { 2309 | background-image: url("../img/glyphicons-halflings-white.png"); 2310 | } 2311 | 2312 | .icon-glass { 2313 | background-position: 0 0; 2314 | } 2315 | 2316 | .icon-music { 2317 | background-position: -24px 0; 2318 | } 2319 | 2320 | .icon-search { 2321 | background-position: -48px 0; 2322 | } 2323 | 2324 | .icon-envelope { 2325 | background-position: -72px 0; 2326 | } 2327 | 2328 | .icon-heart { 2329 | background-position: -96px 0; 2330 | } 2331 | 2332 | .icon-star { 2333 | background-position: -120px 0; 2334 | } 2335 | 2336 | .icon-star-empty { 2337 | background-position: -144px 0; 2338 | } 2339 | 2340 | .icon-user { 2341 | background-position: -168px 0; 2342 | } 2343 | 2344 | .icon-film { 2345 | background-position: -192px 0; 2346 | } 2347 | 2348 | .icon-th-large { 2349 | background-position: -216px 0; 2350 | } 2351 | 2352 | .icon-th { 2353 | background-position: -240px 0; 2354 | } 2355 | 2356 | .icon-th-list { 2357 | background-position: -264px 0; 2358 | } 2359 | 2360 | .icon-ok { 2361 | background-position: -288px 0; 2362 | } 2363 | 2364 | .icon-remove { 2365 | background-position: -312px 0; 2366 | } 2367 | 2368 | .icon-zoom-in { 2369 | background-position: -336px 0; 2370 | } 2371 | 2372 | .icon-zoom-out { 2373 | background-position: -360px 0; 2374 | } 2375 | 2376 | .icon-off { 2377 | background-position: -384px 0; 2378 | } 2379 | 2380 | .icon-signal { 2381 | background-position: -408px 0; 2382 | } 2383 | 2384 | .icon-cog { 2385 | background-position: -432px 0; 2386 | } 2387 | 2388 | .icon-trash { 2389 | background-position: -456px 0; 2390 | } 2391 | 2392 | .icon-home { 2393 | background-position: 0 -24px; 2394 | } 2395 | 2396 | .icon-file { 2397 | background-position: -24px -24px; 2398 | } 2399 | 2400 | .icon-time { 2401 | background-position: -48px -24px; 2402 | } 2403 | 2404 | .icon-road { 2405 | background-position: -72px -24px; 2406 | } 2407 | 2408 | .icon-download-alt { 2409 | background-position: -96px -24px; 2410 | } 2411 | 2412 | .icon-download { 2413 | background-position: -120px -24px; 2414 | } 2415 | 2416 | .icon-upload { 2417 | background-position: -144px -24px; 2418 | } 2419 | 2420 | .icon-inbox { 2421 | background-position: -168px -24px; 2422 | } 2423 | 2424 | .icon-play-circle { 2425 | background-position: -192px -24px; 2426 | } 2427 | 2428 | .icon-repeat { 2429 | background-position: -216px -24px; 2430 | } 2431 | 2432 | .icon-refresh { 2433 | background-position: -240px -24px; 2434 | } 2435 | 2436 | .icon-list-alt { 2437 | background-position: -264px -24px; 2438 | } 2439 | 2440 | .icon-lock { 2441 | background-position: -287px -24px; 2442 | } 2443 | 2444 | .icon-flag { 2445 | background-position: -312px -24px; 2446 | } 2447 | 2448 | .icon-headphones { 2449 | background-position: -336px -24px; 2450 | } 2451 | 2452 | .icon-volume-off { 2453 | background-position: -360px -24px; 2454 | } 2455 | 2456 | .icon-volume-down { 2457 | background-position: -384px -24px; 2458 | } 2459 | 2460 | .icon-volume-up { 2461 | background-position: -408px -24px; 2462 | } 2463 | 2464 | .icon-qrcode { 2465 | background-position: -432px -24px; 2466 | } 2467 | 2468 | .icon-barcode { 2469 | background-position: -456px -24px; 2470 | } 2471 | 2472 | .icon-tag { 2473 | background-position: 0 -48px; 2474 | } 2475 | 2476 | .icon-tags { 2477 | background-position: -25px -48px; 2478 | } 2479 | 2480 | .icon-book { 2481 | background-position: -48px -48px; 2482 | } 2483 | 2484 | .icon-bookmark { 2485 | background-position: -72px -48px; 2486 | } 2487 | 2488 | .icon-print { 2489 | background-position: -96px -48px; 2490 | } 2491 | 2492 | .icon-camera { 2493 | background-position: -120px -48px; 2494 | } 2495 | 2496 | .icon-font { 2497 | background-position: -144px -48px; 2498 | } 2499 | 2500 | .icon-bold { 2501 | background-position: -167px -48px; 2502 | } 2503 | 2504 | .icon-italic { 2505 | background-position: -192px -48px; 2506 | } 2507 | 2508 | .icon-text-height { 2509 | background-position: -216px -48px; 2510 | } 2511 | 2512 | .icon-text-width { 2513 | background-position: -240px -48px; 2514 | } 2515 | 2516 | .icon-align-left { 2517 | background-position: -264px -48px; 2518 | } 2519 | 2520 | .icon-align-center { 2521 | background-position: -288px -48px; 2522 | } 2523 | 2524 | .icon-align-right { 2525 | background-position: -312px -48px; 2526 | } 2527 | 2528 | .icon-align-justify { 2529 | background-position: -336px -48px; 2530 | } 2531 | 2532 | .icon-list { 2533 | background-position: -360px -48px; 2534 | } 2535 | 2536 | .icon-indent-left { 2537 | background-position: -384px -48px; 2538 | } 2539 | 2540 | .icon-indent-right { 2541 | background-position: -408px -48px; 2542 | } 2543 | 2544 | .icon-facetime-video { 2545 | background-position: -432px -48px; 2546 | } 2547 | 2548 | .icon-picture { 2549 | background-position: -456px -48px; 2550 | } 2551 | 2552 | .icon-pencil { 2553 | background-position: 0 -72px; 2554 | } 2555 | 2556 | .icon-map-marker { 2557 | background-position: -24px -72px; 2558 | } 2559 | 2560 | .icon-adjust { 2561 | background-position: -48px -72px; 2562 | } 2563 | 2564 | .icon-tint { 2565 | background-position: -72px -72px; 2566 | } 2567 | 2568 | .icon-edit { 2569 | background-position: -96px -72px; 2570 | } 2571 | 2572 | .icon-share { 2573 | background-position: -120px -72px; 2574 | } 2575 | 2576 | .icon-check { 2577 | background-position: -144px -72px; 2578 | } 2579 | 2580 | .icon-move { 2581 | background-position: -168px -72px; 2582 | } 2583 | 2584 | .icon-step-backward { 2585 | background-position: -192px -72px; 2586 | } 2587 | 2588 | .icon-fast-backward { 2589 | background-position: -216px -72px; 2590 | } 2591 | 2592 | .icon-backward { 2593 | background-position: -240px -72px; 2594 | } 2595 | 2596 | .icon-play { 2597 | background-position: -264px -72px; 2598 | } 2599 | 2600 | .icon-pause { 2601 | background-position: -288px -72px; 2602 | } 2603 | 2604 | .icon-stop { 2605 | background-position: -312px -72px; 2606 | } 2607 | 2608 | .icon-forward { 2609 | background-position: -336px -72px; 2610 | } 2611 | 2612 | .icon-fast-forward { 2613 | background-position: -360px -72px; 2614 | } 2615 | 2616 | .icon-step-forward { 2617 | background-position: -384px -72px; 2618 | } 2619 | 2620 | .icon-eject { 2621 | background-position: -408px -72px; 2622 | } 2623 | 2624 | .icon-chevron-left { 2625 | background-position: -432px -72px; 2626 | } 2627 | 2628 | .icon-chevron-right { 2629 | background-position: -456px -72px; 2630 | } 2631 | 2632 | .icon-plus-sign { 2633 | background-position: 0 -96px; 2634 | } 2635 | 2636 | .icon-minus-sign { 2637 | background-position: -24px -96px; 2638 | } 2639 | 2640 | .icon-remove-sign { 2641 | background-position: -48px -96px; 2642 | } 2643 | 2644 | .icon-ok-sign { 2645 | background-position: -72px -96px; 2646 | } 2647 | 2648 | .icon-question-sign { 2649 | background-position: -96px -96px; 2650 | } 2651 | 2652 | .icon-info-sign { 2653 | background-position: -120px -96px; 2654 | } 2655 | 2656 | .icon-screenshot { 2657 | background-position: -144px -96px; 2658 | } 2659 | 2660 | .icon-remove-circle { 2661 | background-position: -168px -96px; 2662 | } 2663 | 2664 | .icon-ok-circle { 2665 | background-position: -192px -96px; 2666 | } 2667 | 2668 | .icon-ban-circle { 2669 | background-position: -216px -96px; 2670 | } 2671 | 2672 | .icon-arrow-left { 2673 | background-position: -240px -96px; 2674 | } 2675 | 2676 | .icon-arrow-right { 2677 | background-position: -264px -96px; 2678 | } 2679 | 2680 | .icon-arrow-up { 2681 | background-position: -289px -96px; 2682 | } 2683 | 2684 | .icon-arrow-down { 2685 | background-position: -312px -96px; 2686 | } 2687 | 2688 | .icon-share-alt { 2689 | background-position: -336px -96px; 2690 | } 2691 | 2692 | .icon-resize-full { 2693 | background-position: -360px -96px; 2694 | } 2695 | 2696 | .icon-resize-small { 2697 | background-position: -384px -96px; 2698 | } 2699 | 2700 | .icon-plus { 2701 | background-position: -408px -96px; 2702 | } 2703 | 2704 | .icon-minus { 2705 | background-position: -433px -96px; 2706 | } 2707 | 2708 | .icon-asterisk { 2709 | background-position: -456px -96px; 2710 | } 2711 | 2712 | .icon-exclamation-sign { 2713 | background-position: 0 -120px; 2714 | } 2715 | 2716 | .icon-gift { 2717 | background-position: -24px -120px; 2718 | } 2719 | 2720 | .icon-leaf { 2721 | background-position: -48px -120px; 2722 | } 2723 | 2724 | .icon-fire { 2725 | background-position: -72px -120px; 2726 | } 2727 | 2728 | .icon-eye-open { 2729 | background-position: -96px -120px; 2730 | } 2731 | 2732 | .icon-eye-close { 2733 | background-position: -120px -120px; 2734 | } 2735 | 2736 | .icon-warning-sign { 2737 | background-position: -144px -120px; 2738 | } 2739 | 2740 | .icon-plane { 2741 | background-position: -168px -120px; 2742 | } 2743 | 2744 | .icon-calendar { 2745 | background-position: -192px -120px; 2746 | } 2747 | 2748 | .icon-random { 2749 | width: 16px; 2750 | background-position: -216px -120px; 2751 | } 2752 | 2753 | .icon-comment { 2754 | background-position: -240px -120px; 2755 | } 2756 | 2757 | .icon-magnet { 2758 | background-position: -264px -120px; 2759 | } 2760 | 2761 | .icon-chevron-up { 2762 | background-position: -288px -120px; 2763 | } 2764 | 2765 | .icon-chevron-down { 2766 | background-position: -313px -119px; 2767 | } 2768 | 2769 | .icon-retweet { 2770 | background-position: -336px -120px; 2771 | } 2772 | 2773 | .icon-shopping-cart { 2774 | background-position: -360px -120px; 2775 | } 2776 | 2777 | .icon-folder-close { 2778 | width: 16px; 2779 | background-position: -384px -120px; 2780 | } 2781 | 2782 | .icon-folder-open { 2783 | width: 16px; 2784 | background-position: -408px -120px; 2785 | } 2786 | 2787 | .icon-resize-vertical { 2788 | background-position: -432px -119px; 2789 | } 2790 | 2791 | .icon-resize-horizontal { 2792 | background-position: -456px -118px; 2793 | } 2794 | 2795 | .icon-hdd { 2796 | background-position: 0 -144px; 2797 | } 2798 | 2799 | .icon-bullhorn { 2800 | background-position: -24px -144px; 2801 | } 2802 | 2803 | .icon-bell { 2804 | background-position: -48px -144px; 2805 | } 2806 | 2807 | .icon-certificate { 2808 | background-position: -72px -144px; 2809 | } 2810 | 2811 | .icon-thumbs-up { 2812 | background-position: -96px -144px; 2813 | } 2814 | 2815 | .icon-thumbs-down { 2816 | background-position: -120px -144px; 2817 | } 2818 | 2819 | .icon-hand-right { 2820 | background-position: -144px -144px; 2821 | } 2822 | 2823 | .icon-hand-left { 2824 | background-position: -168px -144px; 2825 | } 2826 | 2827 | .icon-hand-up { 2828 | background-position: -192px -144px; 2829 | } 2830 | 2831 | .icon-hand-down { 2832 | background-position: -216px -144px; 2833 | } 2834 | 2835 | .icon-circle-arrow-right { 2836 | background-position: -240px -144px; 2837 | } 2838 | 2839 | .icon-circle-arrow-left { 2840 | background-position: -264px -144px; 2841 | } 2842 | 2843 | .icon-circle-arrow-up { 2844 | background-position: -288px -144px; 2845 | } 2846 | 2847 | .icon-circle-arrow-down { 2848 | background-position: -312px -144px; 2849 | } 2850 | 2851 | .icon-globe { 2852 | background-position: -336px -144px; 2853 | } 2854 | 2855 | .icon-wrench { 2856 | background-position: -360px -144px; 2857 | } 2858 | 2859 | .icon-tasks { 2860 | background-position: -384px -144px; 2861 | } 2862 | 2863 | .icon-filter { 2864 | background-position: -408px -144px; 2865 | } 2866 | 2867 | .icon-briefcase { 2868 | background-position: -432px -144px; 2869 | } 2870 | 2871 | .icon-fullscreen { 2872 | background-position: -456px -144px; 2873 | } 2874 | 2875 | .dropup, 2876 | .dropdown { 2877 | position: relative; 2878 | } 2879 | 2880 | .dropdown-toggle { 2881 | *margin-bottom: -3px; 2882 | } 2883 | 2884 | .dropdown-toggle:active, 2885 | .open .dropdown-toggle { 2886 | outline: 0; 2887 | } 2888 | 2889 | .caret { 2890 | display: inline-block; 2891 | width: 0; 2892 | height: 0; 2893 | vertical-align: top; 2894 | border-top: 4px solid #000000; 2895 | border-right: 4px solid transparent; 2896 | border-left: 4px solid transparent; 2897 | content: ""; 2898 | } 2899 | 2900 | .dropdown .caret { 2901 | margin-top: 8px; 2902 | margin-left: 2px; 2903 | } 2904 | 2905 | .dropdown-menu { 2906 | position: absolute; 2907 | top: 100%; 2908 | left: 0; 2909 | z-index: 1000; 2910 | display: none; 2911 | float: left; 2912 | min-width: 160px; 2913 | padding: 5px 0; 2914 | margin: 2px 0 0; 2915 | list-style: none; 2916 | background-color: #ffffff; 2917 | border: 1px solid #ccc; 2918 | border: 1px solid rgba(0, 0, 0, 0.2); 2919 | *border-right-width: 2px; 2920 | *border-bottom-width: 2px; 2921 | -webkit-border-radius: 6px; 2922 | -moz-border-radius: 6px; 2923 | border-radius: 6px; 2924 | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 2925 | -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 2926 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 2927 | -webkit-background-clip: padding-box; 2928 | -moz-background-clip: padding; 2929 | background-clip: padding-box; 2930 | } 2931 | 2932 | .dropdown-menu.pull-right { 2933 | right: 0; 2934 | left: auto; 2935 | } 2936 | 2937 | .dropdown-menu .divider { 2938 | *width: 100%; 2939 | height: 1px; 2940 | margin: 9px 1px; 2941 | *margin: -5px 0 5px; 2942 | overflow: hidden; 2943 | background-color: #e5e5e5; 2944 | border-bottom: 1px solid #ffffff; 2945 | } 2946 | 2947 | .dropdown-menu > li > a { 2948 | display: block; 2949 | padding: 3px 20px; 2950 | clear: both; 2951 | font-weight: normal; 2952 | line-height: 20px; 2953 | color: #333333; 2954 | white-space: nowrap; 2955 | } 2956 | 2957 | .dropdown-menu > li > a:hover, 2958 | .dropdown-menu > li > a:focus, 2959 | .dropdown-submenu:hover > a, 2960 | .dropdown-submenu:focus > a { 2961 | color: #ffffff; 2962 | text-decoration: none; 2963 | background-color: #0081c2; 2964 | background-image: -moz-linear-gradient(top, #0088cc, #0077b3); 2965 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); 2966 | background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); 2967 | background-image: -o-linear-gradient(top, #0088cc, #0077b3); 2968 | background-image: linear-gradient(to bottom, #0088cc, #0077b3); 2969 | background-repeat: repeat-x; 2970 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); 2971 | } 2972 | 2973 | .dropdown-menu > .active > a, 2974 | .dropdown-menu > .active > a:hover, 2975 | .dropdown-menu > .active > a:focus { 2976 | color: #ffffff; 2977 | text-decoration: none; 2978 | background-color: #0081c2; 2979 | background-image: -moz-linear-gradient(top, #0088cc, #0077b3); 2980 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); 2981 | background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); 2982 | background-image: -o-linear-gradient(top, #0088cc, #0077b3); 2983 | background-image: linear-gradient(to bottom, #0088cc, #0077b3); 2984 | background-repeat: repeat-x; 2985 | outline: 0; 2986 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); 2987 | } 2988 | 2989 | .dropdown-menu > .disabled > a, 2990 | .dropdown-menu > .disabled > a:hover, 2991 | .dropdown-menu > .disabled > a:focus { 2992 | color: #999999; 2993 | } 2994 | 2995 | .dropdown-menu > .disabled > a:hover, 2996 | .dropdown-menu > .disabled > a:focus { 2997 | text-decoration: none; 2998 | cursor: default; 2999 | background-color: transparent; 3000 | background-image: none; 3001 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 3002 | } 3003 | 3004 | .open { 3005 | *z-index: 1000; 3006 | } 3007 | 3008 | .open > .dropdown-menu { 3009 | display: block; 3010 | } 3011 | 3012 | .dropdown-backdrop { 3013 | position: fixed; 3014 | top: 0; 3015 | right: 0; 3016 | bottom: 0; 3017 | left: 0; 3018 | z-index: 990; 3019 | } 3020 | 3021 | .pull-right > .dropdown-menu { 3022 | right: 0; 3023 | left: auto; 3024 | } 3025 | 3026 | .dropup .caret, 3027 | .navbar-fixed-bottom .dropdown .caret { 3028 | border-top: 0; 3029 | border-bottom: 4px solid #000000; 3030 | content: ""; 3031 | } 3032 | 3033 | .dropup .dropdown-menu, 3034 | .navbar-fixed-bottom .dropdown .dropdown-menu { 3035 | top: auto; 3036 | bottom: 100%; 3037 | margin-bottom: 1px; 3038 | } 3039 | 3040 | .dropdown-submenu { 3041 | position: relative; 3042 | } 3043 | 3044 | .dropdown-submenu > .dropdown-menu { 3045 | top: 0; 3046 | left: 100%; 3047 | margin-top: -6px; 3048 | margin-left: -1px; 3049 | -webkit-border-radius: 0 6px 6px 6px; 3050 | -moz-border-radius: 0 6px 6px 6px; 3051 | border-radius: 0 6px 6px 6px; 3052 | } 3053 | 3054 | .dropdown-submenu:hover > .dropdown-menu { 3055 | display: block; 3056 | } 3057 | 3058 | .dropup .dropdown-submenu > .dropdown-menu { 3059 | top: auto; 3060 | bottom: 0; 3061 | margin-top: 0; 3062 | margin-bottom: -2px; 3063 | -webkit-border-radius: 5px 5px 5px 0; 3064 | -moz-border-radius: 5px 5px 5px 0; 3065 | border-radius: 5px 5px 5px 0; 3066 | } 3067 | 3068 | .dropdown-submenu > a:after { 3069 | display: block; 3070 | float: right; 3071 | width: 0; 3072 | height: 0; 3073 | margin-top: 5px; 3074 | margin-right: -10px; 3075 | border-color: transparent; 3076 | border-left-color: #cccccc; 3077 | border-style: solid; 3078 | border-width: 5px 0 5px 5px; 3079 | content: " "; 3080 | } 3081 | 3082 | .dropdown-submenu:hover > a:after { 3083 | border-left-color: #ffffff; 3084 | } 3085 | 3086 | .dropdown-submenu.pull-left { 3087 | float: none; 3088 | } 3089 | 3090 | .dropdown-submenu.pull-left > .dropdown-menu { 3091 | left: -100%; 3092 | margin-left: 10px; 3093 | -webkit-border-radius: 6px 0 6px 6px; 3094 | -moz-border-radius: 6px 0 6px 6px; 3095 | border-radius: 6px 0 6px 6px; 3096 | } 3097 | 3098 | .dropdown .dropdown-menu .nav-header { 3099 | padding-right: 20px; 3100 | padding-left: 20px; 3101 | } 3102 | 3103 | .typeahead { 3104 | z-index: 1051; 3105 | margin-top: 2px; 3106 | -webkit-border-radius: 4px; 3107 | -moz-border-radius: 4px; 3108 | border-radius: 4px; 3109 | } 3110 | 3111 | .well { 3112 | min-height: 20px; 3113 | padding: 19px; 3114 | margin-bottom: 20px; 3115 | background-color: #f5f5f5; 3116 | border: 1px solid #e3e3e3; 3117 | -webkit-border-radius: 4px; 3118 | -moz-border-radius: 4px; 3119 | border-radius: 4px; 3120 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); 3121 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); 3122 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); 3123 | } 3124 | 3125 | .well blockquote { 3126 | border-color: #ddd; 3127 | border-color: rgba(0, 0, 0, 0.15); 3128 | } 3129 | 3130 | .well-large { 3131 | padding: 24px; 3132 | -webkit-border-radius: 6px; 3133 | -moz-border-radius: 6px; 3134 | border-radius: 6px; 3135 | } 3136 | 3137 | .well-small { 3138 | padding: 9px; 3139 | -webkit-border-radius: 3px; 3140 | -moz-border-radius: 3px; 3141 | border-radius: 3px; 3142 | } 3143 | 3144 | .fade { 3145 | opacity: 0; 3146 | -webkit-transition: opacity 0.15s linear; 3147 | -moz-transition: opacity 0.15s linear; 3148 | -o-transition: opacity 0.15s linear; 3149 | transition: opacity 0.15s linear; 3150 | } 3151 | 3152 | .fade.in { 3153 | opacity: 1; 3154 | } 3155 | 3156 | .collapse { 3157 | position: relative; 3158 | height: 0; 3159 | overflow: hidden; 3160 | -webkit-transition: height 0.35s ease; 3161 | -moz-transition: height 0.35s ease; 3162 | -o-transition: height 0.35s ease; 3163 | transition: height 0.35s ease; 3164 | } 3165 | 3166 | .collapse.in { 3167 | height: auto; 3168 | } 3169 | 3170 | .close { 3171 | float: right; 3172 | font-size: 20px; 3173 | font-weight: bold; 3174 | line-height: 20px; 3175 | color: #000000; 3176 | text-shadow: 0 1px 0 #ffffff; 3177 | opacity: 0.2; 3178 | filter: alpha(opacity=20); 3179 | } 3180 | 3181 | .close:hover, 3182 | .close:focus { 3183 | color: #000000; 3184 | text-decoration: none; 3185 | cursor: pointer; 3186 | opacity: 0.4; 3187 | filter: alpha(opacity=40); 3188 | } 3189 | 3190 | button.close { 3191 | padding: 0; 3192 | cursor: pointer; 3193 | background: transparent; 3194 | border: 0; 3195 | -webkit-appearance: none; 3196 | } 3197 | 3198 | .btn { 3199 | display: inline-block; 3200 | *display: inline; 3201 | padding: 4px 12px; 3202 | margin-bottom: 0; 3203 | *margin-left: .3em; 3204 | font-size: 14px; 3205 | line-height: 20px; 3206 | color: #333333; 3207 | text-align: center; 3208 | text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); 3209 | vertical-align: middle; 3210 | cursor: pointer; 3211 | background-color: #f5f5f5; 3212 | *background-color: #e6e6e6; 3213 | background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); 3214 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); 3215 | background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); 3216 | background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); 3217 | background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); 3218 | background-repeat: repeat-x; 3219 | border: 1px solid #cccccc; 3220 | *border: 0; 3221 | border-color: #e6e6e6 #e6e6e6 #bfbfbf; 3222 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 3223 | border-bottom-color: #b3b3b3; 3224 | -webkit-border-radius: 4px; 3225 | -moz-border-radius: 4px; 3226 | border-radius: 4px; 3227 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); 3228 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 3229 | *zoom: 1; 3230 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 3231 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 3232 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 3233 | } 3234 | 3235 | .btn:hover, 3236 | .btn:focus, 3237 | .btn:active, 3238 | .btn.active, 3239 | .btn.disabled, 3240 | .btn[disabled] { 3241 | color: #333333; 3242 | background-color: #e6e6e6; 3243 | *background-color: #d9d9d9; 3244 | } 3245 | 3246 | .btn:active, 3247 | .btn.active { 3248 | background-color: #cccccc \9; 3249 | } 3250 | 3251 | .btn:first-child { 3252 | *margin-left: 0; 3253 | } 3254 | 3255 | .btn:hover, 3256 | .btn:focus { 3257 | color: #333333; 3258 | text-decoration: none; 3259 | background-position: 0 -15px; 3260 | -webkit-transition: background-position 0.1s linear; 3261 | -moz-transition: background-position 0.1s linear; 3262 | -o-transition: background-position 0.1s linear; 3263 | transition: background-position 0.1s linear; 3264 | } 3265 | 3266 | .btn:focus { 3267 | outline: thin dotted #333; 3268 | outline: 5px auto -webkit-focus-ring-color; 3269 | outline-offset: -2px; 3270 | } 3271 | 3272 | .btn.active, 3273 | .btn:active { 3274 | background-image: none; 3275 | outline: 0; 3276 | -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 3277 | -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 3278 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 3279 | } 3280 | 3281 | .btn.disabled, 3282 | .btn[disabled] { 3283 | cursor: default; 3284 | background-image: none; 3285 | opacity: 0.65; 3286 | filter: alpha(opacity=65); 3287 | -webkit-box-shadow: none; 3288 | -moz-box-shadow: none; 3289 | box-shadow: none; 3290 | } 3291 | 3292 | .btn-large { 3293 | padding: 11px 19px; 3294 | font-size: 17.5px; 3295 | -webkit-border-radius: 6px; 3296 | -moz-border-radius: 6px; 3297 | border-radius: 6px; 3298 | } 3299 | 3300 | .btn-large [class^="icon-"], 3301 | .btn-large [class*=" icon-"] { 3302 | margin-top: 4px; 3303 | } 3304 | 3305 | .btn-small { 3306 | padding: 2px 10px; 3307 | font-size: 11.9px; 3308 | -webkit-border-radius: 3px; 3309 | -moz-border-radius: 3px; 3310 | border-radius: 3px; 3311 | } 3312 | 3313 | .btn-small [class^="icon-"], 3314 | .btn-small [class*=" icon-"] { 3315 | margin-top: 0; 3316 | } 3317 | 3318 | .btn-mini [class^="icon-"], 3319 | .btn-mini [class*=" icon-"] { 3320 | margin-top: -1px; 3321 | } 3322 | 3323 | .btn-mini { 3324 | padding: 0 6px; 3325 | font-size: 10.5px; 3326 | -webkit-border-radius: 3px; 3327 | -moz-border-radius: 3px; 3328 | border-radius: 3px; 3329 | } 3330 | 3331 | .btn-block { 3332 | display: block; 3333 | width: 100%; 3334 | padding-right: 0; 3335 | padding-left: 0; 3336 | -webkit-box-sizing: border-box; 3337 | -moz-box-sizing: border-box; 3338 | box-sizing: border-box; 3339 | } 3340 | 3341 | .btn-block + .btn-block { 3342 | margin-top: 5px; 3343 | } 3344 | 3345 | input[type="submit"].btn-block, 3346 | input[type="reset"].btn-block, 3347 | input[type="button"].btn-block { 3348 | width: 100%; 3349 | } 3350 | 3351 | .btn-primary.active, 3352 | .btn-warning.active, 3353 | .btn-danger.active, 3354 | .btn-success.active, 3355 | .btn-info.active, 3356 | .btn-inverse.active { 3357 | color: rgba(255, 255, 255, 0.75); 3358 | } 3359 | 3360 | .btn-primary { 3361 | color: #ffffff; 3362 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 3363 | background-color: #006dcc; 3364 | *background-color: #0044cc; 3365 | background-image: -moz-linear-gradient(top, #0088cc, #0044cc); 3366 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); 3367 | background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); 3368 | background-image: -o-linear-gradient(top, #0088cc, #0044cc); 3369 | background-image: linear-gradient(to bottom, #0088cc, #0044cc); 3370 | background-repeat: repeat-x; 3371 | border-color: #0044cc #0044cc #002a80; 3372 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 3373 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); 3374 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 3375 | } 3376 | 3377 | .btn-primary:hover, 3378 | .btn-primary:focus, 3379 | .btn-primary:active, 3380 | .btn-primary.active, 3381 | .btn-primary.disabled, 3382 | .btn-primary[disabled] { 3383 | color: #ffffff; 3384 | background-color: #0044cc; 3385 | *background-color: #003bb3; 3386 | } 3387 | 3388 | .btn-primary:active, 3389 | .btn-primary.active { 3390 | background-color: #003399 \9; 3391 | } 3392 | 3393 | .btn-warning { 3394 | color: #ffffff; 3395 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 3396 | background-color: #faa732; 3397 | *background-color: #f89406; 3398 | background-image: -moz-linear-gradient(top, #fbb450, #f89406); 3399 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); 3400 | background-image: -webkit-linear-gradient(top, #fbb450, #f89406); 3401 | background-image: -o-linear-gradient(top, #fbb450, #f89406); 3402 | background-image: linear-gradient(to bottom, #fbb450, #f89406); 3403 | background-repeat: repeat-x; 3404 | border-color: #f89406 #f89406 #ad6704; 3405 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 3406 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); 3407 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 3408 | } 3409 | 3410 | .btn-warning:hover, 3411 | .btn-warning:focus, 3412 | .btn-warning:active, 3413 | .btn-warning.active, 3414 | .btn-warning.disabled, 3415 | .btn-warning[disabled] { 3416 | color: #ffffff; 3417 | background-color: #f89406; 3418 | *background-color: #df8505; 3419 | } 3420 | 3421 | .btn-warning:active, 3422 | .btn-warning.active { 3423 | background-color: #c67605 \9; 3424 | } 3425 | 3426 | .btn-danger { 3427 | color: #ffffff; 3428 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 3429 | background-color: #da4f49; 3430 | *background-color: #bd362f; 3431 | background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); 3432 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); 3433 | background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); 3434 | background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); 3435 | background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); 3436 | background-repeat: repeat-x; 3437 | border-color: #bd362f #bd362f #802420; 3438 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 3439 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); 3440 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 3441 | } 3442 | 3443 | .btn-danger:hover, 3444 | .btn-danger:focus, 3445 | .btn-danger:active, 3446 | .btn-danger.active, 3447 | .btn-danger.disabled, 3448 | .btn-danger[disabled] { 3449 | color: #ffffff; 3450 | background-color: #bd362f; 3451 | *background-color: #a9302a; 3452 | } 3453 | 3454 | .btn-danger:active, 3455 | .btn-danger.active { 3456 | background-color: #942a25 \9; 3457 | } 3458 | 3459 | .btn-success { 3460 | color: #ffffff; 3461 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 3462 | background-color: #5bb75b; 3463 | *background-color: #51a351; 3464 | background-image: -moz-linear-gradient(top, #62c462, #51a351); 3465 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); 3466 | background-image: -webkit-linear-gradient(top, #62c462, #51a351); 3467 | background-image: -o-linear-gradient(top, #62c462, #51a351); 3468 | background-image: linear-gradient(to bottom, #62c462, #51a351); 3469 | background-repeat: repeat-x; 3470 | border-color: #51a351 #51a351 #387038; 3471 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 3472 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); 3473 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 3474 | } 3475 | 3476 | .btn-success:hover, 3477 | .btn-success:focus, 3478 | .btn-success:active, 3479 | .btn-success.active, 3480 | .btn-success.disabled, 3481 | .btn-success[disabled] { 3482 | color: #ffffff; 3483 | background-color: #51a351; 3484 | *background-color: #499249; 3485 | } 3486 | 3487 | .btn-success:active, 3488 | .btn-success.active { 3489 | background-color: #408140 \9; 3490 | } 3491 | 3492 | .btn-info { 3493 | color: #ffffff; 3494 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 3495 | background-color: #49afcd; 3496 | *background-color: #2f96b4; 3497 | background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); 3498 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); 3499 | background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); 3500 | background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); 3501 | background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); 3502 | background-repeat: repeat-x; 3503 | border-color: #2f96b4 #2f96b4 #1f6377; 3504 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 3505 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); 3506 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 3507 | } 3508 | 3509 | .btn-info:hover, 3510 | .btn-info:focus, 3511 | .btn-info:active, 3512 | .btn-info.active, 3513 | .btn-info.disabled, 3514 | .btn-info[disabled] { 3515 | color: #ffffff; 3516 | background-color: #2f96b4; 3517 | *background-color: #2a85a0; 3518 | } 3519 | 3520 | .btn-info:active, 3521 | .btn-info.active { 3522 | background-color: #24748c \9; 3523 | } 3524 | 3525 | .btn-inverse { 3526 | color: #ffffff; 3527 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 3528 | background-color: #363636; 3529 | *background-color: #222222; 3530 | background-image: -moz-linear-gradient(top, #444444, #222222); 3531 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); 3532 | background-image: -webkit-linear-gradient(top, #444444, #222222); 3533 | background-image: -o-linear-gradient(top, #444444, #222222); 3534 | background-image: linear-gradient(to bottom, #444444, #222222); 3535 | background-repeat: repeat-x; 3536 | border-color: #222222 #222222 #000000; 3537 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 3538 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); 3539 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 3540 | } 3541 | 3542 | .btn-inverse:hover, 3543 | .btn-inverse:focus, 3544 | .btn-inverse:active, 3545 | .btn-inverse.active, 3546 | .btn-inverse.disabled, 3547 | .btn-inverse[disabled] { 3548 | color: #ffffff; 3549 | background-color: #222222; 3550 | *background-color: #151515; 3551 | } 3552 | 3553 | .btn-inverse:active, 3554 | .btn-inverse.active { 3555 | background-color: #080808 \9; 3556 | } 3557 | 3558 | button.btn, 3559 | input[type="submit"].btn { 3560 | *padding-top: 3px; 3561 | *padding-bottom: 3px; 3562 | } 3563 | 3564 | button.btn::-moz-focus-inner, 3565 | input[type="submit"].btn::-moz-focus-inner { 3566 | padding: 0; 3567 | border: 0; 3568 | } 3569 | 3570 | button.btn.btn-large, 3571 | input[type="submit"].btn.btn-large { 3572 | *padding-top: 7px; 3573 | *padding-bottom: 7px; 3574 | } 3575 | 3576 | button.btn.btn-small, 3577 | input[type="submit"].btn.btn-small { 3578 | *padding-top: 3px; 3579 | *padding-bottom: 3px; 3580 | } 3581 | 3582 | button.btn.btn-mini, 3583 | input[type="submit"].btn.btn-mini { 3584 | *padding-top: 1px; 3585 | *padding-bottom: 1px; 3586 | } 3587 | 3588 | .btn-link, 3589 | .btn-link:active, 3590 | .btn-link[disabled] { 3591 | background-color: transparent; 3592 | background-image: none; 3593 | -webkit-box-shadow: none; 3594 | -moz-box-shadow: none; 3595 | box-shadow: none; 3596 | } 3597 | 3598 | .btn-link { 3599 | color: #0088cc; 3600 | cursor: pointer; 3601 | border-color: transparent; 3602 | -webkit-border-radius: 0; 3603 | -moz-border-radius: 0; 3604 | border-radius: 0; 3605 | } 3606 | 3607 | .btn-link:hover, 3608 | .btn-link:focus { 3609 | color: #005580; 3610 | text-decoration: underline; 3611 | background-color: transparent; 3612 | } 3613 | 3614 | .btn-link[disabled]:hover, 3615 | .btn-link[disabled]:focus { 3616 | color: #333333; 3617 | text-decoration: none; 3618 | } 3619 | 3620 | .btn-group { 3621 | position: relative; 3622 | display: inline-block; 3623 | *display: inline; 3624 | *margin-left: .3em; 3625 | font-size: 0; 3626 | white-space: nowrap; 3627 | vertical-align: middle; 3628 | *zoom: 1; 3629 | } 3630 | 3631 | .btn-group:first-child { 3632 | *margin-left: 0; 3633 | } 3634 | 3635 | .btn-group + .btn-group { 3636 | margin-left: 5px; 3637 | } 3638 | 3639 | .btn-toolbar { 3640 | margin-top: 10px; 3641 | margin-bottom: 10px; 3642 | font-size: 0; 3643 | } 3644 | 3645 | .btn-toolbar > .btn + .btn, 3646 | .btn-toolbar > .btn-group + .btn, 3647 | .btn-toolbar > .btn + .btn-group { 3648 | margin-left: 5px; 3649 | } 3650 | 3651 | .btn-group > .btn { 3652 | position: relative; 3653 | -webkit-border-radius: 0; 3654 | -moz-border-radius: 0; 3655 | border-radius: 0; 3656 | } 3657 | 3658 | .btn-group > .btn + .btn { 3659 | margin-left: -1px; 3660 | } 3661 | 3662 | .btn-group > .btn, 3663 | .btn-group > .dropdown-menu, 3664 | .btn-group > .popover { 3665 | font-size: 14px; 3666 | } 3667 | 3668 | .btn-group > .btn-mini { 3669 | font-size: 10.5px; 3670 | } 3671 | 3672 | .btn-group > .btn-small { 3673 | font-size: 11.9px; 3674 | } 3675 | 3676 | .btn-group > .btn-large { 3677 | font-size: 17.5px; 3678 | } 3679 | 3680 | .btn-group > .btn:first-child { 3681 | margin-left: 0; 3682 | -webkit-border-bottom-left-radius: 4px; 3683 | border-bottom-left-radius: 4px; 3684 | -webkit-border-top-left-radius: 4px; 3685 | border-top-left-radius: 4px; 3686 | -moz-border-radius-bottomleft: 4px; 3687 | -moz-border-radius-topleft: 4px; 3688 | } 3689 | 3690 | .btn-group > .btn:last-child, 3691 | .btn-group > .dropdown-toggle { 3692 | -webkit-border-top-right-radius: 4px; 3693 | border-top-right-radius: 4px; 3694 | -webkit-border-bottom-right-radius: 4px; 3695 | border-bottom-right-radius: 4px; 3696 | -moz-border-radius-topright: 4px; 3697 | -moz-border-radius-bottomright: 4px; 3698 | } 3699 | 3700 | .btn-group > .btn.large:first-child { 3701 | margin-left: 0; 3702 | -webkit-border-bottom-left-radius: 6px; 3703 | border-bottom-left-radius: 6px; 3704 | -webkit-border-top-left-radius: 6px; 3705 | border-top-left-radius: 6px; 3706 | -moz-border-radius-bottomleft: 6px; 3707 | -moz-border-radius-topleft: 6px; 3708 | } 3709 | 3710 | .btn-group > .btn.large:last-child, 3711 | .btn-group > .large.dropdown-toggle { 3712 | -webkit-border-top-right-radius: 6px; 3713 | border-top-right-radius: 6px; 3714 | -webkit-border-bottom-right-radius: 6px; 3715 | border-bottom-right-radius: 6px; 3716 | -moz-border-radius-topright: 6px; 3717 | -moz-border-radius-bottomright: 6px; 3718 | } 3719 | 3720 | .btn-group > .btn:hover, 3721 | .btn-group > .btn:focus, 3722 | .btn-group > .btn:active, 3723 | .btn-group > .btn.active { 3724 | z-index: 2; 3725 | } 3726 | 3727 | .btn-group .dropdown-toggle:active, 3728 | .btn-group.open .dropdown-toggle { 3729 | outline: 0; 3730 | } 3731 | 3732 | .btn-group > .btn + .dropdown-toggle { 3733 | *padding-top: 5px; 3734 | padding-right: 8px; 3735 | *padding-bottom: 5px; 3736 | padding-left: 8px; 3737 | -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); 3738 | -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); 3739 | 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); 3740 | } 3741 | 3742 | .btn-group > .btn-mini + .dropdown-toggle { 3743 | *padding-top: 2px; 3744 | padding-right: 5px; 3745 | *padding-bottom: 2px; 3746 | padding-left: 5px; 3747 | } 3748 | 3749 | .btn-group > .btn-small + .dropdown-toggle { 3750 | *padding-top: 5px; 3751 | *padding-bottom: 4px; 3752 | } 3753 | 3754 | .btn-group > .btn-large + .dropdown-toggle { 3755 | *padding-top: 7px; 3756 | padding-right: 12px; 3757 | *padding-bottom: 7px; 3758 | padding-left: 12px; 3759 | } 3760 | 3761 | .btn-group.open .dropdown-toggle { 3762 | background-image: none; 3763 | -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 3764 | -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 3765 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 3766 | } 3767 | 3768 | .btn-group.open .btn.dropdown-toggle { 3769 | background-color: #e6e6e6; 3770 | } 3771 | 3772 | .btn-group.open .btn-primary.dropdown-toggle { 3773 | background-color: #0044cc; 3774 | } 3775 | 3776 | .btn-group.open .btn-warning.dropdown-toggle { 3777 | background-color: #f89406; 3778 | } 3779 | 3780 | .btn-group.open .btn-danger.dropdown-toggle { 3781 | background-color: #bd362f; 3782 | } 3783 | 3784 | .btn-group.open .btn-success.dropdown-toggle { 3785 | background-color: #51a351; 3786 | } 3787 | 3788 | .btn-group.open .btn-info.dropdown-toggle { 3789 | background-color: #2f96b4; 3790 | } 3791 | 3792 | .btn-group.open .btn-inverse.dropdown-toggle { 3793 | background-color: #222222; 3794 | } 3795 | 3796 | .btn .caret { 3797 | margin-top: 8px; 3798 | margin-left: 0; 3799 | } 3800 | 3801 | .btn-large .caret { 3802 | margin-top: 6px; 3803 | } 3804 | 3805 | .btn-large .caret { 3806 | border-top-width: 5px; 3807 | border-right-width: 5px; 3808 | border-left-width: 5px; 3809 | } 3810 | 3811 | .btn-mini .caret, 3812 | .btn-small .caret { 3813 | margin-top: 8px; 3814 | } 3815 | 3816 | .dropup .btn-large .caret { 3817 | border-bottom-width: 5px; 3818 | } 3819 | 3820 | .btn-primary .caret, 3821 | .btn-warning .caret, 3822 | .btn-danger .caret, 3823 | .btn-info .caret, 3824 | .btn-success .caret, 3825 | .btn-inverse .caret { 3826 | border-top-color: #ffffff; 3827 | border-bottom-color: #ffffff; 3828 | } 3829 | 3830 | .btn-group-vertical { 3831 | display: inline-block; 3832 | *display: inline; 3833 | /* IE7 inline-block hack */ 3834 | 3835 | *zoom: 1; 3836 | } 3837 | 3838 | .btn-group-vertical > .btn { 3839 | display: block; 3840 | float: none; 3841 | max-width: 100%; 3842 | -webkit-border-radius: 0; 3843 | -moz-border-radius: 0; 3844 | border-radius: 0; 3845 | } 3846 | 3847 | .btn-group-vertical > .btn + .btn { 3848 | margin-top: -1px; 3849 | margin-left: 0; 3850 | } 3851 | 3852 | .btn-group-vertical > .btn:first-child { 3853 | -webkit-border-radius: 4px 4px 0 0; 3854 | -moz-border-radius: 4px 4px 0 0; 3855 | border-radius: 4px 4px 0 0; 3856 | } 3857 | 3858 | .btn-group-vertical > .btn:last-child { 3859 | -webkit-border-radius: 0 0 4px 4px; 3860 | -moz-border-radius: 0 0 4px 4px; 3861 | border-radius: 0 0 4px 4px; 3862 | } 3863 | 3864 | .btn-group-vertical > .btn-large:first-child { 3865 | -webkit-border-radius: 6px 6px 0 0; 3866 | -moz-border-radius: 6px 6px 0 0; 3867 | border-radius: 6px 6px 0 0; 3868 | } 3869 | 3870 | .btn-group-vertical > .btn-large:last-child { 3871 | -webkit-border-radius: 0 0 6px 6px; 3872 | -moz-border-radius: 0 0 6px 6px; 3873 | border-radius: 0 0 6px 6px; 3874 | } 3875 | 3876 | .alert { 3877 | padding: 8px 35px 8px 14px; 3878 | margin-bottom: 20px; 3879 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 3880 | background-color: #fcf8e3; 3881 | border: 1px solid #fbeed5; 3882 | -webkit-border-radius: 4px; 3883 | -moz-border-radius: 4px; 3884 | border-radius: 4px; 3885 | } 3886 | 3887 | .alert, 3888 | .alert h4 { 3889 | color: #c09853; 3890 | } 3891 | 3892 | .alert h4 { 3893 | margin: 0; 3894 | } 3895 | 3896 | .alert .close { 3897 | position: relative; 3898 | top: -2px; 3899 | right: -21px; 3900 | line-height: 20px; 3901 | } 3902 | 3903 | .alert-success { 3904 | color: #468847; 3905 | background-color: #dff0d8; 3906 | border-color: #d6e9c6; 3907 | } 3908 | 3909 | .alert-success h4 { 3910 | color: #468847; 3911 | } 3912 | 3913 | .alert-danger, 3914 | .alert-error { 3915 | color: #b94a48; 3916 | background-color: #f2dede; 3917 | border-color: #eed3d7; 3918 | } 3919 | 3920 | .alert-danger h4, 3921 | .alert-error h4 { 3922 | color: #b94a48; 3923 | } 3924 | 3925 | .alert-info { 3926 | color: #3a87ad; 3927 | background-color: #d9edf7; 3928 | border-color: #bce8f1; 3929 | } 3930 | 3931 | .alert-info h4 { 3932 | color: #3a87ad; 3933 | } 3934 | 3935 | .alert-block { 3936 | padding-top: 14px; 3937 | padding-bottom: 14px; 3938 | } 3939 | 3940 | .alert-block > p, 3941 | .alert-block > ul { 3942 | margin-bottom: 0; 3943 | } 3944 | 3945 | .alert-block p + p { 3946 | margin-top: 5px; 3947 | } 3948 | 3949 | .nav { 3950 | margin-bottom: 20px; 3951 | margin-left: 0; 3952 | list-style: none; 3953 | } 3954 | 3955 | .nav > li > a { 3956 | display: block; 3957 | } 3958 | 3959 | .nav > li > a:hover, 3960 | .nav > li > a:focus { 3961 | text-decoration: none; 3962 | background-color: #eeeeee; 3963 | } 3964 | 3965 | .nav > li > a > img { 3966 | max-width: none; 3967 | } 3968 | 3969 | .nav > .pull-right { 3970 | float: right; 3971 | } 3972 | 3973 | .nav-header { 3974 | display: block; 3975 | padding: 3px 15px; 3976 | font-size: 11px; 3977 | font-weight: bold; 3978 | line-height: 20px; 3979 | color: #999999; 3980 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 3981 | text-transform: uppercase; 3982 | } 3983 | 3984 | .nav li + .nav-header { 3985 | margin-top: 9px; 3986 | } 3987 | 3988 | .nav-list { 3989 | padding-right: 15px; 3990 | padding-left: 15px; 3991 | margin-bottom: 0; 3992 | } 3993 | 3994 | .nav-list > li > a, 3995 | .nav-list .nav-header { 3996 | margin-right: -15px; 3997 | margin-left: -15px; 3998 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 3999 | } 4000 | 4001 | .nav-list > li > a { 4002 | padding: 3px 15px; 4003 | } 4004 | 4005 | .nav-list > .active > a, 4006 | .nav-list > .active > a:hover, 4007 | .nav-list > .active > a:focus { 4008 | color: #ffffff; 4009 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); 4010 | background-color: #0088cc; 4011 | } 4012 | 4013 | .nav-list [class^="icon-"], 4014 | .nav-list [class*=" icon-"] { 4015 | margin-right: 2px; 4016 | } 4017 | 4018 | .nav-list .divider { 4019 | *width: 100%; 4020 | height: 1px; 4021 | margin: 9px 1px; 4022 | *margin: -5px 0 5px; 4023 | overflow: hidden; 4024 | background-color: #e5e5e5; 4025 | border-bottom: 1px solid #ffffff; 4026 | } 4027 | 4028 | .nav-tabs, 4029 | .nav-pills { 4030 | *zoom: 1; 4031 | } 4032 | 4033 | .nav-tabs:before, 4034 | .nav-pills:before, 4035 | .nav-tabs:after, 4036 | .nav-pills:after { 4037 | display: table; 4038 | line-height: 0; 4039 | content: ""; 4040 | } 4041 | 4042 | .nav-tabs:after, 4043 | .nav-pills:after { 4044 | clear: both; 4045 | } 4046 | 4047 | .nav-tabs > li, 4048 | .nav-pills > li { 4049 | float: left; 4050 | } 4051 | 4052 | .nav-tabs > li > a, 4053 | .nav-pills > li > a { 4054 | padding-right: 12px; 4055 | padding-left: 12px; 4056 | margin-right: 2px; 4057 | line-height: 14px; 4058 | } 4059 | 4060 | .nav-tabs { 4061 | border-bottom: 1px solid #ddd; 4062 | } 4063 | 4064 | .nav-tabs > li { 4065 | margin-bottom: -1px; 4066 | } 4067 | 4068 | .nav-tabs > li > a { 4069 | padding-top: 8px; 4070 | padding-bottom: 8px; 4071 | line-height: 20px; 4072 | border: 1px solid transparent; 4073 | -webkit-border-radius: 4px 4px 0 0; 4074 | -moz-border-radius: 4px 4px 0 0; 4075 | border-radius: 4px 4px 0 0; 4076 | } 4077 | 4078 | .nav-tabs > li > a:hover, 4079 | .nav-tabs > li > a:focus { 4080 | border-color: #eeeeee #eeeeee #dddddd; 4081 | } 4082 | 4083 | .nav-tabs > .active > a, 4084 | .nav-tabs > .active > a:hover, 4085 | .nav-tabs > .active > a:focus { 4086 | color: #555555; 4087 | cursor: default; 4088 | background-color: #ffffff; 4089 | border: 1px solid #ddd; 4090 | border-bottom-color: transparent; 4091 | } 4092 | 4093 | .nav-pills > li > a { 4094 | padding-top: 8px; 4095 | padding-bottom: 8px; 4096 | margin-top: 2px; 4097 | margin-bottom: 2px; 4098 | -webkit-border-radius: 5px; 4099 | -moz-border-radius: 5px; 4100 | border-radius: 5px; 4101 | } 4102 | 4103 | .nav-pills > .active > a, 4104 | .nav-pills > .active > a:hover, 4105 | .nav-pills > .active > a:focus { 4106 | color: #ffffff; 4107 | background-color: #0088cc; 4108 | } 4109 | 4110 | .nav-stacked > li { 4111 | float: none; 4112 | } 4113 | 4114 | .nav-stacked > li > a { 4115 | margin-right: 0; 4116 | } 4117 | 4118 | .nav-tabs.nav-stacked { 4119 | border-bottom: 0; 4120 | } 4121 | 4122 | .nav-tabs.nav-stacked > li > a { 4123 | border: 1px solid #ddd; 4124 | -webkit-border-radius: 0; 4125 | -moz-border-radius: 0; 4126 | border-radius: 0; 4127 | } 4128 | 4129 | .nav-tabs.nav-stacked > li:first-child > a { 4130 | -webkit-border-top-right-radius: 4px; 4131 | border-top-right-radius: 4px; 4132 | -webkit-border-top-left-radius: 4px; 4133 | border-top-left-radius: 4px; 4134 | -moz-border-radius-topright: 4px; 4135 | -moz-border-radius-topleft: 4px; 4136 | } 4137 | 4138 | .nav-tabs.nav-stacked > li:last-child > a { 4139 | -webkit-border-bottom-right-radius: 4px; 4140 | border-bottom-right-radius: 4px; 4141 | -webkit-border-bottom-left-radius: 4px; 4142 | border-bottom-left-radius: 4px; 4143 | -moz-border-radius-bottomright: 4px; 4144 | -moz-border-radius-bottomleft: 4px; 4145 | } 4146 | 4147 | .nav-tabs.nav-stacked > li > a:hover, 4148 | .nav-tabs.nav-stacked > li > a:focus { 4149 | z-index: 2; 4150 | border-color: #ddd; 4151 | } 4152 | 4153 | .nav-pills.nav-stacked > li > a { 4154 | margin-bottom: 3px; 4155 | } 4156 | 4157 | .nav-pills.nav-stacked > li:last-child > a { 4158 | margin-bottom: 1px; 4159 | } 4160 | 4161 | .nav-tabs .dropdown-menu { 4162 | -webkit-border-radius: 0 0 6px 6px; 4163 | -moz-border-radius: 0 0 6px 6px; 4164 | border-radius: 0 0 6px 6px; 4165 | } 4166 | 4167 | .nav-pills .dropdown-menu { 4168 | -webkit-border-radius: 6px; 4169 | -moz-border-radius: 6px; 4170 | border-radius: 6px; 4171 | } 4172 | 4173 | .nav .dropdown-toggle .caret { 4174 | margin-top: 6px; 4175 | border-top-color: #0088cc; 4176 | border-bottom-color: #0088cc; 4177 | } 4178 | 4179 | .nav .dropdown-toggle:hover .caret, 4180 | .nav .dropdown-toggle:focus .caret { 4181 | border-top-color: #005580; 4182 | border-bottom-color: #005580; 4183 | } 4184 | 4185 | /* move down carets for tabs */ 4186 | 4187 | .nav-tabs .dropdown-toggle .caret { 4188 | margin-top: 8px; 4189 | } 4190 | 4191 | .nav .active .dropdown-toggle .caret { 4192 | border-top-color: #fff; 4193 | border-bottom-color: #fff; 4194 | } 4195 | 4196 | .nav-tabs .active .dropdown-toggle .caret { 4197 | border-top-color: #555555; 4198 | border-bottom-color: #555555; 4199 | } 4200 | 4201 | .nav > .dropdown.active > a:hover, 4202 | .nav > .dropdown.active > a:focus { 4203 | cursor: pointer; 4204 | } 4205 | 4206 | .nav-tabs .open .dropdown-toggle, 4207 | .nav-pills .open .dropdown-toggle, 4208 | .nav > li.dropdown.open.active > a:hover, 4209 | .nav > li.dropdown.open.active > a:focus { 4210 | color: #ffffff; 4211 | background-color: #999999; 4212 | border-color: #999999; 4213 | } 4214 | 4215 | .nav li.dropdown.open .caret, 4216 | .nav li.dropdown.open.active .caret, 4217 | .nav li.dropdown.open a:hover .caret, 4218 | .nav li.dropdown.open a:focus .caret { 4219 | border-top-color: #ffffff; 4220 | border-bottom-color: #ffffff; 4221 | opacity: 1; 4222 | filter: alpha(opacity=100); 4223 | } 4224 | 4225 | .tabs-stacked .open > a:hover, 4226 | .tabs-stacked .open > a:focus { 4227 | border-color: #999999; 4228 | } 4229 | 4230 | .tabbable { 4231 | *zoom: 1; 4232 | } 4233 | 4234 | .tabbable:before, 4235 | .tabbable:after { 4236 | display: table; 4237 | line-height: 0; 4238 | content: ""; 4239 | } 4240 | 4241 | .tabbable:after { 4242 | clear: both; 4243 | } 4244 | 4245 | .tab-content { 4246 | overflow: auto; 4247 | } 4248 | 4249 | .tabs-below > .nav-tabs, 4250 | .tabs-right > .nav-tabs, 4251 | .tabs-left > .nav-tabs { 4252 | border-bottom: 0; 4253 | } 4254 | 4255 | .tab-content > .tab-pane, 4256 | .pill-content > .pill-pane { 4257 | display: none; 4258 | } 4259 | 4260 | .tab-content > .active, 4261 | .pill-content > .active { 4262 | display: block; 4263 | } 4264 | 4265 | .tabs-below > .nav-tabs { 4266 | border-top: 1px solid #ddd; 4267 | } 4268 | 4269 | .tabs-below > .nav-tabs > li { 4270 | margin-top: -1px; 4271 | margin-bottom: 0; 4272 | } 4273 | 4274 | .tabs-below > .nav-tabs > li > a { 4275 | -webkit-border-radius: 0 0 4px 4px; 4276 | -moz-border-radius: 0 0 4px 4px; 4277 | border-radius: 0 0 4px 4px; 4278 | } 4279 | 4280 | .tabs-below > .nav-tabs > li > a:hover, 4281 | .tabs-below > .nav-tabs > li > a:focus { 4282 | border-top-color: #ddd; 4283 | border-bottom-color: transparent; 4284 | } 4285 | 4286 | .tabs-below > .nav-tabs > .active > a, 4287 | .tabs-below > .nav-tabs > .active > a:hover, 4288 | .tabs-below > .nav-tabs > .active > a:focus { 4289 | border-color: transparent #ddd #ddd #ddd; 4290 | } 4291 | 4292 | .tabs-left > .nav-tabs > li, 4293 | .tabs-right > .nav-tabs > li { 4294 | float: none; 4295 | } 4296 | 4297 | .tabs-left > .nav-tabs > li > a, 4298 | .tabs-right > .nav-tabs > li > a { 4299 | min-width: 74px; 4300 | margin-right: 0; 4301 | margin-bottom: 3px; 4302 | } 4303 | 4304 | .tabs-left > .nav-tabs { 4305 | float: left; 4306 | margin-right: 19px; 4307 | border-right: 1px solid #ddd; 4308 | } 4309 | 4310 | .tabs-left > .nav-tabs > li > a { 4311 | margin-right: -1px; 4312 | -webkit-border-radius: 4px 0 0 4px; 4313 | -moz-border-radius: 4px 0 0 4px; 4314 | border-radius: 4px 0 0 4px; 4315 | } 4316 | 4317 | .tabs-left > .nav-tabs > li > a:hover, 4318 | .tabs-left > .nav-tabs > li > a:focus { 4319 | border-color: #eeeeee #dddddd #eeeeee #eeeeee; 4320 | } 4321 | 4322 | .tabs-left > .nav-tabs .active > a, 4323 | .tabs-left > .nav-tabs .active > a:hover, 4324 | .tabs-left > .nav-tabs .active > a:focus { 4325 | border-color: #ddd transparent #ddd #ddd; 4326 | *border-right-color: #ffffff; 4327 | } 4328 | 4329 | .tabs-right > .nav-tabs { 4330 | float: right; 4331 | margin-left: 19px; 4332 | border-left: 1px solid #ddd; 4333 | } 4334 | 4335 | .tabs-right > .nav-tabs > li > a { 4336 | margin-left: -1px; 4337 | -webkit-border-radius: 0 4px 4px 0; 4338 | -moz-border-radius: 0 4px 4px 0; 4339 | border-radius: 0 4px 4px 0; 4340 | } 4341 | 4342 | .tabs-right > .nav-tabs > li > a:hover, 4343 | .tabs-right > .nav-tabs > li > a:focus { 4344 | border-color: #eeeeee #eeeeee #eeeeee #dddddd; 4345 | } 4346 | 4347 | .tabs-right > .nav-tabs .active > a, 4348 | .tabs-right > .nav-tabs .active > a:hover, 4349 | .tabs-right > .nav-tabs .active > a:focus { 4350 | border-color: #ddd #ddd #ddd transparent; 4351 | *border-left-color: #ffffff; 4352 | } 4353 | 4354 | .nav > .disabled > a { 4355 | color: #999999; 4356 | } 4357 | 4358 | .nav > .disabled > a:hover, 4359 | .nav > .disabled > a:focus { 4360 | text-decoration: none; 4361 | cursor: default; 4362 | background-color: transparent; 4363 | } 4364 | 4365 | .navbar { 4366 | *position: relative; 4367 | *z-index: 2; 4368 | margin-bottom: 20px; 4369 | overflow: visible; 4370 | } 4371 | 4372 | .navbar-inner { 4373 | min-height: 40px; 4374 | padding-right: 20px; 4375 | padding-left: 20px; 4376 | background-color: #fafafa; 4377 | background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); 4378 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); 4379 | background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); 4380 | background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); 4381 | background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); 4382 | background-repeat: repeat-x; 4383 | border: 1px solid #d4d4d4; 4384 | -webkit-border-radius: 4px; 4385 | -moz-border-radius: 4px; 4386 | border-radius: 4px; 4387 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); 4388 | *zoom: 1; 4389 | -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); 4390 | -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); 4391 | box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); 4392 | } 4393 | 4394 | .navbar-inner:before, 4395 | .navbar-inner:after { 4396 | display: table; 4397 | line-height: 0; 4398 | content: ""; 4399 | } 4400 | 4401 | .navbar-inner:after { 4402 | clear: both; 4403 | } 4404 | 4405 | .navbar .container { 4406 | width: auto; 4407 | } 4408 | 4409 | .nav-collapse.collapse { 4410 | height: auto; 4411 | overflow: visible; 4412 | } 4413 | 4414 | .navbar .brand { 4415 | display: block; 4416 | float: left; 4417 | padding: 10px 20px 10px; 4418 | margin-left: -20px; 4419 | font-size: 20px; 4420 | font-weight: 200; 4421 | color: #777777; 4422 | text-shadow: 0 1px 0 #ffffff; 4423 | } 4424 | 4425 | .navbar .brand:hover, 4426 | .navbar .brand:focus { 4427 | text-decoration: none; 4428 | } 4429 | 4430 | .navbar-text { 4431 | margin-bottom: 0; 4432 | line-height: 40px; 4433 | color: #777777; 4434 | } 4435 | 4436 | .navbar-link { 4437 | color: #777777; 4438 | } 4439 | 4440 | .navbar-link:hover, 4441 | .navbar-link:focus { 4442 | color: #333333; 4443 | } 4444 | 4445 | .navbar .divider-vertical { 4446 | height: 40px; 4447 | margin: 0 9px; 4448 | border-right: 1px solid #ffffff; 4449 | border-left: 1px solid #f2f2f2; 4450 | } 4451 | 4452 | .navbar .btn, 4453 | .navbar .btn-group { 4454 | margin-top: 5px; 4455 | } 4456 | 4457 | .navbar .btn-group .btn, 4458 | .navbar .input-prepend .btn, 4459 | .navbar .input-append .btn, 4460 | .navbar .input-prepend .btn-group, 4461 | .navbar .input-append .btn-group { 4462 | margin-top: 0; 4463 | } 4464 | 4465 | .navbar-form { 4466 | margin-bottom: 0; 4467 | *zoom: 1; 4468 | } 4469 | 4470 | .navbar-form:before, 4471 | .navbar-form:after { 4472 | display: table; 4473 | line-height: 0; 4474 | content: ""; 4475 | } 4476 | 4477 | .navbar-form:after { 4478 | clear: both; 4479 | } 4480 | 4481 | .navbar-form input, 4482 | .navbar-form select, 4483 | .navbar-form .radio, 4484 | .navbar-form .checkbox { 4485 | margin-top: 5px; 4486 | } 4487 | 4488 | .navbar-form input, 4489 | .navbar-form select, 4490 | .navbar-form .btn { 4491 | display: inline-block; 4492 | margin-bottom: 0; 4493 | } 4494 | 4495 | .navbar-form input[type="image"], 4496 | .navbar-form input[type="checkbox"], 4497 | .navbar-form input[type="radio"] { 4498 | margin-top: 3px; 4499 | } 4500 | 4501 | .navbar-form .input-append, 4502 | .navbar-form .input-prepend { 4503 | margin-top: 5px; 4504 | white-space: nowrap; 4505 | } 4506 | 4507 | .navbar-form .input-append input, 4508 | .navbar-form .input-prepend input { 4509 | margin-top: 0; 4510 | } 4511 | 4512 | .navbar-search { 4513 | position: relative; 4514 | float: left; 4515 | margin-top: 5px; 4516 | margin-bottom: 0; 4517 | } 4518 | 4519 | .navbar-search .search-query { 4520 | padding: 4px 14px; 4521 | margin-bottom: 0; 4522 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 4523 | font-size: 13px; 4524 | font-weight: normal; 4525 | line-height: 1; 4526 | -webkit-border-radius: 15px; 4527 | -moz-border-radius: 15px; 4528 | border-radius: 15px; 4529 | } 4530 | 4531 | .navbar-static-top { 4532 | position: static; 4533 | margin-bottom: 0; 4534 | } 4535 | 4536 | .navbar-static-top .navbar-inner { 4537 | -webkit-border-radius: 0; 4538 | -moz-border-radius: 0; 4539 | border-radius: 0; 4540 | } 4541 | 4542 | .navbar-fixed-top, 4543 | .navbar-fixed-bottom { 4544 | position: fixed; 4545 | right: 0; 4546 | left: 0; 4547 | z-index: 1030; 4548 | margin-bottom: 0; 4549 | } 4550 | 4551 | .navbar-fixed-top .navbar-inner, 4552 | .navbar-static-top .navbar-inner { 4553 | border-width: 0 0 1px; 4554 | } 4555 | 4556 | .navbar-fixed-bottom .navbar-inner { 4557 | border-width: 1px 0 0; 4558 | } 4559 | 4560 | .navbar-fixed-top .navbar-inner, 4561 | .navbar-fixed-bottom .navbar-inner { 4562 | padding-right: 0; 4563 | padding-left: 0; 4564 | -webkit-border-radius: 0; 4565 | -moz-border-radius: 0; 4566 | border-radius: 0; 4567 | } 4568 | 4569 | .navbar-static-top .container, 4570 | .navbar-fixed-top .container, 4571 | .navbar-fixed-bottom .container { 4572 | width: 940px; 4573 | } 4574 | 4575 | .navbar-fixed-top { 4576 | top: 0; 4577 | } 4578 | 4579 | .navbar-fixed-top .navbar-inner, 4580 | .navbar-static-top .navbar-inner { 4581 | -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); 4582 | -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); 4583 | box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); 4584 | } 4585 | 4586 | .navbar-fixed-bottom { 4587 | bottom: 0; 4588 | } 4589 | 4590 | .navbar-fixed-bottom .navbar-inner { 4591 | -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); 4592 | -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); 4593 | box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); 4594 | } 4595 | 4596 | .navbar .nav { 4597 | position: relative; 4598 | left: 0; 4599 | display: block; 4600 | float: left; 4601 | margin: 0 10px 0 0; 4602 | } 4603 | 4604 | .navbar .nav.pull-right { 4605 | float: right; 4606 | margin-right: 0; 4607 | } 4608 | 4609 | .navbar .nav > li { 4610 | float: left; 4611 | } 4612 | 4613 | .navbar .nav > li > a { 4614 | float: none; 4615 | padding: 10px 15px 10px; 4616 | color: #777777; 4617 | text-decoration: none; 4618 | text-shadow: 0 1px 0 #ffffff; 4619 | } 4620 | 4621 | .navbar .nav .dropdown-toggle .caret { 4622 | margin-top: 8px; 4623 | } 4624 | 4625 | .navbar .nav > li > a:focus, 4626 | .navbar .nav > li > a:hover { 4627 | color: #333333; 4628 | text-decoration: none; 4629 | background-color: transparent; 4630 | } 4631 | 4632 | .navbar .nav > .active > a, 4633 | .navbar .nav > .active > a:hover, 4634 | .navbar .nav > .active > a:focus { 4635 | color: #555555; 4636 | text-decoration: none; 4637 | background-color: #e5e5e5; 4638 | -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); 4639 | -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); 4640 | box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); 4641 | } 4642 | 4643 | .navbar .btn-navbar { 4644 | display: none; 4645 | float: right; 4646 | padding: 7px 10px; 4647 | margin-right: 5px; 4648 | margin-left: 5px; 4649 | color: #ffffff; 4650 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 4651 | background-color: #ededed; 4652 | *background-color: #e5e5e5; 4653 | background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); 4654 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); 4655 | background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); 4656 | background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); 4657 | background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); 4658 | background-repeat: repeat-x; 4659 | border-color: #e5e5e5 #e5e5e5 #bfbfbf; 4660 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 4661 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); 4662 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 4663 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); 4664 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); 4665 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); 4666 | } 4667 | 4668 | .navbar .btn-navbar:hover, 4669 | .navbar .btn-navbar:focus, 4670 | .navbar .btn-navbar:active, 4671 | .navbar .btn-navbar.active, 4672 | .navbar .btn-navbar.disabled, 4673 | .navbar .btn-navbar[disabled] { 4674 | color: #ffffff; 4675 | background-color: #e5e5e5; 4676 | *background-color: #d9d9d9; 4677 | } 4678 | 4679 | .navbar .btn-navbar:active, 4680 | .navbar .btn-navbar.active { 4681 | background-color: #cccccc \9; 4682 | } 4683 | 4684 | .navbar .btn-navbar .icon-bar { 4685 | display: block; 4686 | width: 18px; 4687 | height: 2px; 4688 | background-color: #f5f5f5; 4689 | -webkit-border-radius: 1px; 4690 | -moz-border-radius: 1px; 4691 | border-radius: 1px; 4692 | -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 4693 | -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 4694 | box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 4695 | } 4696 | 4697 | .btn-navbar .icon-bar + .icon-bar { 4698 | margin-top: 3px; 4699 | } 4700 | 4701 | .navbar .nav > li > .dropdown-menu:before { 4702 | position: absolute; 4703 | top: -7px; 4704 | left: 9px; 4705 | display: inline-block; 4706 | border-right: 7px solid transparent; 4707 | border-bottom: 7px solid #ccc; 4708 | border-left: 7px solid transparent; 4709 | border-bottom-color: rgba(0, 0, 0, 0.2); 4710 | content: ''; 4711 | } 4712 | 4713 | .navbar .nav > li > .dropdown-menu:after { 4714 | position: absolute; 4715 | top: -6px; 4716 | left: 10px; 4717 | display: inline-block; 4718 | border-right: 6px solid transparent; 4719 | border-bottom: 6px solid #ffffff; 4720 | border-left: 6px solid transparent; 4721 | content: ''; 4722 | } 4723 | 4724 | .navbar-fixed-bottom .nav > li > .dropdown-menu:before { 4725 | top: auto; 4726 | bottom: -7px; 4727 | border-top: 7px solid #ccc; 4728 | border-bottom: 0; 4729 | border-top-color: rgba(0, 0, 0, 0.2); 4730 | } 4731 | 4732 | .navbar-fixed-bottom .nav > li > .dropdown-menu:after { 4733 | top: auto; 4734 | bottom: -6px; 4735 | border-top: 6px solid #ffffff; 4736 | border-bottom: 0; 4737 | } 4738 | 4739 | .navbar .nav li.dropdown > a:hover .caret, 4740 | .navbar .nav li.dropdown > a:focus .caret { 4741 | border-top-color: #333333; 4742 | border-bottom-color: #333333; 4743 | } 4744 | 4745 | .navbar .nav li.dropdown.open > .dropdown-toggle, 4746 | .navbar .nav li.dropdown.active > .dropdown-toggle, 4747 | .navbar .nav li.dropdown.open.active > .dropdown-toggle { 4748 | color: #555555; 4749 | background-color: #e5e5e5; 4750 | } 4751 | 4752 | .navbar .nav li.dropdown > .dropdown-toggle .caret { 4753 | border-top-color: #777777; 4754 | border-bottom-color: #777777; 4755 | } 4756 | 4757 | .navbar .nav li.dropdown.open > .dropdown-toggle .caret, 4758 | .navbar .nav li.dropdown.active > .dropdown-toggle .caret, 4759 | .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { 4760 | border-top-color: #555555; 4761 | border-bottom-color: #555555; 4762 | } 4763 | 4764 | .navbar .pull-right > li > .dropdown-menu, 4765 | .navbar .nav > li > .dropdown-menu.pull-right { 4766 | right: 0; 4767 | left: auto; 4768 | } 4769 | 4770 | .navbar .pull-right > li > .dropdown-menu:before, 4771 | .navbar .nav > li > .dropdown-menu.pull-right:before { 4772 | right: 12px; 4773 | left: auto; 4774 | } 4775 | 4776 | .navbar .pull-right > li > .dropdown-menu:after, 4777 | .navbar .nav > li > .dropdown-menu.pull-right:after { 4778 | right: 13px; 4779 | left: auto; 4780 | } 4781 | 4782 | .navbar .pull-right > li > .dropdown-menu .dropdown-menu, 4783 | .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { 4784 | right: 100%; 4785 | left: auto; 4786 | margin-right: -1px; 4787 | margin-left: 0; 4788 | -webkit-border-radius: 6px 0 6px 6px; 4789 | -moz-border-radius: 6px 0 6px 6px; 4790 | border-radius: 6px 0 6px 6px; 4791 | } 4792 | 4793 | .navbar-inverse .navbar-inner { 4794 | background-color: #1b1b1b; 4795 | background-image: -moz-linear-gradient(top, #222222, #111111); 4796 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); 4797 | background-image: -webkit-linear-gradient(top, #222222, #111111); 4798 | background-image: -o-linear-gradient(top, #222222, #111111); 4799 | background-image: linear-gradient(to bottom, #222222, #111111); 4800 | background-repeat: repeat-x; 4801 | border-color: #252525; 4802 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); 4803 | } 4804 | 4805 | .navbar-inverse .brand, 4806 | .navbar-inverse .nav > li > a { 4807 | color: #999999; 4808 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 4809 | } 4810 | 4811 | .navbar-inverse .brand:hover, 4812 | .navbar-inverse .nav > li > a:hover, 4813 | .navbar-inverse .brand:focus, 4814 | .navbar-inverse .nav > li > a:focus { 4815 | color: #ffffff; 4816 | } 4817 | 4818 | .navbar-inverse .brand { 4819 | color: #999999; 4820 | } 4821 | 4822 | .navbar-inverse .navbar-text { 4823 | color: #999999; 4824 | } 4825 | 4826 | .navbar-inverse .nav > li > a:focus, 4827 | .navbar-inverse .nav > li > a:hover { 4828 | color: #ffffff; 4829 | background-color: transparent; 4830 | } 4831 | 4832 | .navbar-inverse .nav .active > a, 4833 | .navbar-inverse .nav .active > a:hover, 4834 | .navbar-inverse .nav .active > a:focus { 4835 | color: #ffffff; 4836 | background-color: #111111; 4837 | } 4838 | 4839 | .navbar-inverse .navbar-link { 4840 | color: #999999; 4841 | } 4842 | 4843 | .navbar-inverse .navbar-link:hover, 4844 | .navbar-inverse .navbar-link:focus { 4845 | color: #ffffff; 4846 | } 4847 | 4848 | .navbar-inverse .divider-vertical { 4849 | border-right-color: #222222; 4850 | border-left-color: #111111; 4851 | } 4852 | 4853 | .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, 4854 | .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, 4855 | .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { 4856 | color: #ffffff; 4857 | background-color: #111111; 4858 | } 4859 | 4860 | .navbar-inverse .nav li.dropdown > a:hover .caret, 4861 | .navbar-inverse .nav li.dropdown > a:focus .caret { 4862 | border-top-color: #ffffff; 4863 | border-bottom-color: #ffffff; 4864 | } 4865 | 4866 | .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { 4867 | border-top-color: #999999; 4868 | border-bottom-color: #999999; 4869 | } 4870 | 4871 | .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, 4872 | .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, 4873 | .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { 4874 | border-top-color: #ffffff; 4875 | border-bottom-color: #ffffff; 4876 | } 4877 | 4878 | .navbar-inverse .navbar-search .search-query { 4879 | color: #ffffff; 4880 | background-color: #515151; 4881 | border-color: #111111; 4882 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); 4883 | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); 4884 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); 4885 | -webkit-transition: none; 4886 | -moz-transition: none; 4887 | -o-transition: none; 4888 | transition: none; 4889 | } 4890 | 4891 | .navbar-inverse .navbar-search .search-query:-moz-placeholder { 4892 | color: #cccccc; 4893 | } 4894 | 4895 | .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { 4896 | color: #cccccc; 4897 | } 4898 | 4899 | .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { 4900 | color: #cccccc; 4901 | } 4902 | 4903 | .navbar-inverse .navbar-search .search-query:focus, 4904 | .navbar-inverse .navbar-search .search-query.focused { 4905 | padding: 5px 15px; 4906 | color: #333333; 4907 | text-shadow: 0 1px 0 #ffffff; 4908 | background-color: #ffffff; 4909 | border: 0; 4910 | outline: 0; 4911 | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); 4912 | -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); 4913 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); 4914 | } 4915 | 4916 | .navbar-inverse .btn-navbar { 4917 | color: #ffffff; 4918 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 4919 | background-color: #0e0e0e; 4920 | *background-color: #040404; 4921 | background-image: -moz-linear-gradient(top, #151515, #040404); 4922 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); 4923 | background-image: -webkit-linear-gradient(top, #151515, #040404); 4924 | background-image: -o-linear-gradient(top, #151515, #040404); 4925 | background-image: linear-gradient(to bottom, #151515, #040404); 4926 | background-repeat: repeat-x; 4927 | border-color: #040404 #040404 #000000; 4928 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 4929 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); 4930 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 4931 | } 4932 | 4933 | .navbar-inverse .btn-navbar:hover, 4934 | .navbar-inverse .btn-navbar:focus, 4935 | .navbar-inverse .btn-navbar:active, 4936 | .navbar-inverse .btn-navbar.active, 4937 | .navbar-inverse .btn-navbar.disabled, 4938 | .navbar-inverse .btn-navbar[disabled] { 4939 | color: #ffffff; 4940 | background-color: #040404; 4941 | *background-color: #000000; 4942 | } 4943 | 4944 | .navbar-inverse .btn-navbar:active, 4945 | .navbar-inverse .btn-navbar.active { 4946 | background-color: #000000 \9; 4947 | } 4948 | 4949 | .breadcrumb { 4950 | padding: 8px 15px; 4951 | margin: 0 0 20px; 4952 | list-style: none; 4953 | background-color: #f5f5f5; 4954 | -webkit-border-radius: 4px; 4955 | -moz-border-radius: 4px; 4956 | border-radius: 4px; 4957 | } 4958 | 4959 | .breadcrumb > li { 4960 | display: inline-block; 4961 | *display: inline; 4962 | text-shadow: 0 1px 0 #ffffff; 4963 | *zoom: 1; 4964 | } 4965 | 4966 | .breadcrumb > li > .divider { 4967 | padding: 0 5px; 4968 | color: #ccc; 4969 | } 4970 | 4971 | .breadcrumb > .active { 4972 | color: #999999; 4973 | } 4974 | 4975 | .pagination { 4976 | margin: 20px 0; 4977 | } 4978 | 4979 | .pagination ul { 4980 | display: inline-block; 4981 | *display: inline; 4982 | margin-bottom: 0; 4983 | margin-left: 0; 4984 | -webkit-border-radius: 4px; 4985 | -moz-border-radius: 4px; 4986 | border-radius: 4px; 4987 | *zoom: 1; 4988 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 4989 | -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 4990 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 4991 | } 4992 | 4993 | .pagination ul > li { 4994 | display: inline; 4995 | } 4996 | 4997 | .pagination ul > li > a, 4998 | .pagination ul > li > span { 4999 | float: left; 5000 | padding: 4px 12px; 5001 | line-height: 20px; 5002 | text-decoration: none; 5003 | background-color: #ffffff; 5004 | border: 1px solid #dddddd; 5005 | border-left-width: 0; 5006 | } 5007 | 5008 | .pagination ul > li > a:hover, 5009 | .pagination ul > li > a:focus, 5010 | .pagination ul > .active > a, 5011 | .pagination ul > .active > span { 5012 | background-color: #f5f5f5; 5013 | } 5014 | 5015 | .pagination ul > .active > a, 5016 | .pagination ul > .active > span { 5017 | color: #999999; 5018 | cursor: default; 5019 | } 5020 | 5021 | .pagination ul > .disabled > span, 5022 | .pagination ul > .disabled > a, 5023 | .pagination ul > .disabled > a:hover, 5024 | .pagination ul > .disabled > a:focus { 5025 | color: #999999; 5026 | cursor: default; 5027 | background-color: transparent; 5028 | } 5029 | 5030 | .pagination ul > li:first-child > a, 5031 | .pagination ul > li:first-child > span { 5032 | border-left-width: 1px; 5033 | -webkit-border-bottom-left-radius: 4px; 5034 | border-bottom-left-radius: 4px; 5035 | -webkit-border-top-left-radius: 4px; 5036 | border-top-left-radius: 4px; 5037 | -moz-border-radius-bottomleft: 4px; 5038 | -moz-border-radius-topleft: 4px; 5039 | } 5040 | 5041 | .pagination ul > li:last-child > a, 5042 | .pagination ul > li:last-child > span { 5043 | -webkit-border-top-right-radius: 4px; 5044 | border-top-right-radius: 4px; 5045 | -webkit-border-bottom-right-radius: 4px; 5046 | border-bottom-right-radius: 4px; 5047 | -moz-border-radius-topright: 4px; 5048 | -moz-border-radius-bottomright: 4px; 5049 | } 5050 | 5051 | .pagination-centered { 5052 | text-align: center; 5053 | } 5054 | 5055 | .pagination-right { 5056 | text-align: right; 5057 | } 5058 | 5059 | .pagination-large ul > li > a, 5060 | .pagination-large ul > li > span { 5061 | padding: 11px 19px; 5062 | font-size: 17.5px; 5063 | } 5064 | 5065 | .pagination-large ul > li:first-child > a, 5066 | .pagination-large ul > li:first-child > span { 5067 | -webkit-border-bottom-left-radius: 6px; 5068 | border-bottom-left-radius: 6px; 5069 | -webkit-border-top-left-radius: 6px; 5070 | border-top-left-radius: 6px; 5071 | -moz-border-radius-bottomleft: 6px; 5072 | -moz-border-radius-topleft: 6px; 5073 | } 5074 | 5075 | .pagination-large ul > li:last-child > a, 5076 | .pagination-large ul > li:last-child > span { 5077 | -webkit-border-top-right-radius: 6px; 5078 | border-top-right-radius: 6px; 5079 | -webkit-border-bottom-right-radius: 6px; 5080 | border-bottom-right-radius: 6px; 5081 | -moz-border-radius-topright: 6px; 5082 | -moz-border-radius-bottomright: 6px; 5083 | } 5084 | 5085 | .pagination-mini ul > li:first-child > a, 5086 | .pagination-small ul > li:first-child > a, 5087 | .pagination-mini ul > li:first-child > span, 5088 | .pagination-small ul > li:first-child > span { 5089 | -webkit-border-bottom-left-radius: 3px; 5090 | border-bottom-left-radius: 3px; 5091 | -webkit-border-top-left-radius: 3px; 5092 | border-top-left-radius: 3px; 5093 | -moz-border-radius-bottomleft: 3px; 5094 | -moz-border-radius-topleft: 3px; 5095 | } 5096 | 5097 | .pagination-mini ul > li:last-child > a, 5098 | .pagination-small ul > li:last-child > a, 5099 | .pagination-mini ul > li:last-child > span, 5100 | .pagination-small ul > li:last-child > span { 5101 | -webkit-border-top-right-radius: 3px; 5102 | border-top-right-radius: 3px; 5103 | -webkit-border-bottom-right-radius: 3px; 5104 | border-bottom-right-radius: 3px; 5105 | -moz-border-radius-topright: 3px; 5106 | -moz-border-radius-bottomright: 3px; 5107 | } 5108 | 5109 | .pagination-small ul > li > a, 5110 | .pagination-small ul > li > span { 5111 | padding: 2px 10px; 5112 | font-size: 11.9px; 5113 | } 5114 | 5115 | .pagination-mini ul > li > a, 5116 | .pagination-mini ul > li > span { 5117 | padding: 0 6px; 5118 | font-size: 10.5px; 5119 | } 5120 | 5121 | .pager { 5122 | margin: 20px 0; 5123 | text-align: center; 5124 | list-style: none; 5125 | *zoom: 1; 5126 | } 5127 | 5128 | .pager:before, 5129 | .pager:after { 5130 | display: table; 5131 | line-height: 0; 5132 | content: ""; 5133 | } 5134 | 5135 | .pager:after { 5136 | clear: both; 5137 | } 5138 | 5139 | .pager li { 5140 | display: inline; 5141 | } 5142 | 5143 | .pager li > a, 5144 | .pager li > span { 5145 | display: inline-block; 5146 | padding: 5px 14px; 5147 | background-color: #fff; 5148 | border: 1px solid #ddd; 5149 | -webkit-border-radius: 15px; 5150 | -moz-border-radius: 15px; 5151 | border-radius: 15px; 5152 | } 5153 | 5154 | .pager li > a:hover, 5155 | .pager li > a:focus { 5156 | text-decoration: none; 5157 | background-color: #f5f5f5; 5158 | } 5159 | 5160 | .pager .next > a, 5161 | .pager .next > span { 5162 | float: right; 5163 | } 5164 | 5165 | .pager .previous > a, 5166 | .pager .previous > span { 5167 | float: left; 5168 | } 5169 | 5170 | .pager .disabled > a, 5171 | .pager .disabled > a:hover, 5172 | .pager .disabled > a:focus, 5173 | .pager .disabled > span { 5174 | color: #999999; 5175 | cursor: default; 5176 | background-color: #fff; 5177 | } 5178 | 5179 | .modal-backdrop { 5180 | position: fixed; 5181 | top: 0; 5182 | right: 0; 5183 | bottom: 0; 5184 | left: 0; 5185 | z-index: 1040; 5186 | background-color: #000000; 5187 | } 5188 | 5189 | .modal-backdrop.fade { 5190 | opacity: 0; 5191 | } 5192 | 5193 | .modal-backdrop, 5194 | .modal-backdrop.fade.in { 5195 | opacity: 0.8; 5196 | filter: alpha(opacity=80); 5197 | } 5198 | 5199 | .modal { 5200 | position: fixed; 5201 | top: 10%; 5202 | left: 50%; 5203 | z-index: 1050; 5204 | width: 560px; 5205 | margin-left: -280px; 5206 | background-color: #ffffff; 5207 | border: 1px solid #999; 5208 | border: 1px solid rgba(0, 0, 0, 0.3); 5209 | *border: 1px solid #999; 5210 | -webkit-border-radius: 6px; 5211 | -moz-border-radius: 6px; 5212 | border-radius: 6px; 5213 | outline: none; 5214 | -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 5215 | -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 5216 | box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 5217 | -webkit-background-clip: padding-box; 5218 | -moz-background-clip: padding-box; 5219 | background-clip: padding-box; 5220 | } 5221 | 5222 | .modal.fade { 5223 | top: -25%; 5224 | -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; 5225 | -moz-transition: opacity 0.3s linear, top 0.3s ease-out; 5226 | -o-transition: opacity 0.3s linear, top 0.3s ease-out; 5227 | transition: opacity 0.3s linear, top 0.3s ease-out; 5228 | } 5229 | 5230 | .modal.fade.in { 5231 | top: 10%; 5232 | } 5233 | 5234 | .modal-header { 5235 | padding: 9px 15px; 5236 | border-bottom: 1px solid #eee; 5237 | } 5238 | 5239 | .modal-header .close { 5240 | margin-top: 2px; 5241 | } 5242 | 5243 | .modal-header h3 { 5244 | margin: 0; 5245 | line-height: 30px; 5246 | } 5247 | 5248 | .modal-body { 5249 | position: relative; 5250 | max-height: 400px; 5251 | padding: 15px; 5252 | overflow-y: auto; 5253 | } 5254 | 5255 | .modal-form { 5256 | margin-bottom: 0; 5257 | } 5258 | 5259 | .modal-footer { 5260 | padding: 14px 15px 15px; 5261 | margin-bottom: 0; 5262 | text-align: right; 5263 | background-color: #f5f5f5; 5264 | border-top: 1px solid #ddd; 5265 | -webkit-border-radius: 0 0 6px 6px; 5266 | -moz-border-radius: 0 0 6px 6px; 5267 | border-radius: 0 0 6px 6px; 5268 | *zoom: 1; 5269 | -webkit-box-shadow: inset 0 1px 0 #ffffff; 5270 | -moz-box-shadow: inset 0 1px 0 #ffffff; 5271 | box-shadow: inset 0 1px 0 #ffffff; 5272 | } 5273 | 5274 | .modal-footer:before, 5275 | .modal-footer:after { 5276 | display: table; 5277 | line-height: 0; 5278 | content: ""; 5279 | } 5280 | 5281 | .modal-footer:after { 5282 | clear: both; 5283 | } 5284 | 5285 | .modal-footer .btn + .btn { 5286 | margin-bottom: 0; 5287 | margin-left: 5px; 5288 | } 5289 | 5290 | .modal-footer .btn-group .btn + .btn { 5291 | margin-left: -1px; 5292 | } 5293 | 5294 | .modal-footer .btn-block + .btn-block { 5295 | margin-left: 0; 5296 | } 5297 | 5298 | .tooltip { 5299 | position: absolute; 5300 | z-index: 1030; 5301 | display: block; 5302 | font-size: 11px; 5303 | line-height: 1.4; 5304 | opacity: 0; 5305 | filter: alpha(opacity=0); 5306 | visibility: visible; 5307 | } 5308 | 5309 | .tooltip.in { 5310 | opacity: 0.8; 5311 | filter: alpha(opacity=80); 5312 | } 5313 | 5314 | .tooltip.top { 5315 | padding: 5px 0; 5316 | margin-top: -3px; 5317 | } 5318 | 5319 | .tooltip.right { 5320 | padding: 0 5px; 5321 | margin-left: 3px; 5322 | } 5323 | 5324 | .tooltip.bottom { 5325 | padding: 5px 0; 5326 | margin-top: 3px; 5327 | } 5328 | 5329 | .tooltip.left { 5330 | padding: 0 5px; 5331 | margin-left: -3px; 5332 | } 5333 | 5334 | .tooltip-inner { 5335 | max-width: 200px; 5336 | padding: 8px; 5337 | color: #ffffff; 5338 | text-align: center; 5339 | text-decoration: none; 5340 | background-color: #000000; 5341 | -webkit-border-radius: 4px; 5342 | -moz-border-radius: 4px; 5343 | border-radius: 4px; 5344 | } 5345 | 5346 | .tooltip-arrow { 5347 | position: absolute; 5348 | width: 0; 5349 | height: 0; 5350 | border-color: transparent; 5351 | border-style: solid; 5352 | } 5353 | 5354 | .tooltip.top .tooltip-arrow { 5355 | bottom: 0; 5356 | left: 50%; 5357 | margin-left: -5px; 5358 | border-top-color: #000000; 5359 | border-width: 5px 5px 0; 5360 | } 5361 | 5362 | .tooltip.right .tooltip-arrow { 5363 | top: 50%; 5364 | left: 0; 5365 | margin-top: -5px; 5366 | border-right-color: #000000; 5367 | border-width: 5px 5px 5px 0; 5368 | } 5369 | 5370 | .tooltip.left .tooltip-arrow { 5371 | top: 50%; 5372 | right: 0; 5373 | margin-top: -5px; 5374 | border-left-color: #000000; 5375 | border-width: 5px 0 5px 5px; 5376 | } 5377 | 5378 | .tooltip.bottom .tooltip-arrow { 5379 | top: 0; 5380 | left: 50%; 5381 | margin-left: -5px; 5382 | border-bottom-color: #000000; 5383 | border-width: 0 5px 5px; 5384 | } 5385 | 5386 | .popover { 5387 | position: absolute; 5388 | top: 0; 5389 | left: 0; 5390 | z-index: 1010; 5391 | display: none; 5392 | max-width: 276px; 5393 | padding: 1px; 5394 | text-align: left; 5395 | white-space: normal; 5396 | background-color: #ffffff; 5397 | border: 1px solid #ccc; 5398 | border: 1px solid rgba(0, 0, 0, 0.2); 5399 | -webkit-border-radius: 6px; 5400 | -moz-border-radius: 6px; 5401 | border-radius: 6px; 5402 | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 5403 | -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 5404 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 5405 | -webkit-background-clip: padding-box; 5406 | -moz-background-clip: padding; 5407 | background-clip: padding-box; 5408 | } 5409 | 5410 | .popover.top { 5411 | margin-top: -10px; 5412 | } 5413 | 5414 | .popover.right { 5415 | margin-left: 10px; 5416 | } 5417 | 5418 | .popover.bottom { 5419 | margin-top: 10px; 5420 | } 5421 | 5422 | .popover.left { 5423 | margin-left: -10px; 5424 | } 5425 | 5426 | .popover-title { 5427 | padding: 8px 14px; 5428 | margin: 0; 5429 | font-size: 14px; 5430 | font-weight: normal; 5431 | line-height: 18px; 5432 | background-color: #f7f7f7; 5433 | border-bottom: 1px solid #ebebeb; 5434 | -webkit-border-radius: 5px 5px 0 0; 5435 | -moz-border-radius: 5px 5px 0 0; 5436 | border-radius: 5px 5px 0 0; 5437 | } 5438 | 5439 | .popover-title:empty { 5440 | display: none; 5441 | } 5442 | 5443 | .popover-content { 5444 | padding: 9px 14px; 5445 | } 5446 | 5447 | .popover .arrow, 5448 | .popover .arrow:after { 5449 | position: absolute; 5450 | display: block; 5451 | width: 0; 5452 | height: 0; 5453 | border-color: transparent; 5454 | border-style: solid; 5455 | } 5456 | 5457 | .popover .arrow { 5458 | border-width: 11px; 5459 | } 5460 | 5461 | .popover .arrow:after { 5462 | border-width: 10px; 5463 | content: ""; 5464 | } 5465 | 5466 | .popover.top .arrow { 5467 | bottom: -11px; 5468 | left: 50%; 5469 | margin-left: -11px; 5470 | border-top-color: #999; 5471 | border-top-color: rgba(0, 0, 0, 0.25); 5472 | border-bottom-width: 0; 5473 | } 5474 | 5475 | .popover.top .arrow:after { 5476 | bottom: 1px; 5477 | margin-left: -10px; 5478 | border-top-color: #ffffff; 5479 | border-bottom-width: 0; 5480 | } 5481 | 5482 | .popover.right .arrow { 5483 | top: 50%; 5484 | left: -11px; 5485 | margin-top: -11px; 5486 | border-right-color: #999; 5487 | border-right-color: rgba(0, 0, 0, 0.25); 5488 | border-left-width: 0; 5489 | } 5490 | 5491 | .popover.right .arrow:after { 5492 | bottom: -10px; 5493 | left: 1px; 5494 | border-right-color: #ffffff; 5495 | border-left-width: 0; 5496 | } 5497 | 5498 | .popover.bottom .arrow { 5499 | top: -11px; 5500 | left: 50%; 5501 | margin-left: -11px; 5502 | border-bottom-color: #999; 5503 | border-bottom-color: rgba(0, 0, 0, 0.25); 5504 | border-top-width: 0; 5505 | } 5506 | 5507 | .popover.bottom .arrow:after { 5508 | top: 1px; 5509 | margin-left: -10px; 5510 | border-bottom-color: #ffffff; 5511 | border-top-width: 0; 5512 | } 5513 | 5514 | .popover.left .arrow { 5515 | top: 50%; 5516 | right: -11px; 5517 | margin-top: -11px; 5518 | border-left-color: #999; 5519 | border-left-color: rgba(0, 0, 0, 0.25); 5520 | border-right-width: 0; 5521 | } 5522 | 5523 | .popover.left .arrow:after { 5524 | right: 1px; 5525 | bottom: -10px; 5526 | border-left-color: #ffffff; 5527 | border-right-width: 0; 5528 | } 5529 | 5530 | .thumbnails { 5531 | margin-left: -20px; 5532 | list-style: none; 5533 | *zoom: 1; 5534 | } 5535 | 5536 | .thumbnails:before, 5537 | .thumbnails:after { 5538 | display: table; 5539 | line-height: 0; 5540 | content: ""; 5541 | } 5542 | 5543 | .thumbnails:after { 5544 | clear: both; 5545 | } 5546 | 5547 | .row-fluid .thumbnails { 5548 | margin-left: 0; 5549 | } 5550 | 5551 | .thumbnails > li { 5552 | float: left; 5553 | margin-bottom: 20px; 5554 | margin-left: 20px; 5555 | } 5556 | 5557 | .thumbnail { 5558 | display: block; 5559 | padding: 4px; 5560 | line-height: 20px; 5561 | border: 1px solid #ddd; 5562 | -webkit-border-radius: 4px; 5563 | -moz-border-radius: 4px; 5564 | border-radius: 4px; 5565 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); 5566 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); 5567 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); 5568 | -webkit-transition: all 0.2s ease-in-out; 5569 | -moz-transition: all 0.2s ease-in-out; 5570 | -o-transition: all 0.2s ease-in-out; 5571 | transition: all 0.2s ease-in-out; 5572 | } 5573 | 5574 | a.thumbnail:hover, 5575 | a.thumbnail:focus { 5576 | border-color: #0088cc; 5577 | -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 5578 | -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 5579 | box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 5580 | } 5581 | 5582 | .thumbnail > img { 5583 | display: block; 5584 | max-width: 100%; 5585 | margin-right: auto; 5586 | margin-left: auto; 5587 | } 5588 | 5589 | .thumbnail .caption { 5590 | padding: 9px; 5591 | color: #555555; 5592 | } 5593 | 5594 | .media, 5595 | .media-body { 5596 | overflow: hidden; 5597 | *overflow: visible; 5598 | zoom: 1; 5599 | } 5600 | 5601 | .media, 5602 | .media .media { 5603 | margin-top: 15px; 5604 | } 5605 | 5606 | .media:first-child { 5607 | margin-top: 0; 5608 | } 5609 | 5610 | .media-object { 5611 | display: block; 5612 | } 5613 | 5614 | .media-heading { 5615 | margin: 0 0 5px; 5616 | } 5617 | 5618 | .media > .pull-left { 5619 | margin-right: 10px; 5620 | } 5621 | 5622 | .media > .pull-right { 5623 | margin-left: 10px; 5624 | } 5625 | 5626 | .media-list { 5627 | margin-left: 0; 5628 | list-style: none; 5629 | } 5630 | 5631 | .label, 5632 | .badge { 5633 | display: inline-block; 5634 | padding: 2px 4px; 5635 | font-size: 11.844px; 5636 | font-weight: bold; 5637 | line-height: 14px; 5638 | color: #ffffff; 5639 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 5640 | white-space: nowrap; 5641 | vertical-align: baseline; 5642 | background-color: #999999; 5643 | } 5644 | 5645 | .label { 5646 | -webkit-border-radius: 3px; 5647 | -moz-border-radius: 3px; 5648 | border-radius: 3px; 5649 | } 5650 | 5651 | .badge { 5652 | padding-right: 9px; 5653 | padding-left: 9px; 5654 | -webkit-border-radius: 9px; 5655 | -moz-border-radius: 9px; 5656 | border-radius: 9px; 5657 | } 5658 | 5659 | .label:empty, 5660 | .badge:empty { 5661 | display: none; 5662 | } 5663 | 5664 | a.label:hover, 5665 | a.label:focus, 5666 | a.badge:hover, 5667 | a.badge:focus { 5668 | color: #ffffff; 5669 | text-decoration: none; 5670 | cursor: pointer; 5671 | } 5672 | 5673 | .label-important, 5674 | .badge-important { 5675 | background-color: #b94a48; 5676 | } 5677 | 5678 | .label-important[href], 5679 | .badge-important[href] { 5680 | background-color: #953b39; 5681 | } 5682 | 5683 | .label-warning, 5684 | .badge-warning { 5685 | background-color: #f89406; 5686 | } 5687 | 5688 | .label-warning[href], 5689 | .badge-warning[href] { 5690 | background-color: #c67605; 5691 | } 5692 | 5693 | .label-success, 5694 | .badge-success { 5695 | background-color: #468847; 5696 | } 5697 | 5698 | .label-success[href], 5699 | .badge-success[href] { 5700 | background-color: #356635; 5701 | } 5702 | 5703 | .label-info, 5704 | .badge-info { 5705 | background-color: #3a87ad; 5706 | } 5707 | 5708 | .label-info[href], 5709 | .badge-info[href] { 5710 | background-color: #2d6987; 5711 | } 5712 | 5713 | .label-inverse, 5714 | .badge-inverse { 5715 | background-color: #333333; 5716 | } 5717 | 5718 | .label-inverse[href], 5719 | .badge-inverse[href] { 5720 | background-color: #1a1a1a; 5721 | } 5722 | 5723 | .btn .label, 5724 | .btn .badge { 5725 | position: relative; 5726 | top: -1px; 5727 | } 5728 | 5729 | .btn-mini .label, 5730 | .btn-mini .badge { 5731 | top: 0; 5732 | } 5733 | 5734 | @-webkit-keyframes progress-bar-stripes { 5735 | from { 5736 | background-position: 40px 0; 5737 | } 5738 | to { 5739 | background-position: 0 0; 5740 | } 5741 | } 5742 | 5743 | @-moz-keyframes progress-bar-stripes { 5744 | from { 5745 | background-position: 40px 0; 5746 | } 5747 | to { 5748 | background-position: 0 0; 5749 | } 5750 | } 5751 | 5752 | @-ms-keyframes progress-bar-stripes { 5753 | from { 5754 | background-position: 40px 0; 5755 | } 5756 | to { 5757 | background-position: 0 0; 5758 | } 5759 | } 5760 | 5761 | @-o-keyframes progress-bar-stripes { 5762 | from { 5763 | background-position: 0 0; 5764 | } 5765 | to { 5766 | background-position: 40px 0; 5767 | } 5768 | } 5769 | 5770 | @keyframes progress-bar-stripes { 5771 | from { 5772 | background-position: 40px 0; 5773 | } 5774 | to { 5775 | background-position: 0 0; 5776 | } 5777 | } 5778 | 5779 | .progress { 5780 | height: 20px; 5781 | margin-bottom: 20px; 5782 | overflow: hidden; 5783 | background-color: #f7f7f7; 5784 | background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); 5785 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); 5786 | background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); 5787 | background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); 5788 | background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); 5789 | background-repeat: repeat-x; 5790 | -webkit-border-radius: 4px; 5791 | -moz-border-radius: 4px; 5792 | border-radius: 4px; 5793 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); 5794 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 5795 | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 5796 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 5797 | } 5798 | 5799 | .progress .bar { 5800 | float: left; 5801 | width: 0; 5802 | height: 100%; 5803 | font-size: 12px; 5804 | color: #ffffff; 5805 | text-align: center; 5806 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 5807 | background-color: #0e90d2; 5808 | background-image: -moz-linear-gradient(top, #149bdf, #0480be); 5809 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); 5810 | background-image: -webkit-linear-gradient(top, #149bdf, #0480be); 5811 | background-image: -o-linear-gradient(top, #149bdf, #0480be); 5812 | background-image: linear-gradient(to bottom, #149bdf, #0480be); 5813 | background-repeat: repeat-x; 5814 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); 5815 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 5816 | -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 5817 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 5818 | -webkit-box-sizing: border-box; 5819 | -moz-box-sizing: border-box; 5820 | box-sizing: border-box; 5821 | -webkit-transition: width 0.6s ease; 5822 | -moz-transition: width 0.6s ease; 5823 | -o-transition: width 0.6s ease; 5824 | transition: width 0.6s ease; 5825 | } 5826 | 5827 | .progress .bar + .bar { 5828 | -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); 5829 | -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); 5830 | box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); 5831 | } 5832 | 5833 | .progress-striped .bar { 5834 | background-color: #149bdf; 5835 | 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)); 5836 | 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); 5837 | 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); 5838 | 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); 5839 | 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); 5840 | -webkit-background-size: 40px 40px; 5841 | -moz-background-size: 40px 40px; 5842 | -o-background-size: 40px 40px; 5843 | background-size: 40px 40px; 5844 | } 5845 | 5846 | .progress.active .bar { 5847 | -webkit-animation: progress-bar-stripes 2s linear infinite; 5848 | -moz-animation: progress-bar-stripes 2s linear infinite; 5849 | -ms-animation: progress-bar-stripes 2s linear infinite; 5850 | -o-animation: progress-bar-stripes 2s linear infinite; 5851 | animation: progress-bar-stripes 2s linear infinite; 5852 | } 5853 | 5854 | .progress-danger .bar, 5855 | .progress .bar-danger { 5856 | background-color: #dd514c; 5857 | background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); 5858 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); 5859 | background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); 5860 | background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); 5861 | background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); 5862 | background-repeat: repeat-x; 5863 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); 5864 | } 5865 | 5866 | .progress-danger.progress-striped .bar, 5867 | .progress-striped .bar-danger { 5868 | background-color: #ee5f5b; 5869 | 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)); 5870 | 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); 5871 | 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); 5872 | 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); 5873 | 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); 5874 | } 5875 | 5876 | .progress-success .bar, 5877 | .progress .bar-success { 5878 | background-color: #5eb95e; 5879 | background-image: -moz-linear-gradient(top, #62c462, #57a957); 5880 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); 5881 | background-image: -webkit-linear-gradient(top, #62c462, #57a957); 5882 | background-image: -o-linear-gradient(top, #62c462, #57a957); 5883 | background-image: linear-gradient(to bottom, #62c462, #57a957); 5884 | background-repeat: repeat-x; 5885 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); 5886 | } 5887 | 5888 | .progress-success.progress-striped .bar, 5889 | .progress-striped .bar-success { 5890 | background-color: #62c462; 5891 | 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)); 5892 | 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); 5893 | 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); 5894 | 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); 5895 | 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); 5896 | } 5897 | 5898 | .progress-info .bar, 5899 | .progress .bar-info { 5900 | background-color: #4bb1cf; 5901 | background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); 5902 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); 5903 | background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); 5904 | background-image: -o-linear-gradient(top, #5bc0de, #339bb9); 5905 | background-image: linear-gradient(to bottom, #5bc0de, #339bb9); 5906 | background-repeat: repeat-x; 5907 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); 5908 | } 5909 | 5910 | .progress-info.progress-striped .bar, 5911 | .progress-striped .bar-info { 5912 | background-color: #5bc0de; 5913 | 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)); 5914 | 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); 5915 | 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); 5916 | 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); 5917 | 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); 5918 | } 5919 | 5920 | .progress-warning .bar, 5921 | .progress .bar-warning { 5922 | background-color: #faa732; 5923 | background-image: -moz-linear-gradient(top, #fbb450, #f89406); 5924 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); 5925 | background-image: -webkit-linear-gradient(top, #fbb450, #f89406); 5926 | background-image: -o-linear-gradient(top, #fbb450, #f89406); 5927 | background-image: linear-gradient(to bottom, #fbb450, #f89406); 5928 | background-repeat: repeat-x; 5929 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); 5930 | } 5931 | 5932 | .progress-warning.progress-striped .bar, 5933 | .progress-striped .bar-warning { 5934 | background-color: #fbb450; 5935 | 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)); 5936 | 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); 5937 | 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); 5938 | 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); 5939 | 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); 5940 | } 5941 | 5942 | .accordion { 5943 | margin-bottom: 20px; 5944 | } 5945 | 5946 | .accordion-group { 5947 | margin-bottom: 2px; 5948 | border: 1px solid #e5e5e5; 5949 | -webkit-border-radius: 4px; 5950 | -moz-border-radius: 4px; 5951 | border-radius: 4px; 5952 | } 5953 | 5954 | .accordion-heading { 5955 | border-bottom: 0; 5956 | } 5957 | 5958 | .accordion-heading .accordion-toggle { 5959 | display: block; 5960 | padding: 8px 15px; 5961 | } 5962 | 5963 | .accordion-toggle { 5964 | cursor: pointer; 5965 | } 5966 | 5967 | .accordion-inner { 5968 | padding: 9px 15px; 5969 | border-top: 1px solid #e5e5e5; 5970 | } 5971 | 5972 | .carousel { 5973 | position: relative; 5974 | margin-bottom: 20px; 5975 | line-height: 1; 5976 | } 5977 | 5978 | .carousel-inner { 5979 | position: relative; 5980 | width: 100%; 5981 | overflow: hidden; 5982 | } 5983 | 5984 | .carousel-inner > .item { 5985 | position: relative; 5986 | display: none; 5987 | -webkit-transition: 0.6s ease-in-out left; 5988 | -moz-transition: 0.6s ease-in-out left; 5989 | -o-transition: 0.6s ease-in-out left; 5990 | transition: 0.6s ease-in-out left; 5991 | } 5992 | 5993 | .carousel-inner > .item > img, 5994 | .carousel-inner > .item > a > img { 5995 | display: block; 5996 | line-height: 1; 5997 | } 5998 | 5999 | .carousel-inner > .active, 6000 | .carousel-inner > .next, 6001 | .carousel-inner > .prev { 6002 | display: block; 6003 | } 6004 | 6005 | .carousel-inner > .active { 6006 | left: 0; 6007 | } 6008 | 6009 | .carousel-inner > .next, 6010 | .carousel-inner > .prev { 6011 | position: absolute; 6012 | top: 0; 6013 | width: 100%; 6014 | } 6015 | 6016 | .carousel-inner > .next { 6017 | left: 100%; 6018 | } 6019 | 6020 | .carousel-inner > .prev { 6021 | left: -100%; 6022 | } 6023 | 6024 | .carousel-inner > .next.left, 6025 | .carousel-inner > .prev.right { 6026 | left: 0; 6027 | } 6028 | 6029 | .carousel-inner > .active.left { 6030 | left: -100%; 6031 | } 6032 | 6033 | .carousel-inner > .active.right { 6034 | left: 100%; 6035 | } 6036 | 6037 | .carousel-control { 6038 | position: absolute; 6039 | top: 40%; 6040 | left: 15px; 6041 | width: 40px; 6042 | height: 40px; 6043 | margin-top: -20px; 6044 | font-size: 60px; 6045 | font-weight: 100; 6046 | line-height: 30px; 6047 | color: #ffffff; 6048 | text-align: center; 6049 | background: #222222; 6050 | border: 3px solid #ffffff; 6051 | -webkit-border-radius: 23px; 6052 | -moz-border-radius: 23px; 6053 | border-radius: 23px; 6054 | opacity: 0.5; 6055 | filter: alpha(opacity=50); 6056 | } 6057 | 6058 | .carousel-control.right { 6059 | right: 15px; 6060 | left: auto; 6061 | } 6062 | 6063 | .carousel-control:hover, 6064 | .carousel-control:focus { 6065 | color: #ffffff; 6066 | text-decoration: none; 6067 | opacity: 0.9; 6068 | filter: alpha(opacity=90); 6069 | } 6070 | 6071 | .carousel-indicators { 6072 | position: absolute; 6073 | top: 15px; 6074 | right: 15px; 6075 | z-index: 5; 6076 | margin: 0; 6077 | list-style: none; 6078 | } 6079 | 6080 | .carousel-indicators li { 6081 | display: block; 6082 | float: left; 6083 | width: 10px; 6084 | height: 10px; 6085 | margin-left: 5px; 6086 | text-indent: -999px; 6087 | background-color: #ccc; 6088 | background-color: rgba(255, 255, 255, 0.25); 6089 | border-radius: 5px; 6090 | } 6091 | 6092 | .carousel-indicators .active { 6093 | background-color: #fff; 6094 | } 6095 | 6096 | .carousel-caption { 6097 | position: absolute; 6098 | right: 0; 6099 | bottom: 0; 6100 | left: 0; 6101 | padding: 15px; 6102 | background: #333333; 6103 | background: rgba(0, 0, 0, 0.75); 6104 | } 6105 | 6106 | .carousel-caption h4, 6107 | .carousel-caption p { 6108 | line-height: 20px; 6109 | color: #ffffff; 6110 | } 6111 | 6112 | .carousel-caption h4 { 6113 | margin: 0 0 5px; 6114 | } 6115 | 6116 | .carousel-caption p { 6117 | margin-bottom: 0; 6118 | } 6119 | 6120 | .hero-unit { 6121 | padding: 60px; 6122 | margin-bottom: 30px; 6123 | font-size: 18px; 6124 | font-weight: 200; 6125 | line-height: 30px; 6126 | color: inherit; 6127 | background-color: #eeeeee; 6128 | -webkit-border-radius: 6px; 6129 | -moz-border-radius: 6px; 6130 | border-radius: 6px; 6131 | } 6132 | 6133 | .hero-unit h1 { 6134 | margin-bottom: 0; 6135 | font-size: 60px; 6136 | line-height: 1; 6137 | letter-spacing: -1px; 6138 | color: inherit; 6139 | } 6140 | 6141 | .hero-unit li { 6142 | line-height: 30px; 6143 | } 6144 | 6145 | .pull-right { 6146 | float: right; 6147 | } 6148 | 6149 | .pull-left { 6150 | float: left; 6151 | } 6152 | 6153 | .hide { 6154 | display: none; 6155 | } 6156 | 6157 | .show { 6158 | display: block; 6159 | } 6160 | 6161 | .invisible { 6162 | visibility: hidden; 6163 | } 6164 | 6165 | .affix { 6166 | position: fixed; 6167 | } 6168 | -------------------------------------------------------------------------------- /static/js/base.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @fileoverview 3 | * Provides methods for the Hello Endpoints sample UI and interaction with the 4 | * Hello Endpoints API. 5 | * 6 | * @author danielholevoet@google.com (Dan Holevoet) 7 | */ 8 | 9 | /** google global namespace for Google projects. */ 10 | var google = google || {}; 11 | 12 | /** appengine namespace for Google Developer Relations projects. */ 13 | google.appengine = google.appengine || {}; 14 | 15 | /** samples namespace for AppEngine sample code. */ 16 | google.appengine.samples = google.appengine.samples || {}; 17 | 18 | /** hello namespace for this sample. */ 19 | google.appengine.samples.hello = google.appengine.samples.hello || {}; 20 | 21 | /** 22 | * Client ID of the application (from the APIs Console). 23 | * @type {string} 24 | */ 25 | google.appengine.samples.hello.CLIENT_ID = 26 | 'replace this with your web application client ID'; 27 | 28 | /** 29 | * Scopes used by the application. 30 | * @type {string} 31 | */ 32 | google.appengine.samples.hello.SCOPES = 33 | 'https://www.googleapis.com/auth/userinfo.email'; 34 | 35 | /** 36 | * Whether or not the user is signed in. 37 | * @type {boolean} 38 | */ 39 | google.appengine.samples.hello.signedIn = false; 40 | 41 | /** 42 | * Loads the application UI after the user has completed auth. 43 | */ 44 | google.appengine.samples.hello.userAuthed = function() { 45 | var request = gapi.client.oauth2.userinfo.get().execute(function(resp) { 46 | if (!resp.code) { 47 | google.appengine.samples.hello.signedIn = true; 48 | document.querySelector('#signinButton').textContent = 'Sign out'; 49 | document.querySelector('#authedGreeting').disabled = false; 50 | } 51 | }); 52 | }; 53 | 54 | /** 55 | * Handles the auth flow, with the given value for immediate mode. 56 | * @param {boolean} mode Whether or not to use immediate mode. 57 | * @param {Function} callback Callback to call on completion. 58 | */ 59 | google.appengine.samples.hello.signin = function(mode, callback) { 60 | gapi.auth.authorize({client_id: google.appengine.samples.hello.CLIENT_ID, 61 | scope: google.appengine.samples.hello.SCOPES, immediate: mode}, 62 | callback); 63 | }; 64 | 65 | /** 66 | * Presents the user with the authorization popup. 67 | */ 68 | google.appengine.samples.hello.auth = function() { 69 | if (!google.appengine.samples.hello.signedIn) { 70 | google.appengine.samples.hello.signin(false, 71 | google.appengine.samples.hello.userAuthed); 72 | } else { 73 | google.appengine.samples.hello.signedIn = false; 74 | document.querySelector('#signinButton').textContent = 'Sign in'; 75 | document.querySelector('#authedGreeting').disabled = true; 76 | } 77 | }; 78 | 79 | /** 80 | * Prints a greeting to the greeting log. 81 | * param {Object} greeting Greeting to print. 82 | */ 83 | google.appengine.samples.hello.print = function(greeting) { 84 | var element = document.createElement('div'); 85 | element.classList.add('row'); 86 | element.innerHTML = greeting.message; 87 | document.querySelector('#outputLog').appendChild(element); 88 | }; 89 | 90 | /** 91 | * Gets a numbered greeting via the API. 92 | * @param {string} id ID of the greeting. 93 | */ 94 | google.appengine.samples.hello.getGreeting = function(id) { 95 | gapi.client.helloworld.greetings.getGreeting({'id': id}).execute( 96 | function(resp) { 97 | if (!resp.code) { 98 | google.appengine.samples.hello.print(resp); 99 | } 100 | }); 101 | }; 102 | 103 | /** 104 | * Lists greetings via the API. 105 | */ 106 | google.appengine.samples.hello.listGreeting = function() { 107 | gapi.client.helloworld.greetings.listGreeting().execute( 108 | function(resp) { 109 | if (!resp.code) { 110 | resp.items = resp.items || []; 111 | for (var i = 0; i < resp.items.length; i++) { 112 | google.appengine.samples.hello.print(resp.items[i]); 113 | } 114 | } 115 | }); 116 | }; 117 | 118 | /** 119 | * Gets a greeting a specified number of times. 120 | * @param {string} greeting Greeting to repeat. 121 | * @param {string} count Number of times to repeat it. 122 | */ 123 | google.appengine.samples.hello.multiplyGreeting = function( 124 | greeting, times) { 125 | gapi.client.helloworld.greetings.multiply({ 126 | 'message': greeting, 127 | 'times': times 128 | }).execute(function(resp) { 129 | if (!resp.code) { 130 | google.appengine.samples.hello.print(resp); 131 | } 132 | }); 133 | }; 134 | 135 | /** 136 | * Greets the current user via the API. 137 | */ 138 | google.appengine.samples.hello.authedGreeting = function(id) { 139 | gapi.client.helloworld.greetings.authed().execute( 140 | function(resp) { 141 | google.appengine.samples.hello.print(resp); 142 | }); 143 | }; 144 | 145 | /** 146 | * Enables the button callbacks in the UI. 147 | */ 148 | google.appengine.samples.hello.enableButtons = function() { 149 | var getGreeting = document.querySelector('#getGreeting'); 150 | getGreeting.addEventListener('click', function(e) { 151 | google.appengine.samples.hello.getGreeting( 152 | document.querySelector('#id').value); 153 | }); 154 | 155 | var listGreeting = document.querySelector('#listGreeting'); 156 | listGreeting.addEventListener('click', 157 | google.appengine.samples.hello.listGreeting); 158 | 159 | var multiplyGreetings = document.querySelector('#multiplyGreetings'); 160 | multiplyGreetings.addEventListener('click', function(e) { 161 | google.appengine.samples.hello.multiplyGreeting( 162 | document.querySelector('#greeting').value, 163 | document.querySelector('#count').value); 164 | }); 165 | 166 | var authedGreeting = document.querySelector('#authedGreeting'); 167 | authedGreeting.addEventListener('click', 168 | google.appengine.samples.hello.authedGreeting); 169 | 170 | var signinButton = document.querySelector('#signinButton'); 171 | signinButton.addEventListener('click', google.appengine.samples.hello.auth); 172 | }; 173 | 174 | /** 175 | * Initializes the application. 176 | * @param {string} apiRoot Root of the API's path. 177 | */ 178 | google.appengine.samples.hello.init = function(apiRoot) { 179 | // Loads the OAuth and helloworld APIs asynchronously, and triggers login 180 | // when they have completed. 181 | var apisToLoad; 182 | var callback = function() { 183 | if (--apisToLoad == 0) { 184 | google.appengine.samples.hello.enableButtons(); 185 | google.appengine.samples.hello.signin(true, 186 | google.appengine.samples.hello.userAuthed); 187 | } 188 | } 189 | 190 | apisToLoad = 2; // must match number of calls to gapi.client.load() 191 | gapi.client.load('helloworld', 'v1', callback, apiRoot); 192 | gapi.client.load('oauth2', 'v2', callback); 193 | }; 194 | -------------------------------------------------------------------------------- /templates/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Hello Endpoints! 5 | 6 | 7 | 8 | 37 | 38 | 39 | 54 |
55 | 56 | 57 | 58 |
59 |

Get Greeting

60 |
61 |
62 |
63 | 64 |
65 |

List Greetings

66 |
67 |
68 | 69 |
70 |

Multiply Greetings

71 |
72 |
73 |
74 |
75 | 76 |
77 |

Authenticated Greeting

78 |
79 |
80 | 81 | 86 | 87 |
88 | 89 | 90 | --------------------------------------------------------------------------------