diff --git a/Audit trail.mpr b/Audit trail.mpr index 63e6b58..75e381b 100644 Binary files a/Audit trail.mpr and b/Audit trail.mpr differ diff --git a/SiemensMendixAudittrail__10.2.0__READMEOSS.html b/SiemensMendixAudittrail__10.2.0__READMEOSS.html new file mode 100644 index 0000000..d182048 --- /dev/null +++ b/SiemensMendixAudittrail__10.2.0__READMEOSS.html @@ -0,0 +1,163 @@ + + + + Siemens Third-Party Software disclosure document + + + + + + + + +
+ Siemens Third-Party Software Disclosure Document

English / English
Note to Resellers: Please pass on this document to your customers to avoid license infringements.

Third-Party Software Information

This product, solution or service ("Product") contains third-party software components listed in this document. These components are Open Source Software licensed under a license approved by the Open Source Initiative (www.opensource.org) or similar licenses as determined by SIEMENS ("OSS") and/or commercial or freeware software components. With respect to the OSS components, the applicable OSS license conditions prevail over any other terms and conditions covering the Product. The OSS portions of this Product are provided royalty-free and can be used at no charge.
If SIEMENS has combined or linked certain components of the Product with/to OSS components licensed under the GNU LGPL version 2 or later as per the definition of the applicable license, and if use of the corresponding object file is not unrestricted ("LGPL Licensed Module", whereas the LGPL Licensed Module and the components that the LGPL Licensed Module is combined with or linked to is the "Combined Product"), the following additional rights apply, if the relevant LGPL license criteria are met: (i) you are entitled to modify the Combined Product for your own use, including but not limited to the right to modify the Combined Product to relink modified versions of the LGPL Licensed Module, and (ii) you may reverse-engineer the Combined Product, but only to debug your modifications. The modification right does not include the right to distribute such modifications and you shall maintain in confidence any information resulting from such reverse-engineering of a Combined Product.
Certain OSS licenses require SIEMENS to make source code available, for example, the GNU General Public License, the GNU Lesser General Public License and the Mozilla Public License. If such licenses are applicable and this Product is not shipped with the required source code, a copy of this source code can be obtained by anyone in receipt of this information during the period required by the applicable OSS licenses by contacting the following address.
SIEMENS may charge a handling fee of up to 5 Euro to fulfil the request.
Warranty regarding further use of the Open Source Software
SIEMENS' warranty obligations are set forth in your agreement with SIEMENS. SIEMENS does not provide any warranty or technical support for this Product or any OSS components contained in it if they are modified or used in any manner not specified by SIEMENS. The license conditions listed below may contain disclaimers that apply between you and the respective licensor. For the avoidance of doubt, SIEMENS does not make any warranty commitment on behalf of or binding upon any third party licensor.

German / Deutsch
Hinweis an die Vertriebspartner: Bitte geben Sie dieses Dokument an Ihre Kunden weiter, um urheberrechtliche Lizenzverstöße zu vermeiden.
Informationen zu Fremdsoftware
Dieses Produkt, diese Lösung oder dieser Service ("Produkt") enthält die nachfolgend aufgelisteten Fremdsoftwarekomponenten. Bei diesen handelt es sich entweder um Open Source Software, die unter einer von der Open Source Initiative (www.opensource.org) anerkannten Lizenz oder einer durch Siemens als vergleichbar definierten Lizenz ("OSS") lizenziert ist und/oder um kommerzielle Software oder Freeware. Hinsichtlich der OSS Komponenten gelten die einschlägigen OSS Lizenzbedingungen vorrangig vor allen anderen auf dieses Produkt anwendbaren Bedingungen. SIEMENS stellt Ihnen die OSS-Anteile dieses Produkts ohne zusätzliche Kosten zur Verfügung.
Soweit SIEMENS bestimmte Komponenten des Produkts mit OSS Komponenten gemäß der Definition der anwendbaren Lizenz kombiniert oder verlinkt hat, die unter der GNU LGPL Version 2 oder einer späteren Version lizenziert werden und soweit die entsprechende Objektdatei nicht unbeschränkt genutzt werden darf ("LGPL-lizenziertes Modul", wobei das LGPL-lizenzierte Modul und die Komponenten, mit welchen das LGPL-lizenzierte Modul verbunden ist, nachfolgend "verbundenes Produkt" genannt werden) und die entsprechenden LGPL Lizenzkriterien erfüllt sind, dürfen Sie zusätzlich (i) das verbundene Produkt für eigene Verwendungszwecke bearbeiten und erhalten insbesondere das Recht, das verbundene Produkt zu bearbeiten, um es mit einer modifizierten Version des LGPL lizenzierten Moduls zu verlinken und (ii) das verbundene Produkt rückentwickeln, jedoch ausschließlich zum Zwecke der Fehlerkorrektur Ihrer Bearbeitungen. Das Recht zur Bearbeitung schließt nicht das Recht ein, diese zu distribuieren. Sie müssen sämtliche Informationen, die Sie aus dem Reverse Engineering des verbundenen Produktes gewinnen, vertraulich behandeln.
Bestimmte OSS Lizenzen verpflichten SIEMENS zur Herausgabe des Quellcodes, z.B. die GNU General Public License, die GNU Lesser General Public License sowie die Mozilla Public License. Soweit diese Lizenzen Anwendung finden und das Produkt nicht bereits mit dem notwendigen Quellcode ausgeliefert wurde, so kann eine Kopie des Quellcodes von jedermann während des in der anwendbaren OSS Lizenz angegebenen Zeitraums unter der folgenden Anschrift angefordert werden.
SIEMENS kann für die Erfüllung der Anfrage eine Bearbeitungsgebühr von bis zu 5 Euro in Rechnung stellen.
Gewährleistung betreffend Verwendung der Open Source Software
Die Gewährleistungspflichten von SIEMENS sind in dem jeweiligen Vertrag mit SIEMENS geregelt. Soweit Sie das Produkt oder die OSS Komponenten modifizieren oder in einer anderen als der von SIEMENS spezifizierten Weise verwenden, ist die Gewährleistung ausgeschlossen und eine technische Unterstützung erfolgt nicht. Die nachfolgenden Lizenzbedingungen können Haftungsbeschränkungen enthalten, die zwischen Ihnen und dem jeweiligen Lizenzgeber gelten. Klarstellend wird darauf hingewiesen, dass SIEMENS keine Gewährleistungsverpflichtungen im Namen von oder verpflichtend für einen Drittlizenzgeber abgibt.

Chinese / 中文
经销商须知： 请将本文件转发给您的客户，以避免构成对许可证的侵权。
第三方软件信息
本产品、解决方案或服务（统称“本产品”）中包含本文件列出的第三方软件组件。 这些组件是开放源代码促进会 (www.opensource.org) 批准的许可证或西门子确定的类似许可证所许可的开放源代码软件（简称“OSS”）和/或商业或免费软件组件。 针对 OSS组件，适用的 OSS 许可证条件优先于涵盖本产品的任何其他条款和条件。 本产品的 OSS 部分免许可费，可以免费使用。
如果西门子已经按照所适用的许可证的定义，根据第 2版或之后版本的GNU LGPL将本产品的某些组件与获得许可证的 OSS组件相组合或关联，并且如果使用相应的目标文件并非不受限制（“LGPL许可模块”，LGPL 许可模块以及与 LGPL 许可模块相组合或关联的组件统称为“组合产品”），则在符合以下相关LGPL许可标准的前提下，以下附加权利予以适用： (i) 您有权修改组合产品供自己使用，包括但不限于修改组合产品以重新连接 LGPL 许可模块修改版本的权利，并且 (ii) 您可以对组合产品进行逆向工程（但仅限于调试您的修改）。修改权不包括散布此类修改的权利，您应对此类组合产品逆向工程所获得的任何信息予以保密。
某些 OSS 许可证需要西门子提供源代码，例如 GNU 通用公共许可证、GNU 宽通用公共许可证和 Mozilla 公共许可证。如果适用此类许可证并且本产品发货时未随附所需的源代码，收到本信息的任何 人可以在所适用的OSS许可证要求的期限内通过以下地址联系获取这些源代码的副本。
西门子可收取最多 5 欧元的手续费以完成该请求。
关于进一步使用开放源代码软件的保修
您与西门子的协议中规定了西门子的保修义务。如果以西门子未指明的任何方式修改或使用本产品或其中包含的任何 OSS组件，西门子不为其提供任何保修或技术支持服务。下面列出的许可证条件可能包含适用于您和相应许可人之间的免责声明。为了避免产生疑问，西门子不代表或约束任何第三方许可人作出任何保修承诺。

Spanish / Español
Indicación para los distribuidores: Sírvase entregar este documento a sus clientes para prevenir infracciones de licencia sobre los aspectos de los derechos de autor.
Información sobre software de terceros
Este producto, solución o servicio ("producto") contiene los siguientes componentes de software de terceros listados a continuación. Se trata de Open Source Software cuya licencia ha sido otorgada por la Open Source Initiative (www.opensource.org) o que corresponde a una licencia definida por Siemens como comparable ("OSS") y/o de software o freeware comercial. En relación a los componentes OSS prevalecen las condiciones de concesión de licencia OSS pertinentes por sobre todas las demás condiciones aplicables para este producto. SIEMENS le entrega estas partes OSS del producto sin coste adicional.
En la medida en que SIEMENS haya combinado o enlazado determinados componentes del producto con componentes OSS según la definición de la licencia aplicable, cuya licencia está sujeta a la GNU LGPL versión 2 o una versión posterior y que no se puede utilizar sin restricciones ("módulo con licencia LGPL", denominándose a continuación el módulo de licencia LGPL y los componentes combinados con el módulo de licencia LGPL, como "producto integrado") y que se hayan cumplido los criterios de licencia LGPL correspondientes, usted está autorizado para adicionalmente (i) procesar el producto conectado para sus propios fines de uso y obtener particularmente el derecho a procesar el producto conectado para enlazarlo con una versión modificada del módulo de licencia LGPL y (ii) realizar ingeniería inversa para el producto conectado, pero exclusivamente para fines de corrección de errores de sus procesamientos. El derecho al procesamiento no incluye el derecho a su distribución. Está obligado a tratar de manera confidencial toda la información que obtiene en el marco de la ingeniería inversa del producto conectado.
Determinadas licencias OSS obligan a Siemens a la publicación del código fuente, p. ej. la GNU General Public License, la GNU Lesser General Public License así como la Mozilla Public License. En la medida que se apliquen estas licencias y que el producto no se haya suministrado con el código fuente necesario, puede solicitarse una copia del código fuente por parte de cualquier persona durante el período indicado en la licencia OSS, mediante envío de la solicitud correspondiente a la siguiente dirección.
SIEMENS puede facturar una tasa de servicio de hasta 5 Euros para la tramitación de la consulta.
Garantía en relación al uso del Open Source Software
Las obligaciones de Siemens relacionadas a la garantía del Software, están especificados en el contrato correspondiente con SIEMENS. En caso de modificar el producto o los componentes OSS o usarse de una manera que difiera del modo especificado por SIEMENS, dejará de tener vigencia la garantía y no habrá derechoal soporte técnico asociado a ella. Las siguientes condiciones de concesión de licencia pueden contener limitaciones de responsabilidad que rigen entre su parte y el licenciador correspondiente. Se aclara que SIEMENS no asume obligaciones de garantía en nombre de o en forma vinculante para licenciadores de terceros.

French / Français
Note pour les partenaires de distribution: veuillez transmettre ce document à vos clients pour éviter toutes infractions aux dispositions en matière de droits d’auteur.
Informations sur des logiciels de tiers
Le présent produit, solution ou service (« Produit ») contient des éléments de logiciels indiqués ci-après, appartenant à des tiers. Ces logiciels sont des Open Source Software dont l’utilisation est accordée en vertu d’une licence reconnue par la Open Service Initiative (www.opensource.org), ou d’une licence équivalente définie comme telle par Siemens ("OSS"), et/ou en vertu d’un logiciel commercial ou un freeware. En ce qui concerne les composants OSS, les conditions de licence OSS pertinentes priment sur toutes les autres conditions éventuellement applicables au Produit. SIEMENS met à votre disposition gratuitement et sans frais supplémentaires les parties OSS du Produit.
Si SIEMENS a combiné ou relié certains composants du Produit avec des éléments OSS dont l’utilisation est accordée en vertu de la licence GNU LGPL version 2 ou d'une version postérieure, conformément à la licence applicable, et si l’utilisation du fichier objet correspondant est soumise à des restrictions (« Module Sous Licence LGPL », le module sous licence LGPL et les composants avec lesquels ce module est lié, sont dénommés ci-après "Produit Lié"), si les critères de licence LGPL applicables sont respectés, vous avez également les droits suivants : (i) droit de modifier le Produit Lié pour votre propre usage , inclus notamment le droit de modifier le Produit Lié afin de le relier différentes versions modifiées du Module Sous Licence LGPL et (ii) droit de faire de la retro-ingénierie sur le Produit Lié, mais exclusivement afin de corriger les éventuels dysfonctionnements des modifications que vous y avez apportées. Le droit de modifier n’inclut pas le droit de distribuer ces modifications et toutes les informations que vous avez obtenues à l’occasion d’opérations de retro-ingénierie du Produit Lié seront strictement confidentielles.
Certaines licences OSS, comme par exemple la GNU General Public License, la GNU Lesser General Public License, ainsi que la Mozilla Public License, obligent SIEMENS à divulguer le code source. Si ces licences sont applicables et si le Produit n’a pas été préalablement livré avec le code source nécessaire, une copie du code source peut être demandée pendant la durée de la licence OSS applicable, en s’adressant à l’adresse suivante.
SIEMENS peut facturer des frais de traitement allant jusqu’à 5 Euro pour répondre à cette demande.
Garantie relative à l’utilisation du logiciel Open Source
Les obligations de garantie de SIEMENS sont définies dans votre contrat. Si vous modifiez le Produit ou les éléments OSS y contenus ou si vous les utilisez d’une manière autre que celle spécifiée par SIEMENS, vous perdez le bénéfice de la garantie et aucune assistance technique ne vous sera fournie. Les conditions de licence ci-après peuvent contenir des limitations de responsabilités applicables entre vous et le concédant. En tout état de cause, nous vous signalons que SIEMENS ne prend aucun engagement de garantie au nom et pour le compte de tiers concédants.

Italian / Italiano
IMPORTANTE per i partner commerciali: si prega di inoltrare il presente documento ai clienti per evitare violazioni delle condizioni di licenza.
Informazioni relative al software di altri produttori
Il presente prodotto, soluzione o servizio ("Prodotto") contengono componenti software di altri produttori elencati qui di seguito. Questi software di altri produttori possono essere Open Source Software (OSS), concessi in licenza con una licenza riconosciuta dall'Open Source Initiative (www.opensource.org) o ritenuta equivalente da Siemens ("OSS"), e/o software o freeware commerciali. Per quanto riguarda i componenti dell'OSS, le relative condizioni di licenza pertinenti prevalgono rispetto a tutte le altre condizioni applicabili al presente Prodotto. SIEMENS mette a disposizione i componenti dell'OSS contenuti nel presente Prodotto senza costi aggiuntivi.
Se SIEMENS ha combinato o linkato determinati componenti del Prodotto con prodotti dell'OSS secondo la definizione indicata nella licenza applicabile e concessa ai sensi della licenza GNU LGPL Version 2 o successiva, se il relativo file di oggetto non può essere utilizzato in maniera illimitata ("modulo concesso con licenza LGPL", vale a dire il modulo con licenza LGPL e i componenti a cui detto modello è collegato, denominati qui di seguito "Prodotto Collegato") e, infine, se i relativi criteri di licenza LGPL sono stati soddisfatti, sarà possibile inoltre (i) modificare il Prodotto Collegato per propri scopi di impiego, in particolare elaborare il Prodotto Collegato per linkarlo ad una versione modificata del modulo con licenza LGPL, e (ii) effettuare il reverse engineering del Prodotto Collegato, esclusivamente a fini di correzione degli errori di elaborazione. Il diritto di elaborazione non include il diritto di distribuire tali modifiche. Inoltre, tutte le informazioni ottenute con il reverse engineering del Prodotto Collegato devono essere trattate come riservate.
Determinate licenze OSS obbligano SIEMENS a pubblicare il codice sorgente, ad es. la GNU General Public License, la GNU Lesser General Public License e la Mozilla Public License. Se queste licenze sono applicabili, e il presente Prodotto non è stato già fornito con il necessario codice sorgente, è possibile richiedere una copia di detto codice nel periodo di validità indicato nella licenza OSS applicabile al seguente indirizzo.
Per l'evasione della richiesta, SIEMENS potrà addebitare fino a 5 Euro.
Garanzia di utilizzo dell'Open Source Software
Le obbligazioni di garanzia di SIEMENS sono disciplinate dal vostro contratto sottoscritto con SIEMENS. Se si modifica il Prodotto o i componenti dell'OSS, oppure li si utilizza in un modo diverso da quello specificato da SIEMENS, la garanzia e il supporto tecnico decadono. Le seguenti condizioni di licenza possono contenere limitazioni di responsabilità valevoli nel rapporto tra l'utente e il licenziante. Per maggiore chiarezza, si ribadisce che SIEMENS non concede alcuna garanzia a nome di, o vincolante per, qualsiasi terza parte licenziante.

Japanese / 日本語
再販業者への注意事項：ライセンス違反を防ぐため、本書を顧客の皆様に配布してください。
他社製ソフトウェアの使用に関する情報
本製品、ソリューション、またはサービス（以下「本製品」）には、本書に記載の他社製ソフトウェ アのコンポーネントが含まれています。該当するコンポーネントとは、Open Source Initiative (www.opensource.org) によって認可されたライセンスのもとで使用許諾を得たオープンソースソフ トウェア、または SIEMENS によって決定された同様のライセンス（以下「OSS」）、および/または商用もしくはフリーウェアのソフトウェアコンポーネントを指します。本製品を対象とするその他いかなる契約条件に対しても、OSS のコンポーネントに関しては、適用される OSS ライセンス条件が優先するものとします。本製品の OSS の部分に関しては、著作権使用料無料で提供され、無料で使用する ことができます。
SIEMENS が、本製品の特定のコンポーネントと適用されるライセンスの定義の通りに GNU LGPLのバージョン 2 以降のもとで使用許諾を得た OSS コンポーネントを組み合わせるか、関連付け、なおかつ付随するオブジェクト・ファイルの使用が制限されていない場合（以下「LGPL 使用許諾モジュー ル」、それに対し、LGPL使用許諾モジュールが組み合わされているか、関連付けられている LGPL 使用許諾済みモジュールとコンポーネントを「組み合わせ製品」という）、関連する LGPL 使用許諾の基準を満たしていれば、次の追加の権利が適用されます。(i) 個人的な使用のために組み合わせ製品を変更することができる（LGPL 使用許諾モジュールの変更したバージョンを再度関連付けるために組み合わせ製品を変更する権利を含むが、それに限定されるものではない）、および (ii) 組み合わせ製品にリバースエンジニアリングを行うことができる（ただし変更のデバッグのみ）。変更に関する権利には、該当する変更を配布する権利は含まれていません。また契約者の方は、このような組み合わせ製品のリバースエンジニアリングから生じるいかなる情報に関しても極秘として維持するものとします。
例えば、GNU General Public License （GNU一般公衆利用許諾書）、GNU Lesser General Public License（GNU劣等一般公衆利用許諾書）、Mozilla Public License 等の特定の OSSライセンスでは、SIEMENS がソースコードを利用できるようにする必要があります。該当するライセンスが適用可能であり、本製品が必要とされるソースコードとともに出荷されなかった場合、この情報を受け取った人物が適用される OSS ライセンスによって義務付けられている期間中に以下の住所まで連絡することで、このソースコードのコピーを入手することができます。
リクエストを実行するために SIEMENS では、最高 5 ユーロの手数料を請求する場合があります。
オープンソースソフトウェアのさらなる使用に関する保証
SIEMENS の保証義務は、契約者と SIEMENS との契約書に記載されています。本製品を SIEMENS が指定した以外の方法で変更したり、使用したりした場合、SIEMENS では本製品、またはいかなる OSS コンポーネントに対しても保証やテクニカルサポートを提供いたしません。以下に記載のライセンス条件には、 契約者と個別のライセンサーとの間で適用される免責事項が含まれる場合があります。誤解を避けるため、SIEMENSでは他社のライセンサーを代表、または他社を拘束するいかなる保証義務も負いません。

Russian / Русский
Информация для партнёров по сбыту: просим передать этот документ вашим клиентам во избежание нарушений лицензионных прав.
Информация о программном обеспечении сторонних разработчиков
Настоящий продукт, настоящее решение или сервис ("Продукт") включает в себя программные компоненты сторонних разработчиков, перечисленные ниже. Это компоненты программного обеспечения с открытым кодом, имеющие лицензию, признанную организацией Open Source Initiative (www.opensource.org), либо иную лицензию согласно определению компании SIEMENS ("OSS"), и / или компоненты коммерческого либо свободно распространяемого программного обеспечения. В отношении компонентов OSS соответствующие условия лицензии OSS имеют приоритет перед всеми прочими положениями, применимыми к данному Продукту. SIEMENS предоставляет вам долевые права на OSS в отношении данного Продукта на безвозмездной основе.
Если SIEMENS комбинирует или связывает определённые компоненты Продукта с компонентами OSS в соответствии с определением применимой лицензии, лицензированными по версии 2 или более поздней GNU LGPL, и если неограниченное использование соответствующего объектного файла не разрешено ("Модуль по лицензии LGPL", причём Модуль по лицензии LGPL и компоненты, с которыми скомбинирован или связан Модуль по лицензии LGPL, далее именуются "Комбинированный продукт") и выполнены соответствующие критерии лицензии LGPL, вам разрешается дополнительно (i) обрабатывать Комбинированный продукт в собственных целях и, в частности, но не ограничиваясь, обрабатывать Комбинированный продукт таким образом, чтобы связать его с модифицированной версией Модуля по лицензии LGPL, а также (ii) проводить обратную разработку Комбинированного продукта, но только в целях исправления ошибок вашей обработки. Право на обработку не включает в себя право на дистрибуцию. Вы обязаны сохранять конфиденциальность в отношении всей информации, полученной вами в ходе обратной разработки Комбинированного продукта.
Определённые лицензии OSS обязывают SIEMENS раскрывать исходный код, например, GNU General Public License, GNU Lesser General Public License и Mozilla Public License. Если указанные лицензии применимы и Продукт поставлен без необходимого исходного кода, копия исходного кода может быть запрошена обладателем настоящей информации в течение времени, указанного в применимой лицензии OSS, по следующему адресу.
За выполнение запроса SIEMENS может взимать сбор в размере до 5 евро.
Гарантия в отношении дальнейшего применения программного обеспечения с открытым кодом
Гарантийные обязательства SIEMENS регулируются соответствующим договором с компанией SIEMENS. Если вы модифицируете Продукт или компоненты OSS либо используете их иным образом, чем указано компанией SIEMENS, гарантия аннулируется, техническая поддержка не предоставляется. Приведённые ниже лицензионные условия могут включать в себя положения об ограничении ответственности, действующие в отношениях между вами и соответствующим лицензиаром. Во избежание сомнений подчёркиваем, что SIEMENS не даёт гарантии от имени сторонних лицензиаров и гарантии, налагающей обязательства на сторонних лицензиаров.


Korean / 한국어
제3자 소프트웨어 정보

본 제품, 솔루션 또는 서비스(이하 “제품”)는 본 문서에 기재된 제3자 소프트웨어 구성요소를 포함한다. 이들 구성요소는 오픈 소스 이니셔티브(www.opensource.org)가 승인한 라이선스 또는 지멘스가 유사 라이선스로 판단하는 라이선스 하에 사용 권한이 부여된 오픈 소스 소프트웨어(이하 "OSS") 및/또는 상용 또는 무료 소프트웨어 구성요소이다. OSS 구성요소와 관련하여, 해당되는 OSS 라이선스 조건은 본 제품을 포괄하는 기타 모든 약관에 우선한다. 본 제품의 OSS 일부는 로열티 없이 제공되며 무료로 사용할 수 있다.

지멘스가 해당되는 라이선스의 정의에 따라 GNU LGPL 버전 2 또는 그 이상의 사용 권한이 부여된 OSS 구성요소와 본 제품의 특정 구성요소를 조합 또는 연결한 경우 그리고 해당 오브젝트 파일의 사용이 제한되지 않는 경우(이하 "LGPL 라이선스 모듈"인반면, LGPL 라이선스 모듈과 LGPL 라이선스 모듈이 조합 또는 연결된 구성요소는 "조합 제품"이라 한다) 관련 LPGL 라이선스 기준이 충족되는 경우에 한하여 다음과 같은 추가적인 권한을 가진다. (i) 귀하는 사용을 위한 조합 제품을 수정할 권리가 있으며, 이는 조합 제품을 수정하여 LGPL 라이선스 모듈의 수정 버전에 재연결할 수 있는 권리를 포함하되 이에 한정하지 않는다. 그리고 (ii) 귀하는 조합 제품을 역엔지니어링할 수 있지만 이는 귀하의 수정 항목을 디버깅하기 위해서만 가능하다. 본 수정 권한은 그러한 수정 항목을 배포할 권리는 포함하지 않으며, 귀하는 조합 제품의 그러한 역엔지니어링으로부터 발생한 모든 정보를 기밀로 유지해야 한다.

일부 OSS 라이선스는 지멘스가 소스 코드를 사용할 수 있게 만들 것을 요구하며, 이러한 소스 코드의 예는 GNU 일반 공중 사용 허가서(GNU General Public License), GNU 약소 일반 공중 사용 허가서(GNU Lesser General Public License), 모질라 공용 허가서(Mozilla Public License)가 있다. 이러한 라이선스가 적용되고 본 제품이 요구하는 소스 코드와 함께 배송되지 않은 경우, 해당 OSS 라이선스가 요구하는 기간 동안 본 정보를 받아보는 누구나 다음 주소로 연락하여 해당 소스 코드의 사본을 얻을 수 있다

지멘스는 이 요청을 충족하기 위해 최대 5유로의 취급 수수료를 부과할 수 있다.

오픈 소스 소프트웨어의 추가적 사용과 관련한 보증

지멘스의 보증 의무는 지멘스와 귀하 간의 계약서에 명시되어 있다. 본 제품 또는 본 제품에 포함된 OSS 구성요소가 지멘스에서 지정하지 않은 방식으로 수정 또는 사용된 경우, 지멘스는 본 제품 또는 본 제품에 포함된 어떠한 OSS 구성요소에도 어떠한 보증이나 기술 지원도 제공하지 않는다. 아래 나열된 라이선스 조건에는 귀하와 관련 라이선스 소유자 간에 적용되는 면책 조항이 포함되어 있을 수 있다. 혼동을 피하기 위해 명확히 하자면, 지멘스는 어떠한 제3자 라이선스 소유자를 대신하여 또는 그를 구속하는 어떠한 보증 약속도 하지 않는다.


Open Source Software and/or other third-party software contained in this Product

If you like to receive a copy of the source code, please contact SIEMENS at the following address:

Siemens AG
Attn: Software Licensing
LC TEC IT&SL
Hertha-Sponer-Weg 3
91058 Erlangen
Germany

Subject: Open Source Request (please specify Product name and version)

+
+ +

+ +

+ +

+ Please note the following license conditions and copyright notices applicable to Open Source Software and/or other components (or parts thereof): +

+ + + + + + + + + + + + + +
ComponentOpen Source Software
[Yes/No]		Acknowledgements/CommentLicense conditions and copyright notices
+ + + + + +
+ +

+ Portions generated with ScanCode and provided on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. No content created from ScanCode should be considered or used as legal advice. Consult an Attorney for any legal advice. ScanCode is a free software code scanning tool from nexB Inc. and others. + Visit https://github.com/nexB/scancode-toolkit/ for support and download. +

+ + + \ No newline at end of file diff --git a/build.gradle b/build.gradle index 8849b21..b76e9d6 100644 --- a/build.gradle +++ b/build.gradle @@ -1,6 +1,6 @@ plugins { id 'java' - id 'com.mendix.gradle.publish-module-plugin' version '1.16' + id 'com.mendix.gradle.publish-module-plugin' version '1.17' id 'net.researchgate.release' version '2.8.1' } @@ -16,6 +16,7 @@ mxMarketplace { appName = "Audittrail" filterWidgets = true appDirectory = "." + includeFiles = List.of(ossClearanceFile) versionPathPrefix = "__Version " // the path prefix within the module to the version folder } diff --git a/environment.gradle b/environment.gradle index 5d7d9dc..fdbad81 100644 --- a/environment.gradle +++ b/environment.gradle @@ -6,3 +6,4 @@ def mxInstallVersion = System.getenv('MODELER_VERSION') ?: System.getenv('MX_INS project.ext.mxInstallPath = "${mxPath}/${mxInstallVersion}" project.ext.mxRuntimeBundles = new File("${mxInstallPath}/runtime/bundles") +project.ext.ossClearanceFile = file("SiemensMendixAudittrail__10.2.0__READMEOSS.html") diff --git a/gradle.properties b/gradle.properties index 09b605d..5b88abe 100644 --- a/gradle.properties +++ b/gradle.properties @@ -1 +1 @@ -version=10.1.1 \ No newline at end of file +version=10.2.0 \ No newline at end of file diff --git a/javascriptsource/datawidgets/actions/Export_To_Excel.js b/javascriptsource/datawidgets/actions/Export_To_Excel.js new file mode 100644 index 0000000..a16cb11 --- /dev/null +++ b/javascriptsource/datawidgets/actions/Export_To_Excel.js @@ -0,0 +1,82 @@ +// This file was generated by Mendix Studio Pro. +// +// WARNING: Only the following code will be retained when actions are regenerated: +// - the import list +// - the code between BEGIN USER CODE and END USER CODE +// - the code between BEGIN EXTRA CODE and END EXTRA CODE +// Other code you write will be lost the next time you deploy the project. +import "mx-global"; +import { Big } from "big.js"; +import { utils, writeFileXLSX } from './xlsx-export-tools.js'; + +// BEGIN EXTRA CODE +// END EXTRA CODE + +/** + * @param {string} datagridName + * @param {string} fileName + * @param {string} sheetName + * @param {boolean} includeColumnHeaders + * @param {Big} chunkSize - The number of items fetched and exported per request. + * @returns {Promise.} + */ +export async function Export_To_Excel(datagridName, fileName, sheetName, includeColumnHeaders, chunkSize) { + // BEGIN USER CODE + if (!fileName || !datagridName || !sheetName) { + return false; + } + + const REGISTRY_NAME = "com.mendix.widgets.web.datagrid.export"; + const registry = window[REGISTRY_NAME]; + const controller = registry.get(datagridName); + + if (controller === undefined) { + return false; + } + + return new Promise((resolve) => { + function handler(req) { + let worksheet; + let headers; + + req.on("headers", (hds) => { + headers = hds.map(header => header.name); + if (includeColumnHeaders) { + worksheet = utils.aoa_to_sheet([headers]); + } + }); + + req.on("data", (data) => { + if (worksheet === undefined) { + worksheet = utils.aoa_to_sheet(data) + } else { + utils.sheet_add_aoa(worksheet, data, { origin: -1 }); + } + }); + + req.on("end", () => { + if (worksheet) { + // Set character width for each column + // https://docs.sheetjs.com/docs/csf/sheet#worksheet-object + worksheet["!cols"] = headers.map(header => ({ + wch: header.length + 10 + })); + const workbook = utils.book_new(); + utils.book_append_sheet(workbook, worksheet, sheetName === "" ? "Data" : sheetName); + writeFileXLSX(workbook, `${fileName}.xlsx`); + resolve(true); + } else { + resolve(false); + } + }); + + req.on("abort", () => resolve(false)); + } + + controller.exportData(handler, { + withHeaders: true, + limit: chunkSize.toNumber() + }) + }); + // END USER CODE +} diff --git a/javascriptsource/datawidgets/actions/Reset_All_Filters.js b/javascriptsource/datawidgets/actions/Reset_All_Filters.js new file mode 100644 index 0000000..243877e --- /dev/null +++ b/javascriptsource/datawidgets/actions/Reset_All_Filters.js @@ -0,0 +1,26 @@ +// This file was generated by Mendix Studio Pro. +// +// WARNING: Only the following code will be retained when actions are regenerated: +// - the import list +// - the code between BEGIN USER CODE and END USER CODE +// - the code between BEGIN EXTRA CODE and END EXTRA CODE +// Other code you write will be lost the next time you deploy the project. +import { Big } from "big.js"; +import "mx-global"; + +// BEGIN EXTRA CODE +// END EXTRA CODE + +/** + * @param {string} targetName - Name of the widget for which filters should be reset. Valid targets are: Data grid 2, Gallery. You can find filter name in widget settings in the "Common" group (Properties>Common>Name). + * @param {boolean} setToDefault - Set to default value. If true, filter will be set to its default value, otherwise it will be set to empty. + * @returns {Promise.} + */ +export async function Reset_All_Filters(targetName, setToDefault) { + // BEGIN USER CODE + const plugin = window["com.mendix.widgets.web.plugin.externalEvents"]; + if (plugin) { + plugin.emit(targetName, "reset.filters", setToDefault); + } + // END USER CODE +} diff --git a/javascriptsource/datawidgets/actions/Reset_Filter.js b/javascriptsource/datawidgets/actions/Reset_Filter.js new file mode 100644 index 0000000..b0d8eef --- /dev/null +++ b/javascriptsource/datawidgets/actions/Reset_Filter.js @@ -0,0 +1,26 @@ +// This file was generated by Mendix Studio Pro. +// +// WARNING: Only the following code will be retained when actions are regenerated: +// - the import list +// - the code between BEGIN USER CODE and END USER CODE +// - the code between BEGIN EXTRA CODE and END EXTRA CODE +// Other code you write will be lost the next time you deploy the project. +import "mx-global"; +import { Big } from "big.js"; + +// BEGIN EXTRA CODE +// END EXTRA CODE + +/** + * @param {string} targetName - Name of the filter to reset. Valid targets are: Number filter, Date filter, Text filter, Drop-down filter. You can find filter name in widget settings in the "Common" group (Properties>Common>Name). + * @param {boolean} setToDefault - Set to default value. If true, filter will be set to its default value, otherwise it will be set to empty. + * @returns {Promise.} + */ +export async function Reset_Filter(targetName, setToDefault) { + // BEGIN USER CODE + const plugin = window["com.mendix.widgets.web.plugin.externalEvents"]; + if (plugin) { + plugin.emit(targetName, "reset.value", setToDefault); + } + // END USER CODE +} diff --git a/javascriptsource/datawidgets/actions/Set_Filter.js b/javascriptsource/datawidgets/actions/Set_Filter.js new file mode 100644 index 0000000..2f2518d --- /dev/null +++ b/javascriptsource/datawidgets/actions/Set_Filter.js @@ -0,0 +1,34 @@ +// This file was generated by Mendix Studio Pro. +// +// WARNING: Only the following code will be retained when actions are regenerated: +// - the import list +// - the code between BEGIN USER CODE and END USER CODE +// - the code between BEGIN EXTRA CODE and END EXTRA CODE +// Other code you write will be lost the next time you deploy the project. +import "mx-global"; +import { Big } from "big.js"; + +// BEGIN EXTRA CODE +// END EXTRA CODE + +/** + * @param {string} targetName - Name of the filter to set. Valid targets are: Number filter, Date filter, Text filter, Drop-down filter. You can find filter name in widget settings in the "Common" group (Properties>Common>Name). + * @param {boolean} useDefaultValue - Determine the use of default value provided by the filter component itself. +If true, "Value" section will be ignored + * @param {"DataWidgets.Filter_Operators.contains"|"DataWidgets.Filter_Operators.startsWith"|"DataWidgets.Filter_Operators.endsWith"|"DataWidgets.Filter_Operators.between"|"DataWidgets.Filter_Operators.greater"|"DataWidgets.Filter_Operators.greaterEqual"|"DataWidgets.Filter_Operators.equal"|"DataWidgets.Filter_Operators.notEqual"|"DataWidgets.Filter_Operators.smaller"|"DataWidgets.Filter_Operators.smallerEqual"|"DataWidgets.Filter_Operators.empty"|"DataWidgets.Filter_Operators.notEmpty"} operators - Selected operators value. If filter has operators, this value will be applied. + * @param {string} stringValue - Value set for dropdown filter or text filter. Choose empty if not use. + * @param {Big} numberValue - Number value for number filter. Choose empty if not use. + * @param {Date} dateTimeValue - Date time value for date filter, can also be use as "start date". Choose empty if not use. + * @param {Date} dateTimeValue_2 - End date time value for range filter. Choose empty if not use. + * @returns {Promise.} + */ +export async function Set_Filter(targetName, useDefaultValue, operators, stringValue, numberValue, dateTimeValue, dateTimeValue_2) { + // BEGIN USER CODE + const plugin = window["com.mendix.widgets.web.plugin.externalEvents"]; + if (plugin) { + plugin.emit(targetName, "set.value", useDefaultValue, { + operators, stringValue, numberValue, dateTimeValue, dateTimeValue2: dateTimeValue_2 + }); + } + // END USER CODE +} diff --git a/javascriptsource/datawidgets/actions/xlsx-export-tools.js b/javascriptsource/datawidgets/actions/xlsx-export-tools.js new file mode 100644 index 0000000..9536149 --- /dev/null +++ b/javascriptsource/datawidgets/actions/xlsx-export-tools.js @@ -0,0 +1,3 @@ +/*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */ +var e=function(e){return String.fromCharCode(e)},t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";function r(e){for(var r="",n=0,a=0,i=0,o=0,s=0,l=0,c=0,f=0;f>2,s=(3&n)<<4|(a=e.charCodeAt(f++))>>4,l=(15&a)<<2|(i=e.charCodeAt(f++))>>6,c=63&i,isNaN(a)?l=c=64:isNaN(i)&&(c=64),r+=t.charAt(o)+t.charAt(s)+t.charAt(l)+t.charAt(c);return r}function n(e){var r="",n=0,a=0,i=0,o=0,s=0,l=0;"data:"==e.slice(0,5)&&((c=e.slice(0,1024).indexOf(";base64,"))>-1&&(e=e.slice(c+8)));e=e.replace(/[^\w\+\/\=]/g,"");for(var c=0;c>4,r+=String.fromCharCode(n),a=(15&o)<<4|(s=t.indexOf(e.charAt(c++)))>>2,64!==s&&(r+=String.fromCharCode(a)),i=(3&s)<<6|(l=t.indexOf(e.charAt(c++))),64!==l&&(r+=String.fromCharCode(i));return r}var a=function(){return"undefined"!=typeof Buffer&&"undefined"!=typeof process&&void 0!==process.versions&&!!process.versions.node}(),i=function(){if("undefined"!=typeof Buffer){var e=!Buffer.from;if(!e)try{Buffer.from("foo","utf8")}catch(t){e=!0}return e?function(e,t){return t?new Buffer(e,t):new Buffer(e)}:Buffer.from.bind(Buffer)}return function(){}}(),o=function(){if("undefined"==typeof Buffer)return!1;var e=i([65,0]);return!!e&&1==e.toString("utf16le").length}();function s(e){return a?Buffer.alloc?Buffer.alloc(e):new Buffer(e):"undefined"!=typeof Uint8Array?new Uint8Array(e):new Array(e)}function l(e){return a?Buffer.allocUnsafe?Buffer.allocUnsafe(e):new Buffer(e):"undefined"!=typeof Uint8Array?new Uint8Array(e):new Array(e)}var c=function(e){return a?i(e,"binary"):e.split("").map((function(e){return 255&e.charCodeAt(0)}))};function f(e){if("undefined"==typeof ArrayBuffer)return c(e);for(var t=new ArrayBuffer(e.length),r=new Uint8Array(t),n=0;n!=e.length;++n)r[n]=255&e.charCodeAt(n);return t}var h=a?function(e){return Buffer.concat(e.map((function(e){return Buffer.isBuffer(e)?e:i(e)})))}:function(e){if("undefined"!=typeof Uint8Array){var t=0,r=0;for(t=0;t=0;)t+=e.charAt(r--);return t}function m(e,t){var r=""+e;return r.length>=t?r:ve("0",t-r.length)+r}function g(e,t){var r=""+e;return r.length>=t?r:ve(" ",t-r.length)+r}function v(e,t){var r=""+e;return r.length>=t?r:r+ve(" ",t-r.length)}var b=Math.pow(2,32);function x(e,t){return e>b||e<-b?function(e,t){var r=""+Math.round(e);return r.length>=t?r:ve("0",t-r.length)+r}(e,t):function(e,t){var r=""+e;return r.length>=t?r:ve("0",t-r.length)+r}(Math.round(e),t)}function w(e,t){return t=t||0,e.length>=7+t&&103==(32|e.charCodeAt(t))&&101==(32|e.charCodeAt(t+1))&&110==(32|e.charCodeAt(t+2))&&101==(32|e.charCodeAt(t+3))&&114==(32|e.charCodeAt(t+4))&&97==(32|e.charCodeAt(t+5))&&108==(32|e.charCodeAt(t+6))}var y=[["Sun","Sunday"],["Mon","Monday"],["Tue","Tuesday"],["Wed","Wednesday"],["Thu","Thursday"],["Fri","Friday"],["Sat","Saturday"]],C=[["J","Jan","January"],["F","Feb","February"],["M","Mar","March"],["A","Apr","April"],["M","May","May"],["J","Jun","June"],["J","Jul","July"],["A","Aug","August"],["S","Sep","September"],["O","Oct","October"],["N","Nov","November"],["D","Dec","December"]];var S={0:"General",1:"0",2:"0.00",3:"#,##0",4:"#,##0.00",9:"0%",10:"0.00%",11:"0.00E+00",12:"# ?/?",13:"# ??/??",14:"m/d/yy",15:"d-mmm-yy",16:"d-mmm",17:"mmm-yy",18:"h:mm AM/PM",19:"h:mm:ss AM/PM",20:"h:mm",21:"h:mm:ss",22:"m/d/yy h:mm",37:"#,##0 ;(#,##0)",38:"#,##0 ;[Red](#,##0)",39:"#,##0.00;(#,##0.00)",40:"#,##0.00;[Red](#,##0.00)",45:"mm:ss",46:"[h]:mm:ss",47:"mmss.0",48:"##0.0E+0",49:"@",56:'"上午/下午 "hh"時"mm"分"ss"秒 "'},k={5:37,6:38,7:39,8:40,23:0,24:0,25:0,26:0,27:14,28:14,29:14,30:14,31:14,50:14,51:14,52:14,53:14,54:14,55:14,56:14,57:14,58:14,59:1,60:2,61:3,62:4,67:9,68:10,69:12,70:13,71:14,72:14,73:15,74:16,75:17,76:20,77:21,78:22,79:45,80:46,81:47,82:0},_={5:'"$"#,##0_);\\("$"#,##0\\)',63:'"$"#,##0_);\\("$"#,##0\\)',6:'"$"#,##0_);[Red]\\("$"#,##0\\)',64:'"$"#,##0_);[Red]\\("$"#,##0\\)',7:'"$"#,##0.00_);\\("$"#,##0.00\\)',65:'"$"#,##0.00_);\\("$"#,##0.00\\)',8:'"$"#,##0.00_);[Red]\\("$"#,##0.00\\)',66:'"$"#,##0.00_);[Red]\\("$"#,##0.00\\)',41:'_(* #,##0_);_(* \\(#,##0\\);_(* "-"_);_(@_)',42:'_("$"* #,##0_);_("$"* \\(#,##0\\);_("$"* "-"_);_(@_)',43:'_(* #,##0.00_);_(* \\(#,##0.00\\);_(* "-"??_);_(@_)',44:'_("$"* #,##0.00_);_("$"* \\(#,##0.00\\);_("$"* "-"??_);_(@_)'};function A(e,t,r){for(var n=e<0?-1:1,a=e*n,i=0,o=1,s=0,l=1,c=0,f=0,h=Math.floor(a);ct&&(c>t?(f=l,s=i):(f=c,s=o)),!r)return[0,n*s,f];var u=Math.floor(n*s/f);return[u,n*s-u*f,f]}function T(e,t,r){if(e>2958465||e<0)return null;var n=0|(e=function(e){var t=e.toPrecision(16);if(t.indexOf("e")>-1){var r=t.slice(0,t.indexOf("e"));return(r=r.indexOf(".")>-1?r.slice(0,"0."==r.slice(0,2)?17:16):r.slice(0,15)+ve("0",r.length-15))+t.slice(t.indexOf("e"))}var n=t.indexOf(".")>-1?t.slice(0,"0."==t.slice(0,2)?17:16):t.slice(0,15)+ve("0",t.length-15);return Number(n)}(e)),a=Math.floor(86400*(e-n)),i=0,o=[],s={D:n,T:a,u:86400*(e-n)-a,y:0,m:0,d:0,H:0,M:0,S:0,q:0};if(Math.abs(s.u)<1e-6&&(s.u=0),t&&t.date1904&&(n+=1462),s.u>.9999&&(s.u=0,86400==++a&&(s.T=a=0,++n,++s.D)),60===n)o=r?[1317,10,29]:[1900,2,29],i=3;else if(0===n)o=r?[1317,8,29]:[1900,1,0],i=6;else{n>60&&--n;var l=new Date(1900,0,1);l.setDate(l.getDate()+n-1),o=[l.getFullYear(),l.getMonth()+1,l.getDate()],i=l.getDay(),n<60&&(i=(i+6)%7),r&&(i=function(e,t){t[0]-=581;var r=e.getDay();e<60&&(r=(r+6)%7);return r}(l,o))}return s.y=o[0],s.m=o[1],s.d=o[2],s.S=a%60,a=Math.floor(a/60),s.M=a%60,a=Math.floor(a/60),s.H=a,s.q=i,s}function D(e){return-1==e.indexOf(".")?e:e.replace(/(?:\.0*|(\.\d*[1-9])0+)$/,"$1")}function O(e){if(!isFinite(e))return isNaN(e)?"#NUM!":"#DIV/0!";var t,r=Math.floor(Math.log(Math.abs(e))*Math.LOG10E);return t=r>=-4&&r<=-1?e.toPrecision(10+r):Math.abs(r)<=9?function(e){var t=e<0?12:11,r=D(e.toFixed(12));return r.length<=t||(r=e.toPrecision(10)).length<=t?r:e.toExponential(5)}(e):10===r?e.toFixed(10).substr(0,12):function(e){var t=D(e.toFixed(11));return t.length>(e<0?12:11)||"0"===t||"-0"===t?e.toPrecision(6):t}(e),D(function(e){return-1==e.indexOf("E")?e:e.replace(/(?:\.0*|(\.\d*[1-9])0+)[Ee]/,"$1E").replace(/(E[+-])(\d)$/,"$10$2")}(t.toUpperCase()))}function F(e,t){switch(typeof e){case"string":return e;case"boolean":return e?"TRUE":"FALSE";case"number":return(0|e)===e?e.toString(10):O(e);case"undefined":return"";case"object":if(null==e)return"";if(e instanceof Date)return K(14,fe(e,t&&t.date1904),t)}throw new Error("unsupported value in General format: "+e)}function E(e,t,r,n){var a,i="",o=0,s=0,l=r.y,c=0;switch(e){case 98:l=r.y+543;case 121:switch(t.length){case 1:case 2:a=l%100,c=2;break;default:a=l%1e4,c=4}break;case 109:switch(t.length){case 1:case 2:a=r.m,c=t.length;break;case 3:return C[r.m-1][1];case 5:return C[r.m-1][0];default:return C[r.m-1][2]}break;case 100:switch(t.length){case 1:case 2:a=r.d,c=t.length;break;case 3:return y[r.q][0];default:return y[r.q][1]}break;case 104:switch(t.length){case 1:case 2:a=1+(r.H+11)%12,c=t.length;break;default:throw"bad hour format: "+t}break;case 72:switch(t.length){case 1:case 2:a=r.H,c=t.length;break;default:throw"bad hour format: "+t}break;case 77:switch(t.length){case 1:case 2:a=r.M,c=t.length;break;default:throw"bad minute format: "+t}break;case 115:if("s"!=t&&"ss"!=t&&".0"!=t&&".00"!=t&&".000"!=t)throw"bad second format: "+t;return 0!==r.u||"s"!=t&&"ss"!=t?(s=n>=2?3===n?1e3:100:1===n?10:1,(o=Math.round(s*(r.S+r.u)))>=60*s&&(o=0),"s"===t?0===o?"0":""+o/s:(i=m(o,2+n),"ss"===t?i.substr(0,2):"."+i.substr(2,t.length-1))):m(r.S,t.length);case 90:switch(t){case"[h]":case"[hh]":a=24*r.D+r.H;break;case"[m]":case"[mm]":a=60*(24*r.D+r.H)+r.M;break;case"[s]":case"[ss]":a=60*(60*(24*r.D+r.H)+r.M)+(0==n?Math.round(r.S+r.u):r.S);break;default:throw"bad abstime format: "+t}c=3===t.length?1:2;break;case 101:a=l,c=1}return c>0?m(a,c):""}function M(e){if(e.length<=3)return e;for(var t=e.length%3,r=e.substr(0,t);t!=e.length;t+=3)r+=(r.length>0?",":"")+e.substr(t,3);return r}var N=/%/g;function I(e,t){var r,n=e.indexOf("E")-e.indexOf(".")-1;if(e.match(/^#+0.0E\+0$/)){if(0==t)return"0.0E+0";if(t<0)return"-"+I(e,-t);var a=e.indexOf(".");-1===a&&(a=e.indexOf("E"));var i=Math.floor(Math.log(t)*Math.LOG10E)%a;if(i<0&&(i+=a),-1===(r=(t/Math.pow(10,i)).toPrecision(n+1+(a+i)%a)).indexOf("e")){var o=Math.floor(Math.log(t)*Math.LOG10E);for(-1===r.indexOf(".")?r=r.charAt(0)+"."+r.substr(1)+"E+"+(o-r.length+i):r+="E+"+(o-i);"0."===r.substr(0,2);)r=(r=r.charAt(0)+r.substr(2,a)+"."+r.substr(2+a)).replace(/^0+([1-9])/,"$1").replace(/^0+\./,"0.");r=r.replace(/\+-/,"-")}r=r.replace(/^([+-]?)(\d*)\.(\d*)[Ee]/,(function(e,t,r,n){return t+r+n.substr(0,(a+i)%a)+"."+n.substr(i)+"E"}))}else r=t.toExponential(n);return e.match(/E\+00$/)&&r.match(/e[+-]\d$/)&&(r=r.substr(0,r.length-1)+"0"+r.charAt(r.length-1)),e.match(/E\-/)&&r.match(/e\+/)&&(r=r.replace(/e\+/,"e")),r.replace("e","E")}var P=/# (\?+)( ?)\/( ?)(\d+)/;var R=/^#*0*\.([0#]+)/,L=/\)[^)]*[0#]/,U=/\(###\) ###\\?-####/;function z(e){for(var t,r="",n=0;n!=e.length;++n)switch(t=e.charCodeAt(n)){case 35:break;case 63:r+=" ";break;case 48:r+="0";break;default:r+=String.fromCharCode(t)}return r}function j(e,t){var r=Math.pow(10,t);return""+Math.round(e*r)/r}function B(e,t){var r=e-Math.floor(e),n=Math.pow(10,t);return t<(""+Math.round(r*n)).length?0:Math.round(r*n)}function W(e,t,r){if(40===e.charCodeAt(0)&&!t.match(L)){var n=t.replace(/\( */,"").replace(/ \)/,"").replace(/\)/,"");return r>=0?W("n",n,r):"("+W("n",n,-r)+")"}if(44===t.charCodeAt(t.length-1))return function(e,t,r){for(var n=t.length-1;44===t.charCodeAt(n-1);)--n;return V(e,t.substr(0,n),r/Math.pow(10,3*(t.length-n)))}(e,t,r);if(-1!==t.indexOf("%"))return function(e,t,r){var n=t.replace(N,""),a=t.length-n.length;return V(e,n,r*Math.pow(10,2*a))+ve("%",a)}(e,t,r);if(-1!==t.indexOf("E"))return I(t,r);if(36===t.charCodeAt(0))return"$"+W(e,t.substr(" "==t.charAt(1)?2:1),r);var a,i,o,s,l=Math.abs(r),c=r<0?"-":"";if(t.match(/^00+$/))return c+x(l,t.length);if(t.match(/^[#?]+$/))return"0"===(a=x(r,0))&&(a=""),a.length>t.length?a:z(t.substr(0,t.length-a.length))+a;if(i=t.match(P))return function(e,t,r){var n=parseInt(e[4],10),a=Math.round(t*n),i=Math.floor(a/n),o=a-i*n,s=n;return r+(0===i?"":""+i)+" "+(0===o?ve(" ",e[1].length+1+e[4].length):g(o,e[1].length)+e[2]+"/"+e[3]+m(s,e[4].length))}(i,l,c);if(t.match(/^#+0+$/))return c+x(l,t.length-t.indexOf("0"));if(i=t.match(R))return a=j(r,i[1].length).replace(/^([^\.]+)$/,"$1."+z(i[1])).replace(/\.$/,"."+z(i[1])).replace(/\.(\d*)$/,(function(e,t){return"."+t+ve("0",z(i[1]).length-t.length)})),-1!==t.indexOf("0.")?a:a.replace(/^0\./,".");if(t=t.replace(/^#+([0.])/,"$1"),i=t.match(/^(0*)\.(#*)$/))return c+j(l,i[2].length).replace(/\.(\d*[1-9])0*$/,".$1").replace(/^(-?\d*)$/,"$1.").replace(/^0\./,i[1].length?"0.":".");if(i=t.match(/^#{1,3},##0(\.?)$/))return c+M(x(l,0));if(i=t.match(/^#,##0\.([#0]*0)$/))return r<0?"-"+W(e,t,-r):M(""+(Math.floor(r)+function(e,t){return t<(""+Math.round((e-Math.floor(e))*Math.pow(10,t))).length?1:0}(r,i[1].length)))+"."+m(B(r,i[1].length),i[1].length);if(i=t.match(/^#,#*,#0/))return W(e,t.replace(/^#,#*,/,""),r);if(i=t.match(/^([0#]+)(\\?-([0#]+))+$/))return a=d(W(e,t.replace(/[\\-]/g,""),r)),o=0,d(d(t.replace(/\\/g,"")).replace(/[0#]/g,(function(e){return o-2147483648?""+(e>=0?0|e:e-1|0):""+Math.floor(e)}(r)).replace(/^\d,\d{3}$/,"0$&").replace(/^\d*$/,(function(e){return"00,"+(e.length<3?m(0,3-e.length):"")+e}))+"."+m(o,i[1].length);switch(t){case"###,##0.00":return W(e,"#,##0.00",r);case"###,###":case"##,###":case"#,###":var p=M(x(l,0));return"0"!==p?c+p:"";case"###,###.00":return W(e,"###,##0.00",r).replace(/^0\./,".");case"#,###.00":return W(e,"#,##0.00",r).replace(/^0\./,".")}throw new Error("unsupported format |"+t+"|")}function H(e,t){var r,n=e.indexOf("E")-e.indexOf(".")-1;if(e.match(/^#+0.0E\+0$/)){if(0==t)return"0.0E+0";if(t<0)return"-"+H(e,-t);var a=e.indexOf(".");-1===a&&(a=e.indexOf("E"));var i=Math.floor(Math.log(t)*Math.LOG10E)%a;if(i<0&&(i+=a),!(r=(t/Math.pow(10,i)).toPrecision(n+1+(a+i)%a)).match(/[Ee]/)){var o=Math.floor(Math.log(t)*Math.LOG10E);-1===r.indexOf(".")?r=r.charAt(0)+"."+r.substr(1)+"E+"+(o-r.length+i):r+="E+"+(o-i),r=r.replace(/\+-/,"-")}r=r.replace(/^([+-]?)(\d*)\.(\d*)[Ee]/,(function(e,t,r,n){return t+r+n.substr(0,(a+i)%a)+"."+n.substr(i)+"E"}))}else r=t.toExponential(n);return e.match(/E\+00$/)&&r.match(/e[+-]\d$/)&&(r=r.substr(0,r.length-1)+"0"+r.charAt(r.length-1)),e.match(/E\-/)&&r.match(/e\+/)&&(r=r.replace(/e\+/,"e")),r.replace("e","E")}function X(e,t,r){if(40===e.charCodeAt(0)&&!t.match(L)){var n=t.replace(/\( */,"").replace(/ \)/,"").replace(/\)/,"");return r>=0?X("n",n,r):"("+X("n",n,-r)+")"}if(44===t.charCodeAt(t.length-1))return function(e,t,r){for(var n=t.length-1;44===t.charCodeAt(n-1);)--n;return V(e,t.substr(0,n),r/Math.pow(10,3*(t.length-n)))}(e,t,r);if(-1!==t.indexOf("%"))return function(e,t,r){var n=t.replace(N,""),a=t.length-n.length;return V(e,n,r*Math.pow(10,2*a))+ve("%",a)}(e,t,r);if(-1!==t.indexOf("E"))return H(t,r);if(36===t.charCodeAt(0))return"$"+X(e,t.substr(" "==t.charAt(1)?2:1),r);var a,i,o,s,l=Math.abs(r),c=r<0?"-":"";if(t.match(/^00+$/))return c+m(l,t.length);if(t.match(/^[#?]+$/))return a=""+r,0===r&&(a=""),a.length>t.length?a:z(t.substr(0,t.length-a.length))+a;if(i=t.match(P))return function(e,t,r){return r+(0===t?"":""+t)+ve(" ",e[1].length+2+e[4].length)}(i,l,c);if(t.match(/^#+0+$/))return c+m(l,t.length-t.indexOf("0"));if(i=t.match(R))return a=(a=(""+r).replace(/^([^\.]+)$/,"$1."+z(i[1])).replace(/\.$/,"."+z(i[1]))).replace(/\.(\d*)$/,(function(e,t){return"."+t+ve("0",z(i[1]).length-t.length)})),-1!==t.indexOf("0.")?a:a.replace(/^0\./,".");if(t=t.replace(/^#+([0.])/,"$1"),i=t.match(/^(0*)\.(#*)$/))return c+(""+l).replace(/\.(\d*[1-9])0*$/,".$1").replace(/^(-?\d*)$/,"$1.").replace(/^0\./,i[1].length?"0.":".");if(i=t.match(/^#{1,3},##0(\.?)$/))return c+M(""+l);if(i=t.match(/^#,##0\.([#0]*0)$/))return r<0?"-"+X(e,t,-r):M(""+r)+"."+ve("0",i[1].length);if(i=t.match(/^#,#*,#0/))return X(e,t.replace(/^#,#*,/,""),r);if(i=t.match(/^([0#]+)(\\?-([0#]+))+$/))return a=d(X(e,t.replace(/[\\-]/g,""),r)),o=0,d(d(t.replace(/\\/g,"")).replace(/[0#]/g,(function(e){return o-1||"\\"==r&&"-"==e.charAt(t+1)&&"0#".indexOf(e.charAt(t+2))>-1););break;case"?":for(;e.charAt(++t)===r;);break;case"*":++t," "!=e.charAt(t)&&"*"!=e.charAt(t)||++t;break;case"(":case")":++t;break;case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":for(;t-1;);break;default:++t}return!1}var q=/\[(=|>[=]?|<[>=]?)(-?\d+(?:\.\d*)?)\]/;function Y(e,t){if(null==t)return!1;var r=parseFloat(t[2]);switch(t[1]){case"=":if(e==r)return!0;break;case">":if(e>r)return!0;break;case"<":if(e":if(e!=r)return!0;break;case">=":if(e>=r)return!0;break;case"<=":if(e<=r)return!0}return!1}function Z(e,t){var r=function(e){for(var t=[],r=!1,n=0,a=0;n-1&&--n,r.length>4)throw new Error("cannot find right format for |"+r.join("|")+"|");if("number"!=typeof t)return[4,4===r.length||a>-1?r[r.length-1]:"@"];switch("number"!=typeof t||isFinite(t)||(t=0),r.length){case 1:r=a>-1?["General","General","General",r[0]]:[r[0],r[0],r[0],"@"];break;case 2:r=a>-1?[r[0],r[0],r[0],r[1]]:[r[0],r[1],r[0],"@"];break;case 3:r=a>-1?[r[0],r[1],r[0],r[2]]:[r[0],r[1],r[2],"@"]}var i=t>0?r[0]:t<0?r[1]:r[2];if(-1===r[0].indexOf("[")&&-1===r[1].indexOf("["))return[n,i];if(null!=r[0].match(/\[[=<>]/)||null!=r[1].match(/\[[=<>]/)){var o=r[0].match(q),s=r[1].match(q);return Y(t,o)?[n,r[0]]:Y(t,s)?[n,r[1]]:[n,r[null!=o&&null!=s?2:1]]}return[n,i]}function K(e,t,r){null==r&&(r={});var n="";switch(typeof e){case"string":n="m/d/yy"==e&&r.dateNF?r.dateNF:e;break;case"number":null==(n=14==e&&r.dateNF?r.dateNF:(null!=r.table?r.table:S)[e])&&(n=r.table&&r.table[k[e]]||S[k[e]]),null==n&&(n=_[e]||"General")}if(w(n,0))return F(t,r);t instanceof Date&&(t=fe(t,r.date1904));var a=Z(n,t);if(w(a[1]))return F(t,r);if(!0===t)t="TRUE";else if(!1===t)t="FALSE";else{if(""===t||null==t)return"";if(isNaN(t)&&a[1].indexOf("0")>-1)return"#NUM!";if(!isFinite(t)&&a[1].indexOf("0")>-1)return"#DIV/0!"}return function(e,t,r,n){for(var a,i,o,s=[],l="",c=0,f="",h="t",u="H";c=12?e.charAt(c+2):f),m.t="T",u="h",c+=3):"AM/PM"===e.substr(c,5).toUpperCase()?(null!=a&&(m.v=a.H>=12?"PM":"AM"),m.t="T",c+=5,u="h"):"上午/下午"===e.substr(c,5).toUpperCase()?(null!=a&&(m.v=a.H>=12?"下午":"上午"),m.t="T",c+=5,u="h"):(m.t="t",++c),null==a&&"T"===m.t)return"";s[s.length]=m,h=f;break;case"[":for(l=f;"]"!==e.charAt(c++)&&c-1&&(l=(l.match(/\$([^-\[\]]*)/)||[])[1]||"$",J(e)||(s[s.length]={t:"t",v:l}));break;case".":if(null!=a){for(l=f;++c-1;)l+=f;s[s.length]={t:"n",v:l};break;case"?":for(l=f;e.charAt(++c)===f;)l+=f;s[s.length]={t:f,v:l},h=f;break;case"*":++c," "!=e.charAt(c)&&"*"!=e.charAt(c)||++c;break;case"(":case")":s[s.length]={t:1===n?"t":f,v:f},++c;break;case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":for(l=f;c-1;)l+=e.charAt(c);s[s.length]={t:"D",v:l};break;case" ":s[s.length]={t:f,v:f},++c;break;case"$":s[s.length]={t:"t",v:"$"},++c;break;default:if(-1===",$-+/():!^&'~{}<>=€acfijklopqrtuvwxzP".indexOf(f))throw new Error("unrecognized character "+f+" in "+e);s[s.length]={t:"t",v:f},++c}var g,v,b=0,x=0;for(c=s.length-1,h="t";c>=0;--c)switch(s[c].t){case"h":case"H":s[c].t=u,h="h",b<1&&(b=1);break;case"s":(g=s[c].v.match(/\.0+$/))&&(x=Math.max(x,g[0].length-1),b=4),b<3&&(b=3);case"d":case"y":case"e":h=s[c].t;break;case"M":h=s[c].t,b<2&&(b=2);break;case"m":"s"===h&&(s[c].t="M",b<2&&(b=2));break;case"X":break;case"Z":b<1&&s[c].v.match(/[Hh]/)&&(b=1),b<2&&s[c].v.match(/[Mm]/)&&(b=2),b<3&&s[c].v.match(/[Ss]/)&&(b=3)}switch(b){case 0:break;case 1:case 2:case 3:a.u>=.5&&(a.u=0,++a.S),a.S>=60&&(a.S=0,++a.M),a.M>=60&&(a.M=0,++a.H),a.H>=24&&(a.H=0,++a.D,(v=T(a.D)).u=a.u,v.S=a.S,v.M=a.M,v.H=a.H,a=v);break;case 4:switch(x){case 1:a.u=Math.round(10*a.u)/10;break;case 2:a.u=Math.round(100*a.u)/100;break;case 3:a.u=Math.round(1e3*a.u)/1e3}a.u>=1&&(a.u=0,++a.S),a.S>=60&&(a.S=0,++a.M),a.M>=60&&(a.M=0,++a.H),a.H>=24&&(a.H=0,++a.D,(v=T(a.D)).u=a.u,v.S=a.S,v.M=a.M,v.H=a.H,a=v)}var y,C="";for(c=0;c0){40==C.charCodeAt(0)?(S=t<0&&45===C.charCodeAt(0)?-t:t,k=V("n",C,S)):(k=V("n",C,S=t<0&&n>1?-t:t),S<0&&s[0]&&"t"==s[0].t&&(k=k.substr(1),s[0].v="-"+s[0].v)),y=k.length-1;var A=s.length;for(c=0;c-1){A=c;break}var D=s.length;if(A===s.length&&-1===k.indexOf("E")){for(c=s.length-1;c>=0;--c)null!=s[c]&&-1!=="n?".indexOf(s[c].t)&&(y>=s[c].v.length-1?(y-=s[c].v.length,s[c].v=k.substr(y+1,s[c].v.length)):y<0?s[c].v="":(s[c].v=k.substr(0,y+1),y=-1),s[c].t="t",D=c);y>=0&&D=0;--c)if(null!=s[c]&&-1!=="n?".indexOf(s[c].t)){for(i=s[c].v.indexOf(".")>-1&&c===A?s[c].v.indexOf(".")-1:s[c].v.length-1,_=s[c].v.substr(i+1);i>=0;--i)y>=0&&("0"===s[c].v.charAt(i)||"#"===s[c].v.charAt(i))&&(_=k.charAt(y--)+_);s[c].v=_,s[c].t="t",D=c}for(y>=0&&D-1&&c===A?s[c].v.indexOf(".")+1:0,_=s[c].v.substr(0,i);i-1&&(S=n>1&&t<0&&c>0&&"-"===s[c-1].v?-t:t,s[c].v=V(s[c].t,s[c].v,S),s[c].t="t");var O="";for(c=0;c!==s.length;++c)null!=s[c]&&(O+=s[c].v);return O}(a[1],t,r,a[0])}function Q(e,t){if("number"!=typeof t){t=+t||-1;for(var r=0;r<392;++r)if(null!=S[r]){if(S[r]==e){t=r;break}}else t<0&&(t=r);t<0&&(t=391)}return S[t]=e,t}var ee={"d.m":"d\\.m"};var te=function(){var e={};e.version="1.2.0";var t=function(){for(var e=0,t=new Array(256),r=0;256!=r;++r)e=1&(e=1&(e=1&(e=1&(e=1&(e=1&(e=1&(e=1&(e=r)?-306674912^e>>>1:e>>>1)?-306674912^e>>>1:e>>>1)?-306674912^e>>>1:e>>>1)?-306674912^e>>>1:e>>>1)?-306674912^e>>>1:e>>>1)?-306674912^e>>>1:e>>>1)?-306674912^e>>>1:e>>>1)?-306674912^e>>>1:e>>>1,t[r]=e;return"undefined"!=typeof Int32Array?new Int32Array(t):t}();var r=function(e){var t=0,r=0,n=0,a="undefined"!=typeof Int32Array?new Int32Array(4096):new Array(4096);for(n=0;256!=n;++n)a[n]=e[n];for(n=0;256!=n;++n)for(r=e[n],t=256+n;t<4096;t+=256)r=a[t]=r>>>8^e[255&r];var i=[];for(n=1;16!=n;++n)i[n-1]="undefined"!=typeof Int32Array&&"function"==typeof a.subarray?a.subarray(256*n,256*n+256):a.slice(256*n,256*n+256);return i}(t),n=r[0],a=r[1],i=r[2],o=r[3],s=r[4],l=r[5],c=r[6],f=r[7],h=r[8],u=r[9],p=r[10],d=r[11],m=r[12],g=r[13],v=r[14];return e.table=t,e.bstr=function(e,r){for(var n=~r,a=0,i=e.length;a>>8^t[255&(n^e.charCodeAt(a++))];return~n},e.buf=function(e,r){for(var b=~r,x=e.length-15,w=0;w>8&255]^m[e[w++]^b>>16&255]^d[e[w++]^b>>>24]^p[e[w++]]^u[e[w++]]^h[e[w++]]^f[e[w++]]^c[e[w++]]^l[e[w++]]^s[e[w++]]^o[e[w++]]^i[e[w++]]^a[e[w++]]^n[e[w++]]^t[e[w++]];for(x+=15;w>>8^t[255&(b^e[w++])];return~b},e.str=function(e,r){for(var n=~r,a=0,i=e.length,o=0,s=0;a>>8^t[255&(n^o)]:o<2048?n=(n=n>>>8^t[255&(n^(192|o>>6&31))])>>>8^t[255&(n^(128|63&o))]:o>=55296&&o<57344?(o=64+(1023&o),s=1023&e.charCodeAt(a++),n=(n=(n=(n=n>>>8^t[255&(n^(240|o>>8&7))])>>>8^t[255&(n^(128|o>>2&63))])>>>8^t[255&(n^(128|s>>6&15|(3&o)<<4))])>>>8^t[255&(n^(128|63&s))]):n=(n=(n=n>>>8^t[255&(n^(224|o>>12&15))])>>>8^t[255&(n^(128|o>>6&63))])>>>8^t[255&(n^(128|63&o))];return~n},e}(),re=function(){var e,t={};function o(e){if("/"==e.charAt(e.length-1))return-1===e.slice(0,-1).indexOf("/")?e:o(e.slice(0,-1));var t=e.lastIndexOf("/");return-1===t?e:e.slice(0,t+1)}function f(e){if("/"==e.charAt(e.length-1))return f(e.slice(0,-1));var t=e.lastIndexOf("/");return-1===t?e:e.slice(t+1)}function d(e,t){"string"==typeof t&&(t=new Date(t));var r=t.getHours();r=(r=r<<6|t.getMinutes())<<5|t.getSeconds()>>>1,e.write_shift(2,r);var n=t.getFullYear()-1980;n=(n=n<<4|t.getMonth()+1)<<5|t.getDate(),e.write_shift(2,n)}function m(e){Tt(e,0);for(var t={},r=0;e.l<=e.length-4;){var n=e.read_shift(2),a=e.read_shift(2),i=e.l+a,o={};switch(n){case 21589:1&(r=e.read_shift(1))&&(o.mtime=e.read_shift(4)),a>5&&(2&r&&(o.atime=e.read_shift(4)),4&r&&(o.ctime=e.read_shift(4))),o.mtime&&(o.mt=new Date(1e3*o.mtime));break;case 1:var s=e.read_shift(4),l=e.read_shift(4);o.usz=l*Math.pow(2,32)+s,s=e.read_shift(4),l=e.read_shift(4),o.csz=l*Math.pow(2,32)+s}e.l=i,t[n]=o}return t}function g(){return e||(e=undefined)}function v(e,t){if(80==e[0]&&75==e[1])return ge(e,t);if(109==(32|e[0])&&105==(32|e[1]))return function(e,t){if("mime-version:"!=M(e.slice(0,13)).toLowerCase())throw new Error("Unsupported MAD header");var r=t&&t.root||"",n=(a&&Buffer.isBuffer(e)?e.toString("binary"):M(e)).split("\r\n"),i=0,o="";for(i=0;i0&&(r=(r=r.slice(0,r.length-1)).slice(0,r.lastIndexOf("/")+1),o.slice(0,r.length)!=r););var s=(n[1]||"").match(/boundary="(.*?)"/);if(!s)throw new Error("MAD cannot find boundary");var l="--"+(s[1]||""),c=[],f=[],h={FileIndex:c,FullPaths:f};C(h);var u,p=0;for(i=0;i=a&&(u-=a),!o[u]){l=[];var d=[];for(h=u;h>=0;){d[h]=!0,o[h]=!0,s[s.length]=h,l.push(e[h]);var m=r[Math.floor(4*h/n)];if(n<4+(p=4*h&c))throw new Error("FAT boundary crossed: "+h+" 4 "+n);if(!e[m])break;if(d[h=xt(e[m],p)])break}i[u]={nodes:s,data:Ye([l])}}return i}(v,o,f,c);o0&&s!==T&&(S[s].name="!MiniFAT"),S[f[0]].name="!FAT",S.fat_addrs=f,S.ssz=c;var k=[],_=[],A=[];!function(e,t,r,n,a,i,o,s){for(var l,c=0,f=n.length?2:0,h=t[e].data,u=0,p=0;u0&&c!==T&&(t[c].name="!StreamData")):m.size>=4096?(m.storage="fat",void 0===t[m.start]&&(t[m.start]=w(r,m.start,t.fat_addrs,t.ssz)),t[m.start].name=m.name,m.content=t[m.start].data.slice(0,m.size)):(m.storage="minifat",m.size<0?m.size=0:c!==T&&m.start!==T&&t[c]&&(m.content=b(m,t[c].data,(t[s]||{}).data))),m.content&&Tt(m.content,0),i[l]=m,o.push(m)}}(o,S,v,k,n,{},_,s),function(e,t,r){for(var n=0,a=0,i=0,o=0,s=0,l=r.length,c=[],f=[];n0&&o>=0;)i.push(t.slice(o*A,o*A+A)),a-=A,o=xt(r,4*o);return 0===i.length?Dt(0):h(i).slice(0,e.size)}function x(e,t,r,n,a){var i=T;if(e===T){if(0!==t)throw new Error("DIFAT chain shorter than expected")}else if(-1!==e){var o=r[e],s=(n>>>2)-1;if(!o)return;for(var l=0;l=1&&x(xt(o,n-4),t-1,r,n,a)}}function w(e,t,r,n,a){var i=[],o=[];a||(a=[]);var s=n-1,l=0,c=0;for(l=t;l>=0;){a[l]=!0,i[i.length]=l,o.push(e[l]);var f=r[Math.floor(4*l/n)];if(n<4+(c=4*l&s))throw new Error("FAT boundary crossed: "+l+" 4 "+n);if(!e[f])break;l=xt(e[f],c)}return{nodes:i,data:Ye([o])}}function y(e,t){return new Date(1e3*(bt(e,t+4)/1e7*Math.pow(2,32)+bt(e,t)/1e7-11644473600))}function C(e,t){var r=t||{},n=r.root||"Root Entry";if(e.FullPaths||(e.FullPaths=[]),e.FileIndex||(e.FileIndex=[]),e.FullPaths.length!==e.FileIndex.length)throw new Error("inconsistent CFB structure");0===e.FullPaths.length&&(e.FullPaths[0]=n+"/",e.FileIndex[0]={name:n,type:5}),r.CLSID&&(e.FileIndex[0].clsid=r.CLSID),function(e){var t="Sh33tJ5";if(re.find(e,"/"+t))return;var r=Dt(4);r[0]=55,r[1]=r[3]=50,r[2]=54,e.FileIndex.push({name:t,type:2,content:r,size:4,L:69,R:69,C:69}),e.FullPaths.push(e.FullPaths[0]+t),S(e)}(e)}function S(e,t){C(e);for(var r=!1,n=!1,a=e.FullPaths.length-1;a>=0;--a){var i=e.FileIndex[a];switch(i.type){case 0:n?r=!0:(e.FileIndex.pop(),e.FullPaths.pop());break;case 1:case 2:case 5:n=!0,isNaN(i.R*i.L*i.C)&&(r=!0),i.R>-1&&i.L>-1&&i.R==i.L&&(r=!0);break;default:r=!0}}if(r||t){var s=new Date(1987,1,19),l=0,c=Object.create?Object.create(null):{},h=[];for(a=0;a1?1:-1,p.size=0,p.type=5;else if("/"==d.slice(-1)){for(l=a+1;l=h.length?-1:l,l=a+1;l=h.length?-1:l,p.type=1}else o(e.FullPaths[a+1]||"")==o(d)&&(p.R=a+1),p.type=2}}}function k(e,t){var r=t||{};if("mad"==r.fileType)return function(e,t){for(var r=t||{},n=r.boundary||"SheetJS",i=["MIME-Version: 1.0",'Content-Type: multipart/related; boundary="'+(n="------="+n).slice(2)+'"',"","",""],o=e.FullPaths[0],s=o,l=e.FileIndex[0],c=1;c=32&&d<128&&++u;var g=u>=4*p/5;i.push(n),i.push("Content-Location: "+(r.root||"file:///C:/SheetJS/")+s),i.push("Content-Transfer-Encoding: "+(g?"quoted-printable":"base64")),i.push("Content-Type: "+xe(l,s)),i.push(""),i.push(g?ye(h):we(h))}return i.push(n+"--\r\n"),i.join("\r\n")}(e,r);if(S(e),"zip"===r.fileType)return function(e,t){var r=t||{},n=[],a=[],i=Dt(1),o=r.compression?8:0,s=0,l=0,f=0,u=0,p=0,m=e.FullPaths[0],g=m,v=e.FileIndex[0],b=[],x=0;for(l=1;l0&&(i<4096?t+=i+63>>6:r+=i+511>>9)}}for(var o=e.FullPaths.length+3>>2,s=t+127>>7,l=(t+7>>3)+r+o+s,c=l+127>>7,f=c<=109?0:Math.ceil((c-109)/127);l+c+f+127>>7>c;)f=++c<=109?0:Math.ceil((c-109)/127);var h=[1,f,c,s,o,r,t,0];return e.FileIndex[0].size=t<<6,h[7]=(e.FileIndex[0].start=h[0]+h[1]+h[2]+h[3]+h[4]+h[5])+(h[6]+7>>3),h}(e),i=Dt(n[7]<<9),o=0,s=0;for(o=0;o<8;++o)i.write_shift(1,O[o]);for(o=0;o<8;++o)i.write_shift(2,0);for(i.write_shift(2,62),i.write_shift(2,3),i.write_shift(2,65534),i.write_shift(2,9),i.write_shift(2,6),o=0;o<3;++o)i.write_shift(2,0);for(i.write_shift(4,0),i.write_shift(4,n[2]),i.write_shift(4,n[0]+n[1]+n[2]+n[3]-1),i.write_shift(4,0),i.write_shift(4,4096),i.write_shift(4,n[3]?n[0]+n[1]+n[2]-1:T),i.write_shift(4,n[3]),i.write_shift(-4,n[1]?n[0]-1:T),i.write_shift(4,n[1]),o=0;o<109;++o)i.write_shift(-4,o>9)));for(l(n[6]+7>>3);511&i.l;)i.write_shift(-4,E.ENDOFCHAIN);for(s=o=0,f=0;f=4096||(p.start=s,l(u+63>>6)));for(;511&i.l;)i.write_shift(-4,E.ENDOFCHAIN);for(o=0;o31&&(console.error("Name "+g+" will be truncated to "+g.slice(0,31)),g=g.slice(0,31)),u=2*(g.length+1),i.write_shift(64,g,"utf16le"),i.write_shift(2,u),i.write_shift(1,p.type),i.write_shift(1,p.color),i.write_shift(-4,p.L),i.write_shift(-4,p.R),i.write_shift(-4,p.C),p.clsid)i.write_shift(16,p.clsid,"hex");else for(f=0;f<4;++f)i.write_shift(4,0);i.write_shift(4,p.state||0),i.write_shift(4,0),i.write_shift(4,0),i.write_shift(4,0),i.write_shift(4,0),i.write_shift(4,p.start),i.write_shift(4,p.size),i.write_shift(4,0)}else{for(f=0;f<17;++f)i.write_shift(4,0);for(f=0;f<3;++f)i.write_shift(4,-1);for(f=0;f<12;++f)i.write_shift(4,0)}}for(o=1;o=4096)if(i.l=p.start+1<<9,a&&Buffer.isBuffer(p.content))p.content.copy(i,i.l,0,p.size),i.l+=p.size+511&-512;else{for(f=0;f0&&p.size<4096)if(a&&Buffer.isBuffer(p.content))p.content.copy(i,i.l,0,p.size),i.l+=p.size+63&-64;else{for(f=0;f>16|U>>8|U));function B(e,t){var r=z[255&e];return t<=8?r>>>8-t:(r=r<<8|z[e>>8&255],t<=16?r>>>16-t:(r=r<<8|z[e>>16&255])>>>24-t)}function W(e,t){var r=7&t,n=t>>>3;return(e[n]|(r<=6?0:e[n+1]<<8))>>>r&3}function H(e,t){var r=7&t,n=t>>>3;return(e[n]|(r<=5?0:e[n+1]<<8))>>>r&7}function X(e,t){var r=7&t,n=t>>>3;return(e[n]|(r<=3?0:e[n+1]<<8))>>>r&31}function V(e,t){var r=7&t,n=t>>>3;return(e[n]|(r<=1?0:e[n+1]<<8))>>>r&127}function G(e,t,r){var n=7&t,a=t>>>3,i=(1<>>n;return r<8-n?o&i:(o|=e[a+1]<<8-n,r<16-n?o&i:(o|=e[a+2]<<16-n,r<24-n?o&i:(o|=e[a+3]<<24-n)&i))}function J(e,t,r){var n=7&t,a=t>>>3;return n<=5?e[a]|=(7&r)<>8-n),t+3}function q(e,t,r){return r=(1&r)<<(7&t),e[t>>>3]|=r,t+1}function Y(e,t,r){var n=t>>>3;return r<<=7&t,e[n]|=255&r,r>>>=8,e[n+1]=r,t+8}function Z(e,t,r){var n=t>>>3;return r<<=7&t,e[n]|=255&r,r>>>=8,e[n+1]=255&r,e[n+2]=r>>>8,t+16}function K(e,t){var r=e.length,n=2*r>t?2*r:t+5,i=0;if(r>=t)return e;if(a){var o=l(n);if(e.copy)e.copy(o);else for(;i>n-h,o=(1<=0;--o)t[s|o<0;)t[t.l++]=e[r++]}return t.l}(t,r):function(t,r){for(var a=0,i=0,o=$?new Uint16Array(32768):[];i0;)r[r.l++]=t[i++];a=8*r.l}else{a=J(r,a,+!(i+s!=t.length)+2);for(var l=0;s-- >0;){var c=t[i],f=-1,h=0;if((f=o[l=32767&(l<<5^c)])&&((f|=-32768&i)>i&&(f-=32768),f2){(c=n[h])<=22?a=Y(r,a,z[c+1]>>1)-1:(Y(r,a,3),Y(r,a+=5,z[c-23]>>5),a+=3);var u=c<8?0:c-4>>2;u>0&&(Z(r,a,h-P[c]),a+=u),c=e[i-f],a=Y(r,a,z[c]>>3),a-=3;var p=c<4?0:c-2>>1;p>0&&(Z(r,a,i-f-R[c]),a+=p);for(var d=0;d>>3;return(e[n]|(r<=4?0:e[n+1]<<8))>>>r&15}(e,t+=5)+4;t+=4;for(var i=0,o=$?new Uint8Array(19):Q(19),s=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],l=1,c=$?new Uint8Array(8):Q(8),f=$?new Uint8Array(8):Q(8),h=o.length,u=0;u>8-d;for(var m=(1<<7-d)-1;m>=0;--m)fe[p|m<>>=3){case 16:for(i=3+W(e,t),t+=2,p=g[g.length-1];i-- >0;)g.push(p);break;case 17:for(i=3+H(e,t),t+=3;i-- >0;)g.push(0);break;case 18:for(i=11+V(e,t),t+=7;i-- >0;)g.push(0);break;default:g.push(p),l>>0,c=0,f=0;!(1&n);)if(n=H(e,r),r+=3,n>>>1!=0)for(n>>1==1?(c=9,f=5):(r=pe(e,r),c=he,f=ue);;){!t&&o>>1==1?ne[h]:le[h];if(r+=15&u,(u>>>=4)>>>8&255){if(256==u)break;var p=(u-=257)<8?0:u-4>>2;p>5&&(p=0);var d=i+P[u];p>0&&(d+=G(e,r,p),r+=p),h=G(e,r,f),r+=15&(u=n>>>1==1?ae[h]:ce[h]);var m=(u>>>=4)<4?0:u-2>>1,g=R[u];for(m>0&&(g+=G(e,r,m),r+=m),!t&&o>>3]|e[1+(r>>>3)]<<8;if(r+=32,v>0)for(!t&&o0;)a[i++]=e[r>>>3],r+=8}return t?[a,r+7>>>3]:[a.slice(0,i),r+7>>>3]}(e.slice(e.l||0),t);return e.l+=r[1],r[0]}function me(e,t){if(!e)throw new Error(t);"undefined"!=typeof console&&console.error(t)}function ge(e,t){var r=e;Tt(r,0);var n={FileIndex:[],FullPaths:[]};C(n,{root:t.root});for(var a=r.length-4;(80!=r[a]||75!=r[a+1]||5!=r[a+2]||6!=r[a+3])&&a>=0;)--a;r.l=a+4,r.l+=4;var i=r.read_shift(2);r.l+=6;var o=r.read_shift(4);for(r.l=o,a=0;a>>=5);r>>>=4,n.setMilliseconds(0),n.setFullYear(r+1980),n.setMonth(i-1),n.setDate(a);var o=31&t,s=63&(t>>>=5);return t>>>=6,n.setHours(t),n.setMinutes(s),n.setSeconds(o<<1),n}(e);if(8257&i)throw new Error("Unsupported ZIP encryption");e.read_shift(4);for(var l=e.read_shift(4),c=e.read_shift(4),f=e.read_shift(2),h=e.read_shift(2),u="",p=0;p>2,s=(3&n)<<4|(a=e[f++])>>4,l=(15&a)<<2|(i=e[f++])>>6,c=63&i,isNaN(a)?l=c=64:isNaN(i)&&(c=64),r+=t.charAt(o)+t.charAt(s)+t.charAt(l)+t.charAt(c);return r}(new Uint8Array(ne(a)));return chrome.downloads.download({url:l,filename:e,saveAs:!0})}}if("undefined"!=typeof $&&"undefined"!=typeof File&&"undefined"!=typeof Folder)try{var c=File(e);return c.open("w"),c.encoding="binary",Array.isArray(r)&&(r=function(e){if(Array.isArray(e))return e.map((function(e){return String.fromCharCode(e)})).join("");for(var t=[],r=0;r=60&&e<61)return e;var t=new Date;return t.setTime(24*(e>60?e:e+1)*60*60*1e3+se),t}var ue=/^(\d+):(\d+)(:\d+)?(\.\d+)?$/,pe=/^(\d+)-(\d+)-(\d+)$/,de=/^(\d+)-(\d+)-(\d+)[T ](\d+):(\d+)(:\d+)?(\.\d+)?$/;function me(e,t){if(e instanceof Date)return e;var r=e.match(ue);return r?new Date((t?ce:le)+1e3*(60*(60*parseInt(r[1],10)+parseInt(r[2],10))+(r[3]?parseInt(r[3].slice(1),10):0))+(r[4]?parseInt((r[4]+"000").slice(1,4),10):0)):(r=e.match(pe))?new Date(Date.UTC(+r[1],+r[2]-1,+r[3],0,0,0,0)):(r=e.match(de))?new Date(Date.UTC(+r[1],+r[2]-1,+r[3],+r[4],+r[5],r[6]&&parseInt(r[6].slice(1),10)||0,r[7]&&parseInt((r[7]+"0000").slice(1,4),10)||0)):new Date(e)}function ge(e){if("undefined"!=typeof JSON&&!Array.isArray(e))return JSON.parse(JSON.stringify(e));if("object"!=typeof e||null==e)return e;if(e instanceof Date)return new Date(e.getTime());var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=ge(e[r]));return t}function ve(e,t){for(var r="";r.length3&&-1==Se.indexOf(t))return i}else if(t.replace(/[ap]m?/,"").match(/[a-z]/))return i;return o<0||o>8099||e.match(/[^-0-9:,\/\\\ ]/)?i:a}function _e(e){return new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()))}function Ae(e,t,r){if(e.FullPaths){var n;if(Array.isArray(r)&&"string"==typeof r[0]&&(r=r.join("")),"string"==typeof r)return n=a?i(r):function(e){for(var t=[],r=0,n=e.length+250,a=s(e.length+255),i=0;i>6&31,a[r++]=128|63&o;else if(o>=55296&&o<57344){o=64+(1023&o);var l=1023&e.charCodeAt(++i);a[r++]=240|o>>8&7,a[r++]=128|o>>2&63,a[r++]=128|l>>6&15|(3&o)<<4,a[r++]=128|63&l}else a[r++]=224|o>>12&15,a[r++]=128|o>>6&63,a[r++]=128|63&o;r>n&&(t.push(a.slice(0,r)),r=0,a=s(65535),n=65530)}return t.push(a.slice(0,r)),h(t)}(r),re.utils.cfb_add(e,t,n);re.utils.cfb_add(e,t,r)}else e.file(t,r)}var Te='\r\n',De=oe({""":'"',"'":"'",">":">","<":"<","&":"&"}),Oe=/[&<>'"]/g,Fe=/[\u0000-\u0008\u000b-\u001f\uFFFE-\uFFFF]/g;function Ee(e){return(e+"").replace(Oe,(function(e){return De[e]})).replace(Fe,(function(e){return"_x"+("000"+e.charCodeAt(0).toString(16)).slice(-4)+"_"}))}var Me=/[\u0000-\u001f]/g;function Ne(e){return(e+"").replace(Oe,(function(e){return De[e]})).replace(/\n/g,"
").replace(Me,(function(e){return"&#x"+("000"+e.charCodeAt(0).toString(16)).slice(-4)+";"}))}function Ie(e){for(var t="",r=0,n=0,a=0,i=0,o=0,s=0;r191&&n<224?(o=(31&n)<<6,o|=63&a,t+=String.fromCharCode(o)):(i=e.charCodeAt(r++),n<240?t+=String.fromCharCode((15&n)<<12|(63&a)<<6|63&i):(s=((7&n)<<18|(63&a)<<12|(63&i)<<6|63&(o=e.charCodeAt(r++)))-65536,t+=String.fromCharCode(55296+(s>>>10&1023)),t+=String.fromCharCode(56320+(1023&s)))));return t}function Pe(e){var t,r,n,a=s(2*e.length),i=1,o=0,l=0;for(r=0;r>>10&1023),t=56320+(1023&t)),0!==l&&(a[o++]=255&l,a[o++]=l>>>8,l=0),a[o++]=t%256,a[o++]=t>>>8;return a.slice(0,o).toString("ucs2")}function Re(e){return i(e,"binary").toString("utf8")}var Le="foo bar baz☃🍣",Ue=a&&(Re(Le)==Ie(Le)&&Re||Pe(Le)==Ie(Le)&&Pe)||Ie,$e=a?function(e){return i(e,"utf8").toString("binary")}:function(e){for(var t=[],r=0,n=0,a=0;r>6))),t.push(String.fromCharCode(128+(63&n)));break;case n>=55296&&n<57344:n-=55296,a=e.charCodeAt(r++)-56320+(n<<10),t.push(String.fromCharCode(240+(a>>18&7))),t.push(String.fromCharCode(144+(a>>12&63))),t.push(String.fromCharCode(128+(a>>6&63))),t.push(String.fromCharCode(128+(63&a)));break;default:t.push(String.fromCharCode(224+(n>>12))),t.push(String.fromCharCode(128+(n>>6&63))),t.push(String.fromCharCode(128+(63&n)))}return t.join("")},ze=function(){var e=[["nbsp"," "],["middot","·"],["quot",'"'],["apos","'"],["gt",">"],["lt","<"],["amp","&"]].map((function(e){return[new RegExp("&"+e[0]+";","ig"),e[1]]}));return function(t){for(var r=t.replace(/^[\t\n\r ]+/,"").replace(/(^|[^\t\n\r ])[\t\n\r ]+$/,"$1").replace(/>\s+/g,">").replace(/\b\s+/g,"\n").replace(/<[^<>]*>/g,""),n=0;n"+t+""}function We(e){return ie(e).map((function(t){return" "+t+'="'+e[t]+'"'})).join("")}function He(e,t,r){return"<"+e+(null!=r?We(r):"")+(null!=t?(t.match(je)?' xml:space="preserve"':"")+">"+t+""}function Xe(e,t){try{return e.toISOString().replace(/\.\d*/,"")}catch(e){if(t)throw e}return""}var Ve={CORE_PROPS:"http://schemas.openxmlformats.org/package/2006/metadata/core-properties",CUST_PROPS:"http://schemas.openxmlformats.org/officeDocument/2006/custom-properties",EXT_PROPS:"http://schemas.openxmlformats.org/officeDocument/2006/extended-properties",CT:"http://schemas.openxmlformats.org/package/2006/content-types",RELS:"http://schemas.openxmlformats.org/package/2006/relationships",TCMNT:"http://schemas.microsoft.com/office/spreadsheetml/2018/threadedcomments",dc:"http://purl.org/dc/elements/1.1/",dcterms:"http://purl.org/dc/terms/",dcmitype:"http://purl.org/dc/dcmitype/",mx:"http://schemas.microsoft.com/office/mac/excel/2008/main",r:"http://schemas.openxmlformats.org/officeDocument/2006/relationships",sjs:"http://schemas.openxmlformats.org/package/2006/sheetjs/core-properties",vt:"http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes",xsi:"http://www.w3.org/2001/XMLSchema-instance",xsd:"http://www.w3.org/2001/XMLSchema"},Ge=["http://schemas.openxmlformats.org/spreadsheetml/2006/main","http://purl.oclc.org/ooxml/spreadsheetml/main","http://schemas.microsoft.com/office/excel/2006/main","http://schemas.microsoft.com/office/excel/2006/2"],Je={o:"urn:schemas-microsoft-com:office:office",x:"urn:schemas-microsoft-com:office:excel",ss:"urn:schemas-microsoft-com:office:spreadsheet",dt:"uuid:C2F41010-65B3-11d1-A29F-00AA00C14882",mv:"http://macVmlSchemaUri",v:"urn:schemas-microsoft-com:vml",html:"http://www.w3.org/TR/REC-html40"};var qe=function(e){for(var t=[],r=0;r0&&Buffer.isBuffer(e[0][0])?Buffer.concat(e[0].map((function(e){return Buffer.isBuffer(e)?e:i(e)}))):qe(e)}:qe,Ze=function(e,t,r){for(var n=[],a=t;a0?rt(e,t+4,t+4+r-1):""},at=nt,it=function(e,t){var r=bt(e,t);return r>0?rt(e,t+4,t+4+r-1):""},ot=it,st=function(e,t){var r=2*bt(e,t);return r>0?rt(e,t+4,t+4+r-1):""},lt=st,ct=function(e,t){var r=bt(e,t);return r>0?Ke(e,t+4,t+4+r):""},ft=ct,ht=function(e,t){var r=bt(e,t);return r>0?rt(e,t+4,t+4+r):""},ut=ht,pt=function(e,t){return function(e,t){for(var r=1-2*(e[t+7]>>>7),n=((127&e[t+7])<<4)+(e[t+6]>>>4&15),a=15&e[t+6],i=5;i>=0;--i)a=256*a+e[t+i];return 2047==n?0==a?r*(1/0):NaN:(0==n?n=-1022:(n-=1023,a+=Math.pow(2,52)),r*Math.pow(2,n-52)*a)}(e,t)},dt=pt;a&&(at=function(e,t){if(!Buffer.isBuffer(e))return nt(e,t);var r=e.readUInt32LE(t);return r>0?e.toString("utf8",t+4,t+4+r-1):""},ot=function(e,t){if(!Buffer.isBuffer(e))return it(e,t);var r=e.readUInt32LE(t);return r>0?e.toString("utf8",t+4,t+4+r-1):""},lt=function(e,t){if(!Buffer.isBuffer(e)||!o)return st(e,t);var r=2*e.readUInt32LE(t);return e.toString("utf16le",t+4,t+4+r-1)},ft=function(e,t){if(!Buffer.isBuffer(e)||!o)return ct(e,t);var r=e.readUInt32LE(t);return e.toString("utf16le",t+4,t+4+r)},ut=function(e,t){if(!Buffer.isBuffer(e))return ht(e,t);var r=e.readUInt32LE(t);return e.toString("utf8",t+4,t+4+r)},dt=function(e,t){return Buffer.isBuffer(e)?e.readDoubleLE(t):pt(e,t)});var mt=function(e,t){return e[t]},gt=function(e,t){return 256*e[t+1]+e[t]},vt=function(e,t){var r=256*e[t+1]+e[t];return r<32768?r:-1*(65535-r+1)},bt=function(e,t){return e[t+3]*(1<<24)+(e[t+2]<<16)+(e[t+1]<<8)+e[t]},xt=function(e,t){return e[t+3]<<24|e[t+2]<<16|e[t+1]<<8|e[t]},wt=function(e,t){return e[t]<<24|e[t+1]<<16|e[t+2]<<8|e[t+3]};function yt(t,r){var n,i,s,l,c,f,h="",u=[];switch(r){case"dbcs":if(f=this.l,a&&Buffer.isBuffer(this)&&o)h=this.slice(this.l,this.l+2*t).toString("utf16le");else for(c=0;c0?xt:wt)(this,this.l),this.l+=4,n);case 8:case-8:if("f"===r)return i=8==t?dt(this,this.l):dt([this[this.l+7],this[this.l+6],this[this.l+5],this[this.l+4],this[this.l+3],this[this.l+2],this[this.l+1],this[this.l+0]],0),this.l+=8,i;t=8;case 16:h=et(this,this.l,t)}}return this.l+=t,h}var Ct=function(e,t,r){e[r]=255&t,e[r+1]=t>>>8&255,e[r+2]=t>>>16&255,e[r+3]=t>>>24&255},St=function(e,t,r){e[r]=255&t,e[r+1]=t>>8&255,e[r+2]=t>>16&255,e[r+3]=t>>24&255},kt=function(e,t,r){e[r]=255&t,e[r+1]=t>>>8&255};function _t(e,t,r){var n=0,a=0;if("dbcs"===r){for(a=0;a!=t.length;++a)kt(this,t.charCodeAt(a),this.l+2*a);n=2*t.length}else if("sbcs"===r||"cpstr"==r){for(t=t.replace(/[^\x00-\x7F]/g,"_"),a=0;a!=t.length;++a)this[this.l+a]=255&t.charCodeAt(a);n=t.length}else{if("hex"===r){for(;a>8}for(;this.l>>=8,this[this.l+1]=255&t;break;case 3:n=3,this[this.l]=255&t,t>>>=8,this[this.l+1]=255&t,t>>>=8,this[this.l+2]=255&t;break;case 4:n=4,Ct(this,t,this.l);break;case 8:if(n=8,"f"===r){!function(e,t,r){var n=(t<0||1/t==-1/0?1:0)<<7,a=0,i=0,o=n?-t:t;isFinite(o)?0==o?a=i=0:(a=Math.floor(Math.log(o)/Math.LN2),i=o*Math.pow(2,52-a),a<=-1023&&(!isFinite(i)||i>4|n}(this,t,this.l);break}case 16:break;case-4:n=4,St(this,t,this.l)}}return this.l+=n,this}function At(e,t){var r=et(this,this.l,e.length>>1);if(r!==e)throw new Error(t+"Expected "+e+" saw "+r);this.l+=e.length>>1}function Tt(e,t){e.l=t,e.read_shift=yt,e.chk=At,e.write_shift=_t}function Dt(e){var t=s(e);return Tt(t,0),t}function Ot(e){return""+(e+1)}function Ft(e){if(e<0)throw new Error("invalid column "+e);var t="";for(++e;e;e=Math.floor((e-1)/26))t=String.fromCharCode((e-1)%26+65)+t;return t}function Et(e){for(var t=0,r=0,n=0;n=48&&a<=57?t=10*t+(a-48):a>=65&&a<=90&&(r=26*r+(a-64))}return{c:r-1,r:t-1}}function Mt(e){for(var t=e.c+1,r="";t;t=(t-1)/26|0)r=String.fromCharCode((t-1)%26+65)+r;return r+(e.r+1)}function Nt(e){var t=e.indexOf(":");return-1==t?{s:Et(e),e:Et(e)}:{s:Et(e.slice(0,t)),e:Et(e.slice(t+1))}}function It(e,t){return void 0===t||"number"==typeof t?It(e.s,e.e):("string"!=typeof e&&(e=Mt(e)),"string"!=typeof t&&(t=Mt(t)),e==t?e:e+":"+t)}function Pt(e){var t=Nt(e);return"$"+Ft(t.s.c)+"$"+Ot(t.s.r)+":$"+Ft(t.e.c)+"$"+Ot(t.e.r)}function Rt(e,t){if(!(e||t&&t.biff<=5&&t.biff>=2))throw new Error("empty sheet name");return/[^\w\u4E00-\u9FFF\u3040-\u30FF]/.test(e)?"'"+e.replace(/'/g,"''")+"'":e}function Lt(e){var t={s:{c:0,r:0},e:{c:0,r:0}},r=0,n=0,a=0,i=e.length;for(r=0;n26);++n)r=26*r+a;for(t.s.c=--r,r=0;n9);++n)r=10*r+a;if(t.s.r=--r,n===i||10!=a)return t.e.c=t.s.c,t.e.r=t.s.r,t;for(++n,r=0;n!=i&&!((a=e.charCodeAt(n)-64)<1||a>26);++n)r=26*r+a;for(t.e.c=--r,r=0;n!=i&&!((a=e.charCodeAt(n)-48)<0||a>9);++n)r=10*r+a;return t.e.r=--r,t}function Ut(e,t){var r="d"==e.t&&t instanceof Date;if(null!=e.z)try{return e.w=K(e.z,r?fe(t):t)}catch(e){}try{return e.w=K((e.XF||{}).numFmtId||(r?14:0),r?fe(t):t)}catch(e){return""+t}}function $t(e,t,r){return null==e||null==e.t||"z"==e.t?"":void 0!==e.w?e.w:("d"==e.t&&!e.z&&r&&r.dateNF&&(e.z=r.dateNF),"e"==e.t?jt[e.v]||e.v:Ut(e,null==t?e.v:t))}function zt(e,t,r){var n=r||{},a=e?null!=e["!data"]:n.dense,i=e||(a?{"!data":[]}:{});a&&!i["!data"]&&(i["!data"]=[]);var o=0,s=0;if(i&&null!=n.origin)if("number"==typeof n.origin)o=n.origin;else{var l="string"==typeof n.origin?Et(n.origin):n.origin;o=l.r,s=l.c}var c={s:{c:1e7,r:1e7},e:{c:0,r:0}};if(i["!ref"]){var f=Lt(i["!ref"]);c.s.c=f.s.c,c.s.r=f.s.r,c.e.c=Math.max(c.e.c,f.e.c),c.e.r=Math.max(c.e.r,f.e.r),-1==o&&(c.e.r=o=i["!ref"]?f.e.r+1:0)}else c.s.c=c.e.c=c.s.r=c.e.r=0;for(var h=[],u=!1,p=0;p!=t.length;++p)if(t[p]){if(!Array.isArray(t[p]))throw new Error("aoa_to_sheet expects an array of arrays");var d=o+p;a&&(i["!data"][d]||(i["!data"][d]=[]),h=i["!data"][d]);for(var m=t[p],g=0;g!=m.length;++g)if(void 0!==m[g]){var v={v:m[g],t:""},b=s+g;if(c.s.r>d&&(c.s.r=d),c.s.c>b&&(c.s.c=b),c.e.r0&&(n=e[r][0],i[i.length]=He("Override",null,{PartName:("/"==n[0]?"":"/")+n,ContentType:Ht[r][t.bookType]||Ht[r].xlsx}))},s=function(r){(e[r]||[]).forEach((function(e){i[i.length]=He("Override",null,{PartName:("/"==e[0]?"":"/")+e,ContentType:Ht[r][t.bookType]||Ht[r].xlsx})}))},l=function(t){(e[t]||[]).forEach((function(e){i[i.length]=He("Override",null,{PartName:("/"==e[0]?"":"/")+e,ContentType:a[t][0]})}))};return o("workbooks"),s("sheets"),s("charts"),l("themes"),["strs","styles"].forEach(o),["coreprops","extprops","custprops"].forEach(l),l("vba"),l("comments"),l("threadedcomments"),l("drawings"),s("metadata"),l("people"),!r&&i.length>2&&(i[i.length]="",i[1]=i[1].replace("/>",">")),i.join("")}var Vt={WB:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument",SHEET:"http://sheetjs.openxmlformats.org/officeDocument/2006/relationships/officeDocument",HLINK:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/hyperlink",VML:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/vmlDrawing",XPATH:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/externalLinkPath",XMISS:"http://schemas.microsoft.com/office/2006/relationships/xlExternalLinkPath/xlPathMissing",XLINK:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/externalLink",CXML:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/customXml",CXMLP:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/customXmlProps",CMNT:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/comments",CORE_PROPS:"http://schemas.openxmlformats.org/package/2006/relationships/metadata/core-properties",EXT_PROPS:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/extended-properties",CUST_PROPS:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/custom-properties",SST:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/sharedStrings",STY:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles",THEME:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/theme",CHART:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/chart",CHARTEX:"http://schemas.microsoft.com/office/2014/relationships/chartEx",CS:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/chartsheet",WS:["http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet","http://purl.oclc.org/ooxml/officeDocument/relationships/worksheet"],DS:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/dialogsheet",MS:"http://schemas.microsoft.com/office/2006/relationships/xlMacrosheet",IMG:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/image",DRAW:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/drawing",XLMETA:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/sheetMetadata",TCMNT:"http://schemas.microsoft.com/office/2017/10/relationships/threadedComment",PEOPLE:"http://schemas.microsoft.com/office/2017/10/relationships/person",CONN:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/connections",VBA:"http://schemas.microsoft.com/office/2006/relationships/vbaProject"};function Gt(e){var t=[Te,He("Relationships",null,{xmlns:Ve.RELS})];return ie(e["!id"]).forEach((function(r){t[t.length]=He("Relationship",null,e["!id"][r])})),t.length>2&&(t[t.length]="",t[1]=t[1].replace("/>",">")),t.join("")}function Jt(e,t,r,n,a,i){if(a||(a={}),e["!id"]||(e["!id"]={}),e["!idx"]||(e["!idx"]=1),t<0)for(t=e["!idx"];e["!id"]["rId"+t];++t);if(e["!idx"]=t+1,a.Id="rId"+t,a.Type=n,a.Target=r,i?a.TargetMode=i:[Vt.HLINK,Vt.XPATH,Vt.XMISS].indexOf(a.Type)>-1&&(a.TargetMode="External"),e["!id"][a.Id])throw new Error("Cannot rewrite rId "+t);return e["!id"][a.Id]=a,e[("/"+a.Target).replace("//","/")]=a,t}var qt=[["cp:category","Category"],["cp:contentStatus","ContentStatus"],["cp:keywords","Keywords"],["cp:lastModifiedBy","LastAuthor"],["cp:lastPrinted","LastPrinted"],["cp:revision","RevNumber"],["cp:version","Version"],["dc:creator","Author"],["dc:description","Comments"],["dc:identifier","Identifier"],["dc:language","Language"],["dc:subject","Subject"],["dc:title","Title"],["dcterms:created","CreatedDate","date"],["dcterms:modified","ModifiedDate","date"]];function Yt(e,t,r,n,a){null==a[e]&&null!=t&&""!==t&&(a[e]=t,t=Ee(t),n[n.length]=r?He(e,t,r):Be(e,t))}var Zt=[["Application","Application","string"],["AppVersion","AppVersion","string"],["Company","Company","string"],["DocSecurity","DocSecurity","string"],["Manager","Manager","string"],["HyperlinksChanged","HyperlinksChanged","bool"],["SharedDoc","SharedDoc","bool"],["LinksUpToDate","LinksUpToDate","bool"],["ScaleCrop","ScaleCrop","bool"],["HeadingPairs","HeadingPairs","raw"],["TitlesOfParts","TitlesOfParts","raw"]];function Kt(e){var t=[Te,He("Properties",null,{xmlns:Ve.CUST_PROPS,"xmlns:vt":Ve.vt})];if(!e)return t.join("");var r=1;return ie(e).forEach((function(n){++r,t[t.length]=He("property",function(e,t){switch(typeof e){case"string":var r=He("vt:lpwstr",Ee(e));return t&&(r=r.replace(/"/g,"_x0022_")),r;case"number":return He((0|e)==e?"vt:i4":"vt:r8",Ee(String(e)));case"boolean":return He("vt:bool",e?"true":"false")}if(e instanceof Date)return He("vt:filetime",Xe(e));throw new Error("Unable to serialize "+e)}(e[n],!0),{fmtid:"{D5CDD505-2E9C-101B-9397-08002B2CF9AE}",pid:r,name:Ee(n)})})),t.length>2&&(t[t.length]="",t[1]=t[1].replace("/>",">")),t.join("")}var Qt=/^\s|\s$|[\t\n\r]/;var er=6;var tr=96;function rr(e){return 96*e/tr}function nr(e,t){var r,n=[Te,He("styleSheet",null,{xmlns:Ge[0],"xmlns:vt":Ve.vt})];return e.SSF&&null!=(r=function(e){var t=[""];return[[5,8],[23,26],[41,44],[50,392]].forEach((function(r){for(var n=r[0];n<=r[1];++n)null!=e[n]&&(t[t.length]=He("numFmt",null,{numFmtId:n,formatCode:Ee(e[n])}))})),1===t.length?"":(t[t.length]="",t[0]=He("numFmts",null,{count:t.length-2}).replace("/>",">"),t.join(""))}(e.SSF))&&(n[n.length]=r),n[n.length]='',n[n.length]='',n[n.length]='',n[n.length]='',(r=function(e){var t=[];return t[t.length]=He("cellXfs",null),e.forEach((function(e){t[t.length]=He("xf",null,e)})),t[t.length]="",2===t.length?"":(t[0]=He("cellXfs",null,{count:t.length-2}).replace("/>",">"),t.join(""))}(t.cellXfs))&&(n[n.length]=r),n[n.length]='',n[n.length]='',n[n.length]='',n.length>2&&(n[n.length]="",n[1]=n[1].replace("/>",">")),n.join("")}function ar(e,t,r){var n=[21600,21600],a=["m0,0l0",n[1],n[0],n[1],n[0],"0xe"].join(","),i=[He("xml",null,{"xmlns:v":Je.v,"xmlns:o":Je.o,"xmlns:x":Je.x,"xmlns:mv":Je.mv}).replace(/\/>/,">"),He("o:shapelayout",He("o:idmap",null,{"v:ext":"edit",data:e}),{"v:ext":"edit"})],o=65536*e,s=t||[];return s.length>0&&i.push(He("v:shapetype",[He("v:stroke",null,{joinstyle:"miter"}),He("v:path",null,{gradientshapeok:"t","o:connecttype":"rect"})].join(""),{id:"_x0000_t202",coordsize:n.join(","),"o:spt":202,path:a})),s.forEach((function(e){++o,i.push(function(e,t,r){var n=Et(e[0]),a={color2:"#BEFF82",type:"gradient"};"gradient"==a.type&&(a.angle="-180");var i="gradient"==a.type?He("o:fill",null,{type:"gradientUnscaled","v:ext":"view"}):null,o=He("v:fill",i,a),s={on:"t",obscured:"t"};return["",o,He("v:shadow",null,s),He("v:path",null,{"o:connecttype":"none"}),'
','',"","",Be("x:Anchor",[n.c+1,0,n.r+1,0,n.c+3,20,n.r+5,20].join(",")),Be("x:AutoFill","False"),Be("x:Row",String(n.r)),Be("x:Column",String(n.c)),e[1].hidden?"":"","",""].join("")}(e,o))})),i.push(""),i.join("")}function ir(e){var t=[Te,He("comments",null,{xmlns:Ge[0]})],r=[];return t.push(""),e.forEach((function(e){e[1].forEach((function(e){var n=Ee(e.a);-1==r.indexOf(n)&&(r.push(n),t.push(""+n+"")),e.T&&e.ID&&-1==r.indexOf("tc="+e.ID)&&(r.push("tc="+e.ID),t.push("tc="+e.ID+""))}))})),0==r.length&&(r.push("SheetJ5"),t.push("SheetJ5")),t.push(""),t.push(""),e.forEach((function(e){var n=0,a=[],i=0;if(e[1][0]&&e[1][0].T&&e[1][0].ID&&(n=r.indexOf("tc="+e[1][0].ID)),e[1].forEach((function(e){e.a&&(n=r.indexOf(Ee(e.a))),e.T&&++i,a.push(null==e.t?"":Ee(e.t))})),0===i)e[1].forEach((function(n){t.push(''),t.push(Be("t",null==n.t?"":Ee(n.t))),t.push("")}));else{e[1][0]&&e[1][0].T&&e[1][0].ID&&(n=r.indexOf("tc="+e[1][0].ID)),t.push('');for(var o="Comment:\n "+a[0]+"\n",s=1;s")}})),t.push(""),t.length>2&&(t[t.length]="",t[1]=t[1].replace("/>",">")),t.join("")}function or(e,t,r){var n=[Te,He("ThreadedComments",null,{xmlns:Ve.TCMNT}).replace(/[\/]>/,">")];return e.forEach((function(e){var a="";(e[1]||[]).forEach((function(i,o){if(i.T){i.a&&-1==t.indexOf(i.a)&&t.push(i.a);var s={ref:e[0],id:"{54EE7951-7262-4200-6969-"+("000000000000"+r.tcid++).slice(-12)+"}"};0==o?a=s.id:s.parentId=a,i.ID=s.id,i.a&&(s.personId="{54EE7950-7262-4200-6969-"+("000000000000"+t.indexOf(i.a)).slice(-12)+"}"),n.push(He("threadedComment",Be("text",i.t||""),s))}else delete i.ID}))})),n.push(""),n.join("")}var sr=["xlsb","xlsm","xlam","biff8","xla"];try{/(^|[^._A-Z0-9])([$]?)([A-Z]{1,2}|[A-W][A-Z]{2}|X[A-E][A-Z]|XF[A-D])([$]?)(10[0-3]\d{4}|104[0-7]\d{3}|1048[0-4]\d{2}|10485[0-6]\d|104857[0-6]|[1-9]\d{0,5})(?![_.\(A-Za-z0-9])/g}catch(e){}var lr="undefined"!=typeof Map;function cr(e,t){var r,n,a={min:e+1,max:e+1},i=-1;return t.MDW&&(er=t.MDW),null!=t.width?a.customWidth=1:null!=t.wpx?(r=t.wpx,i=Math.floor((r-5)/er*100+.5)/100):null!=t.wch&&(i=t.wch),i>-1?(a.width=(n=i,Math.round((n*er+5)/er*256)/256),a.customWidth=1):null!=t.width&&(a.width=t.width),t.hidden&&(a.hidden=!0),null!=t.level&&(a.outlineLevel=a.level=t.level),a}function fr(e,t,r){var n,a,i=r.revssf[null!=t.z?t.z:"General"],o=60,s=e.length;if(null==i&&r.ssf)for(;o<392;++o)if(null==r.ssf[o]){n=t.z,a=o,Q(ee[n]||n,a),r.ssf[o]=t.z,r.revssf[t.z]=i=o;break}for(o=0;o!=s;++o)if(e[o].numFmtId===i)return o;return e[s]={numFmtId:i,fontId:0,fillId:0,borderId:0,xfId:0,applyNumberFormat:1},s}function hr(e,t,r){if(e&&e["!ref"]){var n=Lt(e["!ref"]);if(n.e.c=0;--r)n=((16384&n?1:0)|n<<1&32767)^t[r];return 52811^n}(e.password).toString(16).toUpperCase()),He("sheetProtection",null,t)}function mr(e,t,r,n,a,i,o){if(e.c&&r["!comments"].push([t,e.c]),(void 0===e.v||"z"===e.t&&!(n||{}).sheetStubs)&&"string"!=typeof e.f&&void 0===e.z)return"";var s="",l=e.t,c=e.v;if("z"!==e.t)switch(e.t){case"b":s=e.v?"1":"0";break;case"n":isNaN(e.v)?(e.t="e",s=jt[e.v=36]):isFinite(e.v)?s=""+e.v:(e.t="e",s=jt[e.v=7]);break;case"e":s=jt[e.v];break;case"d":if(n&&n.cellDates){var f=me(e.v,o);s=f.toISOString(),f.getUTCFullYear()<1900&&(s=s.slice(s.indexOf("T")+1).replace("Z",""))}else(e=ge(e)).t="n",s=""+(e.v=fe(me(e.v,o),o));void 0===e.z&&(e.z=S[14]);break;default:s=e.v}var h="z"==e.t||null==e.v?"":Be("v",Ee(s)),u={r:t},p=fr(n.cellXfs,e,n);switch(0!==p&&(u.s=p),e.t){case"n":case"z":break;case"d":u.t="d";break;case"b":u.t="b";break;case"e":u.t="e";break;default:if(null==e.v){delete e.t;break}if(e.v.length>32767)throw new Error("Text length must not exceed 32767 characters");if(n&&n.bookSST){h=Be("v",""+function(e,t,r){var n=0,a=e.length;if(r){if(lr?r.has(t):Object.prototype.hasOwnProperty.call(r,t))for(var i=lr?r.get(t):r[t];n16383||f.e.r>1048575){if(t.WTF)throw new Error("Range "+c+" exceeds format limit A1:XFD1048576");f.e.c=Math.min(f.e.c,16383),f.e.r=Math.min(f.e.c,1048575),c=It(f)}n||(n={}),l["!comments"]=[];var h=[];!function(e,t,r,n,a){var i=!1,o={},s=null;if("xlsx"!==n.bookType&&t.vbaraw){var l=t.SheetNames[r];try{t.Workbook&&(l=t.Workbook.Sheets[r].CodeName||l)}catch(e){}i=!0,o.codeName=$e(Ee(l))}if(e&&e["!outline"]){var c={summaryBelow:1,summaryRight:1};e["!outline"].above&&(c.summaryBelow=0),e["!outline"].left&&(c.summaryRight=0),s=(s||"")+He("outlinePr",null,c)}(i||s)&&(a[a.length]=He("sheetPr",s,o))}(l,r,e,t,i),i[i.length]=He("dimension",null,{ref:c}),i[i.length]=function(e,t,r,n){var a={workbookViewId:"0"};return(((n||{}).Workbook||{}).Views||[])[0]&&(a.rightToLeft=n.Workbook.Views[0].RTL?"1":"0"),He("sheetViews",He("sheetView",null,a),{})}(0,0,0,r),t.sheetFormat&&(i[i.length]=He("sheetFormatPr",null,{defaultRowHeight:t.sheetFormat.defaultRowHeight||"16",baseColWidth:t.sheetFormat.baseColWidth||"10",outlineLevelRow:t.sheetFormat.outlineLevelRow||"7"})),null!=l["!cols"]&&l["!cols"].length>0&&(i[i.length]=function(e,t){for(var r,n=[""],a=0;a!=t.length;++a)(r=t[a])&&(n[n.length]=He("col",null,cr(a,r)));return n[n.length]="",n.join("")}(0,l["!cols"])),i[a=i.length]="",l["!links"]=[],null!=l["!ref"]&&(s=function(e,t,r,n){var a,i,o=[],s=[],l=Lt(e["!ref"]),c="",f="",h=[],u=0,p=0,d=e["!rows"],m=null!=e["!data"],g=m?e["!data"]:[],v={r:f},b=-1,x=(((n||{}).Workbook||{}).WBProps||{}).date1904;for(p=l.s.c;p<=l.e.c;++p)h[p]=Ft(p);for(u=l.s.r;u<=l.e.r;++u){s=[],f=Ot(u);var w=m?g[u]:[];for(p=l.s.c;p<=l.e.c;++p){a=h[p]+f;var y=m?w[p]:e[a];void 0!==y&&null!=(c=mr(y,a,e,t,0,0,x))&&s.push(c)}(s.length>0||d&&d[u])&&(v={r:f},d&&d[u]&&((i=d[u]).hidden&&(v.hidden=1),b=-1,i.hpx?b=rr(i.hpx):i.hpt&&(b=i.hpt),b>-1&&(v.ht=b,v.customHeight=1),i.level&&(v.outlineLevel=i.level)),o[o.length]=He("row",s.join(""),v))}if(d)for(;u-1&&(v.ht=b,v.customHeight=1),i.level&&(v.outlineLevel=i.level),o[o.length]=He("row","",v));return o.join("")}(l,t,0,r),s.length>0&&(i[i.length]=s)),i.length>a+1&&(i[i.length]="",i[a]=i[a].replace("/>",">")),l["!protect"]&&(i[i.length]=dr(l["!protect"])),null!=l["!autofilter"]&&(i[i.length]=function(e,t,r,n){var a="string"==typeof e.ref?e.ref:It(e.ref);r.Workbook||(r.Workbook={Sheets:[]}),r.Workbook.Names||(r.Workbook.Names=[]);var i=r.Workbook.Names,o=Nt(a);o.s.r==o.e.r&&(o.e.r=Nt(t["!ref"]).e.r,a=It(o));for(var s=0;s0&&(i[i.length]=function(e){if(0===e.length)return"";for(var t='',r=0;r!=e.length;++r)t+='';return t+""}(l["!merges"]));var u,p,d=-1,m=-1;return l["!links"].length>0&&(i[i.length]="",l["!links"].forEach((function(e){e[1].Target&&(u={ref:e[0]},"#"!=e[1].Target.charAt(0)&&(m=Jt(n,-1,Ee(e[1].Target).replace(/#[\s\S]*$/,""),Vt.HLINK),u["r:id"]="rId"+m),(d=e[1].Target.indexOf("#"))>-1&&(u.location=Ee(e[1].Target.slice(d+1))),e[1].Tooltip&&(u.tooltip=Ee(e[1].Tooltip)),u.display=e[1].display,i[i.length]=He("hyperlink",null,u))})),i[i.length]=""),delete l["!links"],null!=l["!margins"]&&(i[i.length]=(function(e,t){if(e){var r=[.7,.7,.75,.75,.3,.3];null==e.left&&(e.left=r[0]),null==e.right&&(e.right=r[1]),null==e.top&&(e.top=r[2]),null==e.bottom&&(e.bottom=r[3]),null==e.header&&(e.header=r[4]),null==e.footer&&(e.footer=r[5])}}(p=l["!margins"]),He("pageMargins",null,p))),t&&!t.ignoreEC&&null!=t.ignoreEC||(i[i.length]=Be("ignoredErrors",He("ignoredError",null,{numberStoredAsText:1,sqref:c}))),h.length>0&&(m=Jt(n,-1,"../drawings/drawing"+(e+1)+".xml",Vt.DRAW),i[i.length]=He("drawing",null,{"r:id":"rId"+m}),l["!drawing"]=h),l["!comments"].length>0&&(m=Jt(n,-1,"../drawings/vmlDrawing"+(e+1)+".vml",Vt.VML),i[i.length]=He("legacyDrawing",null,{"r:id":"rId"+m}),l["!legacy"]=m),i.length>1&&(i[i.length]="",i[1]=i[1].replace("/>",">")),i.join("")}var vr=[["allowRefreshQuery",!1,"bool"],["autoCompressPictures",!0,"bool"],["backupFile",!1,"bool"],["checkCompatibility",!1,"bool"],["CodeName",""],["date1904",!1,"bool"],["defaultThemeVersion",0,"int"],["filterPrivacy",!1,"bool"],["hidePivotFieldList",!1,"bool"],["promptedSolutions",!1,"bool"],["publishItems",!1,"bool"],["refreshAllConnections",!1,"bool"],["saveExternalLinkValues",!0,"bool"],["showBorderUnselectedTables",!0,"bool"],["showInkAnnotation",!0,"bool"],["showObjects","all"],["showPivotChartFilter",!1,"bool"],["updateLinks","userSet"]],br=":][*?/\\".split("");function xr(e,t){try{if(""==e)throw new Error("Sheet name cannot be blank");if(e.length>31)throw new Error("Sheet name cannot exceed 31 chars");if(39==e.charCodeAt(0)||39==e.charCodeAt(e.length-1))throw new Error("Sheet name cannot start or end with apostrophe (')");if("history"==e.toLowerCase())throw new Error("Sheet name cannot be 'History'");br.forEach((function(t){if(-1!=e.indexOf(t))throw new Error("Sheet name cannot contain : \\ / ? * [ ]")}))}catch(e){if(t)return!1;throw e}return!0}function wr(e){if(!e||!e.SheetNames||!e.Sheets)throw new Error("Invalid Workbook");if(!e.SheetNames.length)throw new Error("Workbook is empty");var t,r,n,a=e.Workbook&&e.Workbook.Sheets||[];t=e.SheetNames,r=a,n=!!e.vbaraw,t.forEach((function(e,a){xr(e);for(var i=0;i22)throw new Error("Bad Code Name: Worksheet"+o)}}));for(var i=0;ir||a[h].s.c>l||a[h].e.r1&&(o.rowspan=c),f>1&&(o.colspan=f),n.editable?d=''+d+"":p&&(o["data-t"]=p&&p.t||"z",null!=p.v&&(o["data-v"]=Ne(p.v instanceof Date?p.v.toISOString():p.v)),null!=p.z&&(o["data-z"]=p.z),p.l&&"#"!=(p.l.Target||"#").charAt(0)&&(d=''+d+"")),o.id=(n.id||"sjs")+"-"+u,i.push(He("td",d,o))}}return""+i.join("")+""}function Cr(e,t,r){var n=t.rows;if(!n)throw"Unsupported origin when "+t.tagName+" is not a TABLE";var a=r||{},i=null!=e["!data"],o=0,s=0;if(null!=a.origin)if("number"==typeof a.origin)o=a.origin;else{var l="string"==typeof a.origin?Et(a.origin):a.origin;o=l.r,s=l.c}var c=Math.min(a.sheetRows||1e7,n.length),f={s:{r:0,c:0},e:{r:o,c:s}};if(e["!ref"]){var h=Nt(e["!ref"]);f.s.r=Math.min(f.s.r,h.s.r),f.s.c=Math.min(f.s.c,h.s.c),f.e.r=Math.max(f.e.r,h.e.r),f.e.c=Math.max(f.e.c,h.e.c),-1==o&&(f.e.r=o=h.e.r+1)}var u=[],p=0,d=e["!rows"]||(e["!rows"]=[]),m=0,g=0,v=0,b=0,x=0,w=0;for(e["!cols"]||(e["!cols"]=[]);m1||w>1)&&u.push({s:{r:g+o,c:b+s},e:{r:g+o+(x||1)-1,c:b+s+(w||1)-1}});var D={t:"s",v:_},O=k.getAttribute("data-t")||k.getAttribute("t")||"";null!=_&&(0==_.length?D.t=O||"z":a.raw||0==_.trim().length||"s"==O||("e"==O&&jt[+_]?D={t:"e",v:+_,w:jt[+_]}:"TRUE"===_?D={t:"b",v:!0}:"FALSE"===_?D={t:"b",v:!1}:isNaN(be(_))?isNaN(ke(_).getDate())?35==_.charCodeAt(0)&&null!=Bt[_]&&(D={t:"e",v:Bt[_],w:_}):(D={t:"d",v:me(_)},a.UTC&&(D.v=_e(D.v)),a.cellDates||(D={t:"n",v:fe(D.v)}),D.z=a.dateNF||S[14]):D={t:"n",v:be(_)})),void 0===D.z&&null!=A&&(D.z=A);var F="",E=k.getElementsByTagName("A");if(E&&E.length)for(var M=0;M=c&&(e["!fullref"]=It((f.e.r=n.length-m+g-1+o,f))),e}function Sr(e,t){var r={};return(t||{}).dense&&(r["!data"]=[]),Cr(r,e,t)}function kr(e){var t="",r=function(e){return e.ownerDocument.defaultView&&"function"==typeof e.ownerDocument.defaultView.getComputedStyle?e.ownerDocument.defaultView.getComputedStyle:"function"==typeof getComputedStyle?getComputedStyle:null} +/*! sheetjs (C) 2013-present SheetJS -- http://sheetjs.com */(e);return r&&(t=r(e).getPropertyValue("display")),t||(t=e.style&&e.style.display),"none"===t}function _r(e){var t;(t=[["cellDates",!1],["bookSST",!1],["bookType","xlsx"],["compression",!1],["WTF",!1]],function(e){for(var r=0;r!=t.length;++r){var n=t[r];void 0===e[n[0]]&&(e[n[0]]=n[1]),"n"===n[2]&&(e[n[0]]=Number(e[n[0]]))}})(e)}function Ar(e,t){var r;e&&!e.SSF&&(e.SSF=ge(S)),e&&e.SSF&&(r||(r={}),r[0]="General",r[1]="0",r[2]="0.00",r[3]="#,##0",r[4]="#,##0.00",r[9]="0%",r[10]="0.00%",r[11]="0.00E+00",r[12]="# ?/?",r[13]="# ??/??",r[14]="m/d/yy",r[15]="d-mmm-yy",r[16]="d-mmm",r[17]="mmm-yy",r[18]="h:mm AM/PM",r[19]="h:mm:ss AM/PM",r[20]="h:mm",r[21]="h:mm:ss",r[22]="m/d/yy h:mm",r[37]="#,##0 ;(#,##0)",r[38]="#,##0 ;[Red](#,##0)",r[39]="#,##0.00;(#,##0.00)",r[40]="#,##0.00;[Red](#,##0.00)",r[45]="mm:ss",r[46]="[h]:mm:ss",r[47]="mmss.0",r[48]="##0.0E+0",r[49]="@",r[56]='"上午/下午 "hh"時"mm"分"ss"秒 "',S=r,function(e){for(var t=0;392!=t;++t)void 0!==e[t]&&Q(e[t],t)}(e.SSF),t.revssf=function(e){for(var t=[],r=ie(e),n=0;n!==r.length;++n)t[e[r[n]]]=parseInt(r[n],10);return t}(e.SSF),t.revssf[e.SSF[65535]]=0,t.ssf=e.SSF),t.rels={},t.wbrels={},t.Strings=[],t.Strings.Count=0,t.Strings.Unique=0,lr?t.revStrings=new Map:(t.revStrings={},t.revStrings.foo=[],delete t.revStrings.foo);var n="xml",a=sr.indexOf(t.bookType)>-1,i={workbooks:[],sheets:[],charts:[],dialogs:[],macros:[],rels:[],strs:[],comments:[],threadedcomments:[],links:[],coreprops:[],extprops:[],custprops:[],themes:[],styles:[],calcchains:[],vba:[],drawings:[],metadata:[],people:[],TODO:[],xmlns:""};_r(t=t||{});var o,s,l,c=re.utils.cfb_new(),f="",h=0;if(t.cellXfs=[],fr(t.cellXfs,{},{revssf:{General:0}}),e.Props||(e.Props={}),Ae(c,f="docProps/core.xml",function(e,t){var r=t||{},n=[Te,He("cp:coreProperties",null,{"xmlns:cp":Ve.CORE_PROPS,"xmlns:dc":Ve.dc,"xmlns:dcterms":Ve.dcterms,"xmlns:dcmitype":Ve.dcmitype,"xmlns:xsi":Ve.xsi})],a={};if(!e&&!r.Props)return n.join("");e&&(null!=e.CreatedDate&&Yt("dcterms:created","string"==typeof e.CreatedDate?e.CreatedDate:Xe(e.CreatedDate,r.WTF),{"xsi:type":"dcterms:W3CDTF"},n,a),null!=e.ModifiedDate&&Yt("dcterms:modified","string"==typeof e.ModifiedDate?e.ModifiedDate:Xe(e.ModifiedDate,r.WTF),{"xsi:type":"dcterms:W3CDTF"},n,a));for(var i=0;i!=qt.length;++i){var o=qt[i],s=r.Props&&null!=r.Props[o[1]]?r.Props[o[1]]:e?e[o[1]]:null;!0===s?s="1":!1===s?s="0":"number"==typeof s&&(s=String(s)),null!=s&&Yt(o[0],s,null,n,a)}return n.length>2&&(n[n.length]="",n[1]=n[1].replace("/>",">")),n.join("")}(e.Props,t)),i.coreprops.push(f),Jt(t.rels,2,f,Vt.CORE_PROPS),f="docProps/app.xml",e.Props&&e.Props.SheetNames);else if(e.Workbook&&e.Workbook.Sheets){for(var u=[],p=0;pWorksheets")+l("vt:variant",l("vt:i4",String(o.Worksheets))),{size:2,baseType:"variant"})),s[s.length]=l("TitlesOfParts",l("vt:vector",o.SheetNames.map((function(e){return""+Ee(e)+""})).join(""),{size:o.Worksheets,baseType:"lpstr"})),s.length>2&&(s[s.length]="",s[1]=s[1].replace("/>",">")),s.join(""))),i.extprops.push(f),Jt(t.rels,3,f,Vt.EXT_PROPS),e.Custprops!==e.Props&&ie(e.Custprops||{}).length>0&&(Ae(c,f="docProps/custom.xml",Kt(e.Custprops)),i.custprops.push(f),Jt(t.rels,4,f,Vt.CUST_PROPS));var d,m,g=["SheetJ5"];for(t.tcid=0,h=1;h<=e.SheetNames.length;++h){var v={"!id":{}},b=e.Sheets[e.SheetNames[h-1]];(b||{})["!type"];if(Ae(c,f="xl/worksheets/sheet"+h+"."+n,gr(h-1,t,e,v)),i.sheets.push(f),Jt(t.wbrels,-1,"worksheets/sheet"+h+"."+n,Vt.WS[0]),b){var x=b["!comments"],w=!1,y="";if(x&&x.length>0){var C=!1;x.forEach((function(e){e[1].forEach((function(e){1==e.T&&(C=!0)}))})),C&&(Ae(c,y="xl/threadedComments/threadedComment"+h+".xml",or(x,g,t)),i.threadedcomments.push(y),Jt(v,-1,"../threadedComments/threadedComment"+h+".xml",Vt.TCMNT)),Ae(c,y="xl/comments"+h+"."+n,ir(x)),i.comments.push(y),Jt(v,-1,"../comments"+h+"."+n,Vt.CMNT),w=!0}b["!legacy"]&&w&&Ae(c,"xl/drawings/vmlDrawing"+h+".vml",ar(h,b["!comments"])),delete b["!comments"],delete b["!legacy"]}v["!id"].rId1&&Ae(c,(m=void 0,m=(d=f).lastIndexOf("/"),d.slice(0,m+1)+"_rels/"+d.slice(m+1)+".rels"),Gt(v))}return null!=t.Strings&&t.Strings.length>0&&(Ae(c,f="xl/sharedStrings."+n,function(e,t){if(!t.bookSST)return"";var r=[Te];r[r.length]=He("sst",null,{xmlns:Ge[0],count:e.Count,uniqueCount:e.Unique});for(var n=0;n!=e.length;++n)if(null!=e[n]){var a=e[n],i="";a.r?i+=a.r:(i+=""),i+="",r[r.length]=i}return r.length>2&&(r[r.length]="",r[1]=r[1].replace("/>",">")),r.join("")}(t.Strings,t)),i.strs.push(f),Jt(t.wbrels,-1,"sharedStrings."+n,Vt.SST)),Ae(c,f="xl/workbook."+n,function(e){var t=[Te];t[t.length]=He("workbook",null,{xmlns:Ge[0],"xmlns:r":Ve.r});var r=e.Workbook&&(e.Workbook.Names||[]).length>0,n={codeName:"ThisWorkbook"};e.Workbook&&e.Workbook.WBProps&&(vr.forEach((function(t){null!=e.Workbook.WBProps[t[0]]&&e.Workbook.WBProps[t[0]]!=t[1]&&(n[t[0]]=e.Workbook.WBProps[t[0]])})),e.Workbook.WBProps.CodeName&&(n.codeName=e.Workbook.WBProps.CodeName,delete n.CodeName)),t[t.length]=He("workbookPr",null,n);var a=e.Workbook&&e.Workbook.Sheets||[],i=0;if(a&&a[0]&&a[0].Hidden){for(t[t.length]="",i=0;i!=e.SheetNames.length&&a[i]&&a[i].Hidden;++i);i==e.SheetNames.length&&(i=0),t[t.length]='',t[t.length]=""}for(t[t.length]="",i=0;i!=e.SheetNames.length;++i){var o={name:Ee(e.SheetNames[i].slice(0,31))};if(o.sheetId=""+(i+1),o["r:id"]="rId"+(i+1),a[i])switch(a[i].Hidden){case 1:o.state="hidden";break;case 2:o.state="veryHidden"}t[t.length]=He("sheet",null,o)}return t[t.length]="",r&&(t[t.length]="",e.Workbook&&e.Workbook.Names&&e.Workbook.Names.forEach((function(e){var r={name:e.Name};e.Comment&&(r.comment=e.Comment),null!=e.Sheet&&(r.localSheetId=""+e.Sheet),e.Hidden&&(r.hidden="1"),e.Ref&&(t[t.length]=He("definedName",Ee(e.Ref),r))})),t[t.length]=""),t.length>2&&(t[t.length]="",t[1]=t[1].replace("/>",">")),t.join("")}(e)),i.workbooks.push(f),Jt(t.rels,1,f,Vt.WB),Ae(c,f="xl/theme/theme1.xml",function(e,t){if(t&&t.themeXLSX)return t.themeXLSX;if(e&&"string"==typeof e.raw)return e.raw;var r=[Te];return r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]="",r[r.length]="",r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]="",r[r.length]="",r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]="",r[r.length]="",r[r.length]="",r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]="",r[r.length]="",r[r.length]="",r[r.length]="",r[r.length]='',r[r.length]="",r[r.length]="",r[r.length]="",r[r.length]="",r[r.length]='',r[r.length]="",r[r.length]="",r[r.length]="",r[r.length]="",r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]='',r[r.length]="",r[r.length]="",r[r.length]="",r[r.length]='',r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]='',r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]='',r[r.length]="",r[r.length]='',r[r.length]="",r[r.length]="",r[r.length]="",r[r.length]="",r[r.length]="",r[r.length]="",r[r.length]='',r[r.length]="",r[r.length]="",r[r.length]='',r[r.length]="",r[r.length]="",r[r.length]="",r[r.length]="",r.join("")}(e.Themes,t)),i.themes.push(f),Jt(t.wbrels,-1,"theme/theme1.xml",Vt.THEME),Ae(c,f="xl/styles."+n,nr(e,t)),i.styles.push(f),Jt(t.wbrels,-1,"styles."+n,Vt.STY),e.vbaraw&&a&&(Ae(c,f="xl/vbaProject.bin",e.vbaraw),i.vba.push(f),Jt(t.wbrels,-1,"vbaProject.bin",Vt.VBA)),Ae(c,f="xl/metadata."+n,function(){var e=[Te];return e.push('\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n'),e.join("")}()),i.metadata.push(f),Jt(t.wbrels,-1,"metadata."+n,Vt.XLMETA),g.length>1&&(Ae(c,f="xl/persons/person.xml",function(e){var t=[Te,He("personList",null,{xmlns:Ve.TCMNT,"xmlns:x":Ge[0]}).replace(/[\/]>/,">")];return e.forEach((function(e,r){t.push(He("person",null,{displayName:e,id:"{54EE7950-7262-4200-6969-"+("000000000000"+r).slice(-12)+"}",userId:e,providerId:"None"}))})),t.push(""),t.join("")}(g)),i.people.push(f),Jt(t.wbrels,-1,"persons/person.xml",Vt.PEOPLE)),Ae(c,"[Content_Types].xml",Xt(i,t)),Ae(c,"_rels/.rels",Gt(t.rels)),Ae(c,"xl/_rels/workbook.xml.rels",Gt(t.wbrels)),delete t.revssf,delete t.ssf,c}function Tr(e,t){var r=ge(t||{});return function(e,t){var r={},n=a?"nodebuffer":"undefined"!=typeof Uint8Array?"array":"string";t.compression&&(r.compression="DEFLATE");if(t.password)r.type=n;else switch(t.type){case"base64":r.type="base64";break;case"binary":r.type="string";break;case"string":throw new Error("'string' output type invalid for '"+t.bookType+"' files");case"buffer":case"file":r.type=n;break;default:throw new Error("Unrecognized type "+t.type)}var i=e.FullPaths?re.write(e,{fileType:"zip",type:{nodebuffer:"buffer",string:"binary"}[r.type]||r.type,compression:!!t.compression}):e.generate(r);if("undefined"!=typeof Deno&&"string"==typeof i){if("binary"==t.type||"base64"==t.type)return i;i=new Uint8Array(f(i))}return t.password&&"undefined"!=typeof encrypt_agile?function(e,t){switch(t.type){case"base64":case"binary":break;case"buffer":case"array":t.type="";break;case"file":return ae(t.file,re.write(e,{type:a?"buffer":""}));case"string":throw new Error("'string' output type invalid for '"+t.bookType+"' files");default:throw new Error("Unrecognized type "+t.type)}return re.write(e,t)}(encrypt_agile(i,t.password),t):"file"===t.type?ae(t.file,i):"string"==t.type?Ue(i):i}(Ar(e,r),r)}function Dr(e,t){wr(e);var r=ge(t||{});if(r.cellStyles&&(r.cellNF=!0,r.sheetStubs=!0),"array"==r.type){r.type="binary";var n=Dr(e,r);return r.type="array",f(n)}return Tr(e,r)}function Or(e,t,r){var n=r||{};return n.type="file",n.file=t,function(e){if(!e.bookType){var t=e.file.slice(e.file.lastIndexOf(".")).toLowerCase();t.match(/^\.[a-z]+$/)&&(e.bookType=t.slice(1)),e.bookType={xls:"biff8",htm:"html",slk:"sylk",socialcalc:"eth",Sh33tJS:"WTF"}[e.bookType]||e.bookType}}(n),Dr(e,n)}function Fr(e,t,r,n,a,i,o){var s,l=Ot(r),c=o.defval,f=o.raw||!Object.prototype.hasOwnProperty.call(o,"raw"),h=!0,u=null!=e["!data"],p=1===a?[]:{};if(1!==a)if(Object.defineProperty)try{Object.defineProperty(p,"__rowNum__",{value:r,enumerable:!1})}catch(e){p.__rowNum__=r}else p.__rowNum__=r;if(!u||e["!data"][r])for(var d=t.s.c;d<=t.e.c;++d){var m=u?(e["!data"][r]||[])[d]:e[n[d]+l];if(null!=m&&void 0!==m.t){var g=m.v;switch(m.t){case"z":if(null==g)break;continue;case"e":g=0==g?null:void 0;break;case"s":case"b":case"n":if(!m.z||!J(m.z))break;if("number"==typeof(g=he(g)))break;case"d":o&&(o.UTC||!1===o.raw)||(s=new Date(g),g=new Date(s.getUTCFullYear(),s.getUTCMonth(),s.getUTCDate(),s.getUTCHours(),s.getUTCMinutes(),s.getUTCSeconds(),s.getUTCMilliseconds()));break;default:throw new Error("unrecognized type "+m.t)}if(null!=i[d]){if(null==g)if("e"==m.t&&null===g)p[i[d]]=null;else if(void 0!==c)p[i[d]]=c;else{if(!f||null!==g)continue;p[i[d]]=null}else p[i[d]]=("n"===m.t&&"boolean"==typeof o.rawNumbers?o.rawNumbers:f)?g:$t(m,g,o);null!=g&&(h=!1)}}else{if(void 0===c)continue;null!=i[d]&&(p[i[d]]=c)}}return{row:p,isempty:h}}function Er(e,t){if(null==e||null==e["!ref"])return[];var r={t:"n",v:0},n=0,a=1,i=[],o=0,s="",l={s:{r:0,c:0},e:{r:0,c:0}},c=t||{},f=null!=c.range?c.range:e["!ref"];switch(1===c.header?n=1:"A"===c.header?n=2:Array.isArray(c.header)?n=3:null==c.header&&(n=0),typeof f){case"string":l=Lt(f);break;case"number":(l=Lt(e["!ref"])).s.r=f;break;default:l=f}n>0&&(a=0);var h=Ot(l.s.r),u=[],p=[],d=0,m=0,g=null!=e["!data"],v=l.s.r,b=0,x={};g&&!e["!data"][v]&&(e["!data"][v]=[]);var w=c.skipHidden&&e["!cols"]||[],y=c.skipHidden&&e["!rows"]||[];for(b=l.s.c;b<=l.e.c;++b)if(!(w[b]||{}).hidden)switch(u[b]=Ft(b),r=g?e["!data"][v][b]:e[u[b]+h],n){case 1:i[b]=b-l.s.c;break;case 2:i[b]=u[b];break;case 3:i[b]=c.header[b-l.s.c];break;default:if(null==r&&(r={w:"__EMPTY",t:"s"}),s=o=$t(r,null,c),m=x[o]||0){do{s=o+"_"+m++}while(x[s]);x[o]=m,x[s]=1}else x[o]=1;i[b]=s}for(v=l.s.r+a;v<=l.e.r;++v)if(!(y[v]||{}).hidden){var C=Fr(e,l,v,u,n,i,c);(!1===C.isempty||(1===n?!1!==c.blankrows:c.blankrows))&&(p[d++]=C.row)}return p.length=d,p}!function(){try{return"undefined"==typeof Uint8Array||void 0===Uint8Array.prototype.subarray?"slice":"undefined"!=typeof Buffer?void 0===Buffer.prototype.subarray?"slice":("function"==typeof Buffer.from?Buffer.from([72,62]):new Buffer([72,62]))instanceof Uint8Array?"subarray":"slice":"subarray"}catch(e){return"slice"}}();var Mr=/"/g;function Nr(e,t,r,n,a,i,o,s,l){for(var c=!0,f=[],h="",u=Ot(r),p=null!=e["!data"],d=p&&e["!data"][r]||[],m=t.s.c;m<=t.e.c;++m)if(n[m]){var g=p?d[m]:e[n[m]+u];if(null==g)h="";else if(null!=g.v){c=!1,h=""+(l.rawNumbers&&"n"==g.t?g.v:$t(g,null,l));for(var v=0,b=0;v!==h.length;++v)if((b=h.charCodeAt(v))===a||b===i||34===b||l.forceQuotes){h='"'+h.replace(Mr,'""')+'"';break}"ID"==h&&0==s&&0==f.length&&(h='"ID"')}else null==g.f||g.F?h="":(c=!1,(h="="+g.f).indexOf(",")>=0&&(h='"'+h.replace(Mr,'""')+'"'));f.push(h)}if(l.strip)for(;""===f[f.length-1];)--f.length;return!1===l.blankrows&&c?null:f.join(o)}function Ir(e,t){var r=[],n=null==t?{}:t;if(null==e||null==e["!ref"])return"";for(var a=Lt(e["!ref"]),i=void 0!==n.FS?n.FS:",",o=i.charCodeAt(0),s=void 0!==n.RS?n.RS:"\n",l=s.charCodeAt(0),c="",f=[],h=n.skipHidden&&e["!cols"]||[],u=n.skipHidden&&e["!rows"]||[],p=a.s.c;p<=a.e.c;++p)(h[p]||{}).hidden||(f[p]=Ft(p));for(var d=0,m=a.s.r;m<=a.e.r;++m)(u[m]||{}).hidden||null!=(c=Nr(e,a,m,f,o,l,i,d,n))&&(c||!1!==n.blankrows)&&r.push((d++?s:"")+c);return r.join("")}function Pr(e,t,r){var n=r||{},a=e?null!=e["!data"]:n.dense,i=+!n.skipHeader,o=e||{};!e&&a&&(o["!data"]=[]);var s=0,l=0;if(o&&null!=n.origin)if("number"==typeof n.origin)s=n.origin;else{var c="string"==typeof n.origin?Et(n.origin):n.origin;s=c.r,l=c.c}var f={s:{c:0,r:0},e:{c:l,r:s+t.length-1+i}};if(o["!ref"]){var h=Lt(o["!ref"]);f.e.c=Math.max(f.e.c,h.e.c),f.e.r=Math.max(f.e.r,h.e.r),-1==s&&(s=h.e.r+1,f.e.r=s+t.length-1+i)}else-1==s&&(s=0,f.e.r=t.length-1+i);var u=n.header||[],p=0,d=[];t.forEach((function(e,t){a&&!o["!data"][s+t+i]&&(o["!data"][s+t+i]=[]),a&&(d=o["!data"][s+t+i]),ie(e).forEach((function(r){-1==(p=u.indexOf(r))&&(u[p=u.length]=r);var c=e[r],f="z",h="",m=a?"":Ft(l+p)+Ot(s+t+i),g=a?d[l+p]:o[m];!c||"object"!=typeof c||c instanceof Date?("number"==typeof c?f="n":"boolean"==typeof c?f="b":"string"==typeof c?f="s":c instanceof Date?(f="d",n.UTC||(c=_e(c)),n.cellDates||(f="n",c=fe(c)),h=null!=g&&g.z&&J(g.z)?g.z:n.dateNF||S[14]):null===c&&n.nullError&&(f="e",c=0),g?(g.t=f,g.v=c,delete g.w,delete g.R,h&&(g.z=h)):a?d[l+p]=g={t:f,v:c}:o[m]=g={t:f,v:c},h&&(g.z=h)):a?d[l+p]=c:o[m]=c}))})),f.e.c=Math.max(f.e.c,l+u.length-1);var m=Ot(s);if(a&&!o["!data"][s]&&(o["!data"][s]=[]),i)for(p=0;p=65535)throw new Error("Too many worksheets");if(n&&e.SheetNames.indexOf(r)>=0&&r.length<32){var i=r.match(/\d+$/);a=i&&+i[0]||0;var o=i&&r.slice(0,i.index)||r;for(++a;a<=65535&&-1!=e.SheetNames.indexOf(r=o+a);++a);}if(xr(r),e.SheetNames.indexOf(r)>=0)throw new Error("Worksheet with name |"+r+"| already exists!");return e.SheetNames.push(r),e.Sheets[r]=t,r}function Ur(e,t,r){return t?(e.l={Target:t},r&&(e.l.Tooltip=r)):delete e.l,e}var $r={encode_col:Ft,encode_row:Ot,encode_cell:Mt,encode_range:It,decode_col:function(e){for(var t=e.replace(/^\$([A-Z])/,"$1"),r=0,n=0;n!==t.length;++n)r=26*r+t.charCodeAt(n)-64;return r-1},decode_row:function(e){return parseInt(e.replace(/\$(\d+)$/,"$1"),10)-1},split_cell:function(e){return e.replace(/(\$?[A-Z]*)(\$?\d*)/,"$1,$2").split(",")},decode_cell:Et,decode_range:Nt,format_cell:$t,sheet_new:function(e){var t={};return(e||{}).dense&&(t["!data"]=[]),t},sheet_add_aoa:zt,sheet_add_json:Pr,sheet_add_dom:Cr,aoa_to_sheet:function(e,t){return zt(null,e,t)},json_to_sheet:function(e,t){return Pr(null,e,t)},table_to_sheet:Sr,table_to_book:function(e,t){return function(e,t){var r=t&&t.sheet?t.sheet:"Sheet1",n={};return n[r]=e,{SheetNames:[r],Sheets:n}}(Sr(e,t),t)},sheet_to_csv:Ir,sheet_to_txt:function(e,t){return t||(t={}),t.FS="\t",t.RS="\n",Ir(e,t)},sheet_to_json:Er,sheet_to_html:function(e,t){var r=t||{},n=null!=r.header?r.header:'SheetJS Table Export',a=null!=r.footer?r.footer:"",i=[n],o=Nt(e["!ref"]||"A1");if(i.push(function(e,t,r){return[].join("")+""}(0,0,r)),e["!ref"])for(var s=o.s.r;s<=o.e.r;++s)i.push(yr(e,o,s,r));return i.push(""+a),i.join("")},sheet_to_formulae:function(e,t){var r,n="",a="";if(null==e||null==e["!ref"])return[];var i,o=Lt(e["!ref"]),s="",l=[],c=[],f=null!=e["!data"];for(i=o.s.c;i<=o.e.c;++i)l[i]=Ft(i);for(var h=o.s.r;h<=o.e.r;++h)for(s=Ot(h),i=o.s.c;i<=o.e.c;++i)if(n=l[i]+s,a="",void 0!==(r=f?(e["!data"][h]||[])[i]:e[n])){if(null!=r.F){if(n=r.F,!r.f)continue;a=r.f,-1==n.indexOf(":")&&(n=n+":"+n)}if(null!=r.f)a=r.f;else{if(t&&!1===t.values)continue;if("z"==r.t)continue;if("n"==r.t&&null!=r.v)a=""+r.v;else if("b"==r.t)a=r.v?"TRUE":"FALSE";else if(void 0!==r.w)a="'"+r.w;else{if(void 0===r.v)continue;a="s"==r.t?"'"+r.v:""+r.v}}c[c.length]=n+"="+a}return c},sheet_to_row_object_array:Er,sheet_get_cell:Rr,book_new:function(e,t){var r={SheetNames:[],Sheets:{}};return e&&Lr(r,e,t||"Sheet1"),r},book_append_sheet:Lr,book_set_sheet_visibility:function(e,t,r){e.Workbook||(e.Workbook={}),e.Workbook.Sheets||(e.Workbook.Sheets=[]);var n=function(e,t){if("number"==typeof t){if(t>=0&&e.SheetNames.length>t)return t;throw new Error("Cannot find sheet # "+t)}if("string"==typeof t){var r=e.SheetNames.indexOf(t);if(r>-1)return r;throw new Error("Cannot find sheet name |"+t+"|")}throw new Error("Cannot find sheet |"+t+"|")}(e,t);switch(e.Workbook.Sheets[n]||(e.Workbook.Sheets[n]={}),r){case 0:case 1:case 2:break;default:throw new Error("Bad sheet visibility setting "+r)}e.Workbook.Sheets[n].Hidden=r},cell_set_number_format:function(e,t){return e.z=t,e},cell_set_hyperlink:Ur,cell_set_internal_link:function(e,t,r){return Ur(e,"#"+t,r)},cell_add_comment:function(e,t,r){e.c||(e.c=[]),e.c.push({t,a:r||"SheetJS"})},sheet_set_array_formula:function(e,t,r,n){for(var a="string"!=typeof t?t:Lt(t),i="string"==typeof t?t:It(t),o=a.s.r;o<=a.e.r;++o)for(var s=a.s.c;s<=a.e.c;++s){var l=Rr(e,o,s);l.t="n",l.F=i,delete l.v,o==a.s.r&&s==a.s.c&&(l.f=r,n&&(l.D=!0))}var c=Nt(e["!ref"]);return c.s.r>a.s.r&&(c.s.r=a.s.r),c.s.c>a.s.c&&(c.s.c=a.s.c),c.e.r - - - - Mendix - - {{themecss}} - {{appicons}} - {{manifest}} - {{startupimages}} - - - -
- - - - - + + + + {{unsupportedbrowser}} + + + Mendix + {{themecss}} + {{appicons}} + {{manifest}} + {{startupimages}} + + + + +
+ + + + \ No newline at end of file diff --git a/themesource/administration/native/design-properties.json b/themesource/administration/native/design-properties.json new file mode 100644 index 0000000..49d1a20 --- /dev/null +++ b/themesource/administration/native/design-properties.json @@ -0,0 +1,3 @@ +{ + +} diff --git a/themesource/administration/native/main.js b/themesource/administration/native/main.js new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/themesource/administration/native/main.js @@ -0,0 +1 @@ + diff --git a/themesource/administration/web/design-properties.json b/themesource/administration/web/design-properties.json new file mode 100644 index 0000000..49d1a20 --- /dev/null +++ b/themesource/administration/web/design-properties.json @@ -0,0 +1,3 @@ +{ + +} diff --git a/themesource/administration/web/main.scss b/themesource/administration/web/main.scss new file mode 100644 index 0000000..e69de29 diff --git a/themesource/atlas_core/.version b/themesource/atlas_core/.version new file mode 100644 index 0000000..c5b45eb --- /dev/null +++ b/themesource/atlas_core/.version @@ -0,0 +1 @@ +3.18.0 diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.badge.badge.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.badge.badge.json new file mode 100644 index 0000000..0a39384 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.badge.badge.json @@ -0,0 +1,10 @@ +{ + "Type": "Type", + "Render it as either a badge or a color label": "Render it as either a badge or a color label", + "Value": "Value", + "General": "General", + "On click": "On click", + "Events": "Events", + "Visibility": "Visibility", + "Common": "Common" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.badgebutton.badgebutton.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.badgebutton.badgebutton.json new file mode 100644 index 0000000..d49d33f --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.badgebutton.badgebutton.json @@ -0,0 +1,10 @@ +{ + "Caption": "Caption", + "General": "General", + "Value": "Value", + "Badge": "Badge", + "Visibility": "Visibility", + "On click": "On click", + "Events": "Events", + "Common": "Common" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.carousel.carousel.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.carousel.carousel.json new file mode 100644 index 0000000..c43a9a0 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.carousel.carousel.json @@ -0,0 +1,17 @@ +{ + "Carousel displaying images": "Carousel displaying images", + "Data source": "Data source", + "Content": "Content", + "Data Source": "Data Source", + "Pagination": "Pagination", + "Navigation controls": "Navigation controls", + "Auto play": "Auto play", + "Delay": "Delay", + "The amount of time to delay between automatically cycling an item (ms)": "The amount of time to delay between automatically cycling an item (ms)", + "Infinite loop": "Infinite loop", + "Animation": "Animation", + "Display": "Display", + "On click action": "On click action", + "Events": "Events", + "General": "General" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.colorpicker.colorpicker.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.colorpicker.colorpicker.json new file mode 100644 index 0000000..0134c92 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.colorpicker.colorpicker.json @@ -0,0 +1,24 @@ +{ + "Pick a color from color input": "Pick a color from color input", + "Color attribute": "Color attribute", + "The attribute containing a valid color, supported color formats are hexadecimal, rgb and rgba. Non-color formats such as ‘red’ are not supported.": "The attribute containing a valid color, supported color formats are hexadecimal, rgb and rgba. Non-color formats such as ‘red’ are not supported.", + "Data source": "Data source", + "Enable advanced options": "Enable advanced options", + "Display mode": "Display mode", + "The presentation of the color picker": "The presentation of the color picker", + "Picker type": "Picker type", + "The various different styles, for how the color picker should look when clicked.": "The various different styles, for how the color picker should look when clicked.", + "Color format": "Color format", + "The format that which the selected color will be saved as.": "The format that which the selected color will be saved as.", + "Default colors": "Default colors", + "This is a list of pre-defined colors used within the color picker.": "This is a list of pre-defined colors used within the color picker.", + "Color": "Color", + "Valid color value: #d0d0d0, rgb(115,159,159) or rgba(195,226,226,1)": "Valid color value: #d0d0d0, rgb(115,159,159) or rgba(195,226,226,1)", + "Invalid format message": "Invalid format message", + "Message shown when the user provides a wrong input, :colors: will be replaced by a sample format.": "Message shown when the user provides a wrong input, :colors: will be replaced by a sample format.", + "General": "General", + "Editability": "Editability", + "On change": "On change", + "Events": "Events", + "Visibility": "Visibility" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.maps.maps.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.maps.maps.json new file mode 100644 index 0000000..d36a922 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.maps.maps.json @@ -0,0 +1,60 @@ +{ + "Custom description please": "Custom description please", + "Enable advanced options": "Enable advanced options", + "General": "General", + "Marker": "Marker", + "A list of static locations on the map.": "A list of static locations on the map.", + "Location": "Location", + "Address": "Address", + "Address containing (a subset of) street, number, zipcode, city and country.": "Address containing (a subset of) street, number, zipcode, city and country.", + "Latitude": "Latitude", + "Decimal number from -90.0 to 90.0.": "Decimal number from -90.0 to 90.0.", + "Longitude": "Longitude", + "Decimal number from -180.0 to 180.0.": "Decimal number from -180.0 to 180.0.", + "Title": "Title", + "Title displayed when clicking the marker.": "Title displayed when clicking the marker.", + "On click": "On click", + "Events": "Events", + "Marker style": "Marker style", + "Image": "Image", + "Image that replaces the default icon.": "Image that replaces the default icon.", + "Visualization": "Visualization", + "Locations": "Locations", + "Marker list": "Marker list", + "A list of markers showing dynamic locations on the map.": "A list of markers showing dynamic locations on the map.", + "Data source": "Data source", + "Markers": "Markers", + "API Key": "API Key", + "API Key for usage of the map through the selected provider.Google Maps - https://developers.google.com/maps/documentation/javascript/get-api-key Map Box - https://docs.mapbox.com/help/getting-started/access-tokens/ Here Maps - https://developer.here.com/tutorials/getting-here-credentials/": "API Key for usage of the map through the selected provider.Google Maps - https://developers.google.com/maps/documentation/javascript/get-api-key Map Box - https://docs.mapbox.com/help/getting-started/access-tokens/ Here Maps - https://developer.here.com/tutorials/getting-here-credentials/", + "Geo location API key": "Geo location API key", + "Used to translate addresses to latitude and longitude. This API Key should be a Google Geocoding API Key found in https://developers.google.com/maps/documentation/geocoding/overview": "Used to translate addresses to latitude and longitude. This API Key should be a Google Geocoding API Key found in https://developers.google.com/maps/documentation/geocoding/overview", + "Show current location marker": "Show current location marker", + "Shows the user current location marker.": "Shows the user current location marker.", + "Configurations": "Configurations", + "Drag": "Drag", + "The center will move when end-users drag the map.": "The center will move when end-users drag the map.", + "Scroll to zoom": "Scroll to zoom", + "The map is zoomed with a mouse scroll.": "The map is zoomed with a mouse scroll.", + "Zoom": "Zoom", + "Show zoom controls [ + ] [ - ].": "Show zoom controls [ + ] [ - ].", + "Attribution control": "Attribution control", + "Add attributions to the map (credits).": "Add attributions to the map (credits).", + "Street view": "Street view", + "Enables the Street View control.": "Enables the Street View control.", + "Map type": "Map type", + "Enables switching between different map types.": "Enables switching between different map types.", + "Full screen": "Full screen", + "Rotate": "Rotate", + "Controls": "Controls", + "Width unit": "Width unit", + "Percentage: portion of parent size. Pixels: absolute amount of pixels.": "Percentage: portion of parent size. Pixels: absolute amount of pixels.", + "Width": "Width", + "Height unit": "Height unit", + "Height": "Height", + "Zoom level": "Zoom level", + "Dimensions": "Dimensions", + "Map provider": "Map provider", + "Google MapId key": "Google MapId key", + "Used to render and style the Google map. This MapId key from Google can be found in https://developers.google.com/maps/documentation/get-map-id": "Used to render and style the Google map. This MapId key from Google can be found in https://developers.google.com/maps/documentation/get-map-id", + "Advanced": "Advanced" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.progressbar.progressbar.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.progressbar.progressbar.json new file mode 100644 index 0000000..82e6b00 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.progressbar.progressbar.json @@ -0,0 +1,16 @@ +{ + "The widget lets you display a percentage as a bar": "The widget lets you display a percentage as a bar", + "Type": "Type", + "Current value": "Current value", + "Minimum value": "Minimum value", + "Maximum value": "Maximum value", + "General": "General", + "On click": "On click", + "Events": "Events", + "Show label": "Show label", + "Label type": "Label type", + "Note: If the Size of the progress bar is set to \"Small\" in the Appearance tab, then text and percentage labels will be shown in a tooltip and custom labels will be ignored.": "Note: If the Size of the progress bar is set to \"Small\" in the Appearance tab, then text and percentage labels will be shown in a tooltip and custom labels will be ignored.", + "Label text": "Label text", + "Custom label": "Custom label", + "Progress Label": "Progress Label" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.progresscircle.progresscircle.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.progresscircle.progresscircle.json new file mode 100644 index 0000000..e1c66ae --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.progresscircle.progresscircle.json @@ -0,0 +1,15 @@ +{ + "Displays a progress in a circle": "Displays a progress in a circle", + "Type": "Type", + "Current value": "Current value", + "Minimum value": "Minimum value", + "Maximum value": "Maximum value", + "General": "General", + "On click": "On click", + "Events": "Events", + "Show label": "Show label", + "Label type": "Label type", + "Label text": "Label text", + "Custom label": "Custom label", + "Progress Label": "Progress Label" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.rangeslider.rangeslider.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.rangeslider.rangeslider.json new file mode 100644 index 0000000..f539117 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.rangeslider.rangeslider.json @@ -0,0 +1,36 @@ +{ + "Change range of values using a slider": "Change range of values using a slider", + "Lower bound attribute": "Lower bound attribute", + "The lower bound value on the slider": "The lower bound value on the slider", + "Upper bound attribute": "Upper bound attribute", + "The upper bound value on the slider": "The upper bound value on the slider", + "Data source": "Data source", + "Enable advanced options": "Enable advanced options", + "Minimum value type": "Minimum value type", + "Minimum value": "Minimum value", + "Maximum value type": "Maximum value type", + "Maximum value": "Maximum value", + "Step size type": "Step size type", + "Step size": "Step size", + "Show tooltip": "Show tooltip", + "Lower bound tooltip type": "Lower bound tooltip type", + "By default tooltip shows current value. Choose 'Custom' to create your own template.": "By default tooltip shows current value. Choose 'Custom' to create your own template.", + "Tooltip": "Tooltip", + "Upper bound tooltip type": "Upper bound tooltip type", + "Tooltip always visible": "Tooltip always visible", + "When enabled tooltip is always visible to the user": "When enabled tooltip is always visible to the user", + "General": "General", + "Editability": "Editability", + "Visibility": "Visibility", + "Number of markers": "Number of markers", + "Marker ticks on the slider (visible when larger than 0)": "Marker ticks on the slider (visible when larger than 0)", + "Decimal places": "Decimal places", + "Number of decimal places for marker values": "Number of decimal places for marker values", + "Orientation": "Orientation", + "If orientation is 'Vertical', make sure that parent or slider itself has fixed height": "If orientation is 'Vertical', make sure that parent or slider itself has fixed height", + "Height unit": "Height unit", + "Height": "Height", + "Track": "Track", + "On change": "On change", + "Events": "Events" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.richtext.richtext.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.richtext.richtext.json new file mode 100644 index 0000000..37ad932 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.richtext.richtext.json @@ -0,0 +1,78 @@ +{ + "Rich inline or toolbar text editing": "Rich inline or toolbar text editing", + "Value attribute": "Value attribute", + "The attribute used for the content of the text editor, recommendation is to use an unlimited string data type.": "The attribute used for the content of the text editor, recommendation is to use an unlimited string data type.", + "Data source": "Data source", + "Menu bar": "Menu bar", + "Enable status bar": "Enable status bar", + "General": "General", + "Toolbar": "Toolbar", + "Mode": "Mode", + "Location": "Location", + "Enable quick toolbar": "Enable quick toolbar", + "Context menu": "Context menu", + "Read-only style": "Read-only style", + "How the rich text editor will appear in read-only mode.": "How the rich text editor will appear in read-only mode.", + "Editability": "Editability", + "Visibility": "Visibility", + "Width unit": "Width unit", + "Percentage: portion of parent size. Pixels: absolute amount of pixels.": "Percentage: portion of parent size. Pixels: absolute amount of pixels.", + "Width": "Width", + "Height unit": "Height unit", + "Height": "Height", + "Minimum height": "Minimum height", + "Editor's minimum height. The number value is in pixels.": "Editor's minimum height. The number value is in pixels.", + "Editor resize": "Editor resize", + "Dimensions": "Dimensions", + "On change": "On change", + "On enter": "On enter", + "On leave": "On leave", + "On key press": "On key press", + "Events": "Events", + "On change behavior": "On change behavior", + "Additional valid elements": "Additional valid elements", + "Additional sanitization rules to allow certain tag, sample: script[src|async]": "Additional sanitization rules to allow certain tag, sample: script[src|async]", + "Enable spell checking": "Enable spell checking", + "Highlight on focus": "Highlight on focus", + "Additional stylesheet": "Additional stylesheet", + "Additional stylesheet to be included in the rich text content": "Additional stylesheet to be included in the rich text content", + "Sandbox iframes": "Sandbox iframes", + "When enabled, all embedded media using iframes elements will be given the sandbox=\"\" attribute, applying all restrictions.": "When enabled, all embedded media using iframes elements will be given the sandbox=\"\" attribute, applying all restrictions.", + "Use relative URL Link": "Use relative URL Link", + "When enabled, same domain URL links will be converted into relative URL.": "When enabled, same domain URL links will be converted into relative URL.", + "Advanced": "Advanced", + "Toolbar group": "Toolbar group", + "Basic style": "Basic style", + "Extended style": "Extended style", + "Text alignment": "Text alignment", + "Clipboard": "Clipboard", + "Font style": "Font style", + "Paragraph": "Paragraph", + "Document": "Document", + "History": "History", + "Accordion": "Accordion", + "Code": "Code", + "Anchor": "Anchor", + "Text direction": "Text direction", + "Link": "Link", + "List": "List", + "Preview": "Preview", + "Table": "Table", + "Visual aid": "Visual aid", + "Media": "Media", + "Utility": "Utility", + "Emoticon": "Emoticon", + "Removal": "Removal", + "Advanced groups": "Advanced groups", + "Button": "Button", + "Button Type": "Button Type", + "Custom toolbar": "Custom toolbar", + "File": "File", + "Edit": "Edit", + "Insert": "Insert", + "View": "View", + "Format": "Format", + "Tools": "Tools", + "Help": "Help", + "Custom menubar": "Custom menubar" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.slider.slider.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.slider.slider.json new file mode 100644 index 0000000..937d270 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.slider.slider.json @@ -0,0 +1,35 @@ +{ + "Change a number value using a slider": "Change a number value using a slider", + "Value attribute": "Value attribute", + "Data source": "Data source", + "Enable advanced options": "Enable advanced options", + "Minimum value type": "Minimum value type", + "Minimum value": "Minimum value", + "The minimum value of the slider.": "The minimum value of the slider.", + "Maximum value type": "Maximum value type", + "Maximum value": "Maximum value", + "The maximum value of the slider.": "The maximum value of the slider.", + "Step size type": "Step size type", + "Step size": "Step size", + "Value to be added or subtracted on each step the slider makes. Must be greater than zero, and max - min should be evenly divisible by the step value.": "Value to be added or subtracted on each step the slider makes. Must be greater than zero, and max - min should be evenly divisible by the step value.", + "Show tooltip": "Show tooltip", + "Tooltip type": "Tooltip type", + "By default tooltip shows current value. Choose 'Custom' to create your own template.": "By default tooltip shows current value. Choose 'Custom' to create your own template.", + "Tooltip": "Tooltip", + "Tooltip always visible": "Tooltip always visible", + "When enabled tooltip is always visible to the user": "When enabled tooltip is always visible to the user", + "General": "General", + "Editability": "Editability", + "Visibility": "Visibility", + "Number of markers": "Number of markers", + "The number of marker ticks that appear along the slider’s track. (Visible when larger than 0)": "The number of marker ticks that appear along the slider’s track. (Visible when larger than 0)", + "Decimal places": "Decimal places", + "Number of decimal places for marker values": "Number of decimal places for marker values", + "Orientation": "Orientation", + "The orientation of the slider. If ‘Vertical’, make sure to set the either the height of the parent or slider to a fixed height.": "The orientation of the slider. If ‘Vertical’, make sure to set the either the height of the parent or slider to a fixed height.", + "Height unit": "Height unit", + "Height": "Height", + "Track": "Track", + "On change": "On change", + "Events": "Events" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.starrating.starrating.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.starrating.starrating.json new file mode 100644 index 0000000..768daad --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.starrating.starrating.json @@ -0,0 +1,12 @@ +{ + "Attribute": "Attribute", + "Empty icon": "Empty icon", + "Selected icon": "Selected icon", + "Amount": "Amount", + "The number of rating icons": "The number of rating icons", + "Animation": "Animation", + "General": "General", + "On change": "On change", + "Events": "Events", + "Common": "Common" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.switch.switch.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.switch.switch.json new file mode 100644 index 0000000..e5cc524 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.custom.switch.switch.json @@ -0,0 +1,11 @@ +{ + "Toggle a boolean attribute": "Toggle a boolean attribute", + "Boolean attribute": "Boolean attribute", + "Attribute to toggle": "Attribute to toggle", + "Data source": "Data source", + "On change": "On change", + "Action to be performed when the switch is toggled": "Action to be performed when the switch is toggled", + "Actions": "Actions", + "General": "General", + "Common": "Common" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.accessibilityhelper.accessibilityhelper.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.accessibilityhelper.accessibilityhelper.json new file mode 100644 index 0000000..201d7d7 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.accessibilityhelper.accessibilityhelper.json @@ -0,0 +1,14 @@ +{ + "Target selector": "Target selector", + "Selector to find the first HTML element you want to target which must be a valid CSS selector like '.mx-name-texbox1 input'": "Selector to find the first HTML element you want to target which must be a valid CSS selector like '.mx-name-texbox1 input'", + "Content": "Content", + "HTML Attributes": "HTML Attributes", + "HTML attribute": "HTML attribute", + "The HTML attribute to be set based on the condition. The following attributes are not allowed: 'class', 'style', 'widgetid', 'data-mendix-id'.": "The HTML attribute to be set based on the condition. The following attributes are not allowed: 'class', 'style', 'widgetid', 'data-mendix-id'.", + "Source type": "Source type", + "Expression value": "Expression value", + "Text value": "Text value", + "Condition": "Condition", + "Condition to determine if the HTML attribute must be set or not": "Condition to determine if the HTML attribute must be set or not", + "General": "General" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.accordion.accordion.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.accordion.accordion.json new file mode 100644 index 0000000..55ccf81 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.accordion.accordion.json @@ -0,0 +1,33 @@ +{ + "Toggle the display of sections of content.": "Toggle the display of sections of content.", + "Enable advanced options": "Enable advanced options", + "Groups": "Groups", + "Header": "Header", + "Text": "Text", + "Render mode": "Render mode", + "Content": "Content", + "Visible": "Visible", + "Dynamic class": "Dynamic class", + "Load content": "Load content", + "This property determines when the widgets should be rendered and data is fetched. The “Always” option will always load the widgets regardless whether the group is expanded. The “When expanded” option can reduce the initial (page) load time, but will increase the load time when expanding the group.": "This property determines when the widgets should be rendered and data is fetched. The “Always” option will always load the widgets regardless whether the group is expanded. The “When expanded” option can reduce the initial (page) load time, but will increase the load time when expanding the group.", + "General": "General", + "Start as": "Start as", + "Start as collapsed": "Start as collapsed", + "Collapsed": "Collapsed", + "Determines whether the group is collapsed or expanded. The 'Start as' properties override the attribute value for the initial state.": "Determines whether the group is collapsed or expanded. The 'Start as' properties override the attribute value for the initial state.", + "On change": "On change", + "Executes an action when the 'Collapsed' attribute value changes. Note: the 'Start as' properties can prevent execution of this action when the initial state changes.": "Executes an action when the 'Collapsed' attribute value changes. Note: the 'Start as' properties can prevent execution of this action when the initial state changes.", + "State": "State", + "Collapsible": "Collapsible", + "Expanded groups": "Expanded groups", + "Allow a single group or multiple groups to be expanded at the same time.": "Allow a single group or multiple groups to be expanded at the same time.", + "Animate": "Animate", + "Behavior": "Behavior", + "Show icon": "Show icon", + "Icon": "Icon", + "Expand icon": "Expand icon", + "Collapse icon": "Collapse icon", + "Animate icon": "Animate icon", + "Animate the icon when the group is collapsing or expanding.": "Animate the icon when the group is collapsing or expanding.", + "Visualization": "Visualization" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.areachart.areachart.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.areachart.areachart.json new file mode 100644 index 0000000..d3c2b8a --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.areachart.areachart.json @@ -0,0 +1,47 @@ +{ + "Create an area chart": "Create an area chart", + "Series": "Series", + "Add series and configure their properties": "Add series and configure their properties", + "Data set": "Data set", + "Data source": "Data source", + "Data points for a single series.": "Data points for a single series.", + "Data points for all series which will be divided into single series based on the Group by attribute value.": "Data points for all series which will be divided into single series based on the Group by attribute value.", + "Group by": "Group by", + "Data points within the same group form one series.": "Data points within the same group form one series.", + "Series name": "Series name", + "The series name displayed in the legend.": "The series name displayed in the legend.", + "X axis attribute": "X axis attribute", + "Y axis attribute": "Y axis attribute", + "Aggregation function": "Aggregation function", + "Defines how data is aggregated when multiple Y values are available for a single X value": "Defines how data is aggregated when multiple Y values are available for a single X value", + "Tooltip hover text": "Tooltip hover text", + "General": "General", + "Interpolation": "Interpolation", + "Line style": "Line style", + "Line color": "Line color", + "Marker color": "Marker color", + "Area fill color": "Area fill color", + "Appearance": "Appearance", + "On click action": "On click action", + "Events": "Events", + "Custom series options": "Custom series options", + "Advanced": "Advanced", + "Enable advanced options": "Enable advanced options", + "Show playground slot": "Show playground slot", + "Playground slot": "Playground slot", + "X axis label": "X axis label", + "Y axis label": "Y axis label", + "Show legend": "Show legend", + "Grid lines": "Grid lines", + "Visibility": "Visibility", + "Common": "Common", + "Width unit": "Width unit", + "Percentage: portion of parent size. Pixels: absolute amount of pixels.": "Percentage: portion of parent size. Pixels: absolute amount of pixels.", + "Width": "Width", + "Height unit": "Height unit", + "Height": "Height", + "Dimensions": "Dimensions", + "Enable theme folder config loading": "Enable theme folder config loading", + "Custom layout": "Custom layout", + "Custom configurations": "Custom configurations" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.barchart.barchart.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.barchart.barchart.json new file mode 100644 index 0000000..5e3a575 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.barchart.barchart.json @@ -0,0 +1,44 @@ +{ + "Create a bar chart": "Create a bar chart", + "Series": "Series", + "Add one or more lines. The order influences how lines overlay one another: the first line (from the top) is drawn lowest and other lines are drawn on top of it.": "Add one or more lines. The order influences how lines overlay one another: the first line (from the top) is drawn lowest and other lines are drawn on top of it.", + "Data set": "Data set", + "Data source": "Data source", + "Data points for a single line.": "Data points for a single line.", + "Data points for all lines which will be divided into single lines based on the Group by attribute value.": "Data points for all lines which will be divided into single lines based on the Group by attribute value.", + "Group by": "Group by", + "Data points within the same group form one line.": "Data points within the same group form one line.", + "Series name": "Series name", + "The line name displayed in the legend.": "The line name displayed in the legend.", + "X axis attribute": "X axis attribute", + "Y axis attribute": "Y axis attribute", + "Aggregation function": "Aggregation function", + "Defines how data is aggregated when multiple Y values are available for a single X value": "Defines how data is aggregated when multiple Y values are available for a single X value", + "Tooltip hover text": "Tooltip hover text", + "General": "General", + "Bar color": "Bar color", + "Appearance": "Appearance", + "On click action": "On click action", + "Events": "Events", + "Custom series options": "Custom series options", + "Advanced": "Advanced", + "Enable advanced options": "Enable advanced options", + "Show playground slot": "Show playground slot", + "Playground slot": "Playground slot", + "X axis label": "X axis label", + "Y axis label": "Y axis label", + "Bar format": "Bar format", + "Show legend": "Show legend", + "Grid lines": "Grid lines", + "Visibility": "Visibility", + "Common": "Common", + "Width unit": "Width unit", + "Percentage: portion of parent size. Pixels: absolute amount of pixels.": "Percentage: portion of parent size. Pixels: absolute amount of pixels.", + "Width": "Width", + "Height unit": "Height unit", + "Height": "Height", + "Dimensions": "Dimensions", + "Enable theme folder config loading": "Enable theme folder config loading", + "Custom layout": "Custom layout", + "Custom configurations": "Custom configurations" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.barcodescanner.barcodescanner.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.barcodescanner.barcodescanner.json new file mode 100644 index 0000000..6fd037a --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.barcodescanner.barcodescanner.json @@ -0,0 +1,24 @@ +{ + "The widget lets you scan a barcode": "The widget lets you scan a barcode", + "Scanned result": "Scanned result", + "The String attribute used to store the result of the scanned barcode.": "The String attribute used to store the result of the scanned barcode.", + "Show barcode mask": "Show barcode mask", + "Apply a mask to camera view, as a specific target area for the barcode.": "Apply a mask to camera view, as a specific target area for the barcode.", + "Use all barcode formats": "Use all barcode formats", + "Scan for all available barcode formats": "Scan for all available barcode formats", + "Enabled barcode formats": "Enabled barcode formats", + "Barcode format": "Barcode format", + "Barcode format which should be recognized by the scanner": "Barcode format which should be recognized by the scanner", + "Object list group": "Object list group", + "General": "General", + "On detect action": "On detect action", + "Action to trigger when the barcode has been successfully detected.": "Action to trigger when the barcode has been successfully detected.", + "Events": "Events", + "Common": "Common", + "Width unit": "Width unit", + "Percentage: portion of parent size. Pixels: absolute amount of pixels.": "Percentage: portion of parent size. Pixels: absolute amount of pixels.", + "Width": "Width", + "Height unit": "Height unit", + "Height": "Height", + "Dimensions": "Dimensions" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.bubblechart.bubblechart.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.bubblechart.bubblechart.json new file mode 100644 index 0000000..18a7121 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.bubblechart.bubblechart.json @@ -0,0 +1,47 @@ +{ + "Create a bubble chart": "Create a bubble chart", + "Data source": "Data source", + "Add one or more lines. The order influences how lines overlay one another: the first line (from the top) is drawn lowest and other lines are drawn on top of it.": "Add one or more lines. The order influences how lines overlay one another: the first line (from the top) is drawn lowest and other lines are drawn on top of it.", + "Data set": "Data set", + "Data points for a single line.": "Data points for a single line.", + "Data points for all lines which will be divided into single lines based on the Group by attribute value.": "Data points for all lines which will be divided into single lines based on the Group by attribute value.", + "Group by": "Group by", + "Data points within the same group form one line.": "Data points within the same group form one line.", + "Series name": "Series name", + "The line name displayed in the legend.": "The line name displayed in the legend.", + "X axis attribute": "X axis attribute", + "Y axis attribute": "Y axis attribute", + "Aggregation function": "Aggregation function", + "Defines how data is aggregated when multiple Y values are available for a single X value": "Defines how data is aggregated when multiple Y values are available for a single X value", + "Bubble size attribute": "Bubble size attribute", + "The value determines the bubble size": "The value determines the bubble size", + "Auto scale": "Auto scale", + "Scale factor": "Scale factor", + "When “Auto scale” is set to false, use the scale factor to determine the rendered size of the bubble, it will multiply the value of “bubble size” by this factor.": "When “Auto scale” is set to false, use the scale factor to determine the rendered size of the bubble, it will multiply the value of “bubble size” by this factor.", + "Tooltip hover text": "Tooltip hover text", + "General": "General", + "Marker color": "Marker color", + "Appearance": "Appearance", + "On click action": "On click action", + "Events": "Events", + "Custom series options": "Custom series options", + "Advanced": "Advanced", + "Enable advanced options": "Enable advanced options", + "Show playground slot": "Show playground slot", + "Playground slot": "Playground slot", + "X axis label": "X axis label", + "Y axis label": "Y axis label", + "Show legend": "Show legend", + "Grid lines": "Grid lines", + "Visibility": "Visibility", + "Common": "Common", + "Width unit": "Width unit", + "Percentage: portion of parent size. Pixels: absolute amount of pixels.": "Percentage: portion of parent size. Pixels: absolute amount of pixels.", + "Width": "Width", + "Height unit": "Height unit", + "Height": "Height", + "Dimensions": "Dimensions", + "Enable theme folder config loading": "Enable theme folder config loading", + "Custom layout": "Custom layout", + "Custom configurations": "Custom configurations" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.chartplayground.chartplayground.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.chartplayground.chartplayground.json new file mode 100644 index 0000000..a964983 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.chartplayground.chartplayground.json @@ -0,0 +1,3 @@ +{ + "A helper for easy and quick chart customization": "A helper for easy and quick chart customization" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.columnchart.columnchart.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.columnchart.columnchart.json new file mode 100644 index 0000000..9bcda6c --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.columnchart.columnchart.json @@ -0,0 +1,45 @@ +{ + "Create a column chart": "Create a column chart", + "Series": "Series", + "Add one or more columns. The order influences how columns overlay one another: the first column (from the top) is drawn lowest and other columns are drawn on top of it.": "Add one or more columns. The order influences how columns overlay one another: the first column (from the top) is drawn lowest and other columns are drawn on top of it.", + "Data set": "Data set", + "Data source": "Data source", + "Data points for a single column.": "Data points for a single column.", + "Data points for all columns which will be divided into single columns based on the Group by attribute value.": "Data points for all columns which will be divided into single columns based on the Group by attribute value.", + "Group by": "Group by", + "Data points within the same group form one column.": "Data points within the same group form one column.", + "Series name": "Series name", + "The column name displayed in the legend.": "The column name displayed in the legend.", + "X axis attribute": "X axis attribute", + "Y axis attribute": "Y axis attribute", + "Aggregation function": "Aggregation function", + "Defines how data is aggregated when multiple Y values are available for a single X value": "Defines how data is aggregated when multiple Y values are available for a single X value", + "Tooltip hover text": "Tooltip hover text", + "General": "General", + "Column color": "Column color", + "Appearance": "Appearance", + "On click action": "On click action", + "Events": "Events", + "Custom series options": "Custom series options", + "Advanced": "Advanced", + "Data Source": "Data Source", + "Enable advanced options": "Enable advanced options", + "Show playground slot": "Show playground slot", + "Playground slot": "Playground slot", + "X axis label": "X axis label", + "Y axis label": "Y axis label", + "Show legend": "Show legend", + "Grid lines": "Grid lines", + "Column format": "Column format", + "Visibility": "Visibility", + "Common": "Common", + "Width unit": "Width unit", + "Percentage: portion of parent size. Pixels: absolute amount of pixels.": "Percentage: portion of parent size. Pixels: absolute amount of pixels.", + "Width": "Width", + "Height unit": "Height unit", + "Height": "Height", + "Dimensions": "Dimensions", + "Enable theme folder config loading": "Enable theme folder config loading", + "Custom layout": "Custom layout", + "Custom configurations": "Custom configurations" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.combobox.combobox.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.combobox.combobox.json new file mode 100644 index 0000000..ae9d77c --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.combobox.combobox.json @@ -0,0 +1,58 @@ +{ + "Source": "Source", + "Type": "Type", + "Attribute": "Attribute", + "Selectable objects": "Selectable objects", + "Selection type": "Selection type", + "Data source": "Data source", + "Value": "Value", + "Default value": "Default value", + "Entity": "Entity", + "Caption type": "Caption type", + "Caption": "Caption", + "Values": "Values", + "Value to be set": "Value to be set", + "Custom content": "Custom content", + "Caption to be shown": "Caption to be shown", + "Static values": "Static values", + "Placeholder text": "Placeholder text", + "Filter type": "Filter type", + "No options text": "No options text", + "Clearable": "Clearable", + "Show footer": "Show footer", + "Footer content": "Footer content", + "General": "General", + "Selection method": "Selection method", + "Show selected items as": "Show selected items as", + "Show select all": "Show select all", + "Add a button to select/deselect all options.": "Add a button to select/deselect all options.", + "Caption for select all": "Caption for select all", + "Multiple-selection (reference set)": "Multiple-selection (reference set)", + "Label": "Label", + "Conditional visibility": "Conditional visibility", + "Read-only style": "Read-only style", + "How the combo box will appear in read-only mode.": "How the combo box will appear in read-only mode.", + "Editability": "Editability", + "On change action": "On change action", + "On enter action": "On enter action", + "On leave action": "On leave action", + "Events": "Events", + "Aria required": "Aria required", + "Accessibility": "Accessibility", + "Clear selection button": "Clear selection button", + "Used to clear all selected values.": "Used to clear all selected values.", + "Remove value button": "Remove value button", + "Used to remove individual selected values when using labels with multi-selection.": "Used to remove individual selected values when using labels with multi-selection.", + "Aria labels": "Aria labels", + "Selected value": "Selected value", + "Output example: \"Selected value: Avocado, Apple, Banana.\"": "Output example: \"Selected value: Avocado, Apple, Banana.\"", + "Options available": "Options available", + "Output example: \"Number of options available: 1\"": "Output example: \"Number of options available: 1\"", + "Instructions": "Instructions", + "Instructions to be read after announcing the status.": "Instructions to be read after announcing the status.", + "Accessibility status message": "Accessibility status message", + "Lazy loading": "Lazy loading", + "Loading type": "Loading type", + "Performance": "Performance", + "Advanced": "Advanced" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagrid.datagrid.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagrid.datagrid.json new file mode 100644 index 0000000..04aa95e --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagrid.datagrid.json @@ -0,0 +1,87 @@ +{ + "Enable advanced options": "Enable advanced options", + "Data source": "Data source", + "Refresh time (in seconds)": "Refresh time (in seconds)", + "Selection": "Selection", + "Selection method": "Selection method", + "Toggle on click": "Toggle on click", + "Defines item selection behavior.": "Defines item selection behavior.", + "Show (un)check all toggle": "Show (un)check all toggle", + "Show a checkbox in the grid header to check or uncheck multiple items.": "Show a checkbox in the grid header to check or uncheck multiple items.", + "General": "General", + "Columns": "Columns", + "Show": "Show", + "Attribute": "Attribute", + "Attribute is required if the column can be sorted or filtered": "Attribute is required if the column can be sorted or filtered", + "Custom content": "Custom content", + "Dynamic text": "Dynamic text", + "Export value": "Export value", + "Caption": "Caption", + "Tooltip": "Tooltip", + "Filter": "Filter", + "Reference": "Reference", + "Set the reference to enable filtering over association with the Drop-down filter widget.": "Set the reference to enable filtering over association with the Drop-down filter widget.", + "The options to show in the Drop-down filter widget.": "The options to show in the Drop-down filter widget.", + "Use lazy load": "Use lazy load", + "Lazy loading enables faster data grid loading, but with personalization enabled, value restoration will be limited.": "Lazy loading enables faster data grid loading, but with personalization enabled, value restoration will be limited.", + "Option caption": "Option caption", + "Visible": "Visible", + "Can sort": "Can sort", + "Can resize": "Can resize", + "Can reorder": "Can reorder", + "Can hide": "Can hide", + "Allow row events": "Allow row events", + "If set to yes, then all default events on the row, such as \"on click\" or selection, will be triggered when the user interacts with custom content.": "If set to yes, then all default events on the row, such as \"on click\" or selection, will be triggered when the user interacts with custom content.", + "Column capabilities": "Column capabilities", + "Column width": "Column width", + "Min width": "Min width", + "Min width value (px)": "Min width value (px)", + "Column size": "Column size", + "Alignment": "Alignment", + "Dynamic cell class": "Dynamic cell class", + "Wrap text": "Wrap text", + "Appearance": "Appearance", + "Show column filters": "Show column filters", + "Page size": "Page size", + "Pagination": "Pagination", + "Position of paging buttons": "Position of paging buttons", + "Show paging buttons": "Show paging buttons", + "Load more caption": "Load more caption", + "Empty list message": "Empty list message", + "Empty placeholder": "Empty placeholder", + "Dynamic row class": "Dynamic row class", + "Rows": "Rows", + "On click trigger": "On click trigger", + "On click action": "On click action", + "On selection change": "On selection change", + "Events": "Events", + "Sorting": "Sorting", + "Enable sorting for all columns unless specified otherwise in the column setting": "Enable sorting for all columns unless specified otherwise in the column setting", + "Resizing": "Resizing", + "Enable resizing for all columns unless specified otherwise in the column setting": "Enable resizing for all columns unless specified otherwise in the column setting", + "Reordering": "Reordering", + "Enable reordering for all columns unless specified otherwise in the column setting": "Enable reordering for all columns unless specified otherwise in the column setting", + "Hiding": "Hiding", + "Enable hiding for all columns unless specified otherwise in the column setting": "Enable hiding for all columns unless specified otherwise in the column setting", + "Store configuration in": "Store configuration in", + "When Browser local storage is selected, the configuration is scoped to a browser profile. This configuration is not tied to a Mendix user.": "When Browser local storage is selected, the configuration is scoped to a browser profile. This configuration is not tied to a Mendix user.", + "Attribute containing the personalized configuration of the capabilities. This configuration is automatically stored and loaded. The attribute requires Unlimited String.": "Attribute containing the personalized configuration of the capabilities. This configuration is automatically stored and loaded. The attribute requires Unlimited String.", + "On change": "On change", + "Configuration": "Configuration", + "Personalization": "Personalization", + "Filters": "Filters", + "The list of attributes is used by the filter widgets that are placed in the placeholder above the data grid. This enables filtering across multiple attributes or columns instead of limiting to a single column.": "The list of attributes is used by the filter widgets that are placed in the placeholder above the data grid. This enables filtering across multiple attributes or columns instead of limiting to a single column.", + "Filter attribute": "Filter attribute", + "Filters placeholder": "Filters placeholder", + "Grid wide filtering": "Grid wide filtering", + "Filter section": "Filter section", + "Assistive technology will read this upon reaching a filtering or sorting section.": "Assistive technology will read this upon reaching a filtering or sorting section.", + "Export progress": "Export progress", + "Assistive technology will read this upon reaching a export dialog.": "Assistive technology will read this upon reaching a export dialog.", + "Cancel data export": "Cancel data export", + "Assistive technology will read this upon reaching a cancel button.": "Assistive technology will read this upon reaching a cancel button.", + "Select row": "Select row", + "If selection is enabled, assistive technology will read this upon reaching a checkbox.": "If selection is enabled, assistive technology will read this upon reaching a checkbox.", + "Aria labels": "Aria labels", + "Accessibility": "Accessibility" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagriddatefilter.datagriddatefilter.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagriddatefilter.datagriddatefilter.json new file mode 100644 index 0000000..c441751 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagriddatefilter.datagriddatefilter.json @@ -0,0 +1,28 @@ +{ + "Enable advanced options": "Enable advanced options", + "Default value": "Default value", + "Default start date": "Default start date", + "Default end date": "Default end date", + "Default filter": "Default filter", + "Placeholder": "Placeholder", + "Adjustable by user": "Adjustable by user", + "General": "General", + "Saved attribute": "Saved attribute", + "Attribute used to store the last value of the filter.": "Attribute used to store the last value of the filter.", + "Saved start date attribute": "Saved start date attribute", + "Attribute used to store the last value of the start date filter.": "Attribute used to store the last value of the start date filter.", + "Saved end date attribute": "Saved end date attribute", + "Attribute used to store the last value of the end date filter.": "Attribute used to store the last value of the end date filter.", + "Configurations": "Configurations", + "On change": "On change", + "Action to be triggered when the value or filter changes.": "Action to be triggered when the value or filter changes.", + "Events": "Events", + "Comparison button caption": "Comparison button caption", + "Assistive technology will read this upon reaching the comparison button that triggers the filter type drop-down menu.": "Assistive technology will read this upon reaching the comparison button that triggers the filter type drop-down menu.", + "Calendar button caption": "Calendar button caption", + "Assistive technology will read this upon reaching the button that triggers the calendar.": "Assistive technology will read this upon reaching the button that triggers the calendar.", + "Input caption": "Input caption", + "Assistive technology will read this upon reaching the input element.": "Assistive technology will read this upon reaching the input element.", + "Screen reader": "Screen reader", + "Accessibility": "Accessibility" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagriddropdownfilter.datagriddropdownfilter.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagriddropdownfilter.datagriddropdownfilter.json new file mode 100644 index 0000000..4e799ca --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagriddropdownfilter.datagriddropdownfilter.json @@ -0,0 +1,22 @@ +{ + "Automatic options": "Automatic options", + "Show options based on the references or the enumeration values and captions.": "Show options based on the references or the enumeration values and captions.", + "Enable advanced options": "Enable advanced options", + "Default value": "Default value", + "Empty option caption will be shown by default or if configured default value matches none of the options": "Empty option caption will be shown by default or if configured default value matches none of the options", + "Options": "Options", + "Caption": "Caption", + "Value": "Value", + "Empty option caption": "Empty option caption", + "Multiselect": "Multiselect", + "General": "General", + "Saved attribute": "Saved attribute", + "Attribute used to store the last value of the filter. Associations are not supported.": "Attribute used to store the last value of the filter. Associations are not supported.", + "Configurations": "Configurations", + "On change": "On change", + "Action to be triggered when the value or filter changes.": "Action to be triggered when the value or filter changes.", + "Events": "Events", + "Input caption": "Input caption", + "Assistive technology will read this upon reaching the input element.": "Assistive technology will read this upon reaching the input element.", + "Accessibility": "Accessibility" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagridnumberfilter.datagridnumberfilter.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagridnumberfilter.datagridnumberfilter.json new file mode 100644 index 0000000..c8e6f27 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagridnumberfilter.datagridnumberfilter.json @@ -0,0 +1,23 @@ +{ + "Enable advanced options": "Enable advanced options", + "Default value": "Default value", + "Default filter": "Default filter", + "Placeholder": "Placeholder", + "Adjustable by user": "Adjustable by user", + "General": "General", + "Apply after (ms)": "Apply after (ms)", + "Wait this period before applying then change(s) to the filter": "Wait this period before applying then change(s) to the filter", + "On change behavior": "On change behavior", + "Saved attribute": "Saved attribute", + "Attribute used to store the last value of the filter.": "Attribute used to store the last value of the filter.", + "Configurations": "Configurations", + "On change": "On change", + "Action to be triggered when the value or filter changes.": "Action to be triggered when the value or filter changes.", + "Events": "Events", + "Comparison button caption": "Comparison button caption", + "Assistive technology will read this upon reaching the comparison button that triggers the filter type drop-down menu.": "Assistive technology will read this upon reaching the comparison button that triggers the filter type drop-down menu.", + "Input caption": "Input caption", + "Assistive technology will read this upon reaching the input element.": "Assistive technology will read this upon reaching the input element.", + "Screen reader": "Screen reader", + "Accessibility": "Accessibility" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagridtextfilter.datagridtextfilter.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagridtextfilter.datagridtextfilter.json new file mode 100644 index 0000000..c8e6f27 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.datagridtextfilter.datagridtextfilter.json @@ -0,0 +1,23 @@ +{ + "Enable advanced options": "Enable advanced options", + "Default value": "Default value", + "Default filter": "Default filter", + "Placeholder": "Placeholder", + "Adjustable by user": "Adjustable by user", + "General": "General", + "Apply after (ms)": "Apply after (ms)", + "Wait this period before applying then change(s) to the filter": "Wait this period before applying then change(s) to the filter", + "On change behavior": "On change behavior", + "Saved attribute": "Saved attribute", + "Attribute used to store the last value of the filter.": "Attribute used to store the last value of the filter.", + "Configurations": "Configurations", + "On change": "On change", + "Action to be triggered when the value or filter changes.": "Action to be triggered when the value or filter changes.", + "Events": "Events", + "Comparison button caption": "Comparison button caption", + "Assistive technology will read this upon reaching the comparison button that triggers the filter type drop-down menu.": "Assistive technology will read this upon reaching the comparison button that triggers the filter type drop-down menu.", + "Input caption": "Input caption", + "Assistive technology will read this upon reaching the input element.": "Assistive technology will read this upon reaching the input element.", + "Screen reader": "Screen reader", + "Accessibility": "Accessibility" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.dropdownsort.dropdownsort.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.dropdownsort.dropdownsort.json new file mode 100644 index 0000000..e2f29e5 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.dropdownsort.dropdownsort.json @@ -0,0 +1,9 @@ +{ + "Empty option caption": "Empty option caption", + "General": "General", + "Sort order button caption": "Sort order button caption", + "Assistive technology will read this upon reaching the sort order button.": "Assistive technology will read this upon reaching the sort order button.", + "Input caption": "Input caption", + "Assistive technology will read this upon reaching the input element.": "Assistive technology will read this upon reaching the input element.", + "Accessibility": "Accessibility" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.events.events.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.events.events.json new file mode 100644 index 0000000..73bcafc --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.events.events.json @@ -0,0 +1,11 @@ +{ + "Events": "Events", + "Action": "Action", + "Delay": "Delay", + "Timer delay to first action execution. Value is in milliseconds. If set to 0, action will be triggered immediately.": "Timer delay to first action execution. Value is in milliseconds. If set to 0, action will be triggered immediately.", + "Repeat": "Repeat", + "Interval between repeat action execution. Value is in milliseconds.": "Interval between repeat action execution. Value is in milliseconds.", + "Component load": "Component load", + "Attribute": "Attribute", + "On change": "On change" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.fieldset.fieldset.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.fieldset.fieldset.json new file mode 100644 index 0000000..d6b46c0 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.fieldset.fieldset.json @@ -0,0 +1,7 @@ +{ + "Legend": "Legend", + "Content": "Content", + "General": "General", + "Visibility": "Visibility", + "Common": "Common" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.fileuploader.fileuploader.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.fileuploader.fileuploader.json new file mode 100644 index 0000000..073e9ba --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.fileuploader.fileuploader.json @@ -0,0 +1,20 @@ +{ + "My widget description": "My widget description", + "Associated files": "Associated files", + "Action to create new files": "Action to create new files", + "Allowed file formats": "Allowed file formats", + "List of comma separated file formats. No restrictions if left empty.": "List of comma separated file formats. No restrictions if left empty.", + "Configuration mode": "Configuration mode", + "Predefined type": "Predefined type", + "Mime Type": "Mime Type", + "For example 'image/jpeg' or 'application/pdf'": "For example 'image/jpeg' or 'application/pdf'", + "Extensions list": "Extensions list", + "Comma separated list of extensions. For example: '.jpg,.jpeg'.": "Comma separated list of extensions. For example: '.jpg,.jpeg'.", + "Type description": "Type description", + "Shown to the end users to describe supported file types.": "Shown to the end users to describe supported file types.", + "General": "General", + "Maximum number of files": "Maximum number of files", + "Limit the number of file per one upload.": "Limit the number of file per one upload.", + "Maximum file size (MB)": "Maximum file size (MB)", + "Reject files that are bigger than specified size.": "Reject files that are bigger than specified size." +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.gallery.gallery.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.gallery.gallery.json new file mode 100644 index 0000000..b74acb9 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.gallery.gallery.json @@ -0,0 +1,39 @@ +{ + "Enable advanced options": "Enable advanced options", + "Data source": "Data source", + "Selection": "Selection", + "Item click toggles selection": "Item click toggles selection", + "Defines item selection behavior.": "Defines item selection behavior.", + "Content placeholder": "Content placeholder", + "General": "General", + "Desktop columns": "Desktop columns", + "Tablet columns": "Tablet columns", + "Phone columns": "Phone columns", + "Columns": "Columns", + "Page size": "Page size", + "Pagination": "Pagination", + "Position of paging buttons": "Position of paging buttons", + "Empty message": "Empty message", + "Empty placeholder": "Empty placeholder", + "Dynamic item class": "Dynamic item class", + "Items": "Items", + "On click trigger": "On click trigger", + "On click action": "On click action", + "On selection change": "On selection change", + "Events": "Events", + "Filters": "Filters", + "Filter attribute": "Filter attribute", + "Filters placeholder": "Filters placeholder", + "Filtering": "Filtering", + "Sort attributes": "Sort attributes", + "Attribute": "Attribute", + "Caption": "Caption", + "Sorting": "Sorting", + "Filter section": "Filter section", + "Assistive technology will read this upon reaching a filtering or sorting section.": "Assistive technology will read this upon reaching a filtering or sorting section.", + "Assistive technology will read this upon reaching an empty message section.": "Assistive technology will read this upon reaching an empty message section.", + "Content description": "Content description", + "Assistive technology will read this upon reaching gallery.": "Assistive technology will read this upon reaching gallery.", + "Aria labels": "Aria labels", + "Accessibility": "Accessibility" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.googletag.googletag.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.googletag.googletag.json new file mode 100644 index 0000000..1083242 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.googletag.googletag.json @@ -0,0 +1,20 @@ +{ + "Google tag integration widget": "Google tag integration widget", + "Widget mode": "Widget mode", + "The basic option automatically sends page view events. Place this widget in the layouts to automatically send events when pages are changed. The advanced option can be used for more control.": "The basic option automatically sends page view events. Place this widget in the layouts to automatically send events when pages are changed. The advanced option can be used for more control.", + "Tag ID": "Tag ID", + "Examples of tag IDs include GT-XXXXXXXXX, G-XXXXXXXXX, and AW-XXXXXXXXX": "Examples of tag IDs include GT-XXXXXXXXX, G-XXXXXXXXX, and AW-XXXXXXXXX", + "Parameters": "Parameters", + "Name": "Name", + "Value": "Value", + "Standard value": "Standard value", + "Custom value": "Custom value", + "General": "General", + "Share user ID": "Share user ID", + "Expose the authenticated User ID to uniquely identify individual users in Google Analytics.": "Expose the authenticated User ID to uniquely identify individual users in Google Analytics.", + "Command": "Command", + "Event can be used to send an event. Config can be used to configure advanced configuration parameters.": "Event can be used to send an event. Config can be used to configure advanced configuration parameters.", + "Event name": "Event name", + "Track page changes": "Track page changes", + "Send the event when the page is changed.": "Send the event when the page is changed." +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.heatmap.heatmap.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.heatmap.heatmap.json new file mode 100644 index 0000000..6ee2dc4 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.heatmap.heatmap.json @@ -0,0 +1,50 @@ +{ + "Renders a heatmap chart": "Renders a heatmap chart", + "Series": "Series", + "Value attribute": "Value attribute", + "The attribute used to display “heat” at an “x y” location.": "The attribute used to display “heat” at an “x y” location.", + "Data source": "Data source", + "X Axis Attribute": "X Axis Attribute", + "X Axis Sort Attribute": "X Axis Sort Attribute", + "Attribute to use for sorting the data. Sorting can only be used when data source is ‘Database’. For data source ‘Microflow’, the sorting should be done within the microflow.": "Attribute to use for sorting the data. Sorting can only be used when data source is ‘Database’. For data source ‘Microflow’, the sorting should be done within the microflow.", + "X Axis Sort Order": "X Axis Sort Order", + "Y Axis Attribute": "Y Axis Attribute", + "Y Axis Sort Attribute": "Y Axis Sort Attribute", + "Y Axis Sort Order": "Y Axis Sort Order", + "Axis": "Axis", + "Enable Advanced Options": "Enable Advanced Options", + "Show playground slot": "Show playground slot", + "Playground slot": "Playground slot", + "X axis label": "X axis label", + "Y axis label": "Y axis label", + "Show Scale": "Show Scale", + "Grid lines": "Grid lines", + "General": "General", + "Colors": "Colors", + "The percentages with the colors that should be applied. At least two values needs to be specified, for 0% and 100%, else the default colors are used.": "The percentages with the colors that should be applied. At least two values needs to be specified, for 0% and 100%, else the default colors are used.", + "Percentage": "Percentage", + "The percentage at which the color should be applied. This value must be between 0 and 100.": "The percentage at which the color should be applied. This value must be between 0 and 100.", + "Color": "Color", + "The CSS value e.g. blue, #48B0F7 or rgb(0,0,0)": "The CSS value e.g. blue, #48B0F7 or rgb(0,0,0)", + "Scale": "Scale", + "Smooth color": "Smooth color", + "Gradual color gradient between data points": "Gradual color gradient between data points", + "Show values": "Show values", + "Font value color": "Font value color", + "Visibility": "Visibility", + "Width unit": "Width unit", + "Percentage: portion of parent size. Pixels: absolute amount of pixels.": "Percentage: portion of parent size. Pixels: absolute amount of pixels.", + "Width": "Width", + "Height unit": "Height unit", + "Height": "Height", + "Dimensions": "Dimensions", + "On click action": "On click action", + "Tooltip hover text": "Tooltip hover text", + "Events": "Events", + "Enable theme folder config loading": "Enable theme folder config loading", + "Custom layout": "Custom layout", + "Custom configurations": "Custom configurations", + "Custom series options": "Custom series options", + "Advanced": "Advanced", + "Common": "Common" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.htmlelement.htmlelement.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.htmlelement.htmlelement.json new file mode 100644 index 0000000..11fdf8c --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.htmlelement.htmlelement.json @@ -0,0 +1,27 @@ +{ + "Displays custom HTML": "Displays custom HTML", + "Tag name": "Tag name", + "Custom tag": "Custom tag", + "Repeat element": "Repeat element", + "Repeat element for each item in data source.": "Repeat element for each item in data source.", + "Data source": "Data source", + "Content": "Content", + "HTML": "HTML", + "HTML element": "HTML element", + "Attributes": "Attributes", + "The HTML attributes that are added to the HTML element. For example: ‘title‘, ‘href‘. If ‘class’ or ‘style’ is added as attribute this is merged with the widget class/style property. For events (e.g. onClick) use the Events section.": "The HTML attributes that are added to the HTML element. For example: ‘title‘, ‘href‘. If ‘class’ or ‘style’ is added as attribute this is merged with the widget class/style property. For events (e.g. onClick) use the Events section.", + "Name": "Name", + "Value based on": "Value based on", + "Value": "Value", + "HTML attributes": "HTML attributes", + "General": "General", + "Events": "Events", + "Action": "Action", + "Event": "Event", + "Stop propagation": "Stop propagation", + "Prevent default": "Prevent default", + "Advanced": "Advanced", + "Sanitization configuration": "Sanitization configuration", + "Configuration for HTML sanitization in JSON format. Leave blank for default.": "Configuration for HTML sanitization in JSON format. Leave blank for default.", + "HTML Sanitization": "HTML Sanitization" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.image.image.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.image.image.json new file mode 100644 index 0000000..f72c6c1 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.image.image.json @@ -0,0 +1,34 @@ +{ + "Display an image and enlarge it on click.": "Display an image and enlarge it on click.", + "Image type": "Image type", + "Image source": "Image source", + "Default image": "Default image", + "This is the image that is displayed if no image is uploaded.": "This is the image that is displayed if no image is uploaded.", + "Image URL": "Image URL", + "The link of the external image.": "The link of the external image.", + "Icon": "Icon", + "The icon image.": "The icon image.", + "Background image": "Background image", + "Whether the image is rendered as a background. More content can be put inside, while design properties will have no effect.": "Whether the image is rendered as a background. More content can be put inside, while design properties will have no effect.", + "Place content here": "Place content here", + "Data source": "Data source", + "On click type": "On click type", + "On click": "On click", + "Events": "Events", + "Alternative text": "Alternative text", + "Alternative text of the image for accessibility purposes.": "Alternative text of the image for accessibility purposes.", + "Accessibility": "Accessibility", + "Conditional Visibility": "Conditional Visibility", + "General": "General", + "Width unit": "Width unit", + "Width": "Width", + "Height unit": "Height unit", + "Auto will keep the aspect ratio of the image.": "Auto will keep the aspect ratio of the image.", + "Height": "Height", + "Icon size": "Icon size", + "The size of the icon in pixels.": "The size of the icon in pixels.", + "Show": "Show", + "Responsive": "Responsive", + "Image will never get larger than its original size. It can become smaller.": "Image will never get larger than its original size. It can become smaller.", + "Dimensions": "Dimensions" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.languageselector.languageselector.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.languageselector.languageselector.json new file mode 100644 index 0000000..2c25814 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.languageselector.languageselector.json @@ -0,0 +1,15 @@ +{ + "Data source": "Data source", + "Recommended: Database data source with System.Language as entity.": "Recommended: Database data source with System.Language as entity.", + "Language caption": "Language caption", + "Recommended: $currentObject/Description.": "Recommended: $currentObject/Description.", + "Languages": "Languages", + "Menu position": "Menu position", + "The location of the menu relative to the current selected language (click area).": "The location of the menu relative to the current selected language (click area).", + "Open menu on": "Open menu on", + "Hide for single language": "Hide for single language", + "General": "General", + "Label caption": "Label caption", + "Assistive technology will read this upon reaching the input element.": "Assistive technology will read this upon reaching the input element.", + "Accessibility": "Accessibility" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.linechart.linechart.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.linechart.linechart.json new file mode 100644 index 0000000..15fd8c4 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.linechart.linechart.json @@ -0,0 +1,46 @@ +{ + "Create a line chart": "Create a line chart", + "Series": "Series", + "Add one or more lines. The order influences how lines overlay one another: the first line (from the top) is drawn lowest and other lines are drawn on top of it.": "Add one or more lines. The order influences how lines overlay one another: the first line (from the top) is drawn lowest and other lines are drawn on top of it.", + "Data set": "Data set", + "Data source": "Data source", + "Data points for a single line.": "Data points for a single line.", + "Data points for all lines which will be divided into single lines based on the Group by attribute value.": "Data points for all lines which will be divided into single lines based on the Group by attribute value.", + "Group by": "Group by", + "Data points within the same group form one line.": "Data points within the same group form one line.", + "Series name": "Series name", + "The line name displayed in the legend.": "The line name displayed in the legend.", + "X axis attribute": "X axis attribute", + "Y axis attribute": "Y axis attribute", + "Aggregation function": "Aggregation function", + "Defines how data is aggregated when multiple Y values are available for a single X value": "Defines how data is aggregated when multiple Y values are available for a single X value", + "Tooltip hover text": "Tooltip hover text", + "General": "General", + "Interpolation": "Interpolation", + "Line style": "Line style", + "Line color": "Line color", + "Marker color": "Marker color", + "Appearance": "Appearance", + "On click action": "On click action", + "Events": "Events", + "Custom series options": "Custom series options", + "Advanced": "Advanced", + "Enable advanced options": "Enable advanced options", + "Show playground slot": "Show playground slot", + "Playground slot": "Playground slot", + "X axis label": "X axis label", + "Y axis label": "Y axis label", + "Show legend": "Show legend", + "Grid lines": "Grid lines", + "Visibility": "Visibility", + "Common": "Common", + "Width unit": "Width unit", + "Percentage: portion of parent size. Pixels: absolute amount of pixels.": "Percentage: portion of parent size. Pixels: absolute amount of pixels.", + "Width": "Width", + "Height unit": "Height unit", + "Height": "Height", + "Dimensions": "Dimensions", + "Enable theme folder config loading": "Enable theme folder config loading", + "Custom layout": "Custom layout", + "Custom configurations": "Custom configurations" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.markdown.markdown.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.markdown.markdown.json new file mode 100644 index 0000000..3245228 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.markdown.markdown.json @@ -0,0 +1,8 @@ +{ + "Value attribute": "Value attribute", + "The attribute used for the content of the text editor, recommendation is to use an unlimited string data type.": "The attribute used for the content of the text editor, recommendation is to use an unlimited string data type.", + "Data source": "Data source", + "Label": "Label", + "Conditional visibility": "Conditional visibility", + "General": "General" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.piechart.piechart.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.piechart.piechart.json new file mode 100644 index 0000000..c46e223 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.piechart.piechart.json @@ -0,0 +1,33 @@ +{ + "Renders a pie or doughnut chart": "Renders a pie or doughnut chart", + "Series": "Series", + "Series name": "Series name", + "Value attribute": "Value attribute", + "Sort attribute": "Sort attribute", + "Sort order": "Sort order", + "Slice color": "Slice color", + "Data source": "Data source", + "Enable advanced options": "Enable advanced options", + "Show playground slot": "Show playground slot", + "Playground slot": "Playground slot", + "Show legend": "Show legend", + "Hole radius": "Hole radius", + "A percentage between 0 and 100 indicating the radius of the hole in the pie chart relative to the chart itself. Defaults to 0.": "A percentage between 0 and 100 indicating the radius of the hole in the pie chart relative to the chart itself. Defaults to 0.", + "Tooltip hover text": "Tooltip hover text", + "General": "General", + "Visibility": "Visibility", + "Common": "Common", + "Width unit": "Width unit", + "Percentage: portion of parent size. Pixels: absolute amount of pixels.": "Percentage: portion of parent size. Pixels: absolute amount of pixels.", + "Width": "Width", + "Height unit": "Height unit", + "Height": "Height", + "Dimensions": "Dimensions", + "On click action": "On click action", + "Events": "Events", + "Enable theme folder config loading": "Enable theme folder config loading", + "Custom layout": "Custom layout", + "Custom configurations": "Custom configurations", + "Custom series options": "Custom series options", + "Advanced": "Advanced" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.popupmenu.popupmenu.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.popupmenu.popupmenu.json new file mode 100644 index 0000000..ca6e75a --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.popupmenu.popupmenu.json @@ -0,0 +1,24 @@ +{ + "Displays a set of pre-defined items within the Pop-up menu": "Displays a set of pre-defined items within the Pop-up menu", + "Enable advanced options": "Enable advanced options", + "The area to open or close the menu.": "The area to open or close the menu.", + "Responsible for toggling the Pop-up menu.": "Responsible for toggling the Pop-up menu.", + "Menu items": "Menu items", + "The popup menu items.": "The popup menu items.", + "Item type": "Item type", + "Caption": "Caption", + "Visible": "Visible", + "On click action": "On click action", + "Style": "Style", + "An extra class will be added: \"popupmenu-basic-item-[style]\"": "An extra class will be added: \"popupmenu-basic-item-[style]\"", + "The popup menu custom items. To make sure the popup closes correctly after a click, do not configure clickable widgets inside the placeholders. Use the action property of this widget.": "The popup menu custom items. To make sure the popup closes correctly after a click, do not configure clickable widgets inside the placeholders. Use the action property of this widget.", + "Content": "Content", + "Open on": "Open on", + "Close on": "Close on", + "Menu position": "Menu position", + "The location of the menu relative to the click area.": "The location of the menu relative to the click area.", + "General": "General", + "Show preview": "Show preview", + "Use this to see a preview of the menu items while developing.": "Use this to see a preview of the menu items while developing.", + "Development": "Development" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.selectionhelper.selectionhelper.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.selectionhelper.selectionhelper.json new file mode 100644 index 0000000..c1e52c5 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.selectionhelper.selectionhelper.json @@ -0,0 +1,9 @@ +{ + "Style": "Style", + "Custom enables placeholders for using widgets for the different states.": "Custom enables placeholders for using widgets for the different states.", + "Check box caption": "Check box caption", + "All selected": "All selected", + "Some selected": "Some selected", + "None selected": "None selected", + "General": "General" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.timeline.timeline.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.timeline.timeline.json new file mode 100644 index 0000000..6f78a8e --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.timeline.timeline.json @@ -0,0 +1,34 @@ +{ + "Shows vertical timeline with events": "Shows vertical timeline with events", + "Data source": "Data source", + "Title": "Title", + "Description": "Description", + "Time Indication": "Time Indication", + "Data Source": "Data Source", + "Custom Visualization": "Custom Visualization", + "Enables free to model timeline.": "Enables free to model timeline.", + "Icon": "Icon", + "If no icon is configured, a circle will be rendered.": "If no icon is configured, a circle will be rendered.", + "Group Events": "Group Events", + "Shows a header between grouped events based on event date.": "Shows a header between grouped events based on event date.", + "Group Attribute": "Group Attribute", + "Will be used for grouping events, as a group header value. If events have no date time value, use \"Unscheduled events placement\" to control rendering.": "Will be used for grouping events, as a group header value. If events have no date time value, use \"Unscheduled events placement\" to control rendering.", + "Group by": "Group by", + "Group events based on day, month or year.": "Group events based on day, month or year.", + "Format": "Format", + "Format group header with current language's format": "Format group header with current language's format", + "Ungrouped events position": "Ungrouped events position", + "Position in the list of events without a date and time": "Position in the list of events without a date and time", + "General": "General", + "Content of the icon": "Content of the icon", + "Group header": "Group header", + "Content of the group header": "Content of the group header", + "Content of the title": "Content of the title", + "Event time": "Event time", + "Content of the event time": "Content of the event time", + "Content": "Content", + "Content of the description": "Content of the description", + "Custom": "Custom", + "On click": "On click", + "Events": "Events" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.timeseries.timeseries.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.timeseries.timeseries.json new file mode 100644 index 0000000..b374f38 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.timeseries.timeseries.json @@ -0,0 +1,52 @@ +{ + "Create a time series chart": "Create a time series chart", + "Series": "Series", + "Add one or more series. The order of series influences how lines overlay one another: the first line (from the top) is drawn lowest and other lines are drawn on top of it.": "Add one or more series. The order of series influences how lines overlay one another: the first line (from the top) is drawn lowest and other lines are drawn on top of it.", + "Data set": "Data set", + "Data source": "Data source", + "Data points for a single line.": "Data points for a single line.", + "Data points for all lines which will be divided into single lines based on the Group by attribute value.": "Data points for all lines which will be divided into single lines based on the Group by attribute value.", + "Series name": "Series name", + "The line name displayed in the legend.": "The line name displayed in the legend.", + "Group by": "Group by", + "Data points within the same group form one line.": "Data points within the same group form one line.", + "X axis attribute": "X axis attribute", + "Y axis attribute": "Y axis attribute", + "Aggregation function": "Aggregation function", + "Defines how data is aggregated when multiple Y values are available for a single X value": "Defines how data is aggregated when multiple Y values are available for a single X value", + "Tooltip hover text": "Tooltip hover text", + "General": "General", + "Interpolation": "Interpolation", + "Line style": "Line style", + "Line color": "Line color", + "Marker color": "Marker color", + "Fill area": "Fill area", + "Fill area between data point and x-axis": "Fill area between data point and x-axis", + "Area color": "Area color", + "By default, the border color with transparency is used": "By default, the border color with transparency is used", + "Appearance": "Appearance", + "On click action": "On click action", + "Events": "Events", + "Custom series options": "Custom series options", + "Advanced": "Advanced", + "Enable advanced options": "Enable advanced options", + "Show playground slot": "Show playground slot", + "Playground slot": "Playground slot", + "X axis label": "X axis label", + "Y axis label": "Y axis label", + "Show legend": "Show legend", + "Show range slider": "Show range slider", + "Grid lines": "Grid lines", + "Common": "Common", + "Width unit": "Width unit", + "Percentage: portion of parent size. Pixels: absolute amount of pixels.": "Percentage: portion of parent size. Pixels: absolute amount of pixels.", + "Width": "Width", + "Height unit": "Height unit", + "Height": "Height", + "Dimensions": "Dimensions", + "Enable theme folder config loading": "Enable theme folder config loading", + "Custom layout": "Custom layout", + "Custom configurations": "Custom configurations", + "Y-axis range mode": "Y-axis range mode", + "Controls the y-axis range. \"From zero\" starts the y-axis from zero. \"Auto\" sets the range based on the plotted values. \"Non-negative\" only shows a range of positive values. If the series \"Fill area\" property is set to \"yes\", the range mode is set to \"From zero\" by default.": "Controls the y-axis range. \"From zero\" starts the y-axis from zero. \"Auto\" sets the range based on the plotted values. \"Non-negative\" only shows a range of positive values. If the series \"Fill area\" property is set to \"yes\", the range mode is set to \"From zero\" by default." +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.tooltip.tooltip.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.tooltip.tooltip.json new file mode 100644 index 0000000..c14d02c --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.tooltip.tooltip.json @@ -0,0 +1,13 @@ +{ + "Trigger: place widgets here": "Trigger: place widgets here", + "Render method": "Render method", + "Tooltip content: place widgets here": "Tooltip content: place widgets here", + "Tooltip": "Tooltip", + "Tooltip position": "Tooltip position", + "How to position the tooltip in relation to the trigger element - at the top, to the left, at the bottom or to the right.": "How to position the tooltip in relation to the trigger element - at the top, to the left, at the bottom or to the right.", + "Arrow position": "Arrow position", + "How to position the tooltip arrow in relation to the tooltip - at the start, in the center or at the end.": "How to position the tooltip arrow in relation to the tooltip - at the start, in the center or at the end.", + "Open on": "Open on", + "How the tooltip is triggered - click, hover, hover and focus. On mobile device “hover” will be triggered on touch.": "How the tooltip is triggered - click, hover, hover and focus. On mobile device “hover” will be triggered on touch.", + "General": "General" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.treenode.treenode.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.treenode.treenode.json new file mode 100644 index 0000000..7f72846 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.treenode.treenode.json @@ -0,0 +1,23 @@ +{ + "Display a tree view structure": "Display a tree view structure", + "Enable advanced options": "Enable advanced options", + "Data source": "Data source", + "Header type": "Header type", + "Open node when": "Open node when", + "Define which part of the node, when clicked, should open or close this node. \"Header is clicked\" means the whole header is clickable, while \"Icon is clicked\" means only the icon is used to switch node state.": "Define which part of the node, when clicked, should open or close this node. \"Header is clicked\" means the whole header is clickable, while \"Icon is clicked\" means only the icon is used to switch node state.", + "Header": "Header", + "Header caption": "Header caption", + "Has children": "Has children", + "Indicate whether the node has children or is an end node. When set to yes, a composable region becomes available to define the child nodes.": "Indicate whether the node has children or is an end node. When set to yes, a composable region becomes available to define the child nodes.", + "Start expanded": "Start expanded", + "Place other Tree nodes here": "Place other Tree nodes here", + "Animate": "Animate", + "General": "General", + "Show icon": "Show icon", + "Expanded icon": "Expanded icon", + "Collapsed icon": "Collapsed icon", + "Animate icon": "Animate icon", + "Animate the icon when the group is collapsing or expanding.": "Animate the icon when the group is collapsing or expanding.", + "Icon": "Icon", + "Visualization": "Visualization" +} diff --git a/themesource/atlas_core/locales/en-US/com.mendix.widget.web.videoplayer.videoplayer.json b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.videoplayer.videoplayer.json new file mode 100644 index 0000000..e8cbc64 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/com.mendix.widget.web.videoplayer.videoplayer.json @@ -0,0 +1,29 @@ +{ + "Shows a video from YouTube, Vimeo, Dailymotion and Mp4": "Shows a video from YouTube, Vimeo, Dailymotion and Mp4", + "Type": "Type", + "Video URL": "Video URL", + "The web address of the video: YouTube, Vimeo, Dailymotion or MP4.": "The web address of the video: YouTube, Vimeo, Dailymotion or MP4.", + "Poster URL": "Poster URL", + "The web address of the poster image. A poster image is a custom preview image that will be shown in the player until the user starts the video.": "The web address of the poster image. A poster image is a custom preview image that will be shown in the player until the user starts the video.", + "Data source": "Data source", + "Common": "Common", + "General": "General", + "Auto start": "Auto start", + "Automatically start playing the video when the page loads.": "Automatically start playing the video when the page loads.", + "Show Controls": "Show Controls", + "Display video controls (control bar, display icons, dock buttons). Available for YouTube, Dailymotion and external videos.": "Display video controls (control bar, display icons, dock buttons). Available for YouTube, Dailymotion and external videos.", + "Muted": "Muted", + "Start the video on mute.": "Start the video on mute.", + "Loop": "Loop", + "Loop the video after it finishes. Available for YouTube, Vimeo, and external videos.": "Loop the video after it finishes. Available for YouTube, Vimeo, and external videos.", + "Controls": "Controls", + "Width Unit": "Width Unit", + "Percentage: portion of parent size. Pixels: absolute amount of pixels.": "Percentage: portion of parent size. Pixels: absolute amount of pixels.", + "Width": "Width", + "Height unit": "Height unit", + "Aspect ratio: ratio of width to height. Percentage of parent: portion of parent height. Percentage of width: portion of the width. Pixels: absolute amount of pixels.": "Aspect ratio: ratio of width to height. Percentage of parent: portion of parent height. Percentage of width: portion of the width. Pixels: absolute amount of pixels.", + "Aspect ratio": "Aspect ratio", + "16:9 (Widescreen, HD Video), 4:3 (Classic TV, Standard monitor), 3:2 (Classic film), 21:9 (Cinemascope), 1:1 (Square, Social media)": "16:9 (Widescreen, HD Video), 4:3 (Classic TV, Standard monitor), 3:2 (Classic film), 21:9 (Cinemascope), 1:1 (Square, Social media)", + "Height": "Height", + "Dimensions": "Dimensions" +} diff --git a/themesource/atlas_core/locales/en-US/translation.json b/themesource/atlas_core/locales/en-US/translation.json new file mode 100644 index 0000000..74c8810 --- /dev/null +++ b/themesource/atlas_core/locales/en-US/translation.json @@ -0,0 +1,153 @@ +{ + "Add a shadow to this element": "Add a shadow to this element", + "Add alternating background colors to groups in the accordion.": "Add alternating background colors to groups in the accordion.", + "Align content": "Align content", + "Align content of this element left, right or center it. Align elements inside the container as a row or as a column.": "Align content of this element left, right or center it. Align elements inside the container as a row or as a column.", + "Align icon": "Align icon", + "Align self": "Align self", + "Align the image in the center of an element.": "Align the image in the center of an element.", + "Align the text.": "Align the text.", + "Alignment": "Alignment", + "All": "All", + "Android": "Android", + "Apply a shade to your background color": "Apply a shade to your background color", + "Auto": "Auto", + "Background Primary": "Background Primary", + "Background Secondary": "Background Secondary", + "Background color": "Background color", + "Bar color": "Bar color", + "Bold": "Bold", + "Border": "Border", + "Bordered": "Bordered", + "Borders": "Borders", + "Brand Danger": "Brand Danger", + "Brand Gradient": "Brand Gradient", + "Brand Primary": "Brand Primary", + "Brand Secondary": "Brand Secondary", + "Brand Success": "Brand Success", + "Brand Warning": "Brand Warning", + "Break long words and sentences into multiple lines.": "Break long words and sentences into multiple lines.", + "Callout style": "Callout style", + "Capitalize": "Capitalize", + "Center": "Center", + "Center align as a column": "Center align as a column", + "Center align as a row": "Center align as a row", + "Center image": "Center image", + "Change size of the rating icon/image. Default is medium.": "Change size of the rating icon/image. Default is medium.", + "Change the appearance of a label.": "Change the appearance of a label.", + "Change the appearance of cells in the table.": "Change the appearance of cells in the table.", + "Change the appearance of rows in the list view.": "Change the appearance of rows in the list view.", + "Change the appearance of the tab container": "Change the appearance of the tab container", + "Change the background color of the container.": "Change the background color of the container.", + "Change the border appearance. By default, only horizontal borders between groups are applied.": "Change the border appearance. By default, only horizontal borders between groups are applied.", + "Change the color of text.": "Change the color of text.", + "Change the fit of the image.": "Change the fit of the image.", + "Change the image style.": "Change the image style.", + "Change the letter case of the text.": "Change the letter case of the text.", + "Change the opacity of the image.": "Change the opacity of the image.", + "Change the position of the tabs": "Change the position of the tabs", + "Change the row spacing of the list view.": "Change the row spacing of the list view.", + "Change the spacing between cells to be compact.": "Change the spacing between cells to be compact.", + "Choose one of the following styles to change the appearance of the data grid.": "Choose one of the following styles to change the appearance of the data grid.", + "Choose one of the following styles to change the appearance of the groupbox.": "Choose one of the following styles to change the appearance of the groupbox.", + "Choose one of the following styles to change the appearance of the template grid.": "Choose one of the following styles to change the appearance of the template grid.", + "Choose the image fit.": "Choose the image fit.", + "Choose the style of your image.": "Choose the style of your image.", + "Circle": "Circle", + "Color": "Color", + "Color of the progress bar": "Color of the progress bar", + "Compact": "Compact", + "Contain": "Contain", + "Cover": "Cover", + "Danger": "Danger", + "Dark": "Dark", + "Desktop": "Desktop", + "Detail color": "Detail color", + "Device style": "Device style", + "Emphasize the text with a heavier or lighter font weight": "Emphasize the text with a heavier or lighter font weight", + "Enable data grid hover to make rows hoverable.": "Enable data grid hover to make rows hoverable.", + "Enable groupbox callout functionality to highlight importance of groupbox.": "Enable groupbox callout functionality to highlight importance of groupbox.", + "Enable template grid hover to make rows hoverable.": "Enable template grid hover to make rows hoverable.", + "Extend button to full width of container it is placed in.": "Extend button to full width of container it is placed in.", + "Fill": "Fill", + "Fit": "Fit", + "Float element left or right.": "Float element left or right.", + "Full width": "Full width", + "Header color": "Header color", + "Hide icons": "Hide icons", + "Hide navigation items icon": "Hide navigation items icon", + "Hide on device type": "Hide on device type", + "High": "High", + "Highlight row when hovering over it. Only useful when row is clickable.": "Highlight row when hovering over it. Only useful when row is clickable.", + "Horizontal": "Horizontal", + "Hover style": "Hover style", + "Image fit": "Image fit", + "Image style": "Image style", + "Increase or decrease row spacing in data grid row.": "Increase or decrease row spacing in data grid row.", + "Justify": "Justify", + "Justify tabs to 100% width": "Justify tabs to 100% width", + "L": "L", + "Large": "Large", + "Left": "Left", + "Left align as a column": "Left align as a column", + "Left align as a row": "Left align as a row", + "Letter case": "Letter case", + "Light": "Light", + "Lined": "Lined", + "Low": "Low", + "M": "M", + "Make groups in accordion more compact.": "Make groups in accordion more compact.", + "Make text smaller or larger.": "Make text smaller or larger.", + "Medium": "Medium", + "No styling": "No styling", + "No wrap": "No wrap", + "None": "None", + "Normal": "Normal", + "Opacity": "Opacity", + "Phone": "Phone", + "Pills": "Pills", + "Place icon right or on top button.": "Place icon right or on top button.", + "Primary": "Primary", + "Right": "Right", + "Right align as a column": "Right align as a column", + "Right align as a row": "Right align as a row", + "Rounded": "Rounded", + "Row size": "Row size", + "S": "S", + "Scale-down": "Scale-down", + "Semibold": "Semibold", + "Shade": "Shade", + "Shadow": "Shadow", + "Show widget as inline element.": "Show widget as inline element.", + "Size": "Size", + "Size buttons accordingly: Small, Medium, Large, Full width, etc.. ": "Size buttons accordingly: Small, Medium, Large, Full width, etc.. ", + "Size of the buttons": "Size of the buttons", + "Size of the progress bar": "Size of the progress bar", + "Small": "Small", + "Spacing": "Spacing", + "Square": "Square", + "Striped": "Striped", + "Striped bar": "Striped bar", + "Striped progress bar": "Striped progress bar", + "Style": "Style", + "Style button with transparent background, colored border, and colored text.": "Style button with transparent background, colored border, and colored text.", + "Success": "Success", + "Tab position": "Tab position", + "Tablet": "Tablet", + "The brand style affecting this element's appearance.": "The brand style affecting this element's appearance.", + "The general appearance of the switch. When no option selected iOS styles are applied": "The general appearance of the switch. When no option selected iOS styles are applied", + "The spacing around a widget": "The spacing around a widget", + "Thickness of the progress circle": "Thickness of the progress circle", + "Thumbnail": "Thumbnail", + "Top": "Top", + "Transparent": "Transparent", + "UPPER": "UPPER", + "Warning": "Warning", + "Weight": "Weight", + "White": "White", + "Wizard": "Wizard", + "Wrap": "Wrap", + "Wrap options": "Wrap options", + "iOS": "iOS", + "lower": "lower" +} diff --git a/themesource/atlas_core/locales/metadata.json b/themesource/atlas_core/locales/metadata.json new file mode 100644 index 0000000..db436bb --- /dev/null +++ b/themesource/atlas_core/locales/metadata.json @@ -0,0 +1,50 @@ +{ + "WidgetsToBeTranslated": [ + "com.mendix.widget.custom.badge.badge", + "com.mendix.widget.custom.badgebutton.badgebutton", + "com.mendix.widget.custom.carousel.carousel", + "com.mendix.widget.custom.colorpicker.colorpicker", + "com.mendix.widget.custom.maps.maps", + "com.mendix.widget.custom.progressbar.progressbar", + "com.mendix.widget.custom.progresscircle.progresscircle", + "com.mendix.widget.custom.rangeslider.rangeslider", + "com.mendix.widget.custom.richtext.richtext", + "com.mendix.widget.custom.slider.slider", + "com.mendix.widget.custom.starrating.starrating", + "com.mendix.widget.custom.switch.switch", + "com.mendix.widget.web.accessibilityhelper.accessibilityhelper", + "com.mendix.widget.web.accordion.accordion", + "com.mendix.widget.web.areachart.areachart", + "com.mendix.widget.web.barchart.barchart", + "com.mendix.widget.web.barcodescanner.barcodescanner", + "com.mendix.widget.web.bubblechart.bubblechart", + "com.mendix.widget.web.chartplayground.chartplayground", + "com.mendix.widget.web.columnchart.columnchart", + "com.mendix.widget.web.combobox.combobox", + "com.mendix.widget.web.datagrid.datagrid", + "com.mendix.widget.web.datagriddatefilter.datagriddatefilter", + "com.mendix.widget.web.datagriddropdownfilter.datagriddropdownfilter", + "com.mendix.widget.web.datagridnumberfilter.datagridnumberfilter", + "com.mendix.widget.web.datagridtextfilter.datagridtextfilter", + "com.mendix.widget.web.dropdownsort.dropdownsort", + "com.mendix.widget.web.events.events", + "com.mendix.widget.web.fieldset.fieldset", + "com.mendix.widget.web.fileuploader.fileuploader", + "com.mendix.widget.web.gallery.gallery", + "com.mendix.widget.web.googletag.googletag", + "com.mendix.widget.web.heatmap.heatmap", + "com.mendix.widget.web.htmlelement.htmlelement", + "com.mendix.widget.web.image.image", + "com.mendix.widget.web.languageselector.languageselector", + "com.mendix.widget.web.linechart.linechart", + "com.mendix.widget.web.markdown.markdown", + "com.mendix.widget.web.piechart.piechart", + "com.mendix.widget.web.popupmenu.popupmenu", + "com.mendix.widget.web.selectionhelper.selectionhelper", + "com.mendix.widget.web.timeline.timeline", + "com.mendix.widget.web.timeseries.timeseries", + "com.mendix.widget.web.tooltip.tooltip", + "com.mendix.widget.web.treenode.treenode", + "com.mendix.widget.web.videoplayer.videoplayer" + ] +} diff --git a/themesource/atlas_core/native/core/helpers/accordion.js b/themesource/atlas_core/native/core/helpers/accordion.js new file mode 100644 index 0000000..1fbd13d --- /dev/null +++ b/themesource/atlas_core/native/core/helpers/accordion.js @@ -0,0 +1,165 @@ +import { brand, background, fontDefaults, accordion } from "../../variables"; +import merge from "./_functions/mergeobjects"; +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. + +========================================================================== + Accordion + + Default Class For Mendix Accordion Widget +========================================================================== */ +export const accordionPrimary = { + container: {}, + group: { + container: { + borderWidth: 1, + borderColor: brand.primary + }, + header: { + container: { + backgroundColor: brand.primary, + borderColor: brand.primary, + borderBottomWidth: 0 + }, + heading1: { + color: fontDefaults.colorTitleLight + }, + heading2: { + color: fontDefaults.colorTitleLight + }, + heading3: { + color: fontDefaults.colorTitleLight + }, + heading4: { + color: fontDefaults.colorTitleLight + }, + heading5: { + color: fontDefaults.colorTitleLight + }, + heading6: { + color: fontDefaults.colorTitleLight + }, + icon: { + color: fontDefaults.colorTitleLight + } + } + } +}; +export const accordionSecondary = { + container: {}, + group: { + container: { + borderWidth: 1, + borderColor: "#CED0D3" + }, + header: { + container: { + backgroundColor: background.primary, + borderColor: "#CED0D3", + borderBottomWidth: 0 + }, + heading1: { + color: brand.primary + }, + heading2: { + color: brand.primary + }, + heading3: { + color: brand.primary + }, + heading4: { + color: brand.primary + }, + heading5: { + color: brand.primary + }, + heading6: { + color: brand.primary + }, + icon: { + color: brand.primary + } + } + } +}; +export const accordionSuccess = merge(accordionPrimary, { + group: { + container: { + borderColor: brand.success + }, + header: { + container: { + backgroundColor: brand.success, + borderColor: brand.success + } + } + } +}); +export const accordionWarning = merge(accordionPrimary, { + group: { + container: { + borderColor: brand.warning + }, + header: { + container: { + backgroundColor: brand.warning, + borderColor: brand.warning + } + } + } +}); +export const accordionDanger = merge(accordionPrimary, { + group: { + container: { + borderColor: brand.danger + }, + header: { + container: { + backgroundColor: brand.danger, + borderColor: brand.danger + } + } + } +}); +export const accordionLined = { + container: { + borderTopWidth: 1 + }, + group: { + container: { + borderWidth: 0, + borderBottomWidth: 1 + } + } +}; +export const accordionDividerNone = { + container: { + borderWidth: 0, + borderTopWidth: 0 + }, + group: { + container: { + borderWidth: 0, + borderBottomWidth: 0 + } + } +}; +export const accordionCompact = { + group: { + header: { + container: { + paddingVertical: accordion.groupHeader.container.paddingVertical / 2, + paddingHorizontal: accordion.groupHeader.container.paddingHorizontal / 2 + } + }, + content: { + paddingTop: accordion.groupContent.paddingTop / 2, + paddingBottom: accordion.groupContent.paddingBottom / 2, + paddingHorizontal: accordion.groupContent.paddingHorizontal / 2 + } + } +}; diff --git a/themesource/atlas_core/native/core/helpers/backgroundgradient.js b/themesource/atlas_core/native/core/helpers/backgroundgradient.js new file mode 100644 index 0000000..b7b5e4a --- /dev/null +++ b/themesource/atlas_core/native/core/helpers/backgroundgradient.js @@ -0,0 +1,33 @@ +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. +========================================================================== +*/ +// Background Gradient properties +export const backgroundGradient = { + container: {} +}; +export const opacity25 = { + opacity: 25 +}; +export const opacity50 = { + opacity: 50 +}; +export const opacity75 = { + opacity: 75 +}; +export const opacity100 = { + opacity: 100 +}; +export const angle0 = { + angle: 0 +}; +export const angle45 = { + angle: 45 +}; +export const angle90 = { + angle: 90 +}; diff --git a/themesource/atlas_core/native/core/helpers/columnchart.js b/themesource/atlas_core/native/core/helpers/columnchart.js new file mode 100644 index 0000000..b90d1ca --- /dev/null +++ b/themesource/atlas_core/native/core/helpers/columnchart.js @@ -0,0 +1,11 @@ +export const columnChartSquare = { + chart: { + aspectRatio: 1 + } +}; +export const columnChartMaxSpace = { + chart: { + flex: 1, + aspectRatio: undefined + } +}; diff --git a/themesource/atlas_core/native/core/helpers/gallery.js b/themesource/atlas_core/native/core/helpers/gallery.js new file mode 100644 index 0000000..86bb210 --- /dev/null +++ b/themesource/atlas_core/native/core/helpers/gallery.js @@ -0,0 +1,182 @@ +import { button, border, spacing } from "../../variables"; +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. +========================================================================== +*/ +export const justifyPaginationLeft = { + loadMoreButtonPressableContainer: { + alignSelf: "flex-start" + } +}; +export const justifyPaginationCenter = { + loadMoreButtonPressableContainer: { + alignSelf: "center" + } +}; +export const justifyPaginationRight = { + loadMoreButtonPressableContainer: { + alignSelf: "flex-end" + } +}; +export const listItemBorderHorizontal = { + listItem: { + borderBottomWidth: border.width, + borderTopWidth: border.width, + borderBottomColor: border.color, + borderTopColor: border.color + } +}; +export const listItemBorderVertical = { + listItem: { + borderStartWidth: border.width, + borderEndWidth: border.width, + borderStartColor: border.color, + borderEndColor: border.color + } +}; +export const listItemBorder = { + listItem: { + ...listItemBorderVertical.listItem, + ...listItemBorderHorizontal.listItem + } +}; +export const gridGapInnerSmall = { + listItem: { + padding: spacing.smaller + } +}; +export const gridGapInnerMedium = { + listItem: { + padding: spacing.regular + } +}; +export const gridGapInnerLarge = { + listItem: { + padding: spacing.larger + } +}; +export const gridGapOuterSmall = { + listItem: { + margin: spacing.smaller + } +}; +export const gridGapOuterMedium = { + listItem: { + margin: spacing.regular + } +}; +export const gridGapOuterLarge = { + listItem: { + margin: spacing.larger + } +}; +export const galleryGridAlignSelfStart = { + listItem: { + alignSelf: "flex-start" + } +}; +export const galleryGridAlignSelfCenter = { + listItem: { + alignSelf: "center" + } +}; +export const galleryGridAlignSelfEnd = { + listItem: { + alignSelf: "flex-end" + } +}; +export const galleryGridAlignSelfStretch = { + listItem: { + alignSelf: "stretch" + } +}; +export const galleryGridAlignSelfBaseline = { + listItem: { + alignSelf: "baseline" + } +}; +export const galleryGridFlexRow = { + listItem: { + flexDirection: "row" + } +}; +export const galleryGridFlexWrap = { + listItem: { + flexWrap: "wrap" + } +}; +export const galleryGridJustifyContentStart = { + listItem: { + justifyContent: "flex-start" + } +}; +export const galleryGridJustifyContentCenter = { + listItem: { + justifyContent: "center" + } +}; +export const galleryGridJustifyContentEnd = { + listItem: { + justifyContent: "flex-end" + } +}; +export const galleryGridJustifyContentSpaceBetween = { + listItem: { + justifyContent: "space-between" + } +}; +export const galleryGridJustifyContentSpaceAround = { + listItem: { + justifyContent: "space-around" + } +}; +export const galleryGridJustifyContentSpaceEvenly = { + listItem: { + justifyContent: "space-evenly" + } +}; +export const loadMoreButtonBackgroundSecondary = { + loadMoreButtonPressableContainer: { + borderColor: button.secondary.borderColor, + backgroundColor: button.secondary.backgroundColor + }, + loadMoreButtonCaption: { + color: button.secondary.color + } +}; +export const loadMoreButtonBackgroundSuccess = { + loadMoreButtonPressableContainer: { + borderColor: button.success.borderColor, + backgroundColor: button.success.backgroundColor + }, + loadMoreButtonCaption: { + color: button.success.color + } +}; +export const loadMoreButtonBackgroundWarning = { + loadMoreButtonPressableContainer: { + borderColor: button.warning.borderColor, + backgroundColor: button.warning.backgroundColor + }, + loadMoreButtonCaption: { + color: button.warning.color + } +}; +export const loadMoreButtonBackgroundDanger = { + loadMoreButtonPressableContainer: { + borderColor: button.danger.borderColor, + backgroundColor: button.danger.backgroundColor + }, + loadMoreButtonCaption: { + color: button.danger.color + } +}; +export const loadMoreButtonFixedSize = { + loadMoreButtonPressableContainer: { + alignSelf: "baseline" + } +}; diff --git a/themesource/atlas_core/native/core/helpers/gallerytextfilter.js b/themesource/atlas_core/native/core/helpers/gallerytextfilter.js new file mode 100644 index 0000000..b5751af --- /dev/null +++ b/themesource/atlas_core/native/core/helpers/gallerytextfilter.js @@ -0,0 +1,149 @@ +import { spacing } from "../../variables"; +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. +========================================================================== +*/ +export const galleryTextFilterSpacingOuterTopSmallest = { + textInputContainer: { + marginTop: spacing.smallest + } +}; +export const galleryTextFilterSpacingOuterTopSmaller = { + textInputContainer: { + marginTop: spacing.smaller + } +}; +export const galleryTextFilterSpacingOuterTopSmall = { + textInputContainer: { + marginTop: spacing.small + } +}; +export const galleryTextFilterSpacingOuterTopMedium = { + textInputContainer: { + marginTop: spacing.regular + } +}; +export const galleryTextFilterSpacingOuterTopLarge = { + textInputContainer: { + marginTop: spacing.large + } +}; +export const galleryTextFilterSpacingOuterTopLarger = { + textInputContainer: { + marginTop: spacing.larger + } +}; +export const galleryTextFilterSpacingOuterTopLargest = { + textInputContainer: { + marginTop: spacing.largest + } +}; +export const galleryTextFilterSpacingOuterBottomSmallest = { + textInputContainer: { + marginBottom: spacing.smallest + } +}; +export const galleryTextFilterSpacingOuterBottomSmaller = { + textInputContainer: { + marginBottom: spacing.smaller + } +}; +export const galleryTextFilterSpacingOuterBottomSmall = { + textInputContainer: { + marginBottom: spacing.small + } +}; +export const galleryTextFilterSpacingOuterBottomMedium = { + textInputContainer: { + marginBottom: spacing.regular + } +}; +export const galleryTextFilterSpacingOuterBottomLarge = { + textInputContainer: { + marginBottom: spacing.large + } +}; +export const galleryTextFilterSpacingOuterBottomLarger = { + textInputContainer: { + marginBottom: spacing.larger + } +}; +export const galleryTextFilterSpacingOuterBottomLargest = { + textInputContainer: { + marginBottom: spacing.largest + } +}; +export const galleryTextFilterSpacingOuterRightSmallest = { + textInputContainer: { + marginRight: spacing.smallest + } +}; +export const galleryTextFilterSpacingOuterRightSmaller = { + textInputContainer: { + marginRight: spacing.smaller + } +}; +export const galleryTextFilterSpacingOuterRightSmall = { + textInputContainer: { + marginRight: spacing.small + } +}; +export const galleryTextFilterSpacingOuterRightMedium = { + textInputContainer: { + marginRight: spacing.regular + } +}; +export const galleryTextFilterSpacingOuterRightLarge = { + textInputContainer: { + marginRight: spacing.large + } +}; +export const galleryTextFilterSpacingOuterRightLarger = { + textInputContainer: { + marginRight: spacing.larger + } +}; +export const galleryTextFilterSpacingOuterRightLargest = { + textInputContainer: { + marginRight: spacing.largest + } +}; +export const galleryTextFilterSpacingOuterLeftSmallest = { + textInputContainer: { + marginLeft: spacing.smallest + } +}; +export const galleryTextFilterSpacingOuterLeftSmaller = { + textInputContainer: { + marginLeft: spacing.smaller + } +}; +export const galleryTextFilterSpacingOuterLeftSmall = { + textInputContainer: { + marginLeft: spacing.small + } +}; +export const galleryTextFilterSpacingOuterLeftMedium = { + textInputContainer: { + marginLeft: spacing.regular + } +}; +export const galleryTextFilterSpacingOuterLeftLarge = { + textInputContainer: { + marginLeft: spacing.large + } +}; +export const galleryTextFilterSpacingOuterLeftLarger = { + textInputContainer: { + marginLeft: spacing.larger + } +}; +export const galleryTextFilterSpacingOuterLeftLargest = { + textInputContainer: { + marginLeft: spacing.largest + } +}; diff --git a/themesource/atlas_core/native/core/helpers/maps.js b/themesource/atlas_core/native/core/helpers/maps.js index f71c711..1c797dc 100644 --- a/themesource/atlas_core/native/core/helpers/maps.js +++ b/themesource/atlas_core/native/core/helpers/maps.js @@ -38,6 +38,7 @@ export const mapsSquare = { export const mapsMaxSpace = { container: { flex: 1, + minHeight: 50, aspectRatio: undefined } }; diff --git a/themesource/atlas_core/native/core/helpers/radiobuttons.js b/themesource/atlas_core/native/core/helpers/radiobuttons.js new file mode 100644 index 0000000..c686f2a --- /dev/null +++ b/themesource/atlas_core/native/core/helpers/radiobuttons.js @@ -0,0 +1,91 @@ +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. +========================================================================== +*/ +import { brand } from "../../../../../theme/native/custom-variables"; +// Radio buttons properties +export const radioButtonsPrimary = { + circularButtonStyle: { + borderColor: brand.primary + }, + activeButtonStyle: { + backgroundColor: brand.primary + }, + radioButtonItemTitleStyle: { + color: brand.primary + } +}; +export const radioButtonsSuccess = { + circularButtonStyle: { + borderColor: brand.success + }, + activeButtonStyle: { + backgroundColor: brand.success + }, + radioButtonItemTitleStyle: { + color: brand.success + } +}; +export const radioButtonsWarning = { + circularButtonStyle: { + borderColor: brand.warning + }, + activeButtonStyle: { + backgroundColor: brand.warning + }, + radioButtonItemTitleStyle: { + color: brand.warning + } +}; +export const radioButtonsDanger = { + circularButtonStyle: { + borderColor: brand.danger + }, + activeButtonStyle: { + backgroundColor: brand.danger + }, + radioButtonItemTitleStyle: { + color: brand.danger + } +}; +export const radioButtonsInfo = { + circularButtonStyle: { + borderColor: brand.info + }, + activeButtonStyle: { + backgroundColor: brand.info + }, + radioButtonItemTitleStyle: { + color: brand.info + } +}; +// Radio buttons label properties +export const radioButtonsLabelPrimary = { + labelTextStyle: { + color: brand.primary + } +}; +export const radioButtonsLabelSuccess = { + labelTextStyle: { + color: brand.success + } +}; +export const radioButtonsLabelWarning = { + labelTextStyle: { + color: brand.warning + } +}; +export const radioButtonsLabelDanger = { + labelTextStyle: { + color: brand.danger + } +}; +export const radioButtonsLabelInfo = { + labelTextStyle: { + color: brand.info + } +}; diff --git a/themesource/atlas_core/native/core/helpers/switch.js b/themesource/atlas_core/native/core/helpers/switch.js new file mode 100644 index 0000000..b391310 --- /dev/null +++ b/themesource/atlas_core/native/core/helpers/switch.js @@ -0,0 +1,29 @@ +import { brand } from "../../variables"; +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. + +========================================================================== + Switch + + Default Class For Mendix Switch Widget +========================================================================== */ +// Switch Color +export const switchSuccess = { + input: { + trackColorOn: brand.success + } +}; +export const switchWarning = { + input: { + trackColorOn: brand.warning + } +}; +export const switchDanger = { + input: { + trackColorOn: brand.danger + } +}; diff --git a/themesource/atlas_core/native/core/widgets/accordion.js b/themesource/atlas_core/native/core/widgets/accordion.js new file mode 100644 index 0000000..113ca97 --- /dev/null +++ b/themesource/atlas_core/native/core/widgets/accordion.js @@ -0,0 +1,87 @@ +import { accordion } from "../../variables"; +import { TextHeading1, TextHeading2, TextHeading3, TextHeading4, TextHeading5, TextHeading6 } from "./typography"; +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. + +========================================================================== + Activity Indicator + + Default Class For Mendix Activity Indicator Widget +========================================================================== */ +export const com_mendix_widget_native_accordion_Accordion = { + container: { + // All ViewStyle properties are allowed + flexGrow: 1, + backgroundColor: accordion.container.backgroundColor, + borderColor: accordion.container.borderColor + }, + group: { + container: { + // All ViewStyle properties are allowed + borderWidth: 1, + borderColor: accordion.container.borderColor + }, + header: { + container: { + // All ViewStyle properties are allowed + borderColor: accordion.container.borderColor, + flexDirection: "row", + alignItems: "center", + justifyContent: "space-between", + paddingVertical: accordion.groupHeader.container.paddingVertical, + paddingHorizontal: accordion.groupHeader.container.paddingHorizontal + }, + heading1: { + // All TextStyle properties are allowed + ...TextHeading1.text, + fontWeight: "normal", + color: accordion.groupHeader.heading.color + }, + heading2: { + // All TextStyle properties are allowed + ...TextHeading2.text, + fontWeight: "normal", + color: accordion.groupHeader.heading.color + }, + heading3: { + // All TextStyle properties are allowed + ...TextHeading3.text, + fontWeight: "normal", + color: accordion.groupHeader.heading.color + }, + heading4: { + // All TextStyle properties are allowed + ...TextHeading4.text, + fontWeight: "normal", + color: accordion.groupHeader.heading.color + }, + heading5: { + // All TextStyle properties are allowed + ...TextHeading5.text, + fontWeight: "normal", + color: accordion.groupHeader.heading.color + }, + heading6: { + // All TextStyle properties are allowed + ...TextHeading6.text, + fontWeight: "normal", + color: accordion.groupHeader.heading.color + }, + icon: { + // Size, Color and all ViewStyle properties are allowed + size: accordion.groupHeader.icon.size, + color: accordion.groupHeader.icon.color + } + }, + content: { + // All ViewStyle properties are allowed + paddingTop: accordion.groupContent.paddingTop, + paddingBottom: accordion.groupContent.paddingBottom, + paddingHorizontal: accordion.groupContent.paddingHorizontal + } + } +}; diff --git a/themesource/atlas_core/native/core/widgets/backgroundgradient.js b/themesource/atlas_core/native/core/widgets/backgroundgradient.js new file mode 100644 index 0000000..4ce87c7 --- /dev/null +++ b/themesource/atlas_core/native/core/widgets/backgroundgradient.js @@ -0,0 +1,21 @@ +import { backgroundGradient } from "../../variables"; +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. + +========================================================================== + BackgroundGradient + + Default Class For Mendix BackgroundGradient Widget +========================================================================== */ +export const com_mendix_widget_native_backgroundgradient_BackgroundGradient = { + container: { + // All ViewStyle properties are allowed + ...backgroundGradient.container + }, + angle: backgroundGradient.angle, + opacity: backgroundGradient.opacity +}; diff --git a/themesource/atlas_core/native/core/widgets/barchart.js b/themesource/atlas_core/native/core/widgets/barchart.js index 6bcb7dc..c2b09c0 100644 --- a/themesource/atlas_core/native/core/widgets/barchart.js +++ b/themesource/atlas_core/native/core/widgets/barchart.js @@ -113,9 +113,9 @@ export const com_mendix_widget_native_barchart_BarChart = { - barsOffset (number) */ - barColorPalette: Object.values(brand) - .map((color, index, brandColors) => (index === brandColors.length - 1 ? color : `${color};`)) - .join(""), + barColorPalette: Object.entries(brand) + .reduce((accumulator, [key, value]) => (key.endsWith("Light") ? accumulator : [...accumulator, value]), []) + .join(";"), barsOffset: 20, customBarStyles: { your_static_or_dynamic_attribute_value: { diff --git a/themesource/atlas_core/native/core/widgets/checkbox.js b/themesource/atlas_core/native/core/widgets/checkbox.js index 1a1735b..36dbdfd 100644 --- a/themesource/atlas_core/native/core/widgets/checkbox.js +++ b/themesource/atlas_core/native/core/widgets/checkbox.js @@ -1,6 +1,6 @@ -import { Platform } from "react-native"; -import { background, backgroundDefaults, border, brand, contrast, font, spacing } from "../../variables"; +import { background, brand, contrast, spacing, checkbox } from "../../variables"; import { TextBox, TextBoxVertical } from "./textbox"; +import { com_mendix_widget_native_switch_Switch } from "./switch"; /* DISCLAIMER: @@ -32,29 +32,33 @@ export const CheckBox = { // All TextStyle properties are allowed ...TextBox.labelDisabled }, + // the below properties (input, inputDisabled & inputError) are only used when render mode is `switch` input: { - // thumbColorOn, thumbColorOff, trackColorOn, trackColorOff and all TextStyle properties are allowed - backgroundColor: "transparent", - marginRight: Platform.select({ android: -3 }), - thumbColorOn: backgroundDefaults.primaryLight, - trackColorOn: brand.primary, - thumbColorOff: "#FFF", - trackColorOff: border.color + // thumbColorOn, thumbColorOff, trackColorOn, trackColorOff and all ViewStyle properties are allowed + ...com_mendix_widget_native_switch_Switch.input }, inputDisabled: { - // thumbColorOn, thumbColorOff, trackColorOn, trackColorOff and all TextStyle properties are allowed - thumbColorOn: background.secondary, - trackColorOn: font.colorDisabled, - thumbColorOff: background.secondary, - trackColorOff: border.color + // thumbColorOn, thumbColorOff, trackColorOn, trackColorOff and all ViewStyle properties are allowed + ...com_mendix_widget_native_switch_Switch.inputDisabled }, inputError: { - // thumbColorOn, thumbColorOff, trackColorOn, trackColorOff and all TextStyle properties are allowed - ...TextBox.inputError, - thumbColorOn: backgroundDefaults.primaryLight, - trackColorOn: brand.danger, - thumbColorOff: contrast.low, - trackColorOff: brand.danger + // thumbColorOn, thumbColorOff, trackColorOn, trackColorOff and all ViewStyle properties are allowed + ...com_mendix_widget_native_switch_Switch.inputError + }, + // the below properties (checkboxInput, checkboxInputDisabled & checkboxInputError) are only used when render mode is `checkbox` + checkboxInput: { + // color, size & all ViewStyle properties are allowed + ...checkbox.checkboxInput, + justifyContent: "center", + alignItems: "center" + }, + checkboxInputDisabled: { + // color, size & all ViewStyle properties are allowed + ...checkbox.checkboxInputDisabled + }, + checkboxInputError: { + // color, size & all ViewStyle properties are allowed + ...checkbox.checkboxInputError }, validationMessage: { // All TextStyle properties are allowed @@ -67,6 +71,7 @@ export const CheckBoxVertical = { containerDisabled: TextBoxVertical.containerDisabled, label: TextBoxVertical.label, labelDisabled: TextBoxVertical.labelDisabled, + // the below properties (input, inputDisabled & inputError) are only used when render mode is `switch` input: { ...CheckBox.input, alignSelf: "flex-start" @@ -79,6 +84,14 @@ export const CheckBoxVertical = { thumbColorOff: contrast.low, trackColorOff: brand.danger }, + // the below properties (checkboxInput, checkboxInputDisabled & checkboxInputError) are only used when render mode is `checkbox` + checkboxInput: { + ...CheckBox.checkboxInput + }, + checkboxInputDisabled: CheckBox.checkboxInputDisabled, + checkboxInputError: { + ...TextBoxVertical.inputError + }, validationMessage: { ...TextBoxVertical.validationMessage, alignSelf: "stretch" diff --git a/themesource/atlas_core/native/core/widgets/columnchart.js b/themesource/atlas_core/native/core/widgets/columnchart.js new file mode 100644 index 0000000..02a7865 --- /dev/null +++ b/themesource/atlas_core/native/core/widgets/columnchart.js @@ -0,0 +1,119 @@ +var _a, _b, _c, _d; +import { columnChart } from "../../variables"; +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. + +========================================================================== + Column Chart + + Default Class For Mendix Column Chart Widget +========================================================================== */ +export const com_mendix_widget_native_columnchart_ColumnChart = { + container: { + // All ViewStyle properties are allowed + ...columnChart.container + }, + errorMessage: { + // All TextStyle properties are allowed + ...columnChart.errorMessage + }, + chart: { + // All ViewStyle properties are allowed + ...columnChart.chart + }, + grid: { + /* + Allowed properties: + - backgroundColor (string) + - dashArray (string) + - lineColor (string) + - padding (number) + - paddingBottom (number) + - paddingHorizontal (number) + - paddingLeft (number) + - paddingRight (number) + - paddingTop (number) + - paddingVertical (number) + - width (number) + */ + ...columnChart.grid + }, + xAxis: { + /* + Allowed properties: + - color (string) + - dashArray (string) + - fontFamily (string) + - fontSize (number) + - fontStyle ("normal" or "italic") + - fontWeight ("normal" or "bold" or "100" or "200" or "300" or "400" or "500" or "600" or "700" or "800" or "900") + - lineColor (string) + - width (number) + - label: All TextStyle properties are allowed and: + -relativePositionGrid ("bottom" or "right") + */ + ...columnChart.xAxis + }, + yAxis: { + /* + Allowed properties: + - color (string) + - dashArray (string) + - fontFamily (string) + - fontSize (number) + - fontStyle ("normal" or "italic") + - fontWeight ("normal" or "bold" or "100" or "200" or "300" or "400" or "500" or "600" or "700" or "800" or "900") + - lineColor (string) + - width (number) + - label: All TextStyle properties are allowed and: + - relativePositionGrid ("top" or "left") + */ + ...columnChart.yAxis + }, + columns: { + /* + Allowed properties: + - columnColorPalette (string with array of colors separated by ';') + - columnsOffset (number) + - customColumnStyles:{ + your_static_or_dynamic_attribute_value:{ + column: + Allowed properties: + - ending (number) + - columnColor (string) + - width (number) + label: + Allowed properties: + - fontFamily (string) + - fontSize (number) + - fontStyle ("normal" or "italic") + - fontWeight ("normal" or "bold" or "100" or "200" or "300" or "400" or "500" or "600" or "700" or "800" or "900") + + } + } + */ + ...columnChart.columns + }, + legend: { + container: { + // All ViewStyle properties are allowed + ...(_a = columnChart.legend) === null || _a === void 0 ? void 0 : _a.container + }, + item: { + // All ViewStyle properties are allowed + ...(_b = columnChart.legend) === null || _b === void 0 ? void 0 : _b.item + }, + indicator: { + // All ViewStyle properties are allowed + ...(_c = columnChart.legend) === null || _c === void 0 ? void 0 : _c.indicator + }, + label: { + // All TextStyle properties are allowed + ...(_d = columnChart.legend) === null || _d === void 0 ? void 0 : _d.label + } + } +}; diff --git a/themesource/atlas_core/native/core/widgets/datepicker.js b/themesource/atlas_core/native/core/widgets/datepicker.js index 7c80dc7..173d75b 100644 --- a/themesource/atlas_core/native/core/widgets/datepicker.js +++ b/themesource/atlas_core/native/core/widgets/datepicker.js @@ -22,6 +22,11 @@ export const DatePicker = { // All ViewStyle properties are allowed ...TextBox.containerDisabled }, + valueContainerError: { + // autoCapitalize, placeholderTextColor, selectionColor, underlineColorAndroid and all TextStyle properties are allowed + color: input.inputError.color, + borderColor: input.inputError.borderColor + }, label: { // numberOfLines and all TextStyle properties are allowed ...TextBox.label diff --git a/themesource/atlas_core/native/core/widgets/dropdown.js b/themesource/atlas_core/native/core/widgets/dropdown.js index a947fdd..660af01 100644 --- a/themesource/atlas_core/native/core/widgets/dropdown.js +++ b/themesource/atlas_core/native/core/widgets/dropdown.js @@ -75,6 +75,11 @@ export const DropDown = { valueContainerFocused: { // All ViewStyle properties are allowed }, + valueContainerError: { + // All ViewStyle properties are allowed + color: input.inputError.color, + borderColor: input.inputError.borderColor + }, iconStyle: { // All TextStyle properties are allowed color: input.input.color @@ -90,7 +95,8 @@ export const DropDown = { }, itemContainer: { // All ViewStyle properties & rippleColor & activeOpacity & underlayColor are allowed - maxWidth: input.itemContainer.maxWidth, + width: "100%", + maxWidth: undefined, paddingVertical: input.itemContainer.paddingVertical, paddingHorizontal: input.itemContainer.paddingHorizontal, backgroundColor: input.itemContainer.backgroundColor, @@ -110,6 +116,8 @@ export const DropDown = { }, selectedItemContainer: { // All ViewStyle properties are allowed + width: "100%", + maxWidth: undefined, borderWidth: input.selectedItemContainer.borderWidth, borderRadius: input.selectedItemContainer.borderRadius, borderColor: input.selectedItemContainer.borderColor, diff --git a/themesource/atlas_core/native/core/widgets/floatingactionbutton.js b/themesource/atlas_core/native/core/widgets/floatingactionbutton.js index 47f449c..2c0fff9 100644 --- a/themesource/atlas_core/native/core/widgets/floatingactionbutton.js +++ b/themesource/atlas_core/native/core/widgets/floatingactionbutton.js @@ -35,6 +35,14 @@ export const com_mendix_widget_native_floatingactionbutton_FloatingActionButton height: 2 } }, + buttonContainer: { + // All ViewStyle properties are allowed + width: floatingActionButton.button.size, + height: floatingActionButton.button.size, + borderRadius: floatingActionButton.button.size / 2, + justifyContent: "center", + alignItems: "center" + }, buttonIcon: { // Size and color are allowed size: floatingActionButton.buttonIcon.size, @@ -68,6 +76,7 @@ export const com_mendix_widget_native_floatingactionbutton_FloatingActionButton secondaryButtonCaptionContainer: { // All ViewStyle properties are allowed backgroundColor: floatingActionButton.secondaryButtonCaptionContainer.backgroundColor, + borderColor: floatingActionButton.secondaryButtonCaptionContainer.borderColor, marginHorizontal: 5, elevation: 2, shadowOpacity: 0.3, diff --git a/themesource/atlas_core/native/core/widgets/gallery.js b/themesource/atlas_core/native/core/widgets/gallery.js new file mode 100644 index 0000000..fd4063d --- /dev/null +++ b/themesource/atlas_core/native/core/widgets/gallery.js @@ -0,0 +1,60 @@ +import { font, button } from "../../variables"; +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. + +========================================================================== + Gallery + + Default Class For Mendix Gallery Widget +========================================================================== */ +export const com_mendix_widget_native_gallery_Gallery = { + container: { + // All ViewStyle properties are allowed + }, + emptyPlaceholder: { + // All ViewStyle properties are allowed + }, + firstItem: { + // All ViewStyle properties are allowed + }, + lastItem: { + // All ViewStyle properties are allowed + }, + list: { + // All ViewStyle properties are allowed + }, + listItem: { + // All ViewStyle properties are allowed + }, + loadMoreButtonContainer: { + // All ViewStyle properties are allowed + alignSelf: "stretch" + }, + loadMoreButtonPressableContainer: { + // Ripplecolor and all ViewStyle properties are allowed + borderWidth: 1, + borderStyle: "solid", + rippleColor: button.container.rippleColor, + borderColor: button.primary.borderColor, + backgroundColor: button.primary.backgroundColor, + alignItems: "center", + justifyContent: "center", + borderRadius: button.container.borderRadius, + minWidth: button.container.minWidth, + minHeight: button.container.minHeight, + paddingVertical: button.container.paddingVertical, + paddingHorizontal: button.container.paddingHorizontal + }, + loadMoreButtonCaption: { + // All TextStyle properties are allowed + color: button.primary.color, + fontSize: button.caption.fontSize, + fontFamily: font.family, + fontWeight: button.caption.fontWeight, + lineHeight: font.lineHeight + } +}; diff --git a/themesource/atlas_core/native/core/widgets/gallerytextfilter.js b/themesource/atlas_core/native/core/widgets/gallerytextfilter.js new file mode 100644 index 0000000..197649b --- /dev/null +++ b/themesource/atlas_core/native/core/widgets/gallerytextfilter.js @@ -0,0 +1,43 @@ +import { brand, input, spacing } from "../../variables"; +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. + +========================================================================== + Gallery text filter + + Default Class For Mendix Gallery Text Filter Widget +========================================================================== */ +export const com_mendix_widget_native_gallerytextfilter_GalleryTextFilter = { + textInputContainer: { + // All ViewStyle properties are allowed + flexDirection: "row", + justifyContent: "space-between", + borderWidth: input.input.borderWidth, + borderColor: input.input.borderColor, + borderRadius: input.input.borderRadius, + paddingEnd: spacing.small + }, + textInputContainerFocused: { + // All ViewStyle properties are allowed + borderColor: brand.primary + }, + textInput: { + // All TextStyle properties are allowed + height: 40, + marginStart: spacing.regular, + width: "90%", + color: input.input.color, + backgroundColor: input.input.backgroundColor, + selectionColor: input.input.selectionColor, + placeholderTextColor: input.input.placeholderTextColor + }, + textInputClearIcon: { + // All ViewStyle properties are allowed + justifyContent: "center", + alignContent: "center" + } +}; diff --git a/themesource/atlas_core/native/core/widgets/linechart.js b/themesource/atlas_core/native/core/widgets/linechart.js index e0a6cfa..99b7ba6 100644 --- a/themesource/atlas_core/native/core/widgets/linechart.js +++ b/themesource/atlas_core/native/core/widgets/linechart.js @@ -113,9 +113,9 @@ export const com_mendix_widget_native_linechart_LineChart = { Allowed properties: - lineColorPalette (string with array of colors separated by ';') */ - lineColorPalette: Object.values(brand) - .map((color, index, brandColors) => (index === brandColors.length - 1 ? color : `${color};`)) - .join(""), + lineColorPalette: Object.entries(brand) + .reduce((accumulator, [key, value]) => (key.endsWith("Light") ? accumulator : [...accumulator, value]), []) + .join(";"), customLineStyles: { any_custom_line_style_name: { line: { diff --git a/themesource/atlas_core/native/core/widgets/piedoughnutchart.js b/themesource/atlas_core/native/core/widgets/piedoughnutchart.js new file mode 100644 index 0000000..7639a0c --- /dev/null +++ b/themesource/atlas_core/native/core/widgets/piedoughnutchart.js @@ -0,0 +1,57 @@ +import { brand } from "../../variables"; +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. + +========================================================================== + Bar Chart + + Default Class For Mendix Bar Chart Widget +========================================================================== */ +export const com_mendix_widget_native_piedoughnutchart_PieDoughnutChart = { + container: { + // All ViewStyle properties are allowed + flex: 1 + }, + slices: { + /* + Allowed properties: + - colorPalette (string with array of colors separated by ';') + - innerRadius (number) + - padding (number) + - paddingBottom (number) + - paddingHorizontal (number) + - paddingLeft (number) + - paddingRight (number) + - paddingTop (number) + - paddingVertical (number) + */ + padding: 40, + colorPalette: Object.entries(brand) + .reduce((accumulator, [key, value]) => (key.endsWith("Light") ? accumulator : [...accumulator, value]), []) + .join(";"), + customStyles: { + your_defined_key: { + slice: { + /* + Allowed properties: + - color (string) + */ + }, + label: { + /* + Allowed properties: + - color (string) + - fontFamily (string) + - fontSize (number) + - fontStyle ("normal" or "italic") + - fontWeight ("normal" or "bold" or "100" or "200" or "300" or "400" or "500" or "600" or "700" or "800" or "900") + */ + } + } + } + } +}; diff --git a/themesource/atlas_core/native/core/widgets/radiobuttons.js b/themesource/atlas_core/native/core/widgets/radiobuttons.js new file mode 100644 index 0000000..c60d753 --- /dev/null +++ b/themesource/atlas_core/native/core/widgets/radiobuttons.js @@ -0,0 +1,48 @@ +import { radioButtons } from "../../variables"; +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. + +========================================================================== + RadioButtons + + Default Class For Mendix RadioButtons Widget +========================================================================== */ +export const com_mendix_widget_native_radiobuttons_RadioButtons = { + labelTextStyle: { + // All TextStyle properties are allowed + ...radioButtons.labelTextStyle + }, + radioButtonItemContainerStyle: { + // All ViewStyle properties are allowed + ...radioButtons.radioButtonItemContainerStyle + }, + radioButtonItemContainerHorizontalStyle: { + // All ViewStyle properties are allowed + ...radioButtons.radioButtonItemContainerHorizontalStyle + }, + circularButtonStyle: { + // All ViewStyle properties are allowed + ...radioButtons.circularButtonStyle + }, + activeButtonStyle: { + // All ViewStyle properties are allowed + ...radioButtons.activeButtonStyle + }, + radioButtonItemContainerDisabledStyle: { + // In case radio buttons is not selectable + // All ViewStyle properties are allowed + ...radioButtons.radioButtonItemContainerDisabledStyle + }, + radioButtonItemTitleStyle: { + // All TextStyle properties are allowed + ...radioButtons.radioButtonItemTitleStyle + }, + validationMessage: { + // All TextStyle properties are allowed + ...radioButtons.validationMessage + } +}; diff --git a/themesource/atlas_core/native/core/widgets/referenceselector.js b/themesource/atlas_core/native/core/widgets/referenceselector.js index 51dd534..7dc9589 100644 --- a/themesource/atlas_core/native/core/widgets/referenceselector.js +++ b/themesource/atlas_core/native/core/widgets/referenceselector.js @@ -56,6 +56,10 @@ export const ReferenceSelector = { // All ViewStyle properties are allowed ...DropDown.valueContainerFocused }, + valueContainerError: { + // All ViewStyle properties are allowed + ...DropDown.valueContainerError + }, iconStyle: { // All TextStyle properties are allowed ...DropDown.iconStyle diff --git a/themesource/atlas_core/native/core/widgets/switch.js b/themesource/atlas_core/native/core/widgets/switch.js new file mode 100644 index 0000000..402a48a --- /dev/null +++ b/themesource/atlas_core/native/core/widgets/switch.js @@ -0,0 +1,63 @@ +import { Platform } from "react-native"; +import { background, backgroundDefaults, border, brand, font, spacing } from "../../variables"; +import { TextBox } from "./textbox"; +/* + +DISCLAIMER: +Do not change this file because it is core styling. +Customizing core files will make updating Atlas much more difficult in the future. +To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten. + +========================================================================== + Switch + + Default Class For Mendix Switch Widget +========================================================================== */ +export const com_mendix_widget_native_switch_Switch = { + container: { + // All ViewStyle properties are allowed + ...TextBox.container, + paddingVertical: spacing.smallest, + justifyContent: "center" + }, + containerDisabled: { + // All ViewStyle properties are allowed + ...TextBox.containerDisabled + }, + label: { + // numberOfLines and all TextStyle properties are allowed + ...TextBox.label + }, + labelDisabled: { + // All TextStyle properties are allowed + ...TextBox.labelDisabled + }, + input: { + // thumbColorOn, thumbColorOff, trackColorOn, trackColorOff and all TextStyle properties are allowed + backgroundColor: "transparent", + marginRight: Platform.select({ android: -3 }), + thumbColorOn: backgroundDefaults.primaryLight, + trackColorOn: brand.primary, + thumbColorOff: "#FFF", + trackColorOff: border.color + }, + inputDisabled: { + // thumbColorOn, thumbColorOff, trackColorOn, trackColorOff and all TextStyle properties are allowed + thumbColorOn: background.secondary, + trackColorOn: font.colorDisabled, + thumbColorOff: background.secondary, + trackColorOff: border.color + }, + inputError: { + // thumbColorOn, thumbColorOff, trackColorOn, trackColorOff and all TextStyle properties are allowed + thumbColorOn: backgroundDefaults.primaryLight, + trackColorOn: brand.danger, + thumbColorOff: "#FFF", + trackColorOff: brand.danger + }, + validationMessage: { + // All TextStyle properties are allowed + ...TextBox.validationMessage, + alignSelf: "stretch" + } +}; diff --git a/themesource/atlas_core/native/core/widgets/tabcontainer.js b/themesource/atlas_core/native/core/widgets/tabcontainer.js index 1f68372..68415e5 100644 --- a/themesource/atlas_core/native/core/widgets/tabcontainer.js +++ b/themesource/atlas_core/native/core/widgets/tabcontainer.js @@ -23,7 +23,7 @@ export const TabContainer = { pressOpacity: 0.8, pressColor: tabContainer.tabBar.pressColor, backgroundColor: tabContainer.tabBar.backgroundColor, - height: 48, + minHeight: 48, justifyContent: "center" }, indicator: { diff --git a/themesource/atlas_core/native/core/widgets/videoplayer.js b/themesource/atlas_core/native/core/widgets/videoplayer.js index ce06e22..caa1dd9 100644 --- a/themesource/atlas_core/native/core/widgets/videoplayer.js +++ b/themesource/atlas_core/native/core/widgets/videoplayer.js @@ -19,5 +19,17 @@ export const com_mendix_widget_native_videoplayer_VideoPlayer = { }, video: { // All ViewStyle properties are allowed + }, + fullScreenVideoPlayer: { + // All ViewStyle properties are allowed + }, + controlBtnContainerStyle: { + // All ViewStyle properties are allowed + }, + fullScreenVideoStyle: { + // All ViewStyle properties are allowed + }, + fullScreenActivityIndicatorStyle: { + // All ViewStyle properties are allowed } }; diff --git a/themesource/atlas_core/native/design-properties.json b/themesource/atlas_core/native/design-properties.json index a79453b..e0dd05e 100644 --- a/themesource/atlas_core/native/design-properties.json +++ b/themesource/atlas_core/native/design-properties.json @@ -1924,6 +1924,56 @@ ] } ], + "com.mendix.widget.native.accordion.Accordion": [ + { + "name": "Compact", + "type": "Toggle", + "description": "Reduces the spacing in the header and the content.", + "class": "accordionCompact" + }, + { + "name": "Dividers", + "type": "Dropdown", + "description": "Configure the dividers between the groups.", + "options": [ + { + "name": "Lined", + "class": "accordionLined" + }, + { + "name": "None", + "class": "accordionDividerNone" + } + ] + }, + { + "name": "Accordion style", + "type": "Dropdown", + "description": "Style of the Accordion.", + "options": [ + { + "name": "Primary", + "class": "accordionPrimary" + }, + { + "name": "Secondary", + "class": "accordionSecondary" + }, + { + "name": "Success", + "class": "accordionSuccess" + }, + { + "name": "Warning", + "class": "accordionWarning" + }, + { + "name": "Danger", + "class": "accordionDanger" + } + ] + } + ], "com.mendix.widget.native.badge.Badge": [ { "name": "Badge style", @@ -2061,6 +2111,23 @@ ] } ], + "com.mendix.widget.native.columnchart.ColumnChart": [ + { + "name": "Chart size", + "type": "Dropdown", + "description": "Size of the chart.", + "options": [ + { + "name": "Square", + "class": "columnChartSquare" + }, + { + "name": "Maximum space", + "class": "columnChartMaxSpace" + } + ] + } + ], "com.mendix.widget.native.progressbar.ProgressBar": [ { "name": "Progress bar style", @@ -2344,5 +2411,882 @@ } ] } + ], + "com.mendix.widget.native.switch.Switch": [ + { + "name": "Switch style", + "type": "Dropdown", + "description": "Style of the switch track color.", + "options": [ + { + "name": "Success", + "class": "switchSuccess" + }, + { + "name": "Warning", + "class": "switchWarning" + }, + { + "name": "Danger", + "class": "switchDanger" + } + ] + } + ], + "com.mendix.widget.native.radiobuttons.RadioButtons": [ + { + "name": "Radio button color", + "type": "Dropdown", + "description": "Change the color of radio button.", + "options": [ + { + "name": "Brand Primary", + "class": "radioButtonsPrimary" + }, + { + "name": "Brand Success", + "class": "radioButtonsSuccess" + }, + { + "name": "Brand Warning", + "class": "radioButtonsWarning" + }, + { + "name": "Brand Danger", + "class": "radioButtonsDanger" + }, + { + "name": "Brand Info", + "class": "radioButtonsInfo" + } + ] + }, + { + "name": "Radio button label color", + "type": "Dropdown", + "description": "Change the color of label.", + "options": [ + { + "name": "Brand Primary", + "class": "radioButtonsLabelPrimary" + }, + { + "name": "Brand Success", + "class": "radioButtonsLabelSuccess" + }, + { + "name": "Brand Warning", + "class": "radioButtonsLabelWarning" + }, + { + "name": "Brand Danger", + "class": "radioButtonsLabelDanger" + }, + { + "name": "Brand Info", + "class": "radioButtonsLabelInfo" + } + ] + } + ], + "com.mendix.widget.native.backgroundgradient.BackgroundGradient": [ + { + "name": "Spacing top", + "type": "Dropdown", + "description": "The spacing above this element.", + "options": [ + { + "name": "Inner small", + "class": "spacingInnerTopSmaller" + }, + { + "name": "Inner medium", + "class": "spacingInnerTopMedium" + }, + { + "name": "Inner large", + "class": "spacingInnerTopLarger" + }, + { + "name": "Outer small", + "class": "spacingOuterTopSmaller" + }, + { + "name": "Outer medium", + "class": "spacingOuterTopMedium" + }, + { + "name": "Outer large", + "class": "spacingOuterTopLarger" + } + ] + }, + { + "name": "Spacing bottom", + "type": "Dropdown", + "description": "The spacing below this element.", + "options": [ + { + "name": "Inner small", + "class": "spacingInnerBottomSmaller" + }, + { + "name": "Inner medium", + "class": "spacingInnerBottomMedium" + }, + { + "name": "Inner large", + "class": "spacingInnerBottomLarger" + }, + { + "name": "Outer small", + "class": "spacingOuterBottomSmaller" + }, + { + "name": "Outer medium", + "class": "spacingOuterBottomMedium" + }, + { + "name": "Outer large", + "class": "spacingOuterBottomLarger" + } + ] + }, + { + "name": "Spacing left", + "type": "Dropdown", + "description": "The spacing to the left of this element.", + "options": [ + { + "name": "Inner small", + "class": "spacingInnerLeftSmaller" + }, + { + "name": "Inner medium", + "class": "spacingInnerLeftMedium" + }, + { + "name": "Inner large", + "class": "spacingInnerLeftLarger" + }, + { + "name": "Outer small", + "class": "spacingOuterLeftSmaller" + }, + { + "name": "Outer medium", + "class": "spacingOuterLeftMedium" + }, + { + "name": "Outer large", + "class": "spacingOuterLeftLarger" + } + ] + }, + { + "name": "Spacing right", + "type": "Dropdown", + "description": "The spacing to the right of this element.", + "options": [ + { + "name": "Inner small", + "class": "spacingInnerRightSmaller" + }, + { + "name": "Inner medium", + "class": "spacingInnerRightMedium" + }, + { + "name": "Inner large", + "class": "spacingInnerRightLarger" + }, + { + "name": "Outer small", + "class": "spacingOuterRightSmaller" + }, + { + "name": "Outer medium", + "class": "spacingOuterRightMedium" + }, + { + "name": "Outer large", + "class": "spacingOuterRightLarger" + } + ] + }, + { + "name": "Size", + "type": "Dropdown", + "description": "Change the size of the widget relative to its sibling(s).", + "options": [ + { + "name": "Maximum space", + "class": "flexMain" + }, + { + "name": "Minimum space", + "class": "flexItem" + } + ] + }, + { + "name": "Align", + "type": "Dropdown", + "description": "Aligns the element. This overrides 'Align children' of the parent.", + "options": [ + { + "name": "Start", + "class": "alignSelfStart" + }, + { + "name": "Center", + "class": "alignSelfCenter" + }, + { + "name": "End", + "class": "alignSelfEnd" + }, + { + "name": "Stretch", + "class": "alignSelfStretch" + }, + { + "name": "Baseline", + "class": "alignSelfBaseline" + } + ] + }, + { + "name": "Render children horizontal", + "type": "Toggle", + "description": "Determines the direction in which children are rendered.", + "class": "flexRow" + }, + { + "name": "Wrap children", + "type": "Toggle", + "description": "Determines if children can flow into multiple lines if they hit the end of the container.", + "class": "flexWrap" + }, + { + "name": "Align children", + "type": "Dropdown", + "description": "Align children in the opposite direction.", + "options": [ + { + "name": "Start", + "class": "alignChildrenStart" + }, + { + "name": "Center", + "class": "alignChildrenCenter" + }, + { + "name": "End", + "class": "alignChildrenEnd" + }, + { + "name": "Stretch", + "class": "alignChildrenStretch" + }, + { + "name": "Baseline", + "class": "alignChildrenBaseline" + } + ] + }, + { + "name": "Justify content", + "type": "Dropdown", + "description": "Justify content in the active direction.", + "options": [ + { + "name": "Start", + "class": "justifyContentStart" + }, + { + "name": "Center", + "class": "justifyContentCenter" + }, + { + "name": "End", + "class": "justifyContentEnd" + }, + { + "name": "Space between", + "class": "justifyContentSpaceBetween" + }, + { + "name": "Space around", + "class": "justifyContentSpaceAround" + }, + { + "name": "Space evenly", + "class": "justifyContentSpaceEvenly" + } + ] + }, + { + "name": "Angle", + "type": "Dropdown", + "description": "Line of direction. A value of 0 is equivalent to top; increasing values rotates clockwise.", + "options": [ + { + "name": "0 degrees", + "class": "angle0" + }, + { + "name": "45 degrees", + "class": "angle45" + }, + { + "name": "90 degrees", + "class": "angle90" + } + ] + }, + { + "name": "Opacity", + "type": "Dropdown", + "description": "Sets the opacity of the element.", + "options": [ + { + "name": "25%", + "class": "opacity25" + }, + { + "name": "50%", + "class": "opacity50" + }, + { + "name": "75%", + "class": "opacity75" + }, + { + "name": "100%", + "class": "opacity100" + } + ] + } + ], + "com.mendix.widget.native.gallery.Gallery": [ + { + "name": "Spacing top", + "type": "Dropdown", + "description": "The spacing above this element.", + "options": [ + { + "name": "Inner small", + "class": "spacingInnerTopSmaller" + }, + { + "name": "Inner medium", + "class": "spacingInnerTopMedium" + }, + { + "name": "Inner large", + "class": "spacingInnerTopLarger" + }, + { + "name": "Outer small", + "class": "spacingOuterTopSmaller" + }, + { + "name": "Outer medium", + "class": "spacingOuterTopMedium" + }, + { + "name": "Outer large", + "class": "spacingOuterTopLarger" + } + ] + }, + { + "name": "Spacing bottom", + "type": "Dropdown", + "description": "The spacing below this element.", + "options": [ + { + "name": "Inner small", + "class": "spacingInnerBottomSmaller" + }, + { + "name": "Inner medium", + "class": "spacingInnerBottomMedium" + }, + { + "name": "Inner large", + "class": "spacingInnerBottomLarger" + }, + { + "name": "Outer small", + "class": "spacingOuterBottomSmaller" + }, + { + "name": "Outer medium", + "class": "spacingOuterBottomMedium" + }, + { + "name": "Outer large", + "class": "spacingOuterBottomLarger" + } + ] + }, + { + "name": "Spacing left", + "type": "Dropdown", + "description": "The spacing to the left of this element.", + "options": [ + { + "name": "Inner small", + "class": "spacingInnerLeftSmaller" + }, + { + "name": "Inner medium", + "class": "spacingInnerLeftMedium" + }, + { + "name": "Inner large", + "class": "spacingInnerLeftLarger" + }, + { + "name": "Outer small", + "class": "spacingOuterLeftSmaller" + }, + { + "name": "Outer medium", + "class": "spacingOuterLeftMedium" + }, + { + "name": "Outer large", + "class": "spacingOuterLeftLarger" + } + ] + }, + { + "name": "Spacing right", + "type": "Dropdown", + "description": "The spacing to the right of this element.", + "options": [ + { + "name": "Inner small", + "class": "spacingInnerRightSmaller" + }, + { + "name": "Inner medium", + "class": "spacingInnerRightMedium" + }, + { + "name": "Inner large", + "class": "spacingInnerRightLarger" + }, + { + "name": "Outer small", + "class": "spacingOuterRightSmaller" + }, + { + "name": "Outer medium", + "class": "spacingOuterRightMedium" + }, + { + "name": "Outer large", + "class": "spacingOuterRightLarger" + } + ] + }, + { + "name": "Background color", + "type": "Dropdown", + "description": "Change the background color of the container.", + "options": [ + { + "name": "Background Primary", + "oldNames": ["Primary"], + "class": "backgroundPrimary" + }, + { + "name": "Background Secondary", + "oldNames": ["Gray", "Secondary"], + "class": "backgroundSecondary" + }, + { + "name": "Brand Primary", + "class": "backgroundBrandPrimary" + }, + { + "name": "Brand Success", + "class": "backgroundBrandSuccess" + }, + { + "name": "Brand Warning", + "class": "backgroundBrandWarning" + }, + { + "name": "Brand Danger", + "class": "backgroundBrandDanger" + }, + { + "name": "Brand Info", + "class": "backgroundBrandInfo" + } + ] + }, + { + "name": "Size", + "type": "Dropdown", + "description": "Change the size of the widget relative to its sibling(s).", + "options": [ + { + "name": "Maximum space", + "class": "flexMain" + }, + { + "name": "Minimum space", + "class": "flexItem" + } + ] + }, + { + "name": "Align", + "type": "Dropdown", + "description": "Aligns the element. This overrides 'Align children' of the parent.", + "options": [ + { + "name": "Start", + "class": "alignSelfStart" + }, + { + "name": "Center", + "class": "alignSelfCenter" + }, + { + "name": "End", + "class": "alignSelfEnd" + }, + { + "name": "Stretch", + "class": "alignSelfStretch" + }, + { + "name": "Baseline", + "class": "alignSelfBaseline" + } + ] + }, + { + "name": "Render children horizontal", + "type": "Toggle", + "description": "Determines the direction in which children are rendered.", + "class": "galleryGridFlexRow" + }, + { + "name": "Wrap children", + "type": "Toggle", + "description": "Determines if children can flow into multiple lines if they hit the end of the container.", + "class": "galleryGridFlexWrap" + }, + { + "name": "Align children", + "type": "Dropdown", + "description": "Align children in the opposite direction.", + "options": [ + { + "name": "Start", + "class": "galleryGridAlignSelfStart" + }, + { + "name": "Center", + "class": "galleryGridAlignSelfCenter" + }, + { + "name": "End", + "class": "galleryGridAlignSelfEnd" + }, + { + "name": "Stretch", + "class": "galleryGridAlignSelfStretch" + }, + { + "name": "Baseline", + "class": "galleryGridAlignSelfBaseline" + } + ] + }, + { + "name": "Justify content", + "type": "Dropdown", + "description": "Justify content in the active direction.", + "options": [ + { + "name": "Start", + "class": "galleryGridJustifyContentStart" + }, + { + "name": "Center", + "class": "galleryGridJustifyContentCenter" + }, + { + "name": "End", + "class": "galleryGridJustifyContentEnd" + }, + { + "name": "Space between", + "class": "galleryGridJustifyContentSpaceBetween" + }, + { + "name": "Space around", + "class": "galleryGridJustifyContentSpaceAround" + }, + { + "name": "Space evenly", + "class": "galleryGridJustifyContentSpaceEvenly" + } + ] + }, + { + "name": "Justify load more button", + "type": "Dropdown", + "description": "Justify the load more button in the active direction.", + "options": [ + { + "name": "Left", + "class": "justifyPaginationLeft" + }, + { + "name": "Center", + "class": "justifyPaginationCenter" + }, + { + "name": "Right", + "class": "justifyPaginationRight" + } + ] + }, + { + "name": "Load more button style", + "type": "Dropdown", + "description": "Style of the Load more button.", + "options": [ + { + "name": "Secondary", + "class": "loadMoreButtonBackgroundSecondary" + }, + { + "name": "Success", + "class": "loadMoreButtonBackgroundSuccess" + }, + { + "name": "Warning", + "class": "loadMoreButtonBackgroundWarning" + }, + { + "name": "Danger", + "class": "loadMoreButtonBackgroundDanger" + } + ] + }, + { + "name": "Load more button size", + "type": "Dropdown", + "description": "Style of the Load more button.", + "options": [ + { + "name": "Fixed size", + "class": "loadMoreButtonFixedSize" + } + ] + }, + { + "name": "List item divider", + "type": "Dropdown", + "description": "Give each list item a border.", + "options": [ + { + "name": "Vertical", + "class": "listItemBorderHorizontal" + }, + { + "name": "Horizontal", + "class": "listItemBorderVertical" + }, + { + "name": "Both", + "class": "listItemBorder" + } + ] + }, + { + "name": "Grid gap", + "type": "Dropdown", + "description": "The spacing around the list items.", + "options": [ + { + "name": "Inner small", + "class": "gridGapInnerSmall" + }, + { + "name": "Inner medium", + "class": "gridGapInnerMedium" + }, + { + "name": "Inner large", + "class": "gridGapInnerLarge" + }, + { + "name": "Outer small", + "class": "gridGapOuterSmall" + }, + { + "name": "Outer medium", + "class": "gridGapOuterMedium" + }, + { + "name": "Outer large", + "class": "gridGapOuterLarge" + } + ] + } + ], + "com.mendix.widget.native.gallerytextfilter.GalleryTextFilter": [ + { + "name": "Spacing top", + "type": "Dropdown", + "description": "The spacing above this element.", + "options": [ + { + "name": "Smallest", + "class": "galleryTextFilterSpacingOuterTopSmallest" + }, + { + "name": "Smaller", + "class": "galleryTextFilterSpacingOuterTopSmaller" + }, + { + "name": "Small", + "class": "galleryTextFilterSpacingOuterTopSmall" + }, + { + "name": "Medium", + "class": "galleryTextFilterSpacingOuterTopMedium" + }, + { + "name": "Large", + "class": "galleryTextFilterSpacingOuterTopLarge" + }, + { + "name": "Larger", + "class": "galleryTextFilterSpacingOuterTopLarger" + }, + { + "name": "Largest", + "class": "galleryTextFilterSpacingOuterTopLargest" + } + ] + }, + { + "name": "Spacing bottom", + "type": "Dropdown", + "description": "The spacing below this element.", + "options": [ + { + "name": "Smallest", + "class": "galleryTextFilterSpacingOuterBottomSmallest" + }, + { + "name": "Smaller", + "class": "galleryTextFilterSpacingOuterBottomSmaller" + }, + { + "name": "Small", + "class": "galleryTextFilterSpacingOuterBottomSmall" + }, + { + "name": "Medium", + "class": "galleryTextFilterSpacingOuterBottomMedium" + }, + { + "name": "Large", + "class": "galleryTextFilterSpacingOuterBottomLarge" + }, + { + "name": "Larger", + "class": "galleryTextFilterSpacingOuterBottomLarger" + }, + { + "name": "Largest", + "class": "galleryTextFilterSpacingOuterBottomLargest" + } + ] + }, + { + "name": "Spacing left", + "type": "Dropdown", + "description": "The spacing to the left of this element.", + "options": [ + { + "name": "Smallest", + "class": "galleryTextFilterSpacingOuterLeftSmallest" + }, + { + "name": "Smaller", + "class": "galleryTextFilterSpacingOuterLeftSmaller" + }, + { + "name": "Small", + "class": "galleryTextFilterSpacingOuterLeftSmall" + }, + { + "name": "Medium", + "class": "galleryTextFilterSpacingOuterLeftMedium" + }, + { + "name": "Large", + "class": "galleryTextFilterSpacingOuterLeftLarge" + }, + { + "name": "Larger", + "class": "galleryTextFilterSpacingOuterLeftLarger" + }, + { + "name": "Largest", + "class": "galleryTextFilterSpacingOuterLeftLargest" + } + ] + }, + { + "name": "Spacing right", + "type": "Dropdown", + "description": "The spacing to the right of this element.", + "options": [ + { + "name": "Smallest", + "class": "galleryTextFilterSpacingOuterRightSmallest" + }, + { + "name": "Smaller", + "class": "galleryTextFilterSpacingOuterRightSmaller" + }, + { + "name": "Small", + "class": "galleryTextFilterSpacingOuterRightSmall" + }, + { + "name": "Medium", + "class": "galleryTextFilterSpacingOuterRightMedium" + }, + { + "name": "Large", + "class": "galleryTextFilterSpacingOuterRightLarge" + }, + { + "name": "Larger", + "class": "galleryTextFilterSpacingOuterRightLarger" + }, + { + "name": "Largest", + "class": "galleryTextFilterSpacingOuterRightLargest" + } + ] + } ] } diff --git a/themesource/atlas_core/native/main.js b/themesource/atlas_core/native/main.js index 13135d2..770045b 100644 --- a/themesource/atlas_core/native/main.js +++ b/themesource/atlas_core/native/main.js @@ -8,6 +8,8 @@ import * as spacing from "./core/base/spacing"; // // // Components +import * as widgetsAccordion from "./core/widgets/accordion"; +import * as helpersAccordion from "./core/helpers/accordion"; import * as widgetsActivityIndicator from "./core/widgets/activityindicator"; import * as helpersActivityIndicator from "./core/helpers/activityindicator"; import * as widgetsAnimation from "./core/widgets/animation"; @@ -43,6 +45,7 @@ import * as widgetsMaps from "./core/widgets/maps"; import * as helpersMaps from "./core/helpers/maps"; import * as widgetsNavigation from "./core/widgets/navigation"; import * as widgetsPageTitle from "./core/widgets/pagetitle"; +import * as widgetsPieDoughnutChart from "./core/widgets/piedoughnutchart"; import * as widgetsProgressBar from "./core/widgets/progressbar"; import * as helpersProgressBar from "./core/helpers/progressbar"; import * as widgetsProgressCircle from "./core/widgets/progresscircle"; @@ -56,6 +59,8 @@ import * as widgetsReferenceSelector from "./core/widgets/referenceselector"; import * as widgetsSafeAreaView from "./core/widgets/safeareaview"; import * as widgetsSlider from "./core/widgets/slider"; import * as helpersSlider from "./core/helpers/slider"; +import * as widgetsSwitch from "./core/widgets/switch"; +import * as helpersSwitch from "./core/helpers/switch"; import * as widgetsTabContainer from "./core/widgets/tabcontainer"; import * as helpersTabContainer from "./core/helpers/tabcontainer"; import * as widgetsTextArea from "./core/widgets/textarea"; @@ -67,6 +72,16 @@ import * as helpersTypography from "./core/helpers/typography"; import * as widgetsVideoPlayer from "./core/widgets/videoplayer"; import * as widgetsWebView from "./core/widgets/webview"; import * as helperClasses from "./core/helpers/helperclasses"; +import * as radioButtons from "./core/widgets/radiobuttons"; +import * as helperRadioButtons from "./core/helpers/radiobuttons"; +import * as backgroundGradient from "./core/widgets/backgroundgradient"; +import * as helperBackgroundGradient from "./core/helpers/backgroundgradient"; +import * as widgetsColumnChart from "./core/widgets/columnchart"; +import * as helpersColumnChart from "./core/helpers/columnchart"; +import * as widgetsGallery from "./core/widgets/gallery"; +import * as helpersGallery from "./core/helpers/gallery"; +import * as widgetsGalleryTextFilter from "./core/widgets/gallerytextfilter"; +import * as helpersGalleryTextFilter from "./core/helpers/gallerytextfilter"; // // // ================================= CUSTOM =================================\\ @@ -78,6 +93,8 @@ import * as page from "./layouts/page"; module.exports = [ flex, spacing, + !exclusionVariables.excludeAccordion ? widgetsAccordion : {}, + !exclusionVariables.excludeAccordion && !exclusionVariables.excludeAccordionHelpers ? helpersAccordion : {}, !exclusionVariables.excludeActivityIndicator ? widgetsActivityIndicator : {}, !exclusionVariables.excludeActivityIndicator && !exclusionVariables.excludeActivityIndicatorHelpers ? helpersActivityIndicator @@ -117,6 +134,7 @@ module.exports = [ !exclusionVariables.excludeMaps && !exclusionVariables.excludeMapsHelpers ? helpersMaps : {}, widgetsNavigation, !exclusionVariables.excludePageTitle ? widgetsPageTitle : {}, + !exclusionVariables.excludePieDoughnutChart ? widgetsPieDoughnutChart : {}, !exclusionVariables.excludeProgressBar ? widgetsProgressBar : {}, !exclusionVariables.excludeProgressBar && !exclusionVariables.excludeProgressBarHelpers ? helpersProgressBar : {}, !exclusionVariables.excludeProgressCircle ? widgetsProgressCircle : {}, @@ -132,6 +150,8 @@ module.exports = [ !exclusionVariables.excludeSafeAreaView ? widgetsSafeAreaView : {}, !exclusionVariables.excludeSlider ? widgetsSlider : {}, !exclusionVariables.excludeSlider && !exclusionVariables.excludeSliderHelpers ? helpersSlider : {}, + !exclusionVariables.excludeSwitch ? widgetsSwitch : {}, + !exclusionVariables.excludeSwitch && !exclusionVariables.excludeSwitchHelpers ? helpersSwitch : {}, !exclusionVariables.excludeTabContainer ? widgetsTabContainer : {}, !exclusionVariables.excludeTabContainer && !exclusionVariables.excludeTabContainerHelpers ? helpersTabContainer @@ -145,6 +165,20 @@ module.exports = [ !exclusionVariables.excludeVideoPlayer ? widgetsVideoPlayer : {}, !exclusionVariables.excludeWebView ? widgetsWebView : {}, !exclusionVariables.excludeHelpers ? helperClasses : {}, + !exclusionVariables.excludeRadioButtons ? radioButtons : {}, + !exclusionVariables.excludeRadioButtons && !exclusionVariables.excludeRadioButtonsHelper ? helperRadioButtons : {}, + !exclusionVariables.excludeBackgroundGradient ? backgroundGradient : {}, + !exclusionVariables.excludeBackgroundGradient && !exclusionVariables.excludeBackgroundGradientHelper + ? helperBackgroundGradient + : {}, + !exclusionVariables.excludeColumnChart ? widgetsColumnChart : {}, + !exclusionVariables.excludeColumnChart && !exclusionVariables.excludeColumnChartHelper ? helpersColumnChart : {}, + !exclusionVariables.excludeGallery ? widgetsGallery : {}, + !exclusionVariables.excludeGallery && !exclusionVariables.excludeGalleryHelper ? helpersGallery : {}, + !exclusionVariables.excludeGalleryTextFilter ? widgetsGalleryTextFilter : {}, + !exclusionVariables.excludeGalleryTextFilter && !exclusionVariables.excludeGalleryTextFilterHelper + ? helpersGalleryTextFilter + : {}, layout, page ].reduce((merged, object) => ({ ...merged, ...object }), {}); diff --git a/themesource/atlas_core/native/variables.js b/themesource/atlas_core/native/variables.js index a4d2387..42e5715 100644 --- a/themesource/atlas_core/native/variables.js +++ b/themesource/atlas_core/native/variables.js @@ -238,7 +238,6 @@ let input = { rippleColor: contrast.lowest }, itemContainer: { - maxWidth: 500, paddingVertical: 12, paddingHorizontal: spacing.regular, backgroundColor: background.primary @@ -318,6 +317,33 @@ let container = { }; container = merge(container, custom.container || {}); // +// Accordion Styles +let accordion = { + container: { + backgroundColor: background.primary, + borderColor: border.color + }, + groupHeader: { + container: { + paddingVertical: spacing.regular, + paddingHorizontal: spacing.regular + }, + heading: { + color: font.colorTitle + }, + icon: { + size: font.sizeLarge, + color: font.colorTitle + } + }, + groupContent: { + paddingTop: spacing.small, + paddingBottom: spacing.large, + paddingHorizontal: spacing.regular + } +}; +accordion = merge(accordion, custom.accordion || {}); +// // Badge Styles let badge = { fontWeight: font.weightNormal, @@ -399,6 +425,29 @@ let listView = { }; listView = merge(listView, custom.listView || {}); // +// Checkbox Styles +let checkbox = { + checkboxInput: { + color: brand.primary, + size: 20, + backgroundColor: background.primary, + borderColor: border.color, + borderWidth: border.width, + borderRadius: border.radiusSmall, + width: 40, + height: 40 + }, + checkboxInputDisabled: { + color: brand.primaryLight, + backgroundColor: background.secondary + }, + checkboxInputError: { + color: brand.danger, + borderColor: brand.danger + } +}; +checkbox = merge(checkbox, custom.checkbox || {}); +// // Layoutgrid Styles let layoutGrid = { gutterSize: 16 @@ -417,6 +466,13 @@ let floatingActionButton = { borderColor: brand.primary, backgroundColor: brand.primary }, + buttonContainer: { + heigh: 50, + width: 50, + borderRadius: 25, + justifyContent: "center", + alignItems: "center" + }, buttonIcon: { size: font.sizeLarge, color: contrast.lowest @@ -434,7 +490,8 @@ let floatingActionButton = { fontSize: font.sizeSmall }, secondaryButtonCaptionContainer: { - backgroundColor: background.primary + backgroundColor: background.primary, + borderColor: background.primary } }; floatingActionButton = merge(floatingActionButton, custom.floatingActionButton || {}); @@ -579,5 +636,131 @@ let slider = { }; slider = merge(slider, custom.slider || {}); // +// Radio Buttons +let radioButtons = { + labelTextStyle: { + color: font.colorTitle, + fontSize: font.sizeSmall, + lineHeight: font.lineHeightSmall, + marginBottom: spacing.small + }, + radioButtonItemContainerStyle: { + marginBottom: spacing.small + }, + radioButtonItemContainerDisabledStyle: { + opacity: 0.5 + }, + radioButtonItemContainerHorizontalStyle: { + marginEnd: spacing.small + }, + circularButtonStyle: { + width: 16, + height: 16, + borderRadius: 8, + borderColor: border.color, + marginEnd: spacing.smaller + }, + activeButtonStyle: { + width: 8, + height: 8, + borderRadius: 4, + backgroundColor: brand.primary + }, + radioButtonItemTitleStyle: { + color: font.colorTitle, + fontSize: font.sizeSmall, + lineHeight: font.lineHeightSmall + }, + validationMessage: { + color: brand.danger, + fontSize: font.sizeSmall + } +}; +radioButtons = merge(radioButtons, custom.radioButtons || {}); +// +// Background Gradient +let backgroundGradient = { + container: {}, + angle: 0, + opacity: 100 +}; +backgroundGradient = merge(backgroundGradient, custom.backgroundGradient || {}); +// column chart styles +let columnChart = { + container: {}, + errorMessage: { + fontFamily: font.family, + fontSize: font.sizeSmall, + fontWeight: font.weightNormal + }, + chart: {}, + grid: { + lineColor: border.color + }, + xAxis: { + color: font.colorTitle, + fontFamily: font.family, + fontSize: font.sizeSmall, + fontWeight: font.weightNormal, + label: { + color: font.colorParagraph, + alignSelf: "center", + marginHorizontal: 0, + marginVertical: 8, + fontFamily: font.family, + fontSize: font.sizeSmall, + fontWeight: font.weightNormal + }, + lineColor: border.color + }, + yAxis: { + color: font.colorTitle, + fontFamily: font.family, + fontSize: font.sizeSmall, + fontWeight: font.weightNormal, + label: { + color: font.colorParagraph, + marginHorizontal: 0, + marginVertical: 8, + fontFamily: font.family, + fontSize: font.sizeSmall, + fontWeight: font.weightNormal + }, + lineColor: border.color + }, + columns: { + columnColorPalette: Object.entries(brand) + .reduce((accumulator, [key, value]) => (key.endsWith("Light") ? accumulator : [...accumulator, value]), []) + .join(";"), + columnsOffset: 20, + customColumnStyles: { + your_static_or_dynamic_attribute_value: { + column: {}, + label: {} + } + } + }, + legend: { + container: { + justifyContent: "flex-start", + marginHorizontal: 0, + marginVertical: spacing.small + }, + item: { + padding: 0, + paddingRight: spacing.regular + }, + indicator: { + marginRight: spacing.small + }, + label: { + color: font.colorTitle, + fontFamily: font.family, + fontSize: font.sizeSmall, + fontWeight: font.weightNormal + } + } +}; +columnChart = merge(columnChart, custom.columnChart || {}); export * from "../../../theme/native/custom-variables"; -export { brand, backgroundDefaults, background, border, button, contrast, fontDefaults, font, input, image, layoutGrid, listView, navigation, spacing, container, tabContainer, badge, floatingActionButton, introScreen, listViewSwipe, progressBar, progressCircle, slider, rating }; +export { accordion, brand, backgroundDefaults, background, border, button, contrast, checkbox, fontDefaults, font, input, image, layoutGrid, listView, navigation, spacing, container, tabContainer, badge, floatingActionButton, introScreen, listViewSwipe, progressBar, progressCircle, slider, rating, radioButtons, backgroundGradient, columnChart }; diff --git a/themesource/atlas_core/public/resources/arrow.svg b/themesource/atlas_core/public/resources/arrow.svg new file mode 100644 index 0000000..d289b3a --- /dev/null +++ b/themesource/atlas_core/public/resources/arrow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/themesource/atlas_core/public/resources/fonts/open-sans/LICENSE.txt b/themesource/atlas_core/public/resources/fonts/open-sans/LICENSE.txt new file mode 100644 index 0000000..261eeb9 --- /dev/null +++ b/themesource/atlas_core/public/resources/fonts/open-sans/LICENSE.txt @@ -0,0 +1,201 @@ + Apache License + Version 2.0, January 2004 + http://www.apache.org/licenses/ + + TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + + 1. Definitions. + + "License" shall mean the terms and conditions for use, reproduction, + and distribution as defined by Sections 1 through 9 of this document. + + "Licensor" shall mean the copyright owner or entity authorized by + the copyright owner that is granting the License. + + "Legal Entity" shall mean the union of the acting entity and all + other entities that control, are controlled by, or are under common + control with that entity. For the purposes of this definition, + "control" means (i) the power, direct or indirect, to cause the + direction or management of such entity, whether by contract or + otherwise, or (ii) ownership of fifty percent (50%) or more of the + outstanding shares, or (iii) beneficial ownership of such entity. + + "You" (or "Your") shall mean an individual or Legal Entity + exercising permissions granted by this License. + + "Source" form shall mean the preferred form for making modifications, + including but not limited to software source code, documentation + source, and configuration files. + + "Object" form shall mean any form resulting from mechanical + transformation or translation of a Source form, including but + not limited to compiled object code, generated documentation, + and conversions to other media types. + + "Work" shall mean the work of authorship, whether in Source or + Object form, made available under the License, as indicated by a + copyright notice that is included in or attached to the work + (an example is provided in the Appendix below). + + "Derivative Works" shall mean any work, whether in Source or Object + form, that is based on (or derived from) the Work and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. For the purposes + of this License, Derivative Works shall not include works that remain + separable from, or merely link (or bind by name) to the interfaces of, + the Work and Derivative Works thereof. + + "Contribution" shall mean any work of authorship, including + the original version of the Work and any modifications or additions + to that Work or Derivative Works thereof, that is intentionally + submitted to Licensor for inclusion in the Work by the copyright owner + or by an individual or Legal Entity authorized to submit on behalf of + the copyright owner. For the purposes of this definition, "submitted" + means any form of electronic, verbal, or written communication sent + to the Licensor or its representatives, including but not limited to + communication on electronic mailing lists, source code control systems, + and issue tracking systems that are managed by, or on behalf of, the + Licensor for the purpose of discussing and improving the Work, but + excluding communication that is conspicuously marked or otherwise + designated in writing by the copyright owner as "Not a Contribution." + + "Contributor" shall mean Licensor and any individual or Legal Entity + on behalf of whom a Contribution has been received by Licensor and + subsequently incorporated within the Work. + + 2. Grant of Copyright License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + copyright license to reproduce, prepare Derivative Works of, + publicly display, publicly perform, sublicense, and distribute the + Work and such Derivative Works in Source or Object form. + + 3. Grant of Patent License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + (except as stated in this section) patent license to make, have made, + use, offer to sell, sell, import, and otherwise transfer the Work, + where such license applies only to those patent claims licensable + by such Contributor that are necessarily infringed by their + Contribution(s) alone or by combination of their Contribution(s) + with the Work to which such Contribution(s) was submitted. If You + institute patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Work + or a Contribution incorporated within the Work constitutes direct + or contributory patent infringement, then any patent licenses + granted to You under this License for that Work shall terminate + as of the date such litigation is filed. + + 4. Redistribution. You may reproduce and distribute copies of the + Work or Derivative Works thereof in any medium, with or without + modifications, and in Source or Object form, provided that You + meet the following conditions: + + (a) You must give any other recipients of the Work or + Derivative Works a copy of this License; and + + (b) You must cause any modified files to carry prominent notices + stating that You changed the files; and + + (c) You must retain, in the Source form of any Derivative Works + that You distribute, all copyright, patent, trademark, and + attribution notices from the Source form of the Work, + excluding those notices that do not pertain to any part of + the Derivative Works; and + + (d) If the Work includes a "NOTICE" text file as part of its + distribution, then any Derivative Works that You distribute must + include a readable copy of the attribution notices contained + within such NOTICE file, excluding those notices that do not + pertain to any part of the Derivative Works, in at least one + of the following places: within a NOTICE text file distributed + as part of the Derivative Works; within the Source form or + documentation, if provided along with the Derivative Works; or, + within a display generated by the Derivative Works, if and + wherever such third-party notices normally appear. The contents + of the NOTICE file are for informational purposes only and + do not modify the License. You may add Your own attribution + notices within Derivative Works that You distribute, alongside + or as an addendum to the NOTICE text from the Work, provided + that such additional attribution notices cannot be construed + as modifying the License. + + You may add Your own copyright statement to Your modifications and + may provide additional or different license terms and conditions + for use, reproduction, or distribution of Your modifications, or + for any such Derivative Works as a whole, provided Your use, + reproduction, and distribution of the Work otherwise complies with + the conditions stated in this License. + + 5. Submission of Contributions. Unless You explicitly state otherwise, + any Contribution intentionally submitted for inclusion in the Work + by You to the Licensor shall be under the terms and conditions of + this License, without any additional terms or conditions. + Notwithstanding the above, nothing herein shall supersede or modify + the terms of any separate license agreement you may have executed + with Licensor regarding such Contributions. + + 6. Trademarks. This License does not grant permission to use the trade + names, trademarks, service marks, or product names of the Licensor, + except as required for reasonable and customary use in describing the + origin of the Work and reproducing the content of the NOTICE file. + + 7. Disclaimer of Warranty. Unless required by applicable law or + agreed to in writing, Licensor provides the Work (and each + Contributor provides its Contributions) on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or + implied, including, without limitation, any warranties or conditions + of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A + PARTICULAR PURPOSE. You are solely responsible for determining the + appropriateness of using or redistributing the Work and assume any + risks associated with Your exercise of permissions under this License. + + 8. Limitation of Liability. In no event and under no legal theory, + whether in tort (including negligence), contract, or otherwise, + unless required by applicable law (such as deliberate and grossly + negligent acts) or agreed to in writing, shall any Contributor be + liable to You for damages, including any direct, indirect, special, + incidental, or consequential damages of any character arising as a + result of this License or out of the use or inability to use the + Work (including but not limited to damages for loss of goodwill, + work stoppage, computer failure or malfunction, or any and all + other commercial damages or losses), even if such Contributor + has been advised of the possibility of such damages. + + 9. Accepting Warranty or Additional Liability. While redistributing + the Work or Derivative Works thereof, You may choose to offer, + and charge a fee for, acceptance of support, warranty, indemnity, + or other liability obligations and/or rights consistent with this + License. However, in accepting such obligations, You may act only + on Your own behalf and on Your sole responsibility, not on behalf + of any other Contributor, and only if You agree to indemnify, + defend, and hold each Contributor harmless for any liability + incurred by, or claims asserted against, such Contributor by reason + of your accepting any such warranty or additional liability. + + END OF TERMS AND CONDITIONS + + APPENDIX: How to apply the Apache License to your work. + + To apply the Apache License to your work, attach the following + boilerplate notice, with the fields enclosed by brackets "[]" + replaced with your own identifying information. (Don't include + the brackets!) The text should be enclosed in the appropriate + comment syntax for the file format. We also recommend that a + file or class name and description of purpose be included on the + same "printed page" as the copyright notice for easier + identification within third-party archives. + + Copyright [yyyy] [name of copyright owner] + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. diff --git a/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-Bold.woff b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-Bold.woff new file mode 100644 index 0000000..fe26694 Binary files /dev/null and b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-Bold.woff differ diff --git a/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-BoldItalic.woff b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-BoldItalic.woff new file mode 100644 index 0000000..4ff9673 Binary files /dev/null and b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-BoldItalic.woff differ diff --git a/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-Italic.woff b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-Italic.woff new file mode 100644 index 0000000..d54cc24 Binary files /dev/null and b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-Italic.woff differ diff --git a/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-Light.woff b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-Light.woff new file mode 100644 index 0000000..a823caa Binary files /dev/null and b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-Light.woff differ diff --git a/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-LightItalic.woff b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-LightItalic.woff new file mode 100644 index 0000000..fa8d934 Binary files /dev/null and b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-LightItalic.woff differ diff --git a/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-Regular.woff b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-Regular.woff new file mode 100644 index 0000000..99c5d47 Binary files /dev/null and b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-Regular.woff differ diff --git a/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-SemiBold.woff b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-SemiBold.woff new file mode 100644 index 0000000..50c2bc1 Binary files /dev/null and b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-SemiBold.woff differ diff --git a/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-SemiBoldItalic.woff b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-SemiBoldItalic.woff new file mode 100644 index 0000000..a0c3de7 Binary files /dev/null and b/themesource/atlas_core/public/resources/fonts/open-sans/OpenSans-SemiBoldItalic.woff differ diff --git a/themesource/atlas_core/public/resources/fonts/open-sans/open-sans.css b/themesource/atlas_core/public/resources/fonts/open-sans/open-sans.css new file mode 100644 index 0000000..63b2bf6 --- /dev/null +++ b/themesource/atlas_core/public/resources/fonts/open-sans/open-sans.css @@ -0,0 +1,48 @@ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans'), url('./OpenSans-Bold.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 700; + src: local('Open Sans'), url('./OpenSans-BoldItalic.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 400; + src: local('Open Sans'), url('./OpenSans-Italic.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans'), url('./OpenSans-Light.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 300; + src: local('Open Sans'), url('./OpenSans-LightItalic.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), url('./OpenSans-Regular.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans'), url('./OpenSans-SemiBold.woff') format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 600; + src: local('Open Sans'), url('./OpenSans-SemiBoldItalic.woff') format('woff'); +} diff --git a/themesource/atlas_core/public/resources/menubar-more-icon.png b/themesource/atlas_core/public/resources/menubar-more-icon.png new file mode 100644 index 0000000..9111d0e Binary files /dev/null and b/themesource/atlas_core/public/resources/menubar-more-icon.png differ diff --git a/themesource/atlas_core/public/resources/progress-indicator.gif b/themesource/atlas_core/public/resources/progress-indicator.gif new file mode 100644 index 0000000..c8c5893 Binary files /dev/null and b/themesource/atlas_core/public/resources/progress-indicator.gif differ diff --git a/themesource/atlas_core/public/resources/swipe-progress.gif b/themesource/atlas_core/public/resources/swipe-progress.gif new file mode 100644 index 0000000..f76d56d Binary files /dev/null and b/themesource/atlas_core/public/resources/swipe-progress.gif differ diff --git a/themesource/atlas_core/public/resources/switcher-toggle.png b/themesource/atlas_core/public/resources/switcher-toggle.png new file mode 100644 index 0000000..85f6519 Binary files /dev/null and b/themesource/atlas_core/public/resources/switcher-toggle.png differ diff --git a/themesource/atlas_core/public/resources/switcher.png b/themesource/atlas_core/public/resources/switcher.png new file mode 100644 index 0000000..6a61a7a Binary files /dev/null and b/themesource/atlas_core/public/resources/switcher.png differ diff --git a/themesource/atlas_core/public/resources/tabcontainer-loading.gif b/themesource/atlas_core/public/resources/tabcontainer-loading.gif new file mode 100644 index 0000000..f76d56d Binary files /dev/null and b/themesource/atlas_core/public/resources/tabcontainer-loading.gif differ diff --git a/themesource/atlas_core/public/resources/ttp.gif b/themesource/atlas_core/public/resources/ttp.gif new file mode 100644 index 0000000..1578b10 Binary files /dev/null and b/themesource/atlas_core/public/resources/ttp.gif differ diff --git a/themesource/atlas_core/web/_exclusion-variables-defaults.scss b/themesource/atlas_core/web/_exclusion-variables-defaults.scss new file mode 100644 index 0000000..be66298 --- /dev/null +++ b/themesource/atlas_core/web/_exclusion-variables-defaults.scss @@ -0,0 +1,86 @@ +// +// DISCLAIMER: +// Do not change this file, because it is core styling. +// + +//== If set to true, Atlas will only include styles that are required for the modern client. +$use-modern-client: false; + +//== Core style exclusion +$exclude-bootstrap: false; +$exclude-mxui: false; +$exclude-animations: false; +$exclude-flex: false; +$exclude-spacing: false; +$exclude-base: false; +$exclude-login: false; + +//== Widget style exclusion +$exclude-accordion: false; +$exclude-accordion-helpers: false; +$exclude-background-helpers: false; +$exclude-badge: false; +$exclude-badge-button: false; +$exclude-badge-button-helpers: false; +$exclude-barcode-scanner: false; +$exclude-button: false; +$exclude-button-helpers: false; +$exclude-check-box: false; +$exclude-custom-dijit-widget: false; +$exclude-custom-switch: false; +$exclude-data-grid: false; +$exclude-data-grid-helpers: false; +$exclude-data-view: false; +$exclude-data-picker: false; +$exclude-glyphicon: false; +$exclude-grid: false; +$exclude-group-box: false; +$exclude-group-box-helpers: false; +$exclude-header: false; +$exclude-helper-classes: false; +$exclude-input: false; +$exclude-image-helpers: false; +$exclude-label: false; +$exclude-label-helpers: false; +$exclude-layout-grid: false; +$exclude-list-view: false; +$exclude-list-view-helpers: false; +$exclude-modal: false; +$exclude-navigation-bar: false; +$exclude-navigation-bar-helpers: false; +$exclude-navigation-list: false; +$exclude-navigation-tree: false; +$exclude-navigation-tree-helpers: false; +$exclude-pagination: false; +$exclude-pop-up-menu: false; +$exclude-progress: false; +$exclude-progress-bar: false; +$exclude-progress-bar-helpers: false; +$exclude-progress-circle: false; +$exclude-progress-circle-helpers: false; +$exclude-radio-button: false; +$exclude-range-slider: false; +$exclude-range-slider-helpers: false; +$exclude-rating: false; +$exclude-rating-helpers: false; +$exclude-scroll-container: false; +$exclude-simple-menu-bar: false; +$exclude-simple-menu-bar-helpers: false; +$exclude-slider: false; +$exclude-slider-helpers: false; +$exclude-table: false; +$exclude-table-helpers: false; +$exclude-tab-container: false; +$exclude-tab-container-helpers: false; +$exclude-template-grid: false; +$exclude-template-grid-helpers: false; +$exclude-timeline: false; +$exclude-tooltip: false; +$exclude-typography: false; +$exclude-typography-helpers: false; + +//== Layouts style exclusion +$exclude-layout-atlas: false; +$exclude-layout-atlas-phone: false; +$exclude-layout-atlas-responsive: false; +$exclude-layout-atlas-tablet: false; diff --git a/themesource/atlas_core/web/_exclusion-variables.scss b/themesource/atlas_core/web/_exclusion-variables.scss index 3cec8bb..be66298 100644 --- a/themesource/atlas_core/web/_exclusion-variables.scss +++ b/themesource/atlas_core/web/_exclusion-variables.scss @@ -3,11 +3,26 @@ // Do not change this file, because it is core styling. // +//== If set to true, Atlas will only include styles that are required for the modern client. +$use-modern-client: false; + +//== Core style exclusion +$exclude-bootstrap: false; +$exclude-mxui: false; +$exclude-animations: false; +$exclude-flex: false; +$exclude-spacing: false; +$exclude-base: false; +$exclude-login: false; + //== Widget style exclusion +$exclude-accordion: false; +$exclude-accordion-helpers: false; $exclude-background-helpers: false; $exclude-badge: false; $exclude-badge-button: false; $exclude-badge-button-helpers: false; +$exclude-barcode-scanner: false; $exclude-button: false; $exclude-button-helpers: false; $exclude-check-box: false; @@ -48,6 +63,7 @@ $exclude-range-slider: false; $exclude-range-slider-helpers: false; $exclude-rating: false; $exclude-rating-helpers: false; +$exclude-scroll-container: false; $exclude-simple-menu-bar: false; $exclude-simple-menu-bar-helpers: false; $exclude-slider: false; @@ -59,5 +75,12 @@ $exclude-tab-container-helpers: false; $exclude-template-grid: false; $exclude-template-grid-helpers: false; $exclude-timeline: false; +$exclude-tooltip: false; $exclude-typography: false; $exclude-typography-helpers: false; + +//== Layouts style exclusion +$exclude-layout-atlas: false; +$exclude-layout-atlas-phone: false; +$exclude-layout-atlas-responsive: false; +$exclude-layout-atlas-tablet: false; diff --git a/themesource/atlas_core/web/_generated-exclusion-variables.scss b/themesource/atlas_core/web/_generated-exclusion-variables.scss new file mode 100644 index 0000000..e067271 --- /dev/null +++ b/themesource/atlas_core/web/_generated-exclusion-variables.scss @@ -0,0 +1,2 @@ +// THIS FILE IS AUTO-GENERATED. PLEASE DO NOT MODIFY THIS FILE. +$use-modern-client: true; \ No newline at end of file diff --git a/themesource/atlas_core/web/_variables-css-mappings.scss b/themesource/atlas_core/web/_variables-css-mappings.scss new file mode 100644 index 0000000..1f4e3de --- /dev/null +++ b/themesource/atlas_core/web/_variables-css-mappings.scss @@ -0,0 +1,769 @@ +:root { + /* + DISCLAIMER: + This is a mapping file which will be used to help moving towards CSS variables over time. + Do not change this file because it is core styling. + Customizing core files will make updating Atlas much more difficult in the future. + To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. + + + ██████╗ █████╗ ███████╗██╗ ██████╗ + ██╔══██╗██╔══██╗██╔════╝██║██╔════╝ + ██████╔╝███████║███████╗██║██║ + ██╔══██╗██╔══██║╚════██║██║██║ + ██████╔╝██║ ██║███████║██║╚██████╗ + ╚═════╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═════╝ + */ + + /*== Gray Shades*/ + /*## Different gray shades to be used for our variables and components */ + --gray-darker: #{$gray-darker}; + --gray-dark: #{$gray-dark}; + --gray: #{$gray}; + --gray-light: #{$gray-light}; + --gray-primary: #{$gray-primary}; + --gray-lighter: #{$gray-lighter}; + + /*== Step 1: Brand Colors */ + --brand-default: #{$brand-default}; + --brand-primary: #{$brand-primary}; + --brand-success: #{$brand-success}; + --brand-warning: #{$brand-warning}; + --brand-danger: #{$brand-danger}; + + --brand-logo: #{$brand-logo}; + --brand-logo-height: #{$brand-logo-height}; + --brand-logo-width: #{$brand-logo-width}; /* Only used for CSS brand logo */ + + /*== Step 2: UI Customization */ + + /* Default Font Size & Color */ + --font-size-default: #{$font-size-default}; + --font-color-default: #{$font-color-default}; + + /* Global Border Color */ + --border-color-default: #{$border-color-default}; + --border-radius-default: #{$border-radius-default}; + + /* Topbar */ + --topbar-bg: #{$topbar-bg}; + --topbar-minimalheight: #{$topbar-minimalheight}; + --topbar-border-color: #{$topbar-border-color}; + + /* Topbar mobile */ + --m-header-height: #{$m-header-height}; + --m-header-bg: #{$m-header-bg}; + --m-header-color: #{$m-header-color}; + --m-header-title-size: #{$m-header-title-size}; + + /* Navbar Brand Name / For your company, product, or project name (used in layouts/base/) */ + --navbar-brand-name: #{$navbar-brand-name}; + + /* Background Colors */ + /* Backgrounds */ + --bg-color: #{$bg-color}; + --bg-color: #f8f8f8; + --bg-color-secondary: #{$bg-color-secondary}; + + /* Default Link Color */ + --link-color: #{$link-color}; + --link-hover-color: #{$link-hover-color}; + + /* + █████╗ ██████╗ ██╗ ██╗ █████╗ ███╗ ██╗ ██████╗███████╗██████╗ + ██╔══██╗██╔══██╗██║ ██║██╔══██╗████╗ ██║██╔════╝██╔════╝██╔══██╗ + ███████║██║ ██║██║ ██║███████║██╔██╗ ██║██║ █████╗ ██║ ██║ + ██╔══██║██║ ██║╚██╗ ██╔╝██╔══██║██║╚██╗██║██║ ██╔══╝ ██║ ██║ + ██║ ██║██████╔╝ ╚████╔╝ ██║ ██║██║ ╚████║╚██████╗███████╗██████╔╝ + ╚═╝ ╚═╝╚═════╝ ╚═══╝ ╚═╝ ╚═╝╚═╝ ╚═══╝ ╚═════╝╚══════╝╚═════╝ + */ + + /*== Typography */ + /*## Change your font family, weight, line-height, headings and more (used in components/typography) */ + + /* Font Family Import (Used for google font plugin in theme creater) */ + --font-family-import: #{$font-family-import}; + + /* Font Family / False = fallback from Bootstrap (Helvetica Neue) */ + --font-family-base: #{$font-family-base}; + + /* Font Sizes */ + --font-size-large: #{$font-size-large}; + --font-size-small: #{$font-size-small}; + + /* Font Weights */ + --font-weight-light: #{$font-weight-light}; + --font-weight-normal: #{$font-weight-normal}; + --font-weight-semibold: #{$font-weight-semibold}; + --font-weight-bold: #{$font-weight-bold}; + + /* Font Size Headers */ + --font-size-h1: #{$font-size-h1}; + --font-size-h2: #{$font-size-h2}; + --font-size-h3: #{$font-size-h3}; + --font-size-h4: #{$font-size-h4}; + --font-size-h5: #{$font-size-h5}; + --font-size-h6: #{$font-size-h6}; + + /* Font Weight Headers */ + --font-weight-header: #{$font-weight-header}; + + /* Line Height */ + --line-height-base: #{$line-height-base}; + + /* Spacing */ + --font-header-margin: #{$font-header-margin}; + + /* Text Colors */ + --font-color-detail: #{$font-color-detail}; + --font-color-header: #{$font-color-header}; + + /*== Navigation */ + /*## Used in components/navigation + + /* Default Navigation styling */ + --navigation-item-height: #{$navigation-item-height}; + --navigation-item-padding: #{$navigation-item-padding}; + + --navigation-font-size: #{$navigation-font-size}; + --navigation-sub-font-size: #{$navigation-sub-font-size}; + --navigation-glyph-size: #{$navigation-glyph-size}; /* For glyphicons that you can select in the Mendix Modeler */ + + --navigation-color: #{$navigation-color}; + --navigation-color-hover: #{$navigation-color-hover}; + --navigation-color-active: #{$navigation-color-active}; + + --navigation-sub-color: #{$navigation-sub-color}; + --navigation-sub-color-hover: #{$navigation-sub-color-hover}; + --navigation-sub-color-active: #{$navigation-sub-color-active}; + + /* Navigation Sidebar */ + --navsidebar-font-size: #{$navsidebar-font-size}; + --navsidebar-sub-font-size: #{$navsidebar-sub-font-size}; + --navsidebar-glyph-size: #{$navsidebar-glyph-size}; /* For glyphicons that you can select in the Mendix Modeler */ + + --navsidebar-color: #{$navsidebar-color}; + --navsidebar-color-hover: #{$navsidebar-color-hover}; + --navsidebar-color-active: #{$navsidebar-color-active}; + + --navsidebar-sub-color: #{$navsidebar-sub-color}; + --navsidebar-sub-color-hover: #{$navsidebar-sub-color-hover}; + --navsidebar-sub-color-active: #{$navsidebar-sub-color-active}; + + --navsidebar-width-closed: #{$navsidebar-width-closed}; + --navsidebar-width-open: #{$navsidebar-width-open}; + + /* Navigation topbar */ + --navtopbar-font-size: #{$navtopbar-font-size}; + --navtopbar-sub-font-size: #{$navtopbar-sub-font-size}; + --navtopbar-glyph-size: #{$navtopbar-glyph-size}; + + --navtopbar-bg: #{$navtopbar-bg}; + --navtopbar-bg-hover: #{$navtopbar-bg-hover}; + --navtopbar-bg-active: #{$navtopbar-bg-active}; + --navtopbar-color: #{$navtopbar-color}; + --navtopbar-color-hover: #{$navtopbar-color-hover}; + --navtopbar-color-active: #{$navtopbar-color-active}; + + --navtopbar-sub-bg: #{$navtopbar-sub-bg}; + --navtopbar-sub-bg-hover: #{$navtopbar-sub-bg-hover}; + --navtopbar-sub-bg-active: #{$navtopbar-sub-bg-active}; + --navtopbar-sub-color: #{$navtopbar-sub-color}; + --navtopbar-sub-color-hover: #{$navtopbar-sub-color-hover}; + --navtopbar-sub-color-active: #{$navtopbar-sub-color-active}; + + /*== Cards */ + /* Shadow color */ + --shadow-color-border: #{$shadow-color-border}; + --shadow-color: #{$shadow-color}; + + /*Shadow size */ + --shadow-small: #{$shadow-small}; + --shadow-medium: #{$shadow-medium}; + --shadow-large: #{$shadow-large}; + + /*## Used in layouts/base */ + --navtopbar-border-color: #{$navtopbar-border-color}; + + /*== Form */ + /*## Used in components/inputs */ + + /* Values that can be used default | lined */ + --form-input-style: #{$form-input-style}; + + /* Form Label */ + --form-label-size: #{$form-label-size}; + --form-label-weight: #{$form-label-weight}; + --form-label-gutter: #{$form-label-gutter}; + + /* Form Input dimensions */ + --form-input-height: #{$form-input-height}; + --form-input-padding-y: #{$form-input-padding-y}; + --form-input-padding-x: #{$form-input-padding-x}; + --form-input-static-padding-y: #{$form-input-static-padding-y}; + --form-input-static-padding-x: #{$form-input-static-padding-x}; + --form-input-font-size: #{$form-input-font-size}; + --form-input-line-height: #{$form-input-line-height}; + --form-input-border-radius: #{$form-input-border-radius}; + + /* Form Input styling */ + --form-input-bg: #{$form-input-bg}; + --form-input-bg-focus: #{$form-input-bg-focus}; + --form-input-bg-hover: #{$form-input-bg-hover}; + --form-input-bg-disabled: #{$form-input-bg-disabled}; + --form-input-color: #{$form-input-color}; + --form-input-focus-color: #{$form-input-focus-color}; + --form-input-disabled-color: #{$form-input-disabled-color}; + --form-input-placeholder-color: #{$form-input-placeholder-color}; + --form-input-border-color: #{$form-input-border-color}; + --form-input-border-focus-color: #{$form-input-border-focus-color}; + + /* Form Input Static styling */ + --form-input-static-border-color: #{$form-input-static-border-color}; + + /* Form Group */ + --form-group-margin-bottom: #{$form-group-margin-bottom}; + --form-group-gutter: #{$form-group-gutter}; + + /*== Buttons */ + /*## Define background-color, border-color and text. Used in components/buttons */ + + /* Default button style */ + --btn-font-size: #{$btn-font-size}; + --btn-bordered: #{$btn-bordered}; /* Default value false, set to true if you want this effect */ + --btn-border-radius: #{$btn-border-radius}; + + /* Button Background Color */ + --btn-default-bg: #{$btn-default-bg}; + --btn-primary-bg: #{$btn-primary-bg}; + --btn-success-bg: #{$btn-success-bg}; + --btn-warning-bg: #{$btn-warning-bg}; + --btn-danger-bg: #{$btn-danger-bg}; + + /* Button Border Color */ + --btn-default-border-color: #{$btn-default-border-color}; + --btn-primary-border-color: #{$btn-primary-border-color}; + --btn-success-border-color: #{$btn-success-border-color}; + --btn-warning-border-color: #{$btn-warning-border-color}; + --btn-danger-border-color: #{$btn-danger-border-color}; + + /* Button Text Color */ + --btn-default-color: #{$btn-default-color}; + --btn-primary-color: #{$btn-primary-color}; + --btn-success-color: #{$btn-success-color}; + --btn-warning-color: #{$btn-warning-color}; + --btn-danger-color: #{$btn-danger-color}; + + /* Button Icon Color */ + --btn-default-icon-color: #{$btn-default-icon-color}; + + /* Button Background Color */ + --btn-default-bg-hover: #{$btn-default-bg-hover}; + --btn-primary-bg-hover: #{$btn-primary-bg-hover}; + --btn-success-bg-hover: #{$btn-success-bg-hover}; + --btn-warning-bg-hover: #{$btn-warning-bg-hover}; + --btn-danger-bg-hover: #{$btn-danger-bg-hover}; + --btn-link-bg-hover: #{$btn-link-bg-hover}; + + /*== Header blocks */ + /*## Define look and feel over multible building blocks that serve as header */ + + --header-min-height: #{$header-min-height}; + --header-bg-color: #{$header-bg-color}; + --header-bgimage-filter: #{$header-bgimage-filter}; + --header-text-color: #{$header-text-color}; + --header-text-color-detail: #{$header-text-color-detail}; + + /* + ███████╗██╗ ██╗██████╗ ███████╗██████╗ ████████╗ + ██╔════╝╚██╗██╔╝██╔══██╗██╔════╝██╔══██╗╚══██╔══╝ + █████╗ ╚███╔╝ ██████╔╝█████╗ ██████╔╝ ██║ + ██╔══╝ ██╔██╗ ██╔═══╝ ██╔══╝ ██╔══██╗ ██║ + ███████╗██╔╝ ██╗██║ ███████╗██║ ██║ ██║ + ╚══════╝╚═╝ ╚═╝╚═╝ ╚══════╝╚═╝ ╚═╝ ╚═╝ + */ + + /*== Color variations */ + /*## These variations are used to support several other variables and components */ + + /* Color variations */ + --color-default-darker: #{$color-default-darker}; + --color-default-dark: #{$color-default-dark}; + --color-default-light: #{$color-default-light}; + --color-default-lighter: #{$color-default-lighter}; + + --color-primary-darker: #{$color-primary-darker}; + --color-primary-dark: #{$color-primary-dark}; + --color-primary-light: #{$color-primary-light}; + --color-primary-lighter: #{$color-primary-lighter}; + + --color-success-darker: #{$color-success-darker}; + --color-success-dark: #{$color-success-dark}; + --color-success-light: #{$color-success-light}; + --color-success-lighter: #{$color-success-lighter}; + + --color-warning-darker: #{$color-warning-darker}; + --color-warning-dark: #{$color-warning-dark}; + --color-warning-light: #{$color-warning-light}; + --color-warning-lighter: #{$color-warning-lighter}; + + --color-danger-darker: #{$color-danger-darker}; + --color-danger-dark: #{$color-danger-dark}; + --color-danger-light: #{$color-danger-light}; + --color-danger-lighter: #{$color-danger-lighter}; + + --brand-gradient: #{$brand-gradient}; + + /*== Grids */ + /*## Used for Datagrid, Templategrid, Listview & Tables (see components folder) */ + + /* Default Border Colors */ + --grid-border-color: #{$grid-border-color}; + + /* Spacing */ + /* Default */ + --grid-padding-top: #{$grid-padding-top}; + --grid-padding-right: #{$grid-padding-right}; + --grid-padding-bottom: #{$grid-padding-bottom}; + --grid-padding-left: #{$grid-padding-left}; + + /* Listview */ + --listview-padding-top: #{$listview-padding-top}; + --listview-padding-right: #{$listview-padding-right}; + --listview-padding-bottom: #{$listview-padding-bottom}; + --listview-padding-left: #{$listview-padding-left}; + + /* Background Colors */ + --grid-bg: #{$grid-bg}; + --grid-bg-header: #{$grid-bg-header}; //Grid Headers + --grid-bg-hover: #{$grid-bg-hover}; + --grid-bg-selected: #{$grid-bg-selected}; + --grid-bg-selected-hover: #{$grid-bg-selected-hover}; + + /* Striped Background Color */ + --grid-bg-striped: #{$grid-bg-striped}; + + /* Background Footer Color */ + --grid-footer-bg: #{$grid-footer-bg}; + + /* Text Color */ + --grid-selected-color: #{$grid-selected-color}; + + /* Paging Colors */ + --grid-paging-bg: #{$grid-paging-bg}; + --grid-paging-bg-hover: #{$grid-paging-bg-hover}; + --grid-paging-border-color: #{$grid-paging-border-color}; + --grid-paging-border-color-hover: #{$grid-paging-border-color-hover}; + --grid-paging-color: #{$grid-paging-color}; + --grid-paging-color-hover: #{$grid-paging-color-hover}; + + /*== Tabs */ + /*## Default variables for Tab Container Widget (used in components/tabcontainer) */ + + /* Text Color */ + --tabs-color: #{$tabs-color}; + --tabs-color-active: #{$tabs-color-active}; + --tabs-lined-color-active: #{$tabs-lined-color-active}; + + --tabs-lined-border-width: #{$tabs-lined-border-width}; + + /* Border Color */ + --tabs-border-color: #{$tabs-border-color}; + --tabs-lined-border-color: #{$tabs-lined-border-color}; + + /* Background Color */ + --tabs-bg: #{$tabs-bg}; + --tabs-bg-pills: #{$tabs-bg-pills}; + --tabs-bg-hover: #{$tabs-bg-hover}; + --tabs-bg-active: #{$tabs-bg-active}; + + /*== Modals */ + /*## Default Mendix Modal, Blocking Modal and Login Modal (used in components/modals) */ + + /* Background Color */ + --modal-header-bg: #{$modal-header-bg}; + + /* Border Color */ + --modal-header-border-color: #{$modal-header-border-color}; + + /* Text Color */ + --modal-header-color: #{$modal-header-color}; + + /*== Dataview */ + /*## Default variables for Dataview Widget (used in components/dataview) */ + + /* Controls */ + --dataview-controls-bg: #{$dataview-controls-bg}; + --dataview-controls-border-color: #{$dataview-controls-border-color}; + + /* Empty Message */ + --dataview-emptymessage-bg: #{$dataview-emptymessage-bg}; + --dataview-emptymessage-color: #{$dataview-emptymessage-color}; + + /*== Alerts */ + /*## Default Bootstrap alerts, not a widget in the Modeler (used in components/alerts) */ + + /* Background Color */ + --alert-primary-bg: #{$alert-primary-bg}; + --alert-secondary-bg: #{$alert-secondary-bg}; + --alert-success-bg: #{$alert-success-bg}; + --alert-warning-bg: #{$alert-warning-bg}; + --alert-danger-bg: #{$alert-danger-bg}; + + /* Text Color */ + --alert-primary-color: #{$alert-primary-color}; + --alert-secondary-color: #{$alert-secondary-color}; + --alert-success-color: #{$alert-success-color}; + --alert-warning-color: #{$alert-warning-color}; + --alert-danger-color: #{$alert-danger-color}; + + /* Border Color */ + --alert-primary-border-color: #{$alert-primary-border-color}; + --alert-secondary-border-color: #{$alert-secondary-border-color}; + --alert-success-border-color: #{$alert-success-border-color}; + --alert-warning-border-color: #{$alert-warning-border-color}; + --alert-danger-border-color: #{$alert-danger-border-color}; + + /*== Wizard */ + + --wizard-step-height: #{$wizard-step-height}; + --wizard-step-number-size: #{$wizard-step-number-size}; + --wizard-step-number-font-size: #{$wizard-step-number-font-size}; + + /*Wizard states */ + --wizard-default: #{$wizard-default}; + --wizard-active: #{$wizard-active}; + --wizard-visited: #{$wizard-visited}; + + /*Wizard step states */ + --wizard-default-bg: #{$wizard-default-bg}; + --wizard-default-color: #{$wizard-default-color}; + --wizard-default-step-color: #{$wizard-default-step-color}; + --wizard-default-border-color: #{$wizard-default-border-color}; + + --wizard-active-bg: #{$wizard-active-bg}; + --wizard-active-color: #{$wizard-active-color}; + --wizard-active-step-color: #{$wizard-active-step-color}; + --wizard-active-border-color: #{$wizard-active-border-color}; + + --wizard-visited-bg: #{$wizard-visited-bg}; + --wizard-visited-color: #{$wizard-visited-color}; + --wizard-visited-step-color: #{$wizard-visited-step-color}; + --wizard-visited-border-color: #{$wizard-visited-border-color}; + + /*== Labels */ + /*## Default Bootstrap Labels, not a widget in the Modeler (used in components/labels) */ + + /* Background Color */ + --label-default-bg: #{$label-default-bg}; + --label-primary-bg: #{$label-primary-bg}; + --label-success-bg: #{$label-success-bg}; + --label-warning-bg: #{$label-warning-bg}; + --label-danger-bg: #{$label-danger-bg}; + + /* Border Color */ + --label-default-border-color: #{$label-default-border-color}; + --label-primary-border-color: #{$label-primary-border-color}; + --label-success-border-color: #{$label-success-border-color}; + --label-warning-border-color: #{$label-warning-border-color}; + --label-danger-border-color: #{$label-danger-border-color}; + + /* Text Color */ + --label-default-color: #{$label-default-color}; + --label-primary-color: #{$label-primary-color}; + --label-success-color: #{$label-success-color}; + --label-warning-color: #{$label-warning-color}; + --label-danger-color: #{$label-danger-color}; + + /*== Groupbox */ + /*## Default variables for Groupbox Widget (used in components/groupbox) */ + + /* Background Color */ + --groupbox-default-bg: #{$groupbox-default-bg}; + --groupbox-primary-bg: #{$groupbox-primary-bg}; + --groupbox-success-bg: #{$groupbox-success-bg}; + --groupbox-warning-bg: #{$groupbox-warning-bg}; + --groupbox-danger-bg: #{$groupbox-danger-bg}; + --groupbox-white-bg: #{$groupbox-white-bg}; + + /* Text Color */ + --groupbox-default-color: #{$groupbox-default-color}; + --groupbox-primary-color: #{$groupbox-primary-color}; + --groupbox-success-color: #{$groupbox-success-color}; + --groupbox-warning-color: #{$groupbox-warning-color}; + --groupbox-danger-color: #{$groupbox-danger-color}; + --groupbox-white-color: #{$groupbox-white-color}; + + /*== Callout (groupbox) Colors */ + /*## Extended variables for Groupbox Widget (used in components/groupbox) */ + + /* Text and Border Color */ + --callout-default-color: #{$callout-default-color}; + --callout-primary-color: #{$callout-primary-color}; + --callout-success-color: #{$callout-success-color}; + --callout-warning-color: #{$callout-warning-color}; + --callout-danger-color: #{$callout-danger-color}; + + /* Background Color */ + --callout-default-bg: #{$callout-default-bg}; + --callout-primary-bg: #{$callout-primary-bg}; + --callout-success-bg: #{$callout-success-bg}; + --callout-warning-bg: #{$callout-warning-bg}; + --callout-danger-bg: #{$callout-danger-bg}; + + /*== Timeline */ + /*## Extended variables for Timeline Widget */ + /* Colors */ + --timeline-icon-color: #{$timeline-icon-color}; + --timeline-border-color: #{$timeline-border-color}; + --timeline-event-time-color: #{$timeline-event-time-color}; + + /* Sizes */ + --timeline-icon-size: #{$timeline-icon-size}; + --timeline-image-size: #{$timeline-image-size}; + + /*Timeline grouping */ + --timeline-grouping-size: #{$timeline-grouping-size}; + --timeline-grouping-border-radius: #{$timeline-grouping-border-radius}; + --timeline-grouping-border-color: #{$timeline-grouping-border-color}; + + /*== Accordions */ + /*## Extended variables for Accordion Widget */ + + /* Default */ + --accordion-header-default-bg: #{$accordion-header-default-bg}; + --accordion-header-default-bg-hover: #{$accordion-header-default-bg-hover}; + --accordion-header-default-color: #{$accordion-header-default-color}; + --accordion-default-border-color: #{$accordion-default-border-color}; + + --accordion-bg-striped: #{$accordion-bg-striped}; + --accordion-bg-striped-hover: #{$accordion-bg-striped-hover}; + + /* Semantic background colors */ + --accordion-header-primary-bg: #{$accordion-header-primary-bg}; + --accordion-header-secondary-bg: #{$accordion-header-secondary-bg}; + --accordion-header-success-bg: #{$accordion-header-success-bg}; + --accordion-header-warning-bg: #{$accordion-header-warning-bg}; + --accordion-header-danger-bg: #{$accordion-header-danger-bg}; + + --accordion-header-primary-bg-hover: #{$accordion-header-primary-bg-hover}; + --accordion-header-secondary-bg-hover: #{$accordion-header-secondary-bg-hover}; + --accordion-header-success-bg-hover: #{$accordion-header-success-bg-hover}; + --accordion-header-warning-bg-hover: #{$accordion-header-warning-bg-hover}; + --accordion-header-danger-bg-hover: #{$accordion-header-danger-bg-hover}; + + /* Semantic text colors */ + --accordion-header-primary-color: #{$accordion-header-primary-color}; + --accordion-header-secondary-color: #{$accordion-header-secondary-color}; + --accordion-header-success-color: #{$accordion-header-success-color}; + --accordion-header-warning-color: #{$accordion-header-warning-color}; + --accordion-header-danger-color: #{$accordion-header-danger-color}; + + /* Semantic border colors */ + --accordion-primary-border-color: #{$accordion-primary-border-color}; + --accordion-secondary-border-color: #{$accordion-secondary-border-color}; + --accordion-success-border-color: #{$accordion-success-border-color}; + --accordion-warning-border-color: #{$accordion-warning-border-color}; + --accordion-danger-border-color: #{$accordion-danger-border-color}; + + /*== Spacing */ + /*## Advanced layout options (used in base/mixins/default-spacing) */ + + /* Smallest spacing */ + --spacing-smallest: #{$spacing-smallest}; + + /* Smaller spacing */ + --spacing-smaller: #{$spacing-smaller}; + + /* Small spacing */ + --spacing-small: #{$spacing-small}; + + /* Medium spacing */ + --spacing-medium: #{$spacing-medium}; + --t-spacing-medium: #{$t-spacing-medium}; + --m-spacing-medium: #{$m-spacing-medium}; + + /* Large spacing */ + --spacing-large: #{$spacing-large}; + --t-spacing-large: #{$t-spacing-large}; + --m-spacing-large: #{$m-spacing-large}; + + /* Larger spacing */ + --spacing-larger: #{$spacing-larger}; + + /* Largest spacing */ + --spacing-largest: #{$spacing-largest}; + + /* Layout spacing */ + --layout-spacing-top: #{$layout-spacing-top}; + --layout-spacing-right: #{$layout-spacing-right}; + --layout-spacing-bottom: #{$layout-spacing-bottom}; + --layout-spacing-left: #{$layout-spacing-left}; + + --t-layout-spacing-top: #{$t-layout-spacing-top}; + --t-layout-spacing-right: #{$t-layout-spacing-right}; + --t-layout-spacing-bottom: #{$t-layout-spacing-bottom}; + --t-layout-spacing-left: #{$t-layout-spacing-left}; + + --m-layout-spacing-top: #{$m-layout-spacing-top}; + --m-layout-spacing-right: #{$m-layout-spacing-right}; + --m-layout-spacing-bottom: #{$m-layout-spacing-bottom}; + --m-layout-spacing-left: #{$m-layout-spacing-left}; + + /* Combined layout spacing */ + --layout-spacing: #{$layout-spacing}; + --m-layout-spacing: #{$m-layout-spacing}; + --t-layout-spacing: #{$t-layout-spacing}; + + /* Gutter size */ + --gutter-size: #{$gutter-size}; + + /*== Tables */ + /*## Table spacing options (used in components/tables) */ + + --padding-table-cell-top: #{$padding-table-cell-top}; + --padding-table-cell-bottom: #{$padding-table-cell-bottom}; + --padding-table-cell-left: #{$padding-table-cell-left}; + --padding-table-cell-right: #{$padding-table-cell-right}; + + /*== Media queries breakpoints */ + /*## Define the breakpoints at which your layout will change, adapting to different screen sizes. */ + + --screen-xs: #{$screen-xs}; + --screen-sm: #{$screen-sm}; + --screen-md: #{$screen-md}; + --screen-lg: #{$screen-lg}; + --screen-xl: #{$screen-xl}; + + /* So media queries don't overlap when required, provide a maximum (used for max-width) */ + --screen-xs-max: #{$screen-xs-max}; + --screen-sm-max: #{$screen-sm-max}; + --screen-md-max: #{$screen-md-max}; + --screen-lg-max: #{$screen-lg-max}; + + /*== Settings */ + /*## Enable or disable your desired framework features */ + /* Use of !important */ + --important-flex: #{$important-flex}; // ./base/flex.scss + --important-spacing: #{$important-spacing}; // ./base/spacing.scss + --important-helpers: #{$important-helpers}; // ./helpers/helperclasses.scss + + /*===== Legacy variables ===== */ + + /*== Step 1: Brand Colors */ + --brand-inverse: #{$brand-inverse}; + --brand-info: #{$brand-info}; + + /*== Step 2: UI Customization */ + /* Sidebar */ + --sidebar-bg: #{$sidebar-bg}; + + /*== Navigation */ + /*## Used in components/navigation */ + + /* Default Navigation styling */ + --navigation-bg: #{$navigation-bg}; + --navigation-bg-hover: #{$navigation-bg-hover}; + --navigation-bg-active: #{$navigation-bg-active}; + + --navigation-sub-bg: #{$navigation-sub-bg}; + --navigation-sub-bg-hover: #{$navigation-sub-bg-hover}; + --navigation-sub-bg-active: #{$navigation-sub-bg-active}; + + --navigation-border-color: #{$navigation-border-color}; + + /* Navigation Sidebar */ + --navsidebar-bg: #{$navsidebar-bg}; + --navsidebar-bg-hover: #{$navsidebar-bg-hover}; + --navsidebar-bg-active: #{$navsidebar-bg-active}; + + --navsidebar-sub-bg: #{$navsidebar-sub-bg}; + --navsidebar-sub-bg-hover: #{$navsidebar-sub-bg-hover}; + --navsidebar-sub-bg-active: #{$navsidebar-sub-bg-active}; + + --navsidebar-border-color: #{$navsidebar-border-color}; + + /*== Form */ + /*## Used in components/inputs */ + + /* Form Label */ + --form-label-color: #{$form-label-color}; + + /*== Buttons */ + /*## Define background-color, border-color and text. Used in components/buttons */ + + /* Button Background Color */ + --btn-inverse-bg: #{$btn-inverse-bg}; + --btn-info-bg: #{$btn-info-bg}; + + /* Button Border Color */ + --btn-inverse-border-color: #{$btn-inverse-border-color}; + --btn-info-border-color: #{$btn-info-border-color}; + + /* Button Text Color */ + --btn-inverse-color: #{$btn-inverse-color}; + --btn-info-color: #{$btn-info-color}; + + /* Button Background Color */ + --btn-inverse-bg-hover: #{$btn-inverse-bg-hover}; + --btn-info-bg-hover: #{$btn-info-bg-hover}; + + /*== Color variations */ + /*## These variations are used to support several other variables and components */ + + /* Color variations */ + --color-inverse-darker: #{$color-inverse-darker}; + --color-inverse-dark: #{$color-inverse-dark}; + --color-inverse-light: #{$color-inverse-light}; + --color-inverse-lighter: #{$color-inverse-lighter}; + + --color-info-darker: #{$color-info-darker}; + --color-info-dark: #{$color-info-dark}; + --color-info-light: #{$color-info-light}; + --color-info-lighter: #{$color-info-lighter}; + + /*== Alerts */ + /*## Default Bootstrap alerts, not a widget in the Modeler (used in components/alerts) */ + + /* Background Color */ + --alert-info-bg: #{$alert-info-bg}; + + /* Text Color */ + --alert-info-color: #{$alert-info-color}; + + /* Border Color */ + --alert-info-border-color: #{$alert-info-border-color}; + /*== Labels */ + /*## Default Bootstrap Labels, not a widget in the Modeler (used in components/labels) */ + + /* Background Color */ + --label-info-bg: #{$label-info-bg}; + --label-inverse-bg: #{$label-inverse-bg}; + + /* Border Color */ + --label-info-border-color: #{$label-info-border-color}; + --label-inverse-border-color: #{$label-inverse-border-color}; + + /* Text Color */ + --label-info-color: #{$label-info-color}; + --label-inverse-color: #{$label-inverse-color}; + + /*== Groupbox */ + /*## Default variables for Groupbox Widget (used in components/groupbox) */ + + /* Background Color */ + --groupbox-inverse-bg: #{$groupbox-inverse-bg}; + --groupbox-info-bg: #{$groupbox-info-bg}; + + /* Text Color */ + --groupbox-inverse-color: #{$groupbox-inverse-color}; + --groupbox-info-color: #{$groupbox-info-color}; + /*== Callout (groupbox) Colors */ + /*## Extended variables for Groupbox Widget (used in components/groupbox) */ + + /* Text and Border Color */ + --callout-info-color: #{$callout-info-color}; + + /* Background Color */ + --callout-info-bg: #{$callout-info-bg}; +} diff --git a/themesource/atlas_core/web/_variables.scss b/themesource/atlas_core/web/_variables.scss index f4c66ad..ed029cd 100644 --- a/themesource/atlas_core/web/_variables.scss +++ b/themesource/atlas_core/web/_variables.scss @@ -79,10 +79,10 @@ $link-hover-color: darken($link-color, 15%) !default; //## Change your font family, weight, line-height, headings and more (used in components/typography) // Font Family Import (Used for google font plugin in theme creater) -$font-family-import: "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" !default; +$font-family-import: "resources/fonts/open-sans/open-sans.css" !default; // Font Family / False = fallback from Bootstrap (Helvetica Neue) -$font-family-base: "SFProDisplay", "Open Sans", sans-serif !default; +$font-family-base: "Open Sans", sans-serif !default; // Font Sizes $font-size-large: 18px !default; @@ -147,6 +147,9 @@ $navsidebar-sub-color: #aaa !default; $navsidebar-sub-color-hover: $brand-primary !default; $navsidebar-sub-color-active: $brand-primary !default; +$navsidebar-width-closed: 52px !default; +$navsidebar-width-open: 232px !default; + // Navigation topbar $navtopbar-font-size: $font-size-default !default; $navtopbar-sub-font-size: $font-size-small !default; @@ -166,6 +169,16 @@ $navtopbar-sub-color: #aaa !default; $navtopbar-sub-color-hover: $brand-primary !default; $navtopbar-sub-color-active: $brand-primary !default; +//== Cards +// Shadow color +$shadow-color-border: rgba($gray-primary, 0.5); +$shadow-color: rgba($gray-primary, 0.66); + +//Shadow size +$shadow-small: 0 2px 4px 0; +$shadow-medium: 0 5px 7px 0; +$shadow-large: 0 8px 10px 0; + //## Used in layouts/base $navtopbar-border-color: $topbar-border-color !default; @@ -511,6 +524,45 @@ $timeline-grouping-size: 120px !default; $timeline-grouping-border-radius: 30px !default; $timeline-grouping-border-color: $timeline-border-color !default; +//== Accordions +//## Extended variables for Accordion Widget + +// Default +$accordion-header-default-bg: $bg-color-secondary !default; +$accordion-header-default-bg-hover: $bg-color !default; +$accordion-header-default-color: $font-color-header !default; +$accordion-default-border-color: $border-color-default !default; + +$accordion-bg-striped: $grid-bg-striped !default; +$accordion-bg-striped-hover: $grid-bg-selected !default; + +// Semantic background colors +$accordion-header-primary-bg: $btn-primary-bg !default; +$accordion-header-secondary-bg: $btn-default-bg !default; +$accordion-header-success-bg: $btn-success-bg !default; +$accordion-header-warning-bg: $btn-warning-bg !default; +$accordion-header-danger-bg: $btn-danger-bg !default; + +$accordion-header-primary-bg-hover: $btn-primary-bg-hover !default; +$accordion-header-secondary-bg-hover: $btn-default-bg-hover !default; +$accordion-header-success-bg-hover: $btn-success-bg-hover !default; +$accordion-header-warning-bg-hover: $btn-warning-bg-hover !default; +$accordion-header-danger-bg-hover: $btn-danger-bg-hover !default; + +// Semantic text colors +$accordion-header-primary-color: $btn-primary-color !default; +$accordion-header-secondary-color: $btn-default-color !default; +$accordion-header-success-color: $btn-success-color !default; +$accordion-header-warning-color: $btn-warning-color !default; +$accordion-header-danger-color: $btn-danger-color !default; + +// Semantic border colors +$accordion-primary-border-color: $btn-primary-border-color !default; +$accordion-secondary-border-color: $btn-default-border-color !default; +$accordion-success-border-color: $btn-success-border-color !default; +$accordion-warning-border-color: $btn-warning-border-color !default; +$accordion-danger-border-color: $btn-danger-border-color !default; + //== Spacing //## Advanced layout options (used in base/mixins/default-spacing) @@ -581,10 +633,10 @@ $screen-lg: 992px !default; $screen-xl: 1200px !default; // So media queries don't overlap when required, provide a maximum (used for max-width) -$screen-xs-max: ($screen-sm - 1) !default; -$screen-sm-max: ($screen-md - 1) !default; -$screen-md-max: ($screen-lg - 1) !default; -$screen-lg-max: ($screen-xl - 1) !default; +$screen-xs-max: calc(#{$screen-sm} - 1px) !default; +$screen-sm-max: calc(#{$screen-md} - 1px) !default; +$screen-md-max: calc(#{$screen-lg} - 1px) !default; +$screen-lg-max: calc(#{$screen-xl} - 1px) !default; //== Settings //## Enable or disable your desired framework features diff --git a/themesource/atlas_core/web/core/_legacy/_mxui.scss b/themesource/atlas_core/web/core/_legacy/_mxui.scss index 94b74ac..1ad6ffb 100644 --- a/themesource/atlas_core/web/core/_legacy/_mxui.scss +++ b/themesource/atlas_core/web/core/_legacy/_mxui.scss @@ -8,1368 +8,1369 @@ In other words, works but doesn't look great. */ -/**** +@mixin mxui() { + /**** GENERIC PIECES ****/ -.dijitReset { - /* Use this style to null out padding, margin, border in your template elements + .dijitReset { + /* Use this style to null out padding, margin, border in your template elements so that page specific styles don't break them. - Use in all TABLE, TR and TD tags. */ - margin: 0; - border: 0; - padding: 0; - font: inherit; - line-height: normal; - color: inherit; -} -.dj_a11y .dijitReset { - -moz-appearance: none; /* remove predefined high-contrast styling in Firefox */ -} + margin: 0; + border: 0; + padding: 0; + font: inherit; + line-height: normal; + color: inherit; + } + .dj_a11y .dijitReset { + -moz-appearance: none; /* remove predefined high-contrast styling in Firefox */ + } -.dijitInline { - /* To inline block elements. + .dijitInline { + /* To inline block elements. Similar to InlineBox below, but this has fewer side-effects in Moz. Also, apparently works on a DIV as well as a FIELDSET. */ - display: inline-block; /* webkit and FF3 */ - border: 0; - padding: 0; - vertical-align: middle; -} + display: inline-block; /* webkit and FF3 */ + border: 0; + padding: 0; + vertical-align: middle; + } -table.dijitInline { - /* To inline tables with a given width set */ - display: inline-table; - box-sizing: content-box; -} + table.dijitInline { + /* To inline tables with a given width set */ + display: inline-table; + box-sizing: content-box; + } -.dijitHidden { - /* To hide unselected panes in StackContainer etc. */ - position: absolute; /* remove from normal document flow to simulate display: none */ - visibility: hidden; /* hide element from view, but don't break scrolling, see #18612 */ -} -.dijitHidden * { - visibility: hidden !important; /* hide visibility:visible descendants of class=dijitHidden nodes, see #18799 */ -} + .dijitHidden { + /* To hide unselected panes in StackContainer etc. */ + position: absolute; /* remove from normal document flow to simulate display: none */ + visibility: hidden; /* hide element from view, but don't break scrolling, see #18612 */ + } + .dijitHidden * { + visibility: hidden !important; /* hide visibility:visible descendants of class=dijitHidden nodes, see #18799 */ + } -.dijitVisible { - /* To show selected pane in StackContainer etc. */ - display: block !important; /* override user's display:none setting via style setting or indirectly via class */ - position: relative; /* to support setting width/height, see #2033 */ - visibility: visible; -} + .dijitVisible { + /* To show selected pane in StackContainer etc. */ + display: block !important; /* override user's display:none setting via style setting or indirectly via class */ + position: relative; /* to support setting width/height, see #2033 */ + visibility: visible; + } -.dj_ie6 .dijitComboBox .dijitInputContainer, -.dijitInputContainer { - /* for positioning of placeHolder */ - overflow: hidden; - float: none !important; /* needed to squeeze the INPUT in */ - position: relative; -} -.dj_ie7 .dijitInputContainer { - float: left !important; /* needed by IE to squeeze the INPUT in */ - clear: left; - display: inline-block !important; /* to fix wrong text alignment in textdir=rtl text box */ -} + .dj_ie6 .dijitComboBox .dijitInputContainer, + .dijitInputContainer { + /* for positioning of placeHolder */ + overflow: hidden; + float: none !important; /* needed to squeeze the INPUT in */ + position: relative; + } + .dj_ie7 .dijitInputContainer { + float: left !important; /* needed by IE to squeeze the INPUT in */ + clear: left; + display: inline-block !important; /* to fix wrong text alignment in textdir=rtl text box */ + } -.dj_ie .dijitSelect input, -.dj_ie input.dijitTextBox, -.dj_ie .dijitTextBox input { - font-size: 100%; -} -.dijitSelect .dijitButtonText { - float: left; - vertical-align: top; -} -table.dijitSelect { - padding: 0 !important; /* messes up border alignment */ - border-collapse: separate; /* so jsfiddle works with Normalized CSS checked */ -} -.dijitTextBox .dijitSpinnerButtonContainer, -.dijitTextBox .dijitArrowButtonContainer, -.dijitValidationTextBox .dijitValidationContainer { - float: right; - text-align: center; -} -.dijitSelect input.dijitInputField, -.dijitTextBox input.dijitInputField { - /* override unreasonable user styling of buttons and icons */ - padding-left: 0 !important; - padding-right: 0 !important; -} -.dijitValidationTextBox .dijitValidationContainer { - display: none; -} + .dj_ie .dijitSelect input, + .dj_ie input.dijitTextBox, + .dj_ie .dijitTextBox input { + font-size: 100%; + } + .dijitSelect .dijitButtonText { + float: left; + vertical-align: top; + } + table.dijitSelect { + padding: 0 !important; /* messes up border alignment */ + border-collapse: separate; /* so jsfiddle works with Normalized CSS checked */ + } + .dijitTextBox .dijitSpinnerButtonContainer, + .dijitTextBox .dijitArrowButtonContainer, + .dijitValidationTextBox .dijitValidationContainer { + float: right; + text-align: center; + } + .dijitSelect input.dijitInputField, + .dijitTextBox input.dijitInputField { + /* override unreasonable user styling of buttons and icons */ + padding-left: 0 !important; + padding-right: 0 !important; + } + .dijitValidationTextBox .dijitValidationContainer { + display: none; + } -.dijitTeeny { - font-size: 1px; - line-height: 1px; -} + .dijitTeeny { + font-size: 1px; + line-height: 1px; + } -.dijitOffScreen { - /* these class attributes should supersede any inline positioning style */ - position: absolute !important; - left: -10000px !important; - top: -10000px !important; -} + .dijitOffScreen { + /* these class attributes should supersede any inline positioning style */ + position: absolute !important; + left: -10000px !important; + top: -10000px !important; + } -/* + /* * Popup items have a wrapper div (dijitPopup) * with the real popup inside, and maybe an iframe too */ -.dijitPopup { - position: absolute; - background-color: transparent; - margin: 0; - border: 0; - padding: 0; - -webkit-overflow-scrolling: touch; -} + .dijitPopup { + position: absolute; + background-color: transparent; + margin: 0; + border: 0; + padding: 0; + -webkit-overflow-scrolling: touch; + } -.dijitPositionOnly { - /* Null out all position-related properties */ - padding: 0 !important; - border: 0 !important; - background-color: transparent !important; - background-image: none !important; - height: auto !important; - width: auto !important; -} + .dijitPositionOnly { + /* Null out all position-related properties */ + padding: 0 !important; + border: 0 !important; + background-color: transparent !important; + background-image: none !important; + height: auto !important; + width: auto !important; + } -.dijitNonPositionOnly { - /* Null position-related properties */ - float: none !important; - position: static !important; - margin: 0 0 0 0 !important; - vertical-align: middle !important; -} + .dijitNonPositionOnly { + /* Null position-related properties */ + float: none !important; + position: static !important; + margin: 0 0 0 0 !important; + vertical-align: middle !important; + } -.dijitBackgroundIframe { - /* iframe used to prevent problems with PDF or other applets overlaying menus etc */ - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - z-index: -1; - border: 0; - padding: 0; - margin: 0; -} + .dijitBackgroundIframe { + /* iframe used to prevent problems with PDF or other applets overlaying menus etc */ + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: -1; + border: 0; + padding: 0; + margin: 0; + } -.dijitDisplayNone { - /* hide something. Use this as a class rather than element.style so another class can override */ - display: none !important; -} + .dijitDisplayNone { + /* hide something. Use this as a class rather than element.style so another class can override */ + display: none !important; + } -.dijitContainer { - /* for all layout containers */ - overflow: hidden; /* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */ -} + .dijitContainer { + /* for all layout containers */ + overflow: hidden; /* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */ + } -/**** + /**** A11Y ****/ -.dj_a11y .dijitIcon, -.dj_a11y div.dijitArrowButtonInner, /* is this only for Spinner? if so, it should be deleted */ -.dj_a11y span.dijitArrowButtonInner, -.dj_a11y img.dijitArrowButtonInner, -.dj_a11y .dijitCalendarIncrementControl, -.dj_a11y .dijitTreeExpando { - /* hide icon nodes in high contrast mode; when necessary they will be replaced by character equivalents + .dj_a11y .dijitIcon, + .dj_a11y div.dijitArrowButtonInner, /* is this only for Spinner? if so, it should be deleted */ + .dj_a11y span.dijitArrowButtonInner, + .dj_a11y img.dijitArrowButtonInner, + .dj_a11y .dijitCalendarIncrementControl, + .dj_a11y .dijitTreeExpando { + /* hide icon nodes in high contrast mode; when necessary they will be replaced by character equivalents * exception for input.dijitArrowButtonInner, because the icon and character are controlled by the same node */ - display: none; -} -.dijitSpinner div.dijitArrowButtonInner { - display: block; /* override previous rule */ -} + display: none; + } + .dijitSpinner div.dijitArrowButtonInner { + display: block; /* override previous rule */ + } -.dj_a11y .dijitA11ySideArrow { - display: inline !important; /* display text instead */ - cursor: pointer; -} + .dj_a11y .dijitA11ySideArrow { + display: inline !important; /* display text instead */ + cursor: pointer; + } -/* + /* * Since we can't use shading in a11y mode, and since the underline indicates today's date, * use a border to show the selected date. * Avoid screen jitter when switching selected date by compensating for the selected node's * border w/padding on other nodes. */ -.dj_a11y .dijitCalendarDateLabel { - padding: 1px; - border: 0px !important; -} -.dj_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel { - border-style: solid !important; - border-width: 1px !important; - padding: 0; -} -.dj_a11y .dijitCalendarDateTemplate { - padding-bottom: 0.1em !important; /* otherwise bottom border doesn't appear on IE */ - border: 0px !important; -} -.dj_a11y .dijitButtonNode { - border: black outset medium !important; + .dj_a11y .dijitCalendarDateLabel { + padding: 1px; + border: 0px !important; + } + .dj_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel { + border-style: solid !important; + border-width: 1px !important; + padding: 0; + } + .dj_a11y .dijitCalendarDateTemplate { + padding-bottom: 0.1em !important; /* otherwise bottom border doesn't appear on IE */ + border: 0px !important; + } + .dj_a11y .dijitButtonNode { + border: black outset medium !important; - /* In claro, hovering a toolbar button reduces padding and adds a border. + /* In claro, hovering a toolbar button reduces padding and adds a border. * Not needed in a11y mode since Toolbar buttons always have a border. */ - padding: 0 !important; -} -.dj_a11y .dijitArrowButton { - padding: 0 !important; -} + padding: 0 !important; + } + .dj_a11y .dijitArrowButton { + padding: 0 !important; + } -.dj_a11y .dijitButtonContents { - margin: 0.15em; /* Margin needed to make focus outline visible */ -} + .dj_a11y .dijitButtonContents { + margin: 0.15em; /* Margin needed to make focus outline visible */ + } -.dj_a11y .dijitTextBoxReadOnly .dijitInputField, -.dj_a11y .dijitTextBoxReadOnly .dijitButtonNode { - border-style: outset !important; - border-width: medium !important; - border-color: #999 !important; - color: #999 !important; -} + .dj_a11y .dijitTextBoxReadOnly .dijitInputField, + .dj_a11y .dijitTextBoxReadOnly .dijitButtonNode { + border-style: outset !important; + border-width: medium !important; + border-color: #999 !important; + color: #999 !important; + } -/* button inner contents - labels, icons etc. */ -.dijitButtonNode * { - vertical-align: middle; -} -.dijitSelect .dijitArrowButtonInner, -.dijitButtonNode .dijitArrowButtonInner { - /* the arrow icon node */ - background: no-repeat center; - width: 12px; - height: 12px; - direction: ltr; /* needed by IE/RTL */ -} + /* button inner contents - labels, icons etc. */ + .dijitButtonNode * { + vertical-align: middle; + } + .dijitSelect .dijitArrowButtonInner, + .dijitButtonNode .dijitArrowButtonInner { + /* the arrow icon node */ + background: no-repeat center; + width: 12px; + height: 12px; + direction: ltr; /* needed by IE/RTL */ + } -/**** + /**** 3-element borders: ( dijitLeft + dijitStretch + dijitRight ) These were added for rounded corners on dijit.form.*Button but never actually used. ****/ -.dijitLeft { - /* Left part of a 3-element border */ - background-position: left top; - background-repeat: no-repeat; -} + .dijitLeft { + /* Left part of a 3-element border */ + background-position: left top; + background-repeat: no-repeat; + } -.dijitStretch { - /* Middle (stretchy) part of a 3-element border */ - white-space: nowrap; /* MOW: move somewhere else */ - background-repeat: repeat-x; -} + .dijitStretch { + /* Middle (stretchy) part of a 3-element border */ + white-space: nowrap; /* MOW: move somewhere else */ + background-repeat: repeat-x; + } -.dijitRight { - /* Right part of a 3-element border */ - background-position: right top; - background-repeat: no-repeat; -} + .dijitRight { + /* Right part of a 3-element border */ + background-position: right top; + background-repeat: no-repeat; + } -/* Buttons */ -.dj_gecko .dj_a11y .dijitButtonDisabled .dijitButtonNode { - opacity: 0.5; -} + /* Buttons */ + .dj_gecko .dj_a11y .dijitButtonDisabled .dijitButtonNode { + opacity: 0.5; + } -.dijitToggleButton, -.dijitButton, -.dijitDropDownButton, -.dijitComboButton { - /* outside of button */ - margin: 0.2em; - vertical-align: middle; -} + .dijitToggleButton, + .dijitButton, + .dijitDropDownButton, + .dijitComboButton { + /* outside of button */ + margin: 0.2em; + vertical-align: middle; + } -.dijitButtonContents { - display: block; /* to make focus border rectangular */ -} -td.dijitButtonContents { - display: table-cell; /* but don't affect Select, ComboButton */ -} + .dijitButtonContents { + display: block; /* to make focus border rectangular */ + } + td.dijitButtonContents { + display: table-cell; /* but don't affect Select, ComboButton */ + } -.dijitButtonNode img { - /* make text and images line up cleanly */ - vertical-align: middle; - /*margin-bottom:.2em;*/ -} + .dijitButtonNode img { + /* make text and images line up cleanly */ + vertical-align: middle; + /*margin-bottom:.2em;*/ + } -.dijitToolbar .dijitComboButton { - /* because Toolbar only draws a border around the hovered thing */ - border-collapse: separate; -} + .dijitToolbar .dijitComboButton { + /* because Toolbar only draws a border around the hovered thing */ + border-collapse: separate; + } -.dijitToolbar .dijitToggleButton, -.dijitToolbar .dijitButton, -.dijitToolbar .dijitDropDownButton, -.dijitToolbar .dijitComboButton { - margin: 0; -} + .dijitToolbar .dijitToggleButton, + .dijitToolbar .dijitButton, + .dijitToolbar .dijitDropDownButton, + .dijitToolbar .dijitComboButton { + margin: 0; + } -.dijitToolbar .dijitButtonContents { - /* just because it used to be this way */ - padding: 1px 2px; -} + .dijitToolbar .dijitButtonContents { + /* just because it used to be this way */ + padding: 1px 2px; + } -.dj_webkit .dijitToolbar .dijitDropDownButton { - padding-left: 0.3em; -} -.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner { - padding: 0; -} + .dj_webkit .dijitToolbar .dijitDropDownButton { + padding-left: 0.3em; + } + .dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner { + padding: 0; + } -.dijitSelect { - border: 1px solid gray; -} -.dijitButtonNode { - /* Node that is acting as a button -- may or may not be a BUTTON element */ - border: 1px solid gray; - margin: 0; - line-height: normal; - vertical-align: middle; - text-align: center; - white-space: nowrap; -} -.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer { - /* apparent WebKit bug where messing with the font coupled with line-height:normal X 2 (dijitReset & dijitButtonNode) + .dijitSelect { + border: 1px solid gray; + } + .dijitButtonNode { + /* Node that is acting as a button -- may or may not be a BUTTON element */ + border: 1px solid gray; + margin: 0; + line-height: normal; + vertical-align: middle; + text-align: center; + white-space: nowrap; + } + .dj_webkit .dijitSpinner .dijitSpinnerButtonContainer { + /* apparent WebKit bug where messing with the font coupled with line-height:normal X 2 (dijitReset & dijitButtonNode) can be different than just a single line-height:normal, visible in InlineEditBox/Spinner */ - line-height: inherit; -} -.dijitTextBox .dijitButtonNode { - border-width: 0; -} + line-height: inherit; + } + .dijitTextBox .dijitButtonNode { + border-width: 0; + } -.dijitSelect, -.dijitSelect *, -.dijitButtonNode, -.dijitButtonNode * { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} + .dijitSelect, + .dijitSelect *, + .dijitButtonNode, + .dijitButtonNode * { + cursor: pointer; + -webkit-tap-highlight-color: transparent; + } -.dj_ie .dijitButtonNode { - /* ensure hasLayout */ - zoom: 1; -} + .dj_ie .dijitButtonNode { + /* ensure hasLayout */ + zoom: 1; + } -.dj_ie .dijitButtonNode button { - /* + .dj_ie .dijitButtonNode button { + /* disgusting hack to get rid of spurious padding around button elements on IE. MSIE is truly the web's boat anchor. */ - overflow: visible; -} + overflow: visible; + } -div.dijitArrowButton { - float: right; -} + div.dijitArrowButton { + float: right; + } -/****** + /****** TextBox related. Everything that has an *******/ -.dijitTextBox { - border: solid black 1px; - width: 15em; /* need to set default size on outer node since inner nodes say and . user can override */ - vertical-align: middle; -} + .dijitTextBox { + border: solid black 1px; + width: 15em; /* need to set default size on outer node since inner nodes say and . user can override */ + vertical-align: middle; + } -.dijitTextBoxReadOnly, -.dijitTextBoxDisabled { - color: gray; -} -.dj_safari .dijitTextBoxDisabled input { - color: #b0b0b0; /* because Safari lightens disabled input/textarea no matter what color you specify */ -} -.dj_safari textarea.dijitTextAreaDisabled { - color: #333; /* because Safari lightens disabled input/textarea no matter what color you specify */ -} -.dj_gecko .dijitTextBoxReadOnly input.dijitInputField, /* disable arrow and validation presentation inputs but allow real input for text selection */ -.dj_gecko .dijitTextBoxDisabled input { - -moz-user-input: none; /* prevent focus of disabled textbox buttons */ -} + .dijitTextBoxReadOnly, + .dijitTextBoxDisabled { + color: gray; + } + .dj_safari .dijitTextBoxDisabled input { + color: #b0b0b0; /* because Safari lightens disabled input/textarea no matter what color you specify */ + } + .dj_safari textarea.dijitTextAreaDisabled { + color: #333; /* because Safari lightens disabled input/textarea no matter what color you specify */ + } + .dj_gecko .dijitTextBoxReadOnly input.dijitInputField, /* disable arrow and validation presentation inputs but allow real input for text selection */ + .dj_gecko .dijitTextBoxDisabled input { + -moz-user-input: none; /* prevent focus of disabled textbox buttons */ + } -.dijitPlaceHolder { - /* hint text that appears in a textbox until user starts typing */ - color: #aaaaaa; - font-style: italic; - position: absolute; - top: 0; - left: 0; - white-space: nowrap; - pointer-events: none; /* so cut/paste context menu shows up when right clicking */ -} + .dijitPlaceHolder { + /* hint text that appears in a textbox until user starts typing */ + color: #aaaaaa; + font-style: italic; + position: absolute; + top: 0; + left: 0; + white-space: nowrap; + pointer-events: none; /* so cut/paste context menu shows up when right clicking */ + } -.dijitTimeTextBox { - width: 8em; -} + .dijitTimeTextBox { + width: 8em; + } -/* rules for webkit to deal with fuzzy blue focus border */ -.dijitTextBox input:focus { - outline: none; /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */ -} -.dijitTextBoxFocused { - outline: 5px -webkit-focus-ring-color; -} + /* rules for webkit to deal with fuzzy blue focus border */ + .dijitTextBox input:focus { + outline: none; /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */ + } + .dijitTextBoxFocused { + outline: 5px -webkit-focus-ring-color; + } -.dijitSelect input, -.dijitTextBox input { - float: left; /* needed by IE to remove secret margin */ -} -.dj_ie6 input.dijitTextBox, -.dj_ie6 .dijitTextBox input { - float: none; -} -.dijitInputInner { - /* for when an is embedded inside an inline-block
with a size and border */ - border: 0 !important; - background-color: transparent !important; - width: 100% !important; - /* IE dislikes horizontal tweaking combined with width:100% so punish everyone for consistency */ - padding-left: 0 !important; - padding-right: 0 !important; - margin-left: 0 !important; - margin-right: 0 !important; -} -.dj_a11y .dijitTextBox input { - margin: 0 !important; -} -.dijitValidationTextBoxError input.dijitValidationInner, -.dijitSelect input, -.dijitTextBox input.dijitArrowButtonInner { - /* used to display arrow icon/validation icon, or in arrow character in high contrast mode. + .dijitSelect input, + .dijitTextBox input { + float: left; /* needed by IE to remove secret margin */ + } + .dj_ie6 input.dijitTextBox, + .dj_ie6 .dijitTextBox input { + float: none; + } + .dijitInputInner { + /* for when an is embedded inside an inline-block
with a size and border */ + border: 0 !important; + background-color: transparent !important; + width: 100% !important; + /* IE dislikes horizontal tweaking combined with width:100% so punish everyone for consistency */ + padding-left: 0 !important; + padding-right: 0 !important; + margin-left: 0 !important; + margin-right: 0 !important; + } + .dj_a11y .dijitTextBox input { + margin: 0 !important; + } + .dijitValidationTextBoxError input.dijitValidationInner, + .dijitSelect input, + .dijitTextBox input.dijitArrowButtonInner { + /* used to display arrow icon/validation icon, or in arrow character in high contrast mode. * The css below is a trick to hide the character in non-high-contrast mode */ - text-indent: -2em !important; - direction: ltr !important; - text-align: left !important; - height: auto !important; -} -.dj_ie .dijitSelect input, -.dj_ie .dijitTextBox input, -.dj_ie input.dijitTextBox { - overflow-y: visible; /* inputs need help expanding when padding is added or line-height is adjusted */ - line-height: normal; /* strict mode */ -} -.dijitSelect .dijitSelectLabel span { - line-height: 100%; -} -.dj_ie .dijitSelect .dijitSelectLabel { - line-height: normal; -} -.dj_ie6 .dijitSelect .dijitSelectLabel, -.dj_ie7 .dijitSelect .dijitSelectLabel, -.dj_ie8 .dijitSelect .dijitSelectLabel, -.dj_iequirks .dijitSelect .dijitSelectLabel, -.dijitSelect td, -.dj_ie6 .dijitSelect input, -.dj_iequirks .dijitSelect input, -.dj_ie6 .dijitSelect .dijitValidationContainer, -.dj_ie6 .dijitTextBox input, -.dj_ie6 input.dijitTextBox, -.dj_iequirks .dijitTextBox input.dijitValidationInner, -.dj_iequirks .dijitTextBox input.dijitArrowButtonInner, -.dj_iequirks .dijitTextBox input.dijitSpinnerButtonInner, -.dj_iequirks .dijitTextBox input.dijitInputInner, -.dj_iequirks input.dijitTextBox { - line-height: 100%; /* IE7 problem where the icon is vertically way too low w/o this */ -} -.dj_a11y input.dijitValidationInner, -.dj_a11y input.dijitArrowButtonInner { - /* (in high contrast mode) revert rules from above so character displays */ - text-indent: 0 !important; - width: 1em !important; - color: black !important; -} -.dijitValidationTextBoxError .dijitValidationContainer { - display: inline; - cursor: default; -} + text-indent: -2em !important; + direction: ltr !important; + text-align: left !important; + height: auto !important; + } + .dj_ie .dijitSelect input, + .dj_ie .dijitTextBox input, + .dj_ie input.dijitTextBox { + overflow-y: visible; /* inputs need help expanding when padding is added or line-height is adjusted */ + line-height: normal; /* strict mode */ + } + .dijitSelect .dijitSelectLabel span { + line-height: 100%; + } + .dj_ie .dijitSelect .dijitSelectLabel { + line-height: normal; + } + .dj_ie6 .dijitSelect .dijitSelectLabel, + .dj_ie7 .dijitSelect .dijitSelectLabel, + .dj_ie8 .dijitSelect .dijitSelectLabel, + .dj_iequirks .dijitSelect .dijitSelectLabel, + .dijitSelect td, + .dj_ie6 .dijitSelect input, + .dj_iequirks .dijitSelect input, + .dj_ie6 .dijitSelect .dijitValidationContainer, + .dj_ie6 .dijitTextBox input, + .dj_ie6 input.dijitTextBox, + .dj_iequirks .dijitTextBox input.dijitValidationInner, + .dj_iequirks .dijitTextBox input.dijitArrowButtonInner, + .dj_iequirks .dijitTextBox input.dijitSpinnerButtonInner, + .dj_iequirks .dijitTextBox input.dijitInputInner, + .dj_iequirks input.dijitTextBox { + line-height: 100%; /* IE7 problem where the icon is vertically way too low w/o this */ + } + .dj_a11y input.dijitValidationInner, + .dj_a11y input.dijitArrowButtonInner { + /* (in high contrast mode) revert rules from above so character displays */ + text-indent: 0 !important; + width: 1em !important; + color: black !important; + } + .dijitValidationTextBoxError .dijitValidationContainer { + display: inline; + cursor: default; + } -/* ComboBox & Spinner */ + /* ComboBox & Spinner */ -.dijitSpinner .dijitSpinnerButtonContainer, -.dijitComboBox .dijitArrowButtonContainer { - /* dividing line between input area and up/down button(s) for ComboBox and Spinner */ - border-width: 0 0 0 1px !important; /* !important needed due to wayward ".theme .dijitButtonNode" rules */ -} -.dj_a11y .dijitSelect .dijitArrowButtonContainer, -.dijitToolbar .dijitComboBox .dijitArrowButtonContainer { - /* overrides above rule plus mirror-image rule in dijit_rtl.css to have no divider when ComboBox in Toolbar */ - border-width: 0 !important; -} + .dijitSpinner .dijitSpinnerButtonContainer, + .dijitComboBox .dijitArrowButtonContainer { + /* dividing line between input area and up/down button(s) for ComboBox and Spinner */ + border-width: 0 0 0 1px !important; /* !important needed due to wayward ".theme .dijitButtonNode" rules */ + } + .dj_a11y .dijitSelect .dijitArrowButtonContainer, + .dijitToolbar .dijitComboBox .dijitArrowButtonContainer { + /* overrides above rule plus mirror-image rule in dijit_rtl.css to have no divider when ComboBox in Toolbar */ + border-width: 0 !important; + } -.dijitComboBoxMenu { - /* Drop down menu is implemented as
  • ... but we don't want circles before each item */ - list-style-type: none; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { - /* dividing line between input area and up/down button(s) for ComboBox and Spinner */ - border-width: 0; -} -.dj_ie .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { - clear: both; /* IE workaround */ -} + .dijitComboBoxMenu { + /* Drop down menu is implemented as
    • ... but we don't want circles before each item */ + list-style-type: none; + } + .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { + /* dividing line between input area and up/down button(s) for ComboBox and Spinner */ + border-width: 0; + } + .dj_ie .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { + clear: both; /* IE workaround */ + } -.dj_ie .dijitToolbar .dijitComboBox { - /* make combobox buttons align properly with other buttons in a toolbar */ - vertical-align: middle; -} + .dj_ie .dijitToolbar .dijitComboBox { + /* make combobox buttons align properly with other buttons in a toolbar */ + vertical-align: middle; + } -/* Spinner */ + /* Spinner */ -.dijitTextBox .dijitSpinnerButtonContainer { - width: 1em; - position: relative !important; - overflow: hidden; -} -.dijitSpinner .dijitSpinnerButtonInner { - width: 1em; - visibility: hidden !important; /* just a sizing element */ - overflow-x: hidden; -} -.dijitComboBox .dijitButtonNode, -.dijitSpinnerButtonContainer .dijitButtonNode { - border-width: 0; -} -.dj_a11y .dijitSpinnerButtonContainer .dijitButtonNode { - border-width: 0px !important; - border-style: solid !important; -} -.dj_a11y .dijitTextBox .dijitSpinnerButtonContainer, -.dj_a11y .dijitSpinner .dijitArrowButtonInner, -.dj_a11y .dijitSpinnerButtonContainer input { - width: 1em !important; -} -.dj_a11y .dijitSpinner .dijitArrowButtonInner { - margin: 0 auto !important; /* should auto-center */ -} -.dj_ie .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - padding-left: 0.3em !important; - padding-right: 0.3em !important; - margin-left: 0.3em !important; - margin-right: 0.3em !important; - width: 1.4em !important; -} -.dj_ie7 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - padding-left: 0 !important; /* manually center INPUT: character is .5em and total width = 1em */ - padding-right: 0 !important; - width: 1em !important; -} -.dj_ie6 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - margin-left: 0.1em !important; - margin-right: 0.1em !important; - width: 1em !important; -} -.dj_iequirks .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - margin-left: 0 !important; - margin-right: 0 !important; - width: 2em !important; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - /* note: .dijitInputLayoutContainer makes this rule override .dijitArrowButton settings + .dijitTextBox .dijitSpinnerButtonContainer { + width: 1em; + position: relative !important; + overflow: hidden; + } + .dijitSpinner .dijitSpinnerButtonInner { + width: 1em; + visibility: hidden !important; /* just a sizing element */ + overflow-x: hidden; + } + .dijitComboBox .dijitButtonNode, + .dijitSpinnerButtonContainer .dijitButtonNode { + border-width: 0; + } + .dj_a11y .dijitSpinnerButtonContainer .dijitButtonNode { + border-width: 0px !important; + border-style: solid !important; + } + .dj_a11y .dijitTextBox .dijitSpinnerButtonContainer, + .dj_a11y .dijitSpinner .dijitArrowButtonInner, + .dj_a11y .dijitSpinnerButtonContainer input { + width: 1em !important; + } + .dj_a11y .dijitSpinner .dijitArrowButtonInner { + margin: 0 auto !important; /* should auto-center */ + } + .dj_ie .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding-left: 0.3em !important; + padding-right: 0.3em !important; + margin-left: 0.3em !important; + margin-right: 0.3em !important; + width: 1.4em !important; + } + .dj_ie7 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding-left: 0 !important; /* manually center INPUT: character is .5em and total width = 1em */ + padding-right: 0 !important; + width: 1em !important; + } + .dj_ie6 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { + margin-left: 0.1em !important; + margin-right: 0.1em !important; + width: 1em !important; + } + .dj_iequirks .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { + margin-left: 0 !important; + margin-right: 0 !important; + width: 2em !important; + } + .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { + /* note: .dijitInputLayoutContainer makes this rule override .dijitArrowButton settings * for dijit.form.Button */ - padding: 0; - position: absolute !important; - right: 0; - float: none; - height: 50%; - width: 100%; - bottom: auto; - left: 0; - right: auto; -} -.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - width: auto; -} -.dj_a11y .dijitSpinnerButtonContainer .dijitArrowButton { - overflow: visible !important; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton { - top: 50%; - border-top-width: 1px !important; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton { - top: 0; -} -.dijitSpinner .dijitArrowButtonInner { - margin: auto; - overflow-x: hidden; - height: 100% !important; -} -.dj_iequirks .dijitSpinner .dijitArrowButtonInner { - height: auto !important; -} -.dijitSpinner .dijitArrowButtonInner .dijitInputField { - transform: scale(0.5); - transform-origin: left top; - padding-top: 0; - padding-bottom: 0; - padding-left: 0 !important; - padding-right: 0 !important; - width: 100%; - visibility: hidden; -} -.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField { - zoom: 50%; /* emulate transform: scale(0.5) */ -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner { - overflow: hidden; -} + padding: 0; + position: absolute !important; + right: 0; + float: none; + height: 50%; + width: 100%; + bottom: auto; + left: 0; + right: auto; + } + .dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { + width: auto; + } + .dj_a11y .dijitSpinnerButtonContainer .dijitArrowButton { + overflow: visible !important; + } + .dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton { + top: 50%; + border-top-width: 1px !important; + } + .dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton { + top: 0; + } + .dijitSpinner .dijitArrowButtonInner { + margin: auto; + overflow-x: hidden; + height: 100% !important; + } + .dj_iequirks .dijitSpinner .dijitArrowButtonInner { + height: auto !important; + } + .dijitSpinner .dijitArrowButtonInner .dijitInputField { + transform: scale(0.5); + transform-origin: left top; + padding-top: 0; + padding-bottom: 0; + padding-left: 0 !important; + padding-right: 0 !important; + width: 100%; + visibility: hidden; + } + .dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField { + zoom: 50%; /* emulate transform: scale(0.5) */ + } + .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner { + overflow: hidden; + } -.dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - width: 100%; -} -.dj_iequirks .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - width: 1em; /* matches .dj_a11y .dijitTextBox .dijitSpinnerButtonContainer rule - 100% is the whole screen width in quirks */ -} -.dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - vertical-align: top; - visibility: visible; -} -.dj_a11y .dijitSpinnerButtonContainer { - width: 1em; -} + .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { + width: 100%; + } + .dj_iequirks .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { + width: 1em; /* matches .dj_a11y .dijitTextBox .dijitSpinnerButtonContainer rule - 100% is the whole screen width in quirks */ + } + .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { + vertical-align: top; + visibility: visible; + } + .dj_a11y .dijitSpinnerButtonContainer { + width: 1em; + } -/**** + /**** dijit.form.CheckBox & dijit.form.RadioButton ****/ -.dijitCheckBox, -.dijitRadio, -.dijitCheckBoxInput { - padding: 0; - border: 0; - width: 16px; - height: 16px; - background-position: center center; - background-repeat: no-repeat; - overflow: hidden; -} + .dijitCheckBox, + .dijitRadio, + .dijitCheckBoxInput { + padding: 0; + border: 0; + width: 16px; + height: 16px; + background-position: center center; + background-repeat: no-repeat; + overflow: hidden; + } -.dijitCheckBox input, -.dijitRadio input { - margin: 0; - padding: 0; - display: block; -} + .dijitCheckBox input, + .dijitRadio input { + margin: 0; + padding: 0; + display: block; + } -.dijitCheckBoxInput { - /* place the actual input on top, but invisible */ - opacity: 0; -} + .dijitCheckBoxInput { + /* place the actual input on top, but invisible */ + opacity: 0; + } -.dj_ie .dijitCheckBoxInput { - filter: alpha(opacity=0); -} + .dj_ie .dijitCheckBoxInput { + filter: alpha(opacity=0); + } -.dj_a11y .dijitCheckBox, -.dj_a11y .dijitRadio { - /* in a11y mode we display the native checkbox (not the icon), so don't restrict the size */ - width: auto !important; - height: auto !important; -} -.dj_a11y .dijitCheckBoxInput { - opacity: 1; - filter: none; - width: auto; - height: auto; -} + .dj_a11y .dijitCheckBox, + .dj_a11y .dijitRadio { + /* in a11y mode we display the native checkbox (not the icon), so don't restrict the size */ + width: auto !important; + height: auto !important; + } + .dj_a11y .dijitCheckBoxInput { + opacity: 1; + filter: none; + width: auto; + height: auto; + } -.dj_a11y .dijitFocusedLabel { - /* for checkboxes or radio buttons in high contrast mode, use border rather than outline to indicate focus (outline does not work in FF)*/ - border: 1px dotted; - outline: 0px !important; -} + .dj_a11y .dijitFocusedLabel { + /* for checkboxes or radio buttons in high contrast mode, use border rather than outline to indicate focus (outline does not work in FF)*/ + border: 1px dotted; + outline: 0px !important; + } -/**** + /**** dijit.ProgressBar ****/ -.dijitProgressBar { - z-index: 0; /* so z-index settings below have no effect outside of the ProgressBar */ -} -.dijitProgressBarEmpty { - /* outer container and background of the bar that's not finished yet*/ - position: relative; - overflow: hidden; - border: 1px solid black; /* a11y: border necessary for high-contrast mode */ - z-index: 0; /* establish a stacking context for this progress bar */ -} + .dijitProgressBar { + z-index: 0; /* so z-index settings below have no effect outside of the ProgressBar */ + } + .dijitProgressBarEmpty { + /* outer container and background of the bar that's not finished yet*/ + position: relative; + overflow: hidden; + border: 1px solid black; /* a11y: border necessary for high-contrast mode */ + z-index: 0; /* establish a stacking context for this progress bar */ + } -.dijitProgressBarFull { - /* outer container for background of bar that is finished */ - position: absolute; - overflow: hidden; - z-index: -1; - top: 0; - width: 100%; -} -.dj_ie6 .dijitProgressBarFull { - height: 1.6em; -} + .dijitProgressBarFull { + /* outer container for background of bar that is finished */ + position: absolute; + overflow: hidden; + z-index: -1; + top: 0; + width: 100%; + } + .dj_ie6 .dijitProgressBarFull { + height: 1.6em; + } -.dijitProgressBarTile { - /* inner container for finished portion */ - position: absolute; - overflow: hidden; - top: 0; - left: 0; - bottom: 0; - right: 0; - margin: 0; - padding: 0; - width: 100%; /* needed for IE/quirks */ - height: auto; - background-color: #aaa; - background-attachment: fixed; -} + .dijitProgressBarTile { + /* inner container for finished portion */ + position: absolute; + overflow: hidden; + top: 0; + left: 0; + bottom: 0; + right: 0; + margin: 0; + padding: 0; + width: 100%; /* needed for IE/quirks */ + height: auto; + background-color: #aaa; + background-attachment: fixed; + } -.dj_a11y .dijitProgressBarTile { - /* a11y: The border provides visibility in high-contrast mode */ - border-width: 2px; - border-style: solid; - background-color: transparent !important; -} + .dj_a11y .dijitProgressBarTile { + /* a11y: The border provides visibility in high-contrast mode */ + border-width: 2px; + border-style: solid; + background-color: transparent !important; + } -.dj_ie6 .dijitProgressBarTile { - /* width:auto works in IE6 with position:static but not position:absolute */ - position: static; - /* height:auto or 100% does not work in IE6 */ - height: 1.6em; -} + .dj_ie6 .dijitProgressBarTile { + /* width:auto works in IE6 with position:static but not position:absolute */ + position: static; + /* height:auto or 100% does not work in IE6 */ + height: 1.6em; + } -.dijitProgressBarIndeterminate .dijitProgressBarTile { - /* animated gif for 'indeterminate' mode */ -} + .dijitProgressBarIndeterminate .dijitProgressBarTile { + /* animated gif for 'indeterminate' mode */ + } -.dijitProgressBarIndeterminateHighContrastImage { - display: none; -} + .dijitProgressBarIndeterminateHighContrastImage { + display: none; + } -.dj_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage { - display: block; - position: absolute; - top: 0; - bottom: 0; - margin: 0; - padding: 0; - width: 100%; - height: auto; -} + .dj_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage { + display: block; + position: absolute; + top: 0; + bottom: 0; + margin: 0; + padding: 0; + width: 100%; + height: auto; + } -.dijitProgressBarLabel { - display: block; - position: static; - width: 100%; - text-align: center; - background-color: transparent !important; -} + .dijitProgressBarLabel { + display: block; + position: static; + width: 100%; + text-align: center; + background-color: transparent !important; + } -/**** + /**** dijit.Tooltip ****/ -.dijitTooltip { - position: absolute; - z-index: 2000; - display: block; - /* make visible but off screen */ - left: 0; - top: -10000px; - overflow: visible; -} + .dijitTooltip { + position: absolute; + z-index: 2000; + display: block; + /* make visible but off screen */ + left: 0; + top: -10000px; + overflow: visible; + } -.dijitTooltipContainer { - border: solid black 2px; - background: #b8b5b5; - color: black; - font-size: small; -} + .dijitTooltipContainer { + border: solid black 2px; + background: #b8b5b5; + color: black; + font-size: small; + } -.dijitTooltipFocusNode { - padding: 2px 2px 2px 2px; -} + .dijitTooltipFocusNode { + padding: 2px 2px 2px 2px; + } -.dijitTooltipConnector { - position: absolute; -} -.dj_a11y .dijitTooltipConnector { - display: none; /* won't show b/c it's background-image; hide to avoid border gap */ -} + .dijitTooltipConnector { + position: absolute; + } + .dj_a11y .dijitTooltipConnector { + display: none; /* won't show b/c it's background-image; hide to avoid border gap */ + } -.dijitTooltipData { - display: none; -} + .dijitTooltipData { + display: none; + } -/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS) + /* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS) make sure that the position:absolute in dijitAlign* overrides other classes */ -.dijitLayoutContainer { - position: relative; - display: block; - overflow: hidden; -} + .dijitLayoutContainer { + position: relative; + display: block; + overflow: hidden; + } -.dijitAlignTop, -.dijitAlignBottom, -.dijitAlignLeft, -.dijitAlignRight { - position: absolute; - overflow: hidden; -} + .dijitAlignTop, + .dijitAlignBottom, + .dijitAlignLeft, + .dijitAlignRight { + position: absolute; + overflow: hidden; + } -body .dijitAlignClient { - position: absolute; -} + body .dijitAlignClient { + position: absolute; + } -/* + /* * BorderContainer * * .dijitBorderContainer is a stylized layout where panes have border and margin. * .dijitBorderContainerNoGutter is a raw layout. */ -.dijitBorderContainer, -.dijitBorderContainerNoGutter { - position: relative; - overflow: hidden; - z-index: 0; /* so z-index settings below have no effect outside of the BorderContainer */ -} + .dijitBorderContainer, + .dijitBorderContainerNoGutter { + position: relative; + overflow: hidden; + z-index: 0; /* so z-index settings below have no effect outside of the BorderContainer */ + } -.dijitBorderContainerPane, -.dijitBorderContainerNoGutterPane { - position: absolute !important; /* !important to override position:relative in dijitTabContainer etc. */ - z-index: 2; /* above the splitters so that off-by-one browser errors don't cover up border of pane */ -} + .dijitBorderContainerPane, + .dijitBorderContainerNoGutterPane { + position: absolute !important; /* !important to override position:relative in dijitTabContainer etc. */ + z-index: 2; /* above the splitters so that off-by-one browser errors don't cover up border of pane */ + } -.dijitBorderContainer > .dijitTextArea { - /* On Safari, for SimpleTextArea inside a BorderContainer, + .dijitBorderContainer > .dijitTextArea { + /* On Safari, for SimpleTextArea inside a BorderContainer, don't want to display the grip to resize */ - resize: none; -} + resize: none; + } -.dijitGutter { - /* gutter is just a place holder for empty space between panes in BorderContainer */ - position: absolute; - font-size: 1px; /* needed by IE6 even though div is empty, otherwise goes to 15px */ -} + .dijitGutter { + /* gutter is just a place holder for empty space between panes in BorderContainer */ + position: absolute; + font-size: 1px; /* needed by IE6 even though div is empty, otherwise goes to 15px */ + } -/* SplitContainer + /* SplitContainer 'V' == container that splits vertically (up/down) 'H' = horizontal (left/right) */ -.dijitSplitter { - position: absolute; - overflow: hidden; - z-index: 10; /* above the panes so that splitter focus is visible on FF, see #7583*/ - background-color: #fff; - border-color: gray; - border-style: solid; - border-width: 0; -} -.dj_ie .dijitSplitter { - z-index: 1; /* behind the panes so that pane borders aren't obscured see test_Gui.html/[14392] */ -} + .dijitSplitter { + position: absolute; + overflow: hidden; + z-index: 10; /* above the panes so that splitter focus is visible on FF, see #7583*/ + background-color: #fff; + border-color: gray; + border-style: solid; + border-width: 0; + } + .dj_ie .dijitSplitter { + z-index: 1; /* behind the panes so that pane borders aren't obscured see test_Gui.html/[14392] */ + } -.dijitSplitterActive { - z-index: 11 !important; -} + .dijitSplitterActive { + z-index: 11 !important; + } -.dijitSplitterCover { - position: absolute; - z-index: -1; - top: 0; - left: 0; - width: 100%; - height: 100%; -} + .dijitSplitterCover { + position: absolute; + z-index: -1; + top: 0; + left: 0; + width: 100%; + height: 100%; + } -.dijitSplitterCoverActive { - z-index: 3 !important; -} + .dijitSplitterCoverActive { + z-index: 3 !important; + } -/* #6945: stop mouse events */ -.dj_ie .dijitSplitterCover { - background: white; - opacity: 0; -} -.dj_ie6 .dijitSplitterCover, -.dj_ie7 .dijitSplitterCover, -.dj_ie8 .dijitSplitterCover { - filter: alpha(opacity=0); -} + /* #6945: stop mouse events */ + .dj_ie .dijitSplitterCover { + background: white; + opacity: 0; + } + .dj_ie6 .dijitSplitterCover, + .dj_ie7 .dijitSplitterCover, + .dj_ie8 .dijitSplitterCover { + filter: alpha(opacity=0); + } -.dijitSplitterH { - height: 7px; - border-top: 1px; - border-bottom: 1px; - cursor: row-resize; - -webkit-tap-highlight-color: transparent; -} -.dijitSplitterV { - width: 7px; - border-left: 1px; - border-right: 1px; - cursor: col-resize; - -webkit-tap-highlight-color: transparent; -} -.dijitSplitContainer { - position: relative; - overflow: hidden; - display: block; -} + .dijitSplitterH { + height: 7px; + border-top: 1px; + border-bottom: 1px; + cursor: row-resize; + -webkit-tap-highlight-color: transparent; + } + .dijitSplitterV { + width: 7px; + border-left: 1px; + border-right: 1px; + cursor: col-resize; + -webkit-tap-highlight-color: transparent; + } + .dijitSplitContainer { + position: relative; + overflow: hidden; + display: block; + } -.dijitSplitPane { - position: absolute; -} + .dijitSplitPane { + position: absolute; + } -.dijitSplitContainerSizerH, -.dijitSplitContainerSizerV { - position: absolute; - font-size: 1px; - background-color: ThreeDFace; - border: 1px solid; - border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; - margin: 0; -} + .dijitSplitContainerSizerH, + .dijitSplitContainerSizerV { + position: absolute; + font-size: 1px; + background-color: ThreeDFace; + border: 1px solid; + border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; + margin: 0; + } -.dijitSplitContainerSizerH .thumb, -.dijitSplitterV .dijitSplitterThumb { - overflow: hidden; - position: absolute; - top: 49%; -} + .dijitSplitContainerSizerH .thumb, + .dijitSplitterV .dijitSplitterThumb { + overflow: hidden; + position: absolute; + top: 49%; + } -.dijitSplitContainerSizerV .thumb, -.dijitSplitterH .dijitSplitterThumb { - position: absolute; - left: 49%; -} + .dijitSplitContainerSizerV .thumb, + .dijitSplitterH .dijitSplitterThumb { + position: absolute; + left: 49%; + } -.dijitSplitterShadow, -.dijitSplitContainerVirtualSizerH, -.dijitSplitContainerVirtualSizerV { - font-size: 1px; - background-color: ThreeDShadow; - opacity: 0.5; - margin: 0; -} + .dijitSplitterShadow, + .dijitSplitContainerVirtualSizerH, + .dijitSplitContainerVirtualSizerV { + font-size: 1px; + background-color: ThreeDShadow; + opacity: 0.5; + margin: 0; + } -.dijitSplitContainerSizerH, -.dijitSplitContainerVirtualSizerH { - cursor: col-resize; -} + .dijitSplitContainerSizerH, + .dijitSplitContainerVirtualSizerH { + cursor: col-resize; + } -.dijitSplitContainerSizerV, -.dijitSplitContainerVirtualSizerV { - cursor: row-resize; -} + .dijitSplitContainerSizerV, + .dijitSplitContainerVirtualSizerV { + cursor: row-resize; + } -.dj_a11y .dijitSplitterH { - border-top: 1px solid #d3d3d3 !important; - border-bottom: 1px solid #d3d3d3 !important; -} -.dj_a11y .dijitSplitterV { - border-left: 1px solid #d3d3d3 !important; - border-right: 1px solid #d3d3d3 !important; -} + .dj_a11y .dijitSplitterH { + border-top: 1px solid #d3d3d3 !important; + border-bottom: 1px solid #d3d3d3 !important; + } + .dj_a11y .dijitSplitterV { + border-left: 1px solid #d3d3d3 !important; + border-right: 1px solid #d3d3d3 !important; + } -/* ContentPane */ + /* ContentPane */ -.dijitContentPane { - display: block; - overflow: auto; /* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */ - -webkit-overflow-scrolling: touch; -} + .dijitContentPane { + display: block; + overflow: auto; /* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */ + -webkit-overflow-scrolling: touch; + } -.dijitContentPaneSingleChild { - /* + .dijitContentPaneSingleChild { + /* * if the ContentPane holds a single layout widget child which is being sized to match the content pane, * then the ContentPane should never get a scrollbar (but it does due to browser bugs, see #9449 */ - overflow: hidden; -} + overflow: hidden; + } -.dijitContentPaneLoading .dijitIconLoading, -.dijitContentPaneError .dijitIconError { - margin-right: 9px; -} + .dijitContentPaneLoading .dijitIconLoading, + .dijitContentPaneError .dijitIconError { + margin-right: 9px; + } -/* TitlePane and Fieldset */ + /* TitlePane and Fieldset */ -.dijitTitlePane { - display: block; - overflow: hidden; -} -.dijitFieldset { - border: 1px solid gray; -} -.dijitTitlePaneTitle, -.dijitFieldsetTitle { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitTitlePaneTitleFixedOpen, -.dijitTitlePaneTitleFixedClosed, -.dijitFieldsetTitleFixedOpen, -.dijitFieldsetTitleFixedClosed { - /* TitlePane or Fieldset that cannot be toggled */ - cursor: default; -} -.dijitTitlePaneTitle * { - vertical-align: middle; -} -.dijitTitlePane .dijitArrowNodeInner, -.dijitFieldset .dijitArrowNodeInner { - /* normally, hide arrow text in favor of icon */ - display: none; -} -.dj_a11y .dijitTitlePane .dijitArrowNodeInner, -.dj_a11y .dijitFieldset .dijitArrowNodeInner { - /* ... except in a11y mode, then show text arrow */ - display: inline; - font-family: monospace; /* because - and + are different widths */ -} -.dj_a11y .dijitTitlePane .dijitArrowNode, -.dj_a11y .dijitFieldset .dijitArrowNode { - /* ... and hide icon (TODO: just point dijitIcon class on the icon, and it hides automatically) */ - display: none; -} -.dijitTitlePaneTitleFixedOpen .dijitArrowNode, -.dijitTitlePaneTitleFixedOpen .dijitArrowNodeInner, -.dijitTitlePaneTitleFixedClosed .dijitArrowNode, -.dijitTitlePaneTitleFixedClosed .dijitArrowNodeInner, -.dijitFieldsetTitleFixedOpen .dijitArrowNode, -.dijitFieldsetTitleFixedOpen .dijitArrowNodeInner, -.dijitFieldsetTitleFixedClosed .dijitArrowNode, -.dijitFieldsetTitleFixedClosed .dijitArrowNodeInner { - /* don't show the open close icon or text arrow; it makes the user think the pane is closable */ - display: none !important; /* !important to override above a11y rules to show text arrow */ -} + .dijitTitlePane { + display: block; + overflow: hidden; + } + .dijitFieldset { + border: 1px solid gray; + } + .dijitTitlePaneTitle, + .dijitFieldsetTitle { + cursor: pointer; + -webkit-tap-highlight-color: transparent; + } + .dijitTitlePaneTitleFixedOpen, + .dijitTitlePaneTitleFixedClosed, + .dijitFieldsetTitleFixedOpen, + .dijitFieldsetTitleFixedClosed { + /* TitlePane or Fieldset that cannot be toggled */ + cursor: default; + } + .dijitTitlePaneTitle * { + vertical-align: middle; + } + .dijitTitlePane .dijitArrowNodeInner, + .dijitFieldset .dijitArrowNodeInner { + /* normally, hide arrow text in favor of icon */ + display: none; + } + .dj_a11y .dijitTitlePane .dijitArrowNodeInner, + .dj_a11y .dijitFieldset .dijitArrowNodeInner { + /* ... except in a11y mode, then show text arrow */ + display: inline; + font-family: monospace; /* because - and + are different widths */ + } + .dj_a11y .dijitTitlePane .dijitArrowNode, + .dj_a11y .dijitFieldset .dijitArrowNode { + /* ... and hide icon (TODO: just point dijitIcon class on the icon, and it hides automatically) */ + display: none; + } + .dijitTitlePaneTitleFixedOpen .dijitArrowNode, + .dijitTitlePaneTitleFixedOpen .dijitArrowNodeInner, + .dijitTitlePaneTitleFixedClosed .dijitArrowNode, + .dijitTitlePaneTitleFixedClosed .dijitArrowNodeInner, + .dijitFieldsetTitleFixedOpen .dijitArrowNode, + .dijitFieldsetTitleFixedOpen .dijitArrowNodeInner, + .dijitFieldsetTitleFixedClosed .dijitArrowNode, + .dijitFieldsetTitleFixedClosed .dijitArrowNodeInner { + /* don't show the open close icon or text arrow; it makes the user think the pane is closable */ + display: none !important; /* !important to override above a11y rules to show text arrow */ + } -.dj_ie6 .dijitTitlePaneContentOuter, -.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle { - /* force hasLayout to ensure borders etc, show up */ - zoom: 1; -} + .dj_ie6 .dijitTitlePaneContentOuter, + .dj_ie6 .dijitTitlePane .dijitTitlePaneTitle { + /* force hasLayout to ensure borders etc, show up */ + zoom: 1; + } -/* Color Palette + /* Color Palette * Sizes designed so that table cell positions match icons in underlying image, * which appear at 20x20 intervals. */ -.dijitColorPalette { - border: 1px solid #999; - background: #fff; - position: relative; -} + .dijitColorPalette { + border: 1px solid #999; + background: #fff; + position: relative; + } -.dijitColorPalette .dijitPaletteTable { - /* Table that holds the palette cells, and overlays image file with color swatches. + .dijitColorPalette .dijitPaletteTable { + /* Table that holds the palette cells, and overlays image file with color swatches. * padding/margin to align table with image. */ - padding: 2px 3px 3px 3px; - position: relative; - overflow: hidden; - outline: 0; - border-collapse: separate; -} -.dj_ie6 .dijitColorPalette .dijitPaletteTable, -.dj_ie7 .dijitColorPalette .dijitPaletteTable, -.dj_iequirks .dijitColorPalette .dijitPaletteTable { - /* using padding above so that focus border isn't cutoff on moz/webkit, + padding: 2px 3px 3px 3px; + position: relative; + overflow: hidden; + outline: 0; + border-collapse: separate; + } + .dj_ie6 .dijitColorPalette .dijitPaletteTable, + .dj_ie7 .dijitColorPalette .dijitPaletteTable, + .dj_iequirks .dijitColorPalette .dijitPaletteTable { + /* using padding above so that focus border isn't cutoff on moz/webkit, * but using margin on IE because padding doesn't seem to work */ - padding: 0; - margin: 2px 3px 3px 3px; -} + padding: 0; + margin: 2px 3px 3px 3px; + } -.dijitColorPalette .dijitPaletteCell { - /* in the */ - font-size: 1px; - vertical-align: middle; - text-align: center; - background: none; -} -.dijitColorPalette .dijitPaletteImg { - /* Called dijitPaletteImg for back-compat, this actually wraps the color swatch with a border and padding */ - padding: 1px; /* white area between gray border and color swatch */ - border: 1px solid #999; - margin: 2px 1px; - cursor: default; - font-size: 1px; /* prevent from getting bigger just to hold a character */ -} -.dj_gecko .dijitColorPalette .dijitPaletteImg { - padding-bottom: 0; /* workaround rendering glitch on FF, it adds an extra pixel at the bottom */ -} -.dijitColorPalette .dijitColorPaletteSwatch { - /* the actual part where the color is */ - width: 14px; - height: 12px; -} -.dijitPaletteTable td { - padding: 0; -} -.dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg { - /* hovered color swatch */ - border: 1px solid #000; -} + .dijitColorPalette .dijitPaletteCell { + /*
      in the */ + font-size: 1px; + vertical-align: middle; + text-align: center; + background: none; + } + .dijitColorPalette .dijitPaletteImg { + /* Called dijitPaletteImg for back-compat, this actually wraps the color swatch with a border and padding */ + padding: 1px; /* white area between gray border and color swatch */ + border: 1px solid #999; + margin: 2px 1px; + cursor: default; + font-size: 1px; /* prevent from getting bigger just to hold a character */ + } + .dj_gecko .dijitColorPalette .dijitPaletteImg { + padding-bottom: 0; /* workaround rendering glitch on FF, it adds an extra pixel at the bottom */ + } + .dijitColorPalette .dijitColorPaletteSwatch { + /* the actual part where the color is */ + width: 14px; + height: 12px; + } + .dijitPaletteTable td { + padding: 0; + } + .dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg { + /* hovered color swatch */ + border: 1px solid #000; + } -.dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, -.dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg { - border: 2px solid #000; - margin: 1px 0; /* reduce margin to compensate for increased border */ -} + .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, + .dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg { + border: 2px solid #000; + margin: 1px 0; /* reduce margin to compensate for increased border */ + } -.dj_a11y .dijitColorPalette .dijitPaletteTable, -.dj_a11y .dijitColorPalette .dijitPaletteTable * { - /* table cells are to catch events, but the swatches are in the PaletteImg behind the table */ - background-color: transparent !important; -} + .dj_a11y .dijitColorPalette .dijitPaletteTable, + .dj_a11y .dijitColorPalette .dijitPaletteTable * { + /* table cells are to catch events, but the swatches are in the PaletteImg behind the table */ + background-color: transparent !important; + } -/* AccordionContainer */ + /* AccordionContainer */ -.dijitAccordionContainer { - border: 1px solid #b7b7b7; - border-top: 0 !important; -} -.dijitAccordionTitle { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitAccordionTitleSelected { - cursor: default; -} + .dijitAccordionContainer { + border: 1px solid #b7b7b7; + border-top: 0 !important; + } + .dijitAccordionTitle { + cursor: pointer; + -webkit-tap-highlight-color: transparent; + } + .dijitAccordionTitleSelected { + cursor: default; + } -/* images off, high-contrast mode styles */ -.dijitAccordionTitle .arrowTextUp, -.dijitAccordionTitle .arrowTextDown { - display: none; - font-size: 0.65em; - font-weight: normal !important; -} + /* images off, high-contrast mode styles */ + .dijitAccordionTitle .arrowTextUp, + .dijitAccordionTitle .arrowTextDown { + display: none; + font-size: 0.65em; + font-weight: normal !important; + } -.dj_a11y .dijitAccordionTitle .arrowTextUp, -.dj_a11y .dijitAccordionTitleSelected .arrowTextDown { - display: inline; -} + .dj_a11y .dijitAccordionTitle .arrowTextUp, + .dj_a11y .dijitAccordionTitleSelected .arrowTextDown { + display: inline; + } -.dj_a11y .dijitAccordionTitleSelected .arrowTextUp { - display: none; -} + .dj_a11y .dijitAccordionTitleSelected .arrowTextUp { + display: none; + } -.dijitAccordionChildWrapper { - /* this is the node whose height is adjusted */ - overflow: hidden; -} + .dijitAccordionChildWrapper { + /* this is the node whose height is adjusted */ + overflow: hidden; + } -/* Calendar */ + /* Calendar */ -.dijitCalendarContainer table { - width: auto; /* in case user has specified a width for the TABLE nodes, see #10553 */ - clear: both; /* clear margin created for left/right month arrows; needed on IE10 for CalendarLite */ -} -.dijitCalendarContainer th, -.dijitCalendarContainer td { - padding: 0; - vertical-align: middle; -} + .dijitCalendarContainer table { + width: auto; /* in case user has specified a width for the TABLE nodes, see #10553 */ + clear: both; /* clear margin created for left/right month arrows; needed on IE10 for CalendarLite */ + } + .dijitCalendarContainer th, + .dijitCalendarContainer td { + padding: 0; + vertical-align: middle; + } -.dijitCalendarMonthContainer { - text-align: center; -} -.dijitCalendarDecrementArrow { - float: left; -} -.dijitCalendarIncrementArrow { - float: right; -} + .dijitCalendarMonthContainer { + text-align: center; + } + .dijitCalendarDecrementArrow { + float: left; + } + .dijitCalendarIncrementArrow { + float: right; + } -.dijitCalendarYearLabel { - white-space: nowrap; /* make sure previous, current, and next year appear on same row */ -} + .dijitCalendarYearLabel { + white-space: nowrap; /* make sure previous, current, and next year appear on same row */ + } -.dijitCalendarNextYear { - margin: 0 0 0 0.55em; -} + .dijitCalendarNextYear { + margin: 0 0 0 0.55em; + } -.dijitCalendarPreviousYear { - margin: 0 0.55em 0 0; -} + .dijitCalendarPreviousYear { + margin: 0 0.55em 0 0; + } -.dijitCalendarIncrementControl { - vertical-align: middle; -} + .dijitCalendarIncrementControl { + vertical-align: middle; + } -.dijitCalendarIncrementControl, -.dijitCalendarDateTemplate, -.dijitCalendarMonthLabel, -.dijitCalendarPreviousYear, -.dijitCalendarNextYear { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} + .dijitCalendarIncrementControl, + .dijitCalendarDateTemplate, + .dijitCalendarMonthLabel, + .dijitCalendarPreviousYear, + .dijitCalendarNextYear { + cursor: pointer; + -webkit-tap-highlight-color: transparent; + } -.dijitCalendarDisabledDate { - color: gray; - text-decoration: line-through; - cursor: default; -} + .dijitCalendarDisabledDate { + color: gray; + text-decoration: line-through; + cursor: default; + } -.dijitSpacer { - /* don't display it, but make it affect the width */ - position: relative; - height: 1px; - overflow: hidden; - visibility: hidden; -} + .dijitSpacer { + /* don't display it, but make it affect the width */ + position: relative; + height: 1px; + overflow: hidden; + visibility: hidden; + } -/* Styling for month drop down list */ + /* Styling for month drop down list */ -.dijitCalendarMonthMenu .dijitCalendarMonthLabel { - text-align: center; -} + .dijitCalendarMonthMenu .dijitCalendarMonthLabel { + text-align: center; + } -/* Menu */ + /* Menu */ -.dijitMenu { - border: 1px solid black; - background-color: white; -} -.dijitMenuTable { - border-collapse: collapse; - border-width: 0; - background-color: white; -} + .dijitMenu { + border: 1px solid black; + background-color: white; + } + .dijitMenuTable { + border-collapse: collapse; + border-width: 0; + background-color: white; + } -/* workaround for webkit bug #8427, remove this when it is fixed upstream */ -.dj_webkit .dijitMenuTable td[colspan="2"] { - border-right: hidden; -} + /* workaround for webkit bug #8427, remove this when it is fixed upstream */ + .dj_webkit .dijitMenuTable td[colspan="2"] { + border-right: hidden; + } -.dijitMenuItem { - text-align: left; - white-space: nowrap; - padding: 0.1em 0.2em; - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} + .dijitMenuItem { + text-align: left; + white-space: nowrap; + padding: 0.1em 0.2em; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + } -/* + /* No need to show a focus border since it's obvious from the shading, and there's a .dj_a11y .dijitMenuItemSelected rule below that handles the high contrast case when there's no shading. Hiding the focus border also works around webkit bug https://code.google.com/p/chromium/issues/detail?id=125779. */ -.dijitMenuItem:focus { - outline: none; -} + .dijitMenuItem:focus { + outline: none; + } -.dijitMenuPassive .dijitMenuItemHover, -.dijitMenuItemSelected { - /* + .dijitMenuPassive .dijitMenuItemHover, + .dijitMenuItemSelected { + /* * dijitMenuItemHover refers to actual mouse over * dijitMenuItemSelected is used after a menu has been "activated" by * clicking it, tabbing into it, or being opened from a parent menu, * and denotes that the menu item has focus or that focus is on a child * menu */ - background-color: black; - color: white; -} + background-color: black; + color: white; + } -.dijitMenuItemIcon, -.dijitMenuExpand { - background-repeat: no-repeat; -} + .dijitMenuItemIcon, + .dijitMenuExpand { + background-repeat: no-repeat; + } -.dijitMenuItemDisabled * { - /* for a disabled menu item, just set it to mostly transparent */ - opacity: 0.5; - cursor: default; -} -.dj_ie .dj_a11y .dijitMenuItemDisabled, -.dj_ie .dj_a11y .dijitMenuItemDisabled *, -.dj_ie .dijitMenuItemDisabled * { - color: gray; - filter: alpha(opacity=35); -} + .dijitMenuItemDisabled * { + /* for a disabled menu item, just set it to mostly transparent */ + opacity: 0.5; + cursor: default; + } + .dj_ie .dj_a11y .dijitMenuItemDisabled, + .dj_ie .dj_a11y .dijitMenuItemDisabled *, + .dj_ie .dijitMenuItemDisabled * { + color: gray; + filter: alpha(opacity=35); + } -.dijitMenuItemLabel { - vertical-align: middle; -} + .dijitMenuItemLabel { + vertical-align: middle; + } -.dj_a11y .dijitMenuItemSelected { - border: 1px dotted black !important; /* for 2.0 use outline instead, to prevent jitter */ -} + .dj_a11y .dijitMenuItemSelected { + border: 1px dotted black !important; /* for 2.0 use outline instead, to prevent jitter */ + } -.dj_a11y .dijitMenuItemSelected .dijitMenuItemLabel { - border-width: 1px; - border-style: solid; -} -.dj_ie8 .dj_a11y .dijitMenuItemLabel { - position: static; -} + .dj_a11y .dijitMenuItemSelected .dijitMenuItemLabel { + border-width: 1px; + border-style: solid; + } + .dj_ie8 .dj_a11y .dijitMenuItemLabel { + position: static; + } -.dijitMenuExpandA11y { - display: none; -} -.dj_a11y .dijitMenuExpandA11y { - display: inline; -} + .dijitMenuExpandA11y { + display: none; + } + .dj_a11y .dijitMenuExpandA11y { + display: inline; + } -.dijitMenuSeparator td { - border: 0; - padding: 0; -} + .dijitMenuSeparator td { + border: 0; + padding: 0; + } -/* separator can be two pixels -- set border of either one to 0 to have only one */ -.dijitMenuSeparatorTop { - height: 50%; - margin: 0; - margin-top: 3px; - font-size: 1px; -} + /* separator can be two pixels -- set border of either one to 0 to have only one */ + .dijitMenuSeparatorTop { + height: 50%; + margin: 0; + margin-top: 3px; + font-size: 1px; + } -.dijitMenuSeparatorBottom { - height: 50%; - margin: 0; - margin-bottom: 3px; - font-size: 1px; -} + .dijitMenuSeparatorBottom { + height: 50%; + margin: 0; + margin-bottom: 3px; + font-size: 1px; + } -/* CheckedMenuItem and RadioMenuItem */ -.dijitMenuItemIconChar { - display: none; /* don't display except in high contrast mode */ - visibility: hidden; /* for high contrast mode when menuitem is unchecked: leave space for when it is checked */ -} -.dj_a11y .dijitMenuItemIconChar { - display: inline; /* display character in high contrast mode, since icon doesn't show */ -} -.dijitCheckedMenuItemChecked .dijitMenuItemIconChar, -.dijitRadioMenuItemChecked .dijitMenuItemIconChar { - visibility: visible; /* menuitem is checked */ -} -.dj_ie .dj_a11y .dijitMenuBar .dijitMenuItem { - /* so bottom border of MenuBar appears on IE7 in high-contrast mode */ - margin: 0; -} + /* CheckedMenuItem and RadioMenuItem */ + .dijitMenuItemIconChar { + display: none; /* don't display except in high contrast mode */ + visibility: hidden; /* for high contrast mode when menuitem is unchecked: leave space for when it is checked */ + } + .dj_a11y .dijitMenuItemIconChar { + display: inline; /* display character in high contrast mode, since icon doesn't show */ + } + .dijitCheckedMenuItemChecked .dijitMenuItemIconChar, + .dijitRadioMenuItemChecked .dijitMenuItemIconChar { + visibility: visible; /* menuitem is checked */ + } + .dj_ie .dj_a11y .dijitMenuBar .dijitMenuItem { + /* so bottom border of MenuBar appears on IE7 in high-contrast mode */ + margin: 0; + } -/* StackContainer */ + /* StackContainer */ -.dijitStackController .dijitToggleButtonChecked * { - cursor: default; /* because pressing it has no effect */ -} + .dijitStackController .dijitToggleButtonChecked * { + cursor: default; /* because pressing it has no effect */ + } -/*** + /*** TabContainer Main class hierarchy: @@ -1381,2193 +1382,2136 @@ Main class hierarchy: .dijitTabPaneWrapper - wrapper for content panes, has all borders except the one between content and tabs ***/ -.dijitTabContainer { - z-index: 0; /* so z-index settings below have no effect outside of the TabContainer */ - overflow: visible; /* prevent off-by-one-pixel errors from hiding bottom border (opposite tab labels) */ -} -.dj_ie6 .dijitTabContainer { - /* workaround IE6 problem when tall content overflows TabContainer, see editor/test_FullScreen.html */ - overflow: hidden; -} -.dijitTabContainerNoLayout { - width: 100%; /* otherwise ScrollingTabController goes to 50K pixels wide */ -} + .dijitTabContainer { + z-index: 0; /* so z-index settings below have no effect outside of the TabContainer */ + overflow: visible; /* prevent off-by-one-pixel errors from hiding bottom border (opposite tab labels) */ + } + .dj_ie6 .dijitTabContainer { + /* workaround IE6 problem when tall content overflows TabContainer, see editor/test_FullScreen.html */ + overflow: hidden; + } + .dijitTabContainerNoLayout { + width: 100%; /* otherwise ScrollingTabController goes to 50K pixels wide */ + } -.dijitTabContainerBottom-tabs, -.dijitTabContainerTop-tabs, -.dijitTabContainerLeft-tabs, -.dijitTabContainerRight-tabs { - z-index: 1; - overflow: visible !important; /* so tabs can cover up border adjacent to container */ -} + .dijitTabContainerBottom-tabs, + .dijitTabContainerTop-tabs, + .dijitTabContainerLeft-tabs, + .dijitTabContainerRight-tabs { + z-index: 1; + overflow: visible !important; /* so tabs can cover up border adjacent to container */ + } -.dijitTabController { - z-index: 1; -} -.dijitTabContainerBottom-container, -.dijitTabContainerTop-container, -.dijitTabContainerLeft-container, -.dijitTabContainerRight-container { - z-index: 0; - overflow: hidden; - border: 1px solid black; -} -.nowrapTabStrip { - width: 50000px; - display: block; - position: relative; - text-align: left; /* just in case ancestor has non-standard setting */ - z-index: 1; -} -.dijitTabListWrapper { - overflow: hidden; - z-index: 1; -} + .dijitTabController { + z-index: 1; + } + .dijitTabContainerBottom-container, + .dijitTabContainerTop-container, + .dijitTabContainerLeft-container, + .dijitTabContainerRight-container { + z-index: 0; + overflow: hidden; + border: 1px solid black; + } + .nowrapTabStrip { + width: 50000px; + display: block; + position: relative; + text-align: left; /* just in case ancestor has non-standard setting */ + z-index: 1; + } + .dijitTabListWrapper { + overflow: hidden; + z-index: 1; + } -.dj_a11y .tabStripButton img { - /* hide the icons (or rather the empty space where they normally appear) because text will appear instead */ - display: none; -} + .dj_a11y .tabStripButton img { + /* hide the icons (or rather the empty space where they normally appear) because text will appear instead */ + display: none; + } -.dijitTabContainerTop-tabs { - border-bottom: 1px solid black; -} -.dijitTabContainerTop-container { - border-top: 0; -} + .dijitTabContainerTop-tabs { + border-bottom: 1px solid black; + } + .dijitTabContainerTop-container { + border-top: 0; + } -.dijitTabContainerLeft-tabs { - border-right: 1px solid black; - float: left; /* needed for IE7 RTL mode */ -} -.dijitTabContainerLeft-container { - border-left: 0; -} + .dijitTabContainerLeft-tabs { + border-right: 1px solid black; + float: left; /* needed for IE7 RTL mode */ + } + .dijitTabContainerLeft-container { + border-left: 0; + } -.dijitTabContainerBottom-tabs { - border-top: 1px solid black; -} -.dijitTabContainerBottom-container { - border-bottom: 0; -} + .dijitTabContainerBottom-tabs { + border-top: 1px solid black; + } + .dijitTabContainerBottom-container { + border-bottom: 0; + } -.dijitTabContainerRight-tabs { - border-left: 1px solid black; - float: left; /* needed for IE7 RTL mode */ -} -.dijitTabContainerRight-container { - border-right: 0; -} + .dijitTabContainerRight-tabs { + border-left: 1px solid black; + float: left; /* needed for IE7 RTL mode */ + } + .dijitTabContainerRight-container { + border-right: 0; + } -div.dijitTabDisabled, -.dj_ie div.dijitTabDisabled { - cursor: auto; -} + div.dijitTabDisabled, + .dj_ie div.dijitTabDisabled { + cursor: auto; + } -.dijitTab { - position: relative; - cursor: pointer; - -webkit-tap-highlight-color: transparent; - white-space: nowrap; - z-index: 3; -} -.dijitTab * { - /* make tab icons and close icon line up w/text */ - vertical-align: middle; -} -.dijitTabChecked { - cursor: default; /* because clicking will have no effect */ -} + .dijitTab { + position: relative; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + white-space: nowrap; + z-index: 3; + } + .dijitTab * { + /* make tab icons and close icon line up w/text */ + vertical-align: middle; + } + .dijitTabChecked { + cursor: default; /* because clicking will have no effect */ + } -.dijitTabContainerTop-tabs .dijitTab { - top: 1px; /* to overlap border on .dijitTabContainerTop-tabs */ -} -.dijitTabContainerBottom-tabs .dijitTab { - top: -1px; /* to overlap border on .dijitTabContainerBottom-tabs */ -} -.dijitTabContainerLeft-tabs .dijitTab { - left: 1px; /* to overlap border on .dijitTabContainerLeft-tabs */ -} -.dijitTabContainerRight-tabs .dijitTab { - left: -1px; /* to overlap border on .dijitTabContainerRight-tabs */ -} + .dijitTabContainerTop-tabs .dijitTab { + top: 1px; /* to overlap border on .dijitTabContainerTop-tabs */ + } + .dijitTabContainerBottom-tabs .dijitTab { + top: -1px; /* to overlap border on .dijitTabContainerBottom-tabs */ + } + .dijitTabContainerLeft-tabs .dijitTab { + left: 1px; /* to overlap border on .dijitTabContainerLeft-tabs */ + } + .dijitTabContainerRight-tabs .dijitTab { + left: -1px; /* to overlap border on .dijitTabContainerRight-tabs */ + } -.dijitTabContainerTop-tabs .dijitTab, -.dijitTabContainerBottom-tabs .dijitTab { - /* Inline-block */ - display: inline-block; /* webkit and FF3 */ -} + .dijitTabContainerTop-tabs .dijitTab, + .dijitTabContainerBottom-tabs .dijitTab { + /* Inline-block */ + display: inline-block; /* webkit and FF3 */ + } -.tabStripButton { - z-index: 12; -} + .tabStripButton { + z-index: 12; + } -.dijitTabButtonDisabled .tabStripButton { - display: none; -} + .dijitTabButtonDisabled .tabStripButton { + display: none; + } -.dijitTabCloseButton { - margin-left: 1em; -} + .dijitTabCloseButton { + margin-left: 1em; + } -.dijitTabCloseText { - display: none; -} + .dijitTabCloseText { + display: none; + } -.dijitTab .tabLabel { - /* make sure tabs w/close button and w/out close button are same height, even w/small (<15px) font. + .dijitTab .tabLabel { + /* make sure tabs w/close button and w/out close button are same height, even w/small (<15px) font. * assumes <=15px height for close button icon. */ - min-height: 15px; - display: inline-block; -} -.dijitNoIcon { - /* applied to / node when there is no icon specified */ - display: none; -} -.dj_ie6 .dijitTab .dijitNoIcon { - /* because min-height (on .tabLabel, above) doesn't work on IE6 */ - display: inline; - height: 15px; - width: 1px; -} + min-height: 15px; + display: inline-block; + } + .dijitNoIcon { + /* applied to / node when there is no icon specified */ + display: none; + } + .dj_ie6 .dijitTab .dijitNoIcon { + /* because min-height (on .tabLabel, above) doesn't work on IE6 */ + display: inline; + height: 15px; + width: 1px; + } -/* images off, high-contrast mode styles */ + /* images off, high-contrast mode styles */ -.dj_a11y .dijitTabCloseButton { - background-image: none !important; - width: auto !important; - height: auto !important; -} + .dj_a11y .dijitTabCloseButton { + background-image: none !important; + width: auto !important; + height: auto !important; + } -.dj_a11y .dijitTabCloseText { - display: inline; -} + .dj_a11y .dijitTabCloseText { + display: inline; + } -.dijitTabPane, -.dijitStackContainer-child, -.dijitAccordionContainer-child { - /* children of TabContainer, StackContainer, and AccordionContainer shouldn't have borders + .dijitTabPane, + .dijitStackContainer-child, + .dijitAccordionContainer-child { + /* children of TabContainer, StackContainer, and AccordionContainer shouldn't have borders * b/c a border is already there from the TabContainer/StackContainer/AccordionContainer itself. */ - border: none !important; -} + border: none !important; + } -/* InlineEditBox */ -.dijitInlineEditBoxDisplayMode { - border: 1px solid transparent; /* so keyline (border) on hover can appear without screen jump */ - cursor: text; -} + /* InlineEditBox */ + .dijitInlineEditBoxDisplayMode { + border: 1px solid transparent; /* so keyline (border) on hover can appear without screen jump */ + cursor: text; + } -.dj_a11y .dijitInlineEditBoxDisplayMode, -.dj_ie6 .dijitInlineEditBoxDisplayMode { - /* except that IE6 doesn't support transparent borders, nor does high contrast mode */ - border: none; -} + .dj_a11y .dijitInlineEditBoxDisplayMode, + .dj_ie6 .dijitInlineEditBoxDisplayMode { + /* except that IE6 doesn't support transparent borders, nor does high contrast mode */ + border: none; + } -.dijitInlineEditBoxDisplayModeHover, -.dj_a11y .dijitInlineEditBoxDisplayModeHover, -.dj_ie6 .dijitInlineEditBoxDisplayModeHover { - /* An InlineEditBox in view mode (click this to edit the text) */ - background-color: #e2ebf2; - border: solid 1px black; -} + .dijitInlineEditBoxDisplayModeHover, + .dj_a11y .dijitInlineEditBoxDisplayModeHover, + .dj_ie6 .dijitInlineEditBoxDisplayModeHover { + /* An InlineEditBox in view mode (click this to edit the text) */ + background-color: #e2ebf2; + border: solid 1px black; + } -.dijitInlineEditBoxDisplayModeDisabled { - cursor: default; -} + .dijitInlineEditBoxDisplayModeDisabled { + cursor: default; + } -/* Tree */ -.dijitTree { - overflow: auto; /* for scrollbars when Tree has a height setting, and to prevent wrapping around float elements, see #11491 */ - -webkit-tap-highlight-color: transparent; -} + /* Tree */ + .dijitTree { + overflow: auto; /* for scrollbars when Tree has a height setting, and to prevent wrapping around float elements, see #11491 */ + -webkit-tap-highlight-color: transparent; + } -.dijitTreeContainer { - float: left; /* for correct highlighting during horizontal scroll, see #16132 */ -} + .dijitTreeContainer { + float: left; /* for correct highlighting during horizontal scroll, see #16132 */ + } -.dijitTreeIndent { - /* amount to indent each tree node (relative to parent node) */ - width: 19px; -} + .dijitTreeIndent { + /* amount to indent each tree node (relative to parent node) */ + width: 19px; + } -.dijitTreeRow, -.dijitTreeContent { - white-space: nowrap; -} + .dijitTreeRow, + .dijitTreeContent { + white-space: nowrap; + } -.dj_ie .dijitTreeLabel:focus { - /* workaround IE9 behavior where down arrowing through TreeNodes doesn't show focus outline */ - outline: 1px dotted black; -} + .dj_ie .dijitTreeLabel:focus { + /* workaround IE9 behavior where down arrowing through TreeNodes doesn't show focus outline */ + outline: 1px dotted black; + } -.dijitTreeRow img { - /* make the expando and folder icons line up with the label */ - vertical-align: middle; -} + .dijitTreeRow img { + /* make the expando and folder icons line up with the label */ + vertical-align: middle; + } -.dijitTreeContent { - cursor: default; -} + .dijitTreeContent { + cursor: default; + } -.dijitExpandoText { - display: none; -} + .dijitExpandoText { + display: none; + } -.dj_a11y .dijitExpandoText { - display: inline; - padding-left: 10px; - padding-right: 10px; - font-family: monospace; - border-style: solid; - border-width: thin; - cursor: pointer; -} + .dj_a11y .dijitExpandoText { + display: inline; + padding-left: 10px; + padding-right: 10px; + font-family: monospace; + border-style: solid; + border-width: thin; + cursor: pointer; + } -.dijitTreeLabel { - margin: 0 4px; -} + .dijitTreeLabel { + margin: 0 4px; + } -/* Dialog */ + /* Dialog */ -.dijitDialog { - position: absolute; - z-index: 999; - overflow: hidden; /* override overflow: auto; from ContentPane to make dragging smoother */ -} + .dijitDialog { + position: absolute; + z-index: 999; + overflow: hidden; /* override overflow: auto; from ContentPane to make dragging smoother */ + } -.dijitDialogTitleBar { - cursor: move; -} -.dijitDialogFixed .dijitDialogTitleBar { - cursor: default; -} -.dijitDialogCloseIcon { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitDialogPaneContent { - -webkit-overflow-scrolling: touch; -} -.dijitDialogUnderlayWrapper { - position: absolute; - left: 0; - top: 0; - z-index: 998; - display: none; - background: transparent !important; -} + .dijitDialogTitleBar { + cursor: move; + } + .dijitDialogFixed .dijitDialogTitleBar { + cursor: default; + } + .dijitDialogCloseIcon { + cursor: pointer; + -webkit-tap-highlight-color: transparent; + } + .dijitDialogPaneContent { + -webkit-overflow-scrolling: touch; + } + .dijitDialogUnderlayWrapper { + position: absolute; + left: 0; + top: 0; + z-index: 998; + display: none; + background: transparent !important; + } -.dijitDialogUnderlay { - background: #eee; - opacity: 0.5; -} + .dijitDialogUnderlay { + background: #eee; + opacity: 0.5; + } -.dj_ie .dijitDialogUnderlay { - filter: alpha(opacity=50); -} + .dj_ie .dijitDialogUnderlay { + filter: alpha(opacity=50); + } -/* images off, high-contrast mode styles */ -.dj_a11y .dijitSpinnerButtonContainer, -.dj_a11y .dijitDialog { - opacity: 1 !important; - background-color: white !important; -} + /* images off, high-contrast mode styles */ + .dj_a11y .dijitSpinnerButtonContainer, + .dj_a11y .dijitDialog { + opacity: 1 !important; + background-color: white !important; + } -.dijitDialog .closeText { - display: none; - /* for the onhover border in high contrast on IE: */ - position: absolute; -} + .dijitDialog .closeText { + display: none; + /* for the onhover border in high contrast on IE: */ + position: absolute; + } -.dj_a11y .dijitDialog .closeText { - display: inline; -} + .dj_a11y .dijitDialog .closeText { + display: inline; + } -/* Slider */ + /* Slider */ -.dijitSliderMoveable { - z-index: 99; - position: absolute !important; - display: block; - vertical-align: middle; -} + .dijitSliderMoveable { + z-index: 99; + position: absolute !important; + display: block; + vertical-align: middle; + } -.dijitSliderMoveableH { - right: 0; -} -.dijitSliderMoveableV { - right: 50%; -} + .dijitSliderMoveableH { + right: 0; + } + .dijitSliderMoveableV { + right: 50%; + } -.dj_a11y div.dijitSliderImageHandle, -.dijitSliderImageHandle { - margin: 0; - padding: 0; - position: relative !important; - border: 8px solid gray; - width: 0; - height: 0; - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dj_iequirks .dj_a11y .dijitSliderImageHandle { - font-size: 0; -} -.dj_ie7 .dijitSliderImageHandle { - overflow: hidden; /* IE7 workaround to make slider handle VISIBLE in non-a11y mode */ -} -.dj_ie7 .dj_a11y .dijitSliderImageHandle { - overflow: visible; /* IE7 workaround to make slider handle VISIBLE in a11y mode */ -} -.dj_a11y .dijitSliderFocused .dijitSliderImageHandle { - border: 4px solid #000; - height: 8px; - width: 8px; -} + .dj_a11y div.dijitSliderImageHandle, + .dijitSliderImageHandle { + margin: 0; + padding: 0; + position: relative !important; + border: 8px solid gray; + width: 0; + height: 0; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + } + .dj_iequirks .dj_a11y .dijitSliderImageHandle { + font-size: 0; + } + .dj_ie7 .dijitSliderImageHandle { + overflow: hidden; /* IE7 workaround to make slider handle VISIBLE in non-a11y mode */ + } + .dj_ie7 .dj_a11y .dijitSliderImageHandle { + overflow: visible; /* IE7 workaround to make slider handle VISIBLE in a11y mode */ + } + .dj_a11y .dijitSliderFocused .dijitSliderImageHandle { + border: 4px solid #000; + height: 8px; + width: 8px; + } -.dijitSliderImageHandleV { - top: -8px; - right: -50%; -} + .dijitSliderImageHandleV { + top: -8px; + right: -50%; + } -.dijitSliderImageHandleH { - left: 50%; - top: -5px; - vertical-align: top; -} + .dijitSliderImageHandleH { + left: 50%; + top: -5px; + vertical-align: top; + } -.dijitSliderBar { - border-style: solid; - border-color: black; - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} + .dijitSliderBar { + border-style: solid; + border-color: black; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + } -.dijitSliderBarContainerV { - position: relative; - height: 100%; - z-index: 1; -} + .dijitSliderBarContainerV { + position: relative; + height: 100%; + z-index: 1; + } -.dijitSliderBarContainerH { - position: relative; - z-index: 1; -} + .dijitSliderBarContainerH { + position: relative; + z-index: 1; + } -.dijitSliderBarH { - height: 4px; - border-width: 1px 0; -} + .dijitSliderBarH { + height: 4px; + border-width: 1px 0; + } -.dijitSliderBarV { - width: 4px; - border-width: 0 1px; -} + .dijitSliderBarV { + width: 4px; + border-width: 0 1px; + } -.dijitSliderProgressBar { - background-color: red; - z-index: 1; -} + .dijitSliderProgressBar { + background-color: red; + z-index: 1; + } -.dijitSliderProgressBarV { - position: static !important; - height: 0; - vertical-align: top; - text-align: left; -} + .dijitSliderProgressBarV { + position: static !important; + height: 0; + vertical-align: top; + text-align: left; + } -.dijitSliderProgressBarH { - position: absolute !important; - width: 0; - vertical-align: middle; - overflow: visible; -} + .dijitSliderProgressBarH { + position: absolute !important; + width: 0; + vertical-align: middle; + overflow: visible; + } -.dijitSliderRemainingBar { - overflow: hidden; - background-color: transparent; - z-index: 1; -} + .dijitSliderRemainingBar { + overflow: hidden; + background-color: transparent; + z-index: 1; + } -.dijitSliderRemainingBarV { - height: 100%; - text-align: left; -} + .dijitSliderRemainingBarV { + height: 100%; + text-align: left; + } -.dijitSliderRemainingBarH { - width: 100% !important; -} + .dijitSliderRemainingBarH { + width: 100% !important; + } -/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */ -.dijitSliderBumper { - overflow: hidden; - z-index: 1; -} + /* the slider bumper is the space consumed by the slider handle when it hangs over an edge */ + .dijitSliderBumper { + overflow: hidden; + z-index: 1; + } -.dijitSliderBumperV { - width: 4px; - height: 8px; - border-width: 0 1px; -} + .dijitSliderBumperV { + width: 4px; + height: 8px; + border-width: 0 1px; + } -.dijitSliderBumperH { - width: 8px; - height: 4px; - border-width: 1px 0; -} + .dijitSliderBumperH { + width: 8px; + height: 4px; + border-width: 1px 0; + } -.dijitSliderBottomBumper, -.dijitSliderLeftBumper { - background-color: red; -} + .dijitSliderBottomBumper, + .dijitSliderLeftBumper { + background-color: red; + } -.dijitSliderTopBumper, -.dijitSliderRightBumper { - background-color: transparent; -} + .dijitSliderTopBumper, + .dijitSliderRightBumper { + background-color: transparent; + } -.dijitSliderDecoration { - text-align: center; -} + .dijitSliderDecoration { + text-align: center; + } -.dijitSliderDecorationC, -.dijitSliderDecorationV { - position: relative; /* needed for IE+quirks+RTL+vertical (rendering bug) but add everywhere for custom styling consistency but this messes up IE horizontal sliders */ -} + .dijitSliderDecorationC, + .dijitSliderDecorationV { + position: relative; /* needed for IE+quirks+RTL+vertical (rendering bug) but add everywhere for custom styling consistency but this messes up IE horizontal sliders */ + } -.dijitSliderDecorationH { - width: 100%; -} + .dijitSliderDecorationH { + width: 100%; + } -.dijitSliderDecorationV { - height: 100%; - white-space: nowrap; -} + .dijitSliderDecorationV { + height: 100%; + white-space: nowrap; + } -.dijitSliderButton { - font-family: monospace; - margin: 0; - padding: 0; - display: block; -} + .dijitSliderButton { + font-family: monospace; + margin: 0; + padding: 0; + display: block; + } -.dj_a11y .dijitSliderButtonInner { - visibility: visible !important; -} + .dj_a11y .dijitSliderButtonInner { + visibility: visible !important; + } -.dijitSliderButtonContainer { - text-align: center; - height: 0; /* ??? */ -} -.dijitSliderButtonContainer * { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} + .dijitSliderButtonContainer { + text-align: center; + height: 0; /* ??? */ + } + .dijitSliderButtonContainer * { + cursor: pointer; + -webkit-tap-highlight-color: transparent; + } -.dijitSlider .dijitButtonNode { - padding: 0; - display: block; -} + .dijitSlider .dijitButtonNode { + padding: 0; + display: block; + } -.dijitRuleContainer { - position: relative; - overflow: visible; -} + .dijitRuleContainer { + position: relative; + overflow: visible; + } -.dijitRuleContainerV { - height: 100%; - line-height: 0; - float: left; - text-align: left; -} + .dijitRuleContainerV { + height: 100%; + line-height: 0; + float: left; + text-align: left; + } -.dj_opera .dijitRuleContainerV { - line-height: 2%; -} + .dj_opera .dijitRuleContainerV { + line-height: 2%; + } -.dj_ie .dijitRuleContainerV { - line-height: normal; -} + .dj_ie .dijitRuleContainerV { + line-height: normal; + } -.dj_gecko .dijitRuleContainerV { - margin: 0 0 1px 0; /* mozilla bug workaround for float:left,height:100% block elements */ -} + .dj_gecko .dijitRuleContainerV { + margin: 0 0 1px 0; /* mozilla bug workaround for float:left,height:100% block elements */ + } -.dijitRuleMark { - position: absolute; - border: 1px solid black; - line-height: 0; - height: 100%; -} + .dijitRuleMark { + position: absolute; + border: 1px solid black; + line-height: 0; + height: 100%; + } -.dijitRuleMarkH { - width: 0; - border-top-width: 0 !important; - border-bottom-width: 0 !important; - border-left-width: 0 !important; -} + .dijitRuleMarkH { + width: 0; + border-top-width: 0 !important; + border-bottom-width: 0 !important; + border-left-width: 0 !important; + } -.dijitRuleLabelContainer { - position: absolute; -} + .dijitRuleLabelContainer { + position: absolute; + } -.dijitRuleLabelContainerH { - text-align: center; - display: inline-block; -} + .dijitRuleLabelContainerH { + text-align: center; + display: inline-block; + } -.dijitRuleLabelH { - position: relative; - left: -50%; -} + .dijitRuleLabelH { + position: relative; + left: -50%; + } -.dijitRuleLabelV { - /* so that long labels don't overflow to multiple rows, or overwrite slider itself */ - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} + .dijitRuleLabelV { + /* so that long labels don't overflow to multiple rows, or overwrite slider itself */ + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } -.dijitRuleMarkV { - height: 0; - border-right-width: 0 !important; - border-bottom-width: 0 !important; - border-left-width: 0 !important; - width: 100%; - left: 0; -} + .dijitRuleMarkV { + height: 0; + border-right-width: 0 !important; + border-bottom-width: 0 !important; + border-left-width: 0 !important; + width: 100%; + left: 0; + } -.dj_ie .dijitRuleLabelContainerV { - margin-top: -0.55em; -} + .dj_ie .dijitRuleLabelContainerV { + margin-top: -0.55em; + } -.dj_a11y .dijitSliderReadOnly, -.dj_a11y .dijitSliderDisabled { - opacity: 0.6; -} -.dj_ie .dj_a11y .dijitSliderReadOnly .dijitSliderBar, -.dj_ie .dj_a11y .dijitSliderDisabled .dijitSliderBar { - filter: alpha(opacity=40); -} + .dj_a11y .dijitSliderReadOnly, + .dj_a11y .dijitSliderDisabled { + opacity: 0.6; + } + .dj_ie .dj_a11y .dijitSliderReadOnly .dijitSliderBar, + .dj_ie .dj_a11y .dijitSliderDisabled .dijitSliderBar { + filter: alpha(opacity=40); + } -/* + and - Slider buttons: override theme settings to display icons */ -.dj_a11y .dijitSlider .dijitSliderButtonContainer div { - font-family: monospace; /* otherwise hyphen is larger and more vertically centered */ - font-size: 1em; - line-height: 1em; - height: auto; - width: auto; - margin: 0 4px; -} + /* + and - Slider buttons: override theme settings to display icons */ + .dj_a11y .dijitSlider .dijitSliderButtonContainer div { + font-family: monospace; /* otherwise hyphen is larger and more vertically centered */ + font-size: 1em; + line-height: 1em; + height: auto; + width: auto; + margin: 0 4px; + } -/* Icon-only buttons (often in toolbars) still display the text in high-contrast mode */ -.dj_a11y .dijitButtonContents .dijitButtonText, -.dj_a11y .dijitTab .tabLabel { - display: inline !important; -} -.dj_a11y .dijitSelect .dijitButtonText { - display: inline-block !important; -} + /* Icon-only buttons (often in toolbars) still display the text in high-contrast mode */ + .dj_a11y .dijitButtonContents .dijitButtonText, + .dj_a11y .dijitTab .tabLabel { + display: inline !important; + } + .dj_a11y .dijitSelect .dijitButtonText { + display: inline-block !important; + } -/* TextArea, SimpleTextArea */ -.dijitTextArea { - width: 100%; - overflow-y: auto; /* w/out this IE's SimpleTextArea goes to overflow: scroll */ -} -.dijitTextArea[cols] { - width: auto; /* SimpleTextArea cols */ -} -.dj_ie .dijitTextAreaCols { - width: auto; -} + /* TextArea, SimpleTextArea */ + .dijitTextArea { + width: 100%; + overflow-y: auto; /* w/out this IE's SimpleTextArea goes to overflow: scroll */ + } + .dijitTextArea[cols] { + width: auto; /* SimpleTextArea cols */ + } + .dj_ie .dijitTextAreaCols { + width: auto; + } -.dijitExpandingTextArea { - /* for auto exanding textarea (called Textarea currently, rename for 2.0) don't want to display the grip to resize */ - resize: none; -} + .dijitExpandingTextArea { + /* for auto exanding textarea (called Textarea currently, rename for 2.0) don't want to display the grip to resize */ + resize: none; + } -/* Toolbar + /* Toolbar * Note that other toolbar rules (for objects in toolbars) are scattered throughout this file. */ -.dijitToolbarSeparator { - height: 18px; - width: 5px; - padding: 0 1px; - margin: 0; -} + .dijitToolbarSeparator { + height: 18px; + width: 5px; + padding: 0 1px; + margin: 0; + } -/* Editor */ -.dijitIEFixedToolbar { - position: absolute; - /* top:0; */ - top: expression(eval((document.documentElement||document.body) .scrollTop)); -} + /* Editor */ + .dijitIEFixedToolbar { + position: absolute; + /* top:0; */ + top: expression(eval((document.documentElement||document.body) .scrollTop)); + } -.dijitEditor { - display: block; /* prevents glitch on FF with InlineEditBox, see #8404 */ -} + .dijitEditor { + display: block; /* prevents glitch on FF with InlineEditBox, see #8404 */ + } -.dijitEditorDisabled, -.dijitEditorReadOnly { - color: gray; -} + .dijitEditorDisabled, + .dijitEditorReadOnly { + color: gray; + } -/* TimePicker */ + /* TimePicker */ -.dijitTimePicker { - background-color: white; -} -.dijitTimePickerItem { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitTimePickerItemHover { - background-color: gray; - color: white; -} -.dijitTimePickerItemSelected { - font-weight: bold; - color: #333; - background-color: #b7cdee; -} -.dijitTimePickerItemDisabled { - color: gray; - text-decoration: line-through; -} + .dijitTimePicker { + background-color: white; + } + .dijitTimePickerItem { + cursor: pointer; + -webkit-tap-highlight-color: transparent; + } + .dijitTimePickerItemHover { + background-color: gray; + color: white; + } + .dijitTimePickerItemSelected { + font-weight: bold; + color: #333; + background-color: #b7cdee; + } + .dijitTimePickerItemDisabled { + color: gray; + text-decoration: line-through; + } -.dijitTimePickerItemInner { - text-align: center; - border: 0; - padding: 2px 8px 2px 8px; -} + .dijitTimePickerItemInner { + text-align: center; + border: 0; + padding: 2px 8px 2px 8px; + } -.dijitTimePickerTick, -.dijitTimePickerMarker { - border-bottom: 1px solid gray; -} + .dijitTimePickerTick, + .dijitTimePickerMarker { + border-bottom: 1px solid gray; + } -.dijitTimePicker .dijitDownArrowButton { - border-top: none !important; -} + .dijitTimePicker .dijitDownArrowButton { + border-top: none !important; + } -.dijitTimePickerTick { - color: #ccc; -} + .dijitTimePickerTick { + color: #ccc; + } -.dijitTimePickerMarker { - color: black; - background-color: #ccc; -} + .dijitTimePickerMarker { + color: black; + background-color: #ccc; + } -.dj_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner { - border: solid 4px black; -} -.dj_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner { - border: dashed 4px black; -} + .dj_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner { + border: solid 4px black; + } + .dj_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner { + border: dashed 4px black; + } -.dijitToggleButtonIconChar { - /* character (instead of icon) to show that ToggleButton is checked */ - display: none !important; -} -.dj_a11y .dijitToggleButton .dijitToggleButtonIconChar { - display: inline !important; - visibility: hidden; -} -.dj_ie6 .dijitToggleButtonIconChar, -.dj_ie6 .tabStripButton .dijitButtonText { - font-family: "Arial Unicode MS"; /* otherwise the a11y character (checkmark, arrow, etc.) appears as a box */ -} -.dj_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { - display: inline !important; /* In high contrast mode, display the check symbol */ - visibility: visible !important; -} + .dijitToggleButtonIconChar { + /* character (instead of icon) to show that ToggleButton is checked */ + display: none !important; + } + .dj_a11y .dijitToggleButton .dijitToggleButtonIconChar { + display: inline !important; + visibility: hidden; + } + .dj_ie6 .dijitToggleButtonIconChar, + .dj_ie6 .tabStripButton .dijitButtonText { + font-family: "Arial Unicode MS"; /* otherwise the a11y character (checkmark, arrow, etc.) appears as a box */ + } + .dj_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { + display: inline !important; /* In high contrast mode, display the check symbol */ + visibility: visible !important; + } -.dijitArrowButtonChar { - display: none !important; -} -.dj_a11y .dijitArrowButtonChar { - display: inline !important; -} + .dijitArrowButtonChar { + display: none !important; + } + .dj_a11y .dijitArrowButtonChar { + display: inline !important; + } -.dj_a11y .dijitDropDownButton .dijitArrowButtonInner, -.dj_a11y .dijitComboButton .dijitArrowButtonInner { - display: none !important; -} + .dj_a11y .dijitDropDownButton .dijitArrowButtonInner, + .dj_a11y .dijitComboButton .dijitArrowButtonInner { + display: none !important; + } -/* Select */ -.dj_a11y .dijitSelect { - border-collapse: separate !important; - border-width: 1px; - border-style: solid; -} -.dj_ie .dijitSelect { - vertical-align: middle; /* Set this back for what we hack in dijit inline */ -} -.dj_ie6 .dijitSelect .dijitValidationContainer, -.dj_ie8 .dijitSelect .dijitButtonText { - vertical-align: top; -} -.dj_ie6 .dijitTextBox .dijitInputContainer, -.dj_iequirks .dijitTextBox .dijitInputContainer, -.dj_ie6 .dijitTextBox .dijitArrowButtonInner, -.dj_ie6 .dijitSpinner .dijitSpinnerButtonInner, -.dijitSelect .dijitSelectLabel { - vertical-align: baseline; -} + /* Select */ + .dj_a11y .dijitSelect { + border-collapse: separate !important; + border-width: 1px; + border-style: solid; + } + .dj_ie .dijitSelect { + vertical-align: middle; /* Set this back for what we hack in dijit inline */ + } + .dj_ie6 .dijitSelect .dijitValidationContainer, + .dj_ie8 .dijitSelect .dijitButtonText { + vertical-align: top; + } + .dj_ie6 .dijitTextBox .dijitInputContainer, + .dj_iequirks .dijitTextBox .dijitInputContainer, + .dj_ie6 .dijitTextBox .dijitArrowButtonInner, + .dj_ie6 .dijitSpinner .dijitSpinnerButtonInner, + .dijitSelect .dijitSelectLabel { + vertical-align: baseline; + } -.dijitNumberTextBox { - text-align: left; - direction: ltr; -} + .dijitNumberTextBox { + text-align: left; + direction: ltr; + } -.dijitNumberTextBox .dijitInputInner { - text-align: inherit; /* input */ -} + .dijitNumberTextBox .dijitInputInner { + text-align: inherit; /* input */ + } -.dijitNumberTextBox input.dijitInputInner, -.dijitCurrencyTextBox input.dijitInputInner, -.dijitSpinner input.dijitInputInner { - text-align: right; -} + .dijitNumberTextBox input.dijitInputInner, + .dijitCurrencyTextBox input.dijitInputInner, + .dijitSpinner input.dijitInputInner { + text-align: right; + } -.dj_ie8 .dijitNumberTextBox input.dijitInputInner, -.dj_ie9 .dijitNumberTextBox input.dijitInputInner, -.dj_ie8 .dijitCurrencyTextBox input.dijitInputInner, -.dj_ie9 .dijitCurrencyTextBox input.dijitInputInner, -.dj_ie8 .dijitSpinner input.dijitInputInner, -.dj_ie9 .dijitSpinner input.dijitInputInner { - /* workaround bug where caret invisible in empty textboxes */ - padding-right: 1px !important; -} + .dj_ie8 .dijitNumberTextBox input.dijitInputInner, + .dj_ie9 .dijitNumberTextBox input.dijitInputInner, + .dj_ie8 .dijitCurrencyTextBox input.dijitInputInner, + .dj_ie9 .dijitCurrencyTextBox input.dijitInputInner, + .dj_ie8 .dijitSpinner input.dijitInputInner, + .dj_ie9 .dijitSpinner input.dijitInputInner { + /* workaround bug where caret invisible in empty textboxes */ + padding-right: 1px !important; + } -.dijitToolbar .dijitSelect { - margin: 0; -} -.dj_webkit .dijitToolbar .dijitSelect { - padding-left: 0.3em; -} -.dijitSelect .dijitButtonContents { - padding: 0; - white-space: nowrap; - text-align: left; - border-style: none solid none none; - border-width: 1px; -} -.dijitSelectFixedWidth .dijitButtonContents { - width: 100%; -} + .dijitToolbar .dijitSelect { + margin: 0; + } + .dj_webkit .dijitToolbar .dijitSelect { + padding-left: 0.3em; + } + .dijitSelect .dijitButtonContents { + padding: 0; + white-space: nowrap; + text-align: left; + border-style: none solid none none; + border-width: 1px; + } + .dijitSelectFixedWidth .dijitButtonContents { + width: 100%; + } -.dijitSelectMenu .dijitMenuItemIcon { - /* avoid blank area in left side of menu (since we have no icons) */ - display: none; -} -.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel, -.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel { - /* Set back to static due to bug in ie6/ie7 - See Bug #9651 */ - position: static; -} + .dijitSelectMenu .dijitMenuItemIcon { + /* avoid blank area in left side of menu (since we have no icons) */ + display: none; + } + .dj_ie6 .dijitSelectMenu .dijitMenuItemLabel, + .dj_ie7 .dijitSelectMenu .dijitMenuItemLabel { + /* Set back to static due to bug in ie6/ie7 - See Bug #9651 */ + position: static; + } -/* Fix the baseline of our label (for multi-size font elements) */ -.dijitSelectLabel * { - vertical-align: baseline; -} + /* Fix the baseline of our label (for multi-size font elements) */ + .dijitSelectLabel * { + vertical-align: baseline; + } -/* Styling for the currently-selected option (rich text can mess this up) */ -.dijitSelectSelectedOption * { - font-weight: bold; -} + /* Styling for the currently-selected option (rich text can mess this up) */ + .dijitSelectSelectedOption * { + font-weight: bold; + } -/* Fix the styling of the dropdown menu to be more combobox-like */ -.dijitSelectMenu { - border-width: 1px; -} + /* Fix the styling of the dropdown menu to be more combobox-like */ + .dijitSelectMenu { + border-width: 1px; + } -/* Used in cases, such as FullScreen plugin, when we need to force stuff to static positioning. */ -.dijitForceStatic { - position: static !important; -} + /* Used in cases, such as FullScreen plugin, when we need to force stuff to static positioning. */ + .dijitForceStatic { + position: static !important; + } -/**** Disabled cursor *****/ -.dijitReadOnly *, -.dijitDisabled *, -.dijitReadOnly, -.dijitDisabled { - /* a region the user would be able to click on, but it's disabled */ - cursor: default; -} + /**** Disabled cursor *****/ + .dijitReadOnly *, + .dijitDisabled *, + .dijitReadOnly, + .dijitDisabled { + /* a region the user would be able to click on, but it's disabled */ + cursor: default; + } -/* Drag and Drop */ -.dojoDndItem { - padding: 2px; /* will be replaced by border during drag over (dojoDndItemBefore, dojoDndItemAfter) */ + /* Drag and Drop */ + .dojoDndItem { + padding: 2px; /* will be replaced by border during drag over (dojoDndItemBefore, dojoDndItemAfter) */ - /* Prevent magnifying-glass text selection icon to appear on mobile webkit as it causes a touchout event */ - -webkit-touch-callout: none; - -webkit-user-select: none; /* Disable selection/Copy of UIWebView */ -} -.dojoDndHorizontal .dojoDndItem { - /* make contents of horizontal container be side by side, rather than vertical */ - display: inline-block; -} + /* Prevent magnifying-glass text selection icon to appear on mobile webkit as it causes a touchout event */ + -webkit-touch-callout: none; + -webkit-user-select: none; /* Disable selection/Copy of UIWebView */ + } + .dojoDndHorizontal .dojoDndItem { + /* make contents of horizontal container be side by side, rather than vertical */ + display: inline-block; + } -.dojoDndItemBefore, -.dojoDndItemAfter { - border: 0px solid #369; -} -.dojoDndItemBefore { - border-width: 2px 0 0 0; - padding: 0 2px 2px 2px; -} -.dojoDndItemAfter { - border-width: 0 0 2px 0; - padding: 2px 2px 0 2px; -} -.dojoDndHorizontal .dojoDndItemBefore { - border-width: 0 0 0 2px; - padding: 2px 2px 2px 0; -} -.dojoDndHorizontal .dojoDndItemAfter { - border-width: 0 2px 0 0; - padding: 2px 0 2px 2px; -} + .dojoDndItemBefore, + .dojoDndItemAfter { + border: 0px solid #369; + } + .dojoDndItemBefore { + border-width: 2px 0 0 0; + padding: 0 2px 2px 2px; + } + .dojoDndItemAfter { + border-width: 0 0 2px 0; + padding: 2px 2px 0 2px; + } + .dojoDndHorizontal .dojoDndItemBefore { + border-width: 0 0 0 2px; + padding: 2px 2px 2px 0; + } + .dojoDndHorizontal .dojoDndItemAfter { + border-width: 0 2px 0 0; + padding: 2px 0 2px 2px; + } -.dojoDndItemOver { - cursor: pointer; -} -.dj_gecko .dijitArrowButtonInner input, -.dj_gecko input.dijitArrowButtonInner { - -moz-user-focus: ignore; -} -.dijitFocused .dijitMenuItemShortcutKey { - text-decoration: underline; -} + .dojoDndItemOver { + cursor: pointer; + } + .dj_gecko .dijitArrowButtonInner input, + .dj_gecko input.dijitArrowButtonInner { + -moz-user-focus: ignore; + } + .dijitFocused .dijitMenuItemShortcutKey { + text-decoration: underline; + } -/* Dijit custom styling */ -.dijitBorderContainer { - height: 350px; -} -.dijitTooltipContainer { - background: #fff; - border: 1px solid #ccc; - border-radius: 6px; -} -.dijitContentPane { - box-sizing: content-box; - overflow: auto !important; /* Widgets like the data grid pass their scroll + /* Dijit custom styling */ + .dijitBorderContainer { + height: 350px; + } + .dijitTooltipContainer { + background: #fff; + border: 1px solid #ccc; + border-radius: 6px; + } + .dijitContentPane { + box-sizing: content-box; + overflow: auto !important; + /* Widgets like the data grid pass their scroll offset to the parent if there is not enough room to display a scroll bar in the widget itself, so do not hide the overflow. */ -} + } -/* Global Bootstrap changes */ + /* Global Bootstrap changes */ -/* Client defaults and helpers */ -.mx-dataview-content, -.mx-scrollcontainer-wrapper:not(.mx-scrollcontainer-nested), -.mx-tabcontainer-content, -.mx-grid-content { - -webkit-overflow-scrolling: touch; -} -html, -body, -#content { - height: 100%; -} -#content > .mx-page { - width: 100%; - min-height: 100%; -} + /* Client defaults and helpers */ + .mx-dataview-content, + .mx-tabcontainer-content, + .mx-grid-content { + -webkit-overflow-scrolling: touch; + } + html, + body, + #content, + #root { + height: 100%; + } + #content > .mx-page, + #root > .mx-page { + width: 100%; + min-height: 100%; + } -.mx-left-aligned { - text-align: left; -} -.mx-right-aligned { - text-align: right; -} -.mx-center-aligned { - text-align: center; -} + .mx-left-aligned { + text-align: left; + } + .mx-right-aligned { + text-align: right; + } + .mx-center-aligned { + text-align: center; + } -.mx-table { - width: 100%; -} -.mx-table th, -.mx-table td { - padding: 8px; - vertical-align: top; -} -.mx-table th.nopadding, -.mx-table td.nopadding { - padding: 0; -} + .mx-table { + width: 100%; + } + .mx-table th, + .mx-table td { + padding: 8px; + vertical-align: top; + } + .mx-table th.nopadding, + .mx-table td.nopadding { + padding: 0; + } -.mx-offscreen { - /* When position relative is not set IE doesn't properly render when this class is removed + .mx-offscreen { + /* When position relative is not set IE doesn't properly render when this class is removed * with the effect that elements are not displayed or are not clickable. */ - position: relative; - height: 0; - overflow: hidden; -} - -.mx-ie-event-shield { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; -} + position: relative; + height: 0; + overflow: hidden; + } -.mx-swipe-navigation-progress { - position: absolute; - height: 54px; - width: 54px; - top: calc(50% - 27px); - left: calc(50% - 27px); - background: url(data:image/gif;base64,R0lGODlhNgA2APMAAP///wAAAHh4eBwcHA4ODtjY2FRUVNzc3MTExEhISIqKigAAAAAAAAAAAAAAAAAAACH5BAkKAAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQAAACwAAAAANgA2AAAEyxDISau9OOvNu/9gKI5kySEJQSSI6UqKKhPKWyLz3NpimqsJnug3E4aIMiPI9wsqPTjiTlkwqAwFTCxXexYGs0H2ggJOLYLBQDCy5gwmwYx9JJrAssHQXsKr9CFuM3AlcjJ0IAd+BAMHLmlrJAduBo5Pl5iZmpucnZ6fcWqImJCjaHOZhiqmFIuAl64ZsZizF6oErEK3uROlm76gwcLDxMXGx8XAj6Iku4+oIrUk0h/U0WEjznHQIsqhkcjB3sncxdbC5+Llyczh7k8RACH5BAkKAAAALAAAAAA2ADYAAATMEMhJq7046827/2AojmRpnmVhEIRRoGcxsOzwwuRKswZO7jvfCEgTinS7nhF0mNEGhwsiwUoglpSDzhC1KIiKkWAwEJgQRNYVJNiZSdR0IuSsldJFUJ0wuOMJIW00byNxRHOBZIQjaGlrWBxfQGGQHlNVj5Wam5ydnp9LY2WboosWgiymQqgEqhN7fZCwGbOyO7EXrK44uhqlpIqgwsPExcbHyMe/KMsivSbPdLcntdJP1NPObifRiaPMwcnCzcrbyNXG6MXdxuTi7z4RACH5BAkKAAAALAAAAAA2ADYAAATOEMhJq7046827/2AojmRpnmiqAsIwCKspEDQBx+NQEwOe7z1faFa7CUGt11FYMNAMBVLSSCroaoPocEcVOXcEg+hKC5LAtTHQhKaJiLRu6LsTv13y0IHMOyw9B18Gfn+FhoeIiYoZCAk0CQiLFgpoChlTRwhtBJEWcDZCjm0JF3xmMZtuFqZCqQQXn3koomiksHiZm52SAJRglrwTjY+7wcbHyMnKE5gozW9cJ7E/WCesatUm11tF0tEjzzK4y4nhxtPI28bqwejI5uTxJhEAIfkECQoAAAAsAAAAADYANgAABMsQyEmrvTjrzbv/YCiOZGmeaKoCwjAIqykQNAHH41ATA57vPV9oVrsJQa3XcYlKGmWuJ3InFRFp1Y6uFixtaV3Ql3cahz9X2ymd7ThTb6Z8Tq/b7/i8vGCgGQoacUIFZoAXbEd9OwQGGGZHizWOQJCRBBiIQoo7jZhRSwdmB3oUB4oGo6Sqq6ytMQgJNAkIrAqRCiOCIwiWBLRTRSWxlgkhjyS9NMaUyMlDVMK9xUOfJbyWv3q2i7hLuhWwstlCmavH5syr5erVru44EQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwlBrddxiUoaZa4ncicVEWnVjq4WLG1pXdCXdxqHP1fbKZ3tOFNvpnxOr9vv+LweE1/2L2x+VBlmS4UYh0KJFoFHjXxRcn97lJWWl5iZcgUGNAYFJJMiBWagQ4MlnTsEBiKLIqs1rkAmsTRWqCSqO61WkRkICTQJCBcHZgdHCrEKxqoGyUIItgTFesK2CXvUt3rcBHvYsdp607bWesurzZXBw+giEQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwlBrddxiUoaZa4ncicVEWnVjq4WLG1pXdCXdxqHP1fbKZ3tOFNvpnxOr9vv+LweE1/2L2x+VBlmS4UYh0KJFoFHjXxRcn97lJWWl5gSCAk0CQiWCjs0CpQIojWfJZMdnKcECaqDIK41XkAhtDS2XCGtp7Akjx6mrqnBkSKhoqQXBQY0BgVLm53GFQVm0pTPogaVtN+uldw73pQHZgeWB9wG6pkoEQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwlBrddxiUoaZa4ncicVEWnVjq4WLG1pXdCXdxqHP1fbKZ3tOFNvpnxOr9vvKUSClkDgLQo7NAp/EwiCNX5CcRZ7iAQJi1QXjzVCZpSVBJdAF46IkT5sF4ePiqJRGYGChIWGjn2usrO0tXYFBjQGBbQFZrxQSiK5ggYykyGVJpjJj8udIcQ7xiWjIQdmB2upIwfEBtq2Hoyz1rPM59DlyLTk4u8pEQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwkRCVoCoWm9hBLFjqaAdhDTGrPkNH6SWUKCu/N2wrWSrhb8oGlqYAicHZOINDMHG97eXXodUlNVVldgS4aKi4yNjo8FBjQGBY8XBWs0A5VQXRmSUwadZRhoUJk8pWGnchegO6JCeDYYB6gDB1aeGQegBrmWwcLDxMXGx1yAKbsis4Egzj9sJ7fSmtStQ6Qy283KKMzIjeHE0cbV59nl3cXk4u8oEQA7); -} + .mx-ie-event-shield { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + } -/* Bacause we use checkboxes without labels, align them with other widgets. */ -input[type="checkbox"] { - margin: 9px 0; -} + .mx-swipe-navigation-progress { + position: absolute; + height: 54px; + width: 54px; + top: calc(50% - 27px); + left: calc(50% - 27px); + background: url(resources/swipe-progress.gif); + } -.mx-checkbox input[type="checkbox"] { - margin-left: 0; - margin-right: 8px; - position: static; -} + /* Bacause we use checkboxes without labels, align them with other widgets. */ + input[type="checkbox"] { + margin: 9px 0; + } -.form-vertical .form-group.mx-checkbox input[type="checkbox"] { - display: block; -} + .mx-checkbox input[type="checkbox"] { + margin-left: 0; + margin-right: 8px; + position: static; + } -.form-vertical .form-group.mx-checkbox.label-after input[type="checkbox"] { - display: inline-block; -} + .form-vertical .form-group.mx-checkbox input[type="checkbox"] { + display: block; + } -.form-horizontal .form-group.no-columns { - padding-left: 15px; - padding-right: 15px; -} + .form-vertical .form-group.mx-checkbox.label-after input[type="checkbox"] { + display: inline-block; + } -.mx-radiobuttons.inline .radio { - display: inline-block; - margin-right: 20px; -} + .form-horizontal .form-group.no-columns { + padding-left: 15px; + padding-right: 15px; + } -.mx-radiobuttons .radio input[type="radio"] { - /* Reset bootstrap rules */ - position: static; - margin-right: 8px; - margin-left: 0; -} + .mx-radiobuttons.inline .radio { + display: inline-block; + margin-right: 20px; + } -.mx-radiobuttons .radio label { - /* Reset bootstrap rules */ - padding-left: 0; -} + .mx-radiobuttons .radio input[type="radio"] { + /* Reset bootstrap rules */ + position: static; + margin-right: 8px; + margin-left: 0; + } -.alert { - margin-top: 8px; - margin-bottom: 10px; - white-space: pre-line; -} + .mx-radiobuttons .radio label { + /* Reset bootstrap rules */ + padding-left: 0; + } -//.mx-compound-control { -// display: flex; -//} - -//.mx-compound-control button { -// margin-left: 5px; -//} -// -//[dir="rtl"] .mx-compound-control button { -// margin-left: 0; -// margin-right: 5px; -//} - -.mx-tooltip { - margin: 10px; -} -.mx-tooltip-content { - width: 400px; - overflow-y: auto; -} -.mx-tooltip-prepare { - height: 24px; - padding: 8px; - background: transparent - url(data:image/gif;base64,R0lGODlhGAAYAMQdAKXZ8nfF64TL7QuX3Fe45zaq4hOb3fL6/fr9/rri9dXt+ZrU8Cym4Umy5cHl9uPz+2K86Oj1/Nzw+rDd9M3q+JDQ72rA6iOi3+34/ECu48jo9x2f3gWV2////wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUJFNkU4NEZCNEVDMTFFODk3MDBBNUU1RUM4Qjg3QTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUJFNkU4NTBCNEVDMTFFODk3MDBBNUU1RUM4Qjg3QTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQkU2RTg0REI0RUMxMUU4OTcwMEE1RTVFQzhCODdBNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQkU2RTg0RUI0RUMxMUU4OTcwMEE1RTVFQzhCODdBNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUEAB0ALAAAAAAYABgAAAUcYCeOZGmeaKqubOu+cCzPdG3feK7vfO//wOArBAAh+QQFBAAdACwAAAAAAQABAAAFA2AXAgAh+QQFBAAdACwUAAwAAQACAAAFAyDThAAh+QQFBAAdACwTAAsAAgAGAAAFC2AXdFxndMTQMV0IACH5BAUEAB0ALBEACwAEAAgAAAURYCc2YilyorWdVmcNp8i0XQgAIfkEBQQAHQAsDwAOAAYABgAABQ9gJ3aBMZ4jh44WB4nFcIYAIfkECQQAHQAsDQAPAAgABgAABRFgJ44dRHbBqYopGQwcORhqCAAh+QQJBAAdACwAAAAAGAAYAAAFLWAnjmRpnmiqrmzrvnAsz3Rt33iuk8JgDwQbR2ihBTiNWW8Y4zh9GhlgRy2FAAAh+QQJBAAdACwAAAAAGAAYAAAFM2AnjmRpnmiqrmzrvnAsz3Rt32hzc3tSC7zaYOeocSA0YMZVIQkGwRaQQ6V2ijIAbqsKAQAh+QQJBAAdACwAAAAAGAAYAAAFNmAnjmRpnmiqrmzrvnAsz3Rt32hzc/tUV7yaIWML0jiEVQUFLKwCHEOpYjCyMpyslihb4L6rEAAh+QQJBAAdACwAAAAAGAAYAAAFOmAnjmRpnmiqrmzrvnAsz3Rt32hzcztQV7zapmALmoAsjg7FMB45jFWDsylVNs5VgcPtEmO+Cm6sCgEAIfkECQQAHQAsAAAAABgAGAAABT9gJ45kaZ5oqq5s675wLM90bd8ocXOCze2mxsa1YZx+LQ7g1ECqOJkUg7NIcYyq5rC0gbqmnHCYsYQte7h0KgQAIfkECQQAHQAsAAAAABgAGAAABURgJ45kaZ5oqq5s675wLM90bd8oYQYwJ5Scnin4IpIYF9clWVoYV5zFKfNEcTKpSxXITFG7Iy22xeCYzxcpTPqj4N6oEAAh+QQJBAAdACwAAAAAGAAYAAAFSmAnjmRpnmiqrmzrvnAsz3TNbnbAwYS5v5wAqfJzFUdHVrKzYbgYON+kxamcCgPWoJDaZFODaKrAcZYYHG5rw2m7N1ZYRRi32VchACH5BAkEAB0ALAAAAAAYABgAAAVPYCeOZGmeaKqubOu+cCzP5UbQIod3gr77rhvJAmxxLKUiS9nhTF5MA8PFMJh6Lo7gxBiwBlPUxpsabFYMTpiUXqsEBo58btjCthb7br8KAQAh+QQJBAAdACwAAAAAGAAYAAAFU2AnjmRpnmiqrmzrvjDLXDEpcDVpZPmI950bUPRzQUqQYotzJClZz8lzxZmUDAVXwXCaorydC3dloKEM43MadeFkSwWOeRUwcO54QyAmOAqGgC0hACH5BAUEAB0ALAAAAAAYABgAAAVXYCeOZGmeaKqubLtulnsahmxutU0GnF4ODR+pJxTxiiJCzhX72QaEHdE1HVVZHMAv48oMTMcWJ3DCsQyb1GA5+6o2HG4pw0mzAgMOZ5Dfk20BUX9IhC0hACH5BAkEAB0ALAIAAwAUABMAAAU/YCeK1tCMaJpyhOqOw/bO9GzVc4vv9c2nsl9AZPh1ij6jcrQQnXbPDsQ4HQVpV1RWtU1FR19X9VgUjWm+ZCoEACH5BAkEAB0ALAAAAAAYABgAAAVbYCeOZGmeaKqOFrGixMBxzGsanGubw7afBt+vROAMTbljyahkMZudhnAXKEmHm8Zy+BQtui/OYql7FU/gVPI2TW0MqZ5qM1jhyqMi3DzjbDZ9eDYQDVpjUIg/IQAh+QQJBAAdACwAAAAAGAAYAAAFYGAnjmRpnmiqilWXZcRqEhw3XNcgkwYH7SfOBXgyDIklGtLkW5Y4ThJBFxVljkBB6Yq8ZEpUYJgFJXJapOYOUpa2V5yYySi7GFJC1eVdVJPYdzI0NjgDNXJEBF+IVY1AIQAh+QQJBAAdACwAAAAAGAAYAAAFZWAnjmRpnmiqikJXFMRqNhxnMIVRx/LAWaaArMNhDFED43HGWZ5+zpKgGS0ZqqSCcikcaZ04EuG6NPBG1GMaDRxa1iKaunFKyhiDVFHFgJt8bSRveTI0NgwMOhx0TgQvHS1YklEhACH5BAkEAB0ALAAAAAAYABgAAAVmYCeOZGmeaKqKQcMUzWpmHLd1xVZncjcMAVPgp1pwCirGDTVA9k6ZwRPFmZ4CVWupsdSOXtrgV1tgkLjWTYyUfbZHHLEMO5P2BjxTU1awn44qBW8mC0RChis0NgU5O1YtZmtek5MhACH5BAkEAB0ALAAAAAAYABgAAAVnYCeOZGmeaKqKQXZd2WoWHHd1DVMXcsUNJ4GBs+LwUrQKyiijnQpAWcdw4gSkqAARe3JxT7dvx0KCfb0jNNZM2mLdIytWO4vKBscSc+Vc5p9wVXYkAQOBKDQ2GS47Xy0vHVdik5QiIQAh+QQFBAAdACwAAAAAGAAYAAAFbmAnjmRpnmiqilaxbcVqMhzHdA1tywJnnAIDR6DiZFQZTsooS54YP1nHcCsNpSIlyaLFcgKkQhVr2pBFi9KmcW6YR+IzI0bqSu1ZojdRgmKpJ0wrTiiCKIQoPVElQXgoOgwNOTVjUi1mdGeamyUhACH5BAUEAB0ALAIAAgAUABQAAAVbYCeOkMGdnAGNLIlyw/CubcecWZ2dTHsbNZapJ4Kkgi0T7YSsMY25JmtX4kidJuuVhRpsWTLYdxTWjk+msSgFHVM7zG/cCLwqRz/p0IfT8YJGXWUcNEhVKCo1IQAh+QQFBAAdACwBAAEAFgAWAAAFZ2AnjmPVBWSqngZHcga6jsbr0nN112TFc6aU6zYbpmrEWcfFO4kEyhHU2ak1o9XsErtyBbmqYJJ7Q42xLhm42PliTTst1ypSc6dqJFkuGk5VAkYpOiJXbT9KVxxJhioBLS+NUSZ2KiEAIfkECQQAHQAsAQABABYAFgAABWpgJ46ilV1X1k1kS16cy10u2cS1yDU1M3IEEgHX8dlGwVqyw/vlckRaZ/lMSmPEp64Ts4io2qRJqz2Rn6hzLqWuqb5tKrY970jBSpGU296OmlM5S4AiRlxUQyOGNlkyhC4wMntkJigqLC4hACH5BAkEAB0ALAAAAAAYABgAAAV+YCeOZGmepVVcV9ZN6LlxdE1v8djYfN3EDBuEBLExTjva8FSk/Uq1nChKmnGWuSZuRJV2uhall8uxiDK0MdnVuaTVX85F5ObA4/MO2g6nseNYUk1mU29eXR1WgShaJAuIKJAdSVeMPidBkE00RyiUPZdSVj1bahYZLBmEd3AhACH5BAkEAB0ALAAAAAAYABgAAAWBYCeOZGmepVVcV9FN6LlxdE1v8djYfN3EjJrBZKgxTjtaTOAz1XKiJ2nGEUCjHNyINrx2ipyRRentMDkWUYFcprk6F7aXdhHFw+UOXS2/urdVZWckXGVgU30xNyQLUjk1CyVJgSdnHD8mQYUkAmAcRyiTPU1QVD1aZSosBWl5rh0hACH5BAkEAB0ALAAAAAAYABgAAAWCYCeOZGmepVVcV9FN6LlxdE1v8djYfN3EjNrFdKkxTjvOIDeg/Uq0Za7T5JRm1qnoRqINtZ1itmOhgUc0i6hgPndornD77BWJ3W/Olz0Gw9F9UwBpIhN1YHcjWHQcOF1KWlUmSQMAMVVPJUGHIwBiHEcoST02mTFYPY5nKiwuMHhuIQAh+QQJBAAdACwAAAAAGAAYAAAFemAnjmRpnqWVMUyGvhcnz/L1jg2tz81bzK5SZlY45TiGm0HWK8mSt86SU4pRo6IaSRbEDq8diwy75VhEX/KIK2KM1R0Zo/1Wy9F1MjsL1vf3XjITI1Z2HDZlUEp5IkeKJ1NNJT+AI18cRShHOzSSMJyHcGErLR2DonAhACH5BAkEAB0ALAAAAAAYABgAAAV9YCeOZGmeZdAwTIO+FyfP8vWOBD1c10ATr8IMYoLMCqccxwaTAUu1myjGKVGlo2iWQ8R2jFVRQObdBkQNzqAs8o0YS3YnxhDBmWV6ds32uTpjYWVkW11YYCRXXlpbeE2COIwnVE8lQjKGI2AcSC86PD4zXlQ0klhnLH9yciEAIfkECQQAHQAsAAAAABgAGAAABX1gJ45kaZ5l0BRFg74MJ88y844EfXXZRROvjGxwEgxkmVOOkwzKgCXkTSTklGLEqehoG8m0pK8oIAZ3ZAFRg7Mzd3yjAtPN4xREcnr9LmLT4WNlYGheHAJuglhmXFFzU1UmS00oVVAlVVklRlIvOhk9NGAxNDNdZiodLXp6IQAh+QQJBAAdACwAAAAAGAAYAAAFgGAnjmRpnqXQFFknoGjBzfRcwCNEDx3RZQMaBNaYbVCbWeOk4+B6s9PM9+xESbJjtZO8ja5bAFjA4W1FwZeI0zr/nKIMh+pmx+Fugh3aPsvpZW4dQSRgW4ZZZ10lU1V6eDmNMI9DJkUcWiZJkFIzAxk+QEJVMjU0XmcvGaCCrR0hACH5BAkEAB0ALAAAAAAYABgAAAV6YCeOZGmepdBlGYG+GSfPcvaO1ry5QbfNlhdBVkAVZK6T7NYJLE2yHrPzHMWK087RNqpmqwLOJjv6qUScJHlo5ZBJHG5MSnZy2e8OHj1+m7tub15XZFslUV+BJDmKKE4cQSZDHFgmR2k3OjwEP14wNDRcZCosHWd5byEAIfkECQQAHQAsAAAAABgAGAAABXpgJ45kaZ5l1WVNp6Jnxs30nMFjQBduFxS0AIwwGxZRnAFONOAIS8dlJyqSEaQi4m1ElUYrHB5WBCRxxmaIqMF5jcGtDhvNjU+fY90ILB6XuWdoVFZjWlCBXohmSktNeCREHFcnkZMnOjM8Kj9BUjI1NFtoEA0tbnRjIQAh+QQJBAAdACwAAAAAGAAYAAAFgGAnjmRpniZEdBbqNlwsx407CrGxdlNHGDGBC8IZuAIDjotjsImAwlLROUqWYAGqKMCpjZjaEZDE2YU7SpElfa5wWj72uSwiyMN0Eady7rhHC3daHAtfTWdjI1hhXF5fRlpWJmBOiSlFWSdIHBAuOEw7PT8xWjAzMo5hFitwfX0hACH5BAkEAB0ALAAAAAAYABgAAAV1YCeOZGmepkV0AeoSXCzHqytW8UVO3RXbHY7BZuBYTjgd0HcSAkfFEuw5WnBqIo6S2uOQOC1udhTwijsTsGh6DmLNZ3i5HQzXz/OR9swcsblXJU5UUSVJTz4VKEILKAtFRyg4eyM8PnA2MDMyWFwBBCsAdGIhACH5BAkEAB0ALAAAAAAYABgAAAVzYCeOZGmeZgB1AeoSAyfPA+GScVZWGTfcAc7lduG0ThzdrVPgnAbDpejyIxGc0hHHNhoos51MVYQFk0dBs/YIKZs5q7O6Axel525ORV1xe9ViVm5SWyVQYFRIBVJNKEFRKEVHKDk7PWM3MDM0XGYqcXNqIQAh+QQJBAAdACwAAAAAGAAYAAAFd2AnjmRpnmbQWd2EotDAcYYxD9BLDgNhEjxdgJPRZTiqE8enE3FOg2JTlBmUYtNdbtTLjoCkp3ck7gjKY45gZBizR5a2u2NgOeed8gTt5bhEXWNgO244JVFeVSYLS1MEfGFSKEdNPEwkQFZTMTM1N1tjayx/eFkhACH5BAkEAB0ALAAAAAAYABgAAAVoYCeOZGmeptAFaNtZBmcwTGxY7mgYp7C7Ag7EBeG0jLkVsmQYJjsQHgn21OF0VZJUtMwufVmdSsQIk0eBspnBEm2z7261axhXwSMq3NSsRk9yRyhBTihFdic/KYo5MDI0NmYdKm2SWSEAIfkECQQAHQAsAAAAABgAGAAABWxgJ45kaZ5m1QVouxoc0zQMZ7CuaDAoY7gVTk4gRBVzHc7EZBAgRYIfKcB7iqojqVVHOm6PFeyWoRI1tqOzCIfuqK/tDnnktXoNi7Z21WawdU5PUSd1LYUiQYEoRDk7PXstATAyNDZ/VpdxTyEAIfkECQQAHQAsAAAAABgAGAAABWNgJ45kaZ5m1Qlo2wWb0XRQY2yBO27z2Ww6g64jRBkcQ+LEBEyKmqNAzzl9OklQ4nVUFFWpqtV2BBkJymO0d9ypdq/vrDMr3X618NPbZViaFnt6Cy48KD9JMDI0NjhjKixsWyEAIfkECQQAHQAsAAAAABgAGAAABVhgJ45kaZ7m0glou27F2lnF5pI2auUt3wMon0soIg5LAsutpMQtTb7YkyQVNafWEQtL2sq43yz42qlizcabkLxkd9LBE7yUBsyLarf1PoIpWTVgIiwqglghACH5BAkEAB0ALAAAAAAYABgAAAVZYCeOZGmep9ABaNsxhNqpjOy+tsncxd31KKBPSNr5RsZR7rhMHkVOwpPUIC2frOmpIuJqR97ZVzySfqvIsZM8bWrXIqJLTqKb7MWrSABHwToLYn0+XgpjUyEAIfkECQQAHQAsAAAAABgAGAAABVFgJ45kaZ5nha5jZolJZ2UsSaPAvRJ1x6O/XtDWI5YARZKqlTSKXs1obSJaSq+mmIiK5cquUJGuOcaayjW0LzkstU/vkprZq9CQHWTG2uSbeyEAIfkECQQAHQAsAAAAABgAGAAABUlgJ45kaZ5nha4jpIpOB7EkwdpsQHc62u+/2k44LMqMLeQupuxMRIum9BSFTa+dl2im5GJLuGKYFMytytKxSb3yiiru4rP6ZYUAACH5BAkEAB0ALAAAAAAYABgAAAU5YCeOZGmeJ4CuY1CqKiu6MrvUd62b9N7vtZ8PSCwmRLGiMrVEJZvL37MplFWhpZzNim3xlqpjlxUCACH5BAkEAB0ALAAAAAAYABgAAAU3YCeOZGme6ISu4mK67FjFNJ2sd63H817DPqBvSCyKVEWkcYkS6pxMUS+6k1BX01OWBYXqlNdTCAAh+QQJBAAdACwAAAAAGAAYAAAFLGAnjmRpnmiqotPqvnAsz2JLq/at7/zp9MDgKBcjCo88xUupM6acTtgPaQoBACH5BAUEAB0ALAAAAAAYABgAAAUjYCeOZGmeaKqubOu+cLxScm3feI7Tet/zvqBwyAKWjC8kMQQAOw==) - no-repeat scroll center center; -} -.mx-tooltip-content .table th, -.mx-tooltip-content .table td { - padding: 2px 8px; -} + .alert { + margin-top: 8px; + margin-bottom: 10px; + white-space: pre-line; + } -.mx-tabcontainer-pane { - height: 100%; -} -.mx-tabcontainer-content.loading { - min-height: 48px; - background: url(data:image/gif;base64,R0lGODlhNgA2APMAAP///wAAAHh4eBwcHA4ODtjY2FRUVNzc3MTExEhISIqKigAAAAAAAAAAAAAAAAAAACH5BAkKAAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQAAACwAAAAANgA2AAAEyxDISau9OOvNu/9gKI5kySEJQSSI6UqKKhPKWyLz3NpimqsJnug3E4aIMiPI9wsqPTjiTlkwqAwFTCxXexYGs0H2ggJOLYLBQDCy5gwmwYx9JJrAssHQXsKr9CFuM3AlcjJ0IAd+BAMHLmlrJAduBo5Pl5iZmpucnZ6fcWqImJCjaHOZhiqmFIuAl64ZsZizF6oErEK3uROlm76gwcLDxMXGx8XAj6Iku4+oIrUk0h/U0WEjznHQIsqhkcjB3sncxdbC5+Llyczh7k8RACH5BAkKAAAALAAAAAA2ADYAAATMEMhJq7046827/2AojmRpnmVhEIRRoGcxsOzwwuRKswZO7jvfCEgTinS7nhF0mNEGhwsiwUoglpSDzhC1KIiKkWAwEJgQRNYVJNiZSdR0IuSsldJFUJ0wuOMJIW00byNxRHOBZIQjaGlrWBxfQGGQHlNVj5Wam5ydnp9LY2WboosWgiymQqgEqhN7fZCwGbOyO7EXrK44uhqlpIqgwsPExcbHyMe/KMsivSbPdLcntdJP1NPObifRiaPMwcnCzcrbyNXG6MXdxuTi7z4RACH5BAkKAAAALAAAAAA2ADYAAATOEMhJq7046827/2AojmRpnmiqAsIwCKspEDQBx+NQEwOe7z1faFa7CUGt11FYMNAMBVLSSCroaoPocEcVOXcEg+hKC5LAtTHQhKaJiLRu6LsTv13y0IHMOyw9B18Gfn+FhoeIiYoZCAk0CQiLFgpoChlTRwhtBJEWcDZCjm0JF3xmMZtuFqZCqQQXn3koomiksHiZm52SAJRglrwTjY+7wcbHyMnKE5gozW9cJ7E/WCesatUm11tF0tEjzzK4y4nhxtPI28bqwejI5uTxJhEAIfkECQoAAAAsAAAAADYANgAABMsQyEmrvTjrzbv/YCiOZGmeaKoCwjAIqykQNAHH41ATA57vPV9oVrsJQa3XcYlKGmWuJ3InFRFp1Y6uFixtaV3Ql3cahz9X2ymd7ThTb6Z8Tq/b7/i8vGCgGQoacUIFZoAXbEd9OwQGGGZHizWOQJCRBBiIQoo7jZhRSwdmB3oUB4oGo6Sqq6ytMQgJNAkIrAqRCiOCIwiWBLRTRSWxlgkhjyS9NMaUyMlDVMK9xUOfJbyWv3q2i7hLuhWwstlCmavH5syr5erVru44EQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwlBrddxiUoaZa4ncicVEWnVjq4WLG1pXdCXdxqHP1fbKZ3tOFNvpnxOr9vv+LweE1/2L2x+VBlmS4UYh0KJFoFHjXxRcn97lJWWl5iZcgUGNAYFJJMiBWagQ4MlnTsEBiKLIqs1rkAmsTRWqCSqO61WkRkICTQJCBcHZgdHCrEKxqoGyUIItgTFesK2CXvUt3rcBHvYsdp607bWesurzZXBw+giEQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwlBrddxiUoaZa4ncicVEWnVjq4WLG1pXdCXdxqHP1fbKZ3tOFNvpnxOr9vv+LweE1/2L2x+VBlmS4UYh0KJFoFHjXxRcn97lJWWl5gSCAk0CQiWCjs0CpQIojWfJZMdnKcECaqDIK41XkAhtDS2XCGtp7Akjx6mrqnBkSKhoqQXBQY0BgVLm53GFQVm0pTPogaVtN+uldw73pQHZgeWB9wG6pkoEQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwlBrddxiUoaZa4ncicVEWnVjq4WLG1pXdCXdxqHP1fbKZ3tOFNvpnxOr9vvKUSClkDgLQo7NAp/EwiCNX5CcRZ7iAQJi1QXjzVCZpSVBJdAF46IkT5sF4ePiqJRGYGChIWGjn2usrO0tXYFBjQGBbQFZrxQSiK5ggYykyGVJpjJj8udIcQ7xiWjIQdmB2upIwfEBtq2Hoyz1rPM59DlyLTk4u8pEQAh+QQJCgAAACwAAAAANgA2AAAEzBDISau9OOvNu/9gKI5kaZ5oqgLCMAirKRA0AcfjUBMDnu89X2hWuwkRCVoCoWm9hBLFjqaAdhDTGrPkNH6SWUKCu/N2wrWSrhb8oGlqYAicHZOINDMHG97eXXodUlNVVldgS4aKi4yNjo8FBjQGBY8XBWs0A5VQXRmSUwadZRhoUJk8pWGnchegO6JCeDYYB6gDB1aeGQegBrmWwcLDxMXGx1yAKbsis4Egzj9sJ7fSmtStQ6Qy283KKMzIjeHE0cbV59nl3cXk4u8oEQA7) - no-repeat center center; - background-size: 32px 32px; -} -.mx-tabcontainer-tabs { - margin-bottom: 8px; -} -.mx-tabcontainer-tabs li { - position: relative; -} -.mx-tabcontainer-indicator { - position: absolute; - background: #f2dede; - border-radius: 8px; - color: #b94a48; - top: 0px; - right: -5px; - width: 16px; - height: 16px; - line-height: 16px; - text-align: center; - vertical-align: middle; - font-size: 10px; - font-weight: 600; - z-index: 1; /* indicator should not hide behind other tab */ -} + //.mx-compound-control { + // display: flex; + //} + + //.mx-compound-control button { + // margin-left: 5px; + //} + // + //[dir="rtl"] .mx-compound-control button { + // margin-left: 0; + // margin-right: 5px; + //} + + .mx-tooltip { + margin: 10px; + } + .mx-tooltip-content { + width: 400px; + overflow-y: auto; + } + .mx-tooltip-prepare { + height: 24px; + padding: 8px; + background: transparent url(resources/ttp.gif) no-repeat scroll center center; + } + .mx-tooltip-content .table th, + .mx-tooltip-content .table td { + padding: 2px 8px; + } -/* base structure */ -.mx-grid { - padding: 8px; - overflow: hidden; /* to prevent any margin from escaping grid and foobaring our size calculations */ -} -.mx-grid-controlbar, -.mx-grid-searchbar { - display: flex; - justify-content: space-between; - flex-wrap: wrap; -} -.mx-grid-controlbar .mx-button, -.mx-grid-search-controls .mx-button { - margin-bottom: 8px; -} + .mx-tabcontainer-pane { + height: 100%; + } + .mx-tabcontainer-content.loading { + min-height: 48px; + background: url(resources/tabcontainer-loading.gif) no-repeat center center; + background-size: 32px 32px; + } + .mx-tabcontainer-tabs { + margin-bottom: 8px; + } + .mx-tabcontainer-tabs li { + position: relative; + } + .mx-tabcontainer-indicator { + position: absolute; + background: #f2dede; + border-radius: 8px; + color: #b94a48; + top: 0px; + right: -5px; + width: 16px; + height: 16px; + line-height: 16px; + text-align: center; + vertical-align: middle; + font-size: 10px; + font-weight: 600; + z-index: 1; /* indicator should not hide behind other tab */ + } -.mx-grid-search-controls .mx-button + .mx-button, -.mx-grid-controlbar .mx-button + .mx-button { - margin-left: 0.3em; -} + /* base structure */ + .mx-grid { + padding: 8px; + overflow: hidden; /* to prevent any margin from escaping grid and foobaring our size calculations */ + } + .mx-grid-controlbar, + .mx-grid-searchbar { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + } + .mx-grid-controlbar .mx-button, + .mx-grid-search-controls .mx-button { + margin-bottom: 8px; + } -[dir="rtl"] .mx-grid-search-controls .mx-button + .mx-button, -[dir="rtl"] .mx-grid-controlbar .mx-button + .mx-button { - margin-left: 0; - margin-right: 0.3em; -} + .mx-grid-search-controls .mx-button + .mx-button, + .mx-grid-controlbar .mx-button + .mx-button { + margin-left: 0.3em; + } -.mx-grid-pagingbar, -.mx-grid-search-controls { - display: flex; - white-space: nowrap; - align-items: baseline; - margin-left: auto; -} + [dir="rtl"] .mx-grid-search-controls .mx-button + .mx-button, + [dir="rtl"] .mx-grid-controlbar .mx-button + .mx-button { + margin-left: 0; + margin-right: 0.3em; + } -.mx-grid-toolbar, -.mx-grid-search-inputs { - margin-right: 5px; - flex: 1; -} + .mx-grid-pagingbar, + .mx-grid-search-controls { + display: flex; + white-space: nowrap; + align-items: baseline; + margin-left: auto; + } -[dir="rtl"] .mx-grid-toolbar, -[dir="rtl"] .mx-grid-search-inputs { - margin-left: 5px; - margin-right: 0px; -} -[dir="rtl"] .mx-grid-pagingbar, -[dir="rtl"] .mx-grid-search-controls { - margin-left: 0px; - margin-right: auto; -} + .mx-grid-toolbar, + .mx-grid-search-inputs { + margin-right: 5px; + flex: 1; + } -.mx-grid-paging-status { - padding: 0 8px 5px; -} + [dir="rtl"] .mx-grid-toolbar, + [dir="rtl"] .mx-grid-search-inputs { + margin-left: 5px; + margin-right: 0px; + } + [dir="rtl"] .mx-grid-pagingbar, + [dir="rtl"] .mx-grid-search-controls { + margin-left: 0px; + margin-right: auto; + } -/* search fields */ -.mx-grid-search-item { - display: inline-block; - vertical-align: top; - margin-bottom: 8px; -} -.mx-grid-search-label { - width: 110px; - padding: 0 5px; - text-align: right; - display: inline-block; - vertical-align: top; - overflow: hidden; -} -[dir="rtl"] .mx-grid-search-label { - text-align: left; -} -.mx-grid-search-input { - width: 150px; - padding: 0 5px; - display: inline-block; - vertical-align: top; -} -.mx-grid-search-message { - flex-basis: 100%; -} + .mx-grid-paging-status { + padding: 0 8px 5px; + } -/* widget combinations */ -.mx-dataview .mx-grid { - border: 1px solid #ddd; - border-radius: 3px; -} + /* search fields */ + .mx-grid-search-item { + display: inline-block; + vertical-align: top; + margin-bottom: 8px; + } + .mx-grid-search-label { + width: 110px; + padding: 0 5px; + text-align: right; + display: inline-block; + vertical-align: top; + overflow: hidden; + } + [dir="rtl"] .mx-grid-search-label { + text-align: left; + } + .mx-grid-search-input { + width: 150px; + padding: 0 5px; + display: inline-block; + vertical-align: top; + } + .mx-grid-search-message { + flex-basis: 100%; + } -.mx-calendar { - z-index: 1000; -} + /* widget combinations */ + .mx-dataview .mx-grid { + border: 1px solid #ddd; + border-radius: 3px; + } -.mx-calendar-month-dropdown-options { - position: absolute; -} + .mx-calendar { + z-index: 1000; + } -.mx-calendar, -.mx-calendar-month-dropdown { - user-select: none; -} + .mx-calendar-month-dropdown-options { + position: absolute; + } -.mx-calendar-month-current { - display: inline-block; -} + .mx-calendar, + .mx-calendar-month-dropdown { + user-select: none; + } -.mx-calendar-month-spacer { - position: relative; - height: 0px; - overflow: hidden; - visibility: hidden; -} + .mx-calendar-month-current { + display: inline-block; + } -.mx-calendar, -.mx-calendar-month-dropdown-options { - border: 1px solid lightgrey; - background-color: white; -} + .mx-calendar-month-spacer { + position: relative; + height: 0px; + overflow: hidden; + visibility: hidden; + } -.mx-datagrid tr { - cursor: pointer; -} + .mx-calendar, + .mx-calendar-month-dropdown-options { + border: 1px solid lightgrey; + background-color: white; + } -.mx-datagrid tr.mx-datagrid-row-empty { - cursor: default; -} + .mx-datagrid tr { + cursor: pointer; + } -.mx-datagrid table { - width: 100%; - max-width: 100%; - table-layout: fixed; - margin-bottom: 0; -} + .mx-datagrid tr.mx-datagrid-row-empty { + cursor: default; + } -.mx-datagrid th, -.mx-datagrid td { - padding: 8px; - line-height: 1.42857143; - vertical-align: bottom; - border: 1px solid #ddd; -} + .mx-datagrid table { + width: 100%; + max-width: 100%; + table-layout: fixed; + margin-bottom: 0; + } -/* head */ -.mx-datagrid th { - position: relative; /* Required for the positioning of the column resizers */ - border-bottom-width: 2px; -} -.mx-datagrid-head-caption { - overflow: hidden; - white-space: nowrap; -} -.mx-datagrid-sort-icon { - float: right; - padding-left: 5px; -} -[dir="rtl"] .mx-datagrid-sort-icon { - float: left; - padding: 0 5px 0 0; -} -.mx-datagrid-column-resizer { - position: absolute; - top: 0; - left: -6px; - width: 10px; - height: 100%; - cursor: col-resize; -} -[dir="rtl"] .mx-datagrid-column-resizer { - left: auto; - right: -6px; -} + .mx-datagrid th, + .mx-datagrid td { + padding: 8px; + line-height: 1.42857143; + vertical-align: bottom; + border: 1px solid #ddd; + } -/* body */ -.mx-datagrid tbody tr:first-child td { - border-top: none; -} -//.mx-datagrid tbody tr:nth-child(2n+1) td { -// background-color: #f9f9f9; -//} -.mx-datagrid tbody .selected td { - background-color: #eee; -} -.mx-datagrid-data-wrapper { - overflow: hidden; - white-space: nowrap; -} -.mx-datagrid tbody img { - max-width: 16px; - max-height: 16px; -} -.mx-datagrid input, -.mx-datagrid select, -.mx-datagrid textarea { - cursor: auto; -} + /* head */ + .mx-datagrid th { + position: relative; /* Required for the positioning of the column resizers */ + border-bottom-width: 2px; + } + .mx-datagrid-head-caption { + overflow: hidden; + white-space: nowrap; + } + .mx-datagrid-sort-icon { + float: right; + padding-left: 5px; + } + [dir="rtl"] .mx-datagrid-sort-icon { + float: left; + padding: 0 5px 0 0; + } + .mx-datagrid-column-resizer { + position: absolute; + top: 0; + left: -6px; + width: 10px; + height: 100%; + cursor: col-resize; + } + [dir="rtl"] .mx-datagrid-column-resizer { + left: auto; + right: -6px; + } -/* foot */ -.mx-datagrid tfoot th, -.mx-datagrid tfoot td { - padding: 3px 8px; -} -.mx-datagrid tfoot th { - border-top: 1px solid #ddd; -} -.mx-datagrid.mx-content-loading .mx-content-loader { - display: inline-block; - width: 90%; - animation: placeholderGradient 1s linear infinite; - border-radius: 4px; - background: #f5f5f5; - background: repeating-linear-gradient(to right, #f5f5f5 0%, #f5f5f5 5%, #f9f9f9 50%, #f5f5f5 95%, #f5f5f5 100%); - background-size: 200px 100px; - animation-fill-mode: both; -} -@keyframes placeholderGradient { - 0% { - background-position: 100px 0; + /* body */ + .mx-datagrid tbody tr:first-child td { + border-top: none; } - 100% { - background-position: -100px 0; + //.mx-datagrid tbody tr:nth-child(2n+1) td { + // background-color: #f9f9f9; + //} + .mx-datagrid tbody .selected td { + background-color: #eee; + } + .mx-datagrid-data-wrapper { + overflow: hidden; + white-space: nowrap; + } + .mx-datagrid tbody img { + max-width: 16px; + max-height: 16px; + } + .mx-datagrid input, + .mx-datagrid select, + .mx-datagrid textarea { + cursor: auto; } -} -.mx-datagrid-table-resizing th, -.mx-datagrid-table-resizing td { - cursor: col-resize !important; -} + /* foot */ + .mx-datagrid tfoot th, + .mx-datagrid tfoot td { + padding: 3px 8px; + } + .mx-datagrid tfoot th { + border-top: 1px solid #ddd; + } + .mx-datagrid.mx-content-loading .mx-content-loader { + display: inline-block; + width: 90%; + animation: placeholderGradient 1s linear infinite; + border-radius: 4px; + background: #f5f5f5; + background: repeating-linear-gradient(to right, #f5f5f5 0%, #f5f5f5 5%, #f9f9f9 50%, #f5f5f5 95%, #f5f5f5 100%); + background-size: 200px 100px; + animation-fill-mode: both; + } + @keyframes placeholderGradient { + 0% { + background-position: 100px 0; + } + 100% { + background-position: -100px 0; + } + } -.mx-templategrid-content-wrapper { - display: table; - width: 100%; - border-collapse: collapse; - box-sizing: border-box; -} -.mx-templategrid-row { - display: table-row; -} -.mx-templategrid-item { - padding: 5px; - display: table-cell; - border: 1px solid #ddd; - cursor: pointer; - box-sizing: border-box; -} -.mx-templategrid-empty { - display: table-cell; -} -.mx-templategrid-item.selected { - background-color: #f5f5f5; -} -.mx-templategrid-item .mx-table th, -.mx-templategrid-item .mx-table td { - padding: 2px 8px; -} + .mx-datagrid-table-resizing th, + .mx-datagrid-table-resizing td { + cursor: col-resize !important; + } -.mx-scrollcontainer-horizontal { - width: 100%; - display: table; - table-layout: fixed; -} -.mx-scrollcontainer-horizontal > div { - display: table-cell; - vertical-align: top; -} -//.mx-scrollcontainer-wrapper { -// padding: 10px; -//} -.mx-scrollcontainer-nested { - padding: 0; -} -.mx-scrollcontainer-fixed > .mx-scrollcontainer-middle > .mx-scrollcontainer-wrapper, -.mx-scrollcontainer-fixed > .mx-scrollcontainer-left > .mx-scrollcontainer-wrapper, -.mx-scrollcontainer-fixed > .mx-scrollcontainer-center > .mx-scrollcontainer-wrapper, -.mx-scrollcontainer-fixed > .mx-scrollcontainer-right > .mx-scrollcontainer-wrapper { - overflow: auto; -} + .mx-templategrid-content-wrapper { + display: table; + width: 100%; + border-collapse: collapse; + box-sizing: border-box; + } + .mx-templategrid-row { + display: table-row; + } + .mx-templategrid-item { + padding: 5px; + display: table-cell; + border: 1px solid #ddd; + cursor: pointer; + box-sizing: border-box; + } + .mx-templategrid-empty { + display: table-cell; + } + .mx-templategrid-item.selected { + background-color: #f5f5f5; + } + .mx-templategrid-item .mx-table th, + .mx-templategrid-item .mx-table td { + padding: 2px 8px; + } -.mx-scrollcontainer-move-in { - transition: left 250ms ease-out; -} -.mx-scrollcontainer-move-out { - transition: left 250ms ease-in; -} -.mx-scrollcontainer-shrink .mx-scrollcontainer-toggleable { - transition-property: width; -} + .mx-navbar-item img, + .mx-navbar-subitem img { + height: 16px; + } -.mx-scrollcontainer-toggleable { - background-color: #fff; -} -//.mx-scrollcontainer-slide > .mx-scrollcontainer-toggleable > .mx-scrollcontainer-wrapper { -// position: relative; -// z-index: 1; -// background-color: inherit; -//} -.mx-scrollcontainer-push { - position: relative; -} -.mx-scrollcontainer-shrink > .mx-scrollcontainer-toggleable { - overflow: hidden; -} -.mx-scrollcontainer-push.mx-scrollcontainer-open > div, -.mx-scrollcontainer-slide.mx-scrollcontainer-open > div { - pointer-events: none; -} -.mx-scrollcontainer-push.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable, -.mx-scrollcontainer-slide.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable { - pointer-events: auto; -} + .mx-navigationtree .navbar-inner { + padding-left: 0; + padding-right: 0; + } + .mx-navigationtree ul { + list-style: none; + } + //.mx-navigationtree ul li { + // border-bottom: 1px solid #dfe6ea; + //} + //.mx-navigationtree li:last-child { + // border-style: none; + //} + .mx-navigationtree a { + display: block; + padding: 5px 10px; + color: #777; + text-shadow: 0 1px 0 #fff; + text-decoration: none; + } + .mx-navigationtree a.active { + color: #fff; + text-shadow: none; + background: #3498db; + border-radius: 3px; + } + .mx-navigationtree .mx-navigationtree-collapsed ul { + display: none; + } + .mx-navigationtree ul { + margin: 0; + padding: 0; + } + //.mx-navigationtree ul li { + // padding: 5px 0; + //} + .mx-navigationtree ul li ul { + padding: 0; + margin-left: 10px; + } + .mx-navigationtree ul li ul li { + margin-left: 8px; + padding: 5px 0; + } + [dir="rtl"] .mx-navigationtree ul li ul li { + margin-left: auto; + margin-right: 8px; + } + .mx-navigationtree ul li ul li ul li { + font-size: 10px; + padding-top: 3px; + padding-bottom: 3px; + } + .mx-navigationtree ul li ul li ul li img { + vertical-align: top; + } -.mx-navbar-item img, -.mx-navbar-subitem img { - height: 16px; -} + .mx-link img, + .mx-button img { + height: 16px; + } + .mx-link { + padding: 6px 12px; + display: inline-block; + cursor: pointer; + } -.mx-navigationtree .navbar-inner { - padding-left: 0; - padding-right: 0; -} -.mx-navigationtree ul { - list-style: none; -} -//.mx-navigationtree ul li { -// border-bottom: 1px solid #dfe6ea; -//} -//.mx-navigationtree li:last-child { -// border-style: none; -//} -.mx-navigationtree a { - display: block; - padding: 5px 10px; - color: #777; - text-shadow: 0 1px 0 #fff; - text-decoration: none; -} -.mx-navigationtree a.active { - color: #fff; - text-shadow: none; - background: #3498db; - border-radius: 3px; -} -.mx-navigationtree .mx-navigationtree-collapsed ul { - display: none; -} -.mx-navigationtree ul { - margin: 0; - padding: 0; -} -//.mx-navigationtree ul li { -// padding: 5px 0; -//} -.mx-navigationtree ul li ul { - padding: 0; - margin-left: 10px; -} -.mx-navigationtree ul li ul li { - margin-left: 8px; - padding: 5px 0; -} -[dir="rtl"] .mx-navigationtree ul li ul li { - margin-left: auto; - margin-right: 8px; -} -.mx-navigationtree ul li ul li ul li { - font-size: 10px; - padding-top: 3px; - padding-bottom: 3px; -} -.mx-navigationtree ul li ul li ul li img { - vertical-align: top; -} - -.mx-link img, -.mx-button img { - height: 16px; -} -.mx-link { - padding: 6px 12px; - display: inline-block; -} - -.mx-groupbox { - margin-bottom: 10px; -} -.mx-groupbox-header { - margin: 0; - padding: 10px 15px; - color: #eee; - background: #333; - font-size: inherit; - line-height: inherit; - border-radius: 4px 4px 0 0; -} -.mx-groupbox-collapsible > .mx-groupbox-header { - cursor: pointer; -} -.mx-groupbox.collapsed > .mx-groupbox-header { - border-radius: 4px; -} -.mx-groupbox-body { - padding: 8px; - border: 1px solid #ddd; - border-radius: 4px; -} -.mx-groupbox.collapsed > .mx-groupbox-body { - display: none; -} -.mx-groupbox-header + .mx-groupbox-body { - border-top: none; - border-radius: 0 0 4px 4px; -} -.mx-groupbox-collapse-icon { - float: right; -} -[dir="rtl"] .mx-groupbox-collapse-icon { - float: left; -} + .mx-groupbox { + margin-bottom: 10px; + } + .mx-groupbox-header { + margin: 0; + padding: 10px 15px; + color: #eee; + background: #333; + font-size: inherit; + line-height: inherit; + border-radius: 4px 4px 0 0; + } + .mx-groupbox-collapsible > .mx-groupbox-header { + cursor: pointer; + } + .mx-groupbox.collapsed > .mx-groupbox-header { + border-radius: 4px; + } + .mx-groupbox-body { + padding: 8px; + border: 1px solid #ddd; + border-radius: 4px; + } + .mx-groupbox.collapsed > .mx-groupbox-body { + display: none; + } + .mx-groupbox-header + .mx-groupbox-body { + border-top: none; + border-radius: 0 0 4px 4px; + } + .mx-groupbox-collapse-icon { + float: right; + } + [dir="rtl"] .mx-groupbox-collapse-icon { + float: left; + } -.mx-dataview { - position: relative; -} -.mx-dataview-controls { - padding: 19px 20px 12px; - background-color: #f5f5f5; - border-top: 1px solid #eee; -} + .mx-dataview { + position: relative; + } + .mx-dataview-controls { + padding: 19px 20px 12px; + background-color: #f5f5f5; + border-top: 1px solid #eee; + } -.mx-dataview-controls .mx-button { - margin-bottom: 8px; -} + .mx-dataview-controls .mx-button { + margin-bottom: 8px; + } -.mx-dataview-controls .mx-button + .mx-button { - margin-left: 0.3em; -} + .mx-dataview-controls .mx-button + .mx-button { + margin-left: 0.3em; + } -.mx-dataview-message { - background: #fff; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; -} -.mx-dataview-message > div { - display: table; - width: 100%; - height: 100%; -} -.mx-dataview-message > div > p { - display: table-cell; - text-align: center; - vertical-align: middle; -} + .mx-dataview-message { + background: #fff; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + .mx-dataview-message > div { + display: table; + width: 100%; + height: 100%; + } + .mx-dataview-message > div > p { + display: table-cell; + text-align: center; + vertical-align: middle; + } -/* Top-level data view in window is a special case, handle it as such. */ -.mx-window-view .mx-window-body { - padding: 0; -} -.mx-window-view .mx-window-body > .mx-dataview > .mx-dataview-content, -.mx-window-view .mx-window-body > .mx-placeholder > .mx-dataview > .mx-dataview-content { - padding: 15px; -} -.mx-window-view .mx-window-body > .mx-dataview > .mx-dataview-controls, -.mx-window-view .mx-window-body > .mx-placeholder > .mx-dataview > .mx-dataview-controls { - border-radius: 0px 0px 6px 6px; -} + /* Top-level data view in window is a special case, handle it as such. */ + .mx-window-view .mx-window-body { + padding: 0; + } + .mx-window-view .mx-window-body > .mx-dataview > .mx-dataview-content, + .mx-window-view .mx-window-body > .mx-placeholder > .mx-dataview > .mx-dataview-content { + padding: 15px; + } + .mx-window-view .mx-window-body > .mx-dataview > .mx-dataview-controls, + .mx-window-view .mx-window-body > .mx-placeholder > .mx-dataview > .mx-dataview-controls { + border-radius: 0px 0px 6px 6px; + } -.mx-dialog { - position: fixed; - left: auto; - right: auto; - padding: 0; - width: 500px; - /* If the margin is set to auto, IE9 reports the calculated value of the + .mx-dialog { + position: fixed; + left: auto; + right: auto; + padding: 0; + width: 500px; + /* If the margin is set to auto, IE9 reports the calculated value of the * margin as the actual value. Other browsers will just report 0. Eliminate * this difference by setting margin to 0 for every browser. */ - margin: 0; -} -.mx-dialog-header { - cursor: move; -} -.mx-dialog-body { - overflow: auto; -} + margin: 0; + } + .mx-dialog-header { + cursor: move; + } + .mx-dialog-body { + overflow: auto; + } -.mx-window { - position: fixed; - left: auto; - right: auto; - padding: 0; - width: 600px; - /* If the margin is set to auto, IE9 reports the calculated value of the + .mx-window { + position: fixed; + left: auto; + right: auto; + padding: 0; + width: 600px; + /* If the margin is set to auto, IE9 reports the calculated value of the * margin as the actual value. Other browsers will just report 0. Eliminate * this difference by setting margin to 0 for every browser. */ - margin: 0; -} -.mx-window-content { - height: 100%; - overflow: hidden; -} -.mx-window-active .mx-window-header { - background-color: #f5f5f5; - border-radius: 6px 6px 0 0; -} -.mx-window-header { - cursor: move; -} -.mx-window-body { - overflow: auto; -} + margin: 0; + } + .mx-window-content { + height: 100%; + overflow: hidden; + } + .mx-window-active .mx-window-header { + background-color: #f5f5f5; + border-radius: 6px 6px 0 0; + } + .mx-window-header { + cursor: move; + } + .mx-window-body { + overflow: auto; + } -.mx-dropdown-list * { - cursor: pointer; -} -.mx-dropdown-list img { - width: 35px; - vertical-align: middle; - margin-right: 10px; -} -[dir="rtl"] .mx-dropdown-list img { - margin-left: 10px; - margin-right: auto; -} + .mx-dropdown-list * { + cursor: pointer; + } + .mx-dropdown-list img { + width: 35px; + vertical-align: middle; + margin-right: 10px; + } + [dir="rtl"] .mx-dropdown-list img { + margin-left: 10px; + margin-right: auto; + } -.mx-dropdown-list { - padding: 0; - list-style: none; -} -.mx-dropdown-list > li { - padding: 5px 10px 10px; - border: 1px #ddd; - border-style: solid solid none; - background-color: #fff; -} -.mx-dropdown-list > li:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.mx-dropdown-list > li:last-child { - border-bottom-style: solid; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.mx-dropdown-list-striped > li:nth-child(2n + 1) { - background: #f9f9f9; -} -.mx-dropdown-list > li:hover { - background: #f5f5f5; -} + .mx-dropdown-list { + padding: 0; + list-style: none; + } + .mx-dropdown-list > li { + padding: 5px 10px 10px; + border: 1px #ddd; + border-style: solid solid none; + background-color: #fff; + } + .mx-dropdown-list > li:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .mx-dropdown-list > li:last-child { + border-bottom-style: solid; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .mx-dropdown-list-striped > li:nth-child(2n + 1) { + background: #f9f9f9; + } + .mx-dropdown-list > li:hover { + background: #f5f5f5; + } -.mx-header { - position: relative; - padding: 9px; - background: #333; - text-align: center; -} -.mx-header-center { - display: inline-block; - color: #eee; - line-height: 30px; /* height of buttons */ -} -body[dir="ltr"] .mx-header-left, -body[dir="rtl"] .mx-header-right { - position: absolute; - top: 9px; - left: 9px; -} -body[dir="ltr"] .mx-header-right, -body[dir="rtl"] .mx-header-left { - position: absolute; - top: 9px; - right: 9px; -} + .mx-header { + position: relative; + padding: 9px; + background: #333; + text-align: center; + } + .mx-header-center { + display: inline-block; + color: #eee; + line-height: 30px; /* height of buttons */ + } + body[dir="ltr"] .mx-header-left, + body[dir="rtl"] .mx-header-right { + position: absolute; + top: 9px; + left: 9px; + } + body[dir="ltr"] .mx-header-right, + body[dir="rtl"] .mx-header-left { + position: absolute; + top: 9px; + right: 9px; + } -.mx-title { - margin-bottom: 0px; - margin-top: 0px; -} + .mx-title { + margin-bottom: 0px; + margin-top: 0px; + } -.mx-listview { - padding: 8px; -} -.mx-listview > ul { - padding: 0px; - list-style: none; -} -// .mx-listview > ul > li { -// padding: 5px 10px 10px; -// border: 1px #ddd; -// border-style: solid solid none; -// background-color: #fff; -// outline: none; -// } -// .mx-listview > ul > li:first-child { -// border-top-left-radius: 4px; -// border-top-right-radius: 4px; -// } -// .mx-listview > ul > li:last-child { -// border-bottom-style: solid; -// border-bottom-left-radius: 4px; -// border-bottom-right-radius: 4px; -// } -//.mx-listview li:nth-child(2n+1) { -// background: #f9f9f9; -//} -//.mx-listview li:nth-child(2n+1):hover { -// background: #f5f5f5; -//} -.mx-listview > ul > li.selected { - // background: #eee; -} -.mx-listview-clickable > ul > li { - cursor: pointer; -} -.mx-listview-empty { - color: #999; - text-align: center; -} -.mx-listview .mx-listview-loading { - padding: 10px; - line-height: 0; - text-align: center; -} -.mx-listview-searchbar { - display: flex; - margin-bottom: 10px; -} -.mx-listview-searchbar > input { - width: 100%; -} -.mx-listview-searchbar > button { - margin-left: 5px; -} -[dir="rtl"] .mx-listview-searchbar > button { - margin-left: 0; - margin-right: 5px; -} -.mx-listview-selection { - display: table-cell; - vertical-align: middle; - padding: 0 15px 0 5px; -} -[dir="rtl"] .mx-listview-selection { - padding: 0 5px 0 15px; -} -.mx-listview-selectable .mx-listview-content { - display: table-cell; - vertical-align: middle; - width: 100%; -} -.mx-listview .selected { - background: #def; -} -.mx-listview .mx-table th, -.mx-listview .mx-table td { - padding: 2px; -} + .mx-listview { + padding: 8px; + } + .mx-listview > ul { + padding: 0px; + list-style: none; + } + // .mx-listview > ul > li { + // padding: 5px 10px 10px; + // border: 1px #ddd; + // border-style: solid solid none; + // background-color: #fff; + // outline: none; + // } + // .mx-listview > ul > li:first-child { + // border-top-left-radius: 4px; + // border-top-right-radius: 4px; + // } + // .mx-listview > ul > li:last-child { + // border-bottom-style: solid; + // border-bottom-left-radius: 4px; + // border-bottom-right-radius: 4px; + // } + //.mx-listview li:nth-child(2n+1) { + // background: #f9f9f9; + //} + //.mx-listview li:nth-child(2n+1):hover { + // background: #f5f5f5; + //} + .mx-listview > ul > li.selected { + // background: #eee; + } + .mx-listview-clickable > ul > li { + cursor: pointer; + } + .mx-listview-empty { + color: #999; + text-align: center; + } + .mx-listview .mx-listview-loading { + padding: 10px; + line-height: 0; + text-align: center; + } + .mx-listview-searchbar { + display: flex; + margin-bottom: 10px; + } + .mx-listview-searchbar > input { + width: 100%; + } + .mx-listview-searchbar > button { + margin-left: 5px; + } + [dir="rtl"] .mx-listview-searchbar > button { + margin-left: 0; + margin-right: 5px; + } + .mx-listview-selection { + display: table-cell; + vertical-align: middle; + padding: 0 15px 0 5px; + } + [dir="rtl"] .mx-listview-selection { + padding: 0 5px 0 15px; + } + .mx-listview-selectable .mx-listview-content { + display: table-cell; + vertical-align: middle; + width: 100%; + } + .mx-listview .selected { + background: #def; + } + .mx-listview .mx-table th, + .mx-listview .mx-table td { + padding: 2px; + } -.mx-login .form-control { - margin-top: 10px; -} + .mx-login .form-control { + margin-top: 10px; + } -.mx-menubar { - padding: 8px; -} -.mx-menubar-icon { - height: 16px; -} -.mx-menubar-more-icon { - display: inline-block; - width: 16px; - height: 16px; - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKNJREFUeNpi/P//P8NgAUwMgwiMOmbUMaOOGXXMqGNGHTPYHMOCTfDs2bMeQKoOiI1BXCBuMjY23kFrdYzoTQigRm8gtQWLG0OBBqyhlTpc0dSOIxTraKwOq2PUcWhWp7E6rI65iUPzTRqrw+qYGhyam2isDtMxwES1CUgFAfFxqBCIDkJPbNRWhzU3jRZ6o44ZdcyoY0YdM+qYUccMUscABBgAUXpEjE/Bs/IAAAAASUVORK5CYII=) - no-repeat center center; - background-size: 16px 16px; - vertical-align: middle; -} + .mx-menubar { + padding: 8px; + } + .mx-menubar-icon { + height: 16px; + } + .mx-menubar-more-icon { + display: inline-block; + width: 16px; + height: 16px; + background: url(resources/menubar-more-icon.png) no-repeat center center; + background-size: 16px 16px; + vertical-align: middle; + } -.mx-navigationlist { - padding: 8px; -} -.mx-navigationlist li:hover, -.mx-navigationlist li:focus, -.mx-navigationlist li.active { - color: #fff; - background-color: #3498db; -} -.mx-navigationlist * { - cursor: pointer; -} -.mx-navigationlist .table th, -.mx-navigationlist .table td { - padding: 2px; -} + .mx-navigationlist { + padding: 8px; + } + .mx-navigationlist li:hover, + .mx-navigationlist li:focus, + .mx-navigationlist li.active { + color: #fff; + background-color: #3498db; + } + .mx-navigationlist * { + cursor: pointer; + } + .mx-navigationlist .table th, + .mx-navigationlist .table td { + padding: 2px; + } -.mx-progress { - position: fixed; - top: 30%; - left: 0; - right: 0; - margin: auto; - width: 250px; - max-width: 90%; - background: #333; - opacity: 0.8; - z-index: 5000; - border-radius: 4px; - padding: 20px 15px; - transition: opacity 0.4s ease-in-out; -} -.mx-progress-hidden { - opacity: 0; -} -.mx-progress-message { - color: #fff; - text-align: center; - margin-bottom: 15px; -} -.mx-progress-empty .mx-progress-message { - display: none; -} -.mx-progress-indicator { - width: 70px; - height: 10px; - margin: auto; - background: url(data:image/gif;base64,R0lGODlhRgAKAMQAADo6OoGBgVpaWnBwcI6OjqysrFJSUmRkZD8/P0xMTM7Ozqenp1hYWF1dXUhISHJycoeHh0tLS1dXV6ioqM/Pz2VlZT09PTc3N0BAQIWFhdbW1lxcXK2trUFBQTMzMwAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQEDAAAACwAAAAARgAKAAAFk6DnXRaGWZeorqSJrnB7prAqv7V40x7Q/UBAzgf8CWvE4hGWDA6LxhEUyNNNf1XpNXu5drhektcCs4zL55X5SlaPMV4MDH6Vr+hTuwoP1Yv4RSZxc4N3hXuHf3FrU20qjFCOIpBFkh6UQJaYPyhhMZ4soDaiVls9U0srTVFIqE9QqSqrHUs7OTolM7cjuTg5trfAIQAh+QQEDAAAACwAAAAACgAKAAAFJKDnHYWiFIfoQVrrQqMra+TslnZr5trJo7wUawYTVQoUCkoUAgAh+QQEDAAAACwAAAAAGQAKAAAFWaDnMcSyEJKorkehKMWhPlxtP6sKaXwPeRKbkMPIHXpIzYEwtBFyhWSvsGjWFjmFlKeoWrEr7VbBtD5X0W2BYSUat0oPbYjLeXbJn4g0mRCKdiIVBRQUMSIhACH5BAQMAAAALAAAAAAoAAoAAAWKoOclQxAMkaiuDLEshLTOR6EoxaE2We83M9GDQyw+gh6IZsmEeCK+aCYxkxSvHAaNydUcBlLfYEbAFgmzQpdZCIR7gdnCTFzMFOulwv2Or+Z0dit4eQpgb2MrZXRoK2p5BQlvUzMMdFlbeTo8UkBBQ1hHQUpdTiIkJgNUSB4tExMEWqwVBRQUOSIhACH5BAQMAAAALAAAAAA3AAoAAAW8oOchhiAYiKiuyRAEQ7TODLEshDSvR6EohYPKsSkaHTtPI8NsNpIPjnT6SEI02CxkZOxuUqtIc5xJzCTTNIcxO2TfmoPBazTMBuTmYEZQTwkzBXBZBQJ0RQIzAXlMATMLflILMwqDWAqGh4kri4yOK5CRkyuVlgpzh3YreIx7K32RgCuClgUIh18zCYxlNJFrbZZxHkReSDtLZE87UWpVO1dwWyIYJSdgSS0vA2ZJHjUTEwRs3hUFFBRBIiEAIfkEBAwAAAAsAAAAAEYACgAABfCg510WhlmXqK6IIQgGss7JEARDNK8MsSwEyU51KCgUhYMK0Gk6AUPHZkp1DBuZrLYxfHC+4McQoimbISOnupNiUd8b2SqirWcSMwl4z2HMDmaBGgcWa04WMwZwVAYzA3ZaAzMEfGAEMwWCZgUYhk0YMwKLUwIzAZBZATMLlV8LMwqaZQqdnqAroqOlK6eoqiusra8rsbIKhZ6IK4qjjSuPqJIrlK2XK5myBReebDMIo3E0qHczDK19f7KDHkxrUDtScFY7WHZcO158YjtkgmgiJEygGCICgwsYcobUuDEAD8EeEyYQ8EOwQgEKFJKICAEAIfkEBAwAAAAsDwAAADcACgAABbqg510WhlmXqK6IIQgGss7JEARDNK8MsSwEiQrQKRoBO49jw2w6ko2MdNpIPjjY7GNk7HZSrKZ4I1tFpuhMYibJujkMi9domRnGTcNskJ4OZgRvWQQYc0UYMwJ4TAIzAX1SATMLglgLhYaIK4qLjSuPkJIrlJULcoZ1K3eLeit8kH8rgZUEF4ZfMwiLZDSQajMMlXAeRF5IO0tjTztRaVU7V29bIiQmKEkiGC4wZUk1NwNr2D0TEwQMIiEAIfkEBAwAAAAsHgAAACgACgAABYeg510WhlmXqK6IIQgGss7JEARDpAJd7wMzkWNDLDqCnkZmyWyMfNBOilWsbmSrCHObSViiPsvMYC0aZgMuc4AB9zAzQZkomAXUy0DbDV/J53Urd3gBX25iK2RzZytpeAMXblIzCHNXNHhdHjxRQEFDVkdBSlxOIiQmKEgiGC4wWEg1NwMJIiEAIfkEBAwAAAAsLQAAABkACgAABVWg510WhlmXqK6IIQgGogJdbQOr6mx874y2YCfF6hk3CIvQZskZjj0DZlnD5ARQnmBKta6wWYGS2lw9s4YLdZhDZJEemhCX8+yOPxHJhKqrMC4wMh4hACH5BAQMAAAALDwAAAAKAAoAAAUioOddFoZZl+gBXesCoyt35OyWdmvm3cmjvBRrBhORTChRCAA7); -} + .mx-progress { + position: fixed; + top: 30%; + left: 0; + right: 0; + margin: auto; + width: 250px; + max-width: 90%; + background: #333; + opacity: 0.8; + z-index: 5000; + border-radius: 4px; + padding: 20px 15px; + transition: opacity 0.4s ease-in-out; + } + .mx-progress-hidden { + opacity: 0; + } + .mx-progress-message { + color: #fff; + text-align: center; + margin-bottom: 15px; + } + .mx-progress-empty .mx-progress-message { + display: none; + } + .mx-progress-indicator { + width: 70px; + height: 10px; + margin: auto; + background: url(resources/progress-indicator.gif); + } -.mx-reload-notification { - position: fixed; - z-index: 1001; - top: 0; - width: 100%; - padding: 1rem; + .mx-reload-notification { + position: fixed; + z-index: 1001; + top: 0; + width: 100%; + padding: 1rem; - border: 1px solid hsl(200, 96%, 41%); - background-color: hsl(200, 96%, 44%); + border: 1px solid hsl(200, 96%, 41%); + background-color: hsl(200, 96%, 44%); - box-shadow: 0 5px 20px rgba(1, 37, 55, 0.16); - color: white; + box-shadow: 0 5px 20px rgba(1, 37, 55, 0.16); + color: white; - text-align: center; - font-size: 14px; -} + text-align: center; + font-size: 14px; + } -.mx-resizer-n, -.mx-resizer-s { - position: absolute; - left: 0; - width: 100%; - height: 10px; -} -.mx-resizer-n { - top: -5px; - cursor: n-resize; -} -.mx-resizer-s { - bottom: -5px; - cursor: s-resize; -} + .mx-resizer-n, + .mx-resizer-s { + position: absolute; + left: 0; + width: 100%; + height: 10px; + } + .mx-resizer-n { + top: -5px; + cursor: n-resize; + } + .mx-resizer-s { + bottom: -5px; + cursor: s-resize; + } -.mx-resizer-e, -.mx-resizer-w { - position: absolute; - top: 0; - width: 10px; - height: 100%; -} -.mx-resizer-e { - right: -5px; - cursor: e-resize; -} -.mx-resizer-w { - left: -5px; - cursor: w-resize; -} + .mx-resizer-e, + .mx-resizer-w { + position: absolute; + top: 0; + width: 10px; + height: 100%; + } + .mx-resizer-e { + right: -5px; + cursor: e-resize; + } + .mx-resizer-w { + left: -5px; + cursor: w-resize; + } -.mx-resizer-nw, -.mx-resizer-ne, -.mx-resizer-sw, -.mx-resizer-se { - position: absolute; - width: 20px; - height: 20px; -} + .mx-resizer-nw, + .mx-resizer-ne, + .mx-resizer-sw, + .mx-resizer-se { + position: absolute; + width: 20px; + height: 20px; + } -.mx-resizer-nw, -.mx-resizer-ne { - top: -5px; -} -.mx-resizer-sw, -.mx-resizer-se { - bottom: -5px; -} -.mx-resizer-nw, -.mx-resizer-sw { - left: -5px; -} -.mx-resizer-ne, -.mx-resizer-se { - right: -5px; -} + .mx-resizer-nw, + .mx-resizer-ne { + top: -5px; + } + .mx-resizer-sw, + .mx-resizer-se { + bottom: -5px; + } + .mx-resizer-nw, + .mx-resizer-sw { + left: -5px; + } + .mx-resizer-ne, + .mx-resizer-se { + right: -5px; + } -.mx-resizer-nw { - cursor: nw-resize; -} -.mx-resizer-ne { - cursor: ne-resize; -} -.mx-resizer-sw { - cursor: sw-resize; -} -.mx-resizer-se { - cursor: se-resize; -} + .mx-resizer-nw { + cursor: nw-resize; + } + .mx-resizer-ne { + cursor: ne-resize; + } + .mx-resizer-sw { + cursor: sw-resize; + } + .mx-resizer-se { + cursor: se-resize; + } -.mx-text { - white-space: pre-line; -} + .mx-text { + white-space: pre-line; + } -.mx-textarea textarea { - resize: none; - overflow-y: hidden; -} -.mx-textarea .mx-textarea-noresize { - height: auto; - resize: vertical; - overflow-y: auto; -} -.mx-textarea .mx-textarea-counter { - font-size: smaller; -} -.mx-textarea .form-control-static { - white-space: pre-line; -} + .mx-textarea textarea { + resize: none; + overflow-y: hidden; + } + .mx-textarea .mx-textarea-noresize { + height: auto; + resize: vertical; + overflow-y: auto; + } + .mx-textarea .mx-textarea-counter { + font-size: smaller; + } + .mx-textarea .form-control-static { + white-space: pre-line; + } -.mx-underlay { - position: fixed; - top: 0; - width: 100%; - height: 100%; - z-index: 1000; - opacity: 0.5; - background-color: #333; -} + .mx-underlay { + position: fixed; + top: 0; + width: 100%; + height: 100%; + z-index: 1000; + opacity: 0.5; + background-color: #333; + } -.mx-imagezoom { - position: absolute; - display: table; - width: 100%; - height: 100%; - background-color: #999; -} -.mx-imagezoom-wrapper { - display: table-cell; - text-align: center; - vertical-align: middle; -} -.mx-imagezoom-image { - max-width: none; -} + .mx-imagezoom { + position: absolute; + display: table; + width: 100%; + height: 100%; + background-color: #999; + } + .mx-imagezoom-wrapper { + display: table-cell; + text-align: center; + vertical-align: middle; + } + .mx-imagezoom-image { + max-width: none; + } -.mx-dropdown li { - padding: 3px 20px; - cursor: pointer; -} -.mx-dropdown label { - padding: 0; - color: #333; - white-space: nowrap; - cursor: pointer; -} -.mx-dropdown input { - margin: 0; - vertical-align: middle; - cursor: pointer; -} -.mx-dropdown .selected { - background: #f8f8f8; -} -//.mx-selectbox { -// text-align: left; -//} -//.mx-selectbox-caret-wrapper { -// float: right; -// height: 100%; -//} - -.mx-demouserswitcher { - position: fixed; - top: 0; - right: 0; - width: 360px; - height: 100%; - z-index: 20000; - box-shadow: -1px 0 5px rgba(28, 59, 86, 0.2); -} -.mx-demouserswitcher-content { - padding: 80px 40px 20px; - height: 100%; - color: #387ea2; - font-size: 14px; - overflow: auto; - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOgAAABgCAYAAAAXSj7NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MzkwOTREMDQ2NEYxMUU0QTQ4MUI5NTNGMUQ3QzE5NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MzkwOTREMTQ2NEYxMUU0QTQ4MUI5NTNGMUQ3QzE5NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REMyMUZGNDY0QzExRTRBNDgxQjk1M0YxRDdDMTk3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc0REMyMjAwNDY0QzExRTRBNDgxQjk1M0YxRDdDMTk3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+g1tRlwAAEFFJREFUeNrsnYl3VcUdx2du8rJDIJCwCgjVarVosVXc6jnWnnpIQlJWl6OCrPYfkh1ciuwlLFo5tT3lVJRVEUUERQQJS4CQQEjCS970+52Z93ITDGuS98j7/Tjz7r2/e999ZO587m9+M7+Z0cNXbsqKaTNeKVVolKmOKbX39EsVKl1EV62IKK3wB5uHcYg/33yC4x2m/E2jRESSLMGJl8uvYrsHiduhSA+mUwaYihlRM3HGOuzuZX4g/Rlpit68NFuKh0jSDYgxzlAMW7WpCBb06RjNiDYHzk6vPJZ2mbFp+a+JLCxoHrbnoVptymedlWIiknRAKUNXVQ0DoOMAqIJ2X830ypPpB+myQl/lHY3DKLZbTfnsL6WoiCQdUMrgVVVjAehIaGMxZXaen/7Xc2mZMZuXVmLzqFI2f/YB2o9M2eyoFBmRpAJKKVm98RFoRwBQFsgdgLQ+TSEdB0BLsZsBQGuwv86UzTkjxUYkqYBSildvHAdAh2G3CRZ1R+20SQ3pCemSgdiUAdBRALQF+9uQdgNUaeUVSR6glAGr//E4NoMAaAN80x110yY1pW1GbVlCv/R3/vAQ9jeZsrlXpAiJdKcENzjP7hdU7VQ+0hN91qyPpGtGwf+swobdMZeQHkD6m96y6H4pQiJJs6DeikZgQR+HBS1ClbfWaPPZ5alTWtPXki4usFVeZR5wCvafmo9N6byrUpxEehxQSv81G3IAKCA1hQD0HPZ3XUljSB2oi57B5nkAilqIuYD9jYD0uBQpkR4HlFK4ZkMeAB0PQPMB6NlWZXY3T50aS3NIiwHoiwB0jHL9MbuQPhFrKtLjgFLgg+YD0PGgMg+AnsF2TzTNIbWZuHUhqrzq9/6w1jYglc7/UYqXSI8CSilYu44W9CkAymrvKfine1unTDMC6cIh2PwJ6VcAlPmxF9b1X2bC/CYpZiI9BiglD5C2urjdbABaDdU+gTRsTY2zptq2+P4TkH4jOSPSY4BSsteuLQCgTwPQLBxWwz/dZ6ZMF0gtpAtKsHkBgMa7YY4A2g/NhLdqJXdEegRQSoSQasPWzAgAPUVLCkhjkq0+cz9c8AQ2TyL1Uy5scjvSDoDaKrkj0u2AUjLWrWG/4FMAlOMnz+COe8zklwTSNkiZLxMA6CNexS6ZjwDpEckdkW4H1EOaD0Cfwm4O7sjxk4RUrEQ7UN++jy8ypHu96jukjwHqBckdkW4F1N5o3WqGA47HHfOUDQ80u83klwXSa0F9Fps/IPVVdryp+sxXe6W1V6T7AE1Aqg39rnwfXbMLkMoYymshzcXmL8qON7XCoPv/IO0FqOIeiHQPoPaG61flOQthaCHq8As7zaRXmiWrfxHUUb7aG2/t5cCEbeKfinQboB7SHN8X2B+/wHGknwNSGZrVOai/xeYxpFFe9ZNiyOCEtyS2VwDtnq5Lvf6DLFvotOGAZ/hXBpC+ekmy/Ib+KWEt8arDSP8GqKcldwTQ7oA0E7/AQc6DfT/gbkB6XrL9upBq5UIGCWqhckH4jET6L0CtkRwSQLv+Rzas5Nw+nD4lpoLYF6bytWrJ+huCCjdBvaDagvA9qBqgzhdQBdCuhvTv7KgfAUD5gwcB6VHJ/psClY1tz3kf1T4yb1G3A1SZs1cA7VJIxwLQkd4gHHWgvi7xu7cEqn4sZFHpo34KUKUxSQDtoh/c+N4QV22zv3tKafWFqXhdAhpuGtQFBPWPoaovs5KA/g/piCmdLy88AfSOIWXwOAMasgDoRezvMhVvSF/prYHKYIenke4DoIO8mlXenTj7lSmdJwEiAuidQPpuvvWrNFsqDcPcdgLSenkkt5GXWxc8Y0FVyrsPmn3OXAxqF0CVri0B9LYhpQXl8gq0AC2KY0orZsjM7bcPKhvixmJvjFfRdTio2L0lE5oJoLf9n6h6h32lw/1UId8C0h/k0dwJqAtpSTnp+EMhLau/u5EOmNK5EpgvgN4ypHjzG1dF0+ok9vebiTOl8ejOQGWgA0fOjMDRCK++Cp/1ALZfmrK5JySXBNBbgHTFYMURHlpFAGidrZpNnNkoj6krYF3EyCSm+1XikWuuXMelFfebsjniqwqgNwVpHgBl5FF/+7ZXZo+Z+KaEB3YdqMUA9FFvVe/xag5xo1vxFXSHZJlFAfT6/6lNKzIBJgvREO+XHgSkEnnU1fm8ZTGHuT3SwVdlFfgQfVWko6Z8trgZAmhnoC5H4TEjvF9abf3S8lkt8ti6HFTOmzRW2UWh9Ji2KjAHkutvlWsJPoa8F1gF0I6QLhtiC49WWQC0wfql5bPEX+o2WJf0A6D0VUcrO3+Sjp9qxP53OEdgf0CNRl6UAmgC0lyUE1rTYmX79swBVL2kBbK7833zEuS3/o1yA8kdrK64wEfVdDkYC3zYTJwpL8x0BrStwCylX3qPLyXHUV6+NmXiI/VQ3hfh80Fk/RhnXROWlQ/jFI6PYI8NTT+bihkyr1I6AuoLCnxSwypYgDJyGft7TdkcCRHs6RqN0mxgYvINTAnr2oz9Y8q1Ch81FW+ckxxLI0B91avA+6UDUCr4tv4GkB6Tx5kMWJdrVwW2jUts0BsRsq684hL0P9kajwO3xlS+JiNuejOgoQYNxvHG+/I4bw873GVtzmQ+k6oVuT4WeLSHdWAoMIIfDOQ/oWLBz6wOQ1ctsz72UkAdpIs5lQobMjhFSCOAZQibVKtSBth3+3rLOsqHG7oJ0WJB/ArWgGo8rKdwLV+0Z2Q+5V4CqIc0R7l+vEHeETqKl/UhUzpXGpBS7VltfI/DDIcD0OHKNvjpUaGzcT825sMQAas+Ax0D/WsCpevSbZnLXgFoCNRwwD2b/r8ApHWCRQo/sw0raUqLLbRKDwWMjMce1ubHJqBlq+BVD2oNdBfwxQsZSnMFgwtXpk5pEkDvCkgXcQTHQ64BiW9iw766703pPGmYuFue4foPMqzvaqdr1SWAkdXiYoDZz4NqoSXZGR7kDGMHqddCV09Li/2LgdFs3edxPa66cnZ65V0RXPHkiu2Z+LvztVF9eh2giYe8dZGbRdC9fi8qNiCVzpPumLtYMtatyfKgMuC/CDAWAdAixa3ROQ5eDzC3Rsctb9weN0F3OXAhjA2EFse0vE3aTq6um3CuURtN/zeK/WbtfOSr0MVC92o+9OqL7fp6H35/W4D/U7ZO/LoOsM0CZNhq6DlCS0ewzcV1OdDx/5uDq7Gv8qDLg47V/wJt21O0nb+x1wLqIUXVyTyg7AK6dsQGV7qGNZ0vHem9TPqsWc/C3Q9QFaLQsxZVCPg4wVpfHPfVdkEvlUFoA1911iGI45+BrVbGwVYJtPW1sFtd+F60BSFA7dZC1naX0HUd7hfSaRsthxeIUfX6+cWf27PGfxodP8JWu72Y1btziWvtOWNLffw64//FdHw/Zr8Ti9/xmu+07ceviYX0Hfdjfr8V+63t9PG/MP6yMSrxVzNlX/bW1OpoRb9ULbl1117byXHiCYZfZp3pO57roLvz1861KnMT14R15gbXmc7upa/z3c7OdaJva8W9wbXtfFB1nSquugkLmgNdQUCLpTQtVW7gLG+ut1qwaLBuRsPaqYjdV5pfhSXUGaF70ZIHHQBl8bwaArRVW8tLBDQtNMMjo9ZSG1psZ7lxdaNm74NRsOiaseaXvTW3xTkzLV6vzQX7ASlns2fkC6tEz6rMxu+RB0dUNEdaetNHmny6ayRIm0cTzatB+lTZiBb7kuMseM+pSFOxlFsRATR1QN2Pzx3KdY67VcEzm8apzOZsKQ4iKdeO0psbiW74x3+4gFVehqTR54CPYDjW8biZ8JZ0yYgIoCkCKWdo54iMIb41ohbpa0B6UYqHiACaOqByXl5a0/ianBwQ/i1AleB7EQE0dUB9mzG9I+MeK9J3ivPxSLVXRABNGUg53vRBZUPNrLDv9KCscC0igKYWqEOVnYvH9p1SznpQZQ4eEQE0hUBlnykjkfK8f8oZAg4DVBloLCKApgikjLp6SCVCBrkam/oe6UeAKlNQigigKQIqA7DZfzrEq2hFj9CqAlQJwhcRQFME1BLvn5Z4FccjssX3pLT4igigqQMqG5LYLTPQqy55UE8LqCICaOqASt+U8+wM8Kp6X/U9JaCKCKCpA+po758WtVlUfdiBOl8yW0QATRFQ6Z8OdaDqeNWXrb7VAFUak0QE0NQBVQ8JVX25YvgPyqjjpnS+DBYXEUBTA9QFI71FdY1JhquHqx+ZAKpM0iwigKYIqIR0BACNz+RAK3qCy/mZ0nkNkkMiAmgqZPzWBQR0lEoE5NsZzxiMz3U3awCrZJKIAJoCoDIy6V6/bklcLnlQTwJU8VMFUJHkg7qQsb7soqFljXfRRH319ydTOvey5JIAKpIasDLgYbiHVflumvNIx7j6lymbK900AqhICoBaqNqW7XNibHA+p2M5AVDFqgqgIskHdZFfxVoNBqADQ2dqPazVpmyOdNUIoCJJf2BbFtE/vcf5qbrAq9mQdNr7q+dM2Wx5qAKoSPJhXUw/lf2qg0JaLm1QDUt70pTPlqlDBVCRFAA111tVVH/1AO+rUhj4cBI6wDpL/FUBVCT5sC7hUovDuH6mcssuqlCw/ikmwCrrpAqgIkl/uJuXDFRuOXnCWhA602BhNYorvtWZiW9KZgmgIsmFdSlh9eNU7cK28Wow16LkdKJnFEMMJ86UyCUBVCS5sC4rsrAaOwSuMLSILgMgzuH4DM6dNRUzrkhuCaAiySwAm5ah6qvZClyswpFLbY1MNThmEP95U/GG9LUKoCLJg3U544EBqy7x1jU3AaxD9qIH9jyOak3l61IdFkBFklY4qlb0dVbVdt2E+1qJa8wBqxkjfIHJVL4mE3gLoCLJgfUdrsZO33WAbRVOhBwm/FcUpKAe2NZ6S4utvmwmvSKZJ4CK9HjB2fguge3nrSvBLQGgrpmp7aqoA9Va2jogXGcmv9wouSeAivQ4sO/BlAZ9AWh/HPb38BZ0qBZTohZWZ2XrsV8PfYOZMl2G0AmgIj1auDasjIRg7QcQ6dPmhqrFYX/2CmGFDWZI4qVA6UsENzp1akwAFRHpqQK3/oMsfHKcK1NfGzRhVJ84rIG/LnDgmsAFUjRkuLVvGjKMjYJqgL6xbtrkqAAqItLdhXDdanKZj70+gQtJxFb3IbiBBzfDXwtAPcBW3xK4eYabAqO5bfRAN2u36lwz9M2nX6q4K63w+BXbAwFUJGUlsnatBnA5AC4/wwKs8gEot3mBqypHEha3PbiJSjT1gZvbCdBqzkUchY7HUW3XeNVRf75FG81uIuOONe8YZfUb32vtcO+WQ6++2A6ch9/fxp/M1CZ+lf3M0O5rEfwmVRFtT+lMfGTaY6PpBmTioiyv53GWMjpb2/MCqMhdKoVrNmQ6UFUuAMixWwduFgp3No5zoM8KPFtxbOMw6w7Vav1LkJvQ90J63ckLoQOg7V4Uv6Tv7D4AlPsxAVSk18vQVVW0SrBIOstbs4i3ZhFvhePWjDXpwB3rwFo5o7C1+jBEsJTWIoZ1xlnhdoC2atfx1ILftFt3bPVxq22tubfaUa+/CkCbd874Y/T/AgwA2Mi7HdAe+ikAAAAASUVORK5CYII=) - top right no-repeat #1b3149; - /* background-attachement local is not supported on IE8 + .mx-dropdown li { + padding: 3px 20px; + cursor: pointer; + } + .mx-dropdown label { + padding: 0; + color: #333; + white-space: nowrap; + cursor: pointer; + } + .mx-dropdown input { + margin: 0; + vertical-align: middle; + cursor: pointer; + } + .mx-dropdown .selected { + background: #f8f8f8; + } + //.mx-selectbox { + // text-align: left; + //} + //.mx-selectbox-caret-wrapper { + // float: right; + // height: 100%; + //} + + .mx-demouserswitcher { + position: fixed; + top: 0; + right: 0; + width: 360px; + height: 100%; + z-index: 20000; + box-shadow: -1px 0 5px rgba(28, 59, 86, 0.2); + } + .mx-demouserswitcher-content { + padding: 80px 40px 20px; + height: 100%; + color: #387ea2; + font-size: 14px; + overflow: auto; + background: url(resources/switcher.png) top right no-repeat #1b3149; + /* background-attachement local is not supported on IE8 * when this is part of background the complete background is ignored */ - background-attachment: local; -} -.mx-demouserswitcher ul { - padding: 0; - margin-top: 25px; - list-style-type: none; - border-top: 1px solid #496076; -} -.mx-demouserswitcher a { - display: block; - padding: 10px 0; - color: #387ea2; - border-bottom: 1px solid #496076; -} -.mx-demouserswitcher h2 { - margin: 20px 0 5px; - color: #5bc4fe; - font-size: 28px; -} -.mx-demouserswitcher h3 { - margin: 0 0 2px; - color: #5bc4fe; - font-size: 18px; - font-weight: normal; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -.mx-demouserswitcher .active h3 { - color: #11efdb; -} -.mx-demouserswitcher p { - margin-bottom: 0; -} -.mx-demouserswitcher-toggle { - position: absolute; - top: 25%; - left: -35px; - width: 35px; - height: 38px; - margin-top: -40px; - cursor: pointer; - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - box-shadow: -1px 0 5px rgba(28, 59, 86, 0.2); - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NERDMjFGRDQ2NEMxMUU0QTQ4MUI5NTNGMUQ3QzE5NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NERDMjFGRTQ2NEMxMUU0QTQ4MUI5NTNGMUQ3QzE5NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REMyMUZCNDY0QzExRTRBNDgxQjk1M0YxRDdDMTk3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc0REMyMUZDNDY0QzExRTRBNDgxQjk1M0YxRDdDMTk3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1ZovNAAAAWdJREFUeNqM1M0rRFEYx/E7Y5qIQpOUbIiymQWysBgvJVJK2VgryZQtKSULZelPsB0LZaNZjJUNK1FskJqUvCS3NAsZc3zP9NziOOfeeepTc8/c8+vc8xZTSnmOakEGKdzgDBXXy54OMsSwjpL6W9cYsrxfZWvcUu7y0VdLUCc+VXgd2oLixpfOIOmF17TtHTOozYuupCxAaNB9DUEfeDUbE8bzEXxZerP00l8hh3LUiHTIMr6N9j2ksYoihv/1deyLSVzKKm1jEW+WfZV2Lf8gskjIcwcWpOM++pHCFPLosgWtoCyd7jCPOjzhGHHLyDPY1achaJhDxRj6rBwJXUuoN0IG8IIv7OiGBjxadvAITuT3rex6c0SbKASflnUcBT3JTThAjyWkGUVsBEEFR5CerzXpNIacrFIrJnCBB3muBvkhB1TP27hM/Lvx3zl6gxHqu6c74kiU8IxGjKJdLrrT3xfdjwADAJaMxP2bvD2BAAAAAElFTkSuQmCC) - center center no-repeat #1b3149; -} - -/* master details screen for mobile */ -.mx-master-detail-screen { - top: 0; - left: 0; - overflow: auto; - width: 100%; - height: 100%; - position: absolute; - background-color: white; - will-change: transform; -} - -.mx-master-detail-screen .mx-master-detail-details { - padding: 15px; -} - -.mx-master-detail-screen-header { - position: relative; - overflow: auto; - border-bottom: 1px solid #ccc; - background-color: #f7f7f7; -} - -.mx-master-detail-screen-header-caption { - text-align: center; - font-size: 17px; - line-height: 24px; - font-weight: 600; -} - -.mx-master-detail-screen-header-close { - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 50px; - border: none; - background: transparent; - color: #007aff; -} - -body[dir="rtl"] .mx-master-detail-screen-header-close { - right: 0; - left: auto; -} - -.mx-master-detail-screen-header-close::before { - content: "\2039"; - font-size: 52px; - line-height: 24px; -} - -/* classes for content page */ -.mx-master-detail-content-fix { - height: 100vh; - overflow: hidden; -} - -.mx-master-detail-content-hidden { - transform: translateX(-200%); -} - -body[dir="rtl"] .mx-master-detail-content-hidden { - transform: translateX(200%); -} -.reportingReport { - padding: 5px; - border: 1px solid #ddd; - border-radius: 3px; -} + background-attachment: local; + } + .mx-demouserswitcher ul { + padding: 0; + margin-top: 25px; + list-style-type: none; + border-top: 1px solid #496076; + } + .mx-demouserswitcher a { + display: block; + padding: 10px 0; + color: #387ea2; + border-bottom: 1px solid #496076; + } + .mx-demouserswitcher h2 { + margin: 20px 0 5px; + color: #5bc4fe; + font-size: 28px; + } + .mx-demouserswitcher h3 { + margin: 0 0 2px; + color: #5bc4fe; + font-size: 18px; + font-weight: normal; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + .mx-demouserswitcher .active h3 { + color: #11efdb; + } + .mx-demouserswitcher p { + margin-bottom: 0; + } + .mx-demouserswitcher-toggle { + position: absolute; + top: 25%; + left: -35px; + width: 35px; + height: 38px; + margin-top: -40px; + cursor: pointer; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + box-shadow: -1px 0 5px rgba(28, 59, 86, 0.2); + background: url(resources/switcher-toggle.png) center center no-repeat #1b3149; + } -.reportingReportParameter th { - text-align: right; -} + /* master details screen for mobile */ + .mx-master-detail-screen { + top: 0; + left: 0; + overflow: auto; + width: 100%; + height: 100%; + position: absolute; + background-color: white; + will-change: transform; + } -.reportingDateRange table { - width: 100%; - table-layout: fixed; -} -.reportingDateRange th { - padding: 5px; - text-align: right; - background-color: #eee; -} -.reportingDateRange td { - padding: 5px; -} + .mx-master-detail-screen .mx-master-detail-details { + padding: 15px; + } -.mx-reportmatrix table { - width: 100%; - max-width: 100%; - table-layout: fixed; - margin-bottom: 0; -} + .mx-master-detail-screen-header { + position: relative; + overflow: auto; + border-bottom: 1px solid #ccc; + background-color: #f7f7f7; + } -.mx-reportmatrix th, -.mx-reportmatrix td { - padding: 8px; - line-height: 1.42857143; - vertical-align: bottom; - border: 1px solid #ddd; -} + .mx-master-detail-screen-header-caption { + text-align: center; + font-size: 17px; + line-height: 24px; + font-weight: 600; + } -.mx-reportmatrix tbody tr:first-child td { - border-top: none; -} + .mx-master-detail-screen-header-close { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 50px; + border: none; + background: transparent; + color: #007aff; + } -.mx-reportmatrix tbody tr:nth-child(2n + 1) td { - background-color: #f9f9f9; -} + body[dir="rtl"] .mx-master-detail-screen-header-close { + right: 0; + left: auto; + } -.mx-reportmatrix tbody img { - max-width: 16px; - max-height: 16px; -} + .mx-master-detail-screen-header-close::before { + content: "\2039"; + font-size: 52px; + line-height: 24px; + } -@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .dijitInline { - zoom: 1; /* set hasLayout:true to mimic inline-block */ - display: inline; /* don't use .dj_ie since that increases the priority */ - vertical-align: auto; /* makes TextBox,Button line up w/native counterparts on IE6 */ + /* classes for content page */ + .mx-master-detail-content-fix { + height: 100vh; + overflow: hidden; } - .dj_ie6 .dijitComboBox .dijitInputContainer, - .dijitInputContainer { - zoom: 1; + .mx-master-detail-content-hidden { + transform: translateX(-200%); } - .dijitRight { - /* Right part of a 3-element border */ - display: inline; /* IE7 sizes to outer size w/o this */ + body[dir="rtl"] .mx-master-detail-content-hidden { + transform: translateX(200%); + } + .reportingReport { + padding: 5px; + border: 1px solid #ddd; + border-radius: 3px; } - .dijitButtonNode { - vertical-align: auto; + .reportingReportParameter th { + text-align: right; } - .dijitTextBox { - overflow: hidden; /* #6027, #6067 */ + .reportingDateRange table { + width: 100%; + table-layout: fixed; + } + .reportingDateRange th { + padding: 5px; + text-align: right; + background-color: #eee; + } + .reportingDateRange td { + padding: 5px; } - .dijitPlaceHolder { - filter: ""; /* make this show up in IE6 after the rendering of the widget */ + .mx-reportmatrix table { + width: 100%; + max-width: 100%; + table-layout: fixed; + margin-bottom: 0; } - .dijitValidationTextBoxError input.dijitValidationInner, - .dijitSelect input, - .dijitTextBox input.dijitArrowButtonInner { - text-indent: 0 !important; - letter-spacing: -5em !important; - text-align: right !important; + .mx-reportmatrix th, + .mx-reportmatrix td { + padding: 8px; + line-height: 1.42857143; + vertical-align: bottom; + border: 1px solid #ddd; } - .dj_a11y input.dijitValidationInner, - .dj_a11y input.dijitArrowButtonInner { - text-align: left !important; + .mx-reportmatrix tbody tr:first-child td { + border-top: none; } - .dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton { - bottom: 50%; /* otherwise (on some machines) top arrow icon too close to splitter border (IE6/7) */ + .mx-reportmatrix tbody tr:nth-child(2n + 1) td { + background-color: #f9f9f9; } - .dijitTabContainerTop-tabs .dijitTab, - .dijitTabContainerBottom-tabs .dijitTab { - zoom: 1; /* set hasLayout:true to mimic inline-block */ - display: inline; /* don't use .dj_ie since that increases the priority */ + .mx-reportmatrix tbody img { + max-width: 16px; + max-height: 16px; } - .dojoDndHorizontal .dojoDndItem { - /* make contents of horizontal container be side by side, rather than vertical */ - display: inline; + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .dijitInline { + zoom: 1; /* set hasLayout:true to mimic inline-block */ + display: inline; /* don't use .dj_ie since that increases the priority */ + vertical-align: auto; /* makes TextBox,Button line up w/native counterparts on IE6 */ + } + + .dj_ie6 .dijitComboBox .dijitInputContainer, + .dijitInputContainer { + zoom: 1; + } + + .dijitRight { + /* Right part of a 3-element border */ + display: inline; /* IE7 sizes to outer size w/o this */ + } + + .dijitButtonNode { + vertical-align: auto; + } + + .dijitTextBox { + overflow: hidden; /* #6027, #6067 */ + } + + .dijitPlaceHolder { + filter: ""; /* make this show up in IE6 after the rendering of the widget */ + } + + .dijitValidationTextBoxError input.dijitValidationInner, + .dijitSelect input, + .dijitTextBox input.dijitArrowButtonInner { + text-indent: 0 !important; + letter-spacing: -5em !important; + text-align: right !important; + } + + .dj_a11y input.dijitValidationInner, + .dj_a11y input.dijitArrowButtonInner { + text-align: left !important; + } + + .dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton { + bottom: 50%; /* otherwise (on some machines) top arrow icon too close to splitter border (IE6/7) */ + } + + .dijitTabContainerTop-tabs .dijitTab, + .dijitTabContainerBottom-tabs .dijitTab { + zoom: 1; /* set hasLayout:true to mimic inline-block */ + display: inline; /* don't use .dj_ie since that increases the priority */ + } + + .dojoDndHorizontal .dojoDndItem { + /* make contents of horizontal container be side by side, rather than vertical */ + display: inline; + } } } diff --git a/themesource/atlas_core/web/core/_legacy/bootstrap/_bootstrap-rtl.scss b/themesource/atlas_core/web/core/_legacy/bootstrap/_bootstrap-rtl.scss index 8344fd9..3bf6ffa 100644 --- a/themesource/atlas_core/web/core/_legacy/bootstrap/_bootstrap-rtl.scss +++ b/themesource/atlas_core/web/core/_legacy/bootstrap/_bootstrap-rtl.scss @@ -5,1566 +5,1737 @@ * Project: bootstrap-rtl * Copyright: Unlicensed Public Domain *******************************************************************************/ +@mixin bootstrap-rtl() { + [dir="rtl"] { + .flip.text-left { + text-align: right; + } -[dir="rtl"] { - .flip.text-left { - text-align: right; - } - .flip.text-right { - text-align: left; - } - .list-unstyled { - padding-right: 0; - padding-left: initial; - } - .list-inline { - padding-right: 0; - padding-left: initial; - margin-right: -5px; - margin-left: 0; - } - dd { - margin-right: 0; - margin-left: initial; - } - @media (min-width: 768px) { - .dl-horizontal dt { - float: right; - clear: right; + .flip.text-right { text-align: left; } - .dl-horizontal dd { - margin-right: 180px; + + .list-unstyled { + padding-right: 0; + padding-left: initial; + } + + .list-inline { + padding-right: 0; + padding-left: initial; + margin-right: -5px; margin-left: 0; } - } - blockquote { - border-right: 5px solid #eeeeee; - border-left: 0; - } - .blockquote-reverse, - blockquote.pull-left { - padding-left: 15px; - padding-right: 0; - border-left: 5px solid #eeeeee; - border-right: 0; - text-align: left; - } - .col-xs-1, - .col-sm-1, - .col-md-1, - .col-lg-1, - .col-xs-2, - .col-sm-2, - .col-md-2, - .col-lg-2, - .col-xs-3, - .col-sm-3, - .col-md-3, - .col-lg-3, - .col-xs-4, - .col-sm-4, - .col-md-4, - .col-lg-4, - .col-xs-5, - .col-sm-5, - .col-md-5, - .col-lg-5, - .col-xs-6, - .col-sm-6, - .col-md-6, - .col-lg-6, - .col-xs-7, - .col-sm-7, - .col-md-7, - .col-lg-7, - .col-xs-8, - .col-sm-8, - .col-md-8, - .col-lg-8, - .col-xs-9, - .col-sm-9, - .col-md-9, - .col-lg-9, - .col-xs-10, - .col-sm-10, - .col-md-10, - .col-lg-10, - .col-xs-11, - .col-sm-11, - .col-md-11, - .col-lg-11, - .col-xs-12, - .col-sm-12, - .col-md-12, - .col-lg-12 { - position: relative; - min-height: 1px; - padding-left: 15px; - padding-right: 15px; - } - .col-xs-1, - .col-xs-2, - .col-xs-3, - .col-xs-4, - .col-xs-5, - .col-xs-6, - .col-xs-7, - .col-xs-8, - .col-xs-9, - .col-xs-10, - .col-xs-11, - .col-xs-12 { - float: right; - } - .col-xs-12 { - width: 100%; - } - .col-xs-11 { - width: 91.66666667%; - } - .col-xs-10 { - width: 83.33333333%; - } - .col-xs-9 { - width: 75%; - } - .col-xs-8 { - width: 66.66666667%; - } - .col-xs-7 { - width: 58.33333333%; - } - .col-xs-6 { - width: 50%; - } - .col-xs-5 { - width: 41.66666667%; - } - .col-xs-4 { - width: 33.33333333%; - } - .col-xs-3 { - width: 25%; - } - .col-xs-2 { - width: 16.66666667%; - } - .col-xs-1 { - width: 8.33333333%; - } - .col-xs-pull-12 { - left: 100%; - right: auto; - } - .col-xs-pull-11 { - left: 91.66666667%; - right: auto; - } - .col-xs-pull-10 { - left: 83.33333333%; - right: auto; - } - .col-xs-pull-9 { - left: 75%; - right: auto; - } - .col-xs-pull-8 { - left: 66.66666667%; - right: auto; - } - .col-xs-pull-7 { - left: 58.33333333%; - right: auto; - } - .col-xs-pull-6 { - left: 50%; - right: auto; - } - .col-xs-pull-5 { - left: 41.66666667%; - right: auto; - } - .col-xs-pull-4 { - left: 33.33333333%; - right: auto; - } - .col-xs-pull-3 { - left: 25%; - right: auto; - } - .col-xs-pull-2 { - left: 16.66666667%; - right: auto; - } - .col-xs-pull-1 { - left: 8.33333333%; - right: auto; - } - .col-xs-pull-0 { - left: auto; - right: auto; - } - .col-xs-push-12 { - right: 100%; - left: 0; - } - .col-xs-push-11 { - right: 91.66666667%; - left: 0; - } - .col-xs-push-10 { - right: 83.33333333%; - left: 0; - } - .col-xs-push-9 { - right: 75%; - left: 0; - } - .col-xs-push-8 { - right: 66.66666667%; - left: 0; - } - .col-xs-push-7 { - right: 58.33333333%; - left: 0; - } - .col-xs-push-6 { - right: 50%; - left: 0; - } - .col-xs-push-5 { - right: 41.66666667%; - left: 0; - } - .col-xs-push-4 { - right: 33.33333333%; - left: 0; - } - .col-xs-push-3 { - right: 25%; - left: 0; - } - .col-xs-push-2 { - right: 16.66666667%; - left: 0; - } - .col-xs-push-1 { - right: 8.33333333%; - left: 0; - } - .col-xs-push-0 { - right: auto; - left: 0; - } - .col-xs-offset-12 { - margin-right: 100%; - margin-left: 0; - } - .col-xs-offset-11 { - margin-right: 91.66666667%; - margin-left: 0; - } - .col-xs-offset-10 { - margin-right: 83.33333333%; - margin-left: 0; - } - .col-xs-offset-9 { - margin-right: 75%; - margin-left: 0; - } - .col-xs-offset-8 { - margin-right: 66.66666667%; - margin-left: 0; - } - .col-xs-offset-7 { - margin-right: 58.33333333%; - margin-left: 0; - } - .col-xs-offset-6 { - margin-right: 50%; - margin-left: 0; - } - .col-xs-offset-5 { - margin-right: 41.66666667%; - margin-left: 0; - } - .col-xs-offset-4 { - margin-right: 33.33333333%; - margin-left: 0; - } - .col-xs-offset-3 { - margin-right: 25%; - margin-left: 0; - } - .col-xs-offset-2 { - margin-right: 16.66666667%; - margin-left: 0; - } - .col-xs-offset-1 { - margin-right: 8.33333333%; - margin-left: 0; - } - .col-xs-offset-0 { - margin-right: 0%; - margin-left: 0; - } - @media (min-width: 768px) { + + dd { + margin-right: 0; + margin-left: initial; + } + + @media (min-width: 768px) { + .dl-horizontal dt { + float: right; + clear: right; + text-align: left; + } + .dl-horizontal dd { + margin-right: 180px; + margin-left: 0; + } + } + + blockquote { + border-right: 5px solid #eeeeee; + border-left: 0; + } + + .blockquote-reverse, + blockquote.pull-left { + padding-left: 15px; + padding-right: 0; + border-left: 5px solid #eeeeee; + border-right: 0; + text-align: left; + } + + .col-xs-1, .col-sm-1, + .col-md-1, + .col-lg-1, + .col-xs-2, .col-sm-2, + .col-md-2, + .col-lg-2, + .col-xs-3, .col-sm-3, + .col-md-3, + .col-lg-3, + .col-xs-4, .col-sm-4, + .col-md-4, + .col-lg-4, + .col-xs-5, .col-sm-5, + .col-md-5, + .col-lg-5, + .col-xs-6, .col-sm-6, + .col-md-6, + .col-lg-6, + .col-xs-7, .col-sm-7, + .col-md-7, + .col-lg-7, + .col-xs-8, .col-sm-8, + .col-md-8, + .col-lg-8, + .col-xs-9, .col-sm-9, + .col-md-9, + .col-lg-9, + .col-xs-10, .col-sm-10, + .col-md-10, + .col-lg-10, + .col-xs-11, .col-sm-11, - .col-sm-12 { + .col-md-11, + .col-lg-11, + .col-xs-12, + .col-sm-12, + .col-md-12, + .col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; + } + + .col-xs-1, + .col-xs-2, + .col-xs-3, + .col-xs-4, + .col-xs-5, + .col-xs-6, + .col-xs-7, + .col-xs-8, + .col-xs-9, + .col-xs-10, + .col-xs-11, + .col-xs-12 { float: right; } - .col-sm-12 { + + .col-xs-12 { width: 100%; } - .col-sm-11 { + + .col-xs-11 { width: 91.66666667%; } - .col-sm-10 { + + .col-xs-10 { width: 83.33333333%; } - .col-sm-9 { + + .col-xs-9 { width: 75%; } - .col-sm-8 { + + .col-xs-8 { width: 66.66666667%; } - .col-sm-7 { + + .col-xs-7 { width: 58.33333333%; } - .col-sm-6 { + + .col-xs-6 { width: 50%; } - .col-sm-5 { + + .col-xs-5 { width: 41.66666667%; } - .col-sm-4 { + + .col-xs-4 { width: 33.33333333%; } - .col-sm-3 { + + .col-xs-3 { width: 25%; } - .col-sm-2 { + + .col-xs-2 { width: 16.66666667%; } - .col-sm-1 { + + .col-xs-1 { width: 8.33333333%; } - .col-sm-pull-12 { + + .col-xs-pull-12 { left: 100%; right: auto; } - .col-sm-pull-11 { + + .col-xs-pull-11 { left: 91.66666667%; right: auto; } - .col-sm-pull-10 { + + .col-xs-pull-10 { left: 83.33333333%; right: auto; } - .col-sm-pull-9 { + + .col-xs-pull-9 { left: 75%; right: auto; } - .col-sm-pull-8 { + + .col-xs-pull-8 { left: 66.66666667%; right: auto; } - .col-sm-pull-7 { + + .col-xs-pull-7 { left: 58.33333333%; right: auto; } - .col-sm-pull-6 { + + .col-xs-pull-6 { left: 50%; right: auto; } - .col-sm-pull-5 { + + .col-xs-pull-5 { left: 41.66666667%; right: auto; } - .col-sm-pull-4 { + + .col-xs-pull-4 { left: 33.33333333%; right: auto; } - .col-sm-pull-3 { + + .col-xs-pull-3 { left: 25%; right: auto; } - .col-sm-pull-2 { + + .col-xs-pull-2 { left: 16.66666667%; right: auto; } - .col-sm-pull-1 { + + .col-xs-pull-1 { left: 8.33333333%; right: auto; } - .col-sm-pull-0 { + + .col-xs-pull-0 { left: auto; right: auto; } - .col-sm-push-12 { + + .col-xs-push-12 { right: 100%; left: 0; } - .col-sm-push-11 { + + .col-xs-push-11 { right: 91.66666667%; left: 0; } - .col-sm-push-10 { + + .col-xs-push-10 { right: 83.33333333%; left: 0; } - .col-sm-push-9 { + + .col-xs-push-9 { right: 75%; left: 0; } - .col-sm-push-8 { + + .col-xs-push-8 { right: 66.66666667%; left: 0; } - .col-sm-push-7 { + + .col-xs-push-7 { right: 58.33333333%; left: 0; } - .col-sm-push-6 { + + .col-xs-push-6 { right: 50%; left: 0; } - .col-sm-push-5 { + + .col-xs-push-5 { right: 41.66666667%; left: 0; } - .col-sm-push-4 { + + .col-xs-push-4 { right: 33.33333333%; left: 0; } - .col-sm-push-3 { + + .col-xs-push-3 { right: 25%; left: 0; } - .col-sm-push-2 { + + .col-xs-push-2 { right: 16.66666667%; left: 0; } - .col-sm-push-1 { + + .col-xs-push-1 { right: 8.33333333%; left: 0; } - .col-sm-push-0 { + + .col-xs-push-0 { right: auto; left: 0; } - .col-sm-offset-12 { + + .col-xs-offset-12 { margin-right: 100%; margin-left: 0; } - .col-sm-offset-11 { + + .col-xs-offset-11 { margin-right: 91.66666667%; margin-left: 0; } - .col-sm-offset-10 { + + .col-xs-offset-10 { margin-right: 83.33333333%; margin-left: 0; } - .col-sm-offset-9 { + + .col-xs-offset-9 { margin-right: 75%; margin-left: 0; } - .col-sm-offset-8 { + + .col-xs-offset-8 { margin-right: 66.66666667%; margin-left: 0; } - .col-sm-offset-7 { + + .col-xs-offset-7 { margin-right: 58.33333333%; margin-left: 0; } - .col-sm-offset-6 { + + .col-xs-offset-6 { margin-right: 50%; margin-left: 0; } - .col-sm-offset-5 { + + .col-xs-offset-5 { margin-right: 41.66666667%; margin-left: 0; } - .col-sm-offset-4 { + + .col-xs-offset-4 { margin-right: 33.33333333%; margin-left: 0; } - .col-sm-offset-3 { + + .col-xs-offset-3 { margin-right: 25%; margin-left: 0; } - .col-sm-offset-2 { + + .col-xs-offset-2 { margin-right: 16.66666667%; margin-left: 0; } - .col-sm-offset-1 { + + .col-xs-offset-1 { margin-right: 8.33333333%; margin-left: 0; } - .col-sm-offset-0 { + + .col-xs-offset-0 { margin-right: 0%; margin-left: 0; } - } - @media (min-width: 992px) { - .col-md-1, - .col-md-2, - .col-md-3, - .col-md-4, - .col-md-5, - .col-md-6, - .col-md-7, - .col-md-8, - .col-md-9, - .col-md-10, - .col-md-11, - .col-md-12 { - float: right; - } - .col-md-12 { - width: 100%; - } - .col-md-11 { - width: 91.66666667%; + + @media (min-width: 768px) { + .col-sm-1, + .col-sm-2, + .col-sm-3, + .col-sm-4, + .col-sm-5, + .col-sm-6, + .col-sm-7, + .col-sm-8, + .col-sm-9, + .col-sm-10, + .col-sm-11, + .col-sm-12 { + float: right; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666667%; + } + .col-sm-10 { + width: 83.33333333%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666667%; + } + .col-sm-7 { + width: 58.33333333%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666667%; + } + .col-sm-4 { + width: 33.33333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.66666667%; + } + .col-sm-1 { + width: 8.33333333%; + } + .col-sm-pull-12 { + left: 100%; + right: auto; + } + .col-sm-pull-11 { + left: 91.66666667%; + right: auto; + } + .col-sm-pull-10 { + left: 83.33333333%; + right: auto; + } + .col-sm-pull-9 { + left: 75%; + right: auto; + } + .col-sm-pull-8 { + left: 66.66666667%; + right: auto; + } + .col-sm-pull-7 { + left: 58.33333333%; + right: auto; + } + .col-sm-pull-6 { + left: 50%; + right: auto; + } + .col-sm-pull-5 { + left: 41.66666667%; + right: auto; + } + .col-sm-pull-4 { + left: 33.33333333%; + right: auto; + } + .col-sm-pull-3 { + left: 25%; + right: auto; + } + .col-sm-pull-2 { + left: 16.66666667%; + right: auto; + } + .col-sm-pull-1 { + left: 8.33333333%; + right: auto; + } + .col-sm-pull-0 { + left: auto; + right: auto; + } + .col-sm-push-12 { + right: 100%; + left: 0; + } + .col-sm-push-11 { + right: 91.66666667%; + left: 0; + } + .col-sm-push-10 { + right: 83.33333333%; + left: 0; + } + .col-sm-push-9 { + right: 75%; + left: 0; + } + .col-sm-push-8 { + right: 66.66666667%; + left: 0; + } + .col-sm-push-7 { + right: 58.33333333%; + left: 0; + } + .col-sm-push-6 { + right: 50%; + left: 0; + } + .col-sm-push-5 { + right: 41.66666667%; + left: 0; + } + .col-sm-push-4 { + right: 33.33333333%; + left: 0; + } + .col-sm-push-3 { + right: 25%; + left: 0; + } + .col-sm-push-2 { + right: 16.66666667%; + left: 0; + } + .col-sm-push-1 { + right: 8.33333333%; + left: 0; + } + .col-sm-push-0 { + right: auto; + left: 0; + } + .col-sm-offset-12 { + margin-right: 100%; + margin-left: 0; + } + .col-sm-offset-11 { + margin-right: 91.66666667%; + margin-left: 0; + } + .col-sm-offset-10 { + margin-right: 83.33333333%; + margin-left: 0; + } + .col-sm-offset-9 { + margin-right: 75%; + margin-left: 0; + } + .col-sm-offset-8 { + margin-right: 66.66666667%; + margin-left: 0; + } + .col-sm-offset-7 { + margin-right: 58.33333333%; + margin-left: 0; + } + .col-sm-offset-6 { + margin-right: 50%; + margin-left: 0; + } + .col-sm-offset-5 { + margin-right: 41.66666667%; + margin-left: 0; + } + .col-sm-offset-4 { + margin-right: 33.33333333%; + margin-left: 0; + } + .col-sm-offset-3 { + margin-right: 25%; + margin-left: 0; + } + .col-sm-offset-2 { + margin-right: 16.66666667%; + margin-left: 0; + } + .col-sm-offset-1 { + margin-right: 8.33333333%; + margin-left: 0; + } + .col-sm-offset-0 { + margin-right: 0%; + margin-left: 0; + } + } + @media (min-width: 992px) { + .col-md-1, + .col-md-2, + .col-md-3, + .col-md-4, + .col-md-5, + .col-md-6, + .col-md-7, + .col-md-8, + .col-md-9, + .col-md-10, + .col-md-11, + .col-md-12 { + float: right; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666667%; + } + .col-md-10 { + width: 83.33333333%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-7 { + width: 58.33333333%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666667%; + } + .col-md-4 { + width: 33.33333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.66666667%; + } + .col-md-1 { + width: 8.33333333%; + } + .col-md-pull-12 { + left: 100%; + right: auto; + } + .col-md-pull-11 { + left: 91.66666667%; + right: auto; + } + .col-md-pull-10 { + left: 83.33333333%; + right: auto; + } + .col-md-pull-9 { + left: 75%; + right: auto; + } + .col-md-pull-8 { + left: 66.66666667%; + right: auto; + } + .col-md-pull-7 { + left: 58.33333333%; + right: auto; + } + .col-md-pull-6 { + left: 50%; + right: auto; + } + .col-md-pull-5 { + left: 41.66666667%; + right: auto; + } + .col-md-pull-4 { + left: 33.33333333%; + right: auto; + } + .col-md-pull-3 { + left: 25%; + right: auto; + } + .col-md-pull-2 { + left: 16.66666667%; + right: auto; + } + .col-md-pull-1 { + left: 8.33333333%; + right: auto; + } + .col-md-pull-0 { + left: auto; + right: auto; + } + .col-md-push-12 { + right: 100%; + left: 0; + } + .col-md-push-11 { + right: 91.66666667%; + left: 0; + } + .col-md-push-10 { + right: 83.33333333%; + left: 0; + } + .col-md-push-9 { + right: 75%; + left: 0; + } + .col-md-push-8 { + right: 66.66666667%; + left: 0; + } + .col-md-push-7 { + right: 58.33333333%; + left: 0; + } + .col-md-push-6 { + right: 50%; + left: 0; + } + .col-md-push-5 { + right: 41.66666667%; + left: 0; + } + .col-md-push-4 { + right: 33.33333333%; + left: 0; + } + .col-md-push-3 { + right: 25%; + left: 0; + } + .col-md-push-2 { + right: 16.66666667%; + left: 0; + } + .col-md-push-1 { + right: 8.33333333%; + left: 0; + } + .col-md-push-0 { + right: auto; + left: 0; + } + .col-md-offset-12 { + margin-right: 100%; + margin-left: 0; + } + .col-md-offset-11 { + margin-right: 91.66666667%; + margin-left: 0; + } + .col-md-offset-10 { + margin-right: 83.33333333%; + margin-left: 0; + } + .col-md-offset-9 { + margin-right: 75%; + margin-left: 0; + } + .col-md-offset-8 { + margin-right: 66.66666667%; + margin-left: 0; + } + .col-md-offset-7 { + margin-right: 58.33333333%; + margin-left: 0; + } + .col-md-offset-6 { + margin-right: 50%; + margin-left: 0; + } + .col-md-offset-5 { + margin-right: 41.66666667%; + margin-left: 0; + } + .col-md-offset-4 { + margin-right: 33.33333333%; + margin-left: 0; + } + .col-md-offset-3 { + margin-right: 25%; + margin-left: 0; + } + .col-md-offset-2 { + margin-right: 16.66666667%; + margin-left: 0; + } + .col-md-offset-1 { + margin-right: 8.33333333%; + margin-left: 0; + } + .col-md-offset-0 { + margin-right: 0%; + margin-left: 0; + } + } + @media (min-width: 1200px) { + .col-lg-1, + .col-lg-2, + .col-lg-3, + .col-lg-4, + .col-lg-5, + .col-lg-6, + .col-lg-7, + .col-lg-8, + .col-lg-9, + .col-lg-10, + .col-lg-11, + .col-lg-12 { + float: right; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666667%; + } + .col-lg-10 { + width: 83.33333333%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666667%; + } + .col-lg-7 { + width: 58.33333333%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666667%; + } + .col-lg-4 { + width: 33.33333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.66666667%; + } + .col-lg-1 { + width: 8.33333333%; + } + .col-lg-pull-12 { + left: 100%; + right: auto; + } + .col-lg-pull-11 { + left: 91.66666667%; + right: auto; + } + .col-lg-pull-10 { + left: 83.33333333%; + right: auto; + } + .col-lg-pull-9 { + left: 75%; + right: auto; + } + .col-lg-pull-8 { + left: 66.66666667%; + right: auto; + } + .col-lg-pull-7 { + left: 58.33333333%; + right: auto; + } + .col-lg-pull-6 { + left: 50%; + right: auto; + } + .col-lg-pull-5 { + left: 41.66666667%; + right: auto; + } + .col-lg-pull-4 { + left: 33.33333333%; + right: auto; + } + .col-lg-pull-3 { + left: 25%; + right: auto; + } + .col-lg-pull-2 { + left: 16.66666667%; + right: auto; + } + .col-lg-pull-1 { + left: 8.33333333%; + right: auto; + } + .col-lg-pull-0 { + left: auto; + right: auto; + } + .col-lg-push-12 { + right: 100%; + left: 0; + } + .col-lg-push-11 { + right: 91.66666667%; + left: 0; + } + .col-lg-push-10 { + right: 83.33333333%; + left: 0; + } + .col-lg-push-9 { + right: 75%; + left: 0; + } + .col-lg-push-8 { + right: 66.66666667%; + left: 0; + } + .col-lg-push-7 { + right: 58.33333333%; + left: 0; + } + .col-lg-push-6 { + right: 50%; + left: 0; + } + .col-lg-push-5 { + right: 41.66666667%; + left: 0; + } + .col-lg-push-4 { + right: 33.33333333%; + left: 0; + } + .col-lg-push-3 { + right: 25%; + left: 0; + } + .col-lg-push-2 { + right: 16.66666667%; + left: 0; + } + .col-lg-push-1 { + right: 8.33333333%; + left: 0; + } + .col-lg-push-0 { + right: auto; + left: 0; + } + .col-lg-offset-12 { + margin-right: 100%; + margin-left: 0; + } + .col-lg-offset-11 { + margin-right: 91.66666667%; + margin-left: 0; + } + .col-lg-offset-10 { + margin-right: 83.33333333%; + margin-left: 0; + } + .col-lg-offset-9 { + margin-right: 75%; + margin-left: 0; + } + .col-lg-offset-8 { + margin-right: 66.66666667%; + margin-left: 0; + } + .col-lg-offset-7 { + margin-right: 58.33333333%; + margin-left: 0; + } + .col-lg-offset-6 { + margin-right: 50%; + margin-left: 0; + } + .col-lg-offset-5 { + margin-right: 41.66666667%; + margin-left: 0; + } + .col-lg-offset-4 { + margin-right: 33.33333333%; + margin-left: 0; + } + .col-lg-offset-3 { + margin-right: 25%; + margin-left: 0; + } + .col-lg-offset-2 { + margin-right: 16.66666667%; + margin-left: 0; + } + .col-lg-offset-1 { + margin-right: 8.33333333%; + margin-left: 0; + } + .col-lg-offset-0 { + margin-right: 0%; + margin-left: 0; + } } - .col-md-10 { - width: 83.33333333%; + + caption { + text-align: right; } - .col-md-9 { - width: 75%; + + th:not(.mx-left-aligned) { + text-align: right; } - .col-md-8 { - width: 66.66666667%; + + @media screen and (max-width: 767px) { + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-right: 0; + border-left: initial; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-left: 0; + border-right: initial; + } } - .col-md-7 { - width: 58.33333333%; + + .radio label, + .checkbox label { + padding-right: 20px; + padding-left: initial; } - .col-md-6 { - width: 50%; + + .radio input[type="radio"], + .radio-inline input[type="radio"], + .checkbox input[type="checkbox"], + .checkbox-inline input[type="checkbox"] { + margin-right: -20px; + margin-left: auto; } - .col-md-5 { - width: 41.66666667%; + + .radio-inline, + .checkbox-inline { + padding-right: 20px; + padding-left: 0; } - .col-md-4 { - width: 33.33333333%; + + .radio-inline + .radio-inline, + .checkbox-inline + .checkbox-inline { + margin-right: 10px; + margin-left: 0; } - .col-md-3 { - width: 25%; + + .has-feedback .form-control { + padding-left: 42.5px; + padding-right: 12px; } - .col-md-2 { - width: 16.66666667%; + + .form-control-feedback { + left: 0; + right: auto; } - .col-md-1 { - width: 8.33333333%; + + @media (min-width: 768px) { + .form-inline label { + padding-right: 0; + padding-left: initial; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + margin-right: 0; + margin-left: auto; + } + } + @media (min-width: 768px) { + .form-horizontal .control-label { + text-align: left; + } } - .col-md-pull-12 { - left: 100%; + + .form-horizontal .has-feedback .form-control-feedback { + left: 15px; right: auto; } - .col-md-pull-11 { - left: 91.66666667%; - right: auto; + + .caret { + margin-right: 2px; + margin-left: 0; } - .col-md-pull-10 { - left: 83.33333333%; - right: auto; + + .dropdown-menu { + right: 0; + left: auto; + float: left; + text-align: right; } - .col-md-pull-9 { - left: 75%; + + .dropdown-menu.pull-right { + left: 0; right: auto; + float: right; } - .col-md-pull-8 { - left: 66.66666667%; - right: auto; + + .dropdown-menu-right { + left: auto; + right: 0; } - .col-md-pull-7 { - left: 58.33333333%; + + .dropdown-menu-left { + left: 0; right: auto; } - .col-md-pull-6 { - left: 50%; - right: auto; + + @media (min-width: 768px) { + .navbar-right .dropdown-menu { + left: auto; + right: 0; + } + .navbar-right .dropdown-menu-left { + left: 0; + right: auto; + } } - .col-md-pull-5 { - left: 41.66666667%; - right: auto; + + .btn-group > .btn, + .btn-group-vertical > .btn { + float: right; } - .col-md-pull-4 { - left: 33.33333333%; - right: auto; + + .btn-group .btn + .btn, + .btn-group .btn + .btn-group, + .btn-group .btn-group + .btn, + .btn-group .btn-group + .btn-group { + margin-right: -1px; + margin-left: 0px; } - .col-md-pull-3 { - left: 25%; - right: auto; + + .btn-toolbar { + margin-right: -5px; + margin-left: 0px; } - .col-md-pull-2 { - left: 16.66666667%; - right: auto; + + .btn-toolbar .btn-group, + .btn-toolbar .input-group { + float: right; } - .col-md-pull-1 { - left: 8.33333333%; - right: auto; + + .btn-toolbar > .btn, + .btn-toolbar > .btn-group, + .btn-toolbar > .input-group { + margin-right: 5px; + margin-left: 0px; } - .col-md-pull-0 { - left: auto; - right: auto; + + .btn-group > .btn:first-child { + margin-right: 0; } - .col-md-push-12 { - right: 100%; - left: 0; + + .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } - .col-md-push-11 { - right: 91.66666667%; - left: 0; + + .btn-group > .btn:last-child:not(:first-child), + .btn-group > .dropdown-toggle:not(:first-child) { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } - .col-md-push-10 { - right: 83.33333333%; - left: 0; - } - .col-md-push-9 { - right: 75%; - left: 0; - } - .col-md-push-8 { - right: 66.66666667%; - left: 0; - } - .col-md-push-7 { - right: 58.33333333%; - left: 0; - } - .col-md-push-6 { - right: 50%; - left: 0; - } - .col-md-push-5 { - right: 41.66666667%; - left: 0; - } - .col-md-push-4 { - right: 33.33333333%; - left: 0; - } - .col-md-push-3 { - right: 25%; - left: 0; - } - .col-md-push-2 { - right: 16.66666667%; - left: 0; - } - .col-md-push-1 { - right: 8.33333333%; - left: 0; - } - .col-md-push-0 { - right: auto; - left: 0; - } - .col-md-offset-12 { - margin-right: 100%; - margin-left: 0; - } - .col-md-offset-11 { - margin-right: 91.66666667%; - margin-left: 0; - } - .col-md-offset-10 { - margin-right: 83.33333333%; - margin-left: 0; - } - .col-md-offset-9 { - margin-right: 75%; - margin-left: 0; - } - .col-md-offset-8 { - margin-right: 66.66666667%; - margin-left: 0; - } - .col-md-offset-7 { - margin-right: 58.33333333%; - margin-left: 0; - } - .col-md-offset-6 { - margin-right: 50%; - margin-left: 0; + + .btn-group > .btn-group { + float: right; } - .col-md-offset-5 { - margin-right: 41.66666667%; - margin-left: 0; + + .btn-group.btn-group-justified > .btn, + .btn-group.btn-group-justified > .btn-group { + float: none; } - .col-md-offset-4 { - margin-right: 33.33333333%; - margin-left: 0; + + .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } - .col-md-offset-3 { - margin-right: 25%; - margin-left: 0; + + .btn-group > .btn-group:first-child > .btn:last-child, + .btn-group > .btn-group:first-child > .dropdown-toggle { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } - .col-md-offset-2 { - margin-right: 16.66666667%; - margin-left: 0; + + .btn-group > .btn-group:last-child > .btn:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } - .col-md-offset-1 { - margin-right: 8.33333333%; - margin-left: 0; + + .btn .caret { + margin-right: 0; } - .col-md-offset-0 { - margin-right: 0%; - margin-left: 0; + + .btn-group-vertical > .btn + .btn, + .btn-group-vertical > .btn + .btn-group, + .btn-group-vertical > .btn-group + .btn, + .btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-right: 0; } - } - @media (min-width: 1200px) { - .col-lg-1, - .col-lg-2, - .col-lg-3, - .col-lg-4, - .col-lg-5, - .col-lg-6, - .col-lg-7, - .col-lg-8, - .col-lg-9, - .col-lg-10, - .col-lg-11, - .col-lg-12 { + + .input-group .form-control { float: right; } - .col-lg-12 { - width: 100%; - } - .col-lg-11 { - width: 91.66666667%; - } - .col-lg-10 { - width: 83.33333333%; + + .input-group .form-control:first-child, + .input-group-addon:first-child, + .input-group-btn:first-child > .btn, + .input-group-btn:first-child > .btn-group > .btn, + .input-group-btn:first-child > .dropdown-toggle, + .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), + .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } - .col-lg-9 { - width: 75%; + + .input-group-addon:first-child { + border-left: 0px; + border-right: 1px solid; } - .col-lg-8 { - width: 66.66666667%; + + .input-group .form-control:last-child, + .input-group-addon:last-child, + .input-group-btn:last-child > .btn, + .input-group-btn:last-child > .btn-group > .btn, + .input-group-btn:last-child > .dropdown-toggle, + .input-group-btn:first-child > .btn:not(:first-child), + .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } - .col-lg-7 { - width: 58.33333333%; + + .input-group-addon:last-child { + border-left-width: 1px; + border-left-style: solid; + border-right: 0px; } - .col-lg-6 { - width: 50%; + + .input-group-btn > .btn + .btn { + margin-right: -1px; + margin-left: auto; } - .col-lg-5 { - width: 41.66666667%; + + .input-group-btn:first-child > .btn, + .input-group-btn:first-child > .btn-group { + margin-left: -1px; + margin-right: auto; } - .col-lg-4 { - width: 33.33333333%; + + .input-group-btn:last-child > .btn, + .input-group-btn:last-child > .btn-group { + margin-right: -1px; + margin-left: auto; } - .col-lg-3 { - width: 25%; + + .nav { + padding-right: 0; + padding-left: initial; } - .col-lg-2 { - width: 16.66666667%; + + .nav-tabs > li { + float: right; } - .col-lg-1 { - width: 8.33333333%; + + .nav-tabs > li > a { + margin-left: auto; + margin-right: -2px; + border-radius: 4px 4px 0 0; } - .col-lg-pull-12 { - left: 100%; - right: auto; + + .nav-pills > li { + float: right; } - .col-lg-pull-11 { - left: 91.66666667%; - right: auto; + + .nav-pills > li > a { + border-radius: 4px; } - .col-lg-pull-10 { - left: 83.33333333%; - right: auto; + + .nav-pills > li + li { + margin-right: 2px; + margin-left: auto; } - .col-lg-pull-9 { - left: 75%; - right: auto; + + .nav-stacked > li { + float: none; } - .col-lg-pull-8 { - left: 66.66666667%; - right: auto; + + .nav-stacked > li + li { + margin-right: 0; + margin-left: auto; } - .col-lg-pull-7 { - left: 58.33333333%; + + .nav-justified > .dropdown .dropdown-menu { right: auto; } - .col-lg-pull-6 { - left: 50%; - right: auto; + + .nav-tabs-justified > li > a { + margin-left: 0; + margin-right: auto; } - .col-lg-pull-5 { - left: 41.66666667%; - right: auto; + + @media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-radius: 4px 4px 0 0; + } } - .col-lg-pull-4 { - left: 33.33333333%; - right: auto; + @media (min-width: 768px) { + .navbar-header { + float: right; + } } - .col-lg-pull-3 { - left: 25%; - right: auto; + + .navbar-collapse { + padding-right: 15px; + padding-left: 15px; } - .col-lg-pull-2 { - left: 16.66666667%; - right: auto; + + .navbar-brand { + float: right; } - .col-lg-pull-1 { - left: 8.33333333%; - right: auto; + + @media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-right: -15px; + margin-left: auto; + } } - .col-lg-pull-0 { - left: auto; - right: auto; + + .navbar-toggle { + float: left; + margin-left: 15px; + margin-right: auto; } - .col-lg-push-12 { - right: 100%; - left: 0; + + @media (max-width: 767px) { + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 25px 5px 15px; + } + } + @media (min-width: 768px) { + .navbar-nav { + float: right; + } + .navbar-nav > li { + float: right; + } + } + @media (min-width: 768px) { + .navbar-left.flip { + float: right !important; + } + .navbar-right:last-child { + margin-left: -15px; + margin-right: auto; + } + .navbar-right.flip { + float: left !important; + margin-left: -15px; + margin-right: auto; + } + .navbar-right .dropdown-menu { + left: 0; + right: auto; + } + } + @media (min-width: 768px) { + .navbar-text { + float: right; + } + .navbar-text.navbar-right:last-child { + margin-left: 0; + margin-right: auto; + } } - .col-lg-push-11 { - right: 91.66666667%; - left: 0; + + .pagination { + padding-right: 0; } - .col-lg-push-10 { - right: 83.33333333%; - left: 0; + + .pagination > li > a, + .pagination > li > span { + float: right; + margin-right: -1px; + margin-left: 0px; } - .col-lg-push-9 { - right: 75%; - left: 0; + + .pagination > li:first-child > a, + .pagination > li:first-child > span { + margin-left: 0; + border-bottom-right-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } - .col-lg-push-8 { - right: 66.66666667%; - left: 0; + + .pagination > li:last-child > a, + .pagination > li:last-child > span { + margin-right: -1px; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } - .col-lg-push-7 { - right: 58.33333333%; - left: 0; + + .pager { + padding-right: 0; + padding-left: initial; } - .col-lg-push-6 { - right: 50%; - left: 0; + + .pager .next > a, + .pager .next > span { + float: left; } - .col-lg-push-5 { - right: 41.66666667%; - left: 0; + + .pager .previous > a, + .pager .previous > span { + float: right; } - .col-lg-push-4 { - right: 33.33333333%; - left: 0; + + .nav-pills > li > a > .badge { + margin-left: 0px; + margin-right: 3px; } - .col-lg-push-3 { - right: 25%; - left: 0; + + .list-group-item > .badge { + float: left; } - .col-lg-push-2 { - right: 16.66666667%; - left: 0; + + .list-group-item > .badge + .badge { + margin-left: 5px; + margin-right: auto; } - .col-lg-push-1 { - right: 8.33333333%; - left: 0; + + .alert-dismissable, + .alert-dismissible { + padding-left: 35px; + padding-right: 15px; } - .col-lg-push-0 { + + .alert-dismissable .close, + .alert-dismissible .close { right: auto; - left: 0; + left: -21px; } - .col-lg-offset-12 { - margin-right: 100%; - margin-left: 0; + + .progress-bar { + float: right; } - .col-lg-offset-11 { - margin-right: 91.66666667%; - margin-left: 0; + + .media > .pull-left { + margin-right: 10px; } - .col-lg-offset-10 { - margin-right: 83.33333333%; - margin-left: 0; + + .media > .pull-left.flip { + margin-right: 0; + margin-left: 10px; } - .col-lg-offset-9 { - margin-right: 75%; - margin-left: 0; + + .media > .pull-right { + margin-left: 10px; } - .col-lg-offset-8 { - margin-right: 66.66666667%; + + .media > .pull-right.flip { margin-left: 0; + margin-right: 10px; } - .col-lg-offset-7 { - margin-right: 58.33333333%; - margin-left: 0; + + .media-right, + .media > .pull-right { + padding-right: 10px; + padding-left: initial; } - .col-lg-offset-6 { - margin-right: 50%; - margin-left: 0; + + .media-left, + .media > .pull-left { + padding-left: 10px; + padding-right: initial; } - .col-lg-offset-5 { - margin-right: 41.66666667%; - margin-left: 0; + + .media-list { + padding-right: 0; + padding-left: initial; + list-style: none; } - .col-lg-offset-4 { - margin-right: 33.33333333%; - margin-left: 0; + + .list-group { + padding-right: 0; + padding-left: initial; } - .col-lg-offset-3 { - margin-right: 25%; - margin-left: 0; + + .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, + .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, + .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, + .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, + .panel + > .table-responsive:first-child + > .table:first-child + > tbody:first-child + > tr:first-child + th:first-child { + border-top-right-radius: 3px; + border-top-left-radius: 0; } - .col-lg-offset-2 { - margin-right: 16.66666667%; - margin-left: 0; + + .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, + .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, + .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, + .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-left-radius: 3px; + border-top-right-radius: 0; } - .col-lg-offset-1 { - margin-right: 8.33333333%; - margin-left: 0; + + .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, + .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 3px; + border-top-right-radius: 0; } - .col-lg-offset-0 { - margin-right: 0%; - margin-left: 0; + + .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, + .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 3px; + border-top-left-radius: 0; } - } - caption { - text-align: right; - } - th:not(.mx-left-aligned) { - text-align: right; - } - @media screen and (max-width: 767px) { - .table-responsive > .table-bordered { - border: 0; - } - .table-responsive > .table-bordered > thead > tr > th:first-child, - .table-responsive > .table-bordered > tbody > tr > th:first-child, - .table-responsive > .table-bordered > tfoot > tr > th:first-child, - .table-responsive > .table-bordered > thead > tr > td:first-child, - .table-responsive > .table-bordered > tbody > tr > td:first-child, - .table-responsive > .table-bordered > tfoot > tr > td:first-child { + + .panel > .table-bordered > thead > tr > th:first-child, + .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, + .panel > .table-bordered > tbody > tr > th:first-child, + .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, + .panel > .table-bordered > tfoot > tr > th:first-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .panel > .table-bordered > thead > tr > td:first-child, + .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, + .panel > .table-bordered > tbody > tr > td:first-child, + .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, + .panel > .table-bordered > tfoot > tr > td:first-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-right: 0; - border-left: initial; - } - .table-responsive > .table-bordered > thead > tr > th:last-child, - .table-responsive > .table-bordered > tbody > tr > th:last-child, - .table-responsive > .table-bordered > tfoot > tr > th:last-child, - .table-responsive > .table-bordered > thead > tr > td:last-child, - .table-responsive > .table-bordered > tbody > tr > td:last-child, - .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-left: none; + } + + .panel > .table-bordered > thead > tr > th:last-child, + .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, + .panel > .table-bordered > tbody > tr > th:last-child, + .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, + .panel > .table-bordered > tfoot > tr > th:last-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .panel > .table-bordered > thead > tr > td:last-child, + .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, + .panel > .table-bordered > tbody > tr > td:last-child, + .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, + .panel > .table-bordered > tfoot > tr > td:last-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: none; border-left: 0; - border-right: initial; } - } - .radio label, - .checkbox label { - padding-right: 20px; - padding-left: initial; - } - .radio input[type="radio"], - .radio-inline input[type="radio"], - .checkbox input[type="checkbox"], - .checkbox-inline input[type="checkbox"] { - margin-right: -20px; - margin-left: auto; - } - .radio-inline, - .checkbox-inline { - padding-right: 20px; - padding-left: 0; - } - .radio-inline + .radio-inline, - .checkbox-inline + .checkbox-inline { - margin-right: 10px; - margin-left: 0; - } - .has-feedback .form-control { - padding-left: 42.5px; - padding-right: 12px; - } - .form-control-feedback { - left: 0; - right: auto; - } - @media (min-width: 768px) { - .form-inline label { - padding-right: 0; - padding-left: initial; + + .embed-responsive .embed-responsive-item, + .embed-responsive iframe, + .embed-responsive embed, + .embed-responsive object { + right: 0; + left: auto; } - .form-inline .radio input[type="radio"], - .form-inline .checkbox input[type="checkbox"] { - margin-right: 0; - margin-left: auto; + + .close { + float: left; } - } - @media (min-width: 768px) { - .form-horizontal .control-label { + + .modal-footer { text-align: left; } - } - .form-horizontal .has-feedback .form-control-feedback { - left: 15px; - right: auto; - } - .caret { - margin-right: 2px; - margin-left: 0; - } - .dropdown-menu { - right: 0; - left: auto; - float: left; - text-align: right; - } - .dropdown-menu.pull-right { - left: 0; - right: auto; - float: right; - } - .dropdown-menu-right { - left: auto; - right: 0; - } - .dropdown-menu-left { - left: 0; - right: auto; - } - @media (min-width: 768px) { - .navbar-right .dropdown-menu { - left: auto; - right: 0; - } - .navbar-right .dropdown-menu-left { - left: 0; - right: auto; + + .modal-footer.flip { + text-align: right; } - } - .btn-group > .btn, - .btn-group-vertical > .btn { - float: right; - } - .btn-group .btn + .btn, - .btn-group .btn + .btn-group, - .btn-group .btn-group + .btn, - .btn-group .btn-group + .btn-group { - margin-right: -1px; - margin-left: 0px; - } - .btn-toolbar { - margin-right: -5px; - margin-left: 0px; - } - .btn-toolbar .btn-group, - .btn-toolbar .input-group { - float: right; - } - .btn-toolbar > .btn, - .btn-toolbar > .btn-group, - .btn-toolbar > .input-group { - margin-right: 5px; - margin-left: 0px; - } - .btn-group > .btn:first-child { - margin-right: 0; - } - .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } - .btn-group > .btn:last-child:not(:first-child), - .btn-group > .dropdown-toggle:not(:first-child) { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 0; - border-top-right-radius: 0; - } - .btn-group > .btn-group { - float: right; - } - .btn-group.btn-group-justified > .btn, - .btn-group.btn-group-justified > .btn-group { - float: none; - } - .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; - } - .btn-group > .btn-group:first-child > .btn:last-child, - .btn-group > .btn-group:first-child > .dropdown-toggle { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } - .btn-group > .btn-group:last-child > .btn:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 0; - border-top-right-radius: 0; - } - .btn .caret { - margin-right: 0; - } - .btn-group-vertical > .btn + .btn, - .btn-group-vertical > .btn + .btn-group, - .btn-group-vertical > .btn-group + .btn, - .btn-group-vertical > .btn-group + .btn-group { - margin-top: -1px; - margin-right: 0; - } - .input-group .form-control { - float: right; - } - .input-group .form-control:first-child, - .input-group-addon:first-child, - .input-group-btn:first-child > .btn, - .input-group-btn:first-child > .btn-group > .btn, - .input-group-btn:first-child > .dropdown-toggle, - .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), - .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { - border-bottom-right-radius: 4px; - border-top-right-radius: 4px; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } - .input-group-addon:first-child { - border-left: 0px; - border-right: 1px solid; - } - .input-group .form-control:last-child, - .input-group-addon:last-child, - .input-group-btn:last-child > .btn, - .input-group-btn:last-child > .btn-group > .btn, - .input-group-btn:last-child > .dropdown-toggle, - .input-group-btn:first-child > .btn:not(:first-child), - .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; - border-bottom-right-radius: 0; - border-top-right-radius: 0; - } - .input-group-addon:last-child { - border-left-width: 1px; - border-left-style: solid; - border-right: 0px; - } - .input-group-btn > .btn + .btn { - margin-right: -1px; - margin-left: auto; - } - .input-group-btn:first-child > .btn, - .input-group-btn:first-child > .btn-group { - margin-left: -1px; - margin-right: auto; - } - .input-group-btn:last-child > .btn, - .input-group-btn:last-child > .btn-group { - margin-right: -1px; - margin-left: auto; - } - .nav { - padding-right: 0; - padding-left: initial; - } - .nav-tabs > li { - float: right; - } - .nav-tabs > li > a { - margin-left: auto; - margin-right: -2px; - border-radius: 4px 4px 0 0; - } - .nav-pills > li { - float: right; - } - .nav-pills > li > a { - border-radius: 4px; - } - .nav-pills > li + li { - margin-right: 2px; - margin-left: auto; - } - .nav-stacked > li { - float: none; - } - .nav-stacked > li + li { - margin-right: 0; - margin-left: auto; - } - .nav-justified > .dropdown .dropdown-menu { - right: auto; - } - .nav-tabs-justified > li > a { - margin-left: 0; - margin-right: auto; - } - @media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-radius: 4px 4px 0 0; + + .modal-footer .btn + .btn { + margin-left: auto; + margin-right: 5px; } - } - @media (min-width: 768px) { - .navbar-header { - float: right; + + .modal-footer .btn-group .btn + .btn { + margin-right: -1px; + margin-left: auto; } - } - .navbar-collapse { - padding-right: 15px; - padding-left: 15px; - } - .navbar-brand { - float: right; - } - @media (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-right: -15px; + + .modal-footer .btn-block + .btn-block { + margin-right: 0; margin-left: auto; } - } - .navbar-toggle { - float: left; - margin-left: 15px; - margin-right: auto; - } - @media (max-width: 767px) { - .navbar-nav .open .dropdown-menu > li > a, - .navbar-nav .open .dropdown-menu .dropdown-header { - padding: 5px 25px 5px 15px; + + .popover { + left: auto; + text-align: right; } - } - @media (min-width: 768px) { - .navbar-nav { - float: right; + + .popover.top > .arrow { + right: 50%; + left: auto; + margin-right: -11px; + margin-left: auto; } - .navbar-nav > li { - float: right; + + .popover.top > .arrow:after { + margin-right: -10px; + margin-left: auto; } - } - @media (min-width: 768px) { - .navbar-left.flip { - float: right !important; + + .popover.bottom > .arrow { + right: 50%; + left: auto; + margin-right: -11px; + margin-left: auto; } - .navbar-right:last-child { - margin-left: -15px; - margin-right: auto; + + .popover.bottom > .arrow:after { + margin-right: -10px; + margin-left: auto; } - .navbar-right.flip { - float: left !important; - margin-left: -15px; - margin-right: auto; + + .carousel-control { + right: 0; + bottom: 0; } - .navbar-right .dropdown-menu { + + .carousel-control.left { + right: auto; left: 0; + background-image: -webkit-linear-gradient( + left, + color-stop(rgba(0, 0, 0, 0.5) 0%), + color-stop(rgba(0, 0, 0, 0.0001) 100%) + ); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + } + + .carousel-control.right { + left: auto; + right: 0; + background-image: -webkit-linear-gradient( + left, + color-stop(rgba(0, 0, 0, 0.0001) 0%), + color-stop(rgba(0, 0, 0, 0.5) 100%) + ); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + } + + .carousel-control .icon-prev, + .carousel-control .glyphicon-chevron-left { + left: 50%; right: auto; + margin-right: -10px; } - } - @media (min-width: 768px) { - .navbar-text { - float: right; + + .carousel-control .icon-next, + .carousel-control .glyphicon-chevron-right { + right: 50%; + left: auto; + margin-left: -10px; } - .navbar-text.navbar-right:last-child { + + .carousel-indicators { + right: 50%; + left: 0; + margin-right: -30%; margin-left: 0; - margin-right: auto; + padding-left: 0; } - } - .pagination { - padding-right: 0; - } - .pagination > li > a, - .pagination > li > span { - float: right; - margin-right: -1px; - margin-left: 0px; - } - .pagination > li:first-child > a, - .pagination > li:first-child > span { - margin-left: 0; - border-bottom-right-radius: 4px; - border-top-right-radius: 4px; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } - .pagination > li:last-child > a, - .pagination > li:last-child > span { - margin-right: -1px; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; - border-bottom-right-radius: 0; - border-top-right-radius: 0; - } - .pager { - padding-right: 0; - padding-left: initial; - } - .pager .next > a, - .pager .next > span { - float: left; - } - .pager .previous > a, - .pager .previous > span { - float: right; - } - .nav-pills > li > a > .badge { - margin-left: 0px; - margin-right: 3px; - } - .list-group-item > .badge { - float: left; - } - .list-group-item > .badge + .badge { - margin-left: 5px; - margin-right: auto; - } - .alert-dismissable, - .alert-dismissible { - padding-left: 35px; - padding-right: 15px; - } - .alert-dismissable .close, - .alert-dismissible .close { - right: auto; - left: -21px; - } - .progress-bar { - float: right; - } - .media > .pull-left { - margin-right: 10px; - } - .media > .pull-left.flip { - margin-right: 0; - margin-left: 10px; - } - .media > .pull-right { - margin-left: 10px; - } - .media > .pull-right.flip { - margin-left: 0; - margin-right: 10px; - } - .media-right, - .media > .pull-right { - padding-right: 10px; - padding-left: initial; - } - .media-left, - .media > .pull-left { - padding-left: 10px; - padding-right: initial; - } - .media-list { - padding-right: 0; - padding-left: initial; - list-style: none; - } - .list-group { - padding-right: 0; - padding-left: initial; - } - .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, - .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, - .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, - .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, - .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, - .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, - .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, - .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { - border-top-right-radius: 3px; - border-top-left-radius: 0; - } - .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, - .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, - .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, - .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, - .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, - .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, - .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, - .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { - border-top-left-radius: 3px; - border-top-right-radius: 0; - } - .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, - .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, - .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, - .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, - .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, - .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, - .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, - .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { - border-bottom-left-radius: 3px; - border-top-right-radius: 0; - } - .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, - .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, - .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, - .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, - .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, - .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, - .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, - .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { - border-bottom-right-radius: 3px; - border-top-left-radius: 0; - } - .panel > .table-bordered > thead > tr > th:first-child, - .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, - .panel > .table-bordered > tbody > tr > th:first-child, - .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, - .panel > .table-bordered > tfoot > tr > th:first-child, - .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, - .panel > .table-bordered > thead > tr > td:first-child, - .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, - .panel > .table-bordered > tbody > tr > td:first-child, - .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, - .panel > .table-bordered > tfoot > tr > td:first-child, - .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { - border-right: 0; - border-left: none; - } - .panel > .table-bordered > thead > tr > th:last-child, - .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, - .panel > .table-bordered > tbody > tr > th:last-child, - .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, - .panel > .table-bordered > tfoot > tr > th:last-child, - .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, - .panel > .table-bordered > thead > tr > td:last-child, - .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, - .panel > .table-bordered > tbody > tr > td:last-child, - .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, - .panel > .table-bordered > tfoot > tr > td:last-child, - .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { - border-right: none; - border-left: 0; - } - .embed-responsive .embed-responsive-item, - .embed-responsive iframe, - .embed-responsive embed, - .embed-responsive object { - right: 0; - left: auto; - } - .close { - float: left; - } - .modal-footer { - text-align: left; - } - .modal-footer.flip { - text-align: right; - } - .modal-footer .btn + .btn { - margin-left: auto; - margin-right: 5px; - } - .modal-footer .btn-group .btn + .btn { - margin-right: -1px; - margin-left: auto; - } - .modal-footer .btn-block + .btn-block { - margin-right: 0; - margin-left: auto; - } - .popover { - left: auto; - text-align: right; - } - .popover.top > .arrow { - right: 50%; - left: auto; - margin-right: -11px; - margin-left: auto; - } - .popover.top > .arrow:after { - margin-right: -10px; - margin-left: auto; - } - .popover.bottom > .arrow { - right: 50%; - left: auto; - margin-right: -11px; - margin-left: auto; - } - .popover.bottom > .arrow:after { - margin-right: -10px; - margin-left: auto; - } - .carousel-control { - right: 0; - bottom: 0; - } - .carousel-control.left { - right: auto; - left: 0; - background-image: -webkit-linear-gradient( - left, - color-stop(rgba(0, 0, 0, 0.5) 0%), - color-stop(rgba(0, 0, 0, 0.0001) 100%) - ); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); - } - .carousel-control.right { - left: auto; - right: 0; - background-image: -webkit-linear-gradient( - left, - color-stop(rgba(0, 0, 0, 0.0001) 0%), - color-stop(rgba(0, 0, 0, 0.5) 100%) - ); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); - } - .carousel-control .icon-prev, - .carousel-control .glyphicon-chevron-left { - left: 50%; - right: auto; - margin-right: -10px; - } - .carousel-control .icon-next, - .carousel-control .glyphicon-chevron-right { - right: 50%; - left: auto; - margin-left: -10px; - } - .carousel-indicators { - right: 50%; - left: 0; - margin-right: -30%; - margin-left: 0; - padding-left: 0; - } - @media screen and (min-width: 768px) { - .carousel-control .glyphicon-chevron-left, - .carousel-control .icon-prev { - margin-left: 0; - margin-right: -15px; + + @media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .icon-prev { + margin-left: 0; + margin-right: -15px; + } + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-next { + margin-left: 0; + margin-right: -15px; + } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } } - .carousel-control .glyphicon-chevron-right, - .carousel-control .icon-next { - margin-left: 0; - margin-right: -15px; + + .pull-right.flip { + float: left !important; } - .carousel-caption { - left: 20%; - right: 20%; - padding-bottom: 30px; + + .pull-left.flip { + float: right !important; } } - .pull-right.flip { - float: left !important; - } - .pull-left.flip { - float: right !important; - } } diff --git a/themesource/atlas_core/web/core/_legacy/bootstrap/_bootstrap.scss b/themesource/atlas_core/web/core/_legacy/bootstrap/_bootstrap.scss index 1dff846..304deb6 100644 --- a/themesource/atlas_core/web/core/_legacy/bootstrap/_bootstrap.scss +++ b/themesource/atlas_core/web/core/_legacy/bootstrap/_bootstrap.scss @@ -4,6816 +4,6818 @@ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ -html { - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} -body { - margin: 0; -} -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} -audio, -canvas, -progress, -video { - display: inline-block; - vertical-align: baseline; -} -audio:not([controls]) { - display: none; - height: 0; -} -[hidden], -template { - display: none; -} -a { - background-color: transparent; -} -a:active, -a:hover { - outline: 0; -} -abbr[title] { - border-bottom: 1px dotted; -} -b, -strong { - font-weight: bold; -} -dfn { - font-style: italic; -} -h1 { - margin: 0.67em 0; - font-size: 2em; -} -mark { - color: #000; - background: #ff0; -} -small { - font-size: 80%; -} -sub, -sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; -} -sup { - top: -0.5em; -} -sub { - bottom: -0.25em; -} -img { - border: 0; -} -svg:not(:root) { - overflow: hidden; -} -figure { - margin: 1em 40px; -} -hr { - height: 0; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -pre { - overflow: auto; -} -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} -button, -input, -optgroup, -select, -textarea { - margin: 0; - font: inherit; - color: inherit; -} -button { - overflow: visible; -} -button, -select { - text-transform: none; -} -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; - cursor: pointer; -} -//button[disabled], -//html input[disabled] { -// cursor: default; -//} -button::-moz-focus-inner, -input::-moz-focus-inner { - padding: 0; - border: 0; -} -input { - line-height: normal; -} -input[type="checkbox"], -input[type="radio"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 0; -} -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} -input[type="search"] { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - -webkit-appearance: textfield; -} -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} -fieldset { - padding: 0.35em 0.625em 0.75em; - margin: 0 2px; - border: 1px solid #c0c0c0; -} -legend { - padding: 0; - border: 0; -} -textarea { - overflow: auto; -} -optgroup { - font-weight: bold; -} -table { - border-spacing: 0; - border-collapse: collapse; -} -td, -th { - padding: 0; -} -/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ -@media print { - *, - *:before, - *:after { - color: #000 !important; - text-shadow: none !important; - background: transparent !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; +@mixin bootstrap() { + /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ + html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + } + body { + margin: 0; } - a[href]:after { - content: " (" attr(href) ")"; + article, + aside, + details, + figcaption, + figure, + footer, + header, + hgroup, + main, + menu, + nav, + section, + summary { + display: block; + } + audio, + canvas, + progress, + video { + display: inline-block; + vertical-align: baseline; } - abbr[title]:after { - content: " (" attr(title) ")"; + audio:not([controls]) { + display: none; + height: 0; } - a[href^="#"]:after, - a[href^="javascript:"]:after { - content: ""; + [hidden], + template { + display: none; } - pre, - blockquote { - border: 1px solid #999; - - page-break-inside: avoid; + a { + background-color: transparent; } - thead { - display: table-header-group; + a:active, + a:hover { + outline: 0; } - tr, - img { - page-break-inside: avoid; + abbr[title] { + border-bottom: 1px dotted; + } + b, + strong { + font-weight: bold; + } + dfn { + font-style: italic; + } + h1 { + margin: 0.67em 0; + font-size: 2em; + } + mark { + color: #000; + background: #ff0; + } + small { + font-size: 80%; + } + sub, + sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; + } + sup { + top: -0.5em; + } + sub { + bottom: -0.25em; } img { - max-width: 100% !important; + border: 0; } - p, - h2, - h3 { - orphans: 3; - widows: 3; + svg:not(:root) { + overflow: hidden; } - h2, - h3 { - page-break-after: avoid; + figure { + margin: 1em 40px; + } + hr { + height: 0; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + } + pre { + overflow: auto; + } + code, + kbd, + pre, + samp { + font-family: monospace, monospace; + font-size: 1em; + } + button, + input, + optgroup, + select, + textarea { + margin: 0; + font: inherit; + color: inherit; + } + button { + overflow: visible; } + button, select { - background: #fff !important; + text-transform: none; + } + button, + html input[type="button"], + input[type="reset"], + input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; + } + //button[disabled], + //html input[disabled] { + // cursor: default; + //} + button::-moz-focus-inner, + input::-moz-focus-inner { + padding: 0; + border: 0; } - .navbar { - display: none; + input { + line-height: normal; + } + input[type="checkbox"], + input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; + } + input[type="number"]::-webkit-inner-spin-button, + input[type="number"]::-webkit-outer-spin-button { + height: auto; + } + input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; + } + input[type="search"]::-webkit-search-cancel-button, + input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; + } + fieldset { + padding: 0.35em 0.625em 0.75em; + margin: 0 2px; + border: 1px solid #c0c0c0; + } + legend { + padding: 0; + border: 0; } - .btn > .caret, - .dropup > .btn > .caret { - border-top-color: #000 !important; + textarea { + overflow: auto; + } + optgroup { + font-weight: bold; + } + table { + border-spacing: 0; + border-collapse: collapse; + } + td, + th { + padding: 0; + } + /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ + @media print { + *, + *:before, + *:after { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + select { + background: #fff !important; + } + .navbar { + display: none; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } + } + @font-face { + font-family: "Glyphicons Halflings"; + src: url("./resources/glyphicons-halflings-regular.woff2") format("woff2"); + } + .glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: "Glyphicons Halflings"; + font-style: normal; + font-weight: normal; + line-height: 1; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .label { - border: 1px solid #000; + .glyphicon-asterisk:before { + content: "\2a"; } - .table { - border-collapse: collapse !important; + .glyphicon-plus:before { + content: "\2b"; } - .table td, - .table th { - background-color: #fff !important; + .glyphicon-euro:before, + .glyphicon-eur:before { + content: "\20ac"; } - .table-bordered th, - .table-bordered td { - border: 1px solid #ddd !important; + .glyphicon-minus:before { + content: "\2212"; } -} -@font-face { - font-family: "Glyphicons Halflings"; - src: url("./resources/glyphicons-halflings-regular.woff2") format("woff2"); -} -.glyphicon { - position: relative; - top: 1px; - display: inline-block; - font-family: "Glyphicons Halflings"; - font-style: normal; - font-weight: normal; - line-height: 1; - - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.glyphicon-asterisk:before { - content: "\2a"; -} -.glyphicon-plus:before { - content: "\2b"; -} -.glyphicon-euro:before, -.glyphicon-eur:before { - content: "\20ac"; -} -.glyphicon-minus:before { - content: "\2212"; -} -.glyphicon-cloud:before { - content: "\2601"; -} -.glyphicon-envelope:before { - content: "\2709"; -} -.glyphicon-pencil:before { - content: "\270f"; -} -.glyphicon-glass:before { - content: "\e001"; -} -.glyphicon-music:before { - content: "\e002"; -} -.glyphicon-search:before { - content: "\e003"; -} -.glyphicon-heart:before { - content: "\e005"; -} -.glyphicon-star:before { - content: "\e006"; -} -.glyphicon-star-empty:before { - content: "\e007"; -} -.glyphicon-user:before { - content: "\e008"; -} -.glyphicon-film:before { - content: "\e009"; -} -.glyphicon-th-large:before { - content: "\e010"; -} -.glyphicon-th:before { - content: "\e011"; -} -.glyphicon-th-list:before { - content: "\e012"; -} -.glyphicon-ok:before { - content: "\e013"; -} -.glyphicon-remove:before { - content: "\e014"; -} -.glyphicon-zoom-in:before { - content: "\e015"; -} -.glyphicon-zoom-out:before { - content: "\e016"; -} -.glyphicon-off:before { - content: "\e017"; -} -.glyphicon-signal:before { - content: "\e018"; -} -.glyphicon-cog:before { - content: "\e019"; -} -.glyphicon-trash:before { - content: "\e020"; -} -.glyphicon-home:before { - content: "\e021"; -} -.glyphicon-file:before { - content: "\e022"; -} -.glyphicon-time:before { - content: "\e023"; -} -.glyphicon-road:before { - content: "\e024"; -} -.glyphicon-download-alt:before { - content: "\e025"; -} -.glyphicon-download:before { - content: "\e026"; -} -.glyphicon-upload:before { - content: "\e027"; -} -.glyphicon-inbox:before { - content: "\e028"; -} -.glyphicon-play-circle:before { - content: "\e029"; -} -.glyphicon-repeat:before { - content: "\e030"; -} -.glyphicon-refresh:before { - content: "\e031"; -} -.glyphicon-list-alt:before { - content: "\e032"; -} -.glyphicon-lock:before { - content: "\e033"; -} -.glyphicon-flag:before { - content: "\e034"; -} -.glyphicon-headphones:before { - content: "\e035"; -} -.glyphicon-volume-off:before { - content: "\e036"; -} -.glyphicon-volume-down:before { - content: "\e037"; -} -.glyphicon-volume-up:before { - content: "\e038"; -} -.glyphicon-qrcode:before { - content: "\e039"; -} -.glyphicon-barcode:before { - content: "\e040"; -} -.glyphicon-tag:before { - content: "\e041"; -} -.glyphicon-tags:before { - content: "\e042"; -} -.glyphicon-book:before { - content: "\e043"; -} -.glyphicon-bookmark:before { - content: "\e044"; -} -.glyphicon-print:before { - content: "\e045"; -} -.glyphicon-camera:before { - content: "\e046"; -} -.glyphicon-font:before { - content: "\e047"; -} -.glyphicon-bold:before { - content: "\e048"; -} -.glyphicon-italic:before { - content: "\e049"; -} -.glyphicon-text-height:before { - content: "\e050"; -} -.glyphicon-text-width:before { - content: "\e051"; -} -.glyphicon-align-left:before { - content: "\e052"; -} -.glyphicon-align-center:before { - content: "\e053"; -} -.glyphicon-align-right:before { - content: "\e054"; -} -.glyphicon-align-justify:before { - content: "\e055"; -} -.glyphicon-list:before { - content: "\e056"; -} -.glyphicon-indent-left:before { - content: "\e057"; -} -.glyphicon-indent-right:before { - content: "\e058"; -} -.glyphicon-facetime-video:before { - content: "\e059"; -} -.glyphicon-picture:before { - content: "\e060"; -} -.glyphicon-map-marker:before { - content: "\e062"; -} -.glyphicon-adjust:before { - content: "\e063"; -} -.glyphicon-tint:before { - content: "\e064"; -} -.glyphicon-edit:before { - content: "\e065"; -} -.glyphicon-share:before { - content: "\e066"; -} -.glyphicon-check:before { - content: "\e067"; -} -.glyphicon-move:before { - content: "\e068"; -} -.glyphicon-step-backward:before { - content: "\e069"; -} -.glyphicon-fast-backward:before { - content: "\e070"; -} -.glyphicon-backward:before { - content: "\e071"; -} -.glyphicon-play:before { - content: "\e072"; -} -.glyphicon-pause:before { - content: "\e073"; -} -.glyphicon-stop:before { - content: "\e074"; -} -.glyphicon-forward:before { - content: "\e075"; -} -.glyphicon-fast-forward:before { - content: "\e076"; -} -.glyphicon-step-forward:before { - content: "\e077"; -} -.glyphicon-eject:before { - content: "\e078"; -} -.glyphicon-chevron-left:before { - content: "\e079"; -} -.glyphicon-chevron-right:before { - content: "\e080"; -} -.glyphicon-plus-sign:before { - content: "\e081"; -} -.glyphicon-minus-sign:before { - content: "\e082"; -} -.glyphicon-remove-sign:before { - content: "\e083"; -} -.glyphicon-ok-sign:before { - content: "\e084"; -} -.glyphicon-question-sign:before { - content: "\e085"; -} -.glyphicon-info-sign:before { - content: "\e086"; -} -.glyphicon-screenshot:before { - content: "\e087"; -} -.glyphicon-remove-circle:before { - content: "\e088"; -} -.glyphicon-ok-circle:before { - content: "\e089"; -} -.glyphicon-ban-circle:before { - content: "\e090"; -} -.glyphicon-arrow-left:before { - content: "\e091"; -} -.glyphicon-arrow-right:before { - content: "\e092"; -} -.glyphicon-arrow-up:before { - content: "\e093"; -} -.glyphicon-arrow-down:before { - content: "\e094"; -} -.glyphicon-share-alt:before { - content: "\e095"; -} -.glyphicon-resize-full:before { - content: "\e096"; -} -.glyphicon-resize-small:before { - content: "\e097"; -} -.glyphicon-exclamation-sign:before { - content: "\e101"; -} -.glyphicon-gift:before { - content: "\e102"; -} -.glyphicon-leaf:before { - content: "\e103"; -} -.glyphicon-fire:before { - content: "\e104"; -} -.glyphicon-eye-open:before { - content: "\e105"; -} -.glyphicon-eye-close:before { - content: "\e106"; -} -.glyphicon-warning-sign:before { - content: "\e107"; -} -.glyphicon-plane:before { - content: "\e108"; -} -.glyphicon-calendar:before { - content: "\e109"; -} -.glyphicon-random:before { - content: "\e110"; -} -.glyphicon-comment:before { - content: "\e111"; -} -.glyphicon-magnet:before { - content: "\e112"; -} -.glyphicon-chevron-up:before { - content: "\e113"; -} -.glyphicon-chevron-down:before { - content: "\e114"; -} -.glyphicon-retweet:before { - content: "\e115"; -} -.glyphicon-shopping-cart:before { - content: "\e116"; -} -.glyphicon-folder-close:before { - content: "\e117"; -} -.glyphicon-folder-open:before { - content: "\e118"; -} -.glyphicon-resize-vertical:before { - content: "\e119"; -} -.glyphicon-resize-horizontal:before { - content: "\e120"; -} -.glyphicon-hdd:before { - content: "\e121"; -} -.glyphicon-bullhorn:before { - content: "\e122"; -} -.glyphicon-bell:before { - content: "\e123"; -} -.glyphicon-certificate:before { - content: "\e124"; -} -.glyphicon-thumbs-up:before { - content: "\e125"; -} -.glyphicon-thumbs-down:before { - content: "\e126"; -} -.glyphicon-hand-right:before { - content: "\e127"; -} -.glyphicon-hand-left:before { - content: "\e128"; -} -.glyphicon-hand-up:before { - content: "\e129"; -} -.glyphicon-hand-down:before { - content: "\e130"; -} -.glyphicon-circle-arrow-right:before { - content: "\e131"; -} -.glyphicon-circle-arrow-left:before { - content: "\e132"; -} -.glyphicon-circle-arrow-up:before { - content: "\e133"; -} -.glyphicon-circle-arrow-down:before { - content: "\e134"; -} -.glyphicon-globe:before { - content: "\e135"; -} -.glyphicon-wrench:before { - content: "\e136"; -} -.glyphicon-tasks:before { - content: "\e137"; -} -.glyphicon-filter:before { - content: "\e138"; -} -.glyphicon-briefcase:before { - content: "\e139"; -} -.glyphicon-fullscreen:before { - content: "\e140"; -} -.glyphicon-dashboard:before { - content: "\e141"; -} -.glyphicon-paperclip:before { - content: "\e142"; -} -.glyphicon-heart-empty:before { - content: "\e143"; -} -.glyphicon-link:before { - content: "\e144"; -} -.glyphicon-phone:before { - content: "\e145"; -} -.glyphicon-pushpin:before { - content: "\e146"; -} -.glyphicon-usd:before { - content: "\e148"; -} -.glyphicon-gbp:before { - content: "\e149"; -} -.glyphicon-sort:before { - content: "\e150"; -} -.glyphicon-sort-by-alphabet:before { - content: "\e151"; -} -.glyphicon-sort-by-alphabet-alt:before { - content: "\e152"; -} -.glyphicon-sort-by-order:before { - content: "\e153"; -} -.glyphicon-sort-by-order-alt:before { - content: "\e154"; -} -.glyphicon-sort-by-attributes:before { - content: "\e155"; -} -.glyphicon-sort-by-attributes-alt:before { - content: "\e156"; -} -.glyphicon-unchecked:before { - content: "\e157"; -} -.glyphicon-expand:before { - content: "\e158"; -} -.glyphicon-collapse-down:before { - content: "\e159"; -} -.glyphicon-collapse-up:before { - content: "\e160"; -} -.glyphicon-log-in:before { - content: "\e161"; -} -.glyphicon-flash:before { - content: "\e162"; -} -.glyphicon-log-out:before { - content: "\e163"; -} -.glyphicon-new-window:before { - content: "\e164"; -} -.glyphicon-record:before { - content: "\e165"; -} -.glyphicon-save:before { - content: "\e166"; -} -.glyphicon-open:before { - content: "\e167"; -} -.glyphicon-saved:before { - content: "\e168"; -} -.glyphicon-import:before { - content: "\e169"; -} -.glyphicon-export:before { - content: "\e170"; -} -.glyphicon-send:before { - content: "\e171"; -} -.glyphicon-floppy-disk:before { - content: "\e172"; -} -.glyphicon-floppy-saved:before { - content: "\e173"; -} -.glyphicon-floppy-remove:before { - content: "\e174"; -} -.glyphicon-floppy-save:before { - content: "\e175"; -} -.glyphicon-floppy-open:before { - content: "\e176"; -} -.glyphicon-credit-card:before { - content: "\e177"; -} -.glyphicon-transfer:before { - content: "\e178"; -} -.glyphicon-cutlery:before { - content: "\e179"; -} -.glyphicon-header:before { - content: "\e180"; -} -.glyphicon-compressed:before { - content: "\e181"; -} -.glyphicon-earphone:before { - content: "\e182"; -} -.glyphicon-phone-alt:before { - content: "\e183"; -} -.glyphicon-tower:before { - content: "\e184"; -} -.glyphicon-stats:before { - content: "\e185"; -} -.glyphicon-sd-video:before { - content: "\e186"; -} -.glyphicon-hd-video:before { - content: "\e187"; -} -.glyphicon-subtitles:before { - content: "\e188"; -} -.glyphicon-sound-stereo:before { - content: "\e189"; -} -.glyphicon-sound-dolby:before { - content: "\e190"; -} -.glyphicon-sound-5-1:before { - content: "\e191"; -} -.glyphicon-sound-6-1:before { - content: "\e192"; -} -.glyphicon-sound-7-1:before { - content: "\e193"; -} -.glyphicon-copyright-mark:before { - content: "\e194"; -} -.glyphicon-registration-mark:before { - content: "\e195"; -} -.glyphicon-cloud-download:before { - content: "\e197"; -} -.glyphicon-cloud-upload:before { - content: "\e198"; -} -.glyphicon-tree-conifer:before { - content: "\e199"; -} -.glyphicon-tree-deciduous:before { - content: "\e200"; -} -.glyphicon-cd:before { - content: "\e201"; -} -.glyphicon-save-file:before { - content: "\e202"; -} -.glyphicon-open-file:before { - content: "\e203"; -} -.glyphicon-level-up:before { - content: "\e204"; -} -.glyphicon-copy:before { - content: "\e205"; -} -.glyphicon-paste:before { - content: "\e206"; -} -.glyphicon-alert:before { - content: "\e209"; -} -.glyphicon-equalizer:before { - content: "\e210"; -} -.glyphicon-king:before { - content: "\e211"; -} -.glyphicon-queen:before { - content: "\e212"; -} -.glyphicon-pawn:before { - content: "\e213"; -} -.glyphicon-bishop:before { - content: "\e214"; -} -.glyphicon-knight:before { - content: "\e215"; -} -.glyphicon-baby-formula:before { - content: "\e216"; -} -.glyphicon-tent:before { - content: "\26fa"; -} -.glyphicon-blackboard:before { - content: "\e218"; -} -.glyphicon-bed:before { - content: "\e219"; -} -.glyphicon-apple:before { - content: "\f8ff"; -} -.glyphicon-erase:before { - content: "\e221"; -} -.glyphicon-hourglass:before { - content: "\231b"; -} -.glyphicon-lamp:before { - content: "\e223"; -} -.glyphicon-duplicate:before { - content: "\e224"; -} -.glyphicon-piggy-bank:before { - content: "\e225"; -} -.glyphicon-scissors:before { - content: "\e226"; -} -.glyphicon-bitcoin:before { - content: "\e227"; -} -.glyphicon-btc:before { - content: "\e227"; -} -.glyphicon-xbt:before { - content: "\e227"; -} -.glyphicon-yen:before { - content: "\00a5"; -} -.glyphicon-jpy:before { - content: "\00a5"; -} -.glyphicon-ruble:before { - content: "\20bd"; -} -.glyphicon-rub:before { - content: "\20bd"; -} -.glyphicon-scale:before { - content: "\e230"; -} -.glyphicon-ice-lolly:before { - content: "\e231"; -} -.glyphicon-ice-lolly-tasted:before { - content: "\e232"; -} -.glyphicon-education:before { - content: "\e233"; -} -.glyphicon-option-horizontal:before { - content: "\e234"; -} -.glyphicon-option-vertical:before { - content: "\e235"; -} -.glyphicon-menu-hamburger:before { - content: "\e236"; -} -.glyphicon-modal-window:before { - content: "\e237"; -} -.glyphicon-oil:before { - content: "\e238"; -} -.glyphicon-grain:before { - content: "\e239"; -} -.glyphicon-sunglasses:before { - content: "\e240"; -} -.glyphicon-text-size:before { - content: "\e241"; -} -.glyphicon-text-color:before { - content: "\e242"; -} -.glyphicon-text-background:before { - content: "\e243"; -} -.glyphicon-object-align-top:before { - content: "\e244"; -} -.glyphicon-object-align-bottom:before { - content: "\e245"; -} -.glyphicon-object-align-horizontal:before { - content: "\e246"; -} -.glyphicon-object-align-left:before { - content: "\e247"; -} -.glyphicon-object-align-vertical:before { - content: "\e248"; -} -.glyphicon-object-align-right:before { - content: "\e249"; -} -.glyphicon-triangle-right:before { - content: "\e250"; -} -.glyphicon-triangle-left:before { - content: "\e251"; -} -.glyphicon-triangle-bottom:before { - content: "\e252"; -} -.glyphicon-triangle-top:before { - content: "\e253"; -} -.glyphicon-console:before { - content: "\e254"; -} -.glyphicon-superscript:before { - content: "\e255"; -} -.glyphicon-subscript:before { - content: "\e256"; -} -.glyphicon-menu-left:before { - content: "\e257"; -} -.glyphicon-menu-right:before { - content: "\e258"; -} -.glyphicon-menu-down:before { - content: "\e259"; -} -.glyphicon-menu-up:before { - content: "\e260"; -} -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -*:before, -*:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -html { - font-size: 10px; - - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} -body { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 1.42857143; - color: #333; - background-color: #fff; -} -input, -button, -select, -textarea { - font-family: inherit; - font-size: inherit; - line-height: inherit; -} -a { - color: #337ab7; - text-decoration: none; -} -a:hover, -a:focus { - color: #23527c; - text-decoration: underline; -} -a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -figure { - margin: 0; -} -img { - vertical-align: middle; -} -.img-responsive, -.thumbnail > img, -.thumbnail a > img, -.carousel-inner > .item > img, -.carousel-inner > .item > a > img { - display: block; - max-width: 100%; - height: auto; -} -.img-rounded { - border-radius: 6px; -} -.img-thumbnail { - display: inline-block; - max-width: 100%; - height: auto; - padding: 4px; - line-height: 1.42857143; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 4px; - -webkit-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} -.img-circle { - border-radius: 50%; -} -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eee; -} -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} -.sr-only-focusable:active, -.sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; -} -[role="button"] { - cursor: pointer; -} -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: inherit; - font-weight: 500; - line-height: 1.1; - color: inherit; -} -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small, -.h1 small, -.h2 small, -.h3 small, -.h4 small, -.h5 small, -.h6 small, -h1 .small, -h2 .small, -h3 .small, -h4 .small, -h5 .small, -h6 .small, -.h1 .small, -.h2 .small, -.h3 .small, -.h4 .small, -.h5 .small, -.h6 .small { - font-weight: normal; - line-height: 1; - color: #777; -} -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 20px; - margin-bottom: 10px; -} -h1 small, -.h1 small, -h2 small, -.h2 small, -h3 small, -.h3 small, -h1 .small, -.h1 .small, -h2 .small, -.h2 .small, -h3 .small, -.h3 .small { - font-size: 65%; -} -h4, -.h4, -h5, -.h5, -h6, -.h6 { - margin-top: 10px; - margin-bottom: 10px; -} -h4 small, -.h4 small, -h5 small, -.h5 small, -h6 small, -.h6 small, -h4 .small, -.h4 .small, -h5 .small, -.h5 .small, -h6 .small, -.h6 .small { - font-size: 75%; -} -h1, -.h1 { - font-size: 36px; -} -h2, -.h2 { - font-size: 30px; -} -h3, -.h3 { - font-size: 24px; -} -h4, -.h4 { - font-size: 18px; -} -h5, -.h5 { - font-size: 14px; -} -h6, -.h6 { - font-size: 12px; -} -p { - margin: 0 0 10px; -} -.lead { - margin-bottom: 20px; - font-size: 16px; - font-weight: 300; - line-height: 1.4; -} -@media (min-width: 768px) { - .lead { - font-size: 21px; + .glyphicon-cloud:before { + content: "\2601"; } -} -small, -.small { - font-size: 85%; -} -mark, -.mark { - padding: 0.2em; - background-color: #fcf8e3; -} -.text-left { - text-align: left; -} -.text-right { - text-align: right; -} -.text-center { - text-align: center; -} -.text-justify { - text-align: justify; -} -.text-nowrap { - white-space: nowrap; -} -.text-lowercase { - text-transform: lowercase; -} -.text-uppercase { - text-transform: uppercase; -} -.text-capitalize { - text-transform: capitalize; -} -.text-muted { - color: #777; -} -.text-primary { - color: #337ab7; -} -a.text-primary:hover { - color: #286090; -} -.text-success { - color: #3c763d; -} -a.text-success:hover { - color: #2b542c; -} -.text-info { - color: #31708f; -} -a.text-info:hover { - color: #245269; -} -.text-warning { - color: #8a6d3b; -} -a.text-warning:hover { - color: #66512c; -} -.text-danger { - color: #a94442; -} -a.text-danger:hover { - color: #843534; -} -.bg-primary { - color: #fff; - background-color: #337ab7; -} -a.bg-primary:hover { - background-color: #286090; -} -.bg-success { - background-color: #dff0d8; -} -a.bg-success:hover { - background-color: #c1e2b3; -} -.bg-info { - background-color: #d9edf7; -} -a.bg-info:hover { - background-color: #afd9ee; -} -.bg-warning { - background-color: #fcf8e3; -} -a.bg-warning:hover { - background-color: #f7ecb5; -} -.bg-danger { - background-color: #f2dede; -} -a.bg-danger:hover { - background-color: #e4b9b9; -} -.page-header { - padding-bottom: 9px; - margin: 40px 0 20px; - border-bottom: 1px solid #eee; -} -ul, -ol { - margin-top: 0; - margin-bottom: 10px; -} -ul ul, -ol ul, -ul ol, -ol ol { - margin-bottom: 0; -} -.list-unstyled { - padding-left: 0; - list-style: none; -} -.list-inline { - padding-left: 0; - margin-left: -5px; - list-style: none; -} -.list-inline > li { - display: inline-block; - padding-right: 5px; - padding-left: 5px; -} -dl { - margin-top: 0; - margin-bottom: 20px; -} -dt, -dd { - line-height: 1.42857143; -} -dt { - font-weight: bold; -} -dd { - margin-left: 0; -} -@media (min-width: 768px) { - .dl-horizontal dt { - float: left; - width: 160px; - overflow: hidden; - clear: left; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; + .glyphicon-envelope:before { + content: "\2709"; } - .dl-horizontal dd { - margin-left: 180px; + .glyphicon-pencil:before { + content: "\270f"; } -} -abbr[title], -abbr[data-original-title] { - cursor: help; - border-bottom: 1px dotted #777; -} -.initialism { - font-size: 90%; - text-transform: uppercase; -} -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 17.5px; - border-left: 5px solid #eee; -} -blockquote p:last-child, -blockquote ul:last-child, -blockquote ol:last-child { - margin-bottom: 0; -} -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #777; -} -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: "\2014 \00A0"; -} -.blockquote-reverse, -blockquote.pull-right { - padding-right: 15px; - padding-left: 0; - text-align: right; - border-right: 5px solid #eee; - border-left: 0; -} -.blockquote-reverse footer:before, -blockquote.pull-right footer:before, -.blockquote-reverse small:before, -blockquote.pull-right small:before, -.blockquote-reverse .small:before, -blockquote.pull-right .small:before { - content: ""; -} -.blockquote-reverse footer:after, -blockquote.pull-right footer:after, -.blockquote-reverse small:after, -blockquote.pull-right small:after, -.blockquote-reverse .small:after, -blockquote.pull-right .small:after { - content: "\00A0 \2014"; -} -address { - margin-bottom: 20px; - font-style: normal; - line-height: 1.42857143; -} -code, -kbd, -pre, -samp { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; -} -code { - padding: 2px 4px; - font-size: 90%; - color: #c7254e; - background-color: #f9f2f4; - border-radius: 4px; -} -kbd { - padding: 2px 4px; - font-size: 90%; - color: #fff; - background-color: #333; - border-radius: 3px; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); -} -kbd kbd { - padding: 0; - font-size: 100%; - font-weight: bold; - -webkit-box-shadow: none; - box-shadow: none; -} -pre { - display: block; - padding: 9.5px; - margin: 0 0 10px; - font-size: 13px; - line-height: 1.42857143; - color: #333; - word-break: break-all; - word-wrap: break-word; - background-color: #f5f5f5; - border: 1px solid #ccc; - border-radius: 4px; -} -pre code { - padding: 0; - font-size: inherit; - color: inherit; - white-space: pre-wrap; - background-color: transparent; - border-radius: 0; -} -.pre-scrollable { - max-height: 340px; - overflow-y: scroll; -} -.container { - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} -@media (min-width: 768px) { - .container { - width: 750px; + .glyphicon-glass:before { + content: "\e001"; } -} -@media (min-width: 992px) { - .container { - width: 970px; + .glyphicon-music:before { + content: "\e002"; } -} -@media (min-width: 1200px) { - .container { - width: 1170px; + .glyphicon-search:before { + content: "\e003"; } -} -.container-fluid { - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} -.row { - margin-right: -15px; - margin-left: -15px; -} -//.col-xs-1, -//.col-sm-1, -//.col-md-1, -//.col-lg-1, -//.col-xs-2, -//.col-sm-2, -//.col-md-2, -//.col-lg-2, -//.col-xs-3, -//.col-sm-3, -//.col-md-3, -//.col-lg-3, -//.col-xs-4, -//.col-sm-4, -//.col-md-4, -//.col-lg-4, -//.col-xs-5, -//.col-sm-5, -//.col-md-5, -//.col-lg-5, -//.col-xs-6, -//.col-sm-6, -//.col-md-6, -//.col-lg-6, -//.col-xs-7, -//.col-sm-7, -//.col-md-7, -//.col-lg-7, -//.col-xs-8, -//.col-sm-8, -//.col-md-8, -//.col-lg-8, -//.col-xs-9, -//.col-sm-9, -//.col-md-9, -//.col-lg-9, -//.col-xs-10, -//.col-sm-10, -//.col-md-10, -//.col-lg-10, -//.col-xs-11, -//.col-sm-11, -//.col-md-11, -//.col-lg-11, -//.col-xs-12, -//.col-sm-12, -//.col-md-12, -//.col-lg-12 { -// position: relative; -// min-height: 1px; -// padding-right: 15px; -// padding-left: 15px; -//} -//.col-xs-1, -//.col-xs-2, -//.col-xs-3, -//.col-xs-4, -//.col-xs-5, -//.col-xs-6, -//.col-xs-7, -//.col-xs-8, -//.col-xs-9, -//.col-xs-10, -//.col-xs-11, -//.col-xs-12 { -// float: left; -//} -//.col-xs-12 { -// width: 100%; -//} -//.col-xs-11 { -// width: 91.66666667%; -//} -//.col-xs-10 { -// width: 83.33333333%; -//} -//.col-xs-9 { -// width: 75%; -//} -//.col-xs-8 { -// width: 66.66666667%; -//} -//.col-xs-7 { -// width: 58.33333333%; -//} -//.col-xs-6 { -// width: 50%; -//} -//.col-xs-5 { -// width: 41.66666667%; -//} -//.col-xs-4 { -// width: 33.33333333%; -//} -//.col-xs-3 { -// width: 25%; -//} -//.col-xs-2 { -// width: 16.66666667%; -//} -//.col-xs-1 { -// width: 8.33333333%; -//} -//.col-xs-pull-12 { -// right: 100%; -//} -//.col-xs-pull-11 { -// right: 91.66666667%; -//} -//.col-xs-pull-10 { -// right: 83.33333333%; -//} -//.col-xs-pull-9 { -// right: 75%; -//} -//.col-xs-pull-8 { -// right: 66.66666667%; -//} -//.col-xs-pull-7 { -// right: 58.33333333%; -//} -//.col-xs-pull-6 { -// right: 50%; -//} -//.col-xs-pull-5 { -// right: 41.66666667%; -//} -//.col-xs-pull-4 { -// right: 33.33333333%; -//} -//.col-xs-pull-3 { -// right: 25%; -//} -//.col-xs-pull-2 { -// right: 16.66666667%; -//} -//.col-xs-pull-1 { -// right: 8.33333333%; -//} -//.col-xs-pull-0 { -// right: auto; -//} -//.col-xs-push-12 { -// left: 100%; -//} -//.col-xs-push-11 { -// left: 91.66666667%; -//} -//.col-xs-push-10 { -// left: 83.33333333%; -//} -//.col-xs-push-9 { -// left: 75%; -//} -//.col-xs-push-8 { -// left: 66.66666667%; -//} -//.col-xs-push-7 { -// left: 58.33333333%; -//} -//.col-xs-push-6 { -// left: 50%; -//} -//.col-xs-push-5 { -// left: 41.66666667%; -//} -//.col-xs-push-4 { -// left: 33.33333333%; -//} -//.col-xs-push-3 { -// left: 25%; -//} -//.col-xs-push-2 { -// left: 16.66666667%; -//} -//.col-xs-push-1 { -// left: 8.33333333%; -//} -//.col-xs-push-0 { -// left: auto; -//} -//.col-xs-offset-12 { -// margin-left: 100%; -//} -//.col-xs-offset-11 { -// margin-left: 91.66666667%; -//} -//.col-xs-offset-10 { -// margin-left: 83.33333333%; -//} -//.col-xs-offset-9 { -// margin-left: 75%; -//} -//.col-xs-offset-8 { -// margin-left: 66.66666667%; -//} -//.col-xs-offset-7 { -// margin-left: 58.33333333%; -//} -//.col-xs-offset-6 { -// margin-left: 50%; -//} -//.col-xs-offset-5 { -// margin-left: 41.66666667%; -//} -//.col-xs-offset-4 { -// margin-left: 33.33333333%; -//} -//.col-xs-offset-3 { -// margin-left: 25%; -//} -//.col-xs-offset-2 { -// margin-left: 16.66666667%; -//} -//.col-xs-offset-1 { -// margin-left: 8.33333333%; -//} -//.col-xs-offset-0 { -// margin-left: 0; -//} -//@media (min-width: 768px) { -// .col-sm-1, -// .col-sm-2, -// .col-sm-3, -// .col-sm-4, -// .col-sm-5, -// .col-sm-6, -// .col-sm-7, -// .col-sm-8, -// .col-sm-9, -// .col-sm-10, -// .col-sm-11, -// .col-sm-12 { -// float: left; -// } -// .col-sm-12 { -// width: 100%; -// } -// .col-sm-11 { -// width: 91.66666667%; -// } -// .col-sm-10 { -// width: 83.33333333%; -// } -// .col-sm-9 { -// width: 75%; -// } -// .col-sm-8 { -// width: 66.66666667%; -// } -// .col-sm-7 { -// width: 58.33333333%; -// } -// .col-sm-6 { -// width: 50%; -// } -// .col-sm-5 { -// width: 41.66666667%; -// } -// .col-sm-4 { -// width: 33.33333333%; -// } -// .col-sm-3 { -// width: 25%; -// } -// .col-sm-2 { -// width: 16.66666667%; -// } -// .col-sm-1 { -// width: 8.33333333%; -// } -// .col-sm-pull-12 { -// right: 100%; -// } -// .col-sm-pull-11 { -// right: 91.66666667%; -// } -// .col-sm-pull-10 { -// right: 83.33333333%; -// } -// .col-sm-pull-9 { -// right: 75%; -// } -// .col-sm-pull-8 { -// right: 66.66666667%; -// } -// .col-sm-pull-7 { -// right: 58.33333333%; -// } -// .col-sm-pull-6 { -// right: 50%; -// } -// .col-sm-pull-5 { -// right: 41.66666667%; -// } -// .col-sm-pull-4 { -// right: 33.33333333%; -// } -// .col-sm-pull-3 { -// right: 25%; -// } -// .col-sm-pull-2 { -// right: 16.66666667%; -// } -// .col-sm-pull-1 { -// right: 8.33333333%; -// } -// .col-sm-pull-0 { -// right: auto; -// } -// .col-sm-push-12 { -// left: 100%; -// } -// .col-sm-push-11 { -// left: 91.66666667%; -// } -// .col-sm-push-10 { -// left: 83.33333333%; -// } -// .col-sm-push-9 { -// left: 75%; -// } -// .col-sm-push-8 { -// left: 66.66666667%; -// } -// .col-sm-push-7 { -// left: 58.33333333%; -// } -// .col-sm-push-6 { -// left: 50%; -// } -// .col-sm-push-5 { -// left: 41.66666667%; -// } -// .col-sm-push-4 { -// left: 33.33333333%; -// } -// .col-sm-push-3 { -// left: 25%; -// } -// .col-sm-push-2 { -// left: 16.66666667%; -// } -// .col-sm-push-1 { -// left: 8.33333333%; -// } -// .col-sm-push-0 { -// left: auto; -// } -// .col-sm-offset-12 { -// margin-left: 100%; -// } -// .col-sm-offset-11 { -// margin-left: 91.66666667%; -// } -// .col-sm-offset-10 { -// margin-left: 83.33333333%; -// } -// .col-sm-offset-9 { -// margin-left: 75%; -// } -// .col-sm-offset-8 { -// margin-left: 66.66666667%; -// } -// .col-sm-offset-7 { -// margin-left: 58.33333333%; -// } -// .col-sm-offset-6 { -// margin-left: 50%; -// } -// .col-sm-offset-5 { -// margin-left: 41.66666667%; -// } -// .col-sm-offset-4 { -// margin-left: 33.33333333%; -// } -// .col-sm-offset-3 { -// margin-left: 25%; -// } -// .col-sm-offset-2 { -// margin-left: 16.66666667%; -// } -// .col-sm-offset-1 { -// margin-left: 8.33333333%; -// } -// .col-sm-offset-0 { -// margin-left: 0; -// } -//} -//@media (min-width: 992px) { -// .col-md-1, -// .col-md-2, -// .col-md-3, -// .col-md-4, -// .col-md-5, -// .col-md-6, -// .col-md-7, -// .col-md-8, -// .col-md-9, -// .col-md-10, -// .col-md-11, -// .col-md-12 { -// float: left; -// } -// .col-md-12 { -// width: 100%; -// } -// .col-md-11 { -// width: 91.66666667%; -// } -// .col-md-10 { -// width: 83.33333333%; -// } -// .col-md-9 { -// width: 75%; -// } -// .col-md-8 { -// width: 66.66666667%; -// } -// .col-md-7 { -// width: 58.33333333%; -// } -// .col-md-6 { -// width: 50%; -// } -// .col-md-5 { -// width: 41.66666667%; -// } -// .col-md-4 { -// width: 33.33333333%; -// } -// .col-md-3 { -// width: 25%; -// } -// .col-md-2 { -// width: 16.66666667%; -// } -// .col-md-1 { -// width: 8.33333333%; -// } -// .col-md-pull-12 { -// right: 100%; -// } -// .col-md-pull-11 { -// right: 91.66666667%; -// } -// .col-md-pull-10 { -// right: 83.33333333%; -// } -// .col-md-pull-9 { -// right: 75%; -// } -// .col-md-pull-8 { -// right: 66.66666667%; -// } -// .col-md-pull-7 { -// right: 58.33333333%; -// } -// .col-md-pull-6 { -// right: 50%; -// } -// .col-md-pull-5 { -// right: 41.66666667%; -// } -// .col-md-pull-4 { -// right: 33.33333333%; -// } -// .col-md-pull-3 { -// right: 25%; -// } -// .col-md-pull-2 { -// right: 16.66666667%; -// } -// .col-md-pull-1 { -// right: 8.33333333%; -// } -// .col-md-pull-0 { -// right: auto; -// } -// .col-md-push-12 { -// left: 100%; -// } -// .col-md-push-11 { -// left: 91.66666667%; -// } -// .col-md-push-10 { -// left: 83.33333333%; -// } -// .col-md-push-9 { -// left: 75%; -// } -// .col-md-push-8 { -// left: 66.66666667%; -// } -// .col-md-push-7 { -// left: 58.33333333%; -// } -// .col-md-push-6 { -// left: 50%; -// } -// .col-md-push-5 { -// left: 41.66666667%; -// } -// .col-md-push-4 { -// left: 33.33333333%; -// } -// .col-md-push-3 { -// left: 25%; -// } -// .col-md-push-2 { -// left: 16.66666667%; -// } -// .col-md-push-1 { -// left: 8.33333333%; -// } -// .col-md-push-0 { -// left: auto; -// } -// .col-md-offset-12 { -// margin-left: 100%; -// } -// .col-md-offset-11 { -// margin-left: 91.66666667%; -// } -// .col-md-offset-10 { -// margin-left: 83.33333333%; -// } -// .col-md-offset-9 { -// margin-left: 75%; -// } -// .col-md-offset-8 { -// margin-left: 66.66666667%; -// } -// .col-md-offset-7 { -// margin-left: 58.33333333%; -// } -// .col-md-offset-6 { -// margin-left: 50%; -// } -// .col-md-offset-5 { -// margin-left: 41.66666667%; -// } -// .col-md-offset-4 { -// margin-left: 33.33333333%; -// } -// .col-md-offset-3 { -// margin-left: 25%; -// } -// .col-md-offset-2 { -// margin-left: 16.66666667%; -// } -// .col-md-offset-1 { -// margin-left: 8.33333333%; -// } -// .col-md-offset-0 { -// margin-left: 0; -// } -//} -//@media (min-width: 1200px) { -// .col-lg-1, -// .col-lg-2, -// .col-lg-3, -// .col-lg-4, -// .col-lg-5, -// .col-lg-6, -// .col-lg-7, -// .col-lg-8, -// .col-lg-9, -// .col-lg-10, -// .col-lg-11, -// .col-lg-12 { -// float: left; -// } -// .col-lg-12 { -// width: 100%; -// } -// .col-lg-11 { -// width: 91.66666667%; -// } -// .col-lg-10 { -// width: 83.33333333%; -// } -// .col-lg-9 { -// width: 75%; -// } -// .col-lg-8 { -// width: 66.66666667%; -// } -// .col-lg-7 { -// width: 58.33333333%; -// } -// .col-lg-6 { -// width: 50%; -// } -// .col-lg-5 { -// width: 41.66666667%; -// } -// .col-lg-4 { -// width: 33.33333333%; -// } -// .col-lg-3 { -// width: 25%; -// } -// .col-lg-2 { -// width: 16.66666667%; -// } -// .col-lg-1 { -// width: 8.33333333%; -// } -// .col-lg-pull-12 { -// right: 100%; -// } -// .col-lg-pull-11 { -// right: 91.66666667%; -// } -// .col-lg-pull-10 { -// right: 83.33333333%; -// } -// .col-lg-pull-9 { -// right: 75%; -// } -// .col-lg-pull-8 { -// right: 66.66666667%; -// } -// .col-lg-pull-7 { -// right: 58.33333333%; -// } -// .col-lg-pull-6 { -// right: 50%; -// } -// .col-lg-pull-5 { -// right: 41.66666667%; -// } -// .col-lg-pull-4 { -// right: 33.33333333%; -// } -// .col-lg-pull-3 { -// right: 25%; -// } -// .col-lg-pull-2 { -// right: 16.66666667%; -// } -// .col-lg-pull-1 { -// right: 8.33333333%; -// } -// .col-lg-pull-0 { -// right: auto; -// } -// .col-lg-push-12 { -// left: 100%; -// } -// .col-lg-push-11 { -// left: 91.66666667%; -// } -// .col-lg-push-10 { -// left: 83.33333333%; -// } -// .col-lg-push-9 { -// left: 75%; -// } -// .col-lg-push-8 { -// left: 66.66666667%; -// } -// .col-lg-push-7 { -// left: 58.33333333%; -// } -// .col-lg-push-6 { -// left: 50%; -// } -// .col-lg-push-5 { -// left: 41.66666667%; -// } -// .col-lg-push-4 { -// left: 33.33333333%; -// } -// .col-lg-push-3 { -// left: 25%; -// } -// .col-lg-push-2 { -// left: 16.66666667%; -// } -// .col-lg-push-1 { -// left: 8.33333333%; -// } -// .col-lg-push-0 { -// left: auto; -// } -// .col-lg-offset-12 { -// margin-left: 100%; -// } -// .col-lg-offset-11 { -// margin-left: 91.66666667%; -// } -// .col-lg-offset-10 { -// margin-left: 83.33333333%; -// } -// .col-lg-offset-9 { -// margin-left: 75%; -// } -// .col-lg-offset-8 { -// margin-left: 66.66666667%; -// } -// .col-lg-offset-7 { -// margin-left: 58.33333333%; -// } -// .col-lg-offset-6 { -// margin-left: 50%; -// } -// .col-lg-offset-5 { -// margin-left: 41.66666667%; -// } -// .col-lg-offset-4 { -// margin-left: 33.33333333%; -// } -// .col-lg-offset-3 { -// margin-left: 25%; -// } -// .col-lg-offset-2 { -// margin-left: 16.66666667%; -// } -// .col-lg-offset-1 { -// margin-left: 8.33333333%; -// } -// .col-lg-offset-0 { -// margin-left: 0; -// } -//} -table { - background-color: transparent; -} -caption { - padding-top: 8px; - padding-bottom: 8px; - color: #777; - text-align: left; -} -th { - text-align: left; -} -.table { - width: 100%; - max-width: 100%; - margin-bottom: 20px; -} -.table > thead > tr > th, -.table > tbody > tr > th, -.table > tfoot > tr > th, -.table > thead > tr > td, -.table > tbody > tr > td, -.table > tfoot > tr > td { - padding: 8px; - line-height: 1.42857143; - vertical-align: top; - border-top: 1px solid #ddd; -} -.table > thead > tr > th { - vertical-align: bottom; - border-bottom: 2px solid #ddd; -} -.table > caption + thead > tr:first-child > th, -.table > colgroup + thead > tr:first-child > th, -.table > thead:first-child > tr:first-child > th, -.table > caption + thead > tr:first-child > td, -.table > colgroup + thead > tr:first-child > td, -.table > thead:first-child > tr:first-child > td { - border-top: 0; -} -.table > tbody + tbody { - border-top: 2px solid #ddd; -} -.table .table { - background-color: #fff; -} -.table-condensed > thead > tr > th, -.table-condensed > tbody > tr > th, -.table-condensed > tfoot > tr > th, -.table-condensed > thead > tr > td, -.table-condensed > tbody > tr > td, -.table-condensed > tfoot > tr > td { - padding: 5px; -} -.table-bordered { - border: 1px solid #ddd; -} -.table-bordered > thead > tr > th, -.table-bordered > tbody > tr > th, -.table-bordered > tfoot > tr > th, -.table-bordered > thead > tr > td, -.table-bordered > tbody > tr > td, -.table-bordered > tfoot > tr > td { - border: 1px solid #ddd; -} -.table-bordered > thead > tr > th, -.table-bordered > thead > tr > td { - border-bottom-width: 2px; -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: #f9f9f9; -} -.table-hover > tbody > tr:hover { - background-color: #f5f5f5; -} -table col[class*="col-"] { - position: static; - display: table-column; - float: none; -} -table td[class*="col-"], -table th[class*="col-"] { - position: static; - display: table-cell; - float: none; -} -.table > thead > tr > td.active, -.table > tbody > tr > td.active, -.table > tfoot > tr > td.active, -.table > thead > tr > th.active, -.table > tbody > tr > th.active, -.table > tfoot > tr > th.active, -.table > thead > tr.active > td, -.table > tbody > tr.active > td, -.table > tfoot > tr.active > td, -.table > thead > tr.active > th, -.table > tbody > tr.active > th, -.table > tfoot > tr.active > th { - background-color: #f5f5f5; -} -.table-hover > tbody > tr > td.active:hover, -.table-hover > tbody > tr > th.active:hover, -.table-hover > tbody > tr.active:hover > td, -.table-hover > tbody > tr:hover > .active, -.table-hover > tbody > tr.active:hover > th { - background-color: #e8e8e8; -} -.table > thead > tr > td.success, -.table > tbody > tr > td.success, -.table > tfoot > tr > td.success, -.table > thead > tr > th.success, -.table > tbody > tr > th.success, -.table > tfoot > tr > th.success, -.table > thead > tr.success > td, -.table > tbody > tr.success > td, -.table > tfoot > tr.success > td, -.table > thead > tr.success > th, -.table > tbody > tr.success > th, -.table > tfoot > tr.success > th { - background-color: #dff0d8; -} -.table-hover > tbody > tr > td.success:hover, -.table-hover > tbody > tr > th.success:hover, -.table-hover > tbody > tr.success:hover > td, -.table-hover > tbody > tr:hover > .success, -.table-hover > tbody > tr.success:hover > th { - background-color: #d0e9c6; -} -.table > thead > tr > td.info, -.table > tbody > tr > td.info, -.table > tfoot > tr > td.info, -.table > thead > tr > th.info, -.table > tbody > tr > th.info, -.table > tfoot > tr > th.info, -.table > thead > tr.info > td, -.table > tbody > tr.info > td, -.table > tfoot > tr.info > td, -.table > thead > tr.info > th, -.table > tbody > tr.info > th, -.table > tfoot > tr.info > th { - background-color: #d9edf7; -} -.table-hover > tbody > tr > td.info:hover, -.table-hover > tbody > tr > th.info:hover, -.table-hover > tbody > tr.info:hover > td, -.table-hover > tbody > tr:hover > .info, -.table-hover > tbody > tr.info:hover > th { - background-color: #c4e3f3; -} -.table > thead > tr > td.warning, -.table > tbody > tr > td.warning, -.table > tfoot > tr > td.warning, -.table > thead > tr > th.warning, -.table > tbody > tr > th.warning, -.table > tfoot > tr > th.warning, -.table > thead > tr.warning > td, -.table > tbody > tr.warning > td, -.table > tfoot > tr.warning > td, -.table > thead > tr.warning > th, -.table > tbody > tr.warning > th, -.table > tfoot > tr.warning > th { - background-color: #fcf8e3; -} -.table-hover > tbody > tr > td.warning:hover, -.table-hover > tbody > tr > th.warning:hover, -.table-hover > tbody > tr.warning:hover > td, -.table-hover > tbody > tr:hover > .warning, -.table-hover > tbody > tr.warning:hover > th { - background-color: #faf2cc; -} -.table > thead > tr > td.danger, -.table > tbody > tr > td.danger, -.table > tfoot > tr > td.danger, -.table > thead > tr > th.danger, -.table > tbody > tr > th.danger, -.table > tfoot > tr > th.danger, -.table > thead > tr.danger > td, -.table > tbody > tr.danger > td, -.table > tfoot > tr.danger > td, -.table > thead > tr.danger > th, -.table > tbody > tr.danger > th, -.table > tfoot > tr.danger > th { - background-color: #f2dede; -} -.table-hover > tbody > tr > td.danger:hover, -.table-hover > tbody > tr > th.danger:hover, -.table-hover > tbody > tr.danger:hover > td, -.table-hover > tbody > tr:hover > .danger, -.table-hover > tbody > tr.danger:hover > th { - background-color: #ebcccc; -} -.table-responsive { - min-height: 0.01%; - overflow-x: auto; -} -@media screen and (max-width: 767px) { - .table-responsive { - width: 100%; - margin-bottom: 15px; - overflow-y: hidden; - -ms-overflow-style: -ms-autohiding-scrollbar; - border: 1px solid #ddd; + .glyphicon-heart:before { + content: "\e005"; } - .table-responsive > .table { - margin-bottom: 0; + .glyphicon-star:before { + content: "\e006"; } - .table-responsive > .table > thead > tr > th, - .table-responsive > .table > tbody > tr > th, - .table-responsive > .table > tfoot > tr > th, - .table-responsive > .table > thead > tr > td, - .table-responsive > .table > tbody > tr > td, - .table-responsive > .table > tfoot > tr > td { - white-space: nowrap; + .glyphicon-star-empty:before { + content: "\e007"; } - .table-responsive > .table-bordered { - border: 0; + .glyphicon-user:before { + content: "\e008"; } - .table-responsive > .table-bordered > thead > tr > th:first-child, - .table-responsive > .table-bordered > tbody > tr > th:first-child, - .table-responsive > .table-bordered > tfoot > tr > th:first-child, - .table-responsive > .table-bordered > thead > tr > td:first-child, - .table-responsive > .table-bordered > tbody > tr > td:first-child, - .table-responsive > .table-bordered > tfoot > tr > td:first-child { - border-left: 0; + .glyphicon-film:before { + content: "\e009"; } - .table-responsive > .table-bordered > thead > tr > th:last-child, - .table-responsive > .table-bordered > tbody > tr > th:last-child, - .table-responsive > .table-bordered > tfoot > tr > th:last-child, - .table-responsive > .table-bordered > thead > tr > td:last-child, - .table-responsive > .table-bordered > tbody > tr > td:last-child, - .table-responsive > .table-bordered > tfoot > tr > td:last-child { - border-right: 0; + .glyphicon-th-large:before { + content: "\e010"; } - .table-responsive > .table-bordered > tbody > tr:last-child > th, - .table-responsive > .table-bordered > tfoot > tr:last-child > th, - .table-responsive > .table-bordered > tbody > tr:last-child > td, - .table-responsive > .table-bordered > tfoot > tr:last-child > td { - border-bottom: 0; + .glyphicon-th:before { + content: "\e011"; } -} -fieldset { - min-width: 0; - padding: 0; - margin: 0; - border: 0; -} -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21px; - line-height: inherit; - color: #333; - border: 0; - border-bottom: 1px solid #e5e5e5; -} -label { - display: inline-block; - max-width: 100%; - margin-bottom: 5px; - font-weight: bold; -} -input[type="search"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - margin-top: 1px \9; - line-height: normal; -} -input[type="file"] { - display: block; -} -input[type="range"] { - display: block; - width: 100%; -} -select[multiple], -select[size] { - height: auto; -} -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -output { - display: block; - padding-top: 7px; - font-size: 14px; - line-height: 1.42857143; - color: #555; -} -//.form-control { -// display: block; -// width: 100%; -// height: 34px; -// padding: 6px 12px; -// font-size: 14px; -// line-height: 1.42857143; -// color: #555; -// background-color: #fff; -// background-image: none; -// border: 1px solid #ccc; -// border-radius: 4px; -// -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -// box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -// -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -// -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -// transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -//} -//.form-control:focus { -// border-color: #66afe9; -// outline: 0; -// -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); -// box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); -//} -//.form-control::-moz-placeholder { -// color: #999; -// opacity: 1; -//} -//.form-control:-ms-input-placeholder { -// color: #999; -//} -//.form-control::-webkit-input-placeholder { -// color: #999; -//} -//.form-control[disabled], -//.form-control[readonly], -//fieldset[disabled] .form-control { -// background-color: #eee; -// opacity: 1; -//} -//.form-control[disabled], -//fieldset[disabled] .form-control { -// cursor: not-allowed; -//} -//textarea.form-control { -// height: auto; -//} -//input[type='search'] { -// -webkit-appearance: none; -//} -// @media screen and (-webkit-min-device-pixel-ratio: 0) { -// input[type='date'], -// input[type='time'], -// input[type='datetime-local'], -// input[type='month'] { -// line-height: 34px; -// } -// input[type='date'].input-sm, -// input[type='time'].input-sm, -// input[type='datetime-local'].input-sm, -// input[type='month'].input-sm, -// .input-group-sm input[type='date'], -// .input-group-sm input[type='time'], -// .input-group-sm input[type='datetime-local'], -// .input-group-sm input[type='month'] { -// line-height: 30px; -// } -// input[type='date'].input-lg, -// input[type='time'].input-lg, -// input[type='datetime-local'].input-lg, -// input[type='month'].input-lg, -// .input-group-lg input[type='date'], -// .input-group-lg input[type='time'], -// .input-group-lg input[type='datetime-local'], -// .input-group-lg input[type='month'] { -// line-height: 46px; -// } -// } -//.form-group { -// margin-bottom: 15px; -//} -.radio, -.checkbox { - position: relative; - display: block; - margin-top: 10px; - margin-bottom: 10px; -} -.radio label, -.checkbox label { - min-height: 20px; - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - cursor: pointer; -} -.radio input[type="radio"], -.radio-inline input[type="radio"], -.checkbox input[type="checkbox"], -.checkbox-inline input[type="checkbox"] { - position: absolute; - margin-top: 4px \9; - margin-left: -20px; -} -.radio + .radio, -.checkbox + .checkbox { - margin-top: -5px; -} -.radio-inline, -.checkbox-inline { - position: relative; - display: inline-block; - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - vertical-align: middle; - cursor: pointer; -} -.radio-inline + .radio-inline, -.checkbox-inline + .checkbox-inline { - margin-top: 0; - margin-left: 10px; -} -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"].disabled, -input[type="checkbox"].disabled, -fieldset[disabled] input[type="radio"], -fieldset[disabled] input[type="checkbox"] { - cursor: not-allowed; -} -.radio-inline.disabled, -.checkbox-inline.disabled, -fieldset[disabled] .radio-inline, -fieldset[disabled] .checkbox-inline { - cursor: not-allowed; -} -.radio.disabled label, -.checkbox.disabled label, -fieldset[disabled] .radio label, -fieldset[disabled] .checkbox label { - cursor: not-allowed; -} -.form-control-static { - min-height: 34px; - padding-top: 7px; - padding-bottom: 7px; - margin-bottom: 0; -} -.form-control-static.input-lg, -.form-control-static.input-sm { - padding-right: 0; - padding-left: 0; -} -.input-sm { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -select.input-sm { - height: 30px; - line-height: 30px; -} -textarea.input-sm, -select[multiple].input-sm { - height: auto; -} -.form-group-sm .form-control { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -select.form-group-sm .form-control { - height: 30px; - line-height: 30px; -} -textarea.form-group-sm .form-control, -select[multiple].form-group-sm .form-control { - height: auto; -} -.form-group-sm .form-control-static { - height: 30px; - min-height: 32px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; -} -.input-lg { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -select.input-lg { - height: 46px; - line-height: 46px; -} -textarea.input-lg, -select[multiple].input-lg { - height: auto; -} -.form-group-lg .form-control { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -select.form-group-lg .form-control { - height: 46px; - line-height: 46px; -} -textarea.form-group-lg .form-control, -select[multiple].form-group-lg .form-control { - height: auto; -} -.form-group-lg .form-control-static { - height: 46px; - min-height: 38px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; -} -.has-feedback { - position: relative; -} -.has-feedback .form-control { - padding-right: 42.5px; -} -.form-control-feedback { - position: absolute; - top: 0; - right: 0; - z-index: 2; - display: block; - width: 34px; - height: 34px; - line-height: 34px; - text-align: center; - pointer-events: none; -} -.input-lg + .form-control-feedback { - width: 46px; - height: 46px; - line-height: 46px; -} -.input-sm + .form-control-feedback { - width: 30px; - height: 30px; - line-height: 30px; -} -.has-success .help-block, -.has-success .control-label, -.has-success .radio, -.has-success .checkbox, -.has-success .radio-inline, -.has-success .checkbox-inline, -.has-success.radio label, -.has-success.checkbox label, -.has-success.radio-inline label, -.has-success.checkbox-inline label { - color: #3c763d; -} -.has-success .form-control { - border-color: #3c763d; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -.has-success .form-control:focus { - border-color: #2b542c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; -} -.has-success .input-group-addon { - color: #3c763d; - background-color: #dff0d8; - border-color: #3c763d; -} -.has-success .form-control-feedback { - color: #3c763d; -} -.has-warning .help-block, -.has-warning .control-label, -.has-warning .radio, -.has-warning .checkbox, -.has-warning .radio-inline, -.has-warning .checkbox-inline, -.has-warning.radio label, -.has-warning.checkbox label, -.has-warning.radio-inline label, -.has-warning.checkbox-inline label { - color: #8a6d3b; -} -.has-warning .form-control { - border-color: #8a6d3b; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -.has-warning .form-control:focus { - border-color: #66512c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; -} -.has-warning .input-group-addon { - color: #8a6d3b; - background-color: #fcf8e3; - border-color: #8a6d3b; -} -.has-warning .form-control-feedback { - color: #8a6d3b; -} -.has-error .help-block, -.has-error .control-label, -.has-error .radio, -.has-error .checkbox, -.has-error .radio-inline, -.has-error .checkbox-inline, -.has-error.radio label, -.has-error.checkbox label, -.has-error.radio-inline label, -.has-error.checkbox-inline label { - color: #a94442; -} -.has-error .form-control { - border-color: #a94442; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -.has-error .form-control:focus { - border-color: #843534; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; -} -.has-error .input-group-addon { - color: #a94442; - background-color: #f2dede; - border-color: #a94442; -} -.has-error .form-control-feedback { - color: #a94442; -} -.has-feedback label ~ .form-control-feedback { - top: 25px; -} -.has-feedback label.sr-only ~ .form-control-feedback { - top: 0; -} -.help-block { - display: block; - margin-top: 5px; - margin-bottom: 10px; - color: #737373; -} -@media (min-width: 768px) { - .form-inline .form-group { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; + .glyphicon-th-list:before { + content: "\e012"; } - .form-inline .form-control { - display: inline-block; - width: auto; - vertical-align: middle; + .glyphicon-ok:before { + content: "\e013"; } - .form-inline .form-control-static { - display: inline-block; + .glyphicon-remove:before { + content: "\e014"; } - .form-inline .input-group { - display: inline-table; - vertical-align: middle; + .glyphicon-zoom-in:before { + content: "\e015"; } - .form-inline .input-group .input-group-addon, - .form-inline .input-group .input-group-btn, - .form-inline .input-group .form-control { - width: auto; + .glyphicon-zoom-out:before { + content: "\e016"; } - .form-inline .input-group > .form-control { - width: 100%; + .glyphicon-off:before { + content: "\e017"; } - .form-inline .control-label { - margin-bottom: 0; - vertical-align: middle; + .glyphicon-signal:before { + content: "\e018"; } - .form-inline .radio, - .form-inline .checkbox { - display: inline-block; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; + .glyphicon-cog:before { + content: "\e019"; } - .form-inline .radio label, - .form-inline .checkbox label { - padding-left: 0; + .glyphicon-trash:before { + content: "\e020"; } - .form-inline .radio input[type="radio"], - .form-inline .checkbox input[type="checkbox"] { - position: relative; - margin-left: 0; + .glyphicon-home:before { + content: "\e021"; } - .form-inline .has-feedback .form-control-feedback { - top: 0; + .glyphicon-file:before { + content: "\e022"; } -} -.form-horizontal .radio, -.form-horizontal .checkbox, -.form-horizontal .radio-inline, -.form-horizontal .checkbox-inline { - padding-top: 7px; - margin-top: 0; - margin-bottom: 0; -} -.form-horizontal .radio, -.form-horizontal .checkbox { - min-height: 27px; -} -.form-horizontal .form-group { - margin-right: -15px; - margin-left: -15px; -} -@media (min-width: 768px) { - .form-horizontal .control-label { - padding-top: 7px; - margin-bottom: 0; - text-align: right; + .glyphicon-time:before { + content: "\e023"; } -} -.form-horizontal .has-feedback .form-control-feedback { - right: 15px; -} -@media (min-width: 768px) { - .form-horizontal .form-group-lg .control-label { - padding-top: 14.333333px; + .glyphicon-road:before { + content: "\e024"; } -} -@media (min-width: 768px) { - .form-horizontal .form-group-sm .control-label { - padding-top: 6px; + .glyphicon-download-alt:before { + content: "\e025"; } -} -.btn { - display: inline-block; - padding: 6px 12px; - margin-bottom: 0; - font-size: 14px; - font-weight: normal; - line-height: 1.42857143; - text-align: center; - white-space: nowrap; - vertical-align: middle; - -ms-touch-action: manipulation; - touch-action: manipulation; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background-image: none; - border: 1px solid transparent; - border-radius: 4px; -} -.btn:focus, -.btn:active:focus, -.btn.active:focus, -.btn.focus, -.btn:active.focus, -.btn.active.focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.btn:hover, -.btn:focus, -.btn.focus { - color: #333; - text-decoration: none; -} -.btn:active, -.btn.active { - background-image: none; - outline: 0; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} -.btn.disabled, -.btn[disabled], -fieldset[disabled] .btn { - pointer-events: none; - cursor: not-allowed; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; - opacity: 0.65; -} -.btn-default { - color: #333; - background-color: #fff; - border-color: #ccc; -} -.btn-default:hover, -.btn-default:focus, -.btn-default.focus, -.btn-default:active, -.btn-default.active, -.open > .dropdown-toggle.btn-default { - color: #333; - background-color: #e6e6e6; - border-color: #adadad; -} -.btn-default:active, -.btn-default.active, -.open > .dropdown-toggle.btn-default { - background-image: none; -} -.btn-default.disabled, -.btn-default[disabled], -fieldset[disabled] .btn-default, -.btn-default.disabled:hover, -.btn-default[disabled]:hover, -fieldset[disabled] .btn-default:hover, -.btn-default.disabled:focus, -.btn-default[disabled]:focus, -fieldset[disabled] .btn-default:focus, -.btn-default.disabled.focus, -.btn-default[disabled].focus, -fieldset[disabled] .btn-default.focus, -.btn-default.disabled:active, -.btn-default[disabled]:active, -fieldset[disabled] .btn-default:active, -.btn-default.disabled.active, -.btn-default[disabled].active, -fieldset[disabled] .btn-default.active { - background-color: #fff; - border-color: #ccc; -} -.btn-default .badge { - color: #fff; - background-color: #333; -} -.btn-primary { - color: #fff; - background-color: #337ab7; - border-color: #2e6da4; -} -.btn-primary:hover, -.btn-primary:focus, -.btn-primary.focus, -.btn-primary:active, -.btn-primary.active, -.open > .dropdown-toggle.btn-primary { - color: #fff; - background-color: #286090; - border-color: #204d74; -} -.btn-primary:active, -.btn-primary.active, -.open > .dropdown-toggle.btn-primary { - background-image: none; -} -.btn-primary.disabled, -.btn-primary[disabled], -fieldset[disabled] .btn-primary, -.btn-primary.disabled:hover, -.btn-primary[disabled]:hover, -fieldset[disabled] .btn-primary:hover, -.btn-primary.disabled:focus, -.btn-primary[disabled]:focus, -fieldset[disabled] .btn-primary:focus, -.btn-primary.disabled.focus, -.btn-primary[disabled].focus, -fieldset[disabled] .btn-primary.focus, -.btn-primary.disabled:active, -.btn-primary[disabled]:active, -fieldset[disabled] .btn-primary:active, -.btn-primary.disabled.active, -.btn-primary[disabled].active, -fieldset[disabled] .btn-primary.active { - background-color: #337ab7; - border-color: #2e6da4; -} -.btn-primary .badge { - color: #337ab7; - background-color: #fff; -} -.btn-success { - color: #fff; - background-color: #5cb85c; - border-color: #4cae4c; -} -.btn-success:hover, -.btn-success:focus, -.btn-success.focus, -.btn-success:active, -.btn-success.active, -.open > .dropdown-toggle.btn-success { - color: #fff; - background-color: #449d44; - border-color: #398439; -} -.btn-success:active, -.btn-success.active, -.open > .dropdown-toggle.btn-success { - background-image: none; -} -.btn-success.disabled, -.btn-success[disabled], -fieldset[disabled] .btn-success, -.btn-success.disabled:hover, -.btn-success[disabled]:hover, -fieldset[disabled] .btn-success:hover, -.btn-success.disabled:focus, -.btn-success[disabled]:focus, -fieldset[disabled] .btn-success:focus, -.btn-success.disabled.focus, -.btn-success[disabled].focus, -fieldset[disabled] .btn-success.focus, -.btn-success.disabled:active, -.btn-success[disabled]:active, -fieldset[disabled] .btn-success:active, -.btn-success.disabled.active, -.btn-success[disabled].active, -fieldset[disabled] .btn-success.active { - background-color: #5cb85c; - border-color: #4cae4c; -} -.btn-success .badge { - color: #5cb85c; - background-color: #fff; -} -.btn-info { - color: #fff; - background-color: #5bc0de; - border-color: #46b8da; -} -.btn-info:hover, -.btn-info:focus, -.btn-info.focus, -.btn-info:active, -.btn-info.active, -.open > .dropdown-toggle.btn-info { - color: #fff; - background-color: #31b0d5; - border-color: #269abc; -} -.btn-info:active, -.btn-info.active, -.open > .dropdown-toggle.btn-info { - background-image: none; -} -.btn-info.disabled, -.btn-info[disabled], -fieldset[disabled] .btn-info, -.btn-info.disabled:hover, -.btn-info[disabled]:hover, -fieldset[disabled] .btn-info:hover, -.btn-info.disabled:focus, -.btn-info[disabled]:focus, -fieldset[disabled] .btn-info:focus, -.btn-info.disabled.focus, -.btn-info[disabled].focus, -fieldset[disabled] .btn-info.focus, -.btn-info.disabled:active, -.btn-info[disabled]:active, -fieldset[disabled] .btn-info:active, -.btn-info.disabled.active, -.btn-info[disabled].active, -fieldset[disabled] .btn-info.active { - background-color: #5bc0de; - border-color: #46b8da; -} -.btn-info .badge { - color: #5bc0de; - background-color: #fff; -} -.btn-warning { - color: #fff; - background-color: #f0ad4e; - border-color: #eea236; -} -.btn-warning:hover, -.btn-warning:focus, -.btn-warning.focus, -.btn-warning:active, -.btn-warning.active, -.open > .dropdown-toggle.btn-warning { - color: #fff; - background-color: #ec971f; - border-color: #d58512; -} -.btn-warning:active, -.btn-warning.active, -.open > .dropdown-toggle.btn-warning { - background-image: none; -} -.btn-warning.disabled, -.btn-warning[disabled], -fieldset[disabled] .btn-warning, -.btn-warning.disabled:hover, -.btn-warning[disabled]:hover, -fieldset[disabled] .btn-warning:hover, -.btn-warning.disabled:focus, -.btn-warning[disabled]:focus, -fieldset[disabled] .btn-warning:focus, -.btn-warning.disabled.focus, -.btn-warning[disabled].focus, -fieldset[disabled] .btn-warning.focus, -.btn-warning.disabled:active, -.btn-warning[disabled]:active, -fieldset[disabled] .btn-warning:active, -.btn-warning.disabled.active, -.btn-warning[disabled].active, -fieldset[disabled] .btn-warning.active { - background-color: #f0ad4e; - border-color: #eea236; -} -.btn-warning .badge { - color: #f0ad4e; - background-color: #fff; -} -.btn-danger { - color: #fff; - background-color: #d9534f; - border-color: #d43f3a; -} -.btn-danger:hover, -.btn-danger:focus, -.btn-danger.focus, -.btn-danger:active, -.btn-danger.active, -.open > .dropdown-toggle.btn-danger { - color: #fff; - background-color: #c9302c; - border-color: #ac2925; -} -.btn-danger:active, -.btn-danger.active, -.open > .dropdown-toggle.btn-danger { - background-image: none; -} -.btn-danger.disabled, -.btn-danger[disabled], -fieldset[disabled] .btn-danger, -.btn-danger.disabled:hover, -.btn-danger[disabled]:hover, -fieldset[disabled] .btn-danger:hover, -.btn-danger.disabled:focus, -.btn-danger[disabled]:focus, -fieldset[disabled] .btn-danger:focus, -.btn-danger.disabled.focus, -.btn-danger[disabled].focus, -fieldset[disabled] .btn-danger.focus, -.btn-danger.disabled:active, -.btn-danger[disabled]:active, -fieldset[disabled] .btn-danger:active, -.btn-danger.disabled.active, -.btn-danger[disabled].active, -fieldset[disabled] .btn-danger.active { - background-color: #d9534f; - border-color: #d43f3a; -} -.btn-danger .badge { - color: #d9534f; - background-color: #fff; -} -.btn-link { - font-weight: normal; - color: #337ab7; - border-radius: 0; -} -.btn-link, -.btn-link:active, -.btn-link.active, -.btn-link[disabled], -fieldset[disabled] .btn-link { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} -.btn-link, -.btn-link:hover, -.btn-link:focus, -.btn-link:active { - border-color: transparent; -} -.btn-link:hover, -.btn-link:focus { - color: #23527c; - text-decoration: underline; - background-color: transparent; -} -.btn-link[disabled]:hover, -fieldset[disabled] .btn-link:hover, -.btn-link[disabled]:focus, -fieldset[disabled] .btn-link:focus { - color: #777; - text-decoration: none; -} -.btn-lg, -.btn-group-lg > .btn { - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -.btn-sm, -.btn-group-sm > .btn { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -.btn-xs, -.btn-group-xs > .btn { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -//.btn-block { -// display: block; -// width: 100%; -//} -//.btn-block + .btn-block { -// margin-top: 5px; -//} -//input[type='submit'].btn-block, -//input[type='reset'].btn-block, -//input[type='button'].btn-block { -// width: 100%; -//} -.fade { - opacity: 0; - -webkit-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} -.fade.in { - opacity: 1; -} -.collapse { - display: none; -} -.collapse.in { - display: block; -} -tr.collapse.in { - display: table-row; -} -tbody.collapse.in { - display: table-row-group; -} -.collapsing { - position: relative; - height: 0; - overflow: hidden; - -webkit-transition-timing-function: ease; - -o-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-duration: 0.35s; - -o-transition-duration: 0.35s; - transition-duration: 0.35s; - -webkit-transition-property: height, visibility; - -o-transition-property: height, visibility; - transition-property: height, visibility; -} -.caret { - display: inline-block; - width: 0; - height: 0; - margin-left: 2px; - vertical-align: middle; - border-top: 4px dashed; - border-right: 4px solid transparent; - border-left: 4px solid transparent; -} -.dropup, -.dropdown { - position: relative; -} -.dropdown-toggle:focus { - outline: 0; -} -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; - font-size: 14px; - text-align: left; - list-style: none; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -} -.dropdown-menu.pull-right { - right: 0; - left: auto; -} -.dropdown-menu .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; -} -.dropdown-menu > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 1.42857143; - color: #333; - white-space: nowrap; -} -.dropdown-menu > li > a:hover, -.dropdown-menu > li > a:focus { - color: #262626; - text-decoration: none; - background-color: #f5f5f5; -} -.dropdown-menu > .active > a, -.dropdown-menu > .active > a:hover, -.dropdown-menu > .active > a:focus { - color: #fff; - text-decoration: none; - background-color: #337ab7; - outline: 0; -} -.dropdown-menu > .disabled > a, -.dropdown-menu > .disabled > a:hover, -.dropdown-menu > .disabled > a:focus { - color: #777; -} -.dropdown-menu > .disabled > a:hover, -.dropdown-menu > .disabled > a:focus { - text-decoration: none; - cursor: not-allowed; - background-color: transparent; - background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -} -.open > .dropdown-menu { - display: block; -} -.open > a { - outline: 0; -} -.dropdown-menu-right { - right: 0; - left: auto; -} -.dropdown-menu-left { - right: auto; - left: 0; -} -.dropdown-header { - display: block; - padding: 3px 20px; - font-size: 12px; - line-height: 1.42857143; - color: #777; - white-space: nowrap; -} -.dropdown-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 990; -} -.pull-right > .dropdown-menu { - right: 0; - left: auto; -} -.dropup .caret, -.navbar-fixed-bottom .dropdown .caret { - content: ""; - border-top: 0; - border-bottom: 4px solid; -} -.dropup .dropdown-menu, -.navbar-fixed-bottom .dropdown .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: 2px; -} -@media (min-width: 768px) { - .navbar-right .dropdown-menu { - right: 0; - left: auto; + .glyphicon-download:before { + content: "\e026"; } - .navbar-right .dropdown-menu-left { - right: auto; - left: 0; + .glyphicon-upload:before { + content: "\e027"; } -} -.btn-group, -.btn-group-vertical { - position: relative; - display: inline-block; - vertical-align: middle; -} -.btn-group > .btn, -.btn-group-vertical > .btn { - position: relative; - float: left; -} -.btn-group > .btn:hover, -.btn-group-vertical > .btn:hover, -.btn-group > .btn:focus, -.btn-group-vertical > .btn:focus, -.btn-group > .btn:active, -.btn-group-vertical > .btn:active, -.btn-group > .btn.active, -.btn-group-vertical > .btn.active { - z-index: 2; -} -.btn-group .btn + .btn, -.btn-group .btn + .btn-group, -.btn-group .btn-group + .btn, -.btn-group .btn-group + .btn-group { - margin-left: -1px; -} -.btn-toolbar { - margin-left: -5px; -} -.btn-toolbar .btn-group, -.btn-toolbar .input-group { - float: left; -} -.btn-toolbar > .btn, -.btn-toolbar > .btn-group, -.btn-toolbar > .input-group { - margin-left: 5px; -} -.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { - border-radius: 0; -} -.btn-group > .btn:first-child { - margin-left: 0; -} -.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.btn-group > .btn:last-child:not(:first-child), -.btn-group > .dropdown-toggle:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.btn-group > .btn-group { - float: left; -} -.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; -} -.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, -.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; -} -.btn-group > .btn + .dropdown-toggle { - padding-right: 8px; - padding-left: 8px; -} -.btn-group > .btn-lg + .dropdown-toggle { - padding-right: 12px; - padding-left: 12px; -} -.btn-group.open .dropdown-toggle { - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} -.btn-group.open .dropdown-toggle.btn-link { - -webkit-box-shadow: none; - box-shadow: none; -} -.btn .caret { - margin-left: 0; -} -.btn-lg .caret { - border-width: 5px 5px 0; - border-bottom-width: 0; -} -.dropup .btn-lg .caret { - border-width: 0 5px 5px; -} -.btn-group-vertical > .btn, -.btn-group-vertical > .btn-group, -.btn-group-vertical > .btn-group > .btn { - display: block; - float: none; - width: 100%; - max-width: 100%; -} -.btn-group-vertical > .btn-group > .btn { - float: none; -} -.btn-group-vertical > .btn + .btn, -.btn-group-vertical > .btn + .btn-group, -.btn-group-vertical > .btn-group + .btn, -.btn-group-vertical > .btn-group + .btn-group { - margin-top: -1px; - margin-left: 0; -} -.btn-group-vertical > .btn:not(:first-child):not(:last-child) { - border-radius: 0; -} -.btn-group-vertical > .btn:first-child:not(:last-child) { - border-top-right-radius: 4px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.btn-group-vertical > .btn:last-child:not(:first-child) { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-left-radius: 4px; -} -.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; -} -.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, -.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.btn-group-justified { - display: table; - width: 100%; - table-layout: fixed; - border-collapse: separate; -} -.btn-group-justified > .btn, -.btn-group-justified > .btn-group { - display: table-cell; - float: none; - width: 1%; -} -.btn-group-justified > .btn-group .btn { - width: 100%; -} -.btn-group-justified > .btn-group .dropdown-menu { - left: auto; -} -[data-toggle="buttons"] > .btn input[type="radio"], -[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], -[data-toggle="buttons"] > .btn input[type="checkbox"], -[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { - position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; -} -.input-group { - position: relative; - display: table; - border-collapse: separate; -} -.input-group[class*="col-"] { - float: none; - padding-right: 0; - padding-left: 0; -} -.input-group .form-control { - position: relative; - z-index: 2; - float: left; - width: 100%; - margin-bottom: 0; -} -.input-group-lg > .form-control, -.input-group-lg > .input-group-addon, -.input-group-lg > .input-group-btn > .btn { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -select.input-group-lg > .form-control, -select.input-group-lg > .input-group-addon, -select.input-group-lg > .input-group-btn > .btn { - height: 46px; - line-height: 46px; -} -textarea.input-group-lg > .form-control, -textarea.input-group-lg > .input-group-addon, -textarea.input-group-lg > .input-group-btn > .btn, -select[multiple].input-group-lg > .form-control, -select[multiple].input-group-lg > .input-group-addon, -select[multiple].input-group-lg > .input-group-btn > .btn { - height: auto; -} -.input-group-sm > .form-control, -.input-group-sm > .input-group-addon, -.input-group-sm > .input-group-btn > .btn { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -select.input-group-sm > .form-control, -select.input-group-sm > .input-group-addon, -select.input-group-sm > .input-group-btn > .btn { - height: 30px; - line-height: 30px; -} -textarea.input-group-sm > .form-control, -textarea.input-group-sm > .input-group-addon, -textarea.input-group-sm > .input-group-btn > .btn, -select[multiple].input-group-sm > .form-control, -select[multiple].input-group-sm > .input-group-addon, -select[multiple].input-group-sm > .input-group-btn > .btn { - height: auto; -} -.input-group-addon, -.input-group-btn, -.input-group .form-control { - display: table-cell; -} -.input-group-addon:not(:first-child):not(:last-child), -.input-group-btn:not(:first-child):not(:last-child), -.input-group .form-control:not(:first-child):not(:last-child) { - border-radius: 0; -} -.input-group-addon, -.input-group-btn { - width: 1%; - white-space: nowrap; - vertical-align: middle; -} -.input-group-addon { - padding: 6px 12px; - font-size: 14px; - font-weight: normal; - line-height: 1; - color: #555; - text-align: center; - background-color: #eee; - border: 1px solid #ccc; - border-radius: 4px; -} -.input-group-addon.input-sm { - padding: 5px 10px; - font-size: 12px; - border-radius: 3px; -} -.input-group-addon.input-lg { - padding: 10px 16px; - font-size: 18px; - border-radius: 6px; -} -.input-group-addon input[type="radio"], -.input-group-addon input[type="checkbox"] { - margin-top: 0; -} -.input-group .form-control:first-child, -.input-group-addon:first-child, -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .btn-group > .btn, -.input-group-btn:first-child > .dropdown-toggle, -.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), -.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.input-group-addon:first-child { - border-right: 0; -} -.input-group .form-control:last-child, -.input-group-addon:last-child, -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .btn-group > .btn, -.input-group-btn:last-child > .dropdown-toggle, -.input-group-btn:first-child > .btn:not(:first-child), -.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.input-group-addon:last-child { - border-left: 0; -} -.input-group-btn { - position: relative; - font-size: 0; - white-space: nowrap; -} -.input-group-btn > .btn { - position: relative; -} -.input-group-btn > .btn + .btn { - margin-left: -1px; -} -.input-group-btn > .btn:hover, -.input-group-btn > .btn:focus, -.input-group-btn > .btn:active { - z-index: 2; -} -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .btn-group { - margin-right: -1px; -} -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .btn-group { - margin-left: -1px; -} -.nav { - padding-left: 0; - margin-bottom: 0; - list-style: none; -} -.nav > li { - position: relative; - display: block; -} -.nav > li > a { - position: relative; - display: block; - padding: 10px 15px; -} -.nav > li > a:hover, -.nav > li > a:focus { - text-decoration: none; - background-color: #eee; -} -.nav > li.disabled > a { - color: #777; -} -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #777; - text-decoration: none; - cursor: not-allowed; - background-color: transparent; -} -.nav .open > a, -.nav .open > a:hover, -.nav .open > a:focus { - background-color: #eee; - border-color: #337ab7; -} -.nav .nav-divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; -} -.nav > li > a > img { - max-width: none; -} -.nav-tabs { - border-bottom: 1px solid #ddd; -} -.nav-tabs > li { - float: left; - margin-bottom: -1px; -} -.nav-tabs > li > a { - margin-right: 2px; - line-height: 1.42857143; - border: 1px solid transparent; - border-radius: 4px 4px 0 0; -} -.nav-tabs > li > a:hover { - border-color: #eee #eee #ddd; -} -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - color: #555; - cursor: default; - background-color: #fff; - border: 1px solid #ddd; - border-bottom-color: transparent; -} -.nav-tabs.nav-justified { - width: 100%; - border-bottom: 0; -} -.nav-tabs.nav-justified > li { - float: none; -} -.nav-tabs.nav-justified > li > a { - margin-bottom: 5px; - text-align: center; -} -.nav-tabs.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -@media (min-width: 768px) { - .nav-tabs.nav-justified > li { - display: table-cell; - width: 1%; + .glyphicon-inbox:before { + content: "\e028"; } - .nav-tabs.nav-justified > li > a { - margin-bottom: 0; + .glyphicon-play-circle:before { + content: "\e029"; } -} -.nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 4px; -} -.nav-tabs.nav-justified > .active > a, -.nav-tabs.nav-justified > .active > a:hover, -.nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #ddd; -} -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #ddd; - border-radius: 4px 4px 0 0; + .glyphicon-repeat:before { + content: "\e030"; } - .nav-tabs.nav-justified > .active > a, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #fff; + .glyphicon-refresh:before { + content: "\e031"; } -} -.nav-pills > li { - float: left; -} -.nav-pills > li > a { - border-radius: 4px; -} -.nav-pills > li + li { - margin-left: 2px; -} -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - color: #fff; - background-color: #337ab7; -} -.nav-stacked > li { - float: none; -} -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; -} -.nav-justified { - width: 100%; -} -.nav-justified > li { - float: none; -} -.nav-justified > li > a { - margin-bottom: 5px; - text-align: center; -} -.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -@media (min-width: 768px) { - .nav-justified > li { - display: table-cell; - width: 1%; + .glyphicon-list-alt:before { + content: "\e032"; } - .nav-justified > li > a { - margin-bottom: 0; + .glyphicon-lock:before { + content: "\e033"; } -} -.nav-tabs-justified { - border-bottom: 0; -} -.nav-tabs-justified > li > a { - margin-right: 0; - border-radius: 4px; -} -.nav-tabs-justified > .active > a, -.nav-tabs-justified > .active > a:hover, -.nav-tabs-justified > .active > a:focus { - border: 1px solid #ddd; -} -@media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-bottom: 1px solid #ddd; - border-radius: 4px 4px 0 0; + .glyphicon-flag:before { + content: "\e034"; } - .nav-tabs-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus { - border-bottom-color: #fff; + .glyphicon-headphones:before { + content: "\e035"; } -} -.tab-content > .tab-pane { - display: none; -} -.tab-content > .active { - display: block; -} -.nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.navbar { - position: relative; - min-height: 50px; - margin-bottom: 20px; - border: 1px solid transparent; -} -@media (min-width: 768px) { - .navbar { - border-radius: 4px; + .glyphicon-volume-off:before { + content: "\e036"; } -} -@media (min-width: 768px) { - .navbar-header { - float: left; + .glyphicon-volume-down:before { + content: "\e037"; } -} -.navbar-collapse { - padding-right: 15px; - padding-left: 15px; - overflow-x: visible; - -webkit-overflow-scrolling: touch; - border-top: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -} -.navbar-collapse.in { - overflow-y: auto; -} -@media (min-width: 768px) { - .navbar-collapse { - width: auto; - border-top: 0; - -webkit-box-shadow: none; - box-shadow: none; + .glyphicon-volume-up:before { + content: "\e038"; } - .navbar-collapse.collapse { - display: block !important; - height: auto !important; - padding-bottom: 0; - overflow: visible !important; + .glyphicon-qrcode:before { + content: "\e039"; } - .navbar-collapse.in { - overflow-y: visible; + .glyphicon-barcode:before { + content: "\e040"; } - .navbar-fixed-top .navbar-collapse, - .navbar-static-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - padding-right: 0; - padding-left: 0; + .glyphicon-tag:before { + content: "\e041"; } -} -.navbar-fixed-top .navbar-collapse, -.navbar-fixed-bottom .navbar-collapse { - max-height: 340px; -} -@media (max-device-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; + .glyphicon-tags:before { + content: "\e042"; } -} -.container > .navbar-header, -.container-fluid > .navbar-header, -.container > .navbar-collapse, -.container-fluid > .navbar-collapse { - margin-right: -15px; - margin-left: -15px; -} -@media (min-width: 768px) { - .container > .navbar-header, - .container-fluid > .navbar-header, - .container > .navbar-collapse, - .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; + .glyphicon-book:before { + content: "\e043"; } -} -.navbar-static-top { - z-index: 1000; - border-width: 0 0 1px; -} -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; + .glyphicon-bookmark:before { + content: "\e044"; } -} -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; -} -@media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; + .glyphicon-print:before { + content: "\e045"; } -} -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; -} -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; - border-width: 1px 0 0; -} -.navbar-brand { - float: left; - height: 50px; - padding: 15px 15px; - font-size: 18px; - line-height: 20px; -} -.navbar-brand:hover, -.navbar-brand:focus { - text-decoration: none; -} -.navbar-brand > img { - display: block; -} -@media (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-left: -15px; + .glyphicon-camera:before { + content: "\e046"; } -} -.navbar-toggle { - position: relative; - float: right; - padding: 9px 10px; - margin-top: 8px; - margin-right: 15px; - margin-bottom: 8px; - background-color: transparent; - background-image: none; - border: 1px solid transparent; - border-radius: 4px; -} -.navbar-toggle:focus { - outline: 0; -} -.navbar-toggle .icon-bar { - display: block; - width: 22px; - height: 2px; - border-radius: 1px; -} -.navbar-toggle .icon-bar + .icon-bar { - margin-top: 4px; -} -@media (min-width: 768px) { - .navbar-toggle { - display: none; + .glyphicon-font:before { + content: "\e047"; } -} -.navbar-nav { - margin: 7.5px -15px; -} -.navbar-nav > li > a { - padding-top: 10px; - padding-bottom: 10px; - line-height: 20px; -} -@media (max-width: 767px) { - .navbar-nav .open .dropdown-menu { - position: static; - float: none; - width: auto; - margin-top: 0; - background-color: transparent; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; + .glyphicon-bold:before { + content: "\e048"; } - .navbar-nav .open .dropdown-menu > li > a, - .navbar-nav .open .dropdown-menu .dropdown-header { - padding: 5px 15px 5px 25px; + .glyphicon-italic:before { + content: "\e049"; } - .navbar-nav .open .dropdown-menu > li > a { - line-height: 20px; + .glyphicon-text-height:before { + content: "\e050"; } - .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-nav .open .dropdown-menu > li > a:focus { - background-image: none; + .glyphicon-text-width:before { + content: "\e051"; } -} -@media (min-width: 768px) { - .navbar-nav { - float: left; - margin: 0; + .glyphicon-align-left:before { + content: "\e052"; } - .navbar-nav > li { - float: left; + .glyphicon-align-center:before { + content: "\e053"; } - .navbar-nav > li > a { - padding-top: 15px; - padding-bottom: 15px; + .glyphicon-align-right:before { + content: "\e054"; } -} -.navbar-form { - padding: 10px 15px; - margin-top: 8px; - margin-right: -15px; - margin-bottom: 8px; - margin-left: -15px; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); -} -@media (min-width: 768px) { - .navbar-form .form-group { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; + .glyphicon-align-justify:before { + content: "\e055"; } - .navbar-form .form-control { - display: inline-block; - width: auto; - vertical-align: middle; + .glyphicon-list:before { + content: "\e056"; } - .navbar-form .form-control-static { - display: inline-block; + .glyphicon-indent-left:before { + content: "\e057"; } - .navbar-form .input-group { - display: inline-table; - vertical-align: middle; + .glyphicon-indent-right:before { + content: "\e058"; } - .navbar-form .input-group .input-group-addon, - .navbar-form .input-group .input-group-btn, - .navbar-form .input-group .form-control { - width: auto; + .glyphicon-facetime-video:before { + content: "\e059"; } - .navbar-form .input-group > .form-control { - width: 100%; + .glyphicon-picture:before { + content: "\e060"; } - .navbar-form .control-label { - margin-bottom: 0; - vertical-align: middle; + .glyphicon-map-marker:before { + content: "\e062"; } - .navbar-form .radio, - .navbar-form .checkbox { - display: inline-block; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; + .glyphicon-adjust:before { + content: "\e063"; } - .navbar-form .radio label, - .navbar-form .checkbox label { - padding-left: 0; + .glyphicon-tint:before { + content: "\e064"; } - .navbar-form .radio input[type="radio"], - .navbar-form .checkbox input[type="checkbox"] { - position: relative; - margin-left: 0; + .glyphicon-edit:before { + content: "\e065"; } - .navbar-form .has-feedback .form-control-feedback { - top: 0; + .glyphicon-share:before { + content: "\e066"; } -} -@media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 5px; + .glyphicon-check:before { + content: "\e067"; } - .navbar-form .form-group:last-child { - margin-bottom: 0; + .glyphicon-move:before { + content: "\e068"; } -} -@media (min-width: 768px) { - .navbar-form { - width: auto; - padding-top: 0; - padding-bottom: 0; - margin-right: 0; - margin-left: 0; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; + .glyphicon-step-backward:before { + content: "\e069"; } -} -.navbar-nav > li > .dropdown-menu { - margin-top: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - margin-bottom: 0; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.navbar-btn { - margin-top: 8px; - margin-bottom: 8px; -} -.navbar-btn.btn-sm { - margin-top: 10px; - margin-bottom: 10px; -} -.navbar-btn.btn-xs { - margin-top: 14px; - margin-bottom: 14px; -} -.navbar-text { - margin-top: 15px; - margin-bottom: 15px; -} -@media (min-width: 768px) { - .navbar-text { - float: left; - margin-right: 15px; - margin-left: 15px; + .glyphicon-fast-backward:before { + content: "\e070"; } -} -@media (min-width: 768px) { - .navbar-left { - float: left !important; + .glyphicon-backward:before { + content: "\e071"; } - .navbar-right { - float: right !important; - margin-right: -15px; + .glyphicon-play:before { + content: "\e072"; } - .navbar-right ~ .navbar-right { - margin-right: 0; + .glyphicon-pause:before { + content: "\e073"; } -} -.navbar-default { - background-color: #f8f8f8; - border-color: #e7e7e7; -} -.navbar-default .navbar-brand { - color: #777; -} -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: #5e5e5e; - background-color: transparent; -} -.navbar-default .navbar-text { - color: #777; -} -.navbar-default .navbar-nav > li > a { - color: #777; -} -.navbar-default .navbar-nav > li > a:hover, -.navbar-default .navbar-nav > li > a:focus { - color: #333; - background-color: transparent; -} -.navbar-default .navbar-nav > .active > a, -.navbar-default .navbar-nav > .active > a:hover, -.navbar-default .navbar-nav > .active > a:focus { - color: #555; - background-color: #e7e7e7; -} -.navbar-default .navbar-nav > .disabled > a, -.navbar-default .navbar-nav > .disabled > a:hover, -.navbar-default .navbar-nav > .disabled > a:focus { - color: #ccc; - background-color: transparent; -} -.navbar-default .navbar-toggle { - border-color: #ddd; -} -.navbar-default .navbar-toggle:hover, -.navbar-default .navbar-toggle:focus { - background-color: #ddd; -} -.navbar-default .navbar-toggle .icon-bar { - background-color: #888; -} -.navbar-default .navbar-collapse, -.navbar-default .navbar-form { - border-color: #e7e7e7; -} -.navbar-default .navbar-nav > .open > a, -.navbar-default .navbar-nav > .open > a:hover, -.navbar-default .navbar-nav > .open > a:focus { - color: #555; - background-color: #e7e7e7; -} -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #777; + .glyphicon-stop:before { + content: "\e074"; } - .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: #333; - background-color: transparent; + .glyphicon-forward:before { + content: "\e075"; } - .navbar-default .navbar-nav .open .dropdown-menu > .active > a, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #555; - background-color: #e7e7e7; + .glyphicon-fast-forward:before { + content: "\e076"; } - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #ccc; - background-color: transparent; + .glyphicon-step-forward:before { + content: "\e077"; } -} -.navbar-default .navbar-link { - color: #777; -} -.navbar-default .navbar-link:hover { - color: #333; -} -.navbar-default .btn-link { - color: #777; -} -.navbar-default .btn-link:hover, -.navbar-default .btn-link:focus { - color: #333; -} -.navbar-default .btn-link[disabled]:hover, -fieldset[disabled] .navbar-default .btn-link:hover, -.navbar-default .btn-link[disabled]:focus, -fieldset[disabled] .navbar-default .btn-link:focus { - color: #ccc; -} -.navbar-inverse { - background-color: #222; - border-color: #080808; -} -.navbar-inverse .navbar-brand { - color: #9d9d9d; -} -.navbar-inverse .navbar-brand:hover, -.navbar-inverse .navbar-brand:focus { - color: #fff; - background-color: transparent; -} -.navbar-inverse .navbar-text { - color: #9d9d9d; -} -.navbar-inverse .navbar-nav > li > a { - color: #9d9d9d; -} -.navbar-inverse .navbar-nav > li > a:hover, -.navbar-inverse .navbar-nav > li > a:focus { - color: #fff; - background-color: transparent; -} -.navbar-inverse .navbar-nav > .active > a, -.navbar-inverse .navbar-nav > .active > a:hover, -.navbar-inverse .navbar-nav > .active > a:focus { - color: #fff; - background-color: #080808; -} -.navbar-inverse .navbar-nav > .disabled > a, -.navbar-inverse .navbar-nav > .disabled > a:hover, -.navbar-inverse .navbar-nav > .disabled > a:focus { - color: #444; - background-color: transparent; -} -.navbar-inverse .navbar-toggle { - border-color: #333; -} -.navbar-inverse .navbar-toggle:hover, -.navbar-inverse .navbar-toggle:focus { - background-color: #333; -} -.navbar-inverse .navbar-toggle .icon-bar { - background-color: #fff; -} -.navbar-inverse .navbar-collapse, -.navbar-inverse .navbar-form { - border-color: #101010; -} -.navbar-inverse .navbar-nav > .open > a, -.navbar-inverse .navbar-nav > .open > a:hover, -.navbar-inverse .navbar-nav > .open > a:focus { - color: #fff; - background-color: #080808; -} -@media (max-width: 767px) { - .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { - border-color: #080808; + .glyphicon-eject:before { + content: "\e078"; } - .navbar-inverse .navbar-nav .open .dropdown-menu .divider { - background-color: #080808; + .glyphicon-chevron-left:before { + content: "\e079"; } - .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { - color: #9d9d9d; + .glyphicon-chevron-right:before { + content: "\e080"; } - .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { - color: #fff; - background-color: transparent; + .glyphicon-plus-sign:before { + content: "\e081"; } - .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, - .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #fff; - background-color: #080808; + .glyphicon-minus-sign:before { + content: "\e082"; } - .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #444; - background-color: transparent; + .glyphicon-remove-sign:before { + content: "\e083"; } -} -.navbar-inverse .navbar-link { - color: #9d9d9d; -} -.navbar-inverse .navbar-link:hover { - color: #fff; -} -.navbar-inverse .btn-link { - color: #9d9d9d; -} -.navbar-inverse .btn-link:hover, -.navbar-inverse .btn-link:focus { - color: #fff; -} -.navbar-inverse .btn-link[disabled]:hover, -fieldset[disabled] .navbar-inverse .btn-link:hover, -.navbar-inverse .btn-link[disabled]:focus, -fieldset[disabled] .navbar-inverse .btn-link:focus { - color: #444; -} -.breadcrumb { - padding: 8px 15px; - margin-bottom: 20px; - list-style: none; - background-color: #f5f5f5; - border-radius: 4px; -} -.breadcrumb > li { - display: inline-block; -} -.breadcrumb > li + li:before { - padding: 0 5px; - color: #ccc; - content: "/\00a0"; -} -.breadcrumb > .active { - color: #777; -} -.pagination { - display: inline-block; - padding-left: 0; - margin: 20px 0; - border-radius: 4px; -} -.pagination > li { - display: inline; -} -.pagination > li > a, -.pagination > li > span { - position: relative; - float: left; - padding: 6px 12px; - margin-left: -1px; - line-height: 1.42857143; - color: #337ab7; - text-decoration: none; - background-color: #fff; - border: 1px solid #ddd; -} -.pagination > li:first-child > a, -.pagination > li:first-child > span { - margin-left: 0; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -.pagination > li:last-child > a, -.pagination > li:last-child > span { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.pagination > li > a:hover, -.pagination > li > span:hover, -.pagination > li > a:focus, -.pagination > li > span:focus { - color: #23527c; - background-color: #eee; - border-color: #ddd; -} -.pagination > .active > a, -.pagination > .active > span, -.pagination > .active > a:hover, -.pagination > .active > span:hover, -.pagination > .active > a:focus, -.pagination > .active > span:focus { - z-index: 2; - color: #fff; - cursor: default; - background-color: #337ab7; - border-color: #337ab7; -} -.pagination > .disabled > span, -.pagination > .disabled > span:hover, -.pagination > .disabled > span:focus, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #777; - cursor: not-allowed; - background-color: #fff; - border-color: #ddd; -} -.pagination-lg > li > a, -.pagination-lg > li > span { - padding: 10px 16px; - font-size: 18px; -} -.pagination-lg > li:first-child > a, -.pagination-lg > li:first-child > span { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.pagination-lg > li:last-child > a, -.pagination-lg > li:last-child > span { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.pagination-sm > li > a, -.pagination-sm > li > span { - padding: 5px 10px; - font-size: 12px; -} -.pagination-sm > li:first-child > a, -.pagination-sm > li:first-child > span { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.pagination-sm > li:last-child > a, -.pagination-sm > li:last-child > span { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.pager { - padding-left: 0; - margin: 20px 0; - text-align: center; - list-style: none; -} -.pager li { - display: inline; -} -.pager li > a, -.pager li > span { - display: inline-block; - padding: 5px 14px; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 15px; -} -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - background-color: #eee; -} -.pager .next > a, -.pager .next > span { - float: right; -} -.pager .previous > a, -.pager .previous > span { - float: left; -} -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #777; - cursor: not-allowed; - background-color: #fff; -} -.label { - display: inline; - padding: 0.2em 0.6em 0.3em; - font-size: 75%; - font-weight: bold; - line-height: 1; - color: #fff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: 0.25em; -} -a.label:hover, -a.label:focus { - color: #fff; - text-decoration: none; - cursor: pointer; -} -.label:empty { - display: none; -} -.btn .label { - position: relative; - top: -1px; -} -.label-default { - background-color: #777; -} -.label-default[href]:hover, -.label-default[href]:focus { - background-color: #5e5e5e; -} -.label-primary { - background-color: #337ab7; -} -.label-primary[href]:hover, -.label-primary[href]:focus { - background-color: #286090; -} -.label-success { - background-color: #5cb85c; -} -.label-success[href]:hover, -.label-success[href]:focus { - background-color: #449d44; -} -.label-info { - background-color: #5bc0de; -} -.label-info[href]:hover, -.label-info[href]:focus { - background-color: #31b0d5; -} -.label-warning { - background-color: #f0ad4e; -} -.label-warning[href]:hover, -.label-warning[href]:focus { - background-color: #ec971f; -} -.label-danger { - background-color: #d9534f; -} -.label-danger[href]:hover, -.label-danger[href]:focus { - background-color: #c9302c; -} -.badge { - display: inline-block; - min-width: 10px; - padding: 3px 7px; - font-size: 12px; - font-weight: bold; - line-height: 1; - color: #fff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - background-color: #777; - border-radius: 10px; -} -.badge:empty { - display: none; -} -.btn .badge { - position: relative; - top: -1px; -} -.btn-xs .badge, -.btn-group-xs > .btn .badge { - top: 0; - padding: 1px 5px; -} -a.badge:hover, -a.badge:focus { - color: #fff; - text-decoration: none; - cursor: pointer; -} -.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #337ab7; - background-color: #fff; -} -.list-group-item > .badge { - float: right; -} -.list-group-item > .badge + .badge { - margin-right: 5px; -} -.nav-pills > li > a > .badge { - margin-left: 3px; -} -.jumbotron { - padding: 30px 15px; - margin-bottom: 30px; - color: inherit; - background-color: #eee; -} -.jumbotron h1, -.jumbotron .h1 { - color: inherit; -} -.jumbotron p { - margin-bottom: 15px; - font-size: 21px; - font-weight: 200; -} -.jumbotron > hr { - border-top-color: #d5d5d5; -} -.container .jumbotron, -.container-fluid .jumbotron { - border-radius: 6px; -} -.jumbotron .container { - max-width: 100%; -} -@media screen and (min-width: 768px) { - .jumbotron { - padding: 48px 0; + .glyphicon-ok-sign:before { + content: "\e084"; } - .container .jumbotron, - .container-fluid .jumbotron { - padding-right: 60px; - padding-left: 60px; + .glyphicon-question-sign:before { + content: "\e085"; } - .jumbotron h1, - .jumbotron .h1 { - font-size: 63px; + .glyphicon-info-sign:before { + content: "\e086"; } -} -.thumbnail { - display: block; - padding: 4px; - margin-bottom: 20px; - line-height: 1.42857143; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 4px; - -webkit-transition: border 0.2s ease-in-out; - -o-transition: border 0.2s ease-in-out; - transition: border 0.2s ease-in-out; -} -.thumbnail > img, -.thumbnail a > img { - margin-right: auto; - margin-left: auto; -} -a.thumbnail:hover, -a.thumbnail:focus, -a.thumbnail.active { - border-color: #337ab7; -} -.thumbnail .caption { - padding: 9px; - color: #333; -} -.alert { - padding: 15px; - margin-bottom: 20px; - border: 1px solid transparent; - border-radius: 4px; -} -.alert h4 { - margin-top: 0; - color: inherit; -} -.alert .alert-link { - font-weight: bold; -} -.alert > p, -.alert > ul { - margin-bottom: 0; -} -.alert > p + p { - margin-top: 5px; -} -.alert-dismissable, -.alert-dismissible { - padding-right: 35px; -} -.alert-dismissable .close, -.alert-dismissible .close { - position: relative; - top: -2px; - right: -21px; - color: inherit; -} -.alert-success { - color: #3c763d; - background-color: #dff0d8; - border-color: #d6e9c6; -} -.alert-success hr { - border-top-color: #c9e2b3; -} -.alert-success .alert-link { - color: #2b542c; -} -.alert-info { - color: #31708f; - background-color: #d9edf7; - border-color: #bce8f1; -} -.alert-info hr { - border-top-color: #a6e1ec; -} -.alert-info .alert-link { - color: #245269; -} -.alert-warning { - color: #8a6d3b; - background-color: #fcf8e3; - border-color: #faebcc; -} -.alert-warning hr { - border-top-color: #f7e1b5; -} -.alert-warning .alert-link { - color: #66512c; -} -.alert-danger { - color: #a94442; - background-color: #f2dede; - border-color: #ebccd1; -} -.alert-danger hr { - border-top-color: #e4b9c0; -} -.alert-danger .alert-link { - color: #843534; -} -//@-webkit-keyframes progress-bar-stripes { -// from { -// background-position: 40px 0; -// } -// to { -// background-position: 0 0; -// } -//} -//@-o-keyframes progress-bar-stripes { -// from { -// background-position: 40px 0; -// } -// to { -// background-position: 0 0; -// } -//} -//@keyframes progress-bar-stripes { -// from { -// background-position: 40px 0; -// } -// to { -// background-position: 0 0; -// } -//} -//.progress { -// height: 20px; -// margin-bottom: 20px; -// overflow: hidden; -// background-color: #f5f5f5; -// border-radius: 4px; -// -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -// box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -//} -//.progress-bar { -// float: left; -// width: 0; -// height: 100%; -// font-size: 12px; -// line-height: 20px; -// color: #fff; -// text-align: center; -// background-color: #337ab7; -// -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -// box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -// -webkit-transition: width 0.6s ease; -// -o-transition: width 0.6s ease; -// transition: width 0.6s ease; -//} -//.progress-striped .progress-bar, -//.progress-bar-striped { -// background-image: -webkit-linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -// background-image: -o-linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -// background-image: linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -// -webkit-background-size: 40px 40px; -// background-size: 40px 40px; -//} -//.progress.active .progress-bar, -//.progress-bar.active { -// -webkit-animation: progress-bar-stripes 2s linear infinite; -// -o-animation: progress-bar-stripes 2s linear infinite; -// animation: progress-bar-stripes 2s linear infinite; -//} -//.progress-bar-success { -// background-color: #5cb85c; -//} -//.progress-striped .progress-bar-success { -// background-image: -webkit-linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -// background-image: -o-linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -// background-image: linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -//} -//.progress-bar-info { -// background-color: #5bc0de; -//} -//.progress-striped .progress-bar-info { -// background-image: -webkit-linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -// background-image: -o-linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -// background-image: linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -//} -//.progress-bar-warning { -// background-color: #f0ad4e; -//} -//.progress-striped .progress-bar-warning { -// background-image: -webkit-linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -// background-image: -o-linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -// background-image: linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -//} -//.progress-bar-danger { -// background-color: #d9534f; -//} -//.progress-striped .progress-bar-danger { -// background-image: -webkit-linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -// background-image: -o-linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -// background-image: linear-gradient( -// 45deg, -// rgba(255, 255, 255, 0.15) 25%, -// transparent 25%, -// transparent 50%, -// rgba(255, 255, 255, 0.15) 50%, -// rgba(255, 255, 255, 0.15) 75%, -// transparent 75%, -// transparent -// ); -//} -.media { - margin-top: 15px; -} -.media:first-child { - margin-top: 0; -} -.media, -.media-body { - overflow: hidden; - zoom: 1; -} -.media-body { - width: 10000px; -} -.media-object { - display: block; -} -.media-right, -.media > .pull-right { - padding-left: 10px; -} -.media-left, -.media > .pull-left { - padding-right: 10px; -} -.media-left, -.media-right, -.media-body { - display: table-cell; - vertical-align: top; -} -.media-middle { - vertical-align: middle; -} -.media-bottom { - vertical-align: bottom; -} -.media-heading { - margin-top: 0; - margin-bottom: 5px; -} -.media-list { - padding-left: 0; - list-style: none; -} -.list-group { - padding-left: 0; - margin-bottom: 20px; -} -.list-group-item { - position: relative; - display: block; - padding: 10px 15px; - margin-bottom: -1px; - background-color: #fff; - border: 1px solid #ddd; -} -.list-group-item:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.list-group-item:last-child { - margin-bottom: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -a.list-group-item { - color: #555; -} -a.list-group-item .list-group-item-heading { - color: #333; -} -a.list-group-item:hover, -a.list-group-item:focus { - color: #555; - text-decoration: none; - background-color: #f5f5f5; -} -.list-group-item.disabled, -.list-group-item.disabled:hover, -.list-group-item.disabled:focus { - color: #777; - cursor: not-allowed; - background-color: #eee; -} -.list-group-item.disabled .list-group-item-heading, -.list-group-item.disabled:hover .list-group-item-heading, -.list-group-item.disabled:focus .list-group-item-heading { - color: inherit; -} -.list-group-item.disabled .list-group-item-text, -.list-group-item.disabled:hover .list-group-item-text, -.list-group-item.disabled:focus .list-group-item-text { - color: #777; -} -.list-group-item.active, -.list-group-item.active:hover, -.list-group-item.active:focus { - z-index: 2; - color: #fff; - background-color: #337ab7; - border-color: #337ab7; -} -.list-group-item.active .list-group-item-heading, -.list-group-item.active:hover .list-group-item-heading, -.list-group-item.active:focus .list-group-item-heading, -.list-group-item.active .list-group-item-heading > small, -.list-group-item.active:hover .list-group-item-heading > small, -.list-group-item.active:focus .list-group-item-heading > small, -.list-group-item.active .list-group-item-heading > .small, -.list-group-item.active:hover .list-group-item-heading > .small, -.list-group-item.active:focus .list-group-item-heading > .small { - color: inherit; -} -.list-group-item.active .list-group-item-text, -.list-group-item.active:hover .list-group-item-text, -.list-group-item.active:focus .list-group-item-text { - color: #c7ddef; -} -.list-group-item-success { - color: #3c763d; - background-color: #dff0d8; -} -a.list-group-item-success { - color: #3c763d; -} -a.list-group-item-success .list-group-item-heading { - color: inherit; -} -a.list-group-item-success:hover, -a.list-group-item-success:focus { - color: #3c763d; - background-color: #d0e9c6; -} -a.list-group-item-success.active, -a.list-group-item-success.active:hover, -a.list-group-item-success.active:focus { - color: #fff; - background-color: #3c763d; - border-color: #3c763d; -} -.list-group-item-info { - color: #31708f; - background-color: #d9edf7; -} -a.list-group-item-info { - color: #31708f; -} -a.list-group-item-info .list-group-item-heading { - color: inherit; -} -a.list-group-item-info:hover, -a.list-group-item-info:focus { - color: #31708f; - background-color: #c4e3f3; -} -a.list-group-item-info.active, -a.list-group-item-info.active:hover, -a.list-group-item-info.active:focus { - color: #fff; - background-color: #31708f; - border-color: #31708f; -} -.list-group-item-warning { - color: #8a6d3b; - background-color: #fcf8e3; -} -a.list-group-item-warning { - color: #8a6d3b; -} -a.list-group-item-warning .list-group-item-heading { - color: inherit; -} -a.list-group-item-warning:hover, -a.list-group-item-warning:focus { - color: #8a6d3b; - background-color: #faf2cc; -} -a.list-group-item-warning.active, -a.list-group-item-warning.active:hover, -a.list-group-item-warning.active:focus { - color: #fff; - background-color: #8a6d3b; - border-color: #8a6d3b; -} -.list-group-item-danger { - color: #a94442; - background-color: #f2dede; -} -a.list-group-item-danger { - color: #a94442; -} -a.list-group-item-danger .list-group-item-heading { - color: inherit; -} -a.list-group-item-danger:hover, -a.list-group-item-danger:focus { - color: #a94442; - background-color: #ebcccc; -} -a.list-group-item-danger.active, -a.list-group-item-danger.active:hover, -a.list-group-item-danger.active:focus { - color: #fff; - background-color: #a94442; - border-color: #a94442; -} -.list-group-item-heading { - margin-top: 0; - margin-bottom: 5px; -} -.list-group-item-text { - margin-bottom: 0; - line-height: 1.3; -} -.panel { - margin-bottom: 20px; - background-color: #fff; - border: 1px solid transparent; - border-radius: 4px; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -} -.panel-body { - padding: 15px; -} -.panel-heading { - padding: 10px 15px; - border-bottom: 1px solid transparent; - border-top-left-radius: 3px; - border-top-right-radius: 3px; -} -.panel-heading > .dropdown .dropdown-toggle { - color: inherit; -} -.panel-title { - margin-top: 0; - margin-bottom: 0; - font-size: 16px; - color: inherit; -} -.panel-title > a, -.panel-title > small, -.panel-title > .small, -.panel-title > small > a, -.panel-title > .small > a { - color: inherit; -} -.panel-footer { - padding: 10px 15px; - background-color: #f5f5f5; - border-top: 1px solid #ddd; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.panel > .list-group, -.panel > .panel-collapse > .list-group { - margin-bottom: 0; -} -.panel > .list-group .list-group-item, -.panel > .panel-collapse > .list-group .list-group-item { - border-width: 1px 0; - border-radius: 0; -} -.panel > .list-group:first-child .list-group-item:first-child, -.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { - border-top: 0; - border-top-left-radius: 3px; - border-top-right-radius: 3px; -} -.panel > .list-group:last-child .list-group-item:last-child, -.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { - border-bottom: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.panel-heading + .list-group .list-group-item:first-child { - border-top-width: 0; -} -.list-group + .panel-footer { - border-top-width: 0; -} -.panel > .table, -.panel > .table-responsive > .table, -.panel > .panel-collapse > .table { - margin-bottom: 0; -} -.panel > .table caption, -.panel > .table-responsive > .table caption, -.panel > .panel-collapse > .table caption { - padding-right: 15px; - padding-left: 15px; -} -.panel > .table:first-child, -.panel > .table-responsive:first-child > .table:first-child { - border-top-left-radius: 3px; - border-top-right-radius: 3px; -} -.panel > .table:first-child > thead:first-child > tr:first-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, -.panel > .table:first-child > tbody:first-child > tr:first-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { - border-top-left-radius: 3px; - border-top-right-radius: 3px; -} -.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, -.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, -.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, -.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { - border-top-left-radius: 3px; -} -.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, -.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, -.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, -.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { - border-top-right-radius: 3px; -} -.panel > .table:last-child, -.panel > .table-responsive:last-child > .table:last-child { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.panel > .table:last-child > tbody:last-child > tr:last-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} -.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, -.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { - border-bottom-left-radius: 3px; -} -.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, -.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { - border-bottom-right-radius: 3px; -} -.panel > .panel-body + .table, -.panel > .panel-body + .table-responsive, -.panel > .table + .panel-body, -.panel > .table-responsive + .panel-body { - border-top: 1px solid #ddd; -} -.panel > .table > tbody:first-child > tr:first-child th, -.panel > .table > tbody:first-child > tr:first-child td { - border-top: 0; -} -.panel > .table-bordered, -.panel > .table-responsive > .table-bordered { - border: 0; -} -.panel > .table-bordered > thead > tr > th:first-child, -.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, -.panel > .table-bordered > tbody > tr > th:first-child, -.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, -.panel > .table-bordered > tfoot > tr > th:first-child, -.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, -.panel > .table-bordered > thead > tr > td:first-child, -.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, -.panel > .table-bordered > tbody > tr > td:first-child, -.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, -.panel > .table-bordered > tfoot > tr > td:first-child, -.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { - border-left: 0; -} -.panel > .table-bordered > thead > tr > th:last-child, -.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, -.panel > .table-bordered > tbody > tr > th:last-child, -.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, -.panel > .table-bordered > tfoot > tr > th:last-child, -.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, -.panel > .table-bordered > thead > tr > td:last-child, -.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, -.panel > .table-bordered > tbody > tr > td:last-child, -.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, -.panel > .table-bordered > tfoot > tr > td:last-child, -.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { - border-right: 0; -} -.panel > .table-bordered > thead > tr:first-child > td, -.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, -.panel > .table-bordered > tbody > tr:first-child > td, -.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, -.panel > .table-bordered > thead > tr:first-child > th, -.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, -.panel > .table-bordered > tbody > tr:first-child > th, -.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { - border-bottom: 0; -} -.panel > .table-bordered > tbody > tr:last-child > td, -.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, -.panel > .table-bordered > tfoot > tr:last-child > td, -.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, -.panel > .table-bordered > tbody > tr:last-child > th, -.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, -.panel > .table-bordered > tfoot > tr:last-child > th, -.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { - border-bottom: 0; -} -.panel > .table-responsive { - margin-bottom: 0; - border: 0; -} -.panel-group { - margin-bottom: 20px; -} -.panel-group .panel { - margin-bottom: 0; - border-radius: 4px; -} -.panel-group .panel + .panel { - margin-top: 5px; -} -.panel-group .panel-heading { - border-bottom: 0; -} -.panel-group .panel-heading + .panel-collapse > .panel-body, -.panel-group .panel-heading + .panel-collapse > .list-group { - border-top: 1px solid #ddd; -} -.panel-group .panel-footer { - border-top: 0; -} -.panel-group .panel-footer + .panel-collapse .panel-body { - border-bottom: 1px solid #ddd; -} -.panel-default { - border-color: #ddd; -} -.panel-default > .panel-heading { - color: #333; - background-color: #f5f5f5; - border-color: #ddd; -} -.panel-default > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #ddd; -} -.panel-default > .panel-heading .badge { - color: #f5f5f5; - background-color: #333; -} -.panel-default > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #ddd; -} -.panel-primary { - border-color: #337ab7; -} -.panel-primary > .panel-heading { - color: #fff; - background-color: #337ab7; - border-color: #337ab7; -} -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #337ab7; -} -.panel-primary > .panel-heading .badge { - color: #337ab7; - background-color: #fff; -} -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #337ab7; -} -.panel-success { - border-color: #d6e9c6; -} -.panel-success > .panel-heading { - color: #3c763d; - background-color: #dff0d8; - border-color: #d6e9c6; -} -.panel-success > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #d6e9c6; -} -.panel-success > .panel-heading .badge { - color: #dff0d8; - background-color: #3c763d; -} -.panel-success > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #d6e9c6; -} -.panel-info { - border-color: #bce8f1; -} -.panel-info > .panel-heading { - color: #31708f; - background-color: #d9edf7; - border-color: #bce8f1; -} -.panel-info > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #bce8f1; -} -.panel-info > .panel-heading .badge { - color: #d9edf7; - background-color: #31708f; -} -.panel-info > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #bce8f1; -} -.panel-warning { - border-color: #faebcc; -} -.panel-warning > .panel-heading { - color: #8a6d3b; - background-color: #fcf8e3; - border-color: #faebcc; -} -.panel-warning > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #faebcc; -} -.panel-warning > .panel-heading .badge { - color: #fcf8e3; - background-color: #8a6d3b; -} -.panel-warning > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #faebcc; -} -.panel-danger { - border-color: #ebccd1; -} -.panel-danger > .panel-heading { - color: #a94442; - background-color: #f2dede; - border-color: #ebccd1; -} -.panel-danger > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #ebccd1; -} -.panel-danger > .panel-heading .badge { - color: #f2dede; - background-color: #a94442; -} -.panel-danger > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #ebccd1; -} -.embed-responsive { - position: relative; - display: block; - height: 0; - padding: 0; - overflow: hidden; -} -.embed-responsive .embed-responsive-item, -.embed-responsive iframe, -.embed-responsive embed, -.embed-responsive object, -.embed-responsive video { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - border: 0; -} -.embed-responsive-16by9 { - padding-bottom: 56.25%; -} -.embed-responsive-4by3 { - padding-bottom: 75%; -} -.well { - min-height: 20px; - padding: 19px; - margin-bottom: 20px; - background-color: #f5f5f5; - border: 1px solid #e3e3e3; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -} -.well blockquote { - border-color: #ddd; - border-color: rgba(0, 0, 0, 0.15); -} -.well-lg { - padding: 24px; - border-radius: 6px; -} -.well-sm { - padding: 9px; - border-radius: 3px; -} -.close { - float: right; - font-size: 21px; - font-weight: bold; - line-height: 1; - color: #000; - text-shadow: 0 1px 0 #fff; - filter: alpha(opacity=20); - opacity: 0.2; -} -.close:hover, -.close:focus { - color: #000; - text-decoration: none; - cursor: pointer; - filter: alpha(opacity=50); - opacity: 0.5; -} -button.close { - -webkit-appearance: none; - padding: 0; - cursor: pointer; - background: transparent; - border: 0; -} -.modal-open { - overflow: hidden; -} -.modal { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1050; - display: none; - overflow: hidden; - -webkit-overflow-scrolling: touch; - outline: 0; -} -.modal.fade .modal-dialog { - -webkit-transition: -webkit-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; - transition: transform 0.3s ease-out; - -webkit-transform: translate(0, -25%); - -ms-transform: translate(0, -25%); - -o-transform: translate(0, -25%); - transform: translate(0, -25%); -} -.modal.in .modal-dialog { - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - -o-transform: translate(0, 0); - transform: translate(0, 0); -} -.modal-open .modal { - overflow-x: hidden; - overflow-y: auto; -} -.modal-dialog { - position: relative; - width: auto; - margin: 10px; -} -.modal-content { - position: relative; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #999; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - outline: 0; - -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -} -.modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - background-color: #000; -} -.modal-backdrop.fade { - filter: alpha(opacity=0); - opacity: 0; -} -.modal-backdrop.in { - filter: alpha(opacity=50); - opacity: 0.5; -} -.modal-header { - min-height: 16.42857143px; - padding: 15px; - border-bottom: 1px solid #e5e5e5; -} -.modal-header .close { - margin-top: -2px; -} -.modal-title { - margin: 0; - line-height: 1.42857143; -} -//.modal-body { -// position: relative; -// padding: 15px; -//} -.modal-footer { - padding: 15px; - text-align: right; - border-top: 1px solid #e5e5e5; -} -.modal-footer .btn + .btn { - margin-bottom: 0; - margin-left: 5px; -} -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; -} -.modal-footer .btn-block + .btn-block { - margin-left: 0; -} -.modal-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; -} -@media (min-width: 768px) { - .modal-dialog { - width: 600px; - margin: 30px auto; + .glyphicon-screenshot:before { + content: "\e087"; + } + .glyphicon-remove-circle:before { + content: "\e088"; + } + .glyphicon-ok-circle:before { + content: "\e089"; + } + .glyphicon-ban-circle:before { + content: "\e090"; + } + .glyphicon-arrow-left:before { + content: "\e091"; + } + .glyphicon-arrow-right:before { + content: "\e092"; + } + .glyphicon-arrow-up:before { + content: "\e093"; + } + .glyphicon-arrow-down:before { + content: "\e094"; + } + .glyphicon-share-alt:before { + content: "\e095"; + } + .glyphicon-resize-full:before { + content: "\e096"; + } + .glyphicon-resize-small:before { + content: "\e097"; + } + .glyphicon-exclamation-sign:before { + content: "\e101"; + } + .glyphicon-gift:before { + content: "\e102"; + } + .glyphicon-leaf:before { + content: "\e103"; + } + .glyphicon-fire:before { + content: "\e104"; + } + .glyphicon-eye-open:before { + content: "\e105"; + } + .glyphicon-eye-close:before { + content: "\e106"; + } + .glyphicon-warning-sign:before { + content: "\e107"; + } + .glyphicon-plane:before { + content: "\e108"; + } + .glyphicon-calendar:before { + content: "\e109"; + } + .glyphicon-random:before { + content: "\e110"; + } + .glyphicon-comment:before { + content: "\e111"; + } + .glyphicon-magnet:before { + content: "\e112"; + } + .glyphicon-chevron-up:before { + content: "\e113"; + } + .glyphicon-chevron-down:before { + content: "\e114"; + } + .glyphicon-retweet:before { + content: "\e115"; + } + .glyphicon-shopping-cart:before { + content: "\e116"; + } + .glyphicon-folder-close:before { + content: "\e117"; + } + .glyphicon-folder-open:before { + content: "\e118"; + } + .glyphicon-resize-vertical:before { + content: "\e119"; + } + .glyphicon-resize-horizontal:before { + content: "\e120"; + } + .glyphicon-hdd:before { + content: "\e121"; + } + .glyphicon-bullhorn:before { + content: "\e122"; + } + .glyphicon-bell:before { + content: "\e123"; + } + .glyphicon-certificate:before { + content: "\e124"; + } + .glyphicon-thumbs-up:before { + content: "\e125"; + } + .glyphicon-thumbs-down:before { + content: "\e126"; + } + .glyphicon-hand-right:before { + content: "\e127"; + } + .glyphicon-hand-left:before { + content: "\e128"; + } + .glyphicon-hand-up:before { + content: "\e129"; + } + .glyphicon-hand-down:before { + content: "\e130"; + } + .glyphicon-circle-arrow-right:before { + content: "\e131"; + } + .glyphicon-circle-arrow-left:before { + content: "\e132"; + } + .glyphicon-circle-arrow-up:before { + content: "\e133"; + } + .glyphicon-circle-arrow-down:before { + content: "\e134"; + } + .glyphicon-globe:before { + content: "\e135"; + } + .glyphicon-wrench:before { + content: "\e136"; + } + .glyphicon-tasks:before { + content: "\e137"; + } + .glyphicon-filter:before { + content: "\e138"; + } + .glyphicon-briefcase:before { + content: "\e139"; + } + .glyphicon-fullscreen:before { + content: "\e140"; + } + .glyphicon-dashboard:before { + content: "\e141"; + } + .glyphicon-paperclip:before { + content: "\e142"; + } + .glyphicon-heart-empty:before { + content: "\e143"; + } + .glyphicon-link:before { + content: "\e144"; + } + .glyphicon-phone:before { + content: "\e145"; + } + .glyphicon-pushpin:before { + content: "\e146"; + } + .glyphicon-usd:before { + content: "\e148"; + } + .glyphicon-gbp:before { + content: "\e149"; + } + .glyphicon-sort:before { + content: "\e150"; + } + .glyphicon-sort-by-alphabet:before { + content: "\e151"; + } + .glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; + } + .glyphicon-sort-by-order:before { + content: "\e153"; + } + .glyphicon-sort-by-order-alt:before { + content: "\e154"; + } + .glyphicon-sort-by-attributes:before { + content: "\e155"; + } + .glyphicon-sort-by-attributes-alt:before { + content: "\e156"; + } + .glyphicon-unchecked:before { + content: "\e157"; + } + .glyphicon-expand:before { + content: "\e158"; + } + .glyphicon-collapse-down:before { + content: "\e159"; + } + .glyphicon-collapse-up:before { + content: "\e160"; + } + .glyphicon-log-in:before { + content: "\e161"; + } + .glyphicon-flash:before { + content: "\e162"; + } + .glyphicon-log-out:before { + content: "\e163"; + } + .glyphicon-new-window:before { + content: "\e164"; + } + .glyphicon-record:before { + content: "\e165"; + } + .glyphicon-save:before { + content: "\e166"; + } + .glyphicon-open:before { + content: "\e167"; + } + .glyphicon-saved:before { + content: "\e168"; + } + .glyphicon-import:before { + content: "\e169"; + } + .glyphicon-export:before { + content: "\e170"; + } + .glyphicon-send:before { + content: "\e171"; + } + .glyphicon-floppy-disk:before { + content: "\e172"; + } + .glyphicon-floppy-saved:before { + content: "\e173"; + } + .glyphicon-floppy-remove:before { + content: "\e174"; + } + .glyphicon-floppy-save:before { + content: "\e175"; + } + .glyphicon-floppy-open:before { + content: "\e176"; + } + .glyphicon-credit-card:before { + content: "\e177"; + } + .glyphicon-transfer:before { + content: "\e178"; + } + .glyphicon-cutlery:before { + content: "\e179"; + } + .glyphicon-header:before { + content: "\e180"; + } + .glyphicon-compressed:before { + content: "\e181"; + } + .glyphicon-earphone:before { + content: "\e182"; + } + .glyphicon-phone-alt:before { + content: "\e183"; + } + .glyphicon-tower:before { + content: "\e184"; + } + .glyphicon-stats:before { + content: "\e185"; + } + .glyphicon-sd-video:before { + content: "\e186"; + } + .glyphicon-hd-video:before { + content: "\e187"; + } + .glyphicon-subtitles:before { + content: "\e188"; + } + .glyphicon-sound-stereo:before { + content: "\e189"; + } + .glyphicon-sound-dolby:before { + content: "\e190"; + } + .glyphicon-sound-5-1:before { + content: "\e191"; + } + .glyphicon-sound-6-1:before { + content: "\e192"; + } + .glyphicon-sound-7-1:before { + content: "\e193"; + } + .glyphicon-copyright-mark:before { + content: "\e194"; + } + .glyphicon-registration-mark:before { + content: "\e195"; + } + .glyphicon-cloud-download:before { + content: "\e197"; + } + .glyphicon-cloud-upload:before { + content: "\e198"; + } + .glyphicon-tree-conifer:before { + content: "\e199"; + } + .glyphicon-tree-deciduous:before { + content: "\e200"; + } + .glyphicon-cd:before { + content: "\e201"; + } + .glyphicon-save-file:before { + content: "\e202"; + } + .glyphicon-open-file:before { + content: "\e203"; + } + .glyphicon-level-up:before { + content: "\e204"; + } + .glyphicon-copy:before { + content: "\e205"; + } + .glyphicon-paste:before { + content: "\e206"; + } + .glyphicon-alert:before { + content: "\e209"; + } + .glyphicon-equalizer:before { + content: "\e210"; + } + .glyphicon-king:before { + content: "\e211"; + } + .glyphicon-queen:before { + content: "\e212"; + } + .glyphicon-pawn:before { + content: "\e213"; + } + .glyphicon-bishop:before { + content: "\e214"; + } + .glyphicon-knight:before { + content: "\e215"; + } + .glyphicon-baby-formula:before { + content: "\e216"; + } + .glyphicon-tent:before { + content: "\26fa"; + } + .glyphicon-blackboard:before { + content: "\e218"; + } + .glyphicon-bed:before { + content: "\e219"; + } + .glyphicon-apple:before { + content: "\f8ff"; + } + .glyphicon-erase:before { + content: "\e221"; + } + .glyphicon-hourglass:before { + content: "\231b"; + } + .glyphicon-lamp:before { + content: "\e223"; + } + .glyphicon-duplicate:before { + content: "\e224"; + } + .glyphicon-piggy-bank:before { + content: "\e225"; + } + .glyphicon-scissors:before { + content: "\e226"; + } + .glyphicon-bitcoin:before { + content: "\e227"; + } + .glyphicon-btc:before { + content: "\e227"; + } + .glyphicon-xbt:before { + content: "\e227"; + } + .glyphicon-yen:before { + content: "\00a5"; + } + .glyphicon-jpy:before { + content: "\00a5"; + } + .glyphicon-ruble:before { + content: "\20bd"; + } + .glyphicon-rub:before { + content: "\20bd"; + } + .glyphicon-scale:before { + content: "\e230"; + } + .glyphicon-ice-lolly:before { + content: "\e231"; + } + .glyphicon-ice-lolly-tasted:before { + content: "\e232"; + } + .glyphicon-education:before { + content: "\e233"; + } + .glyphicon-option-horizontal:before { + content: "\e234"; + } + .glyphicon-option-vertical:before { + content: "\e235"; + } + .glyphicon-menu-hamburger:before { + content: "\e236"; + } + .glyphicon-modal-window:before { + content: "\e237"; + } + .glyphicon-oil:before { + content: "\e238"; + } + .glyphicon-grain:before { + content: "\e239"; + } + .glyphicon-sunglasses:before { + content: "\e240"; + } + .glyphicon-text-size:before { + content: "\e241"; + } + .glyphicon-text-color:before { + content: "\e242"; + } + .glyphicon-text-background:before { + content: "\e243"; + } + .glyphicon-object-align-top:before { + content: "\e244"; + } + .glyphicon-object-align-bottom:before { + content: "\e245"; + } + .glyphicon-object-align-horizontal:before { + content: "\e246"; + } + .glyphicon-object-align-left:before { + content: "\e247"; + } + .glyphicon-object-align-vertical:before { + content: "\e248"; + } + .glyphicon-object-align-right:before { + content: "\e249"; + } + .glyphicon-triangle-right:before { + content: "\e250"; + } + .glyphicon-triangle-left:before { + content: "\e251"; + } + .glyphicon-triangle-bottom:before { + content: "\e252"; + } + .glyphicon-triangle-top:before { + content: "\e253"; + } + .glyphicon-console:before { + content: "\e254"; + } + .glyphicon-superscript:before { + content: "\e255"; + } + .glyphicon-subscript:before { + content: "\e256"; + } + .glyphicon-menu-left:before { + content: "\e257"; + } + .glyphicon-menu-right:before { + content: "\e258"; + } + .glyphicon-menu-down:before { + content: "\e259"; + } + .glyphicon-menu-up:before { + content: "\e260"; + } + * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + *:before, + *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + html { + font-size: 10px; + + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + } + body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #333; + background-color: #fff; + } + input, + button, + select, + textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; + } + a { + color: #337ab7; + text-decoration: none; + } + a:hover, + a:focus { + color: #23527c; + text-decoration: underline; + } + a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + } + figure { + margin: 0; + } + img { + vertical-align: middle; + } + .img-responsive, + .thumbnail > img, + .thumbnail a > img, + .carousel-inner > .item > img, + .carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto; + } + .img-rounded { + border-radius: 6px; + } + .img-thumbnail { + display: inline-block; + max-width: 100%; + height: auto; + padding: 4px; + line-height: 1.42857143; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + } + .img-circle { + border-radius: 50%; + } + hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eee; + } + .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + } + .sr-only-focusable:active, + .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } + [role="button"] { + cursor: pointer; + } + h1, + h2, + h3, + h4, + h5, + h6, + .h1, + .h2, + .h3, + .h4, + .h5, + .h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; + } + h1 small, + h2 small, + h3 small, + h4 small, + h5 small, + h6 small, + .h1 small, + .h2 small, + .h3 small, + .h4 small, + .h5 small, + .h6 small, + h1 .small, + h2 .small, + h3 .small, + h4 .small, + h5 .small, + h6 .small, + .h1 .small, + .h2 .small, + .h3 .small, + .h4 .small, + .h5 .small, + .h6 .small { + font-weight: normal; + line-height: 1; + color: #777; + } + h1, + .h1, + h2, + .h2, + h3, + .h3 { + margin-top: 20px; + margin-bottom: 10px; + } + h1 small, + .h1 small, + h2 small, + .h2 small, + h3 small, + .h3 small, + h1 .small, + .h1 .small, + h2 .small, + .h2 .small, + h3 .small, + .h3 .small { + font-size: 65%; + } + h4, + .h4, + h5, + .h5, + h6, + .h6 { + margin-top: 10px; + margin-bottom: 10px; + } + h4 small, + .h4 small, + h5 small, + .h5 small, + h6 small, + .h6 small, + h4 .small, + .h4 .small, + h5 .small, + .h5 .small, + h6 .small, + .h6 .small { + font-size: 75%; + } + h1, + .h1 { + font-size: 36px; + } + h2, + .h2 { + font-size: 30px; + } + h3, + .h3 { + font-size: 24px; + } + h4, + .h4 { + font-size: 18px; + } + h5, + .h5 { + font-size: 14px; + } + h6, + .h6 { + font-size: 12px; + } + p { + margin: 0 0 10px; + } + .lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 300; + line-height: 1.4; + } + @media (min-width: 768px) { + .lead { + font-size: 21px; + } + } + small, + .small { + font-size: 85%; + } + mark, + .mark { + padding: 0.2em; + background-color: #fcf8e3; + } + .text-left { + text-align: left; + } + .text-right { + text-align: right; + } + .text-center { + text-align: center; + } + .text-justify { + text-align: justify; + } + .text-nowrap { + white-space: nowrap; + } + .text-lowercase { + text-transform: lowercase; + } + .text-uppercase { + text-transform: uppercase; + } + .text-capitalize { + text-transform: capitalize; + } + .text-muted { + color: #777; + } + .text-primary { + color: #337ab7; + } + a.text-primary:hover { + color: #286090; + } + .text-success { + color: #3c763d; + } + a.text-success:hover { + color: #2b542c; + } + .text-info { + color: #31708f; + } + a.text-info:hover { + color: #245269; + } + .text-warning { + color: #8a6d3b; + } + a.text-warning:hover { + color: #66512c; + } + .text-danger { + color: #a94442; + } + a.text-danger:hover { + color: #843534; + } + .bg-primary { + color: #fff; + background-color: #337ab7; + } + a.bg-primary:hover { + background-color: #286090; + } + .bg-success { + background-color: #dff0d8; + } + a.bg-success:hover { + background-color: #c1e2b3; + } + .bg-info { + background-color: #d9edf7; + } + a.bg-info:hover { + background-color: #afd9ee; + } + .bg-warning { + background-color: #fcf8e3; + } + a.bg-warning:hover { + background-color: #f7ecb5; + } + .bg-danger { + background-color: #f2dede; + } + a.bg-danger:hover { + background-color: #e4b9b9; + } + .page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eee; + } + ul, + ol { + margin-top: 0; + margin-bottom: 10px; + } + ul ul, + ol ul, + ul ol, + ol ol { + margin-bottom: 0; + } + .list-unstyled { + padding-left: 0; + list-style: none; + } + .list-inline { + padding-left: 0; + margin-left: -5px; + list-style: none; + } + .list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; + } + dl { + margin-top: 0; + margin-bottom: 20px; + } + dt, + dd { + line-height: 1.42857143; + } + dt { + font-weight: bold; + } + dd { + margin-left: 0; + } + @media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } + } + abbr[title], + abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #777; + } + .initialism { + font-size: 90%; + text-transform: uppercase; + } + blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eee; + } + blockquote p:last-child, + blockquote ul:last-child, + blockquote ol:last-child { + margin-bottom: 0; + } + blockquote footer, + blockquote small, + blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #777; + } + blockquote footer:before, + blockquote small:before, + blockquote .small:before { + content: "\2014 \00A0"; + } + .blockquote-reverse, + blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + text-align: right; + border-right: 5px solid #eee; + border-left: 0; + } + .blockquote-reverse footer:before, + blockquote.pull-right footer:before, + .blockquote-reverse small:before, + blockquote.pull-right small:before, + .blockquote-reverse .small:before, + blockquote.pull-right .small:before { + content: ""; + } + .blockquote-reverse footer:after, + blockquote.pull-right footer:after, + .blockquote-reverse small:after, + blockquote.pull-right small:after, + .blockquote-reverse .small:after, + blockquote.pull-right .small:after { + content: "\00A0 \2014"; + } + address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.42857143; + } + code, + kbd, + pre, + samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + } + code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + border-radius: 4px; + } + kbd { + padding: 2px 4px; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: 3px; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); + } + kbd kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + -webkit-box-shadow: none; + box-shadow: none; + } + pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857143; + color: #333; + word-break: break-all; + word-wrap: break-word; + background-color: #f5f5f5; + border: 1px solid #ccc; + border-radius: 4px; + } + pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; + } + .pre-scrollable { + max-height: 340px; + overflow-y: scroll; + } + .container { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; + } + @media (min-width: 768px) { + .container { + width: 750px; + } + } + @media (min-width: 992px) { + .container { + width: 970px; + } + } + @media (min-width: 1200px) { + .container { + width: 1170px; + } + } + .container-fluid { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; + } + .row { + margin-right: -15px; + margin-left: -15px; + } + //.col-xs-1, + //.col-sm-1, + //.col-md-1, + //.col-lg-1, + //.col-xs-2, + //.col-sm-2, + //.col-md-2, + //.col-lg-2, + //.col-xs-3, + //.col-sm-3, + //.col-md-3, + //.col-lg-3, + //.col-xs-4, + //.col-sm-4, + //.col-md-4, + //.col-lg-4, + //.col-xs-5, + //.col-sm-5, + //.col-md-5, + //.col-lg-5, + //.col-xs-6, + //.col-sm-6, + //.col-md-6, + //.col-lg-6, + //.col-xs-7, + //.col-sm-7, + //.col-md-7, + //.col-lg-7, + //.col-xs-8, + //.col-sm-8, + //.col-md-8, + //.col-lg-8, + //.col-xs-9, + //.col-sm-9, + //.col-md-9, + //.col-lg-9, + //.col-xs-10, + //.col-sm-10, + //.col-md-10, + //.col-lg-10, + //.col-xs-11, + //.col-sm-11, + //.col-md-11, + //.col-lg-11, + //.col-xs-12, + //.col-sm-12, + //.col-md-12, + //.col-lg-12 { + // position: relative; + // min-height: 1px; + // padding-right: 15px; + // padding-left: 15px; + //} + //.col-xs-1, + //.col-xs-2, + //.col-xs-3, + //.col-xs-4, + //.col-xs-5, + //.col-xs-6, + //.col-xs-7, + //.col-xs-8, + //.col-xs-9, + //.col-xs-10, + //.col-xs-11, + //.col-xs-12 { + // float: left; + //} + //.col-xs-12 { + // width: 100%; + //} + //.col-xs-11 { + // width: 91.66666667%; + //} + //.col-xs-10 { + // width: 83.33333333%; + //} + //.col-xs-9 { + // width: 75%; + //} + //.col-xs-8 { + // width: 66.66666667%; + //} + //.col-xs-7 { + // width: 58.33333333%; + //} + //.col-xs-6 { + // width: 50%; + //} + //.col-xs-5 { + // width: 41.66666667%; + //} + //.col-xs-4 { + // width: 33.33333333%; + //} + //.col-xs-3 { + // width: 25%; + //} + //.col-xs-2 { + // width: 16.66666667%; + //} + //.col-xs-1 { + // width: 8.33333333%; + //} + //.col-xs-pull-12 { + // right: 100%; + //} + //.col-xs-pull-11 { + // right: 91.66666667%; + //} + //.col-xs-pull-10 { + // right: 83.33333333%; + //} + //.col-xs-pull-9 { + // right: 75%; + //} + //.col-xs-pull-8 { + // right: 66.66666667%; + //} + //.col-xs-pull-7 { + // right: 58.33333333%; + //} + //.col-xs-pull-6 { + // right: 50%; + //} + //.col-xs-pull-5 { + // right: 41.66666667%; + //} + //.col-xs-pull-4 { + // right: 33.33333333%; + //} + //.col-xs-pull-3 { + // right: 25%; + //} + //.col-xs-pull-2 { + // right: 16.66666667%; + //} + //.col-xs-pull-1 { + // right: 8.33333333%; + //} + //.col-xs-pull-0 { + // right: auto; + //} + //.col-xs-push-12 { + // left: 100%; + //} + //.col-xs-push-11 { + // left: 91.66666667%; + //} + //.col-xs-push-10 { + // left: 83.33333333%; + //} + //.col-xs-push-9 { + // left: 75%; + //} + //.col-xs-push-8 { + // left: 66.66666667%; + //} + //.col-xs-push-7 { + // left: 58.33333333%; + //} + //.col-xs-push-6 { + // left: 50%; + //} + //.col-xs-push-5 { + // left: 41.66666667%; + //} + //.col-xs-push-4 { + // left: 33.33333333%; + //} + //.col-xs-push-3 { + // left: 25%; + //} + //.col-xs-push-2 { + // left: 16.66666667%; + //} + //.col-xs-push-1 { + // left: 8.33333333%; + //} + //.col-xs-push-0 { + // left: auto; + //} + //.col-xs-offset-12 { + // margin-left: 100%; + //} + //.col-xs-offset-11 { + // margin-left: 91.66666667%; + //} + //.col-xs-offset-10 { + // margin-left: 83.33333333%; + //} + //.col-xs-offset-9 { + // margin-left: 75%; + //} + //.col-xs-offset-8 { + // margin-left: 66.66666667%; + //} + //.col-xs-offset-7 { + // margin-left: 58.33333333%; + //} + //.col-xs-offset-6 { + // margin-left: 50%; + //} + //.col-xs-offset-5 { + // margin-left: 41.66666667%; + //} + //.col-xs-offset-4 { + // margin-left: 33.33333333%; + //} + //.col-xs-offset-3 { + // margin-left: 25%; + //} + //.col-xs-offset-2 { + // margin-left: 16.66666667%; + //} + //.col-xs-offset-1 { + // margin-left: 8.33333333%; + //} + //.col-xs-offset-0 { + // margin-left: 0; + //} + //@media (min-width: 768px) { + // .col-sm-1, + // .col-sm-2, + // .col-sm-3, + // .col-sm-4, + // .col-sm-5, + // .col-sm-6, + // .col-sm-7, + // .col-sm-8, + // .col-sm-9, + // .col-sm-10, + // .col-sm-11, + // .col-sm-12 { + // float: left; + // } + // .col-sm-12 { + // width: 100%; + // } + // .col-sm-11 { + // width: 91.66666667%; + // } + // .col-sm-10 { + // width: 83.33333333%; + // } + // .col-sm-9 { + // width: 75%; + // } + // .col-sm-8 { + // width: 66.66666667%; + // } + // .col-sm-7 { + // width: 58.33333333%; + // } + // .col-sm-6 { + // width: 50%; + // } + // .col-sm-5 { + // width: 41.66666667%; + // } + // .col-sm-4 { + // width: 33.33333333%; + // } + // .col-sm-3 { + // width: 25%; + // } + // .col-sm-2 { + // width: 16.66666667%; + // } + // .col-sm-1 { + // width: 8.33333333%; + // } + // .col-sm-pull-12 { + // right: 100%; + // } + // .col-sm-pull-11 { + // right: 91.66666667%; + // } + // .col-sm-pull-10 { + // right: 83.33333333%; + // } + // .col-sm-pull-9 { + // right: 75%; + // } + // .col-sm-pull-8 { + // right: 66.66666667%; + // } + // .col-sm-pull-7 { + // right: 58.33333333%; + // } + // .col-sm-pull-6 { + // right: 50%; + // } + // .col-sm-pull-5 { + // right: 41.66666667%; + // } + // .col-sm-pull-4 { + // right: 33.33333333%; + // } + // .col-sm-pull-3 { + // right: 25%; + // } + // .col-sm-pull-2 { + // right: 16.66666667%; + // } + // .col-sm-pull-1 { + // right: 8.33333333%; + // } + // .col-sm-pull-0 { + // right: auto; + // } + // .col-sm-push-12 { + // left: 100%; + // } + // .col-sm-push-11 { + // left: 91.66666667%; + // } + // .col-sm-push-10 { + // left: 83.33333333%; + // } + // .col-sm-push-9 { + // left: 75%; + // } + // .col-sm-push-8 { + // left: 66.66666667%; + // } + // .col-sm-push-7 { + // left: 58.33333333%; + // } + // .col-sm-push-6 { + // left: 50%; + // } + // .col-sm-push-5 { + // left: 41.66666667%; + // } + // .col-sm-push-4 { + // left: 33.33333333%; + // } + // .col-sm-push-3 { + // left: 25%; + // } + // .col-sm-push-2 { + // left: 16.66666667%; + // } + // .col-sm-push-1 { + // left: 8.33333333%; + // } + // .col-sm-push-0 { + // left: auto; + // } + // .col-sm-offset-12 { + // margin-left: 100%; + // } + // .col-sm-offset-11 { + // margin-left: 91.66666667%; + // } + // .col-sm-offset-10 { + // margin-left: 83.33333333%; + // } + // .col-sm-offset-9 { + // margin-left: 75%; + // } + // .col-sm-offset-8 { + // margin-left: 66.66666667%; + // } + // .col-sm-offset-7 { + // margin-left: 58.33333333%; + // } + // .col-sm-offset-6 { + // margin-left: 50%; + // } + // .col-sm-offset-5 { + // margin-left: 41.66666667%; + // } + // .col-sm-offset-4 { + // margin-left: 33.33333333%; + // } + // .col-sm-offset-3 { + // margin-left: 25%; + // } + // .col-sm-offset-2 { + // margin-left: 16.66666667%; + // } + // .col-sm-offset-1 { + // margin-left: 8.33333333%; + // } + // .col-sm-offset-0 { + // margin-left: 0; + // } + //} + //@media (min-width: 992px) { + // .col-md-1, + // .col-md-2, + // .col-md-3, + // .col-md-4, + // .col-md-5, + // .col-md-6, + // .col-md-7, + // .col-md-8, + // .col-md-9, + // .col-md-10, + // .col-md-11, + // .col-md-12 { + // float: left; + // } + // .col-md-12 { + // width: 100%; + // } + // .col-md-11 { + // width: 91.66666667%; + // } + // .col-md-10 { + // width: 83.33333333%; + // } + // .col-md-9 { + // width: 75%; + // } + // .col-md-8 { + // width: 66.66666667%; + // } + // .col-md-7 { + // width: 58.33333333%; + // } + // .col-md-6 { + // width: 50%; + // } + // .col-md-5 { + // width: 41.66666667%; + // } + // .col-md-4 { + // width: 33.33333333%; + // } + // .col-md-3 { + // width: 25%; + // } + // .col-md-2 { + // width: 16.66666667%; + // } + // .col-md-1 { + // width: 8.33333333%; + // } + // .col-md-pull-12 { + // right: 100%; + // } + // .col-md-pull-11 { + // right: 91.66666667%; + // } + // .col-md-pull-10 { + // right: 83.33333333%; + // } + // .col-md-pull-9 { + // right: 75%; + // } + // .col-md-pull-8 { + // right: 66.66666667%; + // } + // .col-md-pull-7 { + // right: 58.33333333%; + // } + // .col-md-pull-6 { + // right: 50%; + // } + // .col-md-pull-5 { + // right: 41.66666667%; + // } + // .col-md-pull-4 { + // right: 33.33333333%; + // } + // .col-md-pull-3 { + // right: 25%; + // } + // .col-md-pull-2 { + // right: 16.66666667%; + // } + // .col-md-pull-1 { + // right: 8.33333333%; + // } + // .col-md-pull-0 { + // right: auto; + // } + // .col-md-push-12 { + // left: 100%; + // } + // .col-md-push-11 { + // left: 91.66666667%; + // } + // .col-md-push-10 { + // left: 83.33333333%; + // } + // .col-md-push-9 { + // left: 75%; + // } + // .col-md-push-8 { + // left: 66.66666667%; + // } + // .col-md-push-7 { + // left: 58.33333333%; + // } + // .col-md-push-6 { + // left: 50%; + // } + // .col-md-push-5 { + // left: 41.66666667%; + // } + // .col-md-push-4 { + // left: 33.33333333%; + // } + // .col-md-push-3 { + // left: 25%; + // } + // .col-md-push-2 { + // left: 16.66666667%; + // } + // .col-md-push-1 { + // left: 8.33333333%; + // } + // .col-md-push-0 { + // left: auto; + // } + // .col-md-offset-12 { + // margin-left: 100%; + // } + // .col-md-offset-11 { + // margin-left: 91.66666667%; + // } + // .col-md-offset-10 { + // margin-left: 83.33333333%; + // } + // .col-md-offset-9 { + // margin-left: 75%; + // } + // .col-md-offset-8 { + // margin-left: 66.66666667%; + // } + // .col-md-offset-7 { + // margin-left: 58.33333333%; + // } + // .col-md-offset-6 { + // margin-left: 50%; + // } + // .col-md-offset-5 { + // margin-left: 41.66666667%; + // } + // .col-md-offset-4 { + // margin-left: 33.33333333%; + // } + // .col-md-offset-3 { + // margin-left: 25%; + // } + // .col-md-offset-2 { + // margin-left: 16.66666667%; + // } + // .col-md-offset-1 { + // margin-left: 8.33333333%; + // } + // .col-md-offset-0 { + // margin-left: 0; + // } + //} + //@media (min-width: 1200px) { + // .col-lg-1, + // .col-lg-2, + // .col-lg-3, + // .col-lg-4, + // .col-lg-5, + // .col-lg-6, + // .col-lg-7, + // .col-lg-8, + // .col-lg-9, + // .col-lg-10, + // .col-lg-11, + // .col-lg-12 { + // float: left; + // } + // .col-lg-12 { + // width: 100%; + // } + // .col-lg-11 { + // width: 91.66666667%; + // } + // .col-lg-10 { + // width: 83.33333333%; + // } + // .col-lg-9 { + // width: 75%; + // } + // .col-lg-8 { + // width: 66.66666667%; + // } + // .col-lg-7 { + // width: 58.33333333%; + // } + // .col-lg-6 { + // width: 50%; + // } + // .col-lg-5 { + // width: 41.66666667%; + // } + // .col-lg-4 { + // width: 33.33333333%; + // } + // .col-lg-3 { + // width: 25%; + // } + // .col-lg-2 { + // width: 16.66666667%; + // } + // .col-lg-1 { + // width: 8.33333333%; + // } + // .col-lg-pull-12 { + // right: 100%; + // } + // .col-lg-pull-11 { + // right: 91.66666667%; + // } + // .col-lg-pull-10 { + // right: 83.33333333%; + // } + // .col-lg-pull-9 { + // right: 75%; + // } + // .col-lg-pull-8 { + // right: 66.66666667%; + // } + // .col-lg-pull-7 { + // right: 58.33333333%; + // } + // .col-lg-pull-6 { + // right: 50%; + // } + // .col-lg-pull-5 { + // right: 41.66666667%; + // } + // .col-lg-pull-4 { + // right: 33.33333333%; + // } + // .col-lg-pull-3 { + // right: 25%; + // } + // .col-lg-pull-2 { + // right: 16.66666667%; + // } + // .col-lg-pull-1 { + // right: 8.33333333%; + // } + // .col-lg-pull-0 { + // right: auto; + // } + // .col-lg-push-12 { + // left: 100%; + // } + // .col-lg-push-11 { + // left: 91.66666667%; + // } + // .col-lg-push-10 { + // left: 83.33333333%; + // } + // .col-lg-push-9 { + // left: 75%; + // } + // .col-lg-push-8 { + // left: 66.66666667%; + // } + // .col-lg-push-7 { + // left: 58.33333333%; + // } + // .col-lg-push-6 { + // left: 50%; + // } + // .col-lg-push-5 { + // left: 41.66666667%; + // } + // .col-lg-push-4 { + // left: 33.33333333%; + // } + // .col-lg-push-3 { + // left: 25%; + // } + // .col-lg-push-2 { + // left: 16.66666667%; + // } + // .col-lg-push-1 { + // left: 8.33333333%; + // } + // .col-lg-push-0 { + // left: auto; + // } + // .col-lg-offset-12 { + // margin-left: 100%; + // } + // .col-lg-offset-11 { + // margin-left: 91.66666667%; + // } + // .col-lg-offset-10 { + // margin-left: 83.33333333%; + // } + // .col-lg-offset-9 { + // margin-left: 75%; + // } + // .col-lg-offset-8 { + // margin-left: 66.66666667%; + // } + // .col-lg-offset-7 { + // margin-left: 58.33333333%; + // } + // .col-lg-offset-6 { + // margin-left: 50%; + // } + // .col-lg-offset-5 { + // margin-left: 41.66666667%; + // } + // .col-lg-offset-4 { + // margin-left: 33.33333333%; + // } + // .col-lg-offset-3 { + // margin-left: 25%; + // } + // .col-lg-offset-2 { + // margin-left: 16.66666667%; + // } + // .col-lg-offset-1 { + // margin-left: 8.33333333%; + // } + // .col-lg-offset-0 { + // margin-left: 0; + // } + //} + table { + background-color: transparent; + } + caption { + padding-top: 8px; + padding-bottom: 8px; + color: #777; + text-align: left; + } + th { + text-align: left; + } + .table { + width: 100%; + max-width: 100%; + margin-bottom: 20px; + } + .table > thead > tr > th, + .table > tbody > tr > th, + .table > tfoot > tr > th, + .table > thead > tr > td, + .table > tbody > tr > td, + .table > tfoot > tr > td { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #ddd; + } + .table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #ddd; + } + .table > caption + thead > tr:first-child > th, + .table > colgroup + thead > tr:first-child > th, + .table > thead:first-child > tr:first-child > th, + .table > caption + thead > tr:first-child > td, + .table > colgroup + thead > tr:first-child > td, + .table > thead:first-child > tr:first-child > td { + border-top: 0; + } + .table > tbody + tbody { + border-top: 2px solid #ddd; + } + .table .table { + background-color: #fff; + } + .table-condensed > thead > tr > th, + .table-condensed > tbody > tr > th, + .table-condensed > tfoot > tr > th, + .table-condensed > thead > tr > td, + .table-condensed > tbody > tr > td, + .table-condensed > tfoot > tr > td { + padding: 5px; + } + .table-bordered { + border: 1px solid #ddd; + } + .table-bordered > thead > tr > th, + .table-bordered > tbody > tr > th, + .table-bordered > tfoot > tr > th, + .table-bordered > thead > tr > td, + .table-bordered > tbody > tr > td, + .table-bordered > tfoot > tr > td { + border: 1px solid #ddd; + } + .table-bordered > thead > tr > th, + .table-bordered > thead > tr > td { + border-bottom-width: 2px; + } + .table-striped > tbody > tr:nth-of-type(odd) { + background-color: #f9f9f9; + } + .table-hover > tbody > tr:hover { + background-color: #f5f5f5; + } + table col[class*="col-"] { + position: static; + display: table-column; + float: none; + } + table td[class*="col-"], + table th[class*="col-"] { + position: static; + display: table-cell; + float: none; + } + .table > thead > tr > td.active, + .table > tbody > tr > td.active, + .table > tfoot > tr > td.active, + .table > thead > tr > th.active, + .table > tbody > tr > th.active, + .table > tfoot > tr > th.active, + .table > thead > tr.active > td, + .table > tbody > tr.active > td, + .table > tfoot > tr.active > td, + .table > thead > tr.active > th, + .table > tbody > tr.active > th, + .table > tfoot > tr.active > th { + background-color: #f5f5f5; + } + .table-hover > tbody > tr > td.active:hover, + .table-hover > tbody > tr > th.active:hover, + .table-hover > tbody > tr.active:hover > td, + .table-hover > tbody > tr:hover > .active, + .table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; + } + .table > thead > tr > td.success, + .table > tbody > tr > td.success, + .table > tfoot > tr > td.success, + .table > thead > tr > th.success, + .table > tbody > tr > th.success, + .table > tfoot > tr > th.success, + .table > thead > tr.success > td, + .table > tbody > tr.success > td, + .table > tfoot > tr.success > td, + .table > thead > tr.success > th, + .table > tbody > tr.success > th, + .table > tfoot > tr.success > th { + background-color: #dff0d8; + } + .table-hover > tbody > tr > td.success:hover, + .table-hover > tbody > tr > th.success:hover, + .table-hover > tbody > tr.success:hover > td, + .table-hover > tbody > tr:hover > .success, + .table-hover > tbody > tr.success:hover > th { + background-color: #d0e9c6; + } + .table > thead > tr > td.info, + .table > tbody > tr > td.info, + .table > tfoot > tr > td.info, + .table > thead > tr > th.info, + .table > tbody > tr > th.info, + .table > tfoot > tr > th.info, + .table > thead > tr.info > td, + .table > tbody > tr.info > td, + .table > tfoot > tr.info > td, + .table > thead > tr.info > th, + .table > tbody > tr.info > th, + .table > tfoot > tr.info > th { + background-color: #d9edf7; + } + .table-hover > tbody > tr > td.info:hover, + .table-hover > tbody > tr > th.info:hover, + .table-hover > tbody > tr.info:hover > td, + .table-hover > tbody > tr:hover > .info, + .table-hover > tbody > tr.info:hover > th { + background-color: #c4e3f3; + } + .table > thead > tr > td.warning, + .table > tbody > tr > td.warning, + .table > tfoot > tr > td.warning, + .table > thead > tr > th.warning, + .table > tbody > tr > th.warning, + .table > tfoot > tr > th.warning, + .table > thead > tr.warning > td, + .table > tbody > tr.warning > td, + .table > tfoot > tr.warning > td, + .table > thead > tr.warning > th, + .table > tbody > tr.warning > th, + .table > tfoot > tr.warning > th { + background-color: #fcf8e3; + } + .table-hover > tbody > tr > td.warning:hover, + .table-hover > tbody > tr > th.warning:hover, + .table-hover > tbody > tr.warning:hover > td, + .table-hover > tbody > tr:hover > .warning, + .table-hover > tbody > tr.warning:hover > th { + background-color: #faf2cc; + } + .table > thead > tr > td.danger, + .table > tbody > tr > td.danger, + .table > tfoot > tr > td.danger, + .table > thead > tr > th.danger, + .table > tbody > tr > th.danger, + .table > tfoot > tr > th.danger, + .table > thead > tr.danger > td, + .table > tbody > tr.danger > td, + .table > tfoot > tr.danger > td, + .table > thead > tr.danger > th, + .table > tbody > tr.danger > th, + .table > tfoot > tr.danger > th { + background-color: #f2dede; + } + .table-hover > tbody > tr > td.danger:hover, + .table-hover > tbody > tr > th.danger:hover, + .table-hover > tbody > tr.danger:hover > td, + .table-hover > tbody > tr:hover > .danger, + .table-hover > tbody > tr.danger:hover > th { + background-color: #ebcccc; + } + .table-responsive { + min-height: 0.01%; + overflow-x: auto; + } + @media screen and (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #ddd; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } + } + fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; + } + legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333; + border: 0; + border-bottom: 1px solid #e5e5e5; + } + label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: bold; + } + input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + input[type="radio"], + input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; + } + input[type="file"] { + display: block; + } + input[type="range"] { + display: block; + width: 100%; + } + select[multiple], + select[size] { + height: auto; + } + input[type="file"]:focus, + input[type="radio"]:focus, + input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + } + output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.42857143; + color: #555; + } + //.form-control { + // display: block; + // width: 100%; + // height: 34px; + // padding: 6px 12px; + // font-size: 14px; + // line-height: 1.42857143; + // color: #555; + // background-color: #fff; + // background-image: none; + // border: 1px solid #ccc; + // border-radius: 4px; + // -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + // box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + // -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; + // -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + // transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + //} + //.form-control:focus { + // border-color: #66afe9; + // outline: 0; + // -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + // box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + //} + //.form-control::-moz-placeholder { + // color: #999; + // opacity: 1; + //} + //.form-control:-ms-input-placeholder { + // color: #999; + //} + //.form-control::-webkit-input-placeholder { + // color: #999; + //} + //.form-control[disabled], + //.form-control[readonly], + //fieldset[disabled] .form-control { + // background-color: #eee; + // opacity: 1; + //} + //.form-control[disabled], + //fieldset[disabled] .form-control { + // cursor: not-allowed; + //} + //textarea.form-control { + // height: auto; + //} + //input[type='search'] { + // -webkit-appearance: none; + //} + // @media screen and (-webkit-min-device-pixel-ratio: 0) { + // input[type='date'], + // input[type='time'], + // input[type='datetime-local'], + // input[type='month'] { + // line-height: 34px; + // } + // input[type='date'].input-sm, + // input[type='time'].input-sm, + // input[type='datetime-local'].input-sm, + // input[type='month'].input-sm, + // .input-group-sm input[type='date'], + // .input-group-sm input[type='time'], + // .input-group-sm input[type='datetime-local'], + // .input-group-sm input[type='month'] { + // line-height: 30px; + // } + // input[type='date'].input-lg, + // input[type='time'].input-lg, + // input[type='datetime-local'].input-lg, + // input[type='month'].input-lg, + // .input-group-lg input[type='date'], + // .input-group-lg input[type='time'], + // .input-group-lg input[type='datetime-local'], + // .input-group-lg input[type='month'] { + // line-height: 46px; + // } + // } + //.form-group { + // margin-bottom: 15px; + //} + .radio, + .checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; + } + .radio label, + .checkbox label { + min-height: 20px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; + } + .radio input[type="radio"], + .radio-inline input[type="radio"], + .checkbox input[type="checkbox"], + .checkbox-inline input[type="checkbox"] { + position: absolute; + margin-top: 4px \9; + margin-left: -20px; + } + .radio + .radio, + .checkbox + .checkbox { + margin-top: -5px; + } + .radio-inline, + .checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + vertical-align: middle; + cursor: pointer; + } + .radio-inline + .radio-inline, + .checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; + } + input[type="radio"][disabled], + input[type="checkbox"][disabled], + input[type="radio"].disabled, + input[type="checkbox"].disabled, + fieldset[disabled] input[type="radio"], + fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; + } + .radio-inline.disabled, + .checkbox-inline.disabled, + fieldset[disabled] .radio-inline, + fieldset[disabled] .checkbox-inline { + cursor: not-allowed; + } + .radio.disabled label, + .checkbox.disabled label, + fieldset[disabled] .radio label, + fieldset[disabled] .checkbox label { + cursor: not-allowed; + } + .form-control-static { + min-height: 34px; + padding-top: 7px; + padding-bottom: 7px; + margin-bottom: 0; + } + .form-control-static.input-lg, + .form-control-static.input-sm { + padding-right: 0; + padding-left: 0; + } + .input-sm { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; + } + select.input-sm { + height: 30px; + line-height: 30px; + } + textarea.input-sm, + select[multiple].input-sm { + height: auto; + } + .form-group-sm .form-control { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; + } + select.form-group-sm .form-control { + height: 30px; + line-height: 30px; + } + textarea.form-group-sm .form-control, + select[multiple].form-group-sm .form-control { + height: auto; + } + .form-group-sm .form-control-static { + height: 30px; + min-height: 32px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + } + .input-lg { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.3333333; + border-radius: 6px; + } + select.input-lg { + height: 46px; + line-height: 46px; + } + textarea.input-lg, + select[multiple].input-lg { + height: auto; + } + .form-group-lg .form-control { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.3333333; + border-radius: 6px; + } + select.form-group-lg .form-control { + height: 46px; + line-height: 46px; + } + textarea.form-group-lg .form-control, + select[multiple].form-group-lg .form-control { + height: auto; + } + .form-group-lg .form-control-static { + height: 46px; + min-height: 38px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.3333333; + } + .has-feedback { + position: relative; + } + .has-feedback .form-control { + padding-right: 42.5px; + } + .form-control-feedback { + position: absolute; + top: 0; + right: 0; + z-index: 2; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; + pointer-events: none; + } + .input-lg + .form-control-feedback { + width: 46px; + height: 46px; + line-height: 46px; + } + .input-sm + .form-control-feedback { + width: 30px; + height: 30px; + line-height: 30px; + } + .has-success .help-block, + .has-success .control-label, + .has-success .radio, + .has-success .checkbox, + .has-success .radio-inline, + .has-success .checkbox-inline, + .has-success.radio label, + .has-success.checkbox label, + .has-success.radio-inline label, + .has-success.checkbox-inline label { + color: #3c763d; + } + .has-success .form-control { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + } + .has-success .form-control:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; + } + .has-success .input-group-addon { + color: #3c763d; + background-color: #dff0d8; + border-color: #3c763d; + } + .has-success .form-control-feedback { + color: #3c763d; + } + .has-warning .help-block, + .has-warning .control-label, + .has-warning .radio, + .has-warning .checkbox, + .has-warning .radio-inline, + .has-warning .checkbox-inline, + .has-warning.radio label, + .has-warning.checkbox label, + .has-warning.radio-inline label, + .has-warning.checkbox-inline label { + color: #8a6d3b; + } + .has-warning .form-control { + border-color: #8a6d3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + } + .has-warning .form-control:focus { + border-color: #66512c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; + } + .has-warning .input-group-addon { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #8a6d3b; + } + .has-warning .form-control-feedback { + color: #8a6d3b; + } + .has-error .help-block, + .has-error .control-label, + .has-error .radio, + .has-error .checkbox, + .has-error .radio-inline, + .has-error .checkbox-inline, + .has-error.radio label, + .has-error.checkbox label, + .has-error.radio-inline label, + .has-error.checkbox-inline label { + color: #a94442; + } + .has-error .form-control { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + } + .has-error .form-control:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; + } + .has-error .input-group-addon { + color: #a94442; + background-color: #f2dede; + border-color: #a94442; + } + .has-error .form-control-feedback { + color: #a94442; + } + .has-feedback label ~ .form-control-feedback { + top: 25px; + } + .has-feedback label.sr-only ~ .form-control-feedback { + top: 0; + } + .help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; + } + @media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-static { + display: inline-block; + } + .form-inline .input-group { + display: inline-table; + vertical-align: middle; + } + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control { + width: auto; + } + .form-inline .input-group > .form-control { + width: 100%; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } + } + .form-horizontal .radio, + .form-horizontal .checkbox, + .form-horizontal .radio-inline, + .form-horizontal .checkbox-inline { + padding-top: 7px; + margin-top: 0; + margin-bottom: 0; + } + .form-horizontal .radio, + .form-horizontal .checkbox { + min-height: 27px; + } + .form-horizontal .form-group { + margin-right: -15px; + margin-left: -15px; + } + @media (min-width: 768px) { + .form-horizontal .control-label { + padding-top: 7px; + margin-bottom: 0; + text-align: right; + } + } + .form-horizontal .has-feedback .form-control-feedback { + right: 15px; + } + @media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 14.333333px; + } + } + @media (min-width: 768px) { + .form-horizontal .form-group-sm .control-label { + padding-top: 6px; + } + } + .btn { + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: normal; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; + } + .btn:focus, + .btn:active:focus, + .btn.active:focus, + .btn.focus, + .btn:active.focus, + .btn.active.focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + } + .btn:hover, + .btn:focus, + .btn.focus { + color: #333; + text-decoration: none; + } + .btn:active, + .btn.active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + } + .btn.disabled, + .btn[disabled], + fieldset[disabled] .btn { + pointer-events: none; + cursor: not-allowed; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; + opacity: 0.65; + } + .btn-default { + color: #333; + background-color: #fff; + border-color: #ccc; + } + .btn-default:hover, + .btn-default:focus, + .btn-default.focus, + .btn-default:active, + .btn-default.active, + .open > .dropdown-toggle.btn-default { + color: #333; + background-color: #e6e6e6; + border-color: #adadad; + } + .btn-default:active, + .btn-default.active, + .open > .dropdown-toggle.btn-default { + background-image: none; + } + .btn-default.disabled, + .btn-default[disabled], + fieldset[disabled] .btn-default, + .btn-default.disabled:hover, + .btn-default[disabled]:hover, + fieldset[disabled] .btn-default:hover, + .btn-default.disabled:focus, + .btn-default[disabled]:focus, + fieldset[disabled] .btn-default:focus, + .btn-default.disabled.focus, + .btn-default[disabled].focus, + fieldset[disabled] .btn-default.focus, + .btn-default.disabled:active, + .btn-default[disabled]:active, + fieldset[disabled] .btn-default:active, + .btn-default.disabled.active, + .btn-default[disabled].active, + fieldset[disabled] .btn-default.active { + background-color: #fff; + border-color: #ccc; + } + .btn-default .badge { + color: #fff; + background-color: #333; + } + .btn-primary { + color: #fff; + background-color: #337ab7; + border-color: #2e6da4; + } + .btn-primary:hover, + .btn-primary:focus, + .btn-primary.focus, + .btn-primary:active, + .btn-primary.active, + .open > .dropdown-toggle.btn-primary { + color: #fff; + background-color: #286090; + border-color: #204d74; + } + .btn-primary:active, + .btn-primary.active, + .open > .dropdown-toggle.btn-primary { + background-image: none; + } + .btn-primary.disabled, + .btn-primary[disabled], + fieldset[disabled] .btn-primary, + .btn-primary.disabled:hover, + .btn-primary[disabled]:hover, + fieldset[disabled] .btn-primary:hover, + .btn-primary.disabled:focus, + .btn-primary[disabled]:focus, + fieldset[disabled] .btn-primary:focus, + .btn-primary.disabled.focus, + .btn-primary[disabled].focus, + fieldset[disabled] .btn-primary.focus, + .btn-primary.disabled:active, + .btn-primary[disabled]:active, + fieldset[disabled] .btn-primary:active, + .btn-primary.disabled.active, + .btn-primary[disabled].active, + fieldset[disabled] .btn-primary.active { + background-color: #337ab7; + border-color: #2e6da4; + } + .btn-primary .badge { + color: #337ab7; + background-color: #fff; + } + .btn-success { + color: #fff; + background-color: #5cb85c; + border-color: #4cae4c; + } + .btn-success:hover, + .btn-success:focus, + .btn-success.focus, + .btn-success:active, + .btn-success.active, + .open > .dropdown-toggle.btn-success { + color: #fff; + background-color: #449d44; + border-color: #398439; + } + .btn-success:active, + .btn-success.active, + .open > .dropdown-toggle.btn-success { + background-image: none; + } + .btn-success.disabled, + .btn-success[disabled], + fieldset[disabled] .btn-success, + .btn-success.disabled:hover, + .btn-success[disabled]:hover, + fieldset[disabled] .btn-success:hover, + .btn-success.disabled:focus, + .btn-success[disabled]:focus, + fieldset[disabled] .btn-success:focus, + .btn-success.disabled.focus, + .btn-success[disabled].focus, + fieldset[disabled] .btn-success.focus, + .btn-success.disabled:active, + .btn-success[disabled]:active, + fieldset[disabled] .btn-success:active, + .btn-success.disabled.active, + .btn-success[disabled].active, + fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #4cae4c; + } + .btn-success .badge { + color: #5cb85c; + background-color: #fff; + } + .btn-info { + color: #fff; + background-color: #5bc0de; + border-color: #46b8da; + } + .btn-info:hover, + .btn-info:focus, + .btn-info.focus, + .btn-info:active, + .btn-info.active, + .open > .dropdown-toggle.btn-info { + color: #fff; + background-color: #31b0d5; + border-color: #269abc; + } + .btn-info:active, + .btn-info.active, + .open > .dropdown-toggle.btn-info { + background-image: none; + } + .btn-info.disabled, + .btn-info[disabled], + fieldset[disabled] .btn-info, + .btn-info.disabled:hover, + .btn-info[disabled]:hover, + fieldset[disabled] .btn-info:hover, + .btn-info.disabled:focus, + .btn-info[disabled]:focus, + fieldset[disabled] .btn-info:focus, + .btn-info.disabled.focus, + .btn-info[disabled].focus, + fieldset[disabled] .btn-info.focus, + .btn-info.disabled:active, + .btn-info[disabled]:active, + fieldset[disabled] .btn-info:active, + .btn-info.disabled.active, + .btn-info[disabled].active, + fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #46b8da; + } + .btn-info .badge { + color: #5bc0de; + background-color: #fff; + } + .btn-warning { + color: #fff; + background-color: #f0ad4e; + border-color: #eea236; + } + .btn-warning:hover, + .btn-warning:focus, + .btn-warning.focus, + .btn-warning:active, + .btn-warning.active, + .open > .dropdown-toggle.btn-warning { + color: #fff; + background-color: #ec971f; + border-color: #d58512; + } + .btn-warning:active, + .btn-warning.active, + .open > .dropdown-toggle.btn-warning { + background-image: none; + } + .btn-warning.disabled, + .btn-warning[disabled], + fieldset[disabled] .btn-warning, + .btn-warning.disabled:hover, + .btn-warning[disabled]:hover, + fieldset[disabled] .btn-warning:hover, + .btn-warning.disabled:focus, + .btn-warning[disabled]:focus, + fieldset[disabled] .btn-warning:focus, + .btn-warning.disabled.focus, + .btn-warning[disabled].focus, + fieldset[disabled] .btn-warning.focus, + .btn-warning.disabled:active, + .btn-warning[disabled]:active, + fieldset[disabled] .btn-warning:active, + .btn-warning.disabled.active, + .btn-warning[disabled].active, + fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236; + } + .btn-warning .badge { + color: #f0ad4e; + background-color: #fff; + } + .btn-danger { + color: #fff; + background-color: #d9534f; + border-color: #d43f3a; + } + .btn-danger:hover, + .btn-danger:focus, + .btn-danger.focus, + .btn-danger:active, + .btn-danger.active, + .open > .dropdown-toggle.btn-danger { + color: #fff; + background-color: #c9302c; + border-color: #ac2925; + } + .btn-danger:active, + .btn-danger.active, + .open > .dropdown-toggle.btn-danger { + background-image: none; + } + .btn-danger.disabled, + .btn-danger[disabled], + fieldset[disabled] .btn-danger, + .btn-danger.disabled:hover, + .btn-danger[disabled]:hover, + fieldset[disabled] .btn-danger:hover, + .btn-danger.disabled:focus, + .btn-danger[disabled]:focus, + fieldset[disabled] .btn-danger:focus, + .btn-danger.disabled.focus, + .btn-danger[disabled].focus, + fieldset[disabled] .btn-danger.focus, + .btn-danger.disabled:active, + .btn-danger[disabled]:active, + fieldset[disabled] .btn-danger:active, + .btn-danger.disabled.active, + .btn-danger[disabled].active, + fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d43f3a; + } + .btn-danger .badge { + color: #d9534f; + background-color: #fff; + } + .btn-link { + font-weight: normal; + color: #337ab7; + border-radius: 0; + } + .btn-link, + .btn-link:active, + .btn-link.active, + .btn-link[disabled], + fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + } + .btn-link, + .btn-link:hover, + .btn-link:focus, + .btn-link:active { + border-color: transparent; + } + .btn-link:hover, + .btn-link:focus { + color: #23527c; + text-decoration: underline; + background-color: transparent; + } + .btn-link[disabled]:hover, + fieldset[disabled] .btn-link:hover, + .btn-link[disabled]:focus, + fieldset[disabled] .btn-link:focus { + color: #777; + text-decoration: none; + } + .btn-lg, + .btn-group-lg > .btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.3333333; + border-radius: 6px; + } + .btn-sm, + .btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; + } + .btn-xs, + .btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; + } + //.btn-block { + // display: block; + // width: 100%; + //} + //.btn-block + .btn-block { + // margin-top: 5px; + //} + //input[type='submit'].btn-block, + //input[type='reset'].btn-block, + //input[type='button'].btn-block { + // width: 100%; + //} + .fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; + } + .fade.in { + opacity: 1; + } + .collapse { + display: none; + } + .collapse.in { + display: block; + } + tr.collapse.in { + display: table-row; + } + tbody.collapse.in { + display: table-row-group; + } + .collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition-timing-function: ease; + -o-transition-timing-function: ease; + transition-timing-function: ease; + -webkit-transition-duration: 0.35s; + -o-transition-duration: 0.35s; + transition-duration: 0.35s; + -webkit-transition-property: height, visibility; + -o-transition-property: height, visibility; + transition-property: height, visibility; + } + .caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px dashed; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + } + .dropup, + .dropdown { + position: relative; + } + .dropdown-toggle:focus { + outline: 0; + } + .dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + font-size: 14px; + text-align: left; + list-style: none; + background-color: #fff; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + } + .dropdown-menu.pull-right { + right: 0; + left: auto; + } + .dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + } + .dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.42857143; + color: #333; + white-space: nowrap; + } + .dropdown-menu > li > a:hover, + .dropdown-menu > li > a:focus { + color: #262626; + text-decoration: none; + background-color: #f5f5f5; + } + .dropdown-menu > .active > a, + .dropdown-menu > .active > a:hover, + .dropdown-menu > .active > a:focus { + color: #fff; + text-decoration: none; + background-color: #337ab7; + outline: 0; + } + .dropdown-menu > .disabled > a, + .dropdown-menu > .disabled > a:hover, + .dropdown-menu > .disabled > a:focus { + color: #777; + } + .dropdown-menu > .disabled > a:hover, + .dropdown-menu > .disabled > a:focus { + text-decoration: none; + cursor: not-allowed; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + } + .open > .dropdown-menu { + display: block; + } + .open > a { + outline: 0; + } + .dropdown-menu-right { + right: 0; + left: auto; + } + .dropdown-menu-left { + right: auto; + left: 0; + } + .dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857143; + color: #777; + white-space: nowrap; + } + .dropdown-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 990; + } + .pull-right > .dropdown-menu { + right: 0; + left: auto; + } + .dropup .caret, + .navbar-fixed-bottom .dropdown .caret { + content: ""; + border-top: 0; + border-bottom: 4px solid; + } + .dropup .dropdown-menu, + .navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; + } + @media (min-width: 768px) { + .navbar-right .dropdown-menu { + right: 0; + left: auto; + } + .navbar-right .dropdown-menu-left { + right: auto; + left: 0; + } + } + .btn-group, + .btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; + } + .btn-group > .btn, + .btn-group-vertical > .btn { + position: relative; + float: left; + } + .btn-group > .btn:hover, + .btn-group-vertical > .btn:hover, + .btn-group > .btn:focus, + .btn-group-vertical > .btn:focus, + .btn-group > .btn:active, + .btn-group-vertical > .btn:active, + .btn-group > .btn.active, + .btn-group-vertical > .btn.active { + z-index: 2; + } + .btn-group .btn + .btn, + .btn-group .btn + .btn-group, + .btn-group .btn-group + .btn, + .btn-group .btn-group + .btn-group { + margin-left: -1px; + } + .btn-toolbar { + margin-left: -5px; + } + .btn-toolbar .btn-group, + .btn-toolbar .input-group { + float: left; + } + .btn-toolbar > .btn, + .btn-toolbar > .btn-group, + .btn-toolbar > .input-group { + margin-left: 5px; + } + .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; + } + .btn-group > .btn:first-child { + margin-left: 0; + } + .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .btn-group > .btn:last-child:not(:first-child), + .btn-group > .dropdown-toggle:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .btn-group > .btn-group { + float: left; + } + .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; + } + .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, + .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .btn-group .dropdown-toggle:active, + .btn-group.open .dropdown-toggle { + outline: 0; + } + .btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; + } + .btn-group > .btn-lg + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; + } + .btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + } + .btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; + } + .btn .caret { + margin-left: 0; + } + .btn-lg .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; + } + .dropup .btn-lg .caret { + border-width: 0 5px 5px; + } + .btn-group-vertical > .btn, + .btn-group-vertical > .btn-group, + .btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + .btn-group-vertical > .btn-group > .btn { + float: none; + } + .btn-group-vertical > .btn + .btn, + .btn-group-vertical > .btn + .btn-group, + .btn-group-vertical > .btn-group + .btn, + .btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; + } + .btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; + } + .btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .btn-group-vertical > .btn:last-child:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + } + .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; + } + .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, + .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + .btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; + } + .btn-group-justified > .btn, + .btn-group-justified > .btn-group { + display: table-cell; + float: none; + width: 1%; + } + .btn-group-justified > .btn-group .btn { + width: 100%; + } + .btn-group-justified > .btn-group .dropdown-menu { + left: auto; + } + [data-toggle="buttons"] > .btn input[type="radio"], + [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], + [data-toggle="buttons"] > .btn input[type="checkbox"], + [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; + } + .input-group { + position: relative; + display: table; + border-collapse: separate; + } + .input-group[class*="col-"] { + float: none; + padding-right: 0; + padding-left: 0; + } + .input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; + } + .input-group-lg > .form-control, + .input-group-lg > .input-group-addon, + .input-group-lg > .input-group-btn > .btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.3333333; + border-radius: 6px; + } + select.input-group-lg > .form-control, + select.input-group-lg > .input-group-addon, + select.input-group-lg > .input-group-btn > .btn { + height: 46px; + line-height: 46px; + } + textarea.input-group-lg > .form-control, + textarea.input-group-lg > .input-group-addon, + textarea.input-group-lg > .input-group-btn > .btn, + select[multiple].input-group-lg > .form-control, + select[multiple].input-group-lg > .input-group-addon, + select[multiple].input-group-lg > .input-group-btn > .btn { + height: auto; + } + .input-group-sm > .form-control, + .input-group-sm > .input-group-addon, + .input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; + } + select.input-group-sm > .form-control, + select.input-group-sm > .input-group-addon, + select.input-group-sm > .input-group-btn > .btn { + height: 30px; + line-height: 30px; + } + textarea.input-group-sm > .form-control, + textarea.input-group-sm > .input-group-addon, + textarea.input-group-sm > .input-group-btn > .btn, + select[multiple].input-group-sm > .form-control, + select[multiple].input-group-sm > .input-group-addon, + select[multiple].input-group-sm > .input-group-btn > .btn { + height: auto; + } + .input-group-addon, + .input-group-btn, + .input-group .form-control { + display: table-cell; + } + .input-group-addon:not(:first-child):not(:last-child), + .input-group-btn:not(:first-child):not(:last-child), + .input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; + } + .input-group-addon, + .input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; + } + .input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1; + color: #555; + text-align: center; + background-color: #eee; + border: 1px solid #ccc; + border-radius: 4px; + } + .input-group-addon.input-sm { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; + } + .input-group-addon.input-lg { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px; + } + .input-group-addon input[type="radio"], + .input-group-addon input[type="checkbox"] { + margin-top: 0; + } + .input-group .form-control:first-child, + .input-group-addon:first-child, + .input-group-btn:first-child > .btn, + .input-group-btn:first-child > .btn-group > .btn, + .input-group-btn:first-child > .dropdown-toggle, + .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), + .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .input-group-addon:first-child { + border-right: 0; + } + .input-group .form-control:last-child, + .input-group-addon:last-child, + .input-group-btn:last-child > .btn, + .input-group-btn:last-child > .btn-group > .btn, + .input-group-btn:last-child > .dropdown-toggle, + .input-group-btn:first-child > .btn:not(:first-child), + .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .input-group-addon:last-child { + border-left: 0; + } + .input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; + } + .input-group-btn > .btn { + position: relative; + } + .input-group-btn > .btn + .btn { + margin-left: -1px; + } + .input-group-btn > .btn:hover, + .input-group-btn > .btn:focus, + .input-group-btn > .btn:active { + z-index: 2; + } + .input-group-btn:first-child > .btn, + .input-group-btn:first-child > .btn-group { + margin-right: -1px; + } + .input-group-btn:last-child > .btn, + .input-group-btn:last-child > .btn-group { + margin-left: -1px; + } + .nav { + padding-left: 0; + margin-bottom: 0; + list-style: none; + } + .nav > li { + position: relative; + display: block; + } + .nav > li > a { + position: relative; + display: block; + padding: 10px 15px; + } + .nav > li > a:hover, + .nav > li > a:focus { + text-decoration: none; + background-color: #eee; + } + .nav > li.disabled > a { + color: #777; + } + .nav > li.disabled > a:hover, + .nav > li.disabled > a:focus { + color: #777; + text-decoration: none; + cursor: not-allowed; + background-color: transparent; + } + .nav .open > a, + .nav .open > a:hover, + .nav .open > a:focus { + background-color: #eee; + border-color: #337ab7; + } + .nav .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + } + .nav > li > a > img { + max-width: none; + } + .nav-tabs { + border-bottom: 1px solid #ddd; + } + .nav-tabs > li { + float: left; + margin-bottom: -1px; + } + .nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; + } + .nav-tabs > li > a:hover { + border-color: #eee #eee #ddd; + } + .nav-tabs > li.active > a, + .nav-tabs > li.active > a:hover, + .nav-tabs > li.active > a:focus { + color: #555; + cursor: default; + background-color: #fff; + border: 1px solid #ddd; + border-bottom-color: transparent; + } + .nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; + } + .nav-tabs.nav-justified > li { + float: none; + } + .nav-tabs.nav-justified > li > a { + margin-bottom: 5px; + text-align: center; + } + .nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; + } + @media (min-width: 768px) { + .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } + } + .nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 4px; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #ddd; + } + @media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #fff; + } + } + .nav-pills > li { + float: left; + } + .nav-pills > li > a { + border-radius: 4px; + } + .nav-pills > li + li { + margin-left: 2px; + } + .nav-pills > li.active > a, + .nav-pills > li.active > a:hover, + .nav-pills > li.active > a:focus { + color: #fff; + background-color: #337ab7; + } + .nav-stacked > li { + float: none; + } + .nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; + } + .nav-justified { + width: 100%; + } + .nav-justified > li { + float: none; + } + .nav-justified > li > a { + margin-bottom: 5px; + text-align: center; + } + .nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; + } + @media (min-width: 768px) { + .nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a { + margin-bottom: 0; + } + } + .nav-tabs-justified { + border-bottom: 0; + } + .nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 4px; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border: 1px solid #ddd; + } + @media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #fff; + } + } + .tab-content > .tab-pane { + display: none; + } + .tab-content > .active { + display: block; + } + .nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + .navbar { + position: relative; + min-height: 50px; + margin-bottom: 20px; + border: 1px solid transparent; + } + @media (min-width: 768px) { + .navbar { + border-radius: 4px; + } + } + @media (min-width: 768px) { + .navbar-header { + float: left; + } + } + .navbar-collapse { + padding-right: 15px; + padding-left: 15px; + overflow-x: visible; + -webkit-overflow-scrolling: touch; + border-top: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + } + .navbar-collapse.in { + overflow-y: auto; + } + @media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-right: 0; + padding-left: 0; + } + } + .navbar-fixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 340px; + } + @media (max-device-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } + } + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; + } + @media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } + } + .navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; + } + @media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } + } + .navbar-fixed-top, + .navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + } + @media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } + } + .navbar-fixed-top { + top: 0; + border-width: 0 0 1px; + } + .navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; + } + .navbar-brand { + float: left; + height: 50px; + padding: 15px 15px; + font-size: 18px; + line-height: 20px; + } + .navbar-brand:hover, + .navbar-brand:focus { + text-decoration: none; + } + .navbar-brand > img { + display: block; + } + @media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } + } + .navbar-toggle { + position: relative; + float: right; + padding: 9px 10px; + margin-top: 8px; + margin-right: 15px; + margin-bottom: 8px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; + } + .navbar-toggle:focus { + outline: 0; + } + .navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; + } + .navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; + } + @media (min-width: 768px) { + .navbar-toggle { + display: none; + } + } + .navbar-nav { + margin: 7.5px -15px; + } + .navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; + } + @media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } + } + @media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + } + } + .navbar-form { + padding: 10px 15px; + margin-top: 8px; + margin-right: -15px; + margin-bottom: 8px; + margin-left: -15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + } + @media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .navbar-form .form-control-static { + display: inline-block; + } + .navbar-form .input-group { + display: inline-table; + vertical-align: middle; + } + .navbar-form .input-group .input-group-addon, + .navbar-form .input-group .input-group-btn, + .navbar-form .input-group .form-control { + width: auto; + } + .navbar-form .input-group > .form-control { + width: 100%; + } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; + } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .navbar-form .has-feedback .form-control-feedback { + top: 0; + } + } + @media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } + .navbar-form .form-group:last-child { + margin-bottom: 0; + } + } + @media (min-width: 768px) { + .navbar-form { + width: auto; + padding-top: 0; + padding-bottom: 0; + margin-right: 0; + margin-left: 0; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + } + .navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + margin-bottom: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .navbar-btn { + margin-top: 8px; + margin-bottom: 8px; + } + .navbar-btn.btn-sm { + margin-top: 10px; + margin-bottom: 10px; + } + .navbar-btn.btn-xs { + margin-top: 14px; + margin-bottom: 14px; + } + .navbar-text { + margin-top: 15px; + margin-bottom: 15px; + } + @media (min-width: 768px) { + .navbar-text { + float: left; + margin-right: 15px; + margin-left: 15px; + } + } + @media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + margin-right: -15px; + } + .navbar-right ~ .navbar-right { + margin-right: 0; + } + } + .navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7; + } + .navbar-default .navbar-brand { + color: #777; + } + .navbar-default .navbar-brand:hover, + .navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; + } + .navbar-default .navbar-text { + color: #777; + } + .navbar-default .navbar-nav > li > a { + color: #777; + } + .navbar-default .navbar-nav > li > a:hover, + .navbar-default .navbar-nav > li > a:focus { + color: #333; + background-color: transparent; + } + .navbar-default .navbar-nav > .active > a, + .navbar-default .navbar-nav > .active > a:hover, + .navbar-default .navbar-nav > .active > a:focus { + color: #555; + background-color: #e7e7e7; + } + .navbar-default .navbar-nav > .disabled > a, + .navbar-default .navbar-nav > .disabled > a:hover, + .navbar-default .navbar-nav > .disabled > a:focus { + color: #ccc; + background-color: transparent; + } + .navbar-default .navbar-toggle { + border-color: #ddd; + } + .navbar-default .navbar-toggle:hover, + .navbar-default .navbar-toggle:focus { + background-color: #ddd; + } + .navbar-default .navbar-toggle .icon-bar { + background-color: #888; + } + .navbar-default .navbar-collapse, + .navbar-default .navbar-form { + border-color: #e7e7e7; + } + .navbar-default .navbar-nav > .open > a, + .navbar-default .navbar-nav > .open > a:hover, + .navbar-default .navbar-nav > .open > a:focus { + color: #555; + background-color: #e7e7e7; + } + @media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555; + background-color: #e7e7e7; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #ccc; + background-color: transparent; + } + } + .navbar-default .navbar-link { + color: #777; + } + .navbar-default .navbar-link:hover { + color: #333; + } + .navbar-default .btn-link { + color: #777; + } + .navbar-default .btn-link:hover, + .navbar-default .btn-link:focus { + color: #333; + } + .navbar-default .btn-link[disabled]:hover, + fieldset[disabled] .navbar-default .btn-link:hover, + .navbar-default .btn-link[disabled]:focus, + fieldset[disabled] .navbar-default .btn-link:focus { + color: #ccc; + } + .navbar-inverse { + background-color: #222; + border-color: #080808; + } + .navbar-inverse .navbar-brand { + color: #9d9d9d; + } + .navbar-inverse .navbar-brand:hover, + .navbar-inverse .navbar-brand:focus { + color: #fff; + background-color: transparent; + } + .navbar-inverse .navbar-text { + color: #9d9d9d; + } + .navbar-inverse .navbar-nav > li > a { + color: #9d9d9d; + } + .navbar-inverse .navbar-nav > li > a:hover, + .navbar-inverse .navbar-nav > li > a:focus { + color: #fff; + background-color: transparent; + } + .navbar-inverse .navbar-nav > .active > a, + .navbar-inverse .navbar-nav > .active > a:hover, + .navbar-inverse .navbar-nav > .active > a:focus { + color: #fff; + background-color: #080808; + } + .navbar-inverse .navbar-nav > .disabled > a, + .navbar-inverse .navbar-nav > .disabled > a:hover, + .navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444; + background-color: transparent; + } + .navbar-inverse .navbar-toggle { + border-color: #333; + } + .navbar-inverse .navbar-toggle:hover, + .navbar-inverse .navbar-toggle:focus { + background-color: #333; + } + .navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; + } + .navbar-inverse .navbar-collapse, + .navbar-inverse .navbar-form { + border-color: #101010; + } + .navbar-inverse .navbar-nav > .open > a, + .navbar-inverse .navbar-nav > .open > a:hover, + .navbar-inverse .navbar-nav > .open > a:focus { + color: #fff; + background-color: #080808; + } + @media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #9d9d9d; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #fff; + background-color: transparent; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #fff; + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #444; + background-color: transparent; + } + } + .navbar-inverse .navbar-link { + color: #9d9d9d; + } + .navbar-inverse .navbar-link:hover { + color: #fff; + } + .navbar-inverse .btn-link { + color: #9d9d9d; + } + .navbar-inverse .btn-link:hover, + .navbar-inverse .btn-link:focus { + color: #fff; + } + .navbar-inverse .btn-link[disabled]:hover, + fieldset[disabled] .navbar-inverse .btn-link:hover, + .navbar-inverse .btn-link[disabled]:focus, + fieldset[disabled] .navbar-inverse .btn-link:focus { + color: #444; + } + .breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; + } + .breadcrumb > li { + display: inline-block; + } + .breadcrumb > li + li:before { + padding: 0 5px; + color: #ccc; + content: "/\00a0"; + } + .breadcrumb > .active { + color: #777; + } + .pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 4px; + } + .pagination > li { + display: inline; + } + .pagination > li > a, + .pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + margin-left: -1px; + line-height: 1.42857143; + color: #337ab7; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd; + } + .pagination > li:first-child > a, + .pagination > li:first-child > span { + margin-left: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .pagination > li:last-child > a, + .pagination > li:last-child > span { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .pagination > li > a:hover, + .pagination > li > span:hover, + .pagination > li > a:focus, + .pagination > li > span:focus { + color: #23527c; + background-color: #eee; + border-color: #ddd; + } + .pagination > .active > a, + .pagination > .active > span, + .pagination > .active > a:hover, + .pagination > .active > span:hover, + .pagination > .active > a:focus, + .pagination > .active > span:focus { + z-index: 2; + color: #fff; + cursor: default; + background-color: #337ab7; + border-color: #337ab7; + } + .pagination > .disabled > span, + .pagination > .disabled > span:hover, + .pagination > .disabled > span:focus, + .pagination > .disabled > a, + .pagination > .disabled > a:hover, + .pagination > .disabled > a:focus { + color: #777; + cursor: not-allowed; + background-color: #fff; + border-color: #ddd; + } + .pagination-lg > li > a, + .pagination-lg > li > span { + padding: 10px 16px; + font-size: 18px; + } + .pagination-lg > li:first-child > a, + .pagination-lg > li:first-child > span { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .pagination-lg > li:last-child > a, + .pagination-lg > li:last-child > span { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .pagination-sm > li > a, + .pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; + } + .pagination-sm > li:first-child > a, + .pagination-sm > li:first-child > span { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .pagination-sm > li:last-child > a, + .pagination-sm > li:last-child > span { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .pager { + padding-left: 0; + margin: 20px 0; + text-align: center; + list-style: none; + } + .pager li { + display: inline; + } + .pager li > a, + .pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; + } + .pager li > a:hover, + .pager li > a:focus { + text-decoration: none; + background-color: #eee; + } + .pager .next > a, + .pager .next > span { + float: right; + } + .pager .previous > a, + .pager .previous > span { + float: left; + } + .pager .disabled > a, + .pager .disabled > a:hover, + .pager .disabled > a:focus, + .pager .disabled > span { + color: #777; + cursor: not-allowed; + background-color: #fff; + } + .label { + display: inline; + padding: 0.2em 0.6em 0.3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25em; + } + a.label:hover, + a.label:focus { + color: #fff; + text-decoration: none; + cursor: pointer; + } + .label:empty { + display: none; + } + .btn .label { + position: relative; + top: -1px; + } + .label-default { + background-color: #777; + } + .label-default[href]:hover, + .label-default[href]:focus { + background-color: #5e5e5e; + } + .label-primary { + background-color: #337ab7; + } + .label-primary[href]:hover, + .label-primary[href]:focus { + background-color: #286090; + } + .label-success { + background-color: #5cb85c; + } + .label-success[href]:hover, + .label-success[href]:focus { + background-color: #449d44; + } + .label-info { + background-color: #5bc0de; + } + .label-info[href]:hover, + .label-info[href]:focus { + background-color: #31b0d5; + } + .label-warning { + background-color: #f0ad4e; + } + .label-warning[href]:hover, + .label-warning[href]:focus { + background-color: #ec971f; + } + .label-danger { + background-color: #d9534f; + } + .label-danger[href]:hover, + .label-danger[href]:focus { + background-color: #c9302c; + } + .badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + background-color: #777; + border-radius: 10px; + } + .badge:empty { + display: none; + } + .btn .badge { + position: relative; + top: -1px; + } + .btn-xs .badge, + .btn-group-xs > .btn .badge { + top: 0; + padding: 1px 5px; + } + a.badge:hover, + a.badge:focus { + color: #fff; + text-decoration: none; + cursor: pointer; + } + .list-group-item.active > .badge, + .nav-pills > .active > a > .badge { + color: #337ab7; + background-color: #fff; + } + .list-group-item > .badge { + float: right; + } + .list-group-item > .badge + .badge { + margin-right: 5px; + } + .nav-pills > li > a > .badge { + margin-left: 3px; + } + .jumbotron { + padding: 30px 15px; + margin-bottom: 30px; + color: inherit; + background-color: #eee; + } + .jumbotron h1, + .jumbotron .h1 { + color: inherit; + } + .jumbotron p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; + } + .jumbotron > hr { + border-top-color: #d5d5d5; + } + .container .jumbotron, + .container-fluid .jumbotron { + border-radius: 6px; + } + .jumbotron .container { + max-width: 100%; + } + @media screen and (min-width: 768px) { + .jumbotron { + padding: 48px 0; + } + .container .jumbotron, + .container-fluid .jumbotron { + padding-right: 60px; + padding-left: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 63px; + } + } + .thumbnail { + display: block; + padding: 4px; + margin-bottom: 20px; + line-height: 1.42857143; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: border 0.2s ease-in-out; + -o-transition: border 0.2s ease-in-out; + transition: border 0.2s ease-in-out; + } + .thumbnail > img, + .thumbnail a > img { + margin-right: auto; + margin-left: auto; + } + a.thumbnail:hover, + a.thumbnail:focus, + a.thumbnail.active { + border-color: #337ab7; + } + .thumbnail .caption { + padding: 9px; + color: #333; + } + .alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 4px; + } + .alert h4 { + margin-top: 0; + color: inherit; + } + .alert .alert-link { + font-weight: bold; + } + .alert > p, + .alert > ul { + margin-bottom: 0; + } + .alert > p + p { + margin-top: 5px; + } + .alert-dismissable, + .alert-dismissible { + padding-right: 35px; + } + .alert-dismissable .close, + .alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; + } + .alert-success { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; + } + .alert-success hr { + border-top-color: #c9e2b3; + } + .alert-success .alert-link { + color: #2b542c; + } + .alert-info { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; + } + .alert-info hr { + border-top-color: #a6e1ec; + } + .alert-info .alert-link { + color: #245269; + } + .alert-warning { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; + } + .alert-warning hr { + border-top-color: #f7e1b5; + } + .alert-warning .alert-link { + color: #66512c; + } + .alert-danger { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; + } + .alert-danger hr { + border-top-color: #e4b9c0; + } + .alert-danger .alert-link { + color: #843534; + } + //@-webkit-keyframes progress-bar-stripes { + // from { + // background-position: 40px 0; + // } + // to { + // background-position: 0 0; + // } + //} + //@-o-keyframes progress-bar-stripes { + // from { + // background-position: 40px 0; + // } + // to { + // background-position: 0 0; + // } + //} + //@keyframes progress-bar-stripes { + // from { + // background-position: 40px 0; + // } + // to { + // background-position: 0 0; + // } + //} + //.progress { + // height: 20px; + // margin-bottom: 20px; + // overflow: hidden; + // background-color: #f5f5f5; + // border-radius: 4px; + // -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + // box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + //} + //.progress-bar { + // float: left; + // width: 0; + // height: 100%; + // font-size: 12px; + // line-height: 20px; + // color: #fff; + // text-align: center; + // background-color: #337ab7; + // -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + // box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + // -webkit-transition: width 0.6s ease; + // -o-transition: width 0.6s ease; + // transition: width 0.6s ease; + //} + //.progress-striped .progress-bar, + //.progress-bar-striped { + // background-image: -webkit-linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + // background-image: -o-linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + // background-image: linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + // -webkit-background-size: 40px 40px; + // background-size: 40px 40px; + //} + //.progress.active .progress-bar, + //.progress-bar.active { + // -webkit-animation: progress-bar-stripes 2s linear infinite; + // -o-animation: progress-bar-stripes 2s linear infinite; + // animation: progress-bar-stripes 2s linear infinite; + //} + //.progress-bar-success { + // background-color: #5cb85c; + //} + //.progress-striped .progress-bar-success { + // background-image: -webkit-linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + // background-image: -o-linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + // background-image: linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + //} + //.progress-bar-info { + // background-color: #5bc0de; + //} + //.progress-striped .progress-bar-info { + // background-image: -webkit-linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + // background-image: -o-linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + // background-image: linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + //} + //.progress-bar-warning { + // background-color: #f0ad4e; + //} + //.progress-striped .progress-bar-warning { + // background-image: -webkit-linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + // background-image: -o-linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + // background-image: linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + //} + //.progress-bar-danger { + // background-color: #d9534f; + //} + //.progress-striped .progress-bar-danger { + // background-image: -webkit-linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + // background-image: -o-linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + // background-image: linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.15) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.15) 50%, + // rgba(255, 255, 255, 0.15) 75%, + // transparent 75%, + // transparent + // ); + //} + .media { + margin-top: 15px; + } + .media:first-child { + margin-top: 0; + } + .media, + .media-body { + overflow: hidden; + zoom: 1; + } + .media-body { + width: 10000px; + } + .media-object { + display: block; + } + .media-right, + .media > .pull-right { + padding-left: 10px; + } + .media-left, + .media > .pull-left { + padding-right: 10px; + } + .media-left, + .media-right, + .media-body { + display: table-cell; + vertical-align: top; + } + .media-middle { + vertical-align: middle; + } + .media-bottom { + vertical-align: bottom; + } + .media-heading { + margin-top: 0; + margin-bottom: 5px; + } + .media-list { + padding-left: 0; + list-style: none; + } + .list-group { + padding-left: 0; + margin-bottom: 20px; + } + .list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid #ddd; + } + .list-group-item:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + a.list-group-item { + color: #555; + } + a.list-group-item .list-group-item-heading { + color: #333; + } + a.list-group-item:hover, + a.list-group-item:focus { + color: #555; + text-decoration: none; + background-color: #f5f5f5; + } + .list-group-item.disabled, + .list-group-item.disabled:hover, + .list-group-item.disabled:focus { + color: #777; + cursor: not-allowed; + background-color: #eee; + } + .list-group-item.disabled .list-group-item-heading, + .list-group-item.disabled:hover .list-group-item-heading, + .list-group-item.disabled:focus .list-group-item-heading { + color: inherit; + } + .list-group-item.disabled .list-group-item-text, + .list-group-item.disabled:hover .list-group-item-text, + .list-group-item.disabled:focus .list-group-item-text { + color: #777; + } + .list-group-item.active, + .list-group-item.active:hover, + .list-group-item.active:focus { + z-index: 2; + color: #fff; + background-color: #337ab7; + border-color: #337ab7; + } + .list-group-item.active .list-group-item-heading, + .list-group-item.active:hover .list-group-item-heading, + .list-group-item.active:focus .list-group-item-heading, + .list-group-item.active .list-group-item-heading > small, + .list-group-item.active:hover .list-group-item-heading > small, + .list-group-item.active:focus .list-group-item-heading > small, + .list-group-item.active .list-group-item-heading > .small, + .list-group-item.active:hover .list-group-item-heading > .small, + .list-group-item.active:focus .list-group-item-heading > .small { + color: inherit; + } + .list-group-item.active .list-group-item-text, + .list-group-item.active:hover .list-group-item-text, + .list-group-item.active:focus .list-group-item-text { + color: #c7ddef; + } + .list-group-item-success { + color: #3c763d; + background-color: #dff0d8; + } + a.list-group-item-success { + color: #3c763d; + } + a.list-group-item-success .list-group-item-heading { + color: inherit; + } + a.list-group-item-success:hover, + a.list-group-item-success:focus { + color: #3c763d; + background-color: #d0e9c6; + } + a.list-group-item-success.active, + a.list-group-item-success.active:hover, + a.list-group-item-success.active:focus { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; + } + .list-group-item-info { + color: #31708f; + background-color: #d9edf7; + } + a.list-group-item-info { + color: #31708f; + } + a.list-group-item-info .list-group-item-heading { + color: inherit; + } + a.list-group-item-info:hover, + a.list-group-item-info:focus { + color: #31708f; + background-color: #c4e3f3; + } + a.list-group-item-info.active, + a.list-group-item-info.active:hover, + a.list-group-item-info.active:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f; + } + .list-group-item-warning { + color: #8a6d3b; + background-color: #fcf8e3; + } + a.list-group-item-warning { + color: #8a6d3b; + } + a.list-group-item-warning .list-group-item-heading { + color: inherit; + } + a.list-group-item-warning:hover, + a.list-group-item-warning:focus { + color: #8a6d3b; + background-color: #faf2cc; + } + a.list-group-item-warning.active, + a.list-group-item-warning.active:hover, + a.list-group-item-warning.active:focus { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; + } + .list-group-item-danger { + color: #a94442; + background-color: #f2dede; + } + a.list-group-item-danger { + color: #a94442; + } + a.list-group-item-danger .list-group-item-heading { + color: inherit; + } + a.list-group-item-danger:hover, + a.list-group-item-danger:focus { + color: #a94442; + background-color: #ebcccc; + } + a.list-group-item-danger.active, + a.list-group-item-danger.active:hover, + a.list-group-item-danger.active:focus { + color: #fff; + background-color: #a94442; + border-color: #a94442; + } + .list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; + } + .list-group-item-text { + margin-bottom: 0; + line-height: 1.3; + } + .panel { + margin-bottom: 20px; + background-color: #fff; + border: 1px solid transparent; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + } + .panel-body { + padding: 15px; + } + .panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .panel-heading > .dropdown .dropdown-toggle { + color: inherit; + } + .panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; + color: inherit; + } + .panel-title > a, + .panel-title > small, + .panel-title > .small, + .panel-title > small > a, + .panel-title > .small > a { + color: inherit; + } + .panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .panel > .list-group, + .panel > .panel-collapse > .list-group { + margin-bottom: 0; + } + .panel > .list-group .list-group-item, + .panel > .panel-collapse > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; + } + .panel > .list-group:first-child .list-group-item:first-child, + .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .panel > .list-group:last-child .list-group-item:last-child, + .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; + } + .list-group + .panel-footer { + border-top-width: 0; + } + .panel > .table, + .panel > .table-responsive > .table, + .panel > .panel-collapse > .table { + margin-bottom: 0; + } + .panel > .table caption, + .panel > .table-responsive > .table caption, + .panel > .panel-collapse > .table caption { + padding-right: 15px; + padding-left: 15px; + } + .panel > .table:first-child, + .panel > .table-responsive:first-child > .table:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .panel > .table:first-child > thead:first-child > tr:first-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, + .panel > .table:first-child > tbody:first-child > tr:first-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, + .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, + .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, + .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: 3px; + } + .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, + .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, + .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, + .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: 3px; + } + .panel > .table:last-child, + .panel > .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .panel > .table:last-child > tbody:last-child > tr:last-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, + .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 3px; + } + .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, + .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 3px; + } + .panel > .panel-body + .table, + .panel > .panel-body + .table-responsive, + .panel > .table + .panel-body, + .panel > .table-responsive + .panel-body { + border-top: 1px solid #ddd; + } + .panel > .table > tbody:first-child > tr:first-child th, + .panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; + } + .panel > .table-bordered, + .panel > .table-responsive > .table-bordered { + border: 0; + } + .panel > .table-bordered > thead > tr > th:first-child, + .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, + .panel > .table-bordered > tbody > tr > th:first-child, + .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, + .panel > .table-bordered > tfoot > tr > th:first-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .panel > .table-bordered > thead > tr > td:first-child, + .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, + .panel > .table-bordered > tbody > tr > td:first-child, + .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, + .panel > .table-bordered > tfoot > tr > td:first-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .panel > .table-bordered > thead > tr > th:last-child, + .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, + .panel > .table-bordered > tbody > tr > th:last-child, + .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, + .panel > .table-bordered > tfoot > tr > th:last-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .panel > .table-bordered > thead > tr > td:last-child, + .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, + .panel > .table-bordered > tbody > tr > td:last-child, + .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, + .panel > .table-bordered > tfoot > tr > td:last-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .panel > .table-bordered > thead > tr:first-child > td, + .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, + .panel > .table-bordered > tbody > tr:first-child > td, + .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, + .panel > .table-bordered > thead > tr:first-child > th, + .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, + .panel > .table-bordered > tbody > tr:first-child > th, + .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; + } + .panel > .table-bordered > tbody > tr:last-child > td, + .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, + .panel > .table-bordered > tfoot > tr:last-child > td, + .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, + .panel > .table-bordered > tbody > tr:last-child > th, + .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, + .panel > .table-bordered > tfoot > tr:last-child > th, + .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; + } + .panel > .table-responsive { + margin-bottom: 0; + border: 0; + } + .panel-group { + margin-bottom: 20px; + } + .panel-group .panel { + margin-bottom: 0; + border-radius: 4px; + } + .panel-group .panel + .panel { + margin-top: 5px; + } + .panel-group .panel-heading { + border-bottom: 0; + } + .panel-group .panel-heading + .panel-collapse > .panel-body, + .panel-group .panel-heading + .panel-collapse > .list-group { + border-top: 1px solid #ddd; + } + .panel-group .panel-footer { + border-top: 0; + } + .panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #ddd; + } + .panel-default { + border-color: #ddd; + } + .panel-default > .panel-heading { + color: #333; + background-color: #f5f5f5; + border-color: #ddd; + } + .panel-default > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #ddd; + } + .panel-default > .panel-heading .badge { + color: #f5f5f5; + background-color: #333; + } + .panel-default > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #ddd; + } + .panel-primary { + border-color: #337ab7; + } + .panel-primary > .panel-heading { + color: #fff; + background-color: #337ab7; + border-color: #337ab7; + } + .panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #337ab7; + } + .panel-primary > .panel-heading .badge { + color: #337ab7; + background-color: #fff; + } + .panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #337ab7; + } + .panel-success { + border-color: #d6e9c6; + } + .panel-success > .panel-heading { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; + } + .panel-success > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #d6e9c6; } - .modal-content { - -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + .panel-success > .panel-heading .badge { + color: #dff0d8; + background-color: #3c763d; } - .modal-sm { - width: 300px; + .panel-success > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #d6e9c6; } -} -@media (min-width: 992px) { - .modal-lg { - width: 900px; + .panel-info { + border-color: #bce8f1; } -} -.tooltip { - position: absolute; - z-index: 1070; - display: block; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 12px; - font-weight: normal; - line-height: 1.4; - filter: alpha(opacity=0); - opacity: 0; -} -.tooltip.in { - filter: alpha(opacity=90); - opacity: 0.9; -} -.tooltip.top { - padding: 5px 0; - margin-top: -3px; -} -.tooltip.right { - padding: 0 5px; - margin-left: 3px; -} -.tooltip.bottom { - padding: 5px 0; - margin-top: 3px; -} -.tooltip.left { - padding: 0 5px; - margin-left: -3px; -} -.tooltip-inner { - max-width: 200px; - padding: 3px 8px; - color: #fff; - text-align: center; - text-decoration: none; - background-color: #000; - border-radius: 4px; -} -.tooltip-arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} -.tooltip.top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-width: 5px 5px 0; - border-top-color: #000; -} -.tooltip.top-left .tooltip-arrow { - right: 5px; - bottom: 0; - margin-bottom: -5px; - border-width: 5px 5px 0; - border-top-color: #000; -} -.tooltip.top-right .tooltip-arrow { - bottom: 0; - left: 5px; - margin-bottom: -5px; - border-width: 5px 5px 0; - border-top-color: #000; -} -.tooltip.right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-width: 5px 5px 5px 0; - border-right-color: #000; -} -.tooltip.left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-width: 5px 0 5px 5px; - border-left-color: #000; -} -.tooltip.bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-width: 0 5px 5px; - border-bottom-color: #000; -} -.tooltip.bottom-left .tooltip-arrow { - top: 0; - right: 5px; - margin-top: -5px; - border-width: 0 5px 5px; - border-bottom-color: #000; -} -.tooltip.bottom-right .tooltip-arrow { - top: 0; - left: 5px; - margin-top: -5px; - border-width: 0 5px 5px; - border-bottom-color: #000; -} -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1060; - display: none; - max-width: 276px; - padding: 1px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - font-weight: normal; - line-height: 1.42857143; - text-align: left; - white-space: normal; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -} -.popover.top { - margin-top: -10px; -} -.popover.right { - margin-left: 10px; -} -.popover.bottom { - margin-top: 10px; -} -.popover.left { - margin-left: -10px; -} -.popover-title { - padding: 8px 14px; - margin: 0; - font-size: 14px; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; - border-radius: 5px 5px 0 0; -} -.popover-content { - padding: 9px 14px; -} -.popover > .arrow, -.popover > .arrow:after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} -.popover > .arrow { - border-width: 11px; -} -.popover > .arrow:after { - content: ""; - border-width: 10px; -} -.popover.top > .arrow { - bottom: -11px; - left: 50%; - margin-left: -11px; - border-top-color: #999; - border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; -} -.popover.top > .arrow:after { - bottom: 1px; - margin-left: -10px; - content: " "; - border-top-color: #fff; - border-bottom-width: 0; -} -.popover.right > .arrow { - top: 50%; - left: -11px; - margin-top: -11px; - border-right-color: #999; - border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; -} -.popover.right > .arrow:after { - bottom: -10px; - left: 1px; - content: " "; - border-right-color: #fff; - border-left-width: 0; -} -.popover.bottom > .arrow { - top: -11px; - left: 50%; - margin-left: -11px; - border-top-width: 0; - border-bottom-color: #999; - border-bottom-color: rgba(0, 0, 0, 0.25); -} -.popover.bottom > .arrow:after { - top: 1px; - margin-left: -10px; - content: " "; - border-top-width: 0; - border-bottom-color: #fff; -} -.popover.left > .arrow { - top: 50%; - right: -11px; - margin-top: -11px; - border-right-width: 0; - border-left-color: #999; - border-left-color: rgba(0, 0, 0, 0.25); -} -.popover.left > .arrow:after { - right: 1px; - bottom: -10px; - content: " "; - border-right-width: 0; - border-left-color: #fff; -} -.carousel { - position: relative; -} -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; -} -.carousel-inner > .item { - position: relative; - display: none; - -webkit-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; -} -.carousel-inner > .item > img, -.carousel-inner > .item > a > img { - line-height: 1; -} -@media all and (transform-3d), (-webkit-transform-3d) { - .carousel-inner > .item { - -webkit-transition: -webkit-transform 0.6s ease-in-out; - -o-transition: -o-transform 0.6s ease-in-out; - transition: transform 0.6s ease-in-out; - - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-perspective: 1000; - perspective: 1000; + .panel-info > .panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; + } + .panel-info > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #bce8f1; + } + .panel-info > .panel-heading .badge { + color: #d9edf7; + background-color: #31708f; + } + .panel-info > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #bce8f1; + } + .panel-warning { + border-color: #faebcc; + } + .panel-warning > .panel-heading { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; } - .carousel-inner > .item.next, - .carousel-inner > .item.active.right { + .panel-warning > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #faebcc; + } + .panel-warning > .panel-heading .badge { + color: #fcf8e3; + background-color: #8a6d3b; + } + .panel-warning > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #faebcc; + } + .panel-danger { + border-color: #ebccd1; + } + .panel-danger > .panel-heading { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; + } + .panel-danger > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #ebccd1; + } + .panel-danger > .panel-heading .badge { + color: #f2dede; + background-color: #a94442; + } + .panel-danger > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #ebccd1; + } + .embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; + } + .embed-responsive .embed-responsive-item, + .embed-responsive iframe, + .embed-responsive embed, + .embed-responsive object, + .embed-responsive video { + position: absolute; + top: 0; + bottom: 0; left: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); + width: 100%; + height: 100%; + border: 0; + } + .embed-responsive-16by9 { + padding-bottom: 56.25%; + } + .embed-responsive-4by3 { + padding-bottom: 75%; } - .carousel-inner > .item.prev, - .carousel-inner > .item.active.left { + .well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + } + .well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); + } + .well-lg { + padding: 24px; + border-radius: 6px; + } + .well-sm { + padding: 9px; + border-radius: 3px; + } + .close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + filter: alpha(opacity=20); + opacity: 0.2; + } + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + filter: alpha(opacity=50); + opacity: 0.5; + } + button.close { + -webkit-appearance: none; + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + } + .modal-open { + overflow: hidden; + } + .modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; left: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); + z-index: 1050; + display: none; + overflow: hidden; + -webkit-overflow-scrolling: touch; + outline: 0; + } + .modal.fade .modal-dialog { + -webkit-transition: -webkit-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + -o-transform: translate(0, -25%); + transform: translate(0, -25%); + } + .modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); + } + .modal-open .modal { + overflow-x: hidden; + overflow-y: auto; + } + .modal-dialog { + position: relative; + width: auto; + margin: 10px; } - .carousel-inner > .item.next.left, - .carousel-inner > .item.prev.right, - .carousel-inner > .item.active { + .modal-content { + position: relative; + background-color: #fff; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + outline: 0; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + } + .modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; left: 0; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + z-index: 1040; + background-color: #000; } -} -.carousel-inner > .active, -.carousel-inner > .next, -.carousel-inner > .prev { - display: block; -} -.carousel-inner > .active { - left: 0; -} -.carousel-inner > .next, -.carousel-inner > .prev { - position: absolute; - top: 0; - width: 100%; -} -.carousel-inner > .next { - left: 100%; -} -.carousel-inner > .prev { - left: -100%; -} -.carousel-inner > .next.left, -.carousel-inner > .prev.right { - left: 0; -} -.carousel-inner > .active.left { - left: -100%; -} -.carousel-inner > .active.right { - left: 100%; -} -.carousel-control { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 15%; - font-size: 20px; - color: #fff; - text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - filter: alpha(opacity=50); - opacity: 0.5; -} -.carousel-control.left { - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); - background-image: -webkit-gradient( - linear, - left top, - right top, - from(rgba(0, 0, 0, 0.5)), - to(rgba(0, 0, 0, 0.0001)) - ); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); - background-repeat: repeat-x; -} -.carousel-control.right { - right: 0; - left: auto; - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); - background-image: -webkit-gradient( - linear, - left top, - right top, - from(rgba(0, 0, 0, 0.0001)), - to(rgba(0, 0, 0, 0.5)) - ); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); - background-repeat: repeat-x; -} -.carousel-control:hover, -.carousel-control:focus { - color: #fff; - text-decoration: none; - filter: alpha(opacity=90); - outline: 0; - opacity: 0.9; -} -.carousel-control .icon-prev, -.carousel-control .icon-next, -.carousel-control .glyphicon-chevron-left, -.carousel-control .glyphicon-chevron-right { - position: absolute; - top: 50%; - z-index: 5; - display: inline-block; -} -.carousel-control .icon-prev, -.carousel-control .glyphicon-chevron-left { - left: 50%; - margin-left: -10px; -} -.carousel-control .icon-next, -.carousel-control .glyphicon-chevron-right { - right: 50%; - margin-right: -10px; -} -.carousel-control .icon-prev, -.carousel-control .icon-next { - width: 20px; - height: 20px; - margin-top: -10px; - font-family: serif; - line-height: 1; -} -.carousel-control .icon-prev:before { - content: "\2039"; -} -.carousel-control .icon-next:before { - content: "\203a"; -} -.carousel-indicators { - position: absolute; - bottom: 10px; - left: 50%; - z-index: 15; - width: 60%; - padding-left: 0; - margin-left: -30%; - text-align: center; - list-style: none; -} -.carousel-indicators li { - display: inline-block; - width: 10px; - height: 10px; - margin: 1px; - text-indent: -999px; - cursor: pointer; - background-color: #000 \9; - background-color: rgba(0, 0, 0, 0); - border: 1px solid #fff; - border-radius: 10px; -} -.carousel-indicators .active { - width: 12px; - height: 12px; - margin: 0; - background-color: #fff; -} -.carousel-caption { - position: absolute; - right: 15%; - bottom: 20px; - left: 15%; - z-index: 10; - padding-top: 20px; - padding-bottom: 20px; - color: #fff; - text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -} -.carousel-caption .btn { - text-shadow: none; -} -@media screen and (min-width: 768px) { - .carousel-control .glyphicon-chevron-left, - .carousel-control .glyphicon-chevron-right, - .carousel-control .icon-prev, - .carousel-control .icon-next { - width: 30px; - height: 30px; - margin-top: -15px; - font-size: 30px; + .modal-backdrop.fade { + filter: alpha(opacity=0); + opacity: 0; } - .carousel-control .glyphicon-chevron-left, - .carousel-control .icon-prev { - margin-left: -15px; + .modal-backdrop.in { + filter: alpha(opacity=50); + opacity: 0.5; } - .carousel-control .glyphicon-chevron-right, - .carousel-control .icon-next { - margin-right: -15px; + .modal-header { + min-height: 16.42857143px; + padding: 15px; + border-bottom: 1px solid #e5e5e5; } - .carousel-caption { - right: 20%; - left: 20%; - padding-bottom: 30px; + .modal-header .close { + margin-top: -2px; } - .carousel-indicators { - bottom: 20px; + .modal-title { + margin: 0; + line-height: 1.42857143; + } + //.modal-body { + // position: relative; + // padding: 15px; + //} + .modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; } -} -.clearfix:before, -.clearfix:after, -.dl-horizontal dd:before, -.dl-horizontal dd:after, -.container:before, -.container:after, -.container-fluid:before, -.container-fluid:after, -.row:before, -.row:after, -.form-horizontal .form-group:before, -.form-horizontal .form-group:after, -.btn-toolbar:before, -.btn-toolbar:after, -.btn-group-vertical > .btn-group:before, -.btn-group-vertical > .btn-group:after, -.nav:before, -.nav:after, -.navbar:before, -.navbar:after, -.navbar-header:before, -.navbar-header:after, -.navbar-collapse:before, -.navbar-collapse:after, -.pager:before, -.pager:after, -.panel-body:before, -.panel-body:after, -.modal-footer:before, -.modal-footer:after { - display: table; - content: " "; -} -.clearfix:after, -.dl-horizontal dd:after, -.container:after, -.container-fluid:after, -.row:after, -.form-horizontal .form-group:after, -.btn-toolbar:after, -.btn-group-vertical > .btn-group:after, -.nav:after, -.navbar:after, -.navbar-header:after, -.navbar-collapse:after, -.pager:after, -.panel-body:after, -.modal-footer:after { - clear: both; -} -.center-block { - display: block; - margin-right: auto; - margin-left: auto; -} -.pull-right { - float: right !important; -} -.pull-left { - float: left !important; -} -.hide { - display: none !important; -} -.show { - display: block !important; -} -.invisible { - visibility: hidden; -} -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -.hidden { - display: none !important; -} -.affix { - position: fixed; -} -@-ms-viewport { - width: device-width; -} -.visible-xs, -.visible-sm, -.visible-md, -.visible-lg { - display: none !important; -} -.visible-xs-block, -.visible-xs-inline, -.visible-xs-inline-block, -.visible-sm-block, -.visible-sm-inline, -.visible-sm-inline-block, -.visible-md-block, -.visible-md-inline, -.visible-md-inline-block, -.visible-lg-block, -.visible-lg-inline, -.visible-lg-inline-block { - display: none !important; -} -@media (max-width: 767px) { - .visible-xs { - display: block !important; + .modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; } - table.visible-xs { - display: table; + .modal-footer .btn-group .btn + .btn { + margin-left: -1px; } - tr.visible-xs { - display: table-row !important; + .modal-footer .btn-block + .btn-block { + margin-left: 0; } - th.visible-xs, - td.visible-xs { - display: table-cell !important; + .modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; + } + @media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } + .modal-sm { + width: 300px; + } + } + @media (min-width: 992px) { + .modal-lg { + width: 900px; + } + } + .tooltip { + position: absolute; + z-index: 1070; + display: block; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; + font-weight: normal; + line-height: 1.4; + filter: alpha(opacity=0); + opacity: 0; + } + .tooltip.in { + filter: alpha(opacity=90); + opacity: 0.9; + } + .tooltip.top { + padding: 5px 0; + margin-top: -3px; + } + .tooltip.right { + padding: 0 5px; + margin-left: 3px; + } + .tooltip.bottom { + padding: 5px 0; + margin-top: 3px; + } + .tooltip.left { + padding: 0 5px; + margin-left: -3px; + } + .tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + text-decoration: none; + background-color: #000; + border-radius: 4px; } -} -@media (max-width: 767px) { - .visible-xs-block { - display: block !important; + .tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + } + .tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; + } + .tooltip.top-left .tooltip-arrow { + right: 5px; + bottom: 0; + margin-bottom: -5px; + border-width: 5px 5px 0; + border-top-color: #000; + } + .tooltip.top-right .tooltip-arrow { + bottom: 0; + left: 5px; + margin-bottom: -5px; + border-width: 5px 5px 0; + border-top-color: #000; + } + .tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; } -} -@media (max-width: 767px) { - .visible-xs-inline { - display: inline !important; + .tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; } -} -@media (max-width: 767px) { - .visible-xs-inline-block { - display: inline-block !important; + .tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; } -} -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm { - display: block !important; + .tooltip.bottom-left .tooltip-arrow { + top: 0; + right: 5px; + margin-top: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; } - table.visible-sm { - display: table; + .tooltip.bottom-right .tooltip-arrow { + top: 0; + left: 5px; + margin-top: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; } - tr.visible-sm { - display: table-row !important; + .popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: none; + max-width: 276px; + padding: 1px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + font-weight: normal; + line-height: 1.42857143; + text-align: left; + white-space: normal; + background-color: #fff; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + } + .popover.top { + margin-top: -10px; + } + .popover.right { + margin-left: 10px; + } + .popover.bottom { + margin-top: 10px; + } + .popover.left { + margin-left: -10px; + } + .popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; + } + .popover-content { + padding: 9px 14px; + } + .popover > .arrow, + .popover > .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + } + .popover > .arrow { + border-width: 11px; + } + .popover > .arrow:after { + content: ""; + border-width: 10px; + } + .popover.top > .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; + } + .popover.top > .arrow:after { + bottom: 1px; + margin-left: -10px; + content: " "; + border-top-color: #fff; + border-bottom-width: 0; + } + .popover.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; + } + .popover.right > .arrow:after { + bottom: -10px; + left: 1px; + content: " "; + border-right-color: #fff; + border-left-width: 0; + } + .popover.bottom > .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + } + .popover.bottom > .arrow:after { + top: 1px; + margin-left: -10px; + content: " "; + border-top-width: 0; + border-bottom-color: #fff; } - th.visible-sm, - td.visible-sm { - display: table-cell !important; + .popover.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); + } + .popover.left > .arrow:after { + right: 1px; + bottom: -10px; + content: " "; + border-right-width: 0; + border-left-color: #fff; + } + .carousel { + position: relative; } -} -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-block { - display: block !important; + .carousel-inner { + position: relative; + width: 100%; + overflow: hidden; } -} -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-inline { - display: inline !important; + .carousel-inner > .item { + position: relative; + display: none; + -webkit-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; + } + .carousel-inner > .item > img, + .carousel-inner > .item > a > img { + line-height: 1; + } + @media all and (transform-3d), (-webkit-transform-3d) { + .carousel-inner > .item { + -webkit-transition: -webkit-transform 0.6s ease-in-out; + -o-transition: -o-transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out; + + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000; + perspective: 1000; + } + .carousel-inner > .item.next, + .carousel-inner > .item.active.right { + left: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + .carousel-inner > .item.prev, + .carousel-inner > .item.active.left { + left: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + .carousel-inner > .item.next.left, + .carousel-inner > .item.prev.right, + .carousel-inner > .item.active { + left: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + } + .carousel-inner > .active, + .carousel-inner > .next, + .carousel-inner > .prev { + display: block; + } + .carousel-inner > .active { + left: 0; } -} -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-inline-block { - display: inline-block !important; + .carousel-inner > .next, + .carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; } -} -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md { - display: block !important; + .carousel-inner > .next { + left: 100%; } - table.visible-md { - display: table; + .carousel-inner > .prev { + left: -100%; } - tr.visible-md { - display: table-row !important; + .carousel-inner > .next.left, + .carousel-inner > .prev.right { + left: 0; } - th.visible-md, - td.visible-md { - display: table-cell !important; + .carousel-inner > .active.left { + left: -100%; } -} -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-block { - display: block !important; + .carousel-inner > .active.right { + left: 100%; } -} -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-inline { - display: inline !important; + .carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 15%; + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + filter: alpha(opacity=50); + opacity: 0.5; + } + .carousel-control.left { + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: -webkit-gradient( + linear, + left top, + right top, + from(rgba(0, 0, 0, 0.5)), + to(rgba(0, 0, 0, 0.0001)) + ); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + background-repeat: repeat-x; + } + .carousel-control.right { + right: 0; + left: auto; + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: -webkit-gradient( + linear, + left top, + right top, + from(rgba(0, 0, 0, 0.0001)), + to(rgba(0, 0, 0, 0.5)) + ); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + background-repeat: repeat-x; + } + .carousel-control:hover, + .carousel-control:focus { + color: #fff; + text-decoration: none; + filter: alpha(opacity=90); + outline: 0; + opacity: 0.9; } -} -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-inline-block { - display: inline-block !important; + .carousel-control .icon-prev, + .carousel-control .icon-next, + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; } -} -@media (min-width: 1200px) { - .visible-lg { - display: block !important; + .carousel-control .icon-prev, + .carousel-control .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; + } + .carousel-control .icon-next, + .carousel-control .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; + } + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; + line-height: 1; + } + .carousel-control .icon-prev:before { + content: "\2039"; + } + .carousel-control .icon-next:before { + content: "\203a"; + } + .carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + padding-left: 0; + margin-left: -30%; + text-align: center; + list-style: none; + } + .carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + cursor: pointer; + background-color: #000 \9; + background-color: rgba(0, 0, 0, 0); + border: 1px solid #fff; + border-radius: 10px; + } + .carousel-indicators .active { + width: 12px; + height: 12px; + margin: 0; + background-color: #fff; } - table.visible-lg { + .carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + } + .carousel-caption .btn { + text-shadow: none; + } + @media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .carousel-control .glyphicon-chevron-left, + .carousel-control .icon-prev { + margin-left: -15px; + } + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-next { + margin-right: -15px; + } + .carousel-caption { + right: 20%; + left: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } + } + .clearfix:before, + .clearfix:after, + .dl-horizontal dd:before, + .dl-horizontal dd:after, + .container:before, + .container:after, + .container-fluid:before, + .container-fluid:after, + .row:before, + .row:after, + .form-horizontal .form-group:before, + .form-horizontal .form-group:after, + .btn-toolbar:before, + .btn-toolbar:after, + .btn-group-vertical > .btn-group:before, + .btn-group-vertical > .btn-group:after, + .nav:before, + .nav:after, + .navbar:before, + .navbar:after, + .navbar-header:before, + .navbar-header:after, + .navbar-collapse:before, + .navbar-collapse:after, + .pager:before, + .pager:after, + .panel-body:before, + .panel-body:after, + .modal-footer:before, + .modal-footer:after { display: table; + content: " "; + } + .clearfix:after, + .dl-horizontal dd:after, + .container:after, + .container-fluid:after, + .row:after, + .form-horizontal .form-group:after, + .btn-toolbar:after, + .btn-group-vertical > .btn-group:after, + .nav:after, + .navbar:after, + .navbar-header:after, + .navbar-collapse:after, + .pager:after, + .panel-body:after, + .modal-footer:after { + clear: both; + } + .center-block { + display: block; + margin-right: auto; + margin-left: auto; + } + .pull-right { + float: right !important; } - tr.visible-lg { - display: table-row !important; + .pull-left { + float: left !important; } - th.visible-lg, - td.visible-lg { - display: table-cell !important; + .hide { + display: none !important; } -} -@media (min-width: 1200px) { - .visible-lg-block { + .show { display: block !important; } -} -@media (min-width: 1200px) { - .visible-lg-inline { - display: inline !important; + .invisible { + visibility: hidden; } -} -@media (min-width: 1200px) { - .visible-lg-inline-block { - display: inline-block !important; + .text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } -} -@media (max-width: 767px) { - .hidden-xs { + .hidden { display: none !important; } -} -@media (min-width: 768px) and (max-width: 991px) { - .hidden-sm { - display: none !important; + .affix { + position: fixed; } -} -@media (min-width: 992px) and (max-width: 1199px) { - .hidden-md { - display: none !important; + @-ms-viewport { + width: device-width; } -} -@media (min-width: 1200px) { - .hidden-lg { + .visible-xs, + .visible-sm, + .visible-md, + .visible-lg { display: none !important; } -} -.visible-print { - display: none !important; -} -@media print { - .visible-print { - display: block !important; + .visible-xs-block, + .visible-xs-inline, + .visible-xs-inline-block, + .visible-sm-block, + .visible-sm-inline, + .visible-sm-inline-block, + .visible-md-block, + .visible-md-inline, + .visible-md-inline-block, + .visible-lg-block, + .visible-lg-inline, + .visible-lg-inline-block { + display: none !important; } - table.visible-print { - display: table; + @media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } + } + @media (max-width: 767px) { + .visible-xs-block { + display: block !important; + } + } + @media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; + } + } + @media (max-width: 767px) { + .visible-xs-inline-block { + display: inline-block !important; + } + } + @media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } + } + @media (min-width: 768px) and (max-width: 991px) { + .visible-sm-block { + display: block !important; + } + } + @media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline { + display: inline !important; + } + } + @media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline-block { + display: inline-block !important; + } + } + @media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } + } + @media (min-width: 992px) and (max-width: 1199px) { + .visible-md-block { + display: block !important; + } + } + @media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline { + display: inline !important; + } + } + @media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline-block { + display: inline-block !important; + } + } + @media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } + } + @media (min-width: 1200px) { + .visible-lg-block { + display: block !important; + } + } + @media (min-width: 1200px) { + .visible-lg-inline { + display: inline !important; + } + } + @media (min-width: 1200px) { + .visible-lg-inline-block { + display: inline-block !important; + } + } + @media (max-width: 767px) { + .hidden-xs { + display: none !important; + } + } + @media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } + } + @media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } + } + @media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } } - tr.visible-print { - display: table-row !important; + .visible-print { + display: none !important; } - th.visible-print, - td.visible-print { - display: table-cell !important; + @media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } } -} -.visible-print-block { - display: none !important; -} -@media print { .visible-print-block { - display: block !important; + display: none !important; + } + @media print { + .visible-print-block { + display: block !important; + } } -} -.visible-print-inline { - display: none !important; -} -@media print { .visible-print-inline { - display: inline !important; + display: none !important; } -} -.visible-print-inline-block { - display: none !important; -} -@media print { - .visible-print-inline-block { - display: inline-block !important; + @media print { + .visible-print-inline { + display: inline !important; + } } -} -@media print { - .hidden-print { + .visible-print-inline-block { display: none !important; } + @media print { + .visible-print-inline-block { + display: inline-block !important; + } + } + @media print { + .hidden-print { + display: none !important; + } + } } diff --git a/themesource/atlas_core/web/core/base/_animation.scss b/themesource/atlas_core/web/core/base/_animation.scss index 425d343..fb712a8 100644 --- a/themesource/atlas_core/web/core/base/_animation.scss +++ b/themesource/atlas_core/web/core/base/_animation.scss @@ -4,52 +4,53 @@ // Customizing core files will make updating Atlas much more difficult in the future. // To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. // - -@keyframes slideInUp { - from { - visibility: visible; - transform: translate3d(0, 100%, 0); +@mixin animations() { + @keyframes slideInUp { + from { + visibility: visible; + transform: translate3d(0, 100%, 0); + } + + to { + transform: translate3d(0, 0, 0); + } } - to { - transform: translate3d(0, 0, 0); + .animated { + animation-duration: 0.4s; + animation-fill-mode: both; } -} -.animated { - animation-duration: 0.4s; - animation-fill-mode: both; -} + .slideInUp { + animation-name: slideInUp; + } -.slideInUp { - animation-name: slideInUp; -} + @keyframes slideInDown { + from { + visibility: visible; + transform: translate3d(0, -100%, 0); + } -@keyframes slideInDown { - from { - visibility: visible; - transform: translate3d(0, -100%, 0); + to { + transform: translate3d(0, 0, 0); + } } - to { - transform: translate3d(0, 0, 0); + .slideInDown { + animation-name: slideInDown; } -} -.slideInDown { - animation-name: slideInDown; -} + @keyframes fadeIn { + from { + opacity: 0; + } -@keyframes fadeIn { - from { - opacity: 0; + to { + opacity: 1; + } } - to { - opacity: 1; + .fadeIn { + animation-name: fadeIn; } } - -.fadeIn { - animation-name: fadeIn; -} diff --git a/themesource/atlas_core/web/core/base/_base.scss b/themesource/atlas_core/web/core/base/_base.scss index 2082dcb..4d64a01 100644 --- a/themesource/atlas_core/web/core/base/_base.scss +++ b/themesource/atlas_core/web/core/base/_base.scss @@ -9,68 +9,70 @@ Default settings ========================================================================== */ -html { - height: 100%; -} +@mixin base() { + html { + height: 100%; + } -body { - min-height: 100%; - color: $font-color-default; - background-color: $bg-color; - font-family: $font-family-base; - font-size: $font-size-default; - font-weight: $font-weight-normal; - line-height: $line-height-base; -} + body { + min-height: 100%; + color: $font-color-default; + background-color: $bg-color; + font-family: $font-family-base; + font-size: $font-size-default; + font-weight: $font-weight-normal; + line-height: $line-height-base; + } -a { - transition: 0.25s; - color: $link-color; - -webkit-backface-visibility: hidden; -} + a { + transition: 0.25s; + color: $link-color; + -webkit-backface-visibility: hidden; + } -a:hover { - text-decoration: underline; - color: $link-hover-color; -} + a:hover { + text-decoration: underline; + color: $link-hover-color; + } -// Address `outline` inconsistency between Chrome and other browsers. -a:focus { - outline: thin dotted; -} + // Address `outline` inconsistency between Chrome and other browsers. + a:focus { + outline: thin dotted; + } -// Improve readability when focused and also mouse hovered in all browsers -a:active, -a:hover { - outline: 0; -} + // Improve readability when focused and also mouse hovered in all browsers + a:active, + a:hover { + outline: 0; + } -// Removes large blue border in chrome on focus and active states -input:focus, -button:focus, -.mx-link:focus { - outline: 0; -} + // Removes large blue border in chrome on focus and active states + input:focus, + button:focus, + .mx-link:focus { + outline: 0; + } -// Removes large blue border for tabindexes from widgets -div[tabindex] { - outline: 0; -} + // Removes large blue border for tabindexes from widgets + div[tabindex] { + outline: 0; + } -// Disabled State -.disabled, -[disabled] { - cursor: not-allowed; - opacity: 0.65; - box-shadow: none; -} + // Disabled State + .disabled, + [disabled] { + cursor: not-allowed; + opacity: 0.65; + box-shadow: none; + } -.mx-underlay { - position: fixed; - top: 0; - width: 100%; - height: 100%; - z-index: 1000; - opacity: 0.5; - background-color: #0a1325; + .mx-underlay { + position: fixed; + top: 0; + width: 100%; + height: 100%; + z-index: 1000; + opacity: 0.5; + background-color: #0a1325; + } } diff --git a/themesource/atlas_core/web/core/base/_flex.scss b/themesource/atlas_core/web/core/base/_flex.scss index 4eec77f..90eb0e6 100644 --- a/themesource/atlas_core/web/core/base/_flex.scss +++ b/themesource/atlas_core/web/core/base/_flex.scss @@ -9,172 +9,176 @@ Flex classes ========================================================================== */ -$important-flex-value: if($important-flex, " !important", ""); +@mixin flex() { + $important-flex-value: if($important-flex, " !important", ""); -// Flex layout -.flexcontainer { - display: flex; - overflow: hidden; - flex: 1; - flex-direction: row; + // Flex layout + .flexcontainer { + display: flex; + overflow: hidden; + flex: 1; + flex-direction: row; - .flexitem { - margin-right: $gutter-size; + .flexitem { + margin-right: $gutter-size; - &:last-child { - margin-right: 0; + &:last-child { + margin-right: 0; + } + } + + .flexitem-main { + overflow: hidden; + flex: 1; } } - .flexitem-main { - overflow: hidden; - flex: 1; + // These classes define the order of the children + .flex-row { + flex-direction: row #{$important-flex-value}; } -} -// These classes define the order of the children -.flex-row { - flex-direction: row #{$important-flex-value}; -} + .flex-column { + flex-direction: column #{$important-flex-value}; + } -.flex-column { - flex-direction: column #{$important-flex-value}; -} + .flex-row-reverse { + flex-direction: row-reverse #{$important-flex-value}; + } -.flex-row-reverse { - flex-direction: row-reverse #{$important-flex-value}; -} + .flex-column-reverse { + flex-direction: column-reverse #{$important-flex-value}; + } -.flex-column-reverse { - flex-direction: column-reverse #{$important-flex-value}; -} + .flex-wrap { + flex-wrap: wrap #{$important-flex-value}; + } -.flex-wrap { - flex-wrap: wrap #{$important-flex-value}; -} + .flex-nowrap { + flex-wrap: nowrap #{$important-flex-value}; + } -.flex-nowrap { - flex-wrap: nowrap #{$important-flex-value}; -} + .flex-wrap-reverse { + flex-wrap: wrap-reverse #{$important-flex-value}; + } -.flex-wrap-reverse { - flex-wrap: wrap-reverse #{$important-flex-value}; -} + // Align children in both directions + .flex-center { + align-items: center #{$important-flex-value}; + justify-content: center #{$important-flex-value}; + } -// Align children in both directions -.flex-center { - align-items: center #{$important-flex-value}; - justify-content: center #{$important-flex-value}; -} + // These classes define the alignment of the children + .justify-content-start { + justify-content: flex-start #{$important-flex-value}; + } -// These classes define the alignment of the children -.justify-content-start { - justify-content: flex-start #{$important-flex-value}; -} + .justify-content-end { + justify-content: flex-end #{$important-flex-value}; + } -.justify-content-end { - justify-content: flex-end #{$important-flex-value}; -} + .justify-content-center { + justify-content: center #{$important-flex-value}; + } -.justify-content-center { - justify-content: center #{$important-flex-value}; -} + .justify-content-between { + justify-content: space-between #{$important-flex-value}; + } -.justify-content-between { - justify-content: space-between #{$important-flex-value}; -} + .justify-content-around { + justify-content: space-around #{$important-flex-value}; + } -.justify-content-around { - justify-content: space-around #{$important-flex-value}; -} + .justify-content-evenly { + // Not Supported in IE11 + justify-content: space-evenly #{$important-flex-value}; + } -.justify-content-evenly { - // Not Supported in IE11 - justify-content: space-evenly #{$important-flex-value}; -} + .justify-content-stretch { + justify-content: stretch #{$important-flex-value}; + } -.justify-content-stretch { - justify-content: stretch #{$important-flex-value}; -} + /// These classes define the alignment of the children in the cross-direction + .align-children-start { + align-items: flex-start #{$important-flex-value}; + } -/// These classes define the alignment of the children in the cross-direction -.align-children-start { - align-items: flex-start #{$important-flex-value}; -} + .align-children-end { + align-items: flex-end #{$important-flex-value}; + } -.align-children-end { - align-items: flex-end #{$important-flex-value}; -} + .align-children-center { + align-items: center #{$important-flex-value}; + } -.align-children-center { - align-items: center #{$important-flex-value}; -} + .align-children-baseline { + align-items: baseline #{$important-flex-value}; + } -.align-children-baseline { - align-items: baseline #{$important-flex-value}; -} + .align-children-stretch { + align-items: stretch #{$important-flex-value}; + } -.align-children-stretch { - align-items: stretch #{$important-flex-value}; -} + /// These classes define the alignment of the rows of children in the cross-direction + .align-content-start { + align-content: flex-start #{$important-flex-value}; + } -/// These classes define the alignment of the rows of children in the cross-direction -.align-content-start { - align-content: flex-start #{$important-flex-value}; -} + .align-content-end { + align-content: flex-end #{$important-flex-value}; + } -.align-content-end { - align-content: flex-end #{$important-flex-value}; -} + .align-content-center { + align-content: center #{$important-flex-value}; + } -.align-content-center { - align-content: center #{$important-flex-value}; -} + .align-content-between { + align-content: space-between #{$important-flex-value}; + } -.align-content-between { - align-content: space-between #{$important-flex-value}; -} + .align-content-around { + align-content: space-around #{$important-flex-value}; + } -.align-content-around { - align-content: space-around #{$important-flex-value}; -} + .align-content-stretch { + align-content: stretch #{$important-flex-value}; + } -.align-content-stretch { - align-content: stretch #{$important-flex-value}; -} + /// These classes allow the default alignment to be overridden for individual items + .align-self-auto { + align-self: auto #{$important-flex-value}; + } -/// These classes allow the default alignment to be overridden for individual items -.align-self-auto { - align-self: auto #{$important-flex-value}; -} + .align-self-start { + align-self: flex-start #{$important-flex-value}; + } -.align-self-start { - align-self: flex-start #{$important-flex-value}; -} + .align-self-end { + align-self: flex-end #{$important-flex-value}; + } -.align-self-end { - align-self: flex-end #{$important-flex-value}; -} + .align-self-center { + align-self: center #{$important-flex-value}; + } -.align-self-center { - align-self: center #{$important-flex-value}; -} + .align-self-baseline { + align-self: baseline #{$important-flex-value}; + } -.align-self-baseline { - align-self: baseline #{$important-flex-value}; -} + .align-self-stretch { + align-self: stretch #{$important-flex-value}; + } -.align-self-stretch { - align-self: stretch #{$important-flex-value}; + @include flex-items($number: 12); } /// These classes define the percentage of available free space within a flex container a flex item will take. @mixin flex-items($number) { - @for $i from 1 through $number { - .flexitem-#{$i} { - flex: #{$i} #{$i} 1%; + @if not $exclude-flex { + @for $i from 1 through $number { + .flexitem-#{$i} { + flex: #{$i} #{$i} 1%; + } } } } - -@include flex-items($number: 12); diff --git a/themesource/atlas_core/web/core/base/_login.scss b/themesource/atlas_core/web/core/base/_login.scss index be0ab2c..70c68b9 100644 --- a/themesource/atlas_core/web/core/base/_login.scss +++ b/themesource/atlas_core/web/core/base/_login.scss @@ -5,188 +5,197 @@ // To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. // -body { - height: 100%; -} - -.loginpage { - display: flex; - height: 100%; -} -.loginpage-logo { - position: absolute; - top: 30px; - right: 30px; - width: 120px; -} - -.loginpage-left { - display: none; -} - -.loginpage-right { - display: flex; - flex: 1; - flex-direction: column; - justify-content: space-around; -} -.loginpage-formwrapper { - width: 400px; - margin: 0 auto; -} +@mixin login() { + body { + height: 100%; + } -.loginpage-fullscreenDiv { - background-color: #e8e8e8; - width: 100%; - height: auto; - bottom: 0; - top: 0; - left: 0; - position: absolute; -} + .loginpage { + display: flex; + height: 100%; + } + .loginpage-logo { + position: absolute; + top: 30px; + right: 30px; -.loginpage-center { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} + & > svg { + width: 120px; + } + } -// Form -.loginpage-form { - .alert { + .loginpage-left { display: none; } - .btn { - border-radius: $border-radius-default; + .loginpage-right { + display: flex; + flex: 1; + flex-direction: column; + justify-content: space-around; + } + .loginpage-formwrapper { + width: 400px; + margin: 0 auto; } - // Form label + input - .form-group { + .loginpage-fullscreenDiv { + background-color: #e8e8e8; width: 100%; - align-items: center; - @media only screen and (max-width: $screen-sm-max) { - align-items: flex-start; + height: auto; + bottom: 0; + top: 0; + left: 0; + position: absolute; + } + + .loginpage-center { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + // Form + .loginpage-form { + .alert { + display: none; } - .control-label { - flex: 4; - margin-bottom: 0; - font-size: $font-size-default; - font-weight: 500; - @media only screen and (max-width: $screen-sm-max) { - flex: 1; - margin-bottom: $spacing-small; - } + .btn { + border-radius: $border-radius-default; } - .inputwrapper { - flex: 8; - position: relative; + // Form label + input + .form-group { width: 100%; + align-items: center; @media only screen and (max-width: $screen-sm-max) { - flex: 1; + align-items: flex-start; } - .glyphicon { - &:before { - transition: color 0.4s; + .control-label { + flex: 4; + margin-bottom: 0; + font-size: $font-size-default; + font-weight: 500; + @media only screen and (max-width: $screen-sm-max) { + flex: 1; + margin-bottom: $spacing-small; } + } - position: absolute; - top: 50%; - left: $form-input-padding-x; - transform: translateY(-50%); + .inputwrapper { + flex: 8; + position: relative; + width: 100%; + @media only screen and (max-width: $screen-sm-max) { + flex: 1; + } - &-eye-open:hover, - &-eye-close:hover { - cursor: pointer; - color: $brand-primary; + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { + &:before { + transition: color 0.4s; + } + + position: absolute; + top: 50%; + left: $form-input-padding-x; + transform: translateY(-50%); + + &-eye-open:hover, + &-eye-close:hover { + cursor: pointer; + color: $brand-primary; + } } - } - .form-control { - padding: $form-input-padding-y $form-input-padding-x $form-input-padding-y 45px; - width: 100%; - } + .form-control { + padding: $form-input-padding-y $form-input-padding-x $form-input-padding-y 45px; + width: 100%; + } - .form-control:focus ~ .glyphicon:before { - color: $brand-primary; + .form-control:focus ~ .glyphicon:before { + color: $brand-primary; + } } } } -} -// Divider - only on login-with-mendixsso-button.html -.loginpage-alternativelabel { - display: flex; - align-items: center; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-between; - margin: 25px 0px; - - hr { - flex: 1; - margin: 20px 0 20px 10px; - border: 0; - border-color: #d8d8d8; - border-top: 1px solid #eeeeee; + // Divider - only on login-with-mendixsso-button.html + .loginpage-alternativelabel { + display: flex; + align-items: center; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + margin: 25px 0px; + + hr { + flex: 1; + margin: 20px 0 20px 10px; + border: 0; + border-color: #d8d8d8; + border-top: 1px solid #eeeeee; + } } -} -.loginpage-signin { - color: #555555; -} - -.loginpage-form .btn { - img { - vertical-align: middle; - top: -1px; - position: relative; + .loginpage-signin { + color: #555555; } -} -// Show only on wide screens -@media screen and (min-width: $screen-xl) { - .loginpage-logo { - width: 150px; + .loginpage-form .btn { + img { + vertical-align: middle; + top: -1px; + position: relative; + } } - .loginpage-left { - position: relative; - display: block; - flex: 1; - width: 100%; - height: 100%; - } - // Image and clipping mask - .loginpage-image { - height: 100%; - animation: makePointer 1s ease-out both; - background: left / cover no-repeat - linear-gradient(to right, rgba($brand-primary, 0.9) 0%, rgba($brand-primary, 0.6) 100%), - left / cover no-repeat url("./resources/work-do-more.jpeg"); - -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%); - clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%); - } + // Show only on wide screens + @media screen and (min-width: $screen-xl) { + .loginpage-left { + position: relative; + display: block; + flex: 1; + width: 100%; + height: 100%; + } + // Image and clipping mask + .loginpage-image { + height: 100%; + animation: makePointer 1s ease-out both; + background: left / cover no-repeat + linear-gradient(to right, rgba($brand-primary, 0.9) 0%, rgba($brand-primary, 0.6) 100%), + left / cover no-repeat url("./resources/work-do-more.jpeg"); + -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%); + clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%); + } - .loginpage-formwrapper { - width: 400px; + .loginpage-logo { + & > svg { + width: 150px; + } + } + + .loginpage-formwrapper { + width: 400px; + } } -} -// Animate image clipping mask -@keyframes makePointer { - 100% { - -webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%); - clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%); + // Animate image clipping mask + @keyframes makePointer { + 100% { + -webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%); + clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%); + } } -} -@-webkit-keyframes makePointer { - 100% { - -webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%); - clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%); + @-webkit-keyframes makePointer { + 100% { + -webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%); + clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%); + } } } diff --git a/themesource/atlas_core/web/core/base/_reset.scss b/themesource/atlas_core/web/core/base/_reset.scss deleted file mode 100644 index cd1f61e..0000000 --- a/themesource/atlas_core/web/core/base/_reset.scss +++ /dev/null @@ -1,40 +0,0 @@ -// -// DISCLAIMER: -// Do not change this file because it is core styling. -// Customizing core files will make updating Atlas much more difficult in the future. -// To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. -// - -// Basic styling Scroll container -// .mx-scrollcontainer { -// .mx-scrollcontainer-wrapper { -// padding: 0; -// // Convert width to max-width when in scroll container to make sure you dont get scrollbars -// .mx-layoutgrid-fixed { -// width: 100%; -// margin: auto; -// @media (min-width: $screen-md) { -// max-width: 750px; -// } -// @media (min-width: $screen-lg) { -// max-width: 970px; -// } -// @media (min-width: $screen-xl) { -// max-width: 1170px; -// } -// } -// } -// } - -.mx-scrollcontainer .mx-placeholder { - width: 100%; - height: 100%; - .mx-layoutgrid, - .mx-layoutgrid-fluid { - @include layout-spacing($type: padding, $direction: all, $device: responsive); - .mx-layoutgrid, - .mx-layoutgrid-fluid { - padding: 0; - } - } -} diff --git a/themesource/atlas_core/web/core/base/_spacing.scss b/themesource/atlas_core/web/core/base/_spacing.scss index ab2c663..a53fce2 100644 --- a/themesource/atlas_core/web/core/base/_spacing.scss +++ b/themesource/atlas_core/web/core/base/_spacing.scss @@ -9,441 +9,523 @@ Spacing classes ========================================================================== */ -$important-spacing-value: if($important-spacing, " !important", ""); - -// Spacing none -.spacing-inner-none { - padding: 0 #{$important-spacing-value}; -} - -.spacing-inner-top-none { - padding-top: 0 #{$important-spacing-value}; -} - -.spacing-inner-right-none { - padding-right: 0 #{$important-spacing-value}; -} - -.spacing-inner-bottom-none { - padding-bottom: 0 #{$important-spacing-value}; -} - -.spacing-inner-left-none { - padding-left: 0 #{$important-spacing-value}; -} - -.spacing-outer-none { - margin: 0 #{$important-spacing-value}; -} - -.spacing-outer-top-none { - margin-top: 0 #{$important-spacing-value}; -} - -.spacing-outer-right-none { - margin-right: 0 #{$important-spacing-value}; -} - -.spacing-outer-bottom-none { - margin-bottom: 0 #{$important-spacing-value}; -} - -.spacing-outer-left-none { - margin-left: 0 #{$important-spacing-value}; -} - -// Spacing small -.spacing-inner { - padding: $spacing-small #{$important-spacing-value}; -} - -.spacing-inner-top { - padding-top: $spacing-small #{$important-spacing-value}; -} - -.spacing-inner-right { - padding-right: $spacing-small #{$important-spacing-value}; -} - -.spacing-inner-bottom { - padding-bottom: $spacing-small #{$important-spacing-value}; -} - -.spacing-inner-left { - padding-left: $spacing-small #{$important-spacing-value}; -} - -.spacing-inner-vertical { - padding-top: $spacing-small #{$important-spacing-value}; - padding-bottom: $spacing-small #{$important-spacing-value}; -} - -.spacing-inner-horizontal { - padding-left: $spacing-small #{$important-spacing-value}; - padding-right: $spacing-small #{$important-spacing-value}; -} - -.spacing-outer { - margin: $spacing-small #{$important-spacing-value}; -} - -.spacing-outer-top { - margin-top: $spacing-small #{$important-spacing-value}; -} - -.spacing-outer-right { - margin-right: $spacing-small #{$important-spacing-value}; -} - -.spacing-outer-bottom { - margin-bottom: $spacing-small #{$important-spacing-value}; -} - -.spacing-outer-left { - margin-left: $spacing-small #{$important-spacing-value}; -} - -.spacing-outer-vertical { - margin-top: $spacing-small #{$important-spacing-value}; - margin-bottom: $spacing-small #{$important-spacing-value}; -} - -.spacing-outer-horizontal { - margin-left: $spacing-small #{$important-spacing-value}; - margin-right: $spacing-small #{$important-spacing-value}; -} - -// Spacing Medium -.spacing-inner-medium { - @include get-responsive-spacing-medium($type: padding, $direction: all, $is_important: #{$important-spacing-value}); -} - -.spacing-inner-top-medium { - @include get-responsive-spacing-medium($type: padding, $direction: top, $is_important: #{$important-spacing-value}); -} - -.spacing-inner-right-medium { - @include get-responsive-spacing-medium( - $type: padding, - $direction: right, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-inner-bottom-medium { - @include get-responsive-spacing-medium( - $type: padding, - $direction: bottom, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-inner-left-medium { - @include get-responsive-spacing-medium( - $type: padding, - $direction: left, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-inner-vertical-medium { - @include get-responsive-spacing-medium($type: padding, $direction: top, $is_important: #{$important-spacing-value}); - @include get-responsive-spacing-medium( - $type: padding, - $direction: bottom, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-inner-horizontal-medium { - @include get-responsive-spacing-medium( - $type: padding, - $direction: left, - $is_important: #{$important-spacing-value} - ); - @include get-responsive-spacing-medium( - $type: padding, - $direction: right, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-outer-medium { - @include get-responsive-spacing-medium($type: margin, $direction: all, $is_important: #{$important-spacing-value}); -} - -.spacing-outer-top-medium { - @include get-responsive-spacing-medium($type: margin, $direction: top, $is_important: #{$important-spacing-value}); -} - -.spacing-outer-right-medium { - @include get-responsive-spacing-medium( - $type: margin, - $direction: right, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-outer-bottom-medium { - @include get-responsive-spacing-medium( - $type: margin, - $direction: bottom, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-outer-left-medium { - @include get-responsive-spacing-medium($type: margin, $direction: left, $is_important: #{$important-spacing-value}); -} - -.spacing-outer-vertical-medium { - @include get-responsive-spacing-medium($type: margin, $direction: top, $is_important: #{$important-spacing-value}); - @include get-responsive-spacing-medium( - $type: margin, - $direction: bottom, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-outer-horizontal-medium { - @include get-responsive-spacing-medium($type: margin, $direction: left, $is_important: #{$important-spacing-value}); - @include get-responsive-spacing-medium( - $type: margin, - $direction: right, - $is_important: #{$important-spacing-value} - ); -} - -// Spacing Large -.spacing-inner-large { - @include get-responsive-spacing-large($type: padding, $direction: all, $is_important: #{$important-spacing-value}); -} - -.spacing-inner-top-large { - @include get-responsive-spacing-large($type: padding, $direction: top, $is_important: #{$important-spacing-value}); -} - -.spacing-inner-right-large { - @include get-responsive-spacing-large( - $type: padding, - $direction: right, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-inner-bottom-large { - @include get-responsive-spacing-large( - $type: padding, - $direction: bottom, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-inner-left-large { - @include get-responsive-spacing-large($type: padding, $direction: left, $is_important: #{$important-spacing-value}); -} - -.spacing-inner-vertical-large { - @include get-responsive-spacing-large($type: padding, $direction: top, $is_important: #{$important-spacing-value}); - @include get-responsive-spacing-large( - $type: padding, - $direction: bottom, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-inner-horizontal-large { - @include get-responsive-spacing-large($type: padding, $direction: left, $is_important: #{$important-spacing-value}); - @include get-responsive-spacing-large( - $type: padding, - $direction: right, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-outer-large { - @include get-responsive-spacing-large($type: margin, $direction: all, $is_important: #{$important-spacing-value}); -} - -.spacing-outer-top-large { - @include get-responsive-spacing-large($type: margin, $direction: top, $is_important: #{$important-spacing-value}); -} - -.spacing-outer-right-large { - @include get-responsive-spacing-large($type: margin, $direction: right, $is_important: #{$important-spacing-value}); -} - -.spacing-outer-bottom-large { - @include get-responsive-spacing-large( - $type: margin, - $direction: bottom, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-outer-left-large { - @include get-responsive-spacing-large($type: margin, $direction: left, $is_important: #{$important-spacing-value}); -} - -.spacing-outer-vertical-large { - @include get-responsive-spacing-large($type: margin, $direction: top, $is_important: #{$important-spacing-value}); - @include get-responsive-spacing-large( - $type: margin, - $direction: bottom, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-outer-horizontal-large { - @include get-responsive-spacing-large($type: margin, $direction: left, $is_important: #{$important-spacing-value}); - @include get-responsive-spacing-large($type: margin, $direction: right, $is_important: #{$important-spacing-value}); -} - -// Spacing layouts -.spacing-inner-layout { - @include layout-spacing( - $type: padding, - $direction: all, - $device: responsive, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-inner-top-layout { - @include layout-spacing( - $type: padding, - $direction: top, - $device: responsive, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-inner-right-layout { - @include layout-spacing( - $type: padding, - $direction: right, - $device: responsive, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-inner-bottom-layout { - @include layout-spacing( - $type: padding, - $direction: bottom, - $device: responsive, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-inner-left-layout { - @include layout-spacing( - $type: padding, - $direction: left, - $device: responsive, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-inner-vertical-layout { - @include layout-spacing( - $type: padding, - $direction: top, - $device: responsive, - $is_important: #{$important-spacing-value} - ); - @include layout-spacing( - $type: padding, - $direction: bottom, - $device: responsive, - $is_important: #{$important-spacing-value} - ); -} -.spacing-inner-horizontal-layout { - @include layout-spacing( - $type: padding, - $direction: left, - $device: responsive, - $is_important: #{$important-spacing-value} - ); - @include layout-spacing( - $type: padding, - $direction: right, - $device: responsive, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-outer-layout { - @include layout-spacing( - $type: margin, - $direction: all, - $device: responsive, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-outer-top-layout { - @include layout-spacing( - $type: margin, - $direction: top, - $device: responsive, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-outer-right-layout { - @include layout-spacing( - $type: margin, - $direction: right, - $device: responsive, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-outer-bottom-layout { - @include layout-spacing( - $type: margin, - $direction: bottom, - $device: responsive, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-outer-left-layout { - @include layout-spacing( - $type: margin, - $direction: left, - $device: responsive, - $is_important: #{$important-spacing-value} - ); -} - -.spacing-outer-vertical-layout { - @include layout-spacing( - $type: margin, - $direction: top, - $device: responsive, - $is_important: #{$important-spacing-value} - ); - @include layout-spacing( - $type: margin, - $direction: bottom, - $device: responsive, - $is_important: #{$important-spacing-value} - ); -} -.spacing-outer-horizontal-layout { - @include layout-spacing( - $type: margin, - $direction: left, - $device: responsive, - $is_important: #{$important-spacing-value} - ); - @include layout-spacing( - $type: margin, - $direction: right, - $device: responsive, - $is_important: #{$important-spacing-value} - ); +@mixin spacing() { + $important-spacing-value: if($important-spacing, " !important", ""); + + // Spacing none + .spacing-inner-none { + padding: 0 #{$important-spacing-value}; + } + + .spacing-inner-top-none { + padding-top: 0 #{$important-spacing-value}; + } + + .spacing-inner-right-none { + padding-right: 0 #{$important-spacing-value}; + } + + .spacing-inner-bottom-none { + padding-bottom: 0 #{$important-spacing-value}; + } + + .spacing-inner-left-none { + padding-left: 0 #{$important-spacing-value}; + } + + .spacing-outer-none { + margin: 0 #{$important-spacing-value}; + } + + .spacing-outer-top-none { + margin-top: 0 #{$important-spacing-value}; + } + + .spacing-outer-right-none { + margin-right: 0 #{$important-spacing-value}; + } + + .spacing-outer-bottom-none { + margin-bottom: 0 #{$important-spacing-value}; + } + + .spacing-outer-left-none { + margin-left: 0 #{$important-spacing-value}; + } + + // Spacing small + .spacing-inner { + padding: $spacing-small #{$important-spacing-value}; + } + + .spacing-inner-top { + padding-top: $spacing-small #{$important-spacing-value}; + } + + .spacing-inner-right { + padding-right: $spacing-small #{$important-spacing-value}; + } + + .spacing-inner-bottom { + padding-bottom: $spacing-small #{$important-spacing-value}; + } + + .spacing-inner-left { + padding-left: $spacing-small #{$important-spacing-value}; + } + + .spacing-inner-vertical { + padding-top: $spacing-small #{$important-spacing-value}; + padding-bottom: $spacing-small #{$important-spacing-value}; + } + + .spacing-inner-horizontal { + padding-left: $spacing-small #{$important-spacing-value}; + padding-right: $spacing-small #{$important-spacing-value}; + } + + .spacing-outer { + margin: $spacing-small #{$important-spacing-value}; + } + + .spacing-outer-top { + margin-top: $spacing-small #{$important-spacing-value}; + } + + .spacing-outer-right { + margin-right: $spacing-small #{$important-spacing-value}; + } + + .spacing-outer-bottom { + margin-bottom: $spacing-small #{$important-spacing-value}; + } + + .spacing-outer-left { + margin-left: $spacing-small #{$important-spacing-value}; + } + + .spacing-outer-vertical { + margin-top: $spacing-small #{$important-spacing-value}; + margin-bottom: $spacing-small #{$important-spacing-value}; + } + + .spacing-outer-horizontal { + margin-left: $spacing-small #{$important-spacing-value}; + margin-right: $spacing-small #{$important-spacing-value}; + } + + // Spacing Medium + .spacing-inner-medium { + @include get-responsive-spacing-medium( + $type: padding, + $direction: all, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-top-medium { + @include get-responsive-spacing-medium( + $type: padding, + $direction: top, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-right-medium { + @include get-responsive-spacing-medium( + $type: padding, + $direction: right, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-bottom-medium { + @include get-responsive-spacing-medium( + $type: padding, + $direction: bottom, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-left-medium { + @include get-responsive-spacing-medium( + $type: padding, + $direction: left, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-vertical-medium { + @include get-responsive-spacing-medium( + $type: padding, + $direction: top, + $is_important: #{$important-spacing-value} + ); + @include get-responsive-spacing-medium( + $type: padding, + $direction: bottom, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-horizontal-medium { + @include get-responsive-spacing-medium( + $type: padding, + $direction: left, + $is_important: #{$important-spacing-value} + ); + @include get-responsive-spacing-medium( + $type: padding, + $direction: right, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-medium { + @include get-responsive-spacing-medium( + $type: margin, + $direction: all, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-top-medium { + @include get-responsive-spacing-medium( + $type: margin, + $direction: top, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-right-medium { + @include get-responsive-spacing-medium( + $type: margin, + $direction: right, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-bottom-medium { + @include get-responsive-spacing-medium( + $type: margin, + $direction: bottom, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-left-medium { + @include get-responsive-spacing-medium( + $type: margin, + $direction: left, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-vertical-medium { + @include get-responsive-spacing-medium( + $type: margin, + $direction: top, + $is_important: #{$important-spacing-value} + ); + @include get-responsive-spacing-medium( + $type: margin, + $direction: bottom, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-horizontal-medium { + @include get-responsive-spacing-medium( + $type: margin, + $direction: left, + $is_important: #{$important-spacing-value} + ); + @include get-responsive-spacing-medium( + $type: margin, + $direction: right, + $is_important: #{$important-spacing-value} + ); + } + + // Spacing Large + .spacing-inner-large { + @include get-responsive-spacing-large( + $type: padding, + $direction: all, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-top-large { + @include get-responsive-spacing-large( + $type: padding, + $direction: top, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-right-large { + @include get-responsive-spacing-large( + $type: padding, + $direction: right, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-bottom-large { + @include get-responsive-spacing-large( + $type: padding, + $direction: bottom, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-left-large { + @include get-responsive-spacing-large( + $type: padding, + $direction: left, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-vertical-large { + @include get-responsive-spacing-large( + $type: padding, + $direction: top, + $is_important: #{$important-spacing-value} + ); + @include get-responsive-spacing-large( + $type: padding, + $direction: bottom, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-horizontal-large { + @include get-responsive-spacing-large( + $type: padding, + $direction: left, + $is_important: #{$important-spacing-value} + ); + @include get-responsive-spacing-large( + $type: padding, + $direction: right, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-large { + @include get-responsive-spacing-large( + $type: margin, + $direction: all, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-top-large { + @include get-responsive-spacing-large( + $type: margin, + $direction: top, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-right-large { + @include get-responsive-spacing-large( + $type: margin, + $direction: right, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-bottom-large { + @include get-responsive-spacing-large( + $type: margin, + $direction: bottom, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-left-large { + @include get-responsive-spacing-large( + $type: margin, + $direction: left, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-vertical-large { + @include get-responsive-spacing-large( + $type: margin, + $direction: top, + $is_important: #{$important-spacing-value} + ); + @include get-responsive-spacing-large( + $type: margin, + $direction: bottom, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-horizontal-large { + @include get-responsive-spacing-large( + $type: margin, + $direction: left, + $is_important: #{$important-spacing-value} + ); + @include get-responsive-spacing-large( + $type: margin, + $direction: right, + $is_important: #{$important-spacing-value} + ); + } + + // Spacing layouts + .spacing-inner-layout { + @include layout-spacing( + $type: padding, + $direction: all, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-top-layout { + @include layout-spacing( + $type: padding, + $direction: top, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-right-layout { + @include layout-spacing( + $type: padding, + $direction: right, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-bottom-layout { + @include layout-spacing( + $type: padding, + $direction: bottom, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-left-layout { + @include layout-spacing( + $type: padding, + $direction: left, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-inner-vertical-layout { + @include layout-spacing( + $type: padding, + $direction: top, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + @include layout-spacing( + $type: padding, + $direction: bottom, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } + .spacing-inner-horizontal-layout { + @include layout-spacing( + $type: padding, + $direction: left, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + @include layout-spacing( + $type: padding, + $direction: right, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-layout { + @include layout-spacing( + $type: margin, + $direction: all, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-top-layout { + @include layout-spacing( + $type: margin, + $direction: top, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-right-layout { + @include layout-spacing( + $type: margin, + $direction: right, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-bottom-layout { + @include layout-spacing( + $type: margin, + $direction: bottom, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-left-layout { + @include layout-spacing( + $type: margin, + $direction: left, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } + + .spacing-outer-vertical-layout { + @include layout-spacing( + $type: margin, + $direction: top, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + @include layout-spacing( + $type: margin, + $direction: bottom, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } + .spacing-outer-horizontal-layout { + @include layout-spacing( + $type: margin, + $direction: left, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + @include layout-spacing( + $type: margin, + $direction: right, + $device: responsive, + $is_important: #{$important-spacing-value} + ); + } } diff --git a/themesource/atlas_core/web/core/base/mixins/_animations.scss b/themesource/atlas_core/web/core/base/mixins/_animations.scss index 9a117e4..bb4afcd 100644 --- a/themesource/atlas_core/web/core/base/mixins/_animations.scss +++ b/themesource/atlas_core/web/core/base/mixins/_animations.scss @@ -10,37 +10,41 @@ $delay: 0s, $duration: 0.3s, $property: all, - $timing-fucntion: cubic-bezier(0.4, 0, 0.2, 1) + $timing-function: cubic-bezier(0.4, 0, 0.2, 1) ) { - transition: $property $duration $delay $timing-fucntion; - transform-style: $style; + @if not $exclude-animations { + transition: $property $duration $delay $timing-function; + transform-style: $style; + } } @mixin ripple($color: #000, $transparency: 10%, $scale: 10) { - position: relative; - overflow: hidden; - transform: translate3d(0, 0, 0); + @if not $exclude-animations { + position: relative; + overflow: hidden; + transform: translate3d(0, 0, 0); - &:after { - content: ""; - display: block; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - pointer-events: none; - background-image: radial-gradient(circle, $color $transparency, transparent $transparency); - background-repeat: no-repeat; - background-position: 50%; - transform: scale($scale, $scale); - opacity: 0; - transition: transform 0.5s, opacity 1s; - } + &:after { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + pointer-events: none; + background-image: radial-gradient(circle, $color $transparency, transparent $transparency); + background-repeat: no-repeat; + background-position: 50%; + transform: scale($scale, $scale); + opacity: 0; + transition: transform 0.5s, opacity 1s; + } - &:active:after { - transform: scale(0, 0); - opacity: 0.1; - transition: 0s; + &:active:after { + transform: scale(0, 0); + opacity: 0.1; + transition: 0s; + } } } diff --git a/themesource/atlas_core/web/core/base/mixins/_buttons.scss b/themesource/atlas_core/web/core/base/mixins/_buttons.scss index 3b59292..42a9079 100644 --- a/themesource/atlas_core/web/core/base/mixins/_buttons.scss +++ b/themesource/atlas_core/web/core/base/mixins/_buttons.scss @@ -6,43 +6,10 @@ // @mixin button-variant($color, $background, $border, $hover) { - color: $color; - border-color: $border; - background-color: $background; - - &:hover, - &:focus, - &:active, - &.active, - .open > &.dropdown-toggle { + @if not $exclude-button { color: $color; - border-color: $hover; - background-color: $hover; - } - &:active, - &.active, - .open > &.dropdown-toggle { - background-image: none; - } - &.disabled, - &[disabled], - &[aria-disabled], - fieldset[disabled] { - &, - &:hover, - &:focus, - &:active, - &.active { - border-color: $border; - background-color: $background; - } - } - // Button bordered - &.btn-bordered { - background-color: transparent; - @if $color != $btn-default-color { - color: $border; - } + border-color: $border; + background-color: $background; &:hover, &:focus, @@ -50,22 +17,57 @@ &.active, .open > &.dropdown-toggle { color: $color; - border-color: $border; - background-color: $border; + border-color: $hover; + background-color: $hover; } - } - // Button as link - &.btn-link { - text-decoration: none; - border-color: transparent; - background-color: transparent; - @if $color != $btn-default-color { - color: $background; + &:active, + &.active, + .open > &.dropdown-toggle { + background-image: none; + } + &.disabled, + &[disabled], + &[aria-disabled], + fieldset[disabled] { + &, + &:hover, + &:focus, + &:active, + &.active { + border-color: $border; + background-color: $background; + } + } + // Button bordered + &.btn-bordered { + background-color: transparent; + @if $color != $btn-default-color { + color: $border; + } + + &:hover, + &:focus, + &:active, + &.active, + .open > &.dropdown-toggle { + color: $color; + border-color: $border; + background-color: $border; + } } + // Button as link + &.btn-link { + text-decoration: none; + border-color: transparent; + background-color: transparent; + @if $color != $btn-default-color { + color: $background; + } - &:hover { - border-color: $btn-link-bg-hover; - background-color: $btn-link-bg-hover; + &:hover { + border-color: $btn-link-bg-hover; + background-color: $btn-link-bg-hover; + } } } } diff --git a/themesource/atlas_core/web/core/base/mixins/_groupbox.scss b/themesource/atlas_core/web/core/base/mixins/_groupbox.scss index 71581ec..ecc6e4c 100644 --- a/themesource/atlas_core/web/core/base/mixins/_groupbox.scss +++ b/themesource/atlas_core/web/core/base/mixins/_groupbox.scss @@ -6,12 +6,14 @@ // @mixin groupbox-variant($color, $background) { - > .mx-groupbox-header { - color: $color; - border-color: $background; - background: $background; - } - > .mx-groupbox-body { - border-color: $background; + @if not $exclude-group-box { + > .mx-groupbox-header { + color: $color; + border-color: $background; + background: $background; + } + > .mx-groupbox-body { + border-color: $background; + } } } diff --git a/themesource/atlas_core/web/core/base/mixins/_layout-spacing.scss b/themesource/atlas_core/web/core/base/mixins/_layout-spacing.scss index 70722f1..4287d92 100644 --- a/themesource/atlas_core/web/core/base/mixins/_layout-spacing.scss +++ b/themesource/atlas_core/web/core/base/mixins/_layout-spacing.scss @@ -6,85 +6,87 @@ // @mixin layout-spacing($type: padding, $direction: all, $device: responsive, $is_important: false) { - $suffix: ""; - @if $is_important != false { - $suffix: " !important"; - } - @if $device==responsive { - @if $direction==all { - @media (max-width: $screen-sm-max) { - #{$type}: #{$m-layout-spacing}#{$suffix}; + @if not $exclude-spacing { + $suffix: ""; + @if $is_important != false { + $suffix: " !important"; + } + @if $device==responsive { + @if $direction==all { + @media (max-width: $screen-sm-max) { + #{$type}: #{$m-layout-spacing}#{$suffix}; + } + @media (min-width: $screen-md) { + #{$type}: #{$t-layout-spacing}#{$suffix}; + } + @media (min-width: $screen-lg) { + #{$type}: #{$layout-spacing}#{$suffix}; + } + } @else if $direction==top { + @media (max-width: $screen-sm-max) { + #{$type}-top: #{$m-layout-spacing-top}#{$suffix}; + } + @media (min-width: $screen-md) { + #{$type}-top: #{$t-layout-spacing-top}#{$suffix}; + } + @media (min-width: $screen-lg) { + #{$type}-top: #{$layout-spacing-top}#{$suffix}; + } + } @else if $direction==right { + @media (max-width: $screen-sm-max) { + #{$type}-right: #{$m-layout-spacing-right}#{$suffix}; + } + @media (min-width: $screen-md) { + #{$type}-right: #{$t-layout-spacing-right}#{$suffix}; + } + @media (min-width: $screen-lg) { + #{$type}-right: #{$layout-spacing-right}#{$suffix}; + } + } @else if $direction==bottom { + @media (max-width: $screen-sm-max) { + #{$type}-bottom: #{$m-layout-spacing-bottom}#{$suffix}; + } + @media (min-width: $screen-md) { + #{$type}-bottom: #{$t-layout-spacing-bottom}#{$suffix}; + } + @media (min-width: $screen-lg) { + #{$type}-bottom: #{$layout-spacing-bottom}#{$suffix}; + } + } @else if $direction==left { + @media (max-width: $screen-sm-max) { + #{$type}-left: #{$m-layout-spacing-left}#{$suffix}; + } + @media (min-width: $screen-md) { + #{$type}-left: #{$t-layout-spacing-left}#{$suffix}; + } + @media (min-width: $screen-lg) { + #{$type}-left: #{$layout-spacing-left}#{$suffix}; + } } - @media (min-width: $screen-md) { + } @else if $device==tablet { + @if $direction==all { #{$type}: #{$t-layout-spacing}#{$suffix}; - } - @media (min-width: $screen-lg) { - #{$type}: #{$layout-spacing}#{$suffix}; - } - } @else if $direction==top { - @media (max-width: $screen-sm-max) { - #{$type}-top: #{$m-layout-spacing-top}#{$suffix}; - } - @media (min-width: $screen-md) { + } @else if $direction==top { #{$type}-top: #{$t-layout-spacing-top}#{$suffix}; - } - @media (min-width: $screen-lg) { - #{$type}-top: #{$layout-spacing-top}#{$suffix}; - } - } @else if $direction==right { - @media (max-width: $screen-sm-max) { - #{$type}-right: #{$m-layout-spacing-right}#{$suffix}; - } - @media (min-width: $screen-md) { + } @else if $direction==right { #{$type}-right: #{$t-layout-spacing-right}#{$suffix}; - } - @media (min-width: $screen-lg) { - #{$type}-right: #{$layout-spacing-right}#{$suffix}; - } - } @else if $direction==bottom { - @media (max-width: $screen-sm-max) { - #{$type}-bottom: #{$m-layout-spacing-bottom}#{$suffix}; - } - @media (min-width: $screen-md) { + } @else if $direction==bottom { #{$type}-bottom: #{$t-layout-spacing-bottom}#{$suffix}; - } - @media (min-width: $screen-lg) { - #{$type}-bottom: #{$layout-spacing-bottom}#{$suffix}; - } - } @else if $direction==left { - @media (max-width: $screen-sm-max) { - #{$type}-left: #{$m-layout-spacing-left}#{$suffix}; - } - @media (min-width: $screen-md) { + } @else if $direction==left { #{$type}-left: #{$t-layout-spacing-left}#{$suffix}; } - @media (min-width: $screen-lg) { - #{$type}-left: #{$layout-spacing-left}#{$suffix}; + } @else if $device==mobile { + @if $direction==all { + #{$type}: #{$m-layout-spacing}#{$suffix}; + } @else if $direction==top { + #{$type}-top: #{$m-layout-spacing-top}#{$suffix}; + } @else if $direction==right { + #{$type}-right: #{$m-layout-spacing-right}#{$suffix}; + } @else if $direction==bottom { + #{$type}-bottom: #{$m-layout-spacing-bottom}#{$suffix}; + } @else if $direction==left { + #{$type}-left: #{$m-layout-spacing-left}#{$suffix}; } } - } @else if $device==tablet { - @if $direction==all { - #{$type}: #{$t-layout-spacing}#{$suffix}; - } @else if $direction==top { - #{$type}-top: #{$t-layout-spacing-top}#{$suffix}; - } @else if $direction==right { - #{$type}-right: #{$t-layout-spacing-right}#{$suffix}; - } @else if $direction==bottom { - #{$type}-bottom: #{$t-layout-spacing-bottom}#{$suffix}; - } @else if $direction==left { - #{$type}-left: #{$t-layout-spacing-left}#{$suffix}; - } - } @else if $device==mobile { - @if $direction==all { - #{$type}: #{$m-layout-spacing}#{$suffix}; - } @else if $direction==top { - #{$type}-top: #{$m-layout-spacing-top}#{$suffix}; - } @else if $direction==right { - #{$type}-right: #{$m-layout-spacing-right}#{$suffix}; - } @else if $direction==bottom { - #{$type}-bottom: #{$m-layout-spacing-bottom}#{$suffix}; - } @else if $direction==left { - #{$type}-left: #{$m-layout-spacing-left}#{$suffix}; - } } } diff --git a/themesource/atlas_core/web/core/base/mixins/_spacing.scss b/themesource/atlas_core/web/core/base/mixins/_spacing.scss index ee365fa..939de64 100644 --- a/themesource/atlas_core/web/core/base/mixins/_spacing.scss +++ b/themesource/atlas_core/web/core/base/mixins/_spacing.scss @@ -6,61 +6,65 @@ // @mixin get-responsive-spacing-large($type: padding, $direction: all, $is_important: false) { - $suffix: ""; - $dash: "-"; // Otherwise it will be interpreted as a minus symbol. Needed for the Gonzales PE version: 3.4.7 compiler (used by the Webmodeler) + @if not $exclude-spacing { + $suffix: ""; + $dash: "-"; // Otherwise it will be interpreted as a minus symbol. Needed for the Gonzales PE version: 3.4.7 compiler (used by the Webmodeler) - @if $is_important != false { - $suffix: " !important"; - } - @if $direction==all { - @media (max-width: $screen-sm-max) { - #{$type}: #{$m-spacing-large}#{$suffix}; - } - @media (min-width: $screen-md) { - #{$type}: #{$t-spacing-large}#{$suffix}; - } - @media (min-width: $screen-lg) { - #{$type}: #{$spacing-large}#{$suffix}; - } - } @else { - @media (max-width: $screen-sm-max) { - #{$type}#{$dash}#{$direction}: #{$m-spacing-large}#{$suffix}; - } - @media (min-width: $screen-md) { - #{$type}#{$dash}#{$direction}: #{$t-spacing-large}#{$suffix}; + @if $is_important != false { + $suffix: " !important"; } - @media (min-width: $screen-lg) { - #{$type}#{$dash}#{$direction}: #{$spacing-large}#{$suffix}; + @if $direction==all { + @media (max-width: $screen-sm-max) { + #{$type}: #{$m-spacing-large}#{$suffix}; + } + @media (min-width: $screen-md) { + #{$type}: #{$t-spacing-large}#{$suffix}; + } + @media (min-width: $screen-lg) { + #{$type}: #{$spacing-large}#{$suffix}; + } + } @else { + @media (max-width: $screen-sm-max) { + #{$type}#{$dash}#{$direction}: #{$m-spacing-large}#{$suffix}; + } + @media (min-width: $screen-md) { + #{$type}#{$dash}#{$direction}: #{$t-spacing-large}#{$suffix}; + } + @media (min-width: $screen-lg) { + #{$type}#{$dash}#{$direction}: #{$spacing-large}#{$suffix}; + } } } } @mixin get-responsive-spacing-medium($type: padding, $direction: all, $is_important: false) { - $suffix: ""; - $dash: "-"; // Otherwise it will be interpreted as a minus symbol. Needed for the Gonzales PE version: 3.4.7 compiler (used by the Webmodeler) + @if not $exclude-spacing { + $suffix: ""; + $dash: "-"; // Otherwise it will be interpreted as a minus symbol. Needed for the Gonzales PE version: 3.4.7 compiler (used by the Webmodeler) - @if $is_important != false { - $suffix: " !important"; - } - @if $direction==all { - @media (max-width: $screen-sm-max) { - #{$type}: #{$m-spacing-medium}#{$suffix}; - } - @media (min-width: $screen-md) { - #{$type}: #{$t-spacing-medium}#{$suffix}; - } - @media (min-width: $screen-lg) { - #{$type}: #{$spacing-medium}#{$suffix}; - } - } @else { - @media (max-width: $screen-sm-max) { - #{$type}#{$dash}#{$direction}: #{$m-spacing-medium}#{$suffix}; - } - @media (min-width: $screen-md) { - #{$type}#{$dash}#{$direction}: #{$t-spacing-medium}#{$suffix}; + @if $is_important != false { + $suffix: " !important"; } - @media (min-width: $screen-lg) { - #{$type}#{$dash}#{$direction}: #{$spacing-medium}#{$suffix}; + @if $direction==all { + @media (max-width: $screen-sm-max) { + #{$type}: #{$m-spacing-medium}#{$suffix}; + } + @media (min-width: $screen-md) { + #{$type}: #{$t-spacing-medium}#{$suffix}; + } + @media (min-width: $screen-lg) { + #{$type}: #{$spacing-medium}#{$suffix}; + } + } @else { + @media (max-width: $screen-sm-max) { + #{$type}#{$dash}#{$direction}: #{$m-spacing-medium}#{$suffix}; + } + @media (min-width: $screen-md) { + #{$type}#{$dash}#{$direction}: #{$t-spacing-medium}#{$suffix}; + } + @media (min-width: $screen-lg) { + #{$type}#{$dash}#{$direction}: #{$spacing-medium}#{$suffix}; + } } } } diff --git a/themesource/atlas_core/web/core/helpers/_accordion.scss b/themesource/atlas_core/web/core/helpers/_accordion.scss new file mode 100644 index 0000000..c13ee7a --- /dev/null +++ b/themesource/atlas_core/web/core/helpers/_accordion.scss @@ -0,0 +1,151 @@ +// +// DISCLAIMER: +// Do not change this file because it is core styling. +// Customizing core files will make updating Atlas much more difficult in the future. +// To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. +// + +@mixin accordion-helpers() { + /* ========================================================================== + Accordion + + //== Design Properties + //## Helper classes to change the look and feel of the component + ========================================================================== */ + + .widget-accordion { + .widget-accordion-group { + &.widget-accordion-brand-primary { + @include get-accordion-group-styles( + $accordion-header-primary-bg, + $accordion-header-primary-bg-hover, + $accordion-header-primary-color, + $accordion-header-primary-color, + $accordion-primary-border-color + ); + } + + &.widget-accordion-brand-secondary { + @include get-accordion-group-styles( + $accordion-header-secondary-bg, + $accordion-header-secondary-bg-hover, + $accordion-header-secondary-color, + $accordion-header-secondary-color, + $accordion-secondary-border-color + ); + } + + &.widget-accordion-brand-success { + @include get-accordion-group-styles( + $accordion-header-success-bg, + $accordion-header-success-bg-hover, + $accordion-header-success-color, + $accordion-header-success-color, + $accordion-success-border-color + ); + } + + &.widget-accordion-brand-warning { + @include get-accordion-group-styles( + $accordion-header-warning-bg, + $accordion-header-warning-bg-hover, + $accordion-header-warning-color, + $accordion-header-warning-color, + $accordion-warning-border-color + ); + } + + &.widget-accordion-brand-danger { + @include get-accordion-group-styles( + $accordion-header-danger-bg, + $accordion-header-danger-bg-hover, + $accordion-header-danger-color, + $accordion-header-danger-color, + $accordion-danger-border-color + ); + } + } + + &.widget-accordion-preview { + .widget-accordion-group { + &.widget-accordion-brand-primary { + @include get-accordion-preview-group-styles($accordion-header-primary-color); + } + + &.widget-accordion-brand-secondary { + @include get-accordion-preview-group-styles($accordion-header-secondary-color); + } + + &.widget-accordion-brand-success { + @include get-accordion-preview-group-styles($accordion-header-success-color); + } + + &.widget-accordion-brand-warning { + @include get-accordion-preview-group-styles($accordion-header-warning-color); + } + + &.widget-accordion-brand-danger { + @include get-accordion-preview-group-styles($accordion-header-danger-color); + } + } + } + + &.widget-accordion-bordered-all { + > .widget-accordion-group { + &:first-child { + border-top-style: solid; + } + + border-right-style: solid; + border-left-style: solid; + } + } + + &.widget-accordion-bordered-horizontal { + > .widget-accordion-group { + &:first-child { + border-top-style: solid; + } + } + } + + &.widget-accordion-bordered-none { + > .widget-accordion-group { + border-bottom: none; + } + } + + &.widget-accordion-striped { + > .widget-accordion-group:not(:is(.widget-accordion-brand-primary, .widget-accordion-brand-secondary, .widget-accordion-brand-success, .widget-accordion-brand-warning, .widget-accordion-brand-danger)):nth-child(2n + + 1) { + > .widget-accordion-group-header > .widget-accordion-group-header-button { + background-color: $accordion-bg-striped; + + &.widget-accordion-group-header-button-clickable { + &:hover, + &:focus, + &:active { + background-color: $accordion-bg-striped-hover; + } + } + } + + > .widget-accordion-group-content { + background-color: $accordion-bg-striped; + } + } + } + + &.widget-accordion-compact { + > .widget-accordion-group { + > .widget-accordion-group-header > .widget-accordion-group-header-button { + padding: $spacing-smaller $spacing-small; + } + + > .widget-accordion-group-content { + padding: $spacing-smaller $spacing-small $spacing-medium $spacing-small; + } + } + } + } +} diff --git a/themesource/atlas_core/web/core/helpers/_button.scss b/themesource/atlas_core/web/core/helpers/_button.scss index d740a05..f8a6f31 100644 --- a/themesource/atlas_core/web/core/helpers/_button.scss +++ b/themesource/atlas_core/web/core/helpers/_button.scss @@ -80,7 +80,9 @@ // Icon buttons .btn-icon { & > img, - & > .glyphicon { + & > .glyphicon, + & > .mx-icon-lined, + & > .mx-icon-filled { margin: 0; } } @@ -91,7 +93,9 @@ align-items: center; & > img, - & > .glyphicon { + & > .glyphicon, + & > .mx-icon-lined, + & > .mx-icon-filled { top: 0; margin-left: 4px; } @@ -102,7 +106,9 @@ padding-left: 0; & > img, - & > .glyphicon { + & > .glyphicon, + & > .mx-icon-lined, + & > .mx-icon-filled { display: block; margin: 0 0 4px 0; } diff --git a/themesource/atlas_core/web/core/helpers/_group-box.scss b/themesource/atlas_core/web/core/helpers/_group-box.scss index 76bfbdf..889d28c 100644 --- a/themesource/atlas_core/web/core/helpers/_group-box.scss +++ b/themesource/atlas_core/web/core/helpers/_group-box.scss @@ -59,31 +59,6 @@ } } - // Header options - .groupbox-h1 > .mx-groupbox-header { - font-size: $font-size-h1; - } - - .groupbox-h2 > .mx-groupbox-header { - font-size: $font-size-h2; - } - - .groupbox-h3 > .mx-groupbox-header { - font-size: $font-size-h3; - } - - .groupbox-h4 > .mx-groupbox-header { - font-size: $font-size-h4; - } - - .groupbox-h5 > .mx-groupbox-header { - font-size: $font-size-h5; - } - - .groupbox-h6 > .mx-groupbox-header { - font-size: $font-size-h6; - } - // Callout Look and Feel .groupbox-callout { > .mx-groupbox-header, diff --git a/themesource/atlas_core/web/core/helpers/_helper-classes.scss b/themesource/atlas_core/web/core/helpers/_helper-classes.scss index 28b73e1..8d25034 100644 --- a/themesource/atlas_core/web/core/helpers/_helper-classes.scss +++ b/themesource/atlas_core/web/core/helpers/_helper-classes.scss @@ -166,18 +166,47 @@ justify-content: center #{$important-helpers-value}; } + .shadow-small { + box-shadow: $shadow-small $shadow-color; + margin-bottom: 5px; + border-width: 1px #{$important-helpers-value}; + border-style: solid; + border-color: $shadow-color-border; + } + .shadow-medium { + box-shadow: $shadow-medium $shadow-color; + margin-bottom: 15px; + border-width: 1px #{$important-helpers-value}; + border-style: solid; + border-color: $shadow-color-border; + } + + .shadow-large { + box-shadow: $shadow-large $shadow-color; + margin-bottom: 25px; + border-width: 1px #{$important-helpers-value}; + border-style: solid; + border-color: $shadow-color-border; + } + // Media @media (max-width: $screen-sm-max) { .hide-phone { display: none #{$important-helpers-value}; } } + .profile-phone .hide-phone { + display: none #{$important-helpers-value}; + } @media (min-width: $screen-md) and (max-width: $screen-md-max) { .hide-tablet { display: none #{$important-helpers-value}; } } + .profile-tablet .hide-tablet { + display: none #{$important-helpers-value}; + } @media (min-width: $screen-lg) { .hide-desktop { diff --git a/themesource/atlas_core/web/core/helpers/_image.scss b/themesource/atlas_core/web/core/helpers/_image.scss index cc2bbc1..701ec99 100644 --- a/themesource/atlas_core/web/core/helpers/_image.scss +++ b/themesource/atlas_core/web/core/helpers/_image.scss @@ -75,4 +75,31 @@ .img-scale-down img { object-fit: scale-down; } + + .img-contain.mx-image-background { + background-size: contain; + } + + .img-cover.mx-image-background { + background-size: cover; + } + + .img-auto.mx-image-background { + background-size: auto; + } + + .img-opacity-low img, + .img-opacity-low.mx-image-background { + opacity: 0.3; + } + + .img-opacity-medium img, + .img-opacity-medium.mx-image-background { + opacity: 0.5; + } + + .img-opacity-high img, + .img-opacity-high.mx-image-background { + opacity: 0.7; + } } diff --git a/themesource/atlas_core/web/core/helpers/_list-view.scss b/themesource/atlas_core/web/core/helpers/_list-view.scss index 9918f42..1fc5d5f 100644 --- a/themesource/atlas_core/web/core/helpers/_list-view.scss +++ b/themesource/atlas_core/web/core/helpers/_list-view.scss @@ -125,7 +125,7 @@ overflow: hidden; // For if it is not in a layout, to prevent scrollbars & > ul { display: flex; // normal a table - flex-wrap: wrap; + flex-wrap: wrap; margin-right: -1 * $gutter-size; margin-left: -1 * $gutter-size; diff --git a/themesource/atlas_core/web/core/helpers/_navigation-bar.scss b/themesource/atlas_core/web/core/helpers/_navigation-bar.scss index 71047bb..533bc87 100644 --- a/themesource/atlas_core/web/core/helpers/_navigation-bar.scss +++ b/themesource/atlas_core/web/core/helpers/_navigation-bar.scss @@ -52,7 +52,9 @@ } // Image - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { font-size: $navtopbar-glyph-size; } } @@ -80,14 +82,15 @@ border: 0; box-shadow: 0px 2px 2px rgba(194, 196, 201, 0.30354); & > li.mx-navbar-subitem a { - padding: $spacing-small; - color: $navtopbar-color; border-radius: $border-radius-default; - margin-bottom: $spacing-small; + color: $navtopbar-color; + font-size: $navtopbar-sub-font-size; line-height: 1.2; + margin: 0 0 $spacing-small; + padding: $spacing-small; &:hover, &:focus { - color: $navtopbar-color; + color: $navtopbar-color-hover; background-color: $navtopbar-sub-bg-hover; } } @@ -160,7 +163,9 @@ } // Image - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { font-size: $navsidebar-glyph-size; } } @@ -212,7 +217,9 @@ } .hide-icons.mx-navbar { - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { display: none; } } diff --git a/themesource/atlas_core/web/core/helpers/_navigation-tree.scss b/themesource/atlas_core/web/core/helpers/_navigation-tree.scss index cc32c56..9c01ff2 100644 --- a/themesource/atlas_core/web/core/helpers/_navigation-tree.scss +++ b/themesource/atlas_core/web/core/helpers/_navigation-tree.scss @@ -28,7 +28,9 @@ border-bottom-color: $navtopbar-color; } - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { font-size: $navtopbar-glyph-size; } } @@ -92,7 +94,9 @@ border-bottom-color: $navsidebar-color; } - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { font-size: $navsidebar-glyph-size; } } @@ -149,7 +153,9 @@ a { flex-direction: column; justify-content: center; - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { margin: 0 0 5px 0; } } @@ -166,7 +172,9 @@ } .hide-icons.mx-navigationtree { - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { display: none; } } diff --git a/themesource/atlas_core/web/core/helpers/_range-slider.scss b/themesource/atlas_core/web/core/helpers/_range-slider.scss index 34b338e..63bd758 100644 --- a/themesource/atlas_core/web/core/helpers/_range-slider.scss +++ b/themesource/atlas_core/web/core/helpers/_range-slider.scss @@ -5,6 +5,8 @@ // To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. // +@import "slider-color-variant"; + @mixin range-slider-helpers() { /* ========================================================================== Range Slider @@ -13,27 +15,19 @@ //## Helper classes to change the look and feel of the component ========================================================================== */ - .widget-range-slider-primary .rc-slider-track { - background-color: $brand-primary; - } - - .widget-range-slider-info .rc-slider-track { - background-color: $brand-info; - } - - .widget-range-slider-success .rc-slider-track { - background-color: $brand-success; + .widget-range-slider-primary { + @include slider-color-variant($brand-primary); } - .widget-range-slider-warning .rc-slider-track { - background-color: $brand-warning; + .widget-range-slider-success { + @include slider-color-variant($brand-success); } - .widget-range-slider-danger .rc-slider-track { - background-color: $brand-danger; + .widget-range-slider-warning { + @include slider-color-variant($brand-warning); } - .widget-range-slider-inverse .rc-slider-track { - background-color: $brand-inverse; + .widget-range-slider-danger { + @include slider-color-variant($brand-danger); } } diff --git a/themesource/atlas_core/web/core/helpers/_rating.scss b/themesource/atlas_core/web/core/helpers/_rating.scss index 3544a68..f15d2d8 100644 --- a/themesource/atlas_core/web/core/helpers/_rating.scss +++ b/themesource/atlas_core/web/core/helpers/_rating.scss @@ -36,4 +36,23 @@ .widget-star-rating-full-inverse { color: $brand-inverse; } + + .widget-rating { + &.widget-rating-small { + .rating-icon { + font-size: 16px; + } + .rating-image { + height: 16px; + } + } + &.widget-rating-large { + .rating-icon { + font-size: 32px; + } + .rating-image { + height: 32px; + } + } + } } diff --git a/themesource/atlas_core/web/core/helpers/_simple-menu-bar.scss b/themesource/atlas_core/web/core/helpers/_simple-menu-bar.scss index 90cd79f..ab46cbf 100644 --- a/themesource/atlas_core/web/core/helpers/_simple-menu-bar.scss +++ b/themesource/atlas_core/web/core/helpers/_simple-menu-bar.scss @@ -22,7 +22,9 @@ padding: $spacing-small $spacing-small $spacing-small/2; line-height: normal; font-size: $font-size-small; - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { display: block; margin: 0 0 $spacing-small/2 0; font-size: $font-size-large; @@ -38,7 +40,9 @@ } .hide-icons.mx-menubar { - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { display: none; } } diff --git a/themesource/atlas_core/web/core/helpers/_slider-color-variant.scss b/themesource/atlas_core/web/core/helpers/_slider-color-variant.scss new file mode 100644 index 0000000..ded6016 --- /dev/null +++ b/themesource/atlas_core/web/core/helpers/_slider-color-variant.scss @@ -0,0 +1,28 @@ +@mixin slider-color-variant($color) { + .rc-slider:not(.rc-slider-disabled) { + .rc-slider-track { + background-color: $color; + } + + .rc-slider-handle:focus { + border-color: $color; + box-shadow: 0 0 0 5px lighten($color, 25%); + outline: none; + } + + .rc-slider-handle-click-focused:focus { + border-color: lighten($color, 25%); + box-shadow: unset; + } + + .rc-slider-dot-active, + .rc-slider-handle:hover { + border-color: $color; + } + + .rc-slider-handle:active { + border-color: $color; + box-shadow: 0 0 5px $color; + } + } +} diff --git a/themesource/atlas_core/web/core/helpers/_slider.scss b/themesource/atlas_core/web/core/helpers/_slider.scss index 38a50dd..cc259d2 100644 --- a/themesource/atlas_core/web/core/helpers/_slider.scss +++ b/themesource/atlas_core/web/core/helpers/_slider.scss @@ -4,6 +4,7 @@ // Customizing core files will make updating Atlas much more difficult in the future. // To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. // +@import "slider-color-variant"; @mixin slider-helpers() { /* ========================================================================== @@ -13,27 +14,19 @@ //## Helper classes to change the look and feel of the component ========================================================================== */ - .widget-slider-primary .rc-slider-track { - background-color: $brand-primary; + .widget-slider-primary { + @include slider-color-variant($brand-primary); } - .widget-slider-info .rc-slider-track { - background-color: $brand-info; + .widget-slider-success { + @include slider-color-variant($brand-success); } - .widget-slider-success .rc-slider-track { - background-color: $brand-success; + .widget-slider-warning { + @include slider-color-variant($brand-warning); } - .widget-slider-warning .rc-slider-track { - background-color: $brand-warning; - } - - .widget-slider-danger .rc-slider-track { - background-color: $brand-danger; - } - - .widget-slider-inverse .rc-slider-track { - background-color: $brand-inverse; + .widget-slider-danger { + @include slider-color-variant($brand-danger); } } diff --git a/themesource/atlas_core/web/core/helpers/_tab-container.scss b/themesource/atlas_core/web/core/helpers/_tab-container.scss index f4c99f1..e4719d8 100644 --- a/themesource/atlas_core/web/core/helpers/_tab-container.scss +++ b/themesource/atlas_core/web/core/helpers/_tab-container.scss @@ -142,8 +142,8 @@ text-align: center; & > a { - width: ($spacing-medium * 2) + 1; - height: ($spacing-medium * 2) + 1; + width: calc((#{$spacing-medium} * 2) + 1px); + height: calc((#{$spacing-medium} * 2) + 1px); margin: auto; padding: 0; text-align: center; diff --git a/themesource/atlas_core/web/core/widgets/_accordion.scss b/themesource/atlas_core/web/core/widgets/_accordion.scss new file mode 100644 index 0000000..7941559 --- /dev/null +++ b/themesource/atlas_core/web/core/widgets/_accordion.scss @@ -0,0 +1,125 @@ +// +// DISCLAIMER: +// Do not change this file because it is core styling. +// Customizing core files will make updating Atlas much more difficult in the future. +// To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. +// + +@mixin accordion() { + /* ========================================================================== + Accordion + + Default Mendix accordion widget styles. + ========================================================================== */ + + .widget-accordion { + .widget-accordion-group { + @include get-accordion-group-styles( + $accordion-header-default-bg, + $accordion-header-default-bg-hover, + $accordion-header-default-color, + $brand-primary, + $accordion-default-border-color + ); + } + + &.widget-accordion-preview { + .widget-accordion-group { + @include get-accordion-preview-group-styles($accordion-header-default-color); + } + } + } +} + +@mixin get-accordion-group-styles($background-color, $background-color-hover, $color, $color-hover, $border-color) { + border-color: $border-color; + background-color: $bg-color-secondary; + + &:first-child { + border-top-left-radius: $border-radius-default; + border-top-right-radius: $border-radius-default; + + > .widget-accordion-group-header > .widget-accordion-group-header-button { + border-top-left-radius: calc(#{$border-radius-default} - 1px); + border-top-right-radius: calc(#{$border-radius-default} - 1px); + } + } + + &:last-child { + border-bottom-left-radius: $border-radius-default; + border-bottom-right-radius: $border-radius-default; + } + + &.widget-accordion-group-collapsed:last-child, + &.widget-accordion-group-collapsing:last-child { + > .widget-accordion-group-header > .widget-accordion-group-header-button { + border-bottom-left-radius: calc(#{$border-radius-default} - 1px); + border-bottom-right-radius: calc(#{$border-radius-default} - 1px); + } + } + + &.widget-accordion-group-collapsing:last-child { + > .widget-accordion-group-header > .widget-accordion-group-header-button { + transition: border-radius 5ms ease 200ms; + } + } + + &.widget-accordion-group-expanding:last-child { + > .widget-accordion-group-header > .widget-accordion-group-header-button { + transition: border-radius 5ms ease 80ms; + } + } + + > .widget-accordion-group-header > .widget-accordion-group-header-button { + cursor: auto; + background-color: $background-color; + padding: $spacing-medium; + + > :is(h1, h2, h3, h4, h5, h6) { + font-size: $font-size-h5; + font-weight: $font-weight-header; + } + + > :is(h1, h2, h3, h4, h5, h6, p, span) { + color: $color; + } + + .widget-accordion-group-header-button-icon { + fill: $color; + } + + &.widget-accordion-group-header-button-clickable { + &:hover, + &:focus, + &:active { + background-color: $background-color-hover; + + > :is(h1, h2, h3, h4, h5, h6, p, span) { + color: $color-hover; + } + + .widget-accordion-group-header-button-icon { + fill: $color-hover; + } + } + } + } + + > .widget-accordion-group-content-wrapper > .widget-accordion-group-content { + border-color: $border-color; + padding: $spacing-small $spacing-medium $spacing-large $spacing-medium; + } +} + +@mixin get-accordion-preview-group-styles($color) { + .widget-accordion-group-header-button { + > div > :is(h1, h2, h3, h4, h5, h6) { + font-size: $font-size-h5; + font-weight: $font-weight-header; + } + + > div > :is(h1, h2, h3, h4, h5, h6, p, span) { + color: $color; + } + } +} diff --git a/themesource/atlas_core/web/core/widgets/_badge.scss b/themesource/atlas_core/web/core/widgets/_badge.scss index 43779aa..0e1c997 100644 --- a/themesource/atlas_core/web/core/widgets/_badge.scss +++ b/themesource/atlas_core/web/core/widgets/_badge.scss @@ -47,12 +47,12 @@ .widget-badge.badge:empty { display: initial; /* Fix padding to stay round */ - padding: $spacing-smaller ($spacing-small + 2px); + padding: $spacing-smaller calc(#{$spacing-small} + 2px); } .widget-badge.label:empty { display: initial; /* Fix padding to stay square */ - padding: $spacing-smaller ($spacing-small + 2px); + padding: $spacing-smaller calc(#{$spacing-small} + 2px); } } diff --git a/themesource/atlas_core/web/core/widgets/_barcode-scanner.scss b/themesource/atlas_core/web/core/widgets/_barcode-scanner.scss new file mode 100644 index 0000000..d1b04dc --- /dev/null +++ b/themesource/atlas_core/web/core/widgets/_barcode-scanner.scss @@ -0,0 +1,65 @@ +// +// DISCLAIMER: +// Do not change this file because it is core styling. +// Customizing core files will make updating Atlas much more difficult in the future. +// To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. +// + +@mixin barcode-scanner() { + /* ========================================================================== + Barcode-scanner + + Override of default Bootstrap barcode-scanner style + ========================================================================== */ + + .mx-barcode-scanner { + background: #000000; + z-index: 110; + + .close-button { + color: white; + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { + font-size: 16px; + } + } + + .video-canvas { + .canvas-background { + background-color: rgba(0, 0, 0, 0.7); + } + + .canvas-middle { + .canvas-middle-middle { + $corner-offset: 13px; + .corner { + $corner-border: 5px solid #ffffff; + border-left: $corner-border; + border-top: $corner-border; + + &.corner-top-left { + top: -$corner-offset; + left: -$corner-offset; + } + &.corner-top-right { + top: -$corner-offset; + right: -$corner-offset; + transform: rotate(90deg); + } + &.corner-bottom-right { + bottom: -$corner-offset; + right: -$corner-offset; + transform: rotate(180deg); + } + &.corner-bottom-left { + bottom: -$corner-offset; + left: -$corner-offset; + transform: rotate(270deg); + } + } + } + } + } + } +} diff --git a/themesource/atlas_core/web/core/widgets/_button.scss b/themesource/atlas_core/web/core/widgets/_button.scss index fae3010..b1a642f 100644 --- a/themesource/atlas_core/web/core/widgets/_button.scss +++ b/themesource/atlas_core/web/core/widgets/_button.scss @@ -68,7 +68,9 @@ .link-back { color: $font-color-detail; - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { top: 2px; } } @@ -79,7 +81,7 @@ .mx-link { img { //height: auto; // MXUI override who set the height on 16px default - height: $font-size-default + 4px; + height: calc(#{$font-size-default} + 4px); margin-right: 4px; vertical-align: text-top; } diff --git a/themesource/atlas_core/web/core/widgets/_check-box.scss b/themesource/atlas_core/web/core/widgets/_check-box.scss index 6d2f89e..3a67fda 100644 --- a/themesource/atlas_core/web/core/widgets/_check-box.scss +++ b/themesource/atlas_core/web/core/widgets/_check-box.scss @@ -33,6 +33,7 @@ appearance: none; -moz-appearance: none; -webkit-appearance: none; + transform: translateZ(0); &:before, &:after { diff --git a/themesource/atlas_core/web/core/widgets/_data-view.scss b/themesource/atlas_core/web/core/widgets/_data-view.scss index 7404814..413ad5b 100644 --- a/themesource/atlas_core/web/core/widgets/_data-view.scss +++ b/themesource/atlas_core/web/core/widgets/_data-view.scss @@ -13,11 +13,16 @@ ========================================================================== */ .mx-dataview { - /* Dataview-content gives problems for nexted layout grid containers */ - > .mx-dataview-content > .mx-container-nested { - > .row { - margin-right: 0; - margin-left: 0; + display: flex; + flex-direction: column; + /* Dataview-content gives problems for nested layout grid containers */ + > .mx-dataview-content { + flex-grow: 1; + > .mx-container-nested { + > .row { + margin-right: 0; + margin-left: 0; + } } } @@ -29,7 +34,6 @@ } .mx-dataview-controls { - margin-top: $spacing-medium; padding: $spacing-medium 0 0; border-top: 1px solid $dataview-controls-border-color; border-radius: 0; @@ -44,6 +48,13 @@ } } + /* Fix for Dojo rendering in react client */ + [id^="mxui_widget_Wrapper"]:has(> .mx-button) { + .mx-button { + margin-right: $spacing-small; + } + } + background-color: inherit; } } diff --git a/themesource/atlas_core/web/core/widgets/_group-box.scss b/themesource/atlas_core/web/core/widgets/_group-box.scss index 2d8be87..a80e4e0 100644 --- a/themesource/atlas_core/web/core/widgets/_group-box.scss +++ b/themesource/atlas_core/web/core/widgets/_group-box.scss @@ -31,6 +31,31 @@ } } + // Header options + > h1.mx-groupbox-header { + font-size: $font-size-h1; + } + + > h2.mx-groupbox-header { + font-size: $font-size-h2; + } + + > h3.mx-groupbox-header { + font-size: $font-size-h3; + } + + > h4.mx-groupbox-header { + font-size: $font-size-h4; + } + + > h5.mx-groupbox-header { + font-size: $font-size-h5; + } + + > h6.mx-groupbox-header { + font-size: $font-size-h6; + } + > .mx-groupbox-body { padding: $spacing-small * 1.5 $spacing-medium; border-width: 1px; diff --git a/themesource/atlas_core/web/core/widgets/_header.scss b/themesource/atlas_core/web/core/widgets/_header.scss index 07e2f2a..4ebcdfb 100644 --- a/themesource/atlas_core/web/core/widgets/_header.scss +++ b/themesource/atlas_core/web/core/widgets/_header.scss @@ -83,7 +83,9 @@ transition: all 0.2s; text-decoration: none; - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { top: 0; font-size: 23px; } diff --git a/themesource/atlas_core/web/core/widgets/_input.scss b/themesource/atlas_core/web/core/widgets/_input.scss index f18bf50..77b8223 100644 --- a/themesource/atlas_core/web/core/widgets/_input.scss +++ b/themesource/atlas_core/web/core/widgets/_input.scss @@ -38,11 +38,14 @@ } } - .form-control:not([readonly]):focus { - border-color: $form-input-border-focus-color; - outline: 0; - background-color: $form-input-bg-focus; - box-shadow: none; + .form-control:not([readonly]) { + &:focus, + &:focus-within { + border-color: $form-input-border-focus-color; + outline: 0; + background-color: $form-input-bg-focus; + box-shadow: none; + } } .form-control[disabled], @@ -86,7 +89,7 @@ // Dropdown input widget select.form-control { - $arrow: "data:image/svg+xml;utf8,"; + $arrow: "resources/arrow.svg"; padding-right: 30px; background-image: url($arrow); background-repeat: no-repeat; @@ -171,7 +174,6 @@ .control-label { overflow: hidden; margin-bottom: 4px; - text-align: left; text-overflow: ellipsis; color: $form-label-color; font-size: $form-label-size; diff --git a/themesource/atlas_core/web/core/widgets/_modal.scss b/themesource/atlas_core/web/core/widgets/_modal.scss index 6130c36..c7fa986 100644 --- a/themesource/atlas_core/web/core/widgets/_modal.scss +++ b/themesource/atlas_core/web/core/widgets/_modal.scss @@ -36,6 +36,10 @@ /* For IE8 and earlier */ color: $modal-header-color; text-shadow: none; + &:focus-visible { + border-radius: 4px; + outline: 2px solid $brand-primary; + } } } diff --git a/themesource/atlas_core/web/core/widgets/_navigation-bar.scss b/themesource/atlas_core/web/core/widgets/_navigation-bar.scss index fbf84d3..ea9656e 100644 --- a/themesource/atlas_core/web/core/widgets/_navigation-bar.scss +++ b/themesource/atlas_core/web/core/widgets/_navigation-bar.scss @@ -77,7 +77,9 @@ margin-right: 0.5em; } - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { top: 0; margin-right: 0.5em; vertical-align: middle; diff --git a/themesource/atlas_core/web/core/widgets/_navigation-tree.scss b/themesource/atlas_core/web/core/widgets/_navigation-tree.scss index 5eb54dc..e48fe1c 100644 --- a/themesource/atlas_core/web/core/widgets/_navigation-tree.scss +++ b/themesource/atlas_core/web/core/widgets/_navigation-tree.scss @@ -47,7 +47,9 @@ margin-right: 0.5em; } - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { top: 0; margin-right: 0.5em; vertical-align: middle; @@ -97,7 +99,9 @@ text-shadow: none; font-size: $navigation-sub-font-size; font-weight: $font-weight-normal; - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { margin-right: $spacing-small; } diff --git a/themesource/atlas_core/web/core/widgets/_pop-up-menu.scss b/themesource/atlas_core/web/core/widgets/_pop-up-menu.scss index c042877..30f2111 100644 --- a/themesource/atlas_core/web/core/widgets/_pop-up-menu.scss +++ b/themesource/atlas_core/web/core/widgets/_pop-up-menu.scss @@ -14,9 +14,11 @@ .popupmenu { position: relative; display: inline-flex; + overflow: visible; } .popupmenu-trigger { + position: relative; cursor: pointer; } @@ -30,24 +32,24 @@ background-color: $bg-color; box-shadow: 0 2px 20px 1px rgba(5, 15, 129, 0.05), 0 2px 16px 0 rgba(33, 43, 54, 0.08); - &.popupmenu-position-left { + &.popupmenu-position-left:not(.popup-portal) { top: 0; left: 0; transform: translateX(-100%); } - &.popupmenu-position-right { + &.popupmenu-position-right:not(.popup-portal) { top: 0; right: 0; transform: translateX(100%); } - &.popupmenu-position-top { + &.popupmenu-position-top:not(.popup-portal) { top: 0; transform: translateY(-100%); } - &.popupmenu-position-bottom { + &.popupmenu-position-bottom:not(.popup-portal) { bottom: 0; transform: translateY(100%); } @@ -65,6 +67,17 @@ } } + ul.popupmenu-menu { + display: flex; + list-style-type: none; + padding-inline-start: 0; + z-index: 1; + } + + .table .td > .popupmenu { + overflow: visible; + } + .popupmenu-basic-divider { width: 100%; height: 1px; diff --git a/themesource/atlas_core/web/core/widgets/_range-slider.scss b/themesource/atlas_core/web/core/widgets/_range-slider.scss index ee482d5..4cb59d4 100644 --- a/themesource/atlas_core/web/core/widgets/_range-slider.scss +++ b/themesource/atlas_core/web/core/widgets/_range-slider.scss @@ -4,6 +4,7 @@ // Customizing core files will make updating Atlas much more difficult in the future. // To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. // +@import "../helpers/slider-color-variant"; @mixin range-slider() { /* ========================================================================== @@ -14,108 +15,16 @@ .widget-range-slider { margin-bottom: 16px; - padding: 4px 12px; + padding: 5px 10px; - .rc-slider-handle, - .rc-slider-dot-active { - border-color: #dddddd; - } - - .rc-slider.rc-slider-disabled { - background-color: transparent; + .rc-slider-handle { + border-color: $brand-default; } .rc-slider.rc-slider-with-marks { padding-bottom: 25px; } - &.has-error { - .rc-slider-track, - .rc-slider-rail { - background-color: $brand-danger; - } - } - } - - .rc-slider { - position: relative; - box-sizing: border-box; - width: 100%; - height: 14px; - padding: 4px 0; - border-radius: 6px; - touch-action: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - } - - .rc-slider-rail { - position: absolute; - width: 100%; - height: 4px; - border-radius: 6px; - background-color: #e9e9e9; - } - - .rc-slider-track { - position: absolute; - left: 0; - height: 4px; - border-radius: 6px; - } - - .rc-slider-step { - position: absolute; - width: 100%; - height: 4px; - background: transparent; - } - - .rc-slider-handle, - .rc-slider-dot-active { - position: absolute; - width: 14px; - height: 14px; - margin-top: -5px; - margin-left: -7px; - cursor: grab; - border: 2px solid $brand-default; - border-radius: 50%; - background-color: #ffffff; - touch-action: pan-x; - - &:focus { - border-color: #57c5f7; - outline: none; - box-shadow: 0 0 0 5px #96dbfa; - } - - &:active { - border-color: $brand-default; - box-shadow: none; - } - - &:hover { - border-color: $brand-default; - } - } - - .rc-slider-mark { - position: absolute; - top: 18px; - left: 0; - width: 100%; - font-size: 12px; - } - - .rc-slider-disabled .rc-slider-handle, - .rc-slider-disabled .rc-slider-dot { - cursor: not-allowed; - border-color: #cccccc; - background-color: #ffffff; - box-shadow: none; - } - - .rc-slider-tooltip { - z-index: 999; + @include slider-color-variant($brand-primary); } } diff --git a/themesource/atlas_core/web/core/widgets/_rating.scss b/themesource/atlas_core/web/core/widgets/_rating.scss index 1bb5b45..14c65be 100644 --- a/themesource/atlas_core/web/core/widgets/_rating.scss +++ b/themesource/atlas_core/web/core/widgets/_rating.scss @@ -27,4 +27,34 @@ .widget-star-rating-font-medium { font-size: 30px; } + + .widget-rating { + .rating-icon { + font-size: 24px; + } + + .rating-icon-empty { + color: #ccc; + } + + .rating-icon-full { + color: #ffa611; + } + + .rating-item { + &:focus:not(:focus-visible) { + .rating-image, + .rating-icon { + outline: none; + } + } + + &:focus-visible { + .rating-image, + .rating-icon { + outline: 1px solid $brand-primary; + } + } + } + } } diff --git a/themesource/atlas_core/web/core/widgets/_scroll-container-dojo.scss b/themesource/atlas_core/web/core/widgets/_scroll-container-dojo.scss new file mode 100644 index 0000000..75c165a --- /dev/null +++ b/themesource/atlas_core/web/core/widgets/_scroll-container-dojo.scss @@ -0,0 +1,83 @@ +// +// DISCLAIMER: +// Do not change this file because it is core styling. +// Customizing core files will make updating Atlas much more difficult in the future. +// To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. +// + +@mixin scroll-container-dojo() { + /* ========================================================================== + Scroll Container + + Default Mendix Scroll Container Widget. + ========================================================================== */ + .mx-scrollcontainer-wrapper:not(.mx-scrollcontainer-nested) { + -webkit-overflow-scrolling: touch; + } + + .mx-scrollcontainer-horizontal { + width: 100%; + display: table; + table-layout: fixed; + } + .mx-scrollcontainer-horizontal > div { + display: table-cell; + vertical-align: top; + } + + .mx-scrollcontainer-nested { + padding: 0; + } + .mx-scrollcontainer-fixed > .mx-scrollcontainer-middle > .mx-scrollcontainer-wrapper, + .mx-scrollcontainer-fixed > .mx-scrollcontainer-left > .mx-scrollcontainer-wrapper, + .mx-scrollcontainer-fixed > .mx-scrollcontainer-center > .mx-scrollcontainer-wrapper, + .mx-scrollcontainer-fixed > .mx-scrollcontainer-right > .mx-scrollcontainer-wrapper { + overflow: auto; + } + + .mx-scrollcontainer-move-in { + transition: left 250ms ease-out; + } + .mx-scrollcontainer-move-out { + transition: left 250ms ease-in; + } + .mx-scrollcontainer-shrink .mx-scrollcontainer-toggleable { + transition-property: width; + } + + .mx-scrollcontainer-toggleable { + background-color: #fff; + } + + .mx-scrollcontainer-push { + position: relative; + } + .mx-scrollcontainer-shrink > .mx-scrollcontainer-toggleable { + overflow: hidden; + } + .mx-scrollcontainer-push.mx-scrollcontainer-open > div, + .mx-scrollcontainer-slide.mx-scrollcontainer-open > div { + pointer-events: none; + } + .mx-scrollcontainer-push.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable, + .mx-scrollcontainer-slide.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable { + pointer-events: auto; + } + + // Scroll container spacing + // NOTE: .mx-placeholder is removed in modern client for the good, this rule is going to be ignored. + .mx-scrollcontainer .mx-placeholder { + width: 100%; + height: 100%; + + .mx-layoutgrid, + .mx-layoutgrid-fluid { + @include layout-spacing($type: padding, $direction: all, $device: responsive); + + .mx-layoutgrid, + .mx-layoutgrid-fluid { + padding: 0; + } + } + } +} diff --git a/themesource/atlas_core/web/core/widgets/_scroll-container-react.scss b/themesource/atlas_core/web/core/widgets/_scroll-container-react.scss new file mode 100644 index 0000000..398ceaf --- /dev/null +++ b/themesource/atlas_core/web/core/widgets/_scroll-container-react.scss @@ -0,0 +1,241 @@ +// +// DISCLAIMER: +// Do not change this file because it is core styling. +// Customizing core files will make updating Atlas much more difficult in the future. +// To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. +// + +@mixin scroll-container-react() { + // CSS VARIABLES + // + // ========================================= + // === --closed-sidebar-width + // Expected on: scroll container top level or higher. + // This variable is set from layout/_layout-atlas-*.scss files. + // + // It defines half-visible sidebar even if it is closed. + // This is used by Atlas default layouts to have navigation icons + // visible while texts are "closed". + // + // ========================================= + // === --sidebar-size + // Expected on: scroll container regions (top, right, bottom, left), on every region individually. + // This variable is set from inline styling provided by react components themselves for every region. + // + // If defines sizing of the side regions + // For top and bottom bars it defines their height + // For left and right regions it defines their width + // it should be always set, regardless of the region is toggleable or not + // For toggleable regions it defines the width of a fully open region + // + // ========================================= + // === --toggleable-sidebar-width + // Expected on: scroll container top level. + // This variable is set from inline styling provided by react components on scroll container top level. + // + // This variable is a copy of --sidebar-size of a toggleable region (there could be only one toggleable). + // This is a duplication because we need to be able to use that value in calculation on + // other levels of scroll container while --sidebar-size is available on the region level and not higher + + $sidebar-animation-duration: 250ms; + + .mx-page { + display: flex; + flex-direction: column; + } + + .mx-scrollcontainer { + flex-shrink: 0; + flex-grow: 1; + flex-basis: 0; + + &:not(.mx-scrollcontainer-fixed) { + // Make scroll container use full width and grow outside of it's parent + // this makes it fully scrollable without individual regions having scroll containers + min-height: auto; + } + + &.mx-scrollcontainer-fixed { + // Make scroll container scrollable per region + // For this we fix height to stay withing the size of the parent, + // so that regions of the scroll container can't stretch the scroll container + // even if they are higher than the screen + max-height: 100%; + min-height: 100%; + } + } + + .mx-scrollcontainer-horizontal { + display: flex; + flex-direction: row; + } + + .mx-scrollcontainer-vertical { + display: flex; + flex-direction: column; + } + + .mx-scrollcontainer-fixed { + // for scroll per region, regions should overflow if they have long content + .mx-scrollcontainer-left, + .mx-scrollcontainer-right, + .mx-scrollcontainer-center, + .mx-scrollcontainer-middle { + overflow: auto; + } + } + + // left and right regions should maintain fixed size, no shrinking or expanding + .mx-scrollcontainer-left, + .mx-scrollcontainer-right, + .mx-scrollcontainer-top, + .mx-scrollcontainer-bottom { + flex-grow: 0; + flex-shrink: 0; + } + // center region should fill available space + .mx-scrollcontainer-middle, + .mx-scrollcontainer-center { + flex-grow: 1; + } + + // if there is a nested scroll container we always want + // outer scroll container to stay withing available height + // and don't allow inner scroll container to grow + .mx-scrollcontainer-nested { + height: 100%; + padding: 0; + } + + // SIDEBAR TOGGLE STYLES + + // If sidebar is not toggleable, simple width + .mx-scrollcontainer-right:not(.mx-scrollcontainer-toggleable), + .mx-scrollcontainer-left:not(.mx-scrollcontainer-toggleable), + .mx-scrollcontainer-top:not(.mx-scrollcontainer-toggleable), + .mx-scrollcontainer-bottom:not(.mx-scrollcontainer-toggleable) { + flex-basis: var(--sidebar-size); + flex-grow: 0; + flex-shrink: 0; + } + + // Animate transitions for toggleable sidebars + .mx-scrollcontainer-left.mx-scrollcontainer-toggleable, + .mx-scrollcontainer-right.mx-scrollcontainer-toggleable { + transition: flex-basis $sidebar-animation-duration ease-in, margin-right $sidebar-animation-duration ease-in, + margin-left $sidebar-animation-duration ease-in; + z-index: 1; + } + + // For closed sidebar - stick out + .mx-scrollcontainer-shrink:not(.mx-scrollcontainer-open) > .mx-scrollcontainer-toggleable, + .mx-scrollcontainer-push:not(.mx-scrollcontainer-open) > .mx-scrollcontainer-toggleable, + .mx-scrollcontainer-slide:not(.mx-scrollcontainer-open) > .mx-scrollcontainer-toggleable { + flex-basis: var(--closed-sidebar-width, 0px); + overflow: hidden; + } + + // For open sidebar - full width + .mx-scrollcontainer-shrink.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable, + .mx-scrollcontainer-push.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable, + .mx-scrollcontainer-slide.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable { + flex-basis: var(--sidebar-size); + } + + // Slide over content and push specific settings, left + .mx-scrollcontainer-slide.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable.mx-scrollcontainer-left, + .mx-scrollcontainer-push.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable.mx-scrollcontainer-left { + // if open add negative right margin, so content goes under it + margin-right: calc(var(--closed-sidebar-width, 0px) - var(--sidebar-size)); + } + .mx-scrollcontainer-slide:not(.mx-scrollcontainer-open) > .mx-scrollcontainer-toggleable.mx-scrollcontainer-left, + .mx-scrollcontainer-push:not(.mx-scrollcontainer-open) > .mx-scrollcontainer-toggleable.mx-scrollcontainer-left { + // if closed, put margin back + margin-right: 0; + } + + // Slide over content and push specific settings, right + .mx-scrollcontainer-slide.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable.mx-scrollcontainer-right, + .mx-scrollcontainer-push.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable.mx-scrollcontainer-right { + // if open add negative left margin, so content goes under it + margin-left: calc(var(--closed-sidebar-width, 0px) - var(--sidebar-size)); + } + .mx-scrollcontainer-slide:not(.mx-scrollcontainer-open) > .mx-scrollcontainer-toggleable.mx-scrollcontainer-right, + .mx-scrollcontainer-push:not(.mx-scrollcontainer-open) > .mx-scrollcontainer-toggleable.mx-scrollcontainer-right { + // if closed, put margin back + margin-left: 0; + } + + // Push content aside animation + .mx-scrollcontainer-push > :not(.mx-scrollcontainer-toggleable) { + transition: transform $sidebar-animation-duration ease-in; + } + + .mx-scrollcontainer-push.mx-scrollcontainer-open > :not(.mx-scrollcontainer-toggleable) { + // push not toggleable region to the side, so it looks like the content is pushed aside + transform: translateX(var(--toggleable-sidebar-width)) translateX(calc(0px - var(--closed-sidebar-width, 0px))); + } + + .mx-scrollcontainer-push.mx-scrollcontainer-open.has-right-sidebar-toggle > :not(.mx-scrollcontainer-toggleable), + .mx-scrollcontainer-push.mx-scrollcontainer-open:has(.mx-scrollcontainer-right.mx-scrollcontainer-toggleable) + > :not(.mx-scrollcontainer-toggleable) { + // push not toggleable region to the side, so it looks like the content is pushed aside + transform: translateX(calc(0px - var(--toggleable-sidebar-width))) translateX(var(--closed-sidebar-width, 0px)); + } + + .mx-scrollcontainer-push { + // in order to prevent sidebars when content is pushed aside, disable horizontal scroll + overflow-x: clip; + } + + .mx-scrollcontainer-wrapper { + &:not(.mx-scrollcontainer-nested) { + -webkit-overflow-scrolling: touch; + } + } + + // for push aside and slide over the main part should be non-interactive if sidebar is open + .mx-scrollcontainer-push.mx-scrollcontainer-open > div, + .mx-scrollcontainer-slide.mx-scrollcontainer-open > div { + pointer-events: none; + } + .mx-scrollcontainer-push.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable, + .mx-scrollcontainer-slide.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable { + pointer-events: auto; + } + + .mx-scrollcontainer-center { + .mx-layoutgrid, + .mx-layoutgrid-fluid { + @include layout-spacing($type: padding, $direction: all, $device: responsive); + + .mx-layoutgrid, + .mx-layoutgrid-fluid { + padding: 0; + } + } + } + + + // make the first child of the MAIN part of the scroll container to grow full height + .region-content { + display: flex; + flex-direction: column; + + & > .mx-scrollcontainer-wrapper{ + flex-grow: 1; + display: flex; + flex-direction: column; + + & > .mx-placeholder{ + flex-grow: 1; + display: flex; + flex-direction: column; + + & > *:only-child{ + flex-grow: 1; + } + } + } + } +} diff --git a/themesource/atlas_core/web/core/widgets/_scroll-container.scss b/themesource/atlas_core/web/core/widgets/_scroll-container.scss new file mode 100644 index 0000000..2a3d030 --- /dev/null +++ b/themesource/atlas_core/web/core/widgets/_scroll-container.scss @@ -0,0 +1,83 @@ +// +// DISCLAIMER: +// Do not change this file because it is core styling. +// Customizing core files will make updating Atlas much more difficult in the future. +// To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. +// + +@mixin scroll-container() { + /* ========================================================================== + Scroll Container + + Default Mendix Scroll Container Widget. + ========================================================================== */ + .mx-scrollcontainer-wrapper:not(.mx-scrollcontainer-nested) { + -webkit-overflow-scrolling: touch; + } + + .mx-scrollcontainer-horizontal { + width: 100%; + display: table; + table-layout: fixed; + } + .mx-scrollcontainer-horizontal > div { + display: table-cell; + vertical-align: top; + } + + .mx-scrollcontainer-nested { + padding: 0; + } + .mx-scrollcontainer-fixed > .mx-scrollcontainer-middle > .mx-scrollcontainer-wrapper, + .mx-scrollcontainer-fixed > .mx-scrollcontainer-left > .mx-scrollcontainer-wrapper, + .mx-scrollcontainer-fixed > .mx-scrollcontainer-center > .mx-scrollcontainer-wrapper, + .mx-scrollcontainer-fixed > .mx-scrollcontainer-right > .mx-scrollcontainer-wrapper { + overflow: auto; + } + + .mx-scrollcontainer-move-in { + transition: left 250ms ease-out; + } + .mx-scrollcontainer-move-out { + transition: left 250ms ease-in; + } + .mx-scrollcontainer-shrink .mx-scrollcontainer-toggleable { + transition-property: width; + } + + .mx-scrollcontainer-toggleable { + background-color: #fff; + } + + .mx-scrollcontainer-push { + position: relative; + } + .mx-scrollcontainer-shrink > .mx-scrollcontainer-toggleable { + overflow: hidden; + } + .mx-scrollcontainer-push.mx-scrollcontainer-open > div, + .mx-scrollcontainer-slide.mx-scrollcontainer-open > div { + pointer-events: none; + } + .mx-scrollcontainer-push.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable, + .mx-scrollcontainer-slide.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable { + pointer-events: auto; + } + + // Scroll container spacing + // NOTE: .mx-placeholder is removed in modern client for the good, this rule is going to be ignored. + .mx-scrollcontainer .mx-placeholder { + width: 100%; + height: 100%; + + .mx-layoutgrid, + .mx-layoutgrid-fluid { + @include layout-spacing($type: padding, $direction: all, $device: responsive); + + .mx-layoutgrid, + .mx-layoutgrid-fluid { + padding: 0; + } + } + } +} diff --git a/themesource/atlas_core/web/core/widgets/_simple-menu-bar.scss b/themesource/atlas_core/web/core/widgets/_simple-menu-bar.scss index 1f84b66..f252fe1 100644 --- a/themesource/atlas_core/web/core/widgets/_simple-menu-bar.scss +++ b/themesource/atlas_core/web/core/widgets/_simple-menu-bar.scss @@ -39,7 +39,9 @@ margin-right: 0.5em; } - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { top: -1px; margin-right: 0.5em; vertical-align: middle; @@ -137,7 +139,9 @@ color: $navtopbar-color; font-size: $navtopbar-font-size; - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { font-size: $navtopbar-glyph-size; } } @@ -185,7 +189,9 @@ color: $navsidebar-color; font-size: $navsidebar-font-size; - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { font-size: $navsidebar-glyph-size; } } diff --git a/themesource/atlas_core/web/core/widgets/_slider.scss b/themesource/atlas_core/web/core/widgets/_slider.scss index 4a23a5c..e4f1fce 100644 --- a/themesource/atlas_core/web/core/widgets/_slider.scss +++ b/themesource/atlas_core/web/core/widgets/_slider.scss @@ -5,6 +5,8 @@ // To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. // +@import "../helpers/slider-color-variant"; + @mixin slider() { /* ========================================================================== Slider @@ -16,20 +18,14 @@ margin-bottom: 16px; padding: 5px 10px; - .rc-slider-handle, - .rc-slider-dot-active { - border-color: #dddddd; + .rc-slider-handle { + border-color: $brand-default; } .rc-slider.rc-slider-with-marks { padding-bottom: 25px; } - &.has-error { - .rc-slider-track, - .rc-slider-rail { - background-color: $brand-danger; - } - } + @include slider-color-variant($brand-primary); } } diff --git a/themesource/atlas_core/web/core/widgets/_timeline.scss b/themesource/atlas_core/web/core/widgets/_timeline.scss index 4d83fe8..f181570 100644 --- a/themesource/atlas_core/web/core/widgets/_timeline.scss +++ b/themesource/atlas_core/web/core/widgets/_timeline.scss @@ -68,7 +68,9 @@ align-items: center; transform: translateX(-50%); - .glyphicon { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { font-size: $timeline-icon-size; } diff --git a/themesource/atlas_core/web/core/widgets/_tooltip.scss b/themesource/atlas_core/web/core/widgets/_tooltip.scss new file mode 100644 index 0000000..4904327 --- /dev/null +++ b/themesource/atlas_core/web/core/widgets/_tooltip.scss @@ -0,0 +1,19 @@ +// +// DISCLAIMER: +// Do not change this file because it is core styling. +// Customizing core files will make updating Atlas much more difficult in the future. +// To customize any core styling, copy the part you want to customize to styles/web/sass/app/ so the core styling is overwritten. +// + +@mixin tooltip() { + /* ========================================================================== + Tooltip + + Widget styles + ========================================================================== */ + + // Tooltip inline + .widget-tooltip-inline { + display: inline-block; + } +} diff --git a/themesource/atlas_core/web/design-properties.json b/themesource/atlas_core/web/design-properties.json index 2cf5c8c..91cf672 100644 --- a/themesource/atlas_core/web/design-properties.json +++ b/themesource/atlas_core/web/design-properties.json @@ -1,213 +1,209 @@ { "Widget": [ { - "name": "Spacing top", - "type": "Dropdown", - "description": "The spacing above this element.", - "options": [ - { - "name": "Outer none", - "oldNames": ["None"], - "class": "spacing-outer-top-none" - }, - { - "name": "Outer small", - "oldNames": ["Small"], - "class": "spacing-outer-top" - }, - { - "name": "Outer medium", - "oldNames": ["Medium"], - "class": "spacing-outer-top-medium" - }, - { - "name": "Outer large", - "oldNames": ["Large"], - "class": "spacing-outer-top-large" - }, - { - "name": "Inner none", - "class": "spacing-inner-top-none" - }, - { - "name": "Inner small", - "class": "spacing-inner-top" - }, - { - "name": "Inner medium", - "class": "spacing-inner-top-medium" - }, - { - "name": "Inner large", - "class": "spacing-inner-top-large" + "name": "Spacing", + "type": "Spacing", + "description": "The spacing around a widget", + "margin": [ + { + "name": "None", + "top": { + "class": "spacing-outer-top-none", + "oldNames": ["Spacing top::None", "Spacing top::Outer none"] + }, + "right": { + "class": "spacing-outer-right-none", + "oldNames": ["Spacing right::None", "Spacing right::Outer none"] + }, + "bottom": { + "class": "spacing-outer-bottom-none", + "oldNames": ["Spacing bottom::None", "Spacing bottom::Outer none"] + }, + "left": { + "class": "spacing-outer-left-none", + "oldNames": ["Spacing left::None", "Spacing left::Outer none"] + } + }, + { + "name": "S", + "top": { + "class": "spacing-outer-top", + "oldNames": ["Spacing top::Small", "Spacing top::Outer small"] + }, + "right": { + "class": "spacing-outer-right", + "oldNames": ["Spacing right::Small", "Spacing right::Outer small"] + }, + "bottom": { + "class": "spacing-outer-bottom", + "oldNames": ["Spacing bottom::Small", "Spacing bottom::Outer small"] + }, + "left": { + "class": "spacing-outer-left", + "oldNames": ["Spacing left::Small", "Spacing left::Outer small"] + } + }, + { + "name": "M", + "top": { + "class": "spacing-outer-top-medium", + "oldNames": ["Spacing top::Medium", "Spacing top::Outer medium"] + }, + "right": { + "class": "spacing-outer-right-medium", + "oldNames": ["Spacing right::Medium", "Spacing right::Outer medium"] + }, + "bottom": { + "class": "spacing-outer-bottom-medium", + "oldNames": ["Spacing bottom::Medium", "Spacing bottom::Outer medium"] + }, + "left": { + "class": "spacing-outer-left-medium", + "oldNames": ["Spacing left::Medium", "Spacing left::Outer medium"] + } + }, + { + "name": "L", + "top": { + "class": "spacing-outer-top-large", + "oldNames": ["Spacing top::Large", "Spacing top::Outer large"] + }, + "right": { + "class": "spacing-outer-right-large", + "oldNames": ["Spacing right::Large", "Spacing right::Outer large"] + }, + "bottom": { + "class": "spacing-outer-bottom-large", + "oldNames": ["Spacing bottom::Large", "Spacing bottom::Outer large"] + }, + "left": { + "class": "spacing-outer-left-large", + "oldNames": ["Spacing left::Large", "Spacing left::Outer large"] + } } - ] - }, - { - "name": "Spacing bottom", - "type": "Dropdown", - "description": "The spacing below this element.", - "options": [ - { - "name": "Outer none", - "oldNames": ["None"], - "class": "spacing-outer-bottom-none" - }, - { - "name": "Outer small", - "oldNames": ["Small"], - "class": "spacing-outer-bottom" - }, - { - "name": "Outer medium", - "oldNames": ["Medium"], - "class": "spacing-outer-bottom-medium" - }, - { - "name": "Outer large", - "oldNames": ["Large"], - "class": "spacing-outer-bottom-large" - }, - { - "name": "Inner none", - "class": "spacing-inner-bottom-none" - }, - { - "name": "Inner small", - "class": "spacing-inner-bottom" - }, - { - "name": "Inner medium", - "class": "spacing-inner-bottom-medium" - }, - { - "name": "Inner large", - "class": "spacing-inner-bottom-large" + ], + "padding": [ + { + "name": "None", + "top": { + "class": "spacing-inner-top-none", + "oldNames": ["Spacing top::Inner none"] + }, + "right": { + "class": "spacing-inner-right-none", + "oldNames": ["Spacing right::Inner none"] + }, + "bottom": { + "class": "spacing-inner-bottom-none", + "oldNames": ["Spacing bottom::Inner none"] + }, + "left": { + "class": "spacing-inner-left-none", + "oldNames": ["Spacing left::Inner none"] + } + }, + { + "name": "S", + "top": { + "class": "spacing-inner-top", + "oldNames": ["Spacing top::Inner small"] + }, + "right": { + "class": "spacing-inner-right", + "oldNames": ["Spacing right::Inner small"] + }, + "bottom": { + "class": "spacing-inner-bottom", + "oldNames": ["Spacing bottom::Inner small"] + }, + "left": { + "class": "spacing-inner-left", + "oldNames": ["Spacing left::Inner small"] + } + }, + { + "name": "M", + "top": { + "class": "spacing-inner-top-medium", + "oldNames": ["Spacing top::Inner medium"] + }, + "right": { + "class": "spacing-inner-right-medium", + "oldNames": ["Spacing right::Inner medium"] + }, + "bottom": { + "class": "spacing-inner-bottom-medium", + "oldNames": ["Spacing bottom::Inner medium"] + }, + "left": { + "class": "spacing-inner-left-medium", + "oldNames": ["Spacing left::Inner medium"] + } + }, + { + "name": "L", + "top": { + "class": "spacing-inner-top-large", + "oldNames": ["Spacing top::Inner large"] + }, + "right": { + "class": "spacing-inner-right-large", + "oldNames": ["Spacing right::Inner large"] + }, + "bottom": { + "class": "spacing-inner-bottom-large", + "oldNames": ["Spacing bottom::Inner large"] + }, + "left": { + "class": "spacing-inner-left-large", + "oldNames": ["Spacing left::Inner large"] + } } ] }, { - "name": "Spacing left", - "type": "Dropdown", - "description": "The spacing to the left of this element.", + "name": "Align self", + "oldNames": ["Align Self"], + "type": "ToggleButtonGroup", + "description": "Float the element to the left or to the right.", "options": [ { - "name": "Outer none", - "oldNames": ["None"], - "class": "spacing-outer-left-none" - }, - { - "name": "Outer small", - "oldNames": ["Small"], - "class": "spacing-outer-left" - }, - { - "name": "Outer medium", - "oldNames": ["Medium"], - "class": "spacing-outer-left-medium" - }, - { - "name": "Outer large", - "oldNames": ["Large"], - "class": "spacing-outer-left-large" - }, - { - "name": "Inner none", - "class": "spacing-inner-left-none" - }, - { - "name": "Inner small", - "class": "spacing-inner-left" - }, - { - "name": "Inner medium", - "class": "spacing-inner-left-medium" + "name": "Left", + "icon": "Atlas_Core.Atlas.align-left", + "class": "pull-left" }, { - "name": "Inner large", - "class": "spacing-inner-left-large" + "name": "Right", + "icon": "Atlas_Core.Atlas.align-right", + "class": "pull-right" } ] }, { - "name": "Spacing right", - "type": "Dropdown", - "description": "The spacing to the right of this element.", + "name": "Hide on", + "description": "Hide on device type", + "multiSelect": true, + "type": "ToggleButtonGroup", "options": [ { - "name": "Outer none", - "oldNames": ["None"], - "class": "spacing-outer-right-none" - }, - { - "name": "Outer small", - "oldNames": ["Small"], - "class": "spacing-outer-right" - }, - { - "name": "Outer medium", - "oldNames": ["Medium"], - "class": "spacing-outer-right-medium" - }, - { - "name": "Outer large", - "oldNames": ["Large"], - "class": "spacing-outer-right-large" - }, - { - "name": "Inner none", - "class": "spacing-inner-right-none" + "name": "Phone", + "icon": "Atlas_Core.Atlas.mobile-phone", + "class": "hide-phone", + "oldNames": ["Hide on phone", "Hide On Phone"] }, { - "name": "Inner small", - "class": "spacing-inner-right" + "name": "Tablet", + "icon": "Atlas_Core.Atlas.tablet", + "class": "hide-tablet", + "oldNames": ["Hide on tablet", "Hide On Tablet"] }, { - "name": "Inner medium", - "class": "spacing-inner-right-medium" - }, - { - "name": "Inner large", - "class": "spacing-inner-right-large" + "name": "Desktop", + "icon": "Atlas_Core.Atlas.desktop", + "class": "hide-desktop", + "oldNames": ["Hide on desktop", "Hide On Desktop"] } ] - }, - { - "name": "Align self", - "oldNames": ["Align Self"], - "type": "Dropdown", - "description": "Float the element to the left or to the right.", - "options": [ - { - "name": "Left", - "class": "pull-left" - }, - { - "name": "Right", - "class": "pull-right" - } - ] - }, - { - "name": "Hide on phone", - "oldNames": ["Hide On Phone"], - "type": "Toggle", - "description": "Hide element on phone.", - "class": "hide-phone" - }, - { - "name": "Hide on tablet", - "oldNames": ["Hide On Tablet"], - "type": "Toggle", - "description": "Hide element on tablet.", - "class": "hide-tablet" - }, - { - "name": "Hide on desktop", - "oldNames": ["Hide On Desktop"], - "type": "Toggle", - "description": "Hide element on desktop.", - "class": "hide-desktop" } ], "DivContainer": [ @@ -250,53 +246,61 @@ }, { "name": "Background color", - "type": "Dropdown", + "type": "ColorPicker", "description": "Change the background color of the container.", "options": [ { "name": "Background Primary", "oldNames": ["Background Default"], + "preview": "--bg-color", "class": "background-main" }, { "name": "Background Secondary", "oldNames": ["Background Dashboard"], + "preview": "--bg-color-secondary", "class": "background-secondary" }, { "name": "Brand Primary", "oldNames": ["Primary"], + "preview": "--brand-primary", "class": "background-primary" }, { "name": "Brand Secondary", "oldNames": ["Default", "Brand Default"], - "class": "background-default" + "class": "background-default", + "preview": "--brand-default" }, { "name": "Brand Success", "oldNames": ["Success"], + "preview": "--brand-success", "class": "background-success" }, { "name": "Brand Warning", "oldNames": ["Warning"], + "preview": "--brand-warning", "class": "background-warning" }, { "name": "Brand Danger", "oldNames": ["Danger"], + "preview": "--brand-danger", "class": "background-danger" }, { "name": "Brand Gradient", + "preview": "--brand-gradient", "class": "background-brand-gradient" } ] }, { "name": "Shade", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Apply a shade to your background color", "options": [ { @@ -308,57 +312,81 @@ "class": "background-dark" } ] + }, + { + "name": "Shadow", + "oldNames": ["Add shadow"], + "type": "ToggleButtonGroup", + "description": "Add a shadow to this element", + "options": [ + { + "name": "Small", + "class": "shadow-small" + }, + { + "name": "Medium", + "class": "shadow-medium" + }, + { + "name": "Large", + "class": "shadow-large" + } + ] } ], "Button": [ { "name": "Size", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Size of the buttons", "options": [ { "name": "Small", + "icon": "Atlas_Core.Atlas.resize-small", "class": "btn-sm" }, { "name": "Large", + "icon": "Atlas_Core.Atlas.resize-full", "class": "btn-lg" } ] }, - { - "name": "Full width", - "type": "Toggle", - "description": "Extend the button to the full width of the container it is placed in.", - "class": "btn-block" - }, - { - "name": "Border", - "oldNames": ["Bordered"], - "type": "Toggle", - "description": "Style the button with a transparent background, a colored border, and colored text.", - "class": "btn-bordered" - }, { "name": "Align icon", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Place the icon to the right or on top of the button.", "options": [ { "name": "Right", + "icon": "Atlas_Core.Atlas.align-right", "class": "btn-icon-right" }, { "name": "Top", + "icon": "Atlas_Core.Atlas.align-top", "class": "btn-icon-top" } ] + }, + { + "name": "Full width", + "type": "Toggle", + "description": "Extend the button to the full width of the container it is placed in.", + "class": "btn-block" + }, + { + "name": "Border", + "oldNames": ["Bordered"], + "type": "Toggle", + "description": "Style the button with a transparent background, a colored border, and colored text.", + "class": "btn-bordered" } ], "ListView": [ { "name": "Style", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Change the appearance of rows in the list view.", "options": [ { @@ -374,7 +402,8 @@ "class": "listview-bordered" }, { - "name": "No Styling", + "name": "No styling", + "oldNames": ["No Styling"], "class": "listview-stylingless" } ] @@ -386,16 +415,19 @@ "class": "listview-hover" }, { - "name": "Row Size", - "type": "Dropdown", + "name": "Row size", + "oldNames": ["Row Size"], + "type": "ToggleButtonGroup", "description": "Change the row spacing of the list view.", "options": [ { "name": "Small", + "icon": "Atlas_Core.Atlas.resize-small", "class": "listview-sm" }, { "name": "Large", + "icon": "Atlas_Core.Atlas.resize-full", "class": "listview-lg" } ] @@ -404,7 +436,7 @@ "DataGrid": [ { "name": "Style", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Choose one of the following styles to change the appearance of the data grid.", "options": [ { @@ -429,15 +461,17 @@ }, { "name": "Row size", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Increase or decrease the row spacing of the data grid row.", "options": [ { "name": "Small", + "icon": "Atlas_Core.Atlas.resize-small", "class": "datagrid-sm" }, { "name": "Large", + "icon": "Atlas_Core.Atlas.resize-full", "class": "datagrid-lg" } ] @@ -446,7 +480,7 @@ "TemplateGrid": [ { "name": "Style", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Choose one of the following styles to change the appearance of the template grid.", "options": [ { @@ -477,37 +511,43 @@ "GroupBox": [ { "name": "Style", - "type": "Dropdown", + "type": "ColorPicker", "description": "Choose one of the following styles to change the appearance of the groupbox.", "options": [ { "name": "Brand Primary", "oldNames": ["Primary"], - "class": "groupbox-primary" + "class": "groupbox-primary", + "preview": "--groupbox-primary-bg" }, { "name": "Brand Secondary", "oldNames": ["Default", "Brand Default"], - "class": "groupbox-secondary" + "class": "groupbox-secondary", + "preview": "--groupbox-default-bg" }, { "name": "Brand Success", "oldNames": ["Success"], - "class": "groupbox-success" + "class": "groupbox-success", + "preview": "--groupbox-success-bg" }, { "name": "Brand Warning", "oldNames": ["Warning"], - "class": "groupbox-warning" + "class": "groupbox-warning", + "preview": "--groupbox-warning-bg" }, { "name": "Brand Danger", "oldNames": ["Danger"], - "class": "groupbox-danger" + "class": "groupbox-danger", + "preview": "--groupbox-danger-bg" }, { "name": "Transparent", - "class": "groupbox-transparent" + "class": "groupbox-transparent", + "preview": "transparent" } ] }, @@ -521,7 +561,7 @@ "StaticImageViewer": [ { "name": "Style", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Choose the style of your image.", "options": [ { @@ -571,7 +611,7 @@ "DynamicImageViewer": [ { "name": "Style", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Choose the style of your image.", "options": [ { @@ -621,33 +661,38 @@ "Label": [ { "name": "Style", - "type": "Dropdown", + "type": "ColorPicker", "description": "Change the appearance of a label.", "options": [ { "name": "Brand Primary", "oldNames": ["Primary"], - "class": "label-primary" + "class": "label-primary", + "preview": "--label-primary-bg" }, { "name": "Brand Secondary", "oldNames": ["Default", "Brand Default"], - "class": "label-secondary" + "class": "label-secondary", + "preview": "--label-default-bg" }, { "name": "Brand Success", "oldNames": ["Success"], - "class": "label-success" + "class": "label-success", + "preview": "--label-success-bg" }, { "name": "Brand Warning", "oldNames": ["Warning"], - "class": "label-warning" + "class": "label-warning", + "preview": "--label-warning-bg" }, { "name": "Brand Danger", "oldNames": ["Danger"], - "class": "label-danger" + "class": "label-danger", + "preview": "--label-danger-bg" } ] } @@ -655,7 +700,7 @@ "TabContainer": [ { "name": "Style", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Change the appearance of the tab container", "options": [ { @@ -677,20 +722,24 @@ ] }, { - "name": "Tab Position", - "type": "Dropdown", + "name": "Tab position", + "oldNames": ["Tab Position"], + "type": "ToggleButtonGroup", "description": "Change the position of the tabs", "options": [ { "name": "Left", + "icon": "Atlas_Core.Atlas.align-left", "class": "tab-left" }, { "name": "Center", + "icon": "Atlas_Core.Atlas.align-center", "class": "tab-center" }, { "name": "Right", + "icon": "Atlas_Core.Atlas.align-right", "class": "tab-right" } ] @@ -705,15 +754,17 @@ "DynamicText": [ { "name": "Size", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Make the text smaller or larger.", "options": [ { "name": "Small", + "icon": "Atlas_Core.Atlas.resize-small", "class": "text-small" }, { "name": "Large", + "icon": "Atlas_Core.Atlas.resize-full", "class": "text-large" } ] @@ -721,7 +772,7 @@ { "name": "Weight", "oldNames": ["Font Weight"], - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Emphasize the text with a heavier or lighter font weight", "options": [ { @@ -744,78 +795,92 @@ }, { "name": "Color", - "type": "Dropdown", + "type": "ColorPicker", "description": "Change the color of text.", "options": [ { "name": "Header color", - "class": "text-header" + "class": "text-header", + "preview": "--font-color-header" }, { "name": "Detail color", - "class": "text-detail" + "class": "text-detail", + "preview": "--font-color-detail" }, { "name": "Brand Primary", "oldNames": ["Primary"], - "class": "text-primary" + "class": "text-primary", + "preview": "--brand-primary" }, { "name": "Brand Secondary", "oldNames": ["Default", "Brand Default"], - "class": "text-secondary" + "class": "text-secondary", + "preview": "--font-color-default" }, { "name": "Brand Success", "oldNames": ["Success"], - "class": "text-success" + "class": "text-success", + "preview": "--brand-success" }, { "name": "Brand Warning", "oldNames": ["Warning"], - "class": "text-warning" + "class": "text-warning", + "preview": "--brand-warning" }, { "name": "Brand Danger", "oldNames": ["Danger"], - "class": "text-danger" + "class": "text-danger", + "preview": "--brand-danger" }, { "name": "White", - "class": "text-white" + "class": "text-white", + "preview": "white" } ] }, { "name": "Alignment", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Align the text.", "options": [ { "name": "Left", + "icon": "Atlas_Core.Atlas.text-align-left", "class": "text-left d-block" }, { "name": "Center", + "icon": "Atlas_Core.Atlas.text-align-center", "class": "text-center d-block" }, { "name": "Right", + "icon": "Atlas_Core.Atlas.text-align-right", "class": "text-right d-block" } ] }, { - "name": "Transform", - "type": "Dropdown", + "name": "Letter case", + "oldNames": ["Transform"], + "type": "ToggleButtonGroup", "description": "Change the letter case of the text.", "options": [ { - "name": "Lowercase", + "name": "lower", + "oldNames": ["Lowercase"], "class": "text-lowercase" }, { - "name": "Uppercase", + "name": "UPPER", + "oldNames": ["Uppercase"], "class": "text-uppercase" }, { @@ -826,7 +891,7 @@ }, { "name": "Wrap options", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Break long words and sentences into multiple lines.", "options": [ { @@ -834,8 +899,9 @@ "class": "text-break" }, { - "name": "No Wrap", - "class": "text-nowrap" + "name": "No wrap", + "class": "text-nowrap", + "oldNames": ["No Wrap"] } ] } @@ -843,7 +909,7 @@ "Table": [ { "name": "Style", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Change the appearance of cells in the table.", "options": [ { @@ -866,28 +932,33 @@ "com.mendix.widget.custom.badge.Badge": [ { "name": "Style", - "type": "Dropdown", + "type": "ColorPicker", "description": "The brand style affecting this element's appearance.", "options": [ { "name": "Brand Primary", - "class": "label-primary" + "class": "label-primary", + "preview": "--label-primary-bg" }, { "name": "Brand Secondary", - "class": "label-secondary" + "class": "label-secondary", + "preview": "--label-default-bg" }, { "name": "Brand Success", - "class": "label-success" + "class": "label-success", + "preview": "--label-success-bg" }, { "name": "Brand Warning", - "class": "label-warning" + "class": "label-warning", + "preview": "--label-warning-bg" }, { "name": "Brand Danger", - "class": "label-danger" + "class": "label-danger", + "preview": "--label-danger-bg" } ] } @@ -901,30 +972,34 @@ }, { "name": "Bar color", - "type": "Dropdown", + "type": "ColorPicker", "description": "Color of the progress bar", "options": [ { "name": "Primary", - "class": "progress-bar-primary" + "class": "progress-bar-primary", + "preview": "--brand-primary" }, { "name": "Success", - "class": "progress-bar-success" + "class": "progress-bar-success", + "preview": "--brand-success" }, { "name": "Warning", - "class": "progress-bar-warning" + "class": "progress-bar-warning", + "preview": "--brand-warning" }, { "name": "Danger", - "class": "progress-bar-danger" + "class": "progress-bar-danger", + "preview": "--brand-danger" } ] }, { "name": "Size", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Size of the progress bar", "options": [ { @@ -945,42 +1020,49 @@ "com.mendix.widget.custom.badgebutton.BadgeButton": [ { "name": "Style", - "type": "Dropdown", + "type": "ColorPicker", "description": "The brand style affecting this element's appearance.", "options": [ { "name": "Brand Primary", - "class": "btn-primary" + "class": "btn-primary", + "preview": "--btn-primary-bg" }, { "name": "Brand Secondary", - "class": "btn-secondary" + "class": "btn-secondary", + "preview": "--btn-default-bg" }, { "name": "Brand Success", - "class": "btn-success" + "class": "btn-success", + "preview": "--btn-success-bg" }, { "name": "Brand Warning", - "class": "btn-warning" + "class": "btn-warning", + "preview": "--btn-warning-bg" }, { "name": "Brand Danger", - "class": "btn-danger" + "class": "btn-danger", + "preview": "--btn-danger-bg" } ] }, { "name": "Size", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Size of the buttons", "options": [ { "name": "Small", + "icon": "Atlas_Core.Atlas.resize-small", "class": "btn-sm" }, { "name": "Large", + "icon": "Atlas_Core.Atlas.resize-full", "class": "btn-lg" } ] @@ -1002,30 +1084,34 @@ "com.mendix.widget.custom.progresscircle.ProgressCircle": [ { "name": "Bar color", - "type": "Dropdown", + "type": "ColorPicker", "description": "Color of the progress bar", "options": [ { "name": "Primary", - "class": "widget-progress-circle-primary" + "class": "widget-progress-circle-primary", + "preview": "--brand-primary" }, { "name": "Success", - "class": "widget-progress-circle-success" + "class": "widget-progress-circle-success", + "preview": "--brand-success" }, { "name": "Warning", - "class": "widget-progress-circle-warning" + "class": "widget-progress-circle-warning", + "preview": "--brand-warning" }, { "name": "Danger", - "class": "widget-progress-circle-danger" + "class": "widget-progress-circle-danger", + "preview": "--brand-danger" } ] }, { "name": "Size", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "Thickness of the progress circle", "options": [ { @@ -1046,34 +1132,39 @@ "com.mendix.widget.custom.switch.Switch": [ { "name": "Style", - "type": "Dropdown", + "type": "ColorPicker", "description": "The brand style affecting this element's appearance.", "options": [ { "name": "Brand Primary", - "class": "widget-switch-brand-primary" + "class": "widget-switch-brand-primary", + "preview": "--brand-primary" }, { "name": "Brand Secondary", - "class": "widget-switch-brand-secondary" + "class": "widget-switch-brand-secondary", + "preview": "--brand-default" }, { "name": "Brand Success", - "class": "widget-switch-brand-success" + "class": "widget-switch-brand-success", + "preview": "--brand-success" }, { "name": "Brand Warning", - "class": "widget-switch-brand-warning" + "class": "widget-switch-brand-warning", + "preview": "--brand-warning" }, { "name": "Brand Danger", - "class": "widget-switch-brand-danger" + "class": "widget-switch-brand-danger", + "preview": "--brand-danger" } ] }, { "name": "Device style", - "type": "Dropdown", + "type": "ToggleButtonGroup", "description": "The general appearance of the switch. When no option selected iOS styles are applied", "options": [ { @@ -1110,5 +1201,227 @@ "description": "Hide the navigation items icon", "class": "hide-icons" } + ], + "com.mendix.widget.custom.starrating.StarRating": [ + { + "name": "Size", + "type": "ToggleButtonGroup", + "description": "Change size of the rating icon/image. Default is medium.", + "options": [ + { + "name": "Small", + "icon": "Atlas_Core.Atlas.resize-small", + "class": "widget-rating-small" + }, + { + "name": "Large", + "icon": "Atlas_Core.Atlas.resize-full", + "class": "widget-rating-large" + } + ] + } + ], + "com.mendix.widget.web.accordion.Accordion": [ + { + "name": "Borders", + "type": "ToggleButtonGroup", + "description": "Change the border appearance. By default, only horizontal borders between groups are applied.", + "options": [ + { + "name": "All", + "class": "widget-accordion-bordered-all" + }, + { + "name": "Horizontal", + "class": "widget-accordion-bordered-horizontal" + }, + { + "name": "None", + "class": "widget-accordion-bordered-none" + } + ] + }, + { + "name": "Striped", + "type": "Toggle", + "description": "Add alternating background colors to groups in the accordion.", + "class": "widget-accordion-striped" + }, + { + "name": "Compact", + "type": "Toggle", + "description": "Make groups in the accordion more compact.", + "class": "widget-accordion-compact" + } + ], + "com.mendix.widget.web.image.Image": [ + { + "name": "Align content", + "type": "Dropdown", + "description": "Align content of this element left, right or center it. Align elements inside the container as a row or as a column.", + "options": [ + { + "name": "Left align as a row", + "class": "row-left" + }, + { + "name": "Center align as a row", + "class": "row-center" + }, + { + "name": "Right align as a row", + "class": "row-right" + }, + { + "name": "Left align as a column", + "class": "col-left" + }, + { + "name": "Center align as a column", + "class": "col-center" + }, + { + "name": "Right align as a column", + "class": "col-right" + } + ] + }, + { + "name": "Image style", + "type": "ToggleButtonGroup", + "description": "Change the image style.", + "options": [ + { + "name": "Rounded", + "class": "img-rounded" + }, + { + "name": "Circle", + "class": "img-circle" + }, + { + "name": "Square", + "class": "img-square" + } + ] + }, + { + "name": "Center image", + "type": "Toggle", + "description": "Center the image.", + "class": "img-center" + }, + { + "name": "Image fit", + "type": "Dropdown", + "description": "Change the fit of the image.", + "options": [ + { + "name": "Fill", + "class": "img-fill" + }, + { + "name": "Contain", + "class": "img-contain" + }, + { + "name": "Cover", + "class": "img-cover" + }, + { + "name": "Scale-down", + "class": "img-scale-down" + }, + { + "name": "Auto", + "class": "img-auto" + } + ] + }, + { + "name": "Opacity", + "type": "ToggleButtonGroup", + "description": "Change the opacity of the image.", + "options": [ + { + "name": "Low", + "class": "img-opacity-low" + }, + { + "name": "Medium", + "class": "img-opacity-medium" + }, + { + "name": "High", + "class": "img-opacity-high" + } + ] + } + ], + "com.mendix.widget.custom.slider.Slider": [ + { + "name": "Style", + "type": "ColorPicker", + "description": "The brand style affecting this element's appearance.", + "options": [ + { + "name": "Brand Primary", + "class": "widget-slider-primary", + "preview": "--brand-primary" + }, + { + "name": "Brand Success", + "class": "widget-slider-success", + "preview": "--brand-success" + }, + { + "name": "Brand Warning", + "class": "widget-slider-warning", + "preview": "--brand-warning" + }, + { + "name": "Brand Danger", + "class": "widget-slider-danger", + "preview": "--brand-danger" + } + ] + } + ], + "com.mendix.widget.web.tooltip.Tooltip": [ + { + "name": "Show inline", + "type": "Toggle", + "description": "Show the widget as an inline element.", + "class": "widget-tooltip-inline" + } + ], + "com.mendix.widget.custom.RangeSlider.RangeSlider": [ + { + "name": "Style", + "type": "ColorPicker", + "description": "The brand style affecting this element's appearance.", + "options": [ + { + "name": "Brand Primary", + "class": "widget-range-slider-primary", + "preview": "--brand-primary" + }, + { + "name": "Brand Success", + "class": "widget-range-slider-success", + "preview": "--brand-success" + }, + { + "name": "Brand Warning", + "class": "widget-range-slider-warning", + "preview": "--brand-warning" + }, + { + "name": "Brand Danger", + "class": "widget-range-slider-danger", + "preview": "--brand-danger" + } + ] + } ] } diff --git a/themesource/atlas_core/web/layouts/_layout-atlas-phone.scss b/themesource/atlas_core/web/layouts/_layout-atlas-phone.scss index 5ee3089..a9957e3 100644 --- a/themesource/atlas_core/web/layouts/_layout-atlas-phone.scss +++ b/themesource/atlas_core/web/layouts/_layout-atlas-phone.scss @@ -1,20 +1,28 @@ /* ========================================================================== Atlas layout - + Extra styling for phone layouts ========================================================================== */ -.layout-atlas-phone { - .region-topbar { - min-height: $m-header-height; - border-style: none; - background-color: $m-header-bg; - &::before { - display: none; +@mixin layout-atlas-phone() { + .layout-atlas-phone { + .region-topbar { + min-height: $m-header-height; + border-style: none; + background-color: $m-header-bg; + + &::before { + display: none; + } } - } - .region-sidebar { - .mx-navigationtree .navbar-inner > ul > li > a .glyphicon { - margin-right: $spacing-medium; + + .region-sidebar { + .mx-navigationtree .navbar-inner > ul > li > a { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { + margin-right: $spacing-medium; + } + } } } } diff --git a/themesource/atlas_core/web/layouts/_layout-atlas-responsive.scss b/themesource/atlas_core/web/layouts/_layout-atlas-responsive.scss index 1ed8b66..ad6945e 100644 --- a/themesource/atlas_core/web/layouts/_layout-atlas-responsive.scss +++ b/themesource/atlas_core/web/layouts/_layout-atlas-responsive.scss @@ -3,165 +3,214 @@ Extra styling for responsive layouts ========================================================================== */ -$sidebar-width: 232px; -$sidebar-icon-height: 52px; -$sidebar-icon-width: 52px; - -.layout-atlas-responsive, -.layout-atlas-responsive-default { - $sidebar-width: 232px; - - @media (min-width: $screen-md) { - .mx-scrollcontainer-shrink:not(.mx-scrollcontainer-open) > .region-sidebar, - .mx-scrollcontainer-push:not(.mx-scrollcontainer-open) > .region-sidebar, - .mx-scrollcontainer-slide:not(.mx-scrollcontainer-open) > .region-sidebar { - width: $sidebar-width !important; - - .mx-scrollcontainer-wrapper > .mx-navigationtree ul li { - &.mx-navigationtree-has-items:hover { - ul { +@mixin layout-atlas-responsive() { + $sidebar-icon-height: 52px; + $sidebar-icon-width: 52px; + + .layout-atlas-responsive, + .layout-atlas-responsive-default { + @media (min-width: $screen-md) { + --closed-sidebar-width: #{$navsidebar-width-closed}; + .mx-scrollcontainer-shrink:not(.mx-scrollcontainer-open) > .region-sidebar, + .mx-scrollcontainer-push:not(.mx-scrollcontainer-open) > .region-sidebar, + .mx-scrollcontainer-slide:not(.mx-scrollcontainer-open) > .region-sidebar { + @if (not $use-modern-client) { + width: $navsidebar-width-closed !important; + } + + .mx-scrollcontainer-wrapper .mx-navigationtree ul li { + &.mx-navigationtree-has-items a { + white-space: nowrap; + } + + &.mx-navigationtree-has-items:hover > ul { position: absolute; z-index: 100; - top: 0; + top: $topbar-minimalheight; bottom: 0; left: $sidebar-icon-width; display: block; - overflow-y: auto; min-width: auto; padding: $spacing-small 0; + + & > li.mx-navigationtree-has-items:hover > ul { + top: 0; + left: 100%; + } + } + + &.mx-navigationtree-collapsed, + &.mx-navigationtree-has-items { + ul { + display: none; + } } } + } - &.mx-navigationtree-collapsed, - &.mx-navigationtree-has-items { - ul { - display: none; + .widget-sidebar:not(.widget-sidebar-expanded) { + .mx-navigationtree ul li { + &.mx-navigationtree-has-items:hover { + ul { + position: absolute; + z-index: 100; + top: 0; + bottom: 0; + left: $sidebar-icon-width; + display: block; + overflow-y: auto; + min-width: auto; + padding: $spacing-small 0; + } + } + + &.mx-navigationtree-collapsed, + &.mx-navigationtree-has-items { + ul { + display: none; + } } } } } - } - .mx-scrollcontainer-slide { - &:not(.mx-scrollcontainer-open) > .region-sidebar { - overflow: hidden; - } + @if (not $use-modern-client) { + .mx-scrollcontainer-slide { + &:not(.mx-scrollcontainer-open) > .region-sidebar { + overflow: hidden; + } - &.mx-scrollcontainer-open > .region-sidebar { - width: $sidebar-width !important; + &.mx-scrollcontainer-open > .region-sidebar { + width: $navsidebar-width-closed !important; - & > .mx-scrollcontainer-wrapper { - position: relative; + & > .mx-scrollcontainer-wrapper { + position: relative; + } + } + + .region-sidebar > .mx-scrollcontainer-wrapper { + z-index: 2; + left: -$navsidebar-width-closed; + background-color: inherit; + } } - } - .region-sidebar > .mx-scrollcontainer-wrapper { - z-index: 2; - left: 0 !important; - background-color: inherit; - } - } + // Push aside for mobile + @media (max-width: $screen-sm-max) { + .mx-scrollcontainer-open:not(.mx-scrollcontainer-slide) { + width: 1100px; + } - // Push aside for mobile - @media (max-width: $screen-sm-max) { - .mx-scrollcontainer-open:not(.mx-scrollcontainer-slide) { - width: 1100px; + .mx-scrollcontainer-slide .toggle-btn { + display: inline-block !important; + } + } } - .mx-scrollcontainer-slide .toggle-btn { - display: inline-block !important; - } - } + // Sidebar + .region-sidebar { + .toggle-btn { + width: $sidebar-icon-width; + border-color: transparent; + border-radius: 0; + background: transparent; + } - // Sidebar - .region-sidebar { - .toggle-btn { - width: $sidebar-icon-width; - border-color: transparent; - border-radius: 0; - background: transparent; - } + .mx-scrollcontainer-wrapper { + .toggle-btn-wrapper { + display: flex; + padding: $spacing-small; + align-items: center; + min-height: calc(#{$topbar-minimalheight} + 4px); + background: $navsidebar-sub-bg; + } - .mx-scrollcontainer-wrapper { - .toggle-btn-wrapper { - display: flex; - padding: $spacing-small; - align-items: center; - min-height: $topbar-minimalheight + 4px; - background: $navsidebar-sub-bg; - } - .toggle-btn { - padding: $spacing-medium; + .toggle-btn { + padding: $spacing-medium; - img { - width: 24px; - height: 24px; + img { + width: 24px; + height: 24px; + } } - } - .toggle-text { - color: #fff; - font-weight: bold; - } - & > .mx-navigationtree .navbar-inner > ul > li { - & > a { - height: $sidebar-icon-height; - padding: $spacing-small 0; - white-space: nowrap; - overflow: hidden; - // Glyph icon - .glyphicon { - display: flex; - align-items: center; - justify-content: center; - width: $sidebar-icon-width; + + .toggle-text { + color: #fff; + font-weight: bold; + } + + .mx-navigationtree .navbar-inner > ul > li { + & > a { height: $sidebar-icon-height; - padding: $spacing-small $spacing-medium; - border-radius: $border-radius-default; + padding: $spacing-small 0; + white-space: nowrap; + overflow: hidden; + // Glyph icon + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { + display: flex; + align-items: center; + justify-content: center; + width: $sidebar-icon-width; + height: $sidebar-icon-height; + padding: $spacing-small $spacing-medium; + border-radius: $border-radius-default; + } } } } } - } - - // Topbar - .region-topbar { - padding: 0 $spacing-small; - } -} -// Topbar variant -.layout-atlas-responsive-topbar { - .region-topbar { - padding: 0 $spacing-medium; - @media (max-width: $screen-sm-max) { + // Topbar + .region-topbar { padding: 0 $spacing-small; + + .toggle-btn { + padding: 0; + border-color: transparent; + border-radius: 0; + background: transparent; + display: flex; + } + + .mx-icon-filled, + .mx-icon-lined { + font-size: 20px; + } } } -} - -// All responsive layouts -.layout-atlas-responsive, -.layout-atlas-responsive-default, -.layout-atlas-responsive-topbar { - // Topbar - .region-topbar { - .toggle-btn { - display: none; + // Topbar variant + .layout-atlas-responsive-topbar { + .region-topbar { + padding: 0 $spacing-medium; @media (max-width: $screen-sm-max) { - display: inline-block; + padding: 0 $spacing-small; + } + + .mx-scrollcontainer-wrapper { + .mx-layoutgrid, + .mx-layoutgrid-fluid { + padding: 0 $gutter-size; + } + } + + .mx-icon-filled, + .mx-icon-lined { + font-size: 20px; } } } -} -// Fix Safari issue of sidebar disappearing -.profile-tablet { - .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar { - overflow-y: hidden; + // Fix Safari issue of sidebar disappearing + .profile-tablet { + .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar { + overflow-y: hidden; - .mx-scrollcontainer-wrapper { - overflow: visible; + .mx-scrollcontainer-wrapper { + overflow: visible; + } } } } diff --git a/themesource/atlas_core/web/layouts/_layout-atlas-tablet.scss b/themesource/atlas_core/web/layouts/_layout-atlas-tablet.scss index 19b8b0f..7937f0e 100644 --- a/themesource/atlas_core/web/layouts/_layout-atlas-tablet.scss +++ b/themesource/atlas_core/web/layouts/_layout-atlas-tablet.scss @@ -1,20 +1,28 @@ /* ========================================================================== Atlas layout - + Extra styling for tablet layouts ========================================================================== */ -.layout-atlas-tablet { - .region-topbar { - min-height: $m-header-height; - border-style: none; - background-color: $m-header-bg; - &::before { - display: none; +@mixin layout-atlas-tablet() { + .layout-atlas-tablet { + .region-topbar { + min-height: $m-header-height; + border-style: none; + background-color: $m-header-bg; + + &::before { + display: none; + } } - } - .region-sidebar { - .mx-navigationtree .navbar-inner > ul > li > a .glyphicon { - margin-right: $spacing-medium; + + .region-sidebar { + .mx-navigationtree .navbar-inner > ul > li > a { + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { + margin-right: $spacing-medium; + } + } } } } diff --git a/themesource/atlas_core/web/layouts/_layout-atlas.scss b/themesource/atlas_core/web/layouts/_layout-atlas.scss index a25ba07..17e1022 100644 --- a/themesource/atlas_core/web/layouts/_layout-atlas.scss +++ b/themesource/atlas_core/web/layouts/_layout-atlas.scss @@ -3,123 +3,152 @@ The core stucture of all atlas layouts ========================================================================== */ -.layout-atlas { - // Toggle button - .toggle-btn > img, - .toggle-btn > .glyphicon { - margin: 0; - } - .mx-scrollcontainer-open { - .expand-btn > img { - transform: rotate(180deg); +@mixin layout-atlas() { + .layout-atlas { + // Toggle button + .toggle-btn { + & > img, + & > .glyphicon, + & > .mx-icon-lined, + & > .mx-icon-filled { + margin: 0; + } + } + .toggle-btn > .mx-icon-lined { + font-family: "Atlas_Core$Atlas"; } - } - // Sidebar - .region-sidebar { - background-color: $navsidebar-bg; - z-index: 101; - position: relative; - box-shadow: 0 0 4px rgb(0 0 0 / 14%), 2px 4px 8px rgb(0 0 0 / 28%); - .mx-scrollcontainer-wrapper { - display: flex; - flex-direction: column; - padding: $spacing-small 0; + .toggle-btn > .mx-icon-filled { + font-family: "Atlas_Core$Atlas_Filled"; } - .mx-navigationtree .navbar-inner > ul > li > a { - padding: $spacing-medium; - .glyphicon { - margin-right: $spacing-small; + + .mx-scrollcontainer-open { + .expand-btn > img { + transform: rotate(180deg); } } - .sidebar-heading { - background: $navsidebar-sub-bg; - } - .toggle-btn { - margin-right: $spacing-small; - border-color: transparent; - border-radius: 0; - background: transparent; - padding: $spacing-medium; + + // Sidebar + .region-sidebar { + background-color: $navsidebar-bg; + @if not $use-modern-client { + z-index: 101; + } + box-shadow: 0 0 4px rgb(0 0 0 / 14%), 2px 4px 8px rgb(0 0 0 / 28%); + + .mx-scrollcontainer-wrapper { + display: flex; + flex-direction: column; + padding: $spacing-small 0; + } + + .mx-navigationtree .navbar-inner > ul > li > a { + padding: $spacing-medium; + + .glyphicon, + .mx-icon-lined, + .mx-icon-filled { + margin-right: $spacing-small; + } + } + + .sidebar-heading { + background: $navsidebar-sub-bg; + } + + .toggle-btn { + margin-right: $spacing-small; + border-color: transparent; + border-radius: 0; + background: transparent; + padding: $spacing-medium; + } } - } - // Topbar - .region-topbar { - position: relative; - z-index: 1; // Show dropshadow - min-height: $topbar-minimalheight; - background-color: $navtopbar-bg; - box-shadow: 0px 2px 2px rgba(194, 196, 201, 0.30354); - - // Topbar Content - .topbar-content { - display: flex; - align-items: center; + // Topbar + .region-topbar { + position: relative; + z-index: 60; // Show dropshadow min-height: $topbar-minimalheight; - } + background-color: $navtopbar-bg; - // Toggle btn - .toggle-btn { - margin-right: $spacing-medium; - } + // Topbar Content + .topbar-content { + display: flex; + align-items: center; + min-height: $topbar-minimalheight; + } - // For your company, product, or project name - .navbar-brand { - display: inline-block; - float: none; // reset bootstrap - height: auto; - padding: 0; - line-height: inherit; - font-size: 16px; - margin-right: $spacing-small; - - img { + // Toggle btn + .toggle-btn { + padding: 0; + margin-right: $spacing-medium; + border-color: transparent; + border-radius: 0; + background: transparent; + } + + // For your company, product, or project name + .navbar-brand { display: inline-block; + float: none; // reset bootstrap + height: auto; + padding: 0; + line-height: inherit; + font-size: 16px; margin-right: $spacing-small; - @if $brand-logo !=false { - width: 0; - height: 0; - padding: ($brand-logo-height / 2) ($brand-logo-width / 2); - background-image: url($brand-logo); - background-repeat: no-repeat; - background-position: left center; - background-size: $brand-logo-width; - } @else { - width: auto; - height: $brand-logo-height; + + img { + display: inline-block; + margin-right: $spacing-small; + @if $brand-logo !=false { + width: 0; + height: 0; + padding: ($brand-logo-height / 2) ($brand-logo-width / 2); + background-image: url($brand-logo); + background-repeat: no-repeat; + background-position: left center; + background-size: $brand-logo-width; + } @else { + width: auto; + height: $brand-logo-height; + } + } + + a { + margin-left: $spacing-small; + color: $navbar-brand-name; + font-size: 20px; + + &:hover, + &:focus { + text-decoration: none; + } } } - a { - margin-left: $spacing-small; - color: $navbar-brand-name; - font-size: 20px; + .mx-navbar { + display: inline-flex; + vertical-align: middle; + background: transparent; + justify-content: center; + align-items: center; - &:hover, - &:focus { - text-decoration: none; + & > .mx-navbar-item { + & > a { + margin-top: 5px; + padding: 0 20px; + } } } } - .mx-navbar { - display: inline-flex; - vertical-align: middle; - background: transparent; - justify-content: center; - align-items: center; - - & > .mx-navbar-item { - & > a { - margin-top: 5px; - padding: 0 20px; + + @if (not $use-modern-client) { + .mx-scrollcontainer-slide { + &:not(.mx-scrollcontainer-open) > .region-sidebar { + overflow: hidden; } } } } - .mx-scrollcontainer-slide { - &:not(.mx-scrollcontainer-open) > .region-sidebar { - overflow: hidden; - } - } } diff --git a/themesource/atlas_core/web/main.scss b/themesource/atlas_core/web/main.scss index 2e69faa..563c96b 100644 --- a/themesource/atlas_core/web/main.scss +++ b/themesource/atlas_core/web/main.scss @@ -1,33 +1,59 @@ -// Utilities -@import "core/_legacy/bootstrap/bootstrap"; -@import "core/_legacy/bootstrap/bootstrap-rtl"; -@import "core/_legacy/mxui"; - -//================================== CORE ==================================\\ - // Default variables -@import "exclusion-variables"; +@import "exclusion-variables-defaults"; @import "../../../theme/web/exclusion-variables"; -@import "variables"; +@import "generated-exclusion-variables"; @import "../../../theme/web/custom-variables"; +@import "variables"; +@import "variables-css-mappings"; // Font Family Import @if $font-family-import != false { @import url($font-family-import); } +//=============================== Bootstrap ================================\\ + +// Utilities +@import "core/_legacy/bootstrap/bootstrap"; +@import "core/_legacy/bootstrap/bootstrap-rtl"; +@if not $exclude-bootstrap { + @include bootstrap(); + @include bootstrap-rtl(); +} +@import "core/_legacy/mxui"; +@if not $exclude-mxui { + @include mxui(); +} + +//================================== CORE ==================================\\ + // Base @import "core/base/mixins/animations"; @import "core/base/mixins/spacing"; @import "core/base/mixins/layout-spacing"; @import "core/base/mixins/buttons"; @import "core/base/mixins/groupbox"; + @import "core/base/animation"; +@if not $exclude-animations { + @include animations(); +} @import "core/base/flex"; +@if not $exclude-flex { + @include flex(); +} @import "core/base/spacing"; -@import "core/base/reset"; +@if not $exclude-spacing { + @include spacing(); +} @import "core/base/base"; +@if not $exclude-base { + @include base(); +} @import "core/base/login"; +@if not $exclude-login { + @include login(); +} // Widgets @import "core/widgets/input"; @@ -190,6 +216,16 @@ @include radio-button(); } +@import "core/widgets/scroll-container-react"; +@import "core/widgets/scroll-container-dojo"; +@if not $exclude-scroll-container { + @if $use-modern-client { + @include scroll-container-react(); + } @else { + @include scroll-container-dojo(); + } +} + @import "core/widgets/tab-container"; @if not $exclude-tab-container { @include tab-container(); @@ -300,11 +336,31 @@ @include timeline(); } +@import "core/widgets/tooltip"; +@if not $exclude-tooltip { + @include tooltip(); +} + @import "core/helpers/helper-classes"; @if not $exclude-helper-classes { @include helper-classes(); } +@import "core/widgets/barcode-scanner"; +@if not $exclude-barcode-scanner { + @include barcode-scanner(); +} + +@import "core/widgets/accordion"; +@if not $exclude-accordion { + @include accordion(); +} + +@import "core/helpers/accordion"; +@if not $exclude-accordion and not $exclude-accordion-helpers { + @include accordion-helpers(); +} + // Custom widgets @import "core/widgetscustom/dijit-widget"; @if not $exclude-custom-dijit-widget { @@ -320,6 +376,18 @@ // Layouts @import "layouts/layout-atlas"; +@if not $exclude-layout-atlas { + @include layout-atlas(); +} @import "layouts/layout-atlas-phone"; +@if not $exclude-layout-atlas-phone { + @include layout-atlas-phone(); +} @import "layouts/layout-atlas-responsive"; +@if not $exclude-layout-atlas-responsive { + @include layout-atlas-responsive(); +} @import "layouts/layout-atlas-tablet"; +@if not $exclude-layout-atlas-tablet { + @include layout-atlas-tablet(); +} diff --git a/themesource/datawidgets/.version b/themesource/datawidgets/.version new file mode 100644 index 0000000..0be246f --- /dev/null +++ b/themesource/datawidgets/.version @@ -0,0 +1 @@ +2.32.1 \ No newline at end of file diff --git a/themesource/datawidgets/LICENSE b/themesource/datawidgets/LICENSE new file mode 100644 index 0000000..51dfbf5 --- /dev/null +++ b/themesource/datawidgets/LICENSE @@ -0,0 +1,201 @@ +Apache License + Version 2.0, January 2004 + http://www.apache.org/licenses/ + + TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + + 1. Definitions. + + "License" shall mean the terms and conditions for use, reproduction, + and distribution as defined by Sections 1 through 9 of this document. + + "Licensor" shall mean the copyright owner or entity authorized by + the copyright owner that is granting the License. + + "Legal Entity" shall mean the union of the acting entity and all + other entities that control, are controlled by, or are under common + control with that entity. For the purposes of this definition, + "control" means (i) the power, direct or indirect, to cause the + direction or management of such entity, whether by contract or + otherwise, or (ii) ownership of fifty percent (50%) or more of the + outstanding shares, or (iii) beneficial ownership of such entity. + + "You" (or "Your") shall mean an individual or Legal Entity + exercising permissions granted by this License. + + "Source" form shall mean the preferred form for making modifications, + including but not limited to software source code, documentation + source, and configuration files. + + "Object" form shall mean any form resulting from mechanical + transformation or translation of a Source form, including but + not limited to compiled object code, generated documentation, + and conversions to other media types. + + "Work" shall mean the work of authorship, whether in Source or + Object form, made available under the License, as indicated by a + copyright notice that is included in or attached to the work + (an example is provided in the Appendix below). + + "Derivative Works" shall mean any work, whether in Source or Object + form, that is based on (or derived from) the Work and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. For the purposes + of this License, Derivative Works shall not include works that remain + separable from, or merely link (or bind by name) to the interfaces of, + the Work and Derivative Works thereof. + + "Contribution" shall mean any work of authorship, including + the original version of the Work and any modifications or additions + to that Work or Derivative Works thereof, that is intentionally + submitted to Licensor for inclusion in the Work by the copyright owner + or by an individual or Legal Entity authorized to submit on behalf of + the copyright owner. For the purposes of this definition, "submitted" + means any form of electronic, verbal, or written communication sent + to the Licensor or its representatives, including but not limited to + communication on electronic mailing lists, source code control systems, + and issue tracking systems that are managed by, or on behalf of, the + Licensor for the purpose of discussing and improving the Work, but + excluding communication that is conspicuously marked or otherwise + designated in writing by the copyright owner as "Not a Contribution." + + "Contributor" shall mean Licensor and any individual or Legal Entity + on behalf of whom a Contribution has been received by Licensor and + subsequently incorporated within the Work. + + 2. Grant of Copyright License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + copyright license to reproduce, prepare Derivative Works of, + publicly display, publicly perform, sublicense, and distribute the + Work and such Derivative Works in Source or Object form. + + 3. Grant of Patent License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + (except as stated in this section) patent license to make, have made, + use, offer to sell, sell, import, and otherwise transfer the Work, + where such license applies only to those patent claims licensable + by such Contributor that are necessarily infringed by their + Contribution(s) alone or by combination of their Contribution(s) + with the Work to which such Contribution(s) was submitted. If You + institute patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Work + or a Contribution incorporated within the Work constitutes direct + or contributory patent infringement, then any patent licenses + granted to You under this License for that Work shall terminate + as of the date such litigation is filed. + + 4. Redistribution. You may reproduce and distribute copies of the + Work or Derivative Works thereof in any medium, with or without + modifications, and in Source or Object form, provided that You + meet the following conditions: + + (a) You must give any other recipients of the Work or + Derivative Works a copy of this License; and + + (b) You must cause any modified files to carry prominent notices + stating that You changed the files; and + + (c) You must retain, in the Source form of any Derivative Works + that You distribute, all copyright, patent, trademark, and + attribution notices from the Source form of the Work, + excluding those notices that do not pertain to any part of + the Derivative Works; and + + (d) If the Work includes a "NOTICE" text file as part of its + distribution, then any Derivative Works that You distribute must + include a readable copy of the attribution notices contained + within such NOTICE file, excluding those notices that do not + pertain to any part of the Derivative Works, in at least one + of the following places: within a NOTICE text file distributed + as part of the Derivative Works; within the Source form or + documentation, if provided along with the Derivative Works; or, + within a display generated by the Derivative Works, if and + wherever such third-party notices normally appear. The contents + of the NOTICE file are for informational purposes only and + do not modify the License. You may add Your own attribution + notices within Derivative Works that You distribute, alongside + or as an addendum to the NOTICE text from the Work, provided + that such additional attribution notices cannot be construed + as modifying the License. + + You may add Your own copyright statement to Your modifications and + may provide additional or different license terms and conditions + for use, reproduction, or distribution of Your modifications, or + for any such Derivative Works as a whole, provided Your use, + reproduction, and distribution of the Work otherwise complies with + the conditions stated in this License. + + 5. Submission of Contributions. Unless You explicitly state otherwise, + any Contribution intentionally submitted for inclusion in the Work + by You to the Licensor shall be under the terms and conditions of + this License, without any additional terms or conditions. + Notwithstanding the above, nothing herein shall supersede or modify + the terms of any separate license agreement you may have executed + with Licensor regarding such Contributions. + + 6. Trademarks. This License does not grant permission to use the trade + names, trademarks, service marks, or product names of the Licensor, + except as required for reasonable and customary use in describing the + origin of the Work and reproducing the content of the NOTICE file. + + 7. Disclaimer of Warranty. Unless required by applicable law or + agreed to in writing, Licensor provides the Work (and each + Contributor provides its Contributions) on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or + implied, including, without limitation, any warranties or conditions + of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A + PARTICULAR PURPOSE. You are solely responsible for determining the + appropriateness of using or redistributing the Work and assume any + risks associated with Your exercise of permissions under this License. + + 8. Limitation of Liability. In no event and under no legal theory, + whether in tort (including negligence), contract, or otherwise, + unless required by applicable law (such as deliberate and grossly + negligent acts) or agreed to in writing, shall any Contributor be + liable to You for damages, including any direct, indirect, special, + incidental, or consequential damages of any character arising as a + result of this License or out of the use or inability to use the + Work (including but not limited to damages for loss of goodwill, + work stoppage, computer failure or malfunction, or any and all + other commercial damages or losses), even if such Contributor + has been advised of the possibility of such damages. + + 9. Accepting Warranty or Additional Liability. While redistributing + the Work or Derivative Works thereof, You may choose to offer, + and charge a fee for, acceptance of support, warranty, indemnity, + or other liability obligations and/or rights consistent with this + License. However, in accepting such obligations, You may act only + on Your own behalf and on Your sole responsibility, not on behalf + of any other Contributor, and only if You agree to indemnify, + defend, and hold each Contributor harmless for any liability + incurred by, or claims asserted against, such Contributor by reason + of your accepting any such warranty or additional liability. + + END OF TERMS AND CONDITIONS + + APPENDIX: How to apply the Apache License to your work. + + To apply the Apache License to your work, attach the following + boilerplate notice, with the fields enclosed by brackets "{}" + replaced with your own identifying information. (Don't include + the brackets!) The text should be enclosed in the appropriate + comment syntax for the file format. We also recommend that a + file or class name and description of purpose be included on the + same "printed page" as the copyright notice for easier + identification within third-party archives. + + Copyright 2020 Mendix Technology BV + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. diff --git a/themesource/datawidgets/public/fonts/datagrid-filters.eot b/themesource/datawidgets/public/fonts/datagrid-filters.eot new file mode 100644 index 0000000..d69da4b Binary files /dev/null and b/themesource/datawidgets/public/fonts/datagrid-filters.eot differ diff --git a/themesource/datawidgets/public/fonts/datagrid-filters.svg b/themesource/datawidgets/public/fonts/datagrid-filters.svg new file mode 100644 index 0000000..d5a4452 --- /dev/null +++ b/themesource/datawidgets/public/fonts/datagrid-filters.svg @@ -0,0 +1,34 @@ + + + +Copyright (C) 2022 by original authors @ fontello.com + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/themesource/datawidgets/public/fonts/datagrid-filters.ttf b/themesource/datawidgets/public/fonts/datagrid-filters.ttf new file mode 100644 index 0000000..231b3b2 Binary files /dev/null and b/themesource/datawidgets/public/fonts/datagrid-filters.ttf differ diff --git a/themesource/datawidgets/public/fonts/datagrid-filters.woff b/themesource/datawidgets/public/fonts/datagrid-filters.woff new file mode 100644 index 0000000..0949bd8 Binary files /dev/null and b/themesource/datawidgets/public/fonts/datagrid-filters.woff differ diff --git a/themesource/datawidgets/public/fonts/datagrid-filters.woff2 b/themesource/datawidgets/public/fonts/datagrid-filters.woff2 new file mode 100644 index 0000000..e9c4c59 Binary files /dev/null and b/themesource/datawidgets/public/fonts/datagrid-filters.woff2 differ diff --git a/themesource/datawidgets/public/fonts/dropdown-sort.eot b/themesource/datawidgets/public/fonts/dropdown-sort.eot new file mode 100644 index 0000000..78d4575 Binary files /dev/null and b/themesource/datawidgets/public/fonts/dropdown-sort.eot differ diff --git a/themesource/datawidgets/public/fonts/dropdown-sort.svg b/themesource/datawidgets/public/fonts/dropdown-sort.svg new file mode 100644 index 0000000..8fe3e2e --- /dev/null +++ b/themesource/datawidgets/public/fonts/dropdown-sort.svg @@ -0,0 +1,14 @@ + + + +Copyright (C) 2021 by original authors @ fontello.com + + + + + + + + + + diff --git a/themesource/datawidgets/public/fonts/dropdown-sort.ttf b/themesource/datawidgets/public/fonts/dropdown-sort.ttf new file mode 100644 index 0000000..2dd032d Binary files /dev/null and b/themesource/datawidgets/public/fonts/dropdown-sort.ttf differ diff --git a/themesource/datawidgets/public/fonts/dropdown-sort.woff b/themesource/datawidgets/public/fonts/dropdown-sort.woff new file mode 100644 index 0000000..13cabc3 Binary files /dev/null and b/themesource/datawidgets/public/fonts/dropdown-sort.woff differ diff --git a/themesource/datawidgets/public/fonts/dropdown-sort.woff2 b/themesource/datawidgets/public/fonts/dropdown-sort.woff2 new file mode 100644 index 0000000..2515aa3 Binary files /dev/null and b/themesource/datawidgets/public/fonts/dropdown-sort.woff2 differ diff --git a/themesource/datawidgets/public/resources/dropdown-arrow.svg b/themesource/datawidgets/public/resources/dropdown-arrow.svg new file mode 100644 index 0000000..d289b3a --- /dev/null +++ b/themesource/datawidgets/public/resources/dropdown-arrow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/themesource/datawidgets/web/_datagrid-design-properties.scss b/themesource/datawidgets/web/_datagrid-design-properties.scss new file mode 100644 index 0000000..82d97c5 --- /dev/null +++ b/themesource/datawidgets/web/_datagrid-design-properties.scss @@ -0,0 +1,126 @@ +.table-compact { + .th { + padding: var(--spacing-small, $dg-spacing-small); + + .filter-selectors { + margin: 0 var(--spacing-small, $dg-spacing-small); + } + } + + &:has(.th .column-container .filter:not(:empty)) { + .th { + &.column-selector { + padding: var(--spacing-small, $dg-spacing-small) 0; + } + &.widget-datagrid-col-select { + padding-bottom: calc(var(--spacing-small, $dg-spacing-small) + 11px); + } + } + } + + .td { + padding: var(--spacing-small, $dg-spacing-small); + } + + .dropdown-container .dropdown-list { + margin: 0 var(--spacing-small, $dg-spacing-small); + } + + .column-selector { + /* Column content */ + .column-selector-content { + padding-right: var(--spacing-small, $dg-spacing-small); + } + } +} + +.table-striped { + .tr:nth-child(odd) > .td { + background-color: var(--grid-bg-striped, $dg-grid-bg-striped); + } +} + +.table-hover { + .tr:hover > .td { + background-color: var(--grid-bg-hover, $dg-grid-bg-hover); + } +} + +.table-bordered-all { + .th, + .td { + border-left-width: 1px; + border-left-style: solid; + + // Column for the visibility when a column can be hidden + &.column-selector { + border-left-width: 0; + } + + &:last-child, + &.column-selector { + border-right-width: 1px; + border-right-style: solid; + } + } + .th { + border-top-width: 1px; + border-top-style: solid; + } + + .td { + border-bottom-width: 1px; + border-bottom-style: solid; + + &.td-borders { + border-top-width: 1px; + } + } +} + +.table-bordered-horizontal { + .td { + border-bottom-width: 1px; + border-bottom-style: solid; + + &.td-borders { + border-top-width: 1px; + } + } +} + +.table-bordered-vertical { + .th, + .td { + border-left-width: 1px; + border-left-style: solid; + border-bottom-width: 0; + + // Column for the visibility when a column can be hidden + &.column-selector { + border-left-width: 0; + border-bottom-width: 0; + border-right-width: 1px; + border-right-style: solid; + } + + &.td-borders { + border-top-width: 0; + } + } +} + +.table-bordered-none { + .td, + .th { + border: 0; + + &.column-selector { + border: 0; + } + + &.td-borders { + border: 0; + } + } +} diff --git a/themesource/datawidgets/web/_datagrid-dropdown-filter.scss b/themesource/datawidgets/web/_datagrid-dropdown-filter.scss new file mode 100644 index 0000000..b77663d --- /dev/null +++ b/themesource/datawidgets/web/_datagrid-dropdown-filter.scss @@ -0,0 +1,329 @@ +@mixin scroll-shadow { + background: + /* Shadow Cover TOP */ + linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, + /* Shadow Cover BOTTOM */ linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, + /* Shadow TOP */ linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(197, 197, 197, 0.6)) center top, + /* Shadow BOTTOM */ linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(197, 197, 197, 0.6)) center bottom; + + background-repeat: no-repeat; + background-size: + 100% 70px, + 100% 70px, + 100% 35px, + 100% 35px; + background-attachment: local, local, scroll, scroll; +} + +@mixin btn-with-cross { + path { + stroke-width: 0; + } + &:hover { + color: var(--brand-primary, #264ae5); + path { + stroke-width: 1px; + } + } +} + +$root: ".widget-dropdown-filter"; + +#{$root} { + --wdf-outer-spacing: var(--dropdown-outer-spacing, 10px); + --wdf-spacing: var(--spacing-smaller, 4px); + --wdf-spacing-tiny: var(--spacing-smallest, 2px); + --wdf-popover-spacing: 0; + --wdf-popover-z-index: 50; + --wdf-popover-shadow: 0px 0px var(--wdf-outer-spacing) 0px var(--shadow-color-border, rgba(0, 0, 0, 0.2)); + --wdf-bd-radius: var(--dropdown-border-radius, 7px); + --wdf-menu-bg-color: var(--label-info-color, #ffffff); + --wdf-menu-max-height: var(--dropdown-menu-max-height, 320px); + --wdf-menu-item-padding: 6px 10px; + --wdf-highlighted-bg-color: var(--color-default-light, #f5f6f6); + --wdf-selected-bg-color: var(--color-primary-lighter, #e6eaff); + --wdf-button-spacing: 8px; + --wdf-color: var(--gray-dark, black); + --wdf-state-icon-size: 16px; + --wdf-toggle-width: calc(4px + var(--wdf-state-icon-size) + var(--wdf-button-spacing)); + --wdf-toggle-inline-end: var(--wdf-toggle-width); + --wdf-clear-margin: var(--wdf-toggle-inline-end); + --wdf-clear-inline-spacing: 6px; + --wdf-clear-border-width: 1px; + --wdf-clear-width: calc(14px + (var(--wdf-clear-inline-spacing) * 2) + var(--wdf-clear-border-width)); + --wdf-toggle-inline-end-clearable: calc(var(--wdf-clear-width) + var(--wdf-toggle-inline-end)); + --wdf-tag-padding: var(--wdf-spacing-tiny) var(--dropdown-outer-spacing, 10px); + + &.form-control { + display: flex; + min-width: 65px; + padding-block: var(--wdf-button-spacing); + padding-inline-end: var(--wdf-button-spacing); + padding-inline-start: var(--wdf-button-spacing); + } + + &-popover { + z-index: var(--wdf-popover-z-index); + box-shadow: var(--wdf-popover-shadow); + margin-top: var(--wdf-spacing); + border-radius: var(--wdf-bd-radius); + } + + &-menu-slot { + border-radius: inherit; + background-color: var(--wdf-menu-bg-color); + } + + &-menu { + @include scroll-shadow; + border-radius: inherit; + margin: 0; + padding: 0; + list-style-type: none; + max-height: var(--wdf-menu-max-height); + overflow-y: auto; + } + + &-menu-item { + display: flex; + flex-flow: row nowrap; + align-content: center; + align-items: center; + cursor: pointer; + user-select: none; + padding: var(--wdf-menu-item-padding); + height: fit-content; + overflow: hidden; + font-weight: normal; + color: var(--wdf-color); + + &:where([data-selected]) { + background-color: var(--wdf-selected-bg-color); + } + + &:where([data-highlighted]) { + background-color: var(--wdf-highlighted-bg-color); + } + } + + &-checkbox-slot { + display: flex; + margin-inline-end: var(--wdf-outer-spacing); + } + + &-input { + border: none; + flex: 1; + margin: 0; + min-width: 50px; + padding: 0; + } + + &-toggle, + &-clear { + background-color: transparent; + border: none; + } + + &-input, + &-toggle { + color: var(--wdf-color); + font-weight: normal; + overflow: hidden; + text-align: start; + text-overflow: ellipsis; + white-space: nowrap; + } + + &-clear { + @include btn-with-cross; + align-items: center; + align-self: center; + display: flex; + flex-shrink: 0; + justify-self: end; + margin-inline-end: var(--wdf-spacing); + padding: 3px 6px; + position: relative; + + &:has(+ #{$root}-state-icon), + &:has(+ #{$root}-toggle) { + border-inline-end: 1px solid var(--gray, #787d87); + } + } + + &-state-icon { + transition: transform 0.2s; + :where(#{$root}[data-expanded="true"]) & { + transform: rotate(180deg); + } + } + + &-input-container { + align-items: center; + display: flex; + flex: 1; + flex-flow: row wrap; + margin: 0; + min-width: 0; + overflow: hidden; + padding: 0; + position: relative; + } + + &-remove-icon { + cursor: pointer; + display: flex; + @include btn-with-cross; + } + + &-separator { + position: absolute; + margin-inline-end: var(--wdf-clear-margin); + background-color: var(--gray, #787d87); + justify-self: end; + inset-block: var(--wdf-button-spacing); + width: 1px; + } + + &-state-icon, + &-toggle { + align-items: center; + display: flex; + flex-shrink: 0; + justify-content: center; + padding-inline-end: 0; + padding-inline-start: 0; + } +} + +:where([data-highlighted]) #{$root}-checkbox:not(:checked)::after { + content: ""; + border-color: var(--form-input-bg-hover, #e7e7e9); +} + +/* Select variant */ +:where(#{$root}.variant-select) { + #{$root}-toggle { + display: block; + flex: 1 1 0; + justify-content: flex-start; + min-width: 0; + } + + #{$root}-state-icon { + align-self: center; + box-sizing: content-box; + justify-self: end; + pointer-events: none; + } + + #{$root}-input-container { + border: none; + background-color: transparent; + white-space: nowrap; + width: 100%; + } + + #{$root}-controls { + display: flex; + flex-shrink: 0; + align-items: center; + } +} + +:where(#{$root}.variant-select[data-empty]) { + --wdf-input-placeholder-color: rgb(117, 117, 117); + #{$root}-toggle { + color: var(--wdf-input-placeholder-color); + } +} + +/* Combobox variant */ +:where(#{$root}.variant-combobox) { + #{$root}-input { + border-radius: inherit; + padding-inline-start: 0; + padding-inline-end: 0; + } +} + +/* Tag Picker variant */ +:where(#{$root}.variant-tag-picker) { + #{$root}-selected-item { + align-items: center; + background-color: var(--color-primary-lighter, #e6eaff); + border-radius: 26px; + color: #000; + display: inline-flex; + flex-flow: row nowrap; + font-size: var(--font-size-small, 12px); + gap: 8px; + justify-content: center; + line-height: 1.334; + padding: var(--wdf-tag-padding); + &:focus-visible { + outline: var(--brand-primary, #264ae5) auto 1px; + } + } + + #{$root}-input { + flex-basis: 0; + min-width: 50px; + width: initial; + } + + #{$root}-clear { + border-color: transparent; + } +} + +/* Tag Picker variant text */ +:where(#{$root}.variant-tag-picker-text) { + #{$root}-selected-item { + background-color: transparent; + border-radius: 2px; + color: var(--wdf-color); + display: block; + overflow: hidden; + position: absolute; + bottom: 0; + left: 0; + right: 0; + top: 0; + text-overflow: ellipsis; + white-space: nowrap; + z-index: 0; + + &-hidden { + display: none; + } + + &:focus-visible { + outline: var(--brand-primary, #264ae5) solid 1px; + outline-offset: 2px; + } + } + + #{$root}-remove-icon { + padding: var(--wdf-spacing-tiny); + border-radius: 50%; + + path { + stroke-width: 1px; + } + } + + #{$root}-input { + background-color: transparent; + min-width: 75px; + opacity: 0; + width: 100%; + z-index: 1; + + &:focus, + &:not(:has(+ #{$root}-selected-item)) { + opacity: 1; + } + } +} diff --git a/themesource/datawidgets/web/_datagrid-filters.scss b/themesource/datawidgets/web/_datagrid-filters.scss new file mode 100644 index 0000000..e2fcb46 --- /dev/null +++ b/themesource/datawidgets/web/_datagrid-filters.scss @@ -0,0 +1,335 @@ +$dg-hover-color: #f8f8f8; +$dg-background-color: #fff; +$dg-selected-color: #dadcde; +$dg-border-color: #ced0d3; +$dg-spacing-small: 8px; +$arrow: "resources/dropdown-arrow.svg"; +$dg-item-min-height: 32px; + +@import "date-picker"; + +@font-face { + font-family: "datagrid-filters"; + src: url("./fonts/datagrid-filters.eot"); + src: + url("./fonts/datagrid-filters.eot") format("embedded-opentype"), + url("./fonts/datagrid-filters.woff2") format("woff2"), + url("./fonts/datagrid-filters.woff") format("woff"), + url("./fonts/datagrid-filters.ttf") format("truetype"), + url("./fonts/datagrid-filters.svg") format("svg"); + font-weight: normal; + font-style: normal; +} + +.filter-container { + display: flex; + flex-direction: row; + flex-grow: 1; + position: relative; + + .filter-input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .btn-calendar { + margin-left: 5px; //Review in atlas, the current date picker is also 5px + .button-icon { + width: 18px; + height: 18px; + } + } +} + +.filter-selector { + padding-left: 0; + padding-right: 0; + + .filter-selector-content { + height: 100%; + align-self: flex-end; + + .filter-selector-button { + padding: 8px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right: none; + height: 100%; + + &:before { + justify-content: center; + width: 20px; + height: 20px; + padding-left: 4px; /* The font has spaces in the right side, so to align in the middle we need this */ + } + } + } +} + +.filter-selectors { + position: absolute; + width: max-content; + left: 0; + padding: 0; + margin: 0; + background: var(--bg-color-secondary, $dg-background-color); + z-index: 51; + border-radius: 8px; + list-style-type: none; + box-shadow: + 0 2px 20px 1px rgba(5, 15, 129, 0.05), + 0 2px 16px 0 rgba(33, 43, 54, 0.08); + overflow: hidden; + + .filter-listitem, + li { + display: flex; + align-items: center; + font-weight: normal; + line-height: 32px; + cursor: pointer; + + .filter-label { + padding-right: 8px; + } + + &.filter-selected { + background-color: var(--gray-lighter, $dg-hover-color); + color: var(--brand-primary, $dg-brand-primary); + } + + &:hover, + &.filter-highlighted { + background-color: var(--gray-lighter, $dg-hover-color); + } + } +} + +.dropdown-list { + list-style-type: none; + padding: 0; + margin-bottom: 0; + + li { + display: flex; + align-items: center; + font-weight: normal; + min-height: var(--spacing-larger, $dg-item-min-height); + cursor: pointer; + padding: 0 var(--spacing-small, $dg-spacing-small); + + .filter-label { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + &.filter-selected { + background-color: var(--gray-lighter, $dg-hover-color); + color: var(--brand-primary, $dg-brand-primary); + } + + &:hover, + &:focus { + background-color: var(--gray-lighter, $dg-hover-color); + } + + label { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + margin: 8px; + font-weight: normal; + width: calc(100% - 32px); + } + } +} + +:not(.dropdown-content) > .dropdown-list { + background: var(--bg-color-secondary, $dg-background-color); + border-radius: 8px; + box-shadow: + 0 2px 20px 1px rgba(5, 15, 129, 0.05), + 0 2px 16px 0 rgba(33, 43, 54, 0.08); + max-height: 40vh; + z-index: 102; +} + +.dropdown-content { + background: var(--bg-color-secondary, $dg-background-color); + border-radius: 8px; + box-shadow: + 0 2px 20px 1px rgba(5, 15, 129, 0.05), + 0 2px 16px 0 rgba(33, 43, 54, 0.08); + max-height: 40vh; + z-index: 140; +} + +.dropdown-footer { + position: sticky; + bottom: 0; + background: inherit; + z-index: 50; +} + +.dropdown-footer-item { + display: flex; + flex-flow: row nowrap; + align-items: center; + padding: 0 var(--spacing-small, $dg-spacing-small); + min-height: 40px; +} + +.dropdown-loading { + flex-grow: 1; + text-align: center; +} + +.dropdown-container { + flex: 1; + position: relative; + + .dropdown-triggerer { + caret-color: transparent; + cursor: pointer; + + background-image: url($arrow); + background-repeat: no-repeat; + background-position: center; + background-position-x: right; + background-position-y: center; + background-origin: content-box; + text-overflow: ellipsis; + width: 100%; + } + + .dropdown-list { + left: 0; + margin: 0 var(--spacing-small, $dg-spacing-small); + padding: 0; + background: var(--bg-color-secondary, $dg-background-color); + z-index: 102; + border-radius: 8px; + list-style-type: none; + box-shadow: + 0 2px 20px 1px rgba(5, 15, 129, 0.05), + 0 2px 16px 0 rgba(33, 43, 54, 0.08); + overflow-x: hidden; + max-height: 40vh; + + li { + display: flex; + align-items: center; + font-weight: normal; + min-height: var(--spacing-larger, $dg-item-min-height); + cursor: pointer; + padding: 0 var(--spacing-small, $dg-spacing-small); + + .filter-label { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + &.filter-selected { + background-color: var(--gray-lighter, $dg-hover-color); + color: var(--brand-primary, $dg-brand-primary); + } + + &:hover, + &:focus { + background-color: var(--gray-lighter, $dg-hover-color); + } + + label { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + margin: 8px; + font-weight: normal; + width: calc(100% - 32px); + } + } + } +} + +/** +Icons + */ + +.filter-icon { + display: flex; + align-items: center; + justify-content: center; + height: 20px; + width: 20px; + margin: 6px 8px; + font-family: "datagrid-filters"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.button-icon { + display: flex; + align-items: center; + justify-content: center; + font-family: "datagrid-filters"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.contains:before { + content: "\e808"; +} +.endsWith:before { + content: "\e806"; +} +.equal:before { + content: "\e809"; +} +.greater:before { + content: "\e80a"; +} +.greaterEqual:before { + content: "\e80b"; +} +.notEqual:before { + content: "\e80c"; +} +.smaller:before { + content: "\e80d"; +} +.smallerEqual:before { + content: "\e80e"; +} +.startsWith:before { + content: "\e807"; +} +.between:before { + content: "\e900"; +} +.empty:before { + content: "\e901"; +} +.notEmpty:before { + content: "\e903"; +} + +/** +* Specific styles for filters inside Data Grid 2 +**/ +div:not(.table-compact) > .table { + .th { + .filter-selector { + .filter-selectors { + margin: 0; + } + } + + .dropdown-container { + .dropdown-list { + margin: 0; + } + } + } +} diff --git a/themesource/datawidgets/web/_datagrid.scss b/themesource/datawidgets/web/_datagrid.scss new file mode 100644 index 0000000..c40d78d --- /dev/null +++ b/themesource/datawidgets/web/_datagrid.scss @@ -0,0 +1,554 @@ +@import "export-alert"; +@import "export-progress"; +@import "pseudo-modal"; + +$dg-background-color: #fff; +$dg-icon-color: #606671; +$dg-icon-size: 14px; +$dg-pagination-button-color: #3b4251; +$dg-pagination-caption-color: #0a1325; +$dragging-color-effect: rgba(10, 19, 37, 0.8); +$dg-dragging-effect-size: 4px; + +$dg-grid-bg-striped: #fafafb; +$dg-grid-bg-hover: #f5f6f6; +$dg-spacing-small: 8px; +$dg-spacing-medium: 16px; +$dg-spacing-large: 24px; +$dg-grid-border-color: #ced0d3; + +$dg-brand-primary: #264ae5; +$dg-brand-light: #e6eaff; +$dg-grid-selected-row-background: $dg-brand-light; +$dg-skeleton-background: linear-gradient(90deg, rgba(194, 194, 194, 0.2) 0%, #d2d2d2 100%); + +$root: ".widget-datagrid"; + +.table { + position: relative; + border-width: 0; + background-color: var(--bg-color-secondary, $dg-background-color); + + /* Pseudo Row, to target this object please use .tr > .td or .tr > div */ + .tr { + display: contents; + } + + /* Column Header */ + @at-root { + :where(.widget-datagrid-grid .th) { + display: flex; + align-items: flex-start; + background-color: var(--bg-color-secondary, $dg-background-color); + border-width: 0; + border-color: var(--grid-border-color, $dg-grid-border-color); + padding: var(--spacing-medium, $dg-spacing-medium); + top: 0; + min-width: 0; + position: relative; + } + } + + .th { + &.dragging { + opacity: 0.5; + &.dragging-over-self { + opacity: 0.8; + } + } + + &.drop-after:after, + &.drop-before:after { + content: ""; + position: absolute; + top: 0; + height: 100%; + width: var(--spacing-smaller, $dg-dragging-effect-size); + background-color: $dragging-color-effect; + + z-index: 1; + } + + &.drop-before { + &:after { + left: 0; + } + &:not(:first-child):after { + transform: translateX(-50%); + } + } + + &.drop-after { + &:after { + right: 0; + } + &:not(:last-child):after { + transform: translateX(50%); + } + } + + /* Clickable column header (Sortable) */ + .clickable { + cursor: pointer; + } + + /* Column resizer when column is resizable */ + .column-resizer { + padding: 0 4px; + align-self: stretch; + cursor: col-resize; + margin-right: -12px; + + &:hover .column-resizer-bar { + background-color: var(--brand-primary, $dg-brand-primary); + } + &:active .column-resizer-bar { + background-color: var(--brand-primary, $dg-brand-primary); + } + + .column-resizer-bar { + height: 100%; + width: 4px; + } + } + + /* Content of the column header */ + .column-container { + display: flex; + flex-direction: column; + flex-grow: 1; + align-self: stretch; + min-width: 0; + + &:not(:has(.filter)) { + .column-header { + height: 100%; + } + } + } + + /* Header text */ + .column-header { + margin: 1px 1px calc((-1 * var(--spacing-smaller, $dg-dragging-effect-size)) + 2px); + display: flex; + align-items: baseline; + font-weight: 600; + + span { + min-width: 0; + flex-grow: 1; + text-overflow: ellipsis; + overflow: hidden; + text-wrap: nowrap; + align-self: center; + } + + svg { + margin-left: 8px; + flex: 0 0 var(--btn-font-size, $dg-icon-size); + color: var(--gray-dark, $dg-icon-color); + height: var(--btn-font-size, $dg-icon-size); + align-self: center; + } + + &:focus:not(:focus-visible) { + outline: none; + } + + &:focus-visible { + outline: 1px solid var(--brand-primary, $dg-brand-primary); + } + } + + /* Header filter */ + .filter { + display: flex; + margin-top: 4px; + > .form-group { + margin-bottom: 0; + } + } + } + + /* If Column Header has filter */ + &:has(.th .column-container .filter:not(:empty)) { + .th { + &.column-selector { + padding: var(--spacing-medium, $dg-spacing-medium) 0; + } + /*adjust filter-selector icon to be mid-bottom aligned */ + .column-selector-content { + align-self: flex-end; + margin-bottom: 3px; + } + + /*adjust checkbox toggle to be mid-bottom aligned */ + &.widget-datagrid-col-select { + align-items: flex-end; + padding-bottom: calc(var(--spacing-medium, $dg-spacing-medium) + 11px); + } + } + } + + /* Column selector for hidable columns */ + .column-selector { + padding: 0; + + /* Column content */ + .column-selector-content { + align-self: center; + padding-right: var(--spacing-medium, $dg-spacing-medium); + /* Button containing the eye icon */ + .column-selector-button { + $icon-margin: 7px; + /* 2px as path of icon's path is a bit bigger than outer svg */ + $icon-slack-size: 2px; + + padding: 0; + margin: 0; + + height: calc(var(--btn-font-size, $dg-icon-size) + $icon-margin * 2 + $icon-slack-size); + width: calc(var(--btn-font-size, $dg-icon-size) + $icon-margin * 2 + $icon-slack-size); + + svg { + margin: $icon-margin; + } + } + + /* List of columns to select */ + .column-selectors { + position: absolute; + right: 0; + margin: 8px; + padding: 0 16px; + background: var(--bg-color-secondary, $dg-background-color); + z-index: 102; + overflow-y: auto; + width: fit-content; + max-width: 500px; + border-radius: 3px; + border: 1px solid transparent; + list-style-type: none; + -webkit-box-shadow: 0 2px 20px 1px rgba(32, 43, 54, 0.08); + -moz-box-shadow: 0 2px 20px 1px rgba(32, 43, 54, 0.08); + box-shadow: 0 2px 20px 1px rgba(32, 43, 54, 0.08); + + li { + display: flex; + align-items: center; + + label { + margin: 8px; + font-weight: normal; + white-space: nowrap; + overflow-x: hidden; + text-overflow: ellipsis; + } + } + } + } + } + + /* Column content */ + .td { + display: flex; + justify-content: space-between; + align-items: center; + padding: var(--spacing-medium, $dg-spacing-medium); + border-style: solid; + border-width: 0; + border-color: var(--grid-border-color, $dg-grid-border-color); + border-bottom-width: 1px; + min-width: 0; + + &.td-borders { + border-top-width: 1px; + border-top-style: solid; + } + + &:focus-visible { + outline-width: 1px; + outline-style: solid; + outline-offset: -1px; + outline-color: var(--brand-primary, $dg-brand-primary); + } + + &.clickable { + cursor: pointer; + } + + > .td-text { + white-space: nowrap; + word-break: break-word; + text-overflow: ellipsis; + overflow: hidden; + } + + > .td-custom-content { + flex-grow: 1; + } + + > .empty-placeholder { + width: 100%; + } + + &.wrap-text { + min-height: 0; + min-width: 0; + + > .td-text, + > .mx-text { + white-space: normal; + } + } + } + + & *:focus { + outline: 0; + } + + .align-column-left { + justify-content: flex-start; + } + + .align-column-center { + justify-content: center; + } + + .align-column-right { + justify-content: flex-end; + } +} + +:where(.table .th .filter input:not([type="checkbox"])) { + font-weight: normal; + flex-grow: 1; + width: 100%; +} + +.pagination-bar { + display: flex; + justify-content: flex-end; + white-space: nowrap; + align-items: baseline; + margin: 16px; + color: $dg-pagination-caption-color; + + .paging-status { + padding: 0 8px 8px; + } + + .pagination-button { + padding: 6px; + color: var(--gray-darker, $dg-pagination-button-color); + border-color: transparent; + background-color: transparent; + + &:hover { + color: var(--brand-primary, $dg-brand-primary); + border-color: transparent; + background-color: transparent; + } + + &:disabled { + border-color: transparent; + background-color: transparent; + } + + &:focus:not(:focus-visible) { + outline: none; + } + + &:focus-visible { + outline: 1px solid var(--brand-primary, $dg-brand-primary); + } + } + .pagination-icon { + position: relative; + top: 4px; + display: inline-block; + width: 20px; + height: 20px; + } +} + +/* Column selector for hidable columns outside DG context */ +/* List of columns to select */ +.column-selectors { + position: absolute; + right: 0; + margin: 8px 0; + padding: 0 16px; + background: var(--bg-color-secondary, $dg-background-color); + z-index: 102; + overflow-y: auto; + width: fit-content; + max-width: 500px; + border-radius: 3px; + border: 1px solid transparent; + list-style-type: none; + -webkit-box-shadow: 0 2px 20px 1px rgba(32, 43, 54, 0.08); + -moz-box-shadow: 0 2px 20px 1px rgba(32, 43, 54, 0.08); + box-shadow: 0 2px 20px 1px rgba(32, 43, 54, 0.08); + + li { + display: flex; + align-items: center; + cursor: pointer; + + label { + margin: 8px; + font-weight: normal; + white-space: nowrap; + overflow-x: hidden; + text-overflow: ellipsis; + } + } +} + +#{$root} { + position: relative; + + &-grid { + display: grid !important; + } + + &-grid-head { + display: contents; + } + + &-grid-body { + display: contents; + } + + &.widget-datagrid-selection-method-click { + .tr.tr-selected .td { + background-color: $dg-grid-selected-row-background; + } + } + + .th.widget-datagrid-col-select, + .td.widget-datagrid-col-select { + align-items: center; + } + + &-exporting { + .widget-datagrid-top-bar, + .widget-datagrid-header, + .widget-datagrid-content, + .widget-datagrid-footer { + visibility: hidden; + + * { + transition: unset; + } + } + } + + &-col-select input:focus-visible { + outline-offset: 0; + } + + &-loader-container { + align-items: center; + background-color: rgba(255, 255, 255, 1); + display: flex; + height: 400px; + justify-content: center; + grid-column: 1/-1; + } + + &-skeleton, + &-spinner { + align-content: center; + align-items: center; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + overflow: hidden; + } + + &-skeleton { + padding: 2px var(--dropdown-outer-padding, 0); + overflow: hidden; + flex: 1; + + &-loader { + animation: skeleton-loading 1s linear infinite alternate; + background: var(--dg-skeleton-background, $dg-skeleton-background); + background-size: 300% 100%; + border-radius: 4px; + height: 16px; + width: 100%; + min-width: 32px; + max-width: 148px; + + &-small { + margin-right: 8px; + width: 16px; + } + } + } + + &-spinner { + justify-content: center; + width: 100%; + + &-margin { + margin: 52px 0; + } + + &-loader { + --widget-combobox-spinner-loader: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box; + animation: rotate 1s infinite linear; + aspect-ratio: 1; + background: var(--brand-primary, $dg-brand-primary); + border-radius: 50%; + mask: var(--widget-combobox-spinner-loader); + mask-composite: subtract; + + &-large { + height: 48px; + padding: 7px; + width: 48px; + } + &-medium { + height: 24px; + padding: 3.5px; + width: 24px; + } + + &-small { + height: 16px; + padding: 2.3px; + width: 16px; + } + } + } +} + +.widget-datagrid .widget-datagrid-load-more { + display: block !important; + margin: 0 auto; +} + +:where(.widget-datagrid-grid.infinite-loading) { + overflow-y: auto; +} + +:where(.infinite-loading .widget-datagrid-grid-head .th) { + position: sticky; + z-index: 1; +} + +@keyframes skeleton-loading { + 0% { + background-position: right; + } +} + +@keyframes rotate { + to { + transform: rotate(1turn); + } +} diff --git a/themesource/datawidgets/web/_date-picker.scss b/themesource/datawidgets/web/_date-picker.scss new file mode 100644 index 0000000..fb424da --- /dev/null +++ b/themesource/datawidgets/web/_date-picker.scss @@ -0,0 +1,153 @@ +/** + Classes for React Date-Picker font-unit and color adjustments +*/ +$dg-day-color: #555; +$dg-day-range-color: #000; +$dg-day-range-background: #eaeaea; +$dg-outside-month-color: #c8c8c8; +$dg-text-color: #fff; +$dg-border-color: #d7d7d7; + +.react-datepicker { + font-size: 1em; + border: 1px solid $dg-border-color; +} + +.react-datepicker-wrapper { + display: flex; + flex: 1; +} + +.react-datepicker__input-container { + display: flex; + flex: 1; +} + +.react-datepicker__header { + padding-top: 0.8em; + background-color: var(--bg-color, $dg-background-color); + border-color: transparent; +} + +.react-datepicker__header__dropdown { + margin: 8px 0 4px 0; //4px due to the header contains 4px already +} + +.react-datepicker__year-dropdown-container { + margin-left: 8px; +} + +.react-datepicker__month { + margin: 4px 4px 8px 4px; //4px due to the rows already contains 4px each day +} + +.react-datepicker__month-container { + font-weight: normal; +} + +.react-datepicker__day-name, +.react-datepicker__day { + width: 2em; + line-height: 2em; + margin: 4px; +} + +.react-datepicker__day, +.react-datepicker__day--in-range { + color: $dg-day-color; + border-radius: 50%; + + &:hover { + border-radius: 50%; + color: var(--brand-primary, $dg-brand-primary); + background-color: var(--gray-ligter, $dg-hover-color); + } +} + +.react-datepicker__day-name { + color: var(--brand-primary, $dg-brand-primary); + font-weight: bold; +} + +.react-datepicker__day--outside-month { + color: $dg-outside-month-color; +} + +.react-datepicker__day--today:not(.react-datepicker__day--in-range), +.react-datepicker__day--keyboard-selected { + color: var(--brand-primary, $dg-brand-primary); + background-color: var(--gray-ligter, $dg-hover-color); +} + +.react-datepicker__month-select:focus-visible, +.react-datepicker__year-select:focus-visible, +.react-datepicker__navigation:focus-visible, +.react-datepicker__day.react-datepicker__day--keyboard-selected { + outline: 1px solid var(--form-input-border-focus-color); +} + +.react-datepicker__day--selected, +.react-datepicker__day--range-start, +.react-datepicker__day--range-end, +.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start { + background-color: var(--brand-primary, $dg-brand-primary); + color: var(--header-text-color, $dg-text-color); + + &:hover { + border-radius: 50%; + background-color: var(--brand-primary, $dg-brand-primary); + color: var(--header-text-color, $dg-text-color); + } +} + +.react-datepicker__day--in-range:not(.react-datepicker__day--range-start, .react-datepicker__day--range-end), +.react-datepicker__day--in-selecting-range:not( + .react-datepicker__day--in-range, + .react-datepicker__month-text--in-range, + .react-datepicker__quarter-text--in-range, + .react-datepicker__year-text--in-range, + .react-datepicker__day--selecting-range-start + ) { + background-color: $dg-day-range-background; + color: $dg-day-range-color; + + &:hover { + background-color: var(--brand-primary, $dg-brand-primary); + color: var(--header-text-color, $dg-text-color); + } +} + +button.react-datepicker__close-icon::after { + background-color: var(--brand-primary, $dg-brand-primary); +} + +.react-datepicker__current-month { + font-size: 1em; + font-weight: normal; +} + +.react-datepicker__navigation { + top: 1em; + line-height: 1.7em; + border: 0.45em solid transparent; +} + +.react-datepicker__navigation--previous { + border-right-color: #ccc; + left: 8px; + border: none; +} + +.react-datepicker__navigation--next { + border-left-color: #ccc; + right: 8px; + border: none; +} + +/** +Space between the fields and the popup + */ +.react-datepicker-popper[data-placement^="bottom"] { + margin-top: unset; + padding-top: 0; +} diff --git a/themesource/datawidgets/web/_drop-down-sort.scss b/themesource/datawidgets/web/_drop-down-sort.scss new file mode 100644 index 0000000..8580668 --- /dev/null +++ b/themesource/datawidgets/web/_drop-down-sort.scss @@ -0,0 +1,49 @@ +/* ========================================================================== + Drop-down sort + + Override styles of Drop-down sort widget +========================================================================== */ +@font-face { + font-family: "dropdown-sort"; + src: url("./fonts/dropdown-sort.eot?46260688"); + src: + url("./fonts/dropdown-sort.eot?46260688#iefix") format("embedded-opentype"), + url("./fonts/dropdown-sort.woff2?46260688") format("woff2"), + url("./fonts/dropdown-sort.woff?46260688") format("woff"), + url("./fonts/dropdown-sort.ttf?46260688") format("truetype"), + url("./fonts/dropdown-sort.svg?46260688#dropdown-sort") format("svg"); + font-weight: normal; + font-style: normal; +} + +.dropdown-triggerer-wrapper { + display: flex; + + .dropdown-triggerer { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + border-right-width: 0; + } + + .btn-sort { + padding: var(--spacing-small, $dg-spacing-small); + border-bottom-left-radius: 0; + border-top-left-radius: 0; + + font-family: "dropdown-sort"; + font-style: normal; + font-weight: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + &.icon-asc:before { + content: "\e802"; + margin: 2px; + } + + &.icon-desc:before { + content: "\e803"; + margin: 2px; + } + } +} diff --git a/themesource/datawidgets/web/_export-alert.scss b/themesource/datawidgets/web/_export-alert.scss new file mode 100644 index 0000000..b94b48f --- /dev/null +++ b/themesource/datawidgets/web/_export-alert.scss @@ -0,0 +1,45 @@ +$brand-primary: #264ae5 !default; + +.widget-datagrid-export-alert { + background-color: rgba(255, 255, 255, 1); + border-radius: 4px; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + display: flex; + flex-direction: column; + padding: 54px; + min-width: 200px; + max-width: 378px; + width: 100%; + position: relative; + + &-cancel { + position: absolute; + top: 10px; + right: 10px; + + // TODO: Hover styles + &.btn { + display: flex; + padding: 4px; + &:focus-visible { + outline: 1px solid $brand-primary; + } + } + } + + &-message { + color: rgba(38, 74, 229, 1); + font-size: 18px; + font-weight: 700; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + + &-failed { + .widget-datagrid-export-progress-indicator { + background-color: rgba(227, 63, 78, 1); + } + } +} diff --git a/themesource/datawidgets/web/_export-progress.scss b/themesource/datawidgets/web/_export-progress.scss new file mode 100644 index 0000000..cb54a0b --- /dev/null +++ b/themesource/datawidgets/web/_export-progress.scss @@ -0,0 +1,37 @@ +.widget-datagrid-export-progress { + align-items: center; + background-color: rgba(240, 241, 242, 1); + border-radius: 4px; + display: flex; + height: 18px; + overflow: hidden; + position: relative; + transform: translateZ(0); + width: 100%; + + &-indicator { + background-color: rgba(38, 74, 229, 1); + border-radius: 4px; + height: 17px; + transition: transform 100ms cubic-bezier(0.65, 0, 0.35, 1); + width: 100%; + } + + &-indicator-indeterminate { + animation: indeterminateAnimation 1s infinite linear; + transform-origin: 0% 50%; + transition: none; + } +} + +@keyframes indeterminateAnimation { + 0% { + transform: translateX(0) scaleX(0); + } + 40% { + transform: translateX(0) scaleX(0.4); + } + 100% { + transform: translateX(100%) scaleX(0.5); + } +} diff --git a/themesource/datawidgets/web/_gallery-design-properties.scss b/themesource/datawidgets/web/_gallery-design-properties.scss new file mode 100644 index 0000000..0fc17c2 --- /dev/null +++ b/themesource/datawidgets/web/_gallery-design-properties.scss @@ -0,0 +1,104 @@ +/* ========================================================================== + Gallery default + +//== Design Properties +//## Helper classes to change the look and feel of the component +========================================================================== */ +// All borders +.widget-gallery-bordered-all { + .widget-gallery-item { + border: 1px solid var(--grid-border-color, $dg-grid-border-color); + } +} + +// Vertical borders +.widget-gallery-bordered-vertical { + .widget-gallery-item { + border-color: var(--grid-border-color, $dg-grid-border-color); + border-style: solid; + border-width: 0; + border-left-width: 1px; + border-right-width: 1px; + } +} + +// Horizontal orders +.widget-gallery-bordered-horizontal { + .widget-gallery-item { + border-color: var(--grid-border-color, $dg-grid-border-color); + border-style: solid; + border-width: 0; + border-top-width: 1px; + border-bottom-width: 1px; + } +} + +// Hover styles +.widget-gallery-hover { + .widget-gallery-items { + .widget-gallery-item:hover { + background-color: var(--grid-bg-hover, $dg-grid-bg-hover); + } + } +} + +// Striped styles +.widget-gallery-striped { + .widget-gallery-item:nth-child(odd) { + background-color: var(--grid-bg-striped, $dg-grid-bg-striped); + } + .widget-gallery-item:nth-child(even) { + background-color: #fff; + } +} + +// Grid spacing none +.widget-gallery.widget-gallery-gridgap-none { + .widget-gallery-items { + gap: 0; + } +} + +// Grid spacing small +.widget-gallery.widget-gallery-gridgap-small { + .widget-gallery-items { + gap: var(--spacing-small, $dg-spacing-small); + } +} + +// Grid spacing medium +.widget-gallery.widget-gallery-gridgap-medium { + .widget-gallery-items { + gap: var(--spacing-medium, $dg-spacing-medium); + } +} + +// Grid spacing large +.widget-gallery.widget-gallery-gridgap-large { + .widget-gallery-items { + gap: var(--spacing-large, $dg-spacing-large); + } +} + +// Pagination left +.widget-gallery-pagination-left { + .widget-gallery-pagination { + .pagination-bar { + justify-content: flex-start; + } + } +} + +// Pagination center +.widget-gallery-pagination-center { + .widget-gallery-pagination { + .pagination-bar { + justify-content: center; + } + } +} + +.widget-gallery-disable-selected-items-highlight { + // placeholder + // this class in needed to disable standard styles of highlighted items +} diff --git a/themesource/datawidgets/web/_gallery.scss b/themesource/datawidgets/web/_gallery.scss new file mode 100644 index 0000000..743dd90 --- /dev/null +++ b/themesource/datawidgets/web/_gallery.scss @@ -0,0 +1,90 @@ +/* ========================================================================== + Gallery + + Override styles of Gallery widget +========================================================================== */ +$gallery-screen-lg: 992px; +$gallery-screen-md: 768px; + +@mixin grid-items($number, $suffix) { + @for $i from 1 through $number { + &.widget-gallery-#{$suffix}-#{$i} { + grid-template-columns: repeat($i, minmax(0, 1fr)); + } + } +} + +@mixin grid-span($number, $type) { + @for $i from 1 through $number { + .widget-gallery-#{$type}-span-#{$i} { + grid-#{$type}: span $i; + } + } +} + +.widget-gallery { + .widget-gallery-items { + display: grid; + grid-gap: var(--spacing-small, $dg-spacing-small); + + /* + Desktop widths + */ + @media screen and (min-width: $gallery-screen-lg) { + @include grid-items(12, "lg"); + } + + /* + Tablet widths + */ + @media screen and (min-width: $gallery-screen-md) and (max-width: ($gallery-screen-lg - 1px)) { + @include grid-items(12, "md"); + } + + /* + Phone widths + */ + @media screen and (max-width: ($gallery-screen-md - 1)) { + @include grid-items(12, "sm"); + } + } + + .widget-gallery-clickable { + cursor: pointer; + + &:focus:not(:focus-visible) { + outline: none; + } + + &:focus-visible { + outline: 1px solid var(--brand-primary, $dg-brand-primary); + outline-offset: -1px; + } + } + + &:not(.widget-gallery-disable-selected-items-highlight) { + .widget-gallery-item.widget-gallery-clickable.widget-gallery-selected { + background: $dg-brand-light; + } + } + + .infinite-loading { + overflow: auto; + } + + .widget-gallery-filter, + .widget-gallery-empty, + .widget-gallery-pagination { + flex: 1; + } + + /** + Helper classes + */ + @include grid-span(12, "column"); + @include grid-span(12, "row"); +} + +.widget-gallery-item-button { + width: inherit; +} diff --git a/themesource/datawidgets/web/_pseudo-modal.scss b/themesource/datawidgets/web/_pseudo-modal.scss new file mode 100644 index 0000000..54c9190 --- /dev/null +++ b/themesource/datawidgets/web/_pseudo-modal.scss @@ -0,0 +1,33 @@ +.widget-datagrid-modal { + &-overlay { + animation: fade-in 300ms cubic-bezier(0.16, 1, 0.3, 1); + background-color: rgba(128, 128, 128, 0.5); + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 50; + } + + &-main { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + z-index: 55; + } +} + +@keyframes fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} diff --git a/themesource/datawidgets/web/_three-state-checkbox.scss b/themesource/datawidgets/web/_three-state-checkbox.scss new file mode 100644 index 0000000..3ca401f --- /dev/null +++ b/themesource/datawidgets/web/_three-state-checkbox.scss @@ -0,0 +1,93 @@ +input[type="checkbox"].three-state-checkbox { + position: relative !important; //Remove after mxui merge + width: 16px; + height: 16px; + margin: 0 !important; // Remove after mxui merge + cursor: pointer; + -webkit-user-select: none; + user-select: none; + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + transform: translateZ(0); + + &:disabled { + // reset default disabled cursor + cursor: initial; + } + + &:before, + &:after { + position: absolute; + display: block; + transition: all 0.3s ease; + } + + &:before { + // Checkbox + width: 100%; + height: 100%; + content: ""; + border: 1px solid #e7e7e9; + border-radius: 4px; + background-color: transparent; + } + + &:not(:indeterminate):after { + // Checkmark + width: 8px; + height: 4px; + margin: 5px 4px; + transform: rotate(-45deg); + pointer-events: none; + border: 2px solid #ffffff; + border-top: 0; + border-right: 0; + } + + &:indeterminate:after { + // Dash-mark for indeterminate + width: 8px; + height: 4px; + margin: 5px 4px; + transform: rotate(0deg); + pointer-events: none; + border: 0 solid #ffffff; + border-bottom-width: 2px; + transition: border 0s; + } + + &:not(:disabled):not(:checked):hover:after { + content: ""; + border-color: #e7e7e9; // color of checkmark on hover + } + + &:indeterminate:before, + &:checked:before { + border-color: #264ae5; + background-color: #264ae5; + } + + &:indeterminate:after, + &:checked:after { + content: ""; + } + + &:disabled:before { + background-color: #f8f8f8; + } + + &:indeterminate:disabled:before, + &:checked:disabled:before { + border-color: transparent; + background-color: rgba(#264ae5, 0.4); + } + + &:disabled:after { + border-color: #f8f8f8; + } + + & + .control-label { + margin-left: 8px; + } +} diff --git a/themesource/datawidgets/web/_tree-node-design-properties.scss b/themesource/datawidgets/web/_tree-node-design-properties.scss new file mode 100644 index 0000000..92166b0 --- /dev/null +++ b/themesource/datawidgets/web/_tree-node-design-properties.scss @@ -0,0 +1,49 @@ +/* ========================================================================== + Tree Node + +//== Design Properties +//## Helper classes to change the look and feel of the component +========================================================================== */ +$dg-grid-border-color: #ced0d3; +$dg-grid-bg-hover: #f5f6f6; + +.widget-tree-node-hover { + .widget-tree-node-branch:hover > .widget-tree-node-branch-header { + background-color: var(--grid-bg-hover, $dg-grid-bg-hover); + } +} + +.widget-tree-node-bordered-horizontal { + .widget-tree-node-branch > .widget-tree-node-branch-header { + border-width: 0; + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: var(--grid-border-color, $dg-grid-border-color); + } +} + +.widget-tree-node-bordered-all { + border: 1px solid var(--grid-border-color, $dg-grid-border-color); + border-radius: 8px; + overflow: hidden; + + .widget-tree-node-body:not(.widget-tree-node-branch-loading) { + border-width: 0; + border-top-width: 1px; + border-top-style: solid; + border-top-color: #ced0d3; + } + .widget-tree-node-branch:not(:first-of-type) > .widget-tree-node-branch-header { + border-width: 0; + border-top-width: 1px; + border-top-style: solid; + border-top-color: #ced0d3; + } +} + +.widget-tree-node-bordered-none { + border-width: 0; + .widget-tree-node-branch > .widget-tree-node-branch-header { + border-width: 0; + } +} diff --git a/themesource/datawidgets/web/_tree-node.scss b/themesource/datawidgets/web/_tree-node.scss new file mode 100644 index 0000000..fad6076 --- /dev/null +++ b/themesource/datawidgets/web/_tree-node.scss @@ -0,0 +1,114 @@ +.widget-tree-node { + width: 100%; + padding: 0; + display: flex; + flex-direction: column; + + .widget-tree-node-branch { + display: block; + + &:focus-visible { + outline: none; + & > .widget-tree-node-branch-header { + outline: -webkit-focus-ring-color auto 1px; + outline: -moz-mac-focusring auto 1px; + } + } + } + + .widget-tree-node-branch-header-clickable { + cursor: pointer; + } + + .widget-tree-node-branch-header { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 8px 0; + + svg { + &.widget-tree-node-branch-header-icon-animated { + transition: transform 0.2s ease-in-out 50ms; + } + &.widget-tree-node-branch-header-icon-collapsed-left { + transform: rotate(-90deg); + } + &.widget-tree-node-branch-header-icon-collapsed-right { + transform: rotate(90deg); + } + } + + .widget-tree-node-loading-spinner { + width: 16px; + height: 16px; + animation: spin 2s linear infinite; + } + + @keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } + } + } + + .widget-tree-node-branch-header-reversed { + flex-direction: row-reverse; + } + + .widget-tree-node-branch-header-value { + flex: 1; + font-size: 16px; + margin: 0 8px; + } + + .widget-tree-node-branch-header-icon-container { + display: flex; + align-items: center; + } + + .widget-tree-node-body { + padding-left: 24px; + transition: height 0.2s ease 50ms; + overflow: hidden; + + &.widget-tree-node-branch-hidden { + display: none; + } + } +} + +.widget-tree-node-lined-styling { + .widget-tree-node .widget-tree-node-body { + position: relative; + + &::before { + content: ""; + width: 0px; + height: 100%; + position: absolute; + top: 0; + left: 7px; + border: 1px solid #b6b8be; + } + } + + .widget-tree-node[role="group"] > .widget-tree-node-branch > .widget-tree-node-branch-header { + position: relative; + + &::before { + content: ""; + position: absolute; + width: 10px; + height: 0; + border: 1px solid #b6b8be; + top: 50%; + left: -16px; + transform: translate(0, -50%); + } + } +} diff --git a/themesource/datawidgets/web/design-properties.json b/themesource/datawidgets/web/design-properties.json new file mode 100644 index 0000000..565cb5d --- /dev/null +++ b/themesource/datawidgets/web/design-properties.json @@ -0,0 +1,149 @@ +{ + "com.mendix.widget.web.datagrid.Datagrid": [ + { + "name": "Borders", + "type": "Dropdown", + "description": "Add either a horizontal, vertical separator or both to the cells.", + "options": [ + { + "name": "Both", + "class": "table-bordered-all" + }, + { + "name": "Vertical", + "class": "table-bordered-vertical" + }, + { + "name": "Horizontal", + "class": "table-bordered-horizontal" + }, + { + "name": "None", + "class": "table-bordered-none" + } + ] + }, + { + "name": "Compact", + "type": "Toggle", + "description": "Change the cell spacing to compact.", + "class": "table-compact" + }, + { + "name": "Hover", + "type": "Toggle", + "description": "Highlight a row when hovering over it. Only useful when the row is clickable.", + "class": "table-hover" + }, + { + "name": "Striped", + "type": "Toggle", + "description": "Add alternating background colors to rows.", + "class": "table-striped" + } + ], + "com.mendix.widget.web.gallery.Gallery": [ + { + "name": "Borders", + "type": "Dropdown", + "description": "Add either a horizontal, vertical separator or both to the items.", + "options": [ + { + "name": "Both", + "class": "widget-gallery-bordered-all" + }, + { + "name": "Vertical", + "class": "widget-gallery-bordered-vertical" + }, + { + "name": "Horizontal", + "class": "widget-gallery-bordered-horizontal" + } + ] + }, + { + "name": "Hover", + "type": "Toggle", + "description": "Highlight an item when hovering over it. Only useful when the item is clickable.", + "class": "widget-gallery-hover" + }, + { + "name": "Striped", + "type": "Toggle", + "description": "Add alternating background colors to items.", + "class": "widget-gallery-striped" + }, + { + "name": "Grid spacing", + "type": "Dropdown", + "description": "Change the gap between grid items.", + "options": [ + { + "name": "None", + "class": "widget-gallery-gridgap-none" + }, + { + "name": "Small", + "class": "widget-gallery-gridgap-small" + }, + { + "name": "Medium", + "class": "widget-gallery-gridgap-medium" + }, + { + "name": "Large", + "class": "widget-gallery-gridgap-large" + } + ] + }, + { + "name": "Pagination", + "type": "Dropdown", + "description": "Change the alignment of the pagination.", + "options": [ + { + "name": "Left", + "class": "widget-gallery-pagination-left" + }, + { + "name": "Center", + "class": "widget-gallery-pagination-center" + } + ] + }, + { + "name": "Disable selection highlight", + "type": "Toggle", + "description": "Disable standard styles for highlighting of selected items.", + "class": "widget-gallery-disable-selected-items-highlight" + } + ], + "com.mendix.widget.web.treenode.TreeNode": [ + { + "name": "Borders", + "type": "Dropdown", + "description": "Change the border appearance.", + "options": [ + { + "name": "Horizontal", + "class": "widget-tree-node-bordered-horizontal" + }, + { + "name": "Both", + "class": "widget-tree-node-bordered-all" + }, + { + "name": "None", + "class": "widget-tree-node-bordered-none" + } + ] + }, + { + "name": "Hover", + "type": "Toggle", + "description": "Highlight an item when hovering over it. Only useful when the item is clickable.", + "class": "widget-tree-node-hover" + } + ] +} diff --git a/themesource/datawidgets/web/main.scss b/themesource/datawidgets/web/main.scss new file mode 100644 index 0000000..19fbcb8 --- /dev/null +++ b/themesource/datawidgets/web/main.scss @@ -0,0 +1,11 @@ +@import "../../../theme/web/custom-variables"; +@import "datagrid"; +@import "datagrid-filters"; +@import "datagrid-dropdown-filter"; +@import "datagrid-design-properties"; +@import "drop-down-sort"; +@import "gallery"; +@import "gallery-design-properties"; +@import "three-state-checkbox"; +@import "tree-node"; +@import "tree-node-design-properties"; diff --git a/widgets/SprintrFeedbackWidget.mpk b/widgets/SprintrFeedbackWidget.mpk index 3caed5d..30a3458 100644 Binary files a/widgets/SprintrFeedbackWidget.mpk and b/widgets/SprintrFeedbackWidget.mpk differ diff --git a/widgets/com.mendix.widget.native.Feedback.mpk b/widgets/com.mendix.widget.native.Feedback.mpk index 3932c3f..67f2cfb 100644 Binary files a/widgets/com.mendix.widget.native.Feedback.mpk and b/widgets/com.mendix.widget.native.Feedback.mpk differ diff --git a/widgets/com.mendix.widget.web.Combobox.mpk b/widgets/com.mendix.widget.web.Combobox.mpk new file mode 100644 index 0000000..e84c03b Binary files /dev/null and b/widgets/com.mendix.widget.web.Combobox.mpk differ diff --git a/widgets/com.mendix.widget.web.Datagrid.mpk b/widgets/com.mendix.widget.web.Datagrid.mpk new file mode 100644 index 0000000..e1e6c04 Binary files /dev/null and b/widgets/com.mendix.widget.web.Datagrid.mpk differ diff --git a/widgets/com.mendix.widget.web.DatagridDateFilter.mpk b/widgets/com.mendix.widget.web.DatagridDateFilter.mpk new file mode 100644 index 0000000..dbd7eb1 Binary files /dev/null and b/widgets/com.mendix.widget.web.DatagridDateFilter.mpk differ diff --git a/widgets/com.mendix.widget.web.DatagridDropdownFilter.mpk b/widgets/com.mendix.widget.web.DatagridDropdownFilter.mpk new file mode 100644 index 0000000..6491f5e Binary files /dev/null and b/widgets/com.mendix.widget.web.DatagridDropdownFilter.mpk differ diff --git a/widgets/com.mendix.widget.web.DatagridNumberFilter.mpk b/widgets/com.mendix.widget.web.DatagridNumberFilter.mpk new file mode 100644 index 0000000..e117100 Binary files /dev/null and b/widgets/com.mendix.widget.web.DatagridNumberFilter.mpk differ diff --git a/widgets/com.mendix.widget.web.DatagridTextFilter.mpk b/widgets/com.mendix.widget.web.DatagridTextFilter.mpk new file mode 100644 index 0000000..ad760d9 Binary files /dev/null and b/widgets/com.mendix.widget.web.DatagridTextFilter.mpk differ diff --git a/widgets/com.mendix.widget.web.DropdownSort.mpk b/widgets/com.mendix.widget.web.DropdownSort.mpk new file mode 100644 index 0000000..f091afc Binary files /dev/null and b/widgets/com.mendix.widget.web.DropdownSort.mpk differ diff --git a/widgets/com.mendix.widget.web.Gallery.mpk b/widgets/com.mendix.widget.web.Gallery.mpk new file mode 100644 index 0000000..60ff6df Binary files /dev/null and b/widgets/com.mendix.widget.web.Gallery.mpk differ diff --git a/widgets/com.mendix.widget.web.Image.mpk b/widgets/com.mendix.widget.web.Image.mpk new file mode 100644 index 0000000..53d77db Binary files /dev/null and b/widgets/com.mendix.widget.web.Image.mpk differ diff --git a/widgets/com.mendix.widget.web.LanguageSelector.mpk b/widgets/com.mendix.widget.web.LanguageSelector.mpk new file mode 100644 index 0000000..55e53d0 Binary files /dev/null and b/widgets/com.mendix.widget.web.LanguageSelector.mpk differ diff --git a/widgets/com.mendix.widget.web.SelectionHelper.mpk b/widgets/com.mendix.widget.web.SelectionHelper.mpk new file mode 100644 index 0000000..b7385cf Binary files /dev/null and b/widgets/com.mendix.widget.web.SelectionHelper.mpk differ diff --git a/widgets/com.mendix.widget.web.TreeNode.mpk b/widgets/com.mendix.widget.web.TreeNode.mpk new file mode 100644 index 0000000..ab24d30 Binary files /dev/null and b/widgets/com.mendix.widget.web.TreeNode.mpk differ