diff --git a/.bottomL.menu.php b/.bottomL.menu.php new file mode 100644 index 0000000..1e7176d --- /dev/null +++ b/.bottomL.menu.php @@ -0,0 +1,25 @@ + \ No newline at end of file diff --git a/.bottomR.menu.php b/.bottomR.menu.php new file mode 100644 index 0000000..93b5141 --- /dev/null +++ b/.bottomR.menu.php @@ -0,0 +1,25 @@ + \ No newline at end of file diff --git a/.top.menu.php b/.top.menu.php new file mode 100644 index 0000000..f2a1f4b --- /dev/null +++ b/.top.menu.php @@ -0,0 +1,60 @@ + \ No newline at end of file diff --git a/IMPORT_DATA/TEAM/iblock.xml b/IMPORT_DATA/TEAM/iblock.xml new file mode 100644 index 0000000..8e5b246 --- /dev/null +++ b/IMPORT_DATA/TEAM/iblock.xml @@ -0,0 +1,656 @@ + +<КоммерческаяИнформация ВерсияСхемы="2.021" ДатаФормирования="2014-02-11T22:07:49"> + <Классификатор> + <Ид>1 + <Наименование>Наша команда + <Свойства> + <Свойство> + <Ид>CML2_ACTIVE + <Наименование>БитриксАктивность + <Множественное>false + + <Свойство> + <Ид>CML2_CODE + <Наименование>Символьный код + <Множественное>false + + <Свойство> + <Ид>CML2_SORT + <Наименование>Сортировка + <Множественное>false + + <Свойство> + <Ид>CML2_ACTIVE_FROM + <Наименование>Начало активности + <Множественное>false + + <Свойство> + <Ид>CML2_ACTIVE_TO + <Наименование>Окончание активности + <Множественное>false + + <Свойство> + <Ид>CML2_PREVIEW_TEXT + <Наименование>Анонс + <Множественное>false + + <Свойство> + <Ид>CML2_DETAIL_TEXT + <Наименование>Описание + <Множественное>false + + <Свойство> + <Ид>CML2_PREVIEW_PICTURE + <Наименование>Картинка анонса + <Множественное>false + + <Свойство> + <Ид>1 + <Наименование>Должность + <Множественное>false + <БитриксСортировка>500 + <БитриксКод>POSITION + <БитриксТипСвойства>S + <БитриксСтрок>1 + <БитриксКолонок>30 + <БитриксТипСписка>L + <БитриксТипыФайлов> + <БитриксКоличествоПолей>5 + <БитриксСвязанныйИнфоблок> + <БитриксОписаниеРазрешено>false + <БитриксПоискРазрешен>false + <БитриксФильтрРазрешен>false + <БитриксРасширениеТипа> + <БитриксОбязательное>false + <БитриксЗначениеПоУмолчанию>s:0:""; + <Сериализовано>1 + + + <СвойстваЭлементов> + <Свойство> + <Ид>1 + <УмныйФильтр>false + + + <Группы> + + + <Каталог> + <Ид>1 + <ИдКлассификатора>1 + <Наименование>Наша команда + <БитриксКод>TEAM + <БитриксСортировка>500 + <БитриксURLСписок>#SITE_DIR#/Content/index.php?ID=#IBLOCK_ID# + <БитриксURLДеталь>#SITE_DIR#/Content/detail.php?ID=#ELEMENT_ID# + <БитриксURLРаздел>#SITE_DIR#/Content/list.php?SECTION_ID=#SECTION_ID# + <БитриксКартинка> + <БитриксИндексироватьЭлементы>true + <БитриксИндексироватьРазделы>true + <БитриксДокументооборот>false + <БитриксПодписи> + <БитриксПодпись> + <Ид>ELEMENT_NAME + <Значение>Элемент + + <БитриксПодпись> + <Ид>ELEMENTS_NAME + <Значение>Элементы + + <БитриксПодпись> + <Ид>ELEMENT_ADD + <Значение>Добавить элемент + + <БитриксПодпись> + <Ид>ELEMENT_EDIT + <Значение>Изменить элемент + + <БитриксПодпись> + <Ид>ELEMENT_DELETE + <Значение>Удалить элемент + + <БитриксПодпись> + <Ид>SECTION_NAME + <Значение>Раздел + + <БитриксПодпись> + <Ид>SECTIONS_NAME + <Значение>Разделы + + <БитриксПодпись> + <Ид>SECTION_ADD + <Значение>Добавить раздел + + <БитриксПодпись> + <Ид>SECTION_EDIT + <Значение>Изменить раздел + + <БитриксПодпись> + <Ид>SECTION_DELETE + <Значение>Удалить раздел + + + <Товары> + <Товар> + <Ид>1 + <Наименование>John Doe + <БитриксТеги> + <Группы> + + <Картинка> + <ЗначенияСвойств> + <ЗначенияСвойства> + <Ид>CML2_ACTIVE + <Значение>true + + <ЗначенияСвойства> + <Ид>CML2_CODE + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_SORT + <Значение>100 + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_FROM + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_TO + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_DETAIL_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_PICTURE + <Значение>iblock_files/iblock/a7a/a7a34cfcf007610bd658c715bae39b50.jpg + + <ЗначенияСвойства> + <Ид>1 + <Значение>ceo + <ЗначениеСвойства> + <Значение>ceo + <Описание> + + + + + <Товар> + <Ид>2 + <Наименование>Saundra Pittsley + <БитриксТеги> + <Группы> + + <Картинка> + <ЗначенияСвойств> + <ЗначенияСвойства> + <Ид>CML2_ACTIVE + <Значение>true + + <ЗначенияСвойства> + <Ид>CML2_CODE + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_SORT + <Значение>200 + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_FROM + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_TO + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_DETAIL_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_PICTURE + <Значение>iblock_files/iblock/287/287f9cdaa0200bdda9152cac1ac7135d.jpg + + <ЗначенияСвойства> + <Ид>1 + <Значение>team leader + <ЗначениеСвойства> + <Значение>team leader + <Описание> + + + + + <Товар> + <Ид>3 + <Наименование>Margery Venuti + <БитриксТеги> + <Группы> + + <Картинка> + <ЗначенияСвойств> + <ЗначенияСвойства> + <Ид>CML2_ACTIVE + <Значение>true + + <ЗначенияСвойства> + <Ид>CML2_CODE + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_SORT + <Значение>400 + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_FROM + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_TO + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_DETAIL_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_PICTURE + <Значение>iblock_files/iblock/440/440bff400b7ebbbc474b9f4b97fd46cf.jpg + + <ЗначенияСвойства> + <Ид>1 + <Значение>senior developer + <ЗначениеСвойства> + <Значение>senior developer + <Описание> + + + + + <Товар> + <Ид>4 + <Наименование>Julio Simser + <БитриксТеги> + <Группы> + + <Картинка> + <ЗначенияСвойств> + <ЗначенияСвойства> + <Ид>CML2_ACTIVE + <Значение>true + + <ЗначенияСвойства> + <Ид>CML2_CODE + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_SORT + <Значение>300 + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_FROM + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_TO + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_DETAIL_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_PICTURE + <Значение>iblock_files/iblock/04e/04e7b0849f3f71b52bbbdfd654c1dc08.jpg + + <ЗначенияСвойства> + <Ид>1 + <Значение>senior developer + <ЗначениеСвойства> + <Значение>senior developer + <Описание> + + + + + <Товар> + <Ид>5 + <Наименование>Fernando Tondrea + <БитриксТеги> + <Группы> + + <Картинка> + <ЗначенияСвойств> + <ЗначенияСвойства> + <Ид>CML2_ACTIVE + <Значение>true + + <ЗначенияСвойства> + <Ид>CML2_CODE + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_SORT + <Значение>500 + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_FROM + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_TO + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_DETAIL_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_PICTURE + <Значение>iblock_files/iblock/d47/d479d0be3fd23e606f3f696f6f272278.jpg + + <ЗначенияСвойства> + <Ид>1 + <Значение>developer + <ЗначениеСвойства> + <Значение>developer + <Описание> + + + + + <Товар> + <Ид>6 + <Наименование>Ericka Nobriga + <БитриксТеги> + <Группы> + + <Картинка> + <ЗначенияСвойств> + <ЗначенияСвойства> + <Ид>CML2_ACTIVE + <Значение>true + + <ЗначенияСвойства> + <Ид>CML2_CODE + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_SORT + <Значение>600 + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_FROM + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_TO + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_DETAIL_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_PICTURE + <Значение>iblock_files/iblock/4cb/4cb88f06ef535f9cfd260d9ac3099a6a.jpg + + <ЗначенияСвойства> + <Ид>1 + <Значение>art director + <ЗначениеСвойства> + <Значение>art director + <Описание> + + + + + <Товар> + <Ид>7 + <Наименование>Cody Rousselle + <БитриксТеги> + <Группы> + + <Картинка> + <ЗначенияСвойств> + <ЗначенияСвойства> + <Ид>CML2_ACTIVE + <Значение>true + + <ЗначенияСвойства> + <Ид>CML2_CODE + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_SORT + <Значение>700 + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_FROM + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_TO + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_DETAIL_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_PICTURE + <Значение>iblock_files/iblock/d96/d96f8818e9ac9d1e002ac1fc6cb3bb8d.jpg + + <ЗначенияСвойства> + <Ид>1 + <Значение>senior ui designer + <ЗначениеСвойства> + <Значение>senior ui designer + <Описание> + + + + + <Товар> + <Ид>8 + <Наименование>Erik Wollman + <БитриксТеги> + <Группы> + + <Картинка> + <ЗначенияСвойств> + <ЗначенияСвойства> + <Ид>CML2_ACTIVE + <Значение>true + + <ЗначенияСвойства> + <Ид>CML2_CODE + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_SORT + <Значение>800 + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_FROM + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_TO + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_DETAIL_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_PICTURE + <Значение>iblock_files/iblock/be5/be5a68cb5f08b393bc213eaecb935874.jpg + + <ЗначенияСвойства> + <Ид>1 + <Значение>senior ui designer + <ЗначениеСвойства> + <Значение>senior ui designer + <Описание> + + + + + <Товар> + <Ид>9 + <Наименование>Dona Shoff + <БитриксТеги> + <Группы> + + <Картинка> + <ЗначенияСвойств> + <ЗначенияСвойства> + <Ид>CML2_ACTIVE + <Значение>true + + <ЗначенияСвойства> + <Ид>CML2_CODE + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_SORT + <Значение>900 + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_FROM + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_TO + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_DETAIL_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_PICTURE + <Значение>iblock_files/iblock/f73/f733bd1652b35a45b8e9921b89cf5452.jpg + + <ЗначенияСвойства> + <Ид>1 + <Значение>ux designer + <ЗначениеСвойства> + <Значение>ux designer + <Описание> + + + + + <Товар> + <Ид>10 + <Наименование>Darryl Brunton + <БитриксТеги> + <Группы> + + <Картинка> + <ЗначенияСвойств> + <ЗначенияСвойства> + <Ид>CML2_ACTIVE + <Значение>true + + <ЗначенияСвойства> + <Ид>CML2_CODE + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_SORT + <Значение>1000 + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_FROM + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_ACTIVE_TO + <Значение> + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_DETAIL_TEXT + <Значение> + <Тип>text + + <ЗначенияСвойства> + <Ид>CML2_PREVIEW_PICTURE + <Значение>iblock_files/iblock/a1d/a1dfb93bc32a2cb73cd31df5e67b1edb.jpg + + <ЗначенияСвойства> + <Ид>1 + <Значение>ui designer + <ЗначениеСвойства> + <Значение>ui designer + <Описание> + + + + + + + diff --git a/www/images/team/Brunton.jpg b/IMPORT_DATA/TEAM/iblock_files/iblock/04e/04e7b0849f3f71b52bbbdfd654c1dc08.jpg similarity index 100% rename from www/images/team/Brunton.jpg rename to IMPORT_DATA/TEAM/iblock_files/iblock/04e/04e7b0849f3f71b52bbbdfd654c1dc08.jpg diff --git a/www/images/team/Doe.jpg b/IMPORT_DATA/TEAM/iblock_files/iblock/287/287f9cdaa0200bdda9152cac1ac7135d.jpg similarity index 100% rename from www/images/team/Doe.jpg rename to IMPORT_DATA/TEAM/iblock_files/iblock/287/287f9cdaa0200bdda9152cac1ac7135d.jpg diff --git a/www/images/team/Nobriga.jpg b/IMPORT_DATA/TEAM/iblock_files/iblock/440/440bff400b7ebbbc474b9f4b97fd46cf.jpg similarity index 100% rename from www/images/team/Nobriga.jpg rename to IMPORT_DATA/TEAM/iblock_files/iblock/440/440bff400b7ebbbc474b9f4b97fd46cf.jpg diff --git a/www/images/team/Pittsley.jpg b/IMPORT_DATA/TEAM/iblock_files/iblock/4cb/4cb88f06ef535f9cfd260d9ac3099a6a.jpg similarity index 100% rename from www/images/team/Pittsley.jpg rename to IMPORT_DATA/TEAM/iblock_files/iblock/4cb/4cb88f06ef535f9cfd260d9ac3099a6a.jpg diff --git a/www/images/team/Rousselle.jpg b/IMPORT_DATA/TEAM/iblock_files/iblock/a1d/a1dfb93bc32a2cb73cd31df5e67b1edb.jpg similarity index 100% rename from www/images/team/Rousselle.jpg rename to IMPORT_DATA/TEAM/iblock_files/iblock/a1d/a1dfb93bc32a2cb73cd31df5e67b1edb.jpg diff --git a/www/images/team/Shoff.jpg b/IMPORT_DATA/TEAM/iblock_files/iblock/a7a/a7a34cfcf007610bd658c715bae39b50.jpg similarity index 100% rename from www/images/team/Shoff.jpg rename to IMPORT_DATA/TEAM/iblock_files/iblock/a7a/a7a34cfcf007610bd658c715bae39b50.jpg diff --git a/www/images/team/Simser.jpg b/IMPORT_DATA/TEAM/iblock_files/iblock/be5/be5a68cb5f08b393bc213eaecb935874.jpg similarity index 100% rename from www/images/team/Simser.jpg rename to IMPORT_DATA/TEAM/iblock_files/iblock/be5/be5a68cb5f08b393bc213eaecb935874.jpg diff --git a/www/images/team/Tondrea.jpg b/IMPORT_DATA/TEAM/iblock_files/iblock/d47/d479d0be3fd23e606f3f696f6f272278.jpg similarity index 100% rename from www/images/team/Tondrea.jpg rename to IMPORT_DATA/TEAM/iblock_files/iblock/d47/d479d0be3fd23e606f3f696f6f272278.jpg diff --git a/www/images/team/Venuti.jpg b/IMPORT_DATA/TEAM/iblock_files/iblock/d96/d96f8818e9ac9d1e002ac1fc6cb3bb8d.jpg similarity index 100% rename from www/images/team/Venuti.jpg rename to IMPORT_DATA/TEAM/iblock_files/iblock/d96/d96f8818e9ac9d1e002ac1fc6cb3bb8d.jpg diff --git a/www/images/team/Wollman.jpg b/IMPORT_DATA/TEAM/iblock_files/iblock/f73/f733bd1652b35a45b8e9921b89cf5452.jpg similarity index 100% rename from www/images/team/Wollman.jpg rename to IMPORT_DATA/TEAM/iblock_files/iblock/f73/f733bd1652b35a45b8e9921b89cf5452.jpg diff --git a/README.md b/README.md index 62c7e83..8a9154f 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,12 @@ -Whitesquare bootstrap +Whitesquare bootstrap 1C-Bitrix Template ===================== Original design: [CORPORATE BLUE by pcklaboratory](http://www.pcklab.com/item.php?id=16) Bootstrap implementation: [article by Mirantus](http://habrahabr.ru/post/211032/) +1C-Bitrix implementation: [article by Lexnekr](http://habrahabr.ru/post/212163/) + Screenshot: -![Alt text](http://monosnap.com/image/k6yxH8XwnejgPrQHy8qY0KMQrLekF0.png) \ No newline at end of file +![Alt text](http://monosnap.com/image/k6yxH8XwnejgPrQHy8qY0KMQrLekF0.png) diff --git a/about/.left.menu.php b/about/.left.menu.php new file mode 100644 index 0000000..c867a27 --- /dev/null +++ b/about/.left.menu.php @@ -0,0 +1,46 @@ + \ No newline at end of file diff --git a/about/.section.php b/about/.section.php new file mode 100644 index 0000000..058ad32 --- /dev/null +++ b/about/.section.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/about/index.php b/about/index.php new file mode 100644 index 0000000..faf6ca0 --- /dev/null +++ b/about/index.php @@ -0,0 +1,92 @@ +SetTitle("About us");?> + + + + + + + + +
+

“Quisque in enim velit, at dignissim est. nulla ul corper, dolor ac pellentesque placerat, justo tellus gravida erat, vel porttitor libero erat.”

+ John Doe, Lorem Ipsum
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non neque ac sem accumsan rhoncus ut ut turpis. In hac habitasse platea dictumst. Proin eget nisi erat, et feugiat arcu. Duis semper porttitor lectus, ac pharetra erat imperdiet nec. Morbi interdum felis nulla. Aenean eros orci, pellentesque sed egestas vitae, auctor aliquam nisi. Nulla nec libero eget sem rutrum iaculis. Quisque in enim velit, at dignissim est. Nulla ullamcorper, dolor ac pellentesque placerat, justo tellus gravida erat, vel porttitor libero erat condimentum metus. Donec sodales aliquam orci id suscipit. Proin sed risus sit amet massa ultrices laoreet quis a erat. Aliquam et metus id erat vulputate egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Donec vel nisl nibh. Aenean quam tortor, tempus sit amet mattis dapibus, egestas tempor dui. Duis vestibulum imperdiet risus pretium pretium. Nunc vitae porta ligula. Vestibulum sit amet nulla quam. Aenean lacinia, ante vitae sodales sagittis, leo felis bibendum neque, mattis sagittis neque urna vel magna. Sed at sem vitae lorem blandit feugiat.

+ +

Donec vel orci purus, ut ornare orci. Aenean rutrum pellentesque quam. Quisque gravida adipiscing augue, eget commodo augue egestas varius. Integer volutpat, tellus porta tincidunt sodales, lacus est tempus odio, fringilla blandit tortor lectus ut sem. Pellentesque nec sem lacus, sit amet consequat neque. Etiam varius urna quis arcu cursus in consectetur dui tincidunt. Quisque arcu orci, lacinia eget pretium vel, iaculis pellentesque nibh. Etiam cursus lacus eget neque viverra vestibulum. Aliquam erat volutpat. Duis pulvinar tellus ut urna facilisis mollis. Maecenas ac pharetra dui. Pellentesque neque ante, luctus eget congue eget, rhoncus vel mauris. Duis nisi magna, aliquet a convallis non, venenatis at nisl. Nunc at quam eu magna malesuada dignissim. Duis bibendum iaculis felis, eu venenatis risus sodales non. In ligula mi, faucibus eu tristique sed, vulputate rutrum dolor.

+ +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non neque ac sem accumsan rhoncus ut ut turpis. In hac habitasse platea dictumst. Proin eget nisi erat, et feugiat arcu. Duis semper porttitor lectus, ac pharetra erat imperdiet nec. Morbi interdum felis nulla. Aenean eros orci, pellentesque sed egestas vitae, auctor aliquam nisi. Nulla nec libero eget sem rutrum iaculis. Quisque in enim velit, at dignissim est. Nulla ullamcorper, dolor ac pellentesque placerat, justo tellus gravida erat, vel porttitor libero erat condimentum metus. Donec sodales aliquam orci id suscipit. Proin sed risus sit amet massa ultrices laoreet quis a erat. Aliquam et metus id erat vulputate egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ + + + + + + + + + + +IncludeComponent("bitrix:news.list", "team-list", array( + "IBLOCK_TYPE" => "Content", + "IBLOCK_ID" => "TEAM", + "NEWS_COUNT" => "20", + "SORT_BY1" => "ACTIVE_FROM", + "SORT_ORDER1" => "DESC", + "SORT_BY2" => "SORT", + "SORT_ORDER2" => "ASC", + "FILTER_NAME" => "", + "FIELD_CODE" => array( + 0 => "", + 1 => "", + ), + "PROPERTY_CODE" => array( + 0 => "", + 1 => "POSITION", + 2 => "", + ), + "CHECK_DATES" => "Y", + "DETAIL_URL" => "", + "AJAX_MODE" => "N", + "AJAX_OPTION_JUMP" => "N", + "AJAX_OPTION_STYLE" => "Y", + "AJAX_OPTION_HISTORY" => "N", + "CACHE_TYPE" => "A", + "CACHE_TIME" => "36000000", + "CACHE_FILTER" => "N", + "CACHE_GROUPS" => "Y", + "PREVIEW_TRUNCATE_LEN" => "", + "ACTIVE_DATE_FORMAT" => "d.m.Y", + "SET_TITLE" => "N", + "SET_STATUS_404" => "N", + "INCLUDE_IBLOCK_INTO_CHAIN" => "Y", + "ADD_SECTIONS_CHAIN" => "Y", + "HIDE_LINK_WHEN_NO_DETAIL" => "N", + "PARENT_SECTION" => "", + "PARENT_SECTION_CODE" => "", + "INCLUDE_SUBSECTIONS" => "Y", + "PAGER_TEMPLATE" => ".default", + "DISPLAY_TOP_PAGER" => "N", + "DISPLAY_BOTTOM_PAGER" => "N", + "PAGER_TITLE" => "Новости", + "PAGER_SHOW_ALWAYS" => "N", + "PAGER_DESC_NUMBERING" => "N", + "PAGER_DESC_NUMBERING_CACHE_TIME" => "36000", + "PAGER_SHOW_ALL" => "N", + "DISPLAY_DATE" => "Y", + "DISPLAY_NAME" => "Y", + "DISPLAY_PICTURE" => "Y", + "DISPLAY_PREVIEW_TEXT" => "Y", + "LIST_NAME" => "Our Team", + "AJAX_OPTION_ADDITIONAL" => "" + ), + false +);?> \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/.styles.php b/bitrix/templates/whitesquare-bootstrap/.styles.php new file mode 100644 index 0000000..30dfef3 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/.styles.php @@ -0,0 +1,5 @@ + "цитата", +); +?> \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/.parameters.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/.parameters.php new file mode 100644 index 0000000..ea3da30 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/.parameters.php @@ -0,0 +1,12 @@ + Array( + "NAME" => GetMessage("SIDEBAR_MAP_NAME"), + "TYPE" => "HTML", + "DEFAULT" => "Our offices", + ), +); +?> \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/lang/en/.parameters.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/lang/en/.parameters.php new file mode 100644 index 0000000..20ff105 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/lang/en/.parameters.php @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/lang/en/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/lang/en/template.php new file mode 100644 index 0000000..3f77f75 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/lang/en/template.php @@ -0,0 +1,8 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/lang/ru/.parameters.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/lang/ru/.parameters.php new file mode 100644 index 0000000..7017352 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/lang/ru/.parameters.php @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/lang/ru/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/lang/ru/template.php new file mode 100644 index 0000000..5c8c157 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/lang/ru/template.php @@ -0,0 +1,8 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/script.js b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/script.js new file mode 100644 index 0000000..6f00336 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/script.js @@ -0,0 +1,49 @@ +if (!window.BX_GMapAddPlacemark) +{ + window.BX_GMapAddPlacemark = function(arPlacemark, map_id) + { + var map = GLOBAL_arMapObjects[map_id]; + + if (null == map) + return false; + + if(!arPlacemark.LAT || !arPlacemark.LON) + return false; + + var obPlacemark = new google.maps.Marker({ + 'position': new google.maps.LatLng(arPlacemark.LAT, arPlacemark.LON), + 'map': map + }); + + if (BX.type.isNotEmptyString(arPlacemark.TEXT)) + { + obPlacemark.infowin = new google.maps.InfoWindow({ + content: arPlacemark.TEXT.replace(/\n/g, '
') + }); + + google.maps.event.addListener(obPlacemark, 'click', function() { + if (null != window['__bx_google_infowin_opened_' + map_id]) + window['__bx_google_infowin_opened_' + map_id].close(); + + this.infowin.open(this.map, this); + window['__bx_google_infowin_opened_' + map_id] = this.infowin; + }); + } + + return obPlacemark; + } +} + +if (null == window.BXWaitForMap_view) +{ + function BXWaitForMap_view(map_id) + { + if (null == window.GLOBAL_arMapObjects) + return; + + if (window.GLOBAL_arMapObjects[map_id]) + window['BX_SetPlacemarks_' + map_id](); + else + setTimeout('BXWaitForMap_view(\'' + map_id + '\')', 300); + } +} \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/template.php new file mode 100644 index 0000000..9c6cdad --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/map.google.view/sidebar-map/template.php @@ -0,0 +1,79 @@ + + + $arParams['INIT_MAP_TYPE'], + 'INIT_MAP_LON' => $arResult['POSITION']['google_lon'], + 'INIT_MAP_LAT' => $arResult['POSITION']['google_lat'], + 'INIT_MAP_SCALE' => $arResult['POSITION']['google_scale'], + 'MAP_WIDTH' => $arParams['MAP_WIDTH'], + 'MAP_HEIGHT' => $arParams['MAP_HEIGHT'], + 'CONTROLS' => $arParams['CONTROLS'], + 'OPTIONS' => $arParams['OPTIONS'], + 'MAP_ID' => $arParams['MAP_ID'], +); + +if ($arParams['DEV_MODE'] == 'Y') +{ + $arTransParams['DEV_MODE'] = 'Y'; + if ($arParams['WAIT_FOR_EVENT']) + $arTransParams['WAIT_FOR_EVENT'] = $arParams['WAIT_FOR_EVENT']; +} +?> + + + + + +
+
+
+ + + + + + + + + + + +
+
+'; print_r($arResult['POSITION']); echo ''; + +$APPLICATION->IncludeComponent('bitrix:map.google.system', '.default', $arTransParams, false, array('HIDE_ICONS' => 'Y')); +?> +
+
+ + + + + + + +
+
+ + + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/.description.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/.description.php new file mode 100644 index 0000000..d214dd2 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/.description.php @@ -0,0 +1,8 @@ + GetMessage("MENU_DOT_DEFAULT_NAME"), + "DESCRIPTION" => GetMessage("MENU_DOT_DEFAULT_DESC"), +); +?> \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/images/left_menu_bg.gif b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/images/left_menu_bg.gif new file mode 100644 index 0000000..67ed566 Binary files /dev/null and b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/images/left_menu_bg.gif differ diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/lang/en/.description.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/lang/en/.description.php new file mode 100644 index 0000000..6af1d9b --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/lang/en/.description.php @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/lang/ru/.description.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/lang/ru/.description.php new file mode 100644 index 0000000..45e1475 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/lang/ru/.description.php @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/style.css b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/style.css new file mode 100644 index 0000000..bb279eb --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/style.css @@ -0,0 +1,43 @@ +/* Left menu*/ +ul.left-menu +{ + list-style:none; + margin:0; padding:0; + margin-bottom:8px; + position: relative; /*IE bug*/ +} + +ul.left-menu li +{ + padding: 10px 16px; + background:#F5F5F5 url(images/left_menu_bg.gif) top repeat-x; +} + +ul.left-menu li a +{ + font-size:100%; + color:#BC262C; + font-weight:bold; + text-decoration:none; +} + +ul.left-menu li a:visited +{ + color:#BC262C; +} + +ul.left-menu li a:hover +{ + color:#BC262C; +} + + +ul.left-menu li a.selected:link, +ul.left-menu li a.selected:visited, +ul.left-menu li a.selected:active, +ul.left-menu li a.selected:hover +{ + color:#FC8D3D; +} + + diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/template.php new file mode 100644 index 0000000..4bde490 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/bottom/template.php @@ -0,0 +1,17 @@ + + + +
+ + 1) + continue; +?> + +"> + + + +
+ \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/.description.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/.description.php new file mode 100644 index 0000000..d214dd2 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/.description.php @@ -0,0 +1,8 @@ + GetMessage("MENU_DOT_DEFAULT_NAME"), + "DESCRIPTION" => GetMessage("MENU_DOT_DEFAULT_DESC"), +); +?> \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/images/left_menu_bg.gif b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/images/left_menu_bg.gif new file mode 100644 index 0000000..67ed566 Binary files /dev/null and b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/images/left_menu_bg.gif differ diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/lang/en/.description.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/lang/en/.description.php new file mode 100644 index 0000000..6af1d9b --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/lang/en/.description.php @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/lang/ru/.description.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/lang/ru/.description.php new file mode 100644 index 0000000..45e1475 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/lang/ru/.description.php @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/style.css b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/style.css new file mode 100644 index 0000000..bb279eb --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/style.css @@ -0,0 +1,43 @@ +/* Left menu*/ +ul.left-menu +{ + list-style:none; + margin:0; padding:0; + margin-bottom:8px; + position: relative; /*IE bug*/ +} + +ul.left-menu li +{ + padding: 10px 16px; + background:#F5F5F5 url(images/left_menu_bg.gif) top repeat-x; +} + +ul.left-menu li a +{ + font-size:100%; + color:#BC262C; + font-weight:bold; + text-decoration:none; +} + +ul.left-menu li a:visited +{ + color:#BC262C; +} + +ul.left-menu li a:hover +{ + color:#BC262C; +} + + +ul.left-menu li a.selected:link, +ul.left-menu li a.selected:visited, +ul.left-menu li a.selected:active, +ul.left-menu li a.selected:hover +{ + color:#FC8D3D; +} + + diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/template.php new file mode 100644 index 0000000..501ded8 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/left/template.php @@ -0,0 +1,20 @@ + + + + + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/.description.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/.description.php new file mode 100644 index 0000000..d214dd2 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/.description.php @@ -0,0 +1,8 @@ + GetMessage("MENU_DOT_DEFAULT_NAME"), + "DESCRIPTION" => GetMessage("MENU_DOT_DEFAULT_DESC"), +); +?> \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/images/left_menu_bg.gif b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/images/left_menu_bg.gif new file mode 100644 index 0000000..67ed566 Binary files /dev/null and b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/images/left_menu_bg.gif differ diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/lang/en/.description.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/lang/en/.description.php new file mode 100644 index 0000000..6af1d9b --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/lang/en/.description.php @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/lang/ru/.description.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/lang/ru/.description.php new file mode 100644 index 0000000..45e1475 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/lang/ru/.description.php @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/style.css b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/style.css new file mode 100644 index 0000000..bb279eb --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/style.css @@ -0,0 +1,43 @@ +/* Left menu*/ +ul.left-menu +{ + list-style:none; + margin:0; padding:0; + margin-bottom:8px; + position: relative; /*IE bug*/ +} + +ul.left-menu li +{ + padding: 10px 16px; + background:#F5F5F5 url(images/left_menu_bg.gif) top repeat-x; +} + +ul.left-menu li a +{ + font-size:100%; + color:#BC262C; + font-weight:bold; + text-decoration:none; +} + +ul.left-menu li a:visited +{ + color:#BC262C; +} + +ul.left-menu li a:hover +{ + color:#BC262C; +} + + +ul.left-menu li a.selected:link, +ul.left-menu li a.selected:visited, +ul.left-menu li a.selected:active, +ul.left-menu li a.selected:hover +{ + color:#FC8D3D; +} + + diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/template.php new file mode 100644 index 0000000..c09f542 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/menu/top/template.php @@ -0,0 +1,20 @@ + + + + + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/.parameters.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/.parameters.php new file mode 100644 index 0000000..df59882 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/.parameters.php @@ -0,0 +1,31 @@ + Array( + "NAME" => GetMessage("T_IBLOCK_DESC_NEWS_DATE"), + "TYPE" => "CHECKBOX", + "DEFAULT" => "Y", + ), + "DISPLAY_NAME" => Array( + "NAME" => GetMessage("T_IBLOCK_DESC_NEWS_NAME"), + "TYPE" => "CHECKBOX", + "DEFAULT" => "Y", + ), + "DISPLAY_PICTURE" => Array( + "NAME" => GetMessage("T_IBLOCK_DESC_NEWS_PICTURE"), + "TYPE" => "CHECKBOX", + "DEFAULT" => "Y", + ), + "DISPLAY_PREVIEW_TEXT" => Array( + "NAME" => GetMessage("T_IBLOCK_DESC_NEWS_TEXT"), + "TYPE" => "CHECKBOX", + "DEFAULT" => "Y", + ), + "LIST_NAME" => Array( + "NAME" => GetMessage("LIST_NAME"), + "TYPE" => "HTML", + "DEFAULT" => "Our Team", + ), +); +?> diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/lang/en/.parameters.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/lang/en/.parameters.php new file mode 100644 index 0000000..c2ff190 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/lang/en/.parameters.php @@ -0,0 +1,7 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/lang/en/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/lang/en/template.php new file mode 100644 index 0000000..49b692a --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/lang/en/template.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/lang/ru/.parameters.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/lang/ru/.parameters.php new file mode 100644 index 0000000..1883864 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/lang/ru/.parameters.php @@ -0,0 +1,7 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/lang/ru/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/lang/ru/template.php new file mode 100644 index 0000000..af4d046 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/lang/ru/template.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/style.css b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/style.css new file mode 100644 index 0000000..c746576 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/style.css @@ -0,0 +1,8 @@ +div.news-list img.preview_picture +{ + float:left; + margin:0 4px 6px 0; +} +.news-date-time { + color:#486DAA; +} diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/template.php new file mode 100644 index 0000000..d355c27 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/news.list/team-list/template.php @@ -0,0 +1,44 @@ + +

+ +
+
+ +
+ + + AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_EDIT")); + $this->AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_DELETE"), array("CONFIRM" => GetMessage('CT_BNL_ELEMENT_DELETE_CONFIRM'))); + ?> +
+ " alt="" title="" class="thumbnail"> +
+

+

+
+
+ += 5) { + $i = 0; +?> +
+ + + + 0) { +?> +
+ + +
+ +
diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/lang/en/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/lang/en/template.php new file mode 100644 index 0000000..639620b --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/lang/en/template.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/lang/ru/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/lang/ru/template.php new file mode 100644 index 0000000..39a37c2 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/lang/ru/template.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/script.js b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/script.js new file mode 100644 index 0000000..e350d99 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/script.js @@ -0,0 +1,561 @@ +if (typeof oObject != "object") + window.oObject = {}; + +function JsSuggest(oHandler, sParams, sParser) +{ + var + t = this, + tmp = 0; + + t.oObj = oHandler; + t.sParams = sParams; + // Arrays for data + if (sParser) + { + t.sExp = new RegExp("["+sParser+"]+", "i"); + } + else + { + t.sExp = new RegExp(","); + } + t.oLast = {"str":false, "arr":false}; + t.oThis = {"str":false, "arr":false}; + t.oEl = {"start":false, "end":false}; + t.oUnfinedWords = {}; + // Flags + t.bReady = true, t.eFocus = true; + // Array with results & it`s showing + t.aDiv = null, t.oDiv = null; + // Pointers + t.oActive = null, t.oPointer = Array(), t.oPointer_default = Array(), t.oPointer_this = 'input_field'; + + t.oObj.onblur = function(){t.eFocus = false;} + t.oObj.onfocus = function(){if (!t.eFocus){t.eFocus = true; setTimeout(function(){t.CheckModif('focus')}, 500);}} + + t.oLast["arr"] = t.oObj.value.split(t.sExp); + t.oLast["str"] = t.oLast["arr"].join(":"); + + setTimeout(function(){t.CheckModif('this')}, 500); + + this.CheckModif = function(__data) + { + var + sThis = false, tmp = 0, + bUnfined = false, word = "", + cursor = {}; + + if (!t.eFocus) + return; + + if (t.bReady && t.oObj.value.length > 0) + { + // Preparing input data + t.oThis["arr"] = t.oObj.value.split(t.sExp); + t.oThis["str"] = t.oThis["arr"].join(":"); + + // Getting modificated element + if (t.oThis["str"] && (t.oThis["str"] != t.oLast["str"])) + { + cursor['position'] = TCJsUtils.getCursorPosition(t.oObj); + if (cursor['position']['end'] > 0 && !t.sExp.test(t.oObj.value.substr(cursor['position']['end']-1, 1))) + { + cursor['arr'] = t.oObj.value.substr(0, cursor['position']['end']).split(t.sExp); + sThis = t.oThis["arr"][cursor['arr'].length - 1]; + + t.oEl['start'] = cursor['position']['end'] - cursor['arr'][cursor['arr'].length - 1].length; + t.oEl['end'] = t.oEl['start'] + sThis.length; + t.oEl['content'] = sThis; + + t.oLast["arr"] = t.oThis["arr"]; + t.oLast["str"] = t.oThis["str"]; + } + } + if (sThis) + { + // Checking for UnfinedWords + for (tmp = 2; tmp <= sThis.length; tmp++) + { + word = sThis.substr(0, tmp); + if (t.oUnfinedWords[word] == '!fined') + { + bUnfined = true; + break; + } + } + if (!bUnfined) + t.Send(sThis); + } + } + setTimeout(function(){t.CheckModif('this')}, 500); + }, + + t.Send = function(sSearch) + { + if (!sSearch) + return false; + + var TID = null, oError = Array(); + t.bReady = false; + if (BX('wait_container')) + { + BX('wait_container').innerHTML = BX.message('JS_CORE_LOADING'); + BX.show(BX('wait_container')); + } + BX.ajax.post( + '/bitrix/components/bitrix/search.suggest.input/search.php', + {"search":sSearch, "params":t.sParams}, + function(data) + { + var result = {}; + t.bReady = true; + + try + { + eval("result = " + data + ";"); + } + catch(e) + { + oError['result_unval'] = e; + } + + if (TCJsUtils.empty(result)) + oError['result_empty'] = 'Empty result'; + + try + { + if (TCJsUtils.empty(oError) && (typeof result == 'object')) + { + if (!(result.length == 1 && result[0]['NAME'] == t.oEl['content'])) + { + t.Show(result); + return; + } + } + else + { + t.oUnfinedWords[t.oEl['content']] = '!fined'; + } + } + catch(e) + { + oError['unknown_error'] = e; + } + + if(BX('wait_container')) + BX.hide(BX('wait_container')); + + return; + } + ); + }, + + t.Show = function(result) + { + t.Destroy(); + t.oDiv = document.body.appendChild(document.createElement("DIV")); + t.oDiv.id = t.oObj.id+'_div'; + + t.oDiv.className = "search-popup"; + t.oDiv.style.position = 'absolute'; + + t.aDiv = t.Print(result); + var pos = TCJsUtils.GetRealPos(t.oObj); + t.oDiv.style.width = parseInt(pos["width"]) + "px"; + TCJsUtils.show(t.oDiv, pos["left"], pos["bottom"]); + TCJsUtils.addEvent(document, "click", t.CheckMouse); + TCJsUtils.addEvent(document, "keydown", t.CheckKeyword); + }, + + t.Print = function(aArr) + { + var + aEl = null, sPrefix = '', sColumn = '', + aResult = Array(), aRes = Array(), + iCnt = 0, tmp = 0, tmp_ = 0, bFirst = true, + oDiv = null, oSpan = null; + + sPrefix = t.oDiv.id; + + for (tmp_ in aArr) + { + // Math + aEl = aArr[tmp_]; + aRes = Array(); + aRes['ID'] = (aEl['ID'] && aEl['ID'].length > 0) ? aEl['ID'] : iCnt++; + aRes['GID'] = sPrefix + '_' + aRes['ID']; + aRes['NAME'] = TCJsUtils.htmlspecialcharsEx(aEl['NAME']); + aRes['CNT'] = aEl['CNT']; + aResult[aRes['GID']] = aRes; + t.oPointer.push(aRes['GID']); + // Graph + oDiv = t.oDiv.appendChild(document.createElement("DIV")); + oDiv.id = aRes['GID']; + oDiv.name = sPrefix + '_div'; + + oDiv.className = 'search-popup-row'; + + oDiv.onmouseover = function(){t.Init(); this.className='search-popup-row-active';}; + oDiv.onmouseout = function(){t.Init(); this.className='search-popup-row';}; + oDiv.onclick = function(){t.oActive = this.id}; + + oSpan = oDiv.appendChild(document.createElement("DIV")); + oSpan.id = oDiv.id + '_NAME'; + oSpan.className = "search-popup-el search-popup-el-cnt"; + oSpan.innerHTML = aRes['CNT']; + + oSpan = oDiv.appendChild(document.createElement("DIV")); + oSpan.id = oDiv.id + '_NAME'; + oSpan.className = "search-popup-el search-popup-el-name"; + oSpan.innerHTML = aRes['NAME']; + + } + t.oPointer.push('input_field'); + t.oPointer_default = t.oPointer; + return aResult; + }, + + t.Destroy = function() + { + try + { + TCJsUtils.hide(t.oDiv); + t.oDiv.parentNode.removeChild(t.oDiv); + } + catch(e) + {} + t.aDiv = Array(); + t.oPointer = Array(), t.oPointer_default = Array(), t.oPointer_this = 'input_field'; + t.bReady = true, t.eFocus = true, oError = {}, + t.oActive = null; + + TCJsUtils.removeEvent(document, "click", t.CheckMouse); + TCJsUtils.removeEvent(document, "keydown", t.CheckKeyword); + }, + + t.Replace = function() + { + if (typeof t.oActive == 'string') + { + var tmp = t.aDiv[t.oActive]; + var tmp1 = ''; + if (typeof tmp == 'object') + { + var elEntities = document.createElement("span"); + elEntities.innerHTML = TCJsUtils.htmlspecialcharsback(tmp['NAME']); + tmp1 = elEntities.innerHTML; + } + //this preserves leading spaces + var start = t.oEl['start']; + while(start < t.oObj.value.length && t.oObj.value.substring(start, start+1) == " ") + start++; + + t.oObj.value = t.oObj.value.substring(0, start) + tmp1 + t.oObj.value.substr(t.oEl['end']); + TCJsUtils.setCursorPosition(t.oObj, start + tmp1.length); + } + return; + }, + + t.Init = function() + { + t.oActive = false; + t.oPointer = t.oPointer_default; + t.Clear(); + t.oPointer_this = 'input_pointer'; + }, + + t.Clear = function() + { + var oEl = {}, ii = ''; + oEl = t.oDiv.getElementsByTagName("div"); + if (oEl.length > 0 && typeof oEl == 'object') + { + for (ii in oEl) + { + var oE = oEl[ii]; + if (oE && (typeof oE == 'object') && (oE.name == t.oDiv.id + '_div')) + { + oE.className = "search-popup-row"; + } + } + } + return; + }, + + t.CheckMouse = function() + { + t.Replace(); + t.Destroy(); + }, + + t.CheckKeyword = function(e) + { + if (!e) + e = window.event; + var + oP = null, + oEl = null, + ii = null; + if ((37 < e.keyCode && e.keyCode <41) || (e.keyCode == 13)) + { + t.Clear(); + + switch (e.keyCode) + { + case 38: + oP = t.oPointer.pop(); + if (t.oPointer_this == oP) + { + t.oPointer.unshift(oP); + oP = t.oPointer.pop(); + } + + if (oP != 'input_field') + { + t.oActive = oP; + oEl = document.getElementById(oP); + if (typeof oEl == 'object') + { + oEl.className = "search-popup-row-active"; + } + } + t.oPointer.unshift(oP); + break; + case 40: + oP = t.oPointer.shift(); + if (t.oPointer_this == oP) + { + t.oPointer.push(oP); + oP = t.oPointer.shift(); + } + if (oP != 'input_field') + { + t.oActive = oP; + oEl = document.getElementById(oP); + if (typeof oEl == 'object') + { + oEl.className = "search-popup-row-active"; + } + } + t.oPointer.push(oP); + break; + case 39: + t.Replace(); + t.Destroy(); + break; + case 13: + t.Replace(); + t.Destroy(); + break; + } + t.oPointer_this = oP; + } + else + { + t.Destroy(); + } +// return false; + } +} + +var TCJsUtils = +{ + arEvents: Array(), + + addEvent: function(el, evname, func) + { + if(el.attachEvent) // IE + el.attachEvent("on" + evname, func); + else if(el.addEventListener) // Gecko / W3C + el.addEventListener(evname, func, false); + else + el["on" + evname] = func; + this.arEvents[this.arEvents.length] = {'element': el, 'event': evname, 'fn': func}; + }, + + removeEvent: function(el, evname, func) + { + if(el.detachEvent) // IE + el.detachEvent("on" + evname, func); + else if(el.removeEventListener) // Gecko / W3C + el.removeEventListener(evname, func, false); + else + el["on" + evname] = null; + }, + + getCursorPosition: function(oObj) + { + var result = {'start': 0, 'end': 0}; + if (!oObj || (typeof oObj != 'object')) + return result; + try + { + if (document.selection != null && oObj.selectionStart == null) + { + oObj.focus(); + var + oRange = document.selection.createRange(), + oParent = oRange.parentElement(), + sBookmark = oRange.getBookmark(), + sContents = sContents_ = oObj.value, + sMarker = '__' + Math.random() + '__'; + + while(sContents.indexOf(sMarker) != -1) + { + sMarker = '__' + Math.random() + '__'; + } + + if (!oParent || oParent == null || (oParent.type != "textarea" && oParent.type != "text")) + { + return result; + } + + oRange.text = sMarker + oRange.text + sMarker; + sContents = oObj.value; + result['start'] = sContents.indexOf(sMarker); + sContents = sContents.replace(sMarker, ""); + result['end'] = sContents.indexOf(sMarker); + oObj.value = sContents_; + oRange.moveToBookmark(sBookmark); + oRange.select(); + return result; + } + else + { + return { + 'start': oObj.selectionStart, + 'end': oObj.selectionEnd + }; + } + } + catch(e){} + return result; + }, + + setCursorPosition: function(oObj, iPosition) + { + var result = false; + if (typeof oObj != 'object') + return false; + + oObj.focus(); + + try + { + if (document.selection != null && oObj.selectionStart == null) + { + var oRange = document.selection.createRange(); + oRange.select(); + } + else + { + oObj.selectionStart = iPosition; + oObj.selectionEnd = iPosition; + } + return true; + } + catch(e) + { + return false; + } + + }, + + printArray: function (oObj, sParser, iLevel) + { + try + { + var result = '', + space = '', + i=null, j=0; + + if (iLevel==undefined) + iLevel = 0; + if (!sParser) + sParser = "\n"; + + for (j=0; j<=iLevel; j++) + space += ' '; + + for (i in oObj) + { + if (typeof oObj[i] == 'object') + result += space+i + " = {"+ sParser + TCJsUtils.printArray(oObj[i], sParser, iLevel+1) + ", " + sParser + "}" + sParser; + else + result += space+i + " = " + oObj[i] + "; " + sParser; + } + return result; + } + catch(e) + { + return; + } + }, + + empty: function(oObj) + { + var result = true; + if (oObj) + { + for (i in oObj) + { + result = false; + break; + } + } + return result; + }, + + show: function(oDiv, iLeft, iTop) + { + if (typeof oDiv != 'object') + return; + var zIndex = parseInt(oDiv.style.zIndex); + if(zIndex <= 0 || isNaN(zIndex)) + zIndex = 100; + oDiv.style.zIndex = zIndex; + oDiv.style.left = iLeft + "px"; + oDiv.style.top = iTop + "px"; + + return oDiv; + }, + + hide: function(oDiv) + { + if(oDiv) + oDiv.style.display = 'none'; + }, + + GetRealPos: function(el) + { + if(!el || !el.offsetParent) + return false; + var res=Array(); + var objParent = el.offsetParent; + res["left"] = el.offsetLeft; + res["top"] = el.offsetTop; + while(objParent && objParent.tagName != "BODY") + { + res["left"] += objParent.offsetLeft; + res["top"] += objParent.offsetTop; + objParent = objParent.offsetParent; + } + res["right"]=res["left"] + el.offsetWidth; + res["bottom"]=res["top"] + el.offsetHeight; + res["width"]=el.offsetWidth; + res["height"]=el.offsetHeight; + return res; + }, + + htmlspecialcharsEx: function(str) + { + res = str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(//g, '>').replace(/"/g, '"'); + return res; + }, + + htmlspecialcharsback: function(str) + { + res = str.replace(/</g, '<').replace(/>/g, '>').replace(/";/g, '"').replace(/&/g, '&'); + return res; + } +} +SuggestLoaded = true; \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/style.css b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/style.css new file mode 100644 index 0000000..e7f2720 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/style.css @@ -0,0 +1,7 @@ +input.search-suggest {} +div.search-popup{border: 1px solid #333333;background: #FFFFFF;padding: 2px;margin: 0px;} +div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: hand;cursor: pointer;} +div.search-popup-row{background:#FFFFFF;} +div.search-popup-row-active{background:#EEEEEE;} +div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;} +div.search-popup-el-cnt{text-align:right; float:right;} \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/template.php new file mode 100644 index 0000000..276ad52 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/bitrix/search.suggest.input/top/template.php @@ -0,0 +1,33 @@ + + + + + + +" 0):?> size="" value="" autocomplete="off" onfocus="_CheckThis(this);" /> diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/lang/en/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/lang/en/template.php new file mode 100644 index 0000000..c0113e8 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/lang/en/template.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/lang/ru/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/lang/ru/template.php new file mode 100644 index 0000000..d71d8ca --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/lang/ru/template.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/template.php b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/template.php new file mode 100644 index 0000000..beaa58b --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/template.php @@ -0,0 +1,17 @@ + + +
" method="get" class="form-inline form-search pull-right"> +
+ IncludeComponent( + "bitrix:search.suggest.input", + "top", + array( + "NAME" => "q", + "VALUE" => "", + "INPUT_SIZE" => 15, + "DROPDOWN_SIZE" => 10, + ), + $component, array("HIDE_ICONS" => "Y") + );?>
" />
+
+
\ No newline at end of file diff --git a/www/css/bootstrap-theme.css b/bitrix/templates/whitesquare-bootstrap/css/bootstrap-theme.css similarity index 100% rename from www/css/bootstrap-theme.css rename to bitrix/templates/whitesquare-bootstrap/css/bootstrap-theme.css diff --git a/www/css/bootstrap-theme.min.css b/bitrix/templates/whitesquare-bootstrap/css/bootstrap-theme.min.css similarity index 100% rename from www/css/bootstrap-theme.min.css rename to bitrix/templates/whitesquare-bootstrap/css/bootstrap-theme.min.css diff --git a/www/css/bootstrap.css b/bitrix/templates/whitesquare-bootstrap/css/bootstrap.css similarity index 100% rename from www/css/bootstrap.css rename to bitrix/templates/whitesquare-bootstrap/css/bootstrap.css diff --git a/www/css/bootstrap.min.css b/bitrix/templates/whitesquare-bootstrap/css/bootstrap.min.css similarity index 100% rename from www/css/bootstrap.min.css rename to bitrix/templates/whitesquare-bootstrap/css/bootstrap.min.css diff --git a/www/css/styles.css b/bitrix/templates/whitesquare-bootstrap/css/styles.css similarity index 100% rename from www/css/styles.css rename to bitrix/templates/whitesquare-bootstrap/css/styles.css diff --git a/www/css/variables.css b/bitrix/templates/whitesquare-bootstrap/css/variables.css similarity index 100% rename from www/css/variables.css rename to bitrix/templates/whitesquare-bootstrap/css/variables.css diff --git a/bitrix/templates/whitesquare-bootstrap/description.php b/bitrix/templates/whitesquare-bootstrap/description.php new file mode 100644 index 0000000..f0643bc --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/description.php @@ -0,0 +1,6 @@ + "Шаблон 1 страницы для ХабраХабр", + "DESCRIPTION" => "Шаблон на основе Bootstrap вёрстки в светло-синих тонах", + "SORT" => 100, +); +?> \ No newline at end of file diff --git a/www/fonts/glyphicons-halflings-regular.eot b/bitrix/templates/whitesquare-bootstrap/fonts/glyphicons-halflings-regular.eot similarity index 100% rename from www/fonts/glyphicons-halflings-regular.eot rename to bitrix/templates/whitesquare-bootstrap/fonts/glyphicons-halflings-regular.eot diff --git a/www/fonts/glyphicons-halflings-regular.svg b/bitrix/templates/whitesquare-bootstrap/fonts/glyphicons-halflings-regular.svg similarity index 100% rename from www/fonts/glyphicons-halflings-regular.svg rename to bitrix/templates/whitesquare-bootstrap/fonts/glyphicons-halflings-regular.svg diff --git a/www/fonts/glyphicons-halflings-regular.ttf b/bitrix/templates/whitesquare-bootstrap/fonts/glyphicons-halflings-regular.ttf similarity index 100% rename from www/fonts/glyphicons-halflings-regular.ttf rename to bitrix/templates/whitesquare-bootstrap/fonts/glyphicons-halflings-regular.ttf diff --git a/www/fonts/glyphicons-halflings-regular.woff b/bitrix/templates/whitesquare-bootstrap/fonts/glyphicons-halflings-regular.woff similarity index 100% rename from www/fonts/glyphicons-halflings-regular.woff rename to bitrix/templates/whitesquare-bootstrap/fonts/glyphicons-halflings-regular.woff diff --git a/bitrix/templates/whitesquare-bootstrap/footer.php b/bitrix/templates/whitesquare-bootstrap/footer.php new file mode 100644 index 0000000..e6cc001 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/footer.php @@ -0,0 +1,103 @@ + + + + + + + + + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/header.php b/bitrix/templates/whitesquare-bootstrap/header.php new file mode 100644 index 0000000..fb8fd54 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/header.php @@ -0,0 +1,100 @@ + + + + +<? $APPLICATION->ShowTitle(false); ?> + ShowMeta("keywords")?> + ShowMeta("description")?> + + + +ShowHead(); +$APPLICATION->SetAdditionalCSS(SITE_TEMPLATE_PATH.'/css/styles.css'); +$APPLICATION->SetAdditionalCSS('http://fonts.googleapis.com/css?family=Oswald:400,300'); +?> + + + +ShowPanel();?> +
+
+ +IncludeComponent( + "bitrix:search.form", + "top", + Array( + "PAGE" => "#SITE_DIR#search/index.php" + ) +);?> +IncludeComponent( + "bitrix:main.include", + "", + Array( + "AREA_FILE_SHOW" => "file", + "PATH" => SITE_TEMPLATE_PATH."/include/top-logo.php", + "EDIT_TEMPLATE" => "" + ), +false +);?> +
+IncludeComponent("bitrix:menu", "top", Array( + "ROOT_MENU_TYPE" => "top", + "MENU_CACHE_TYPE" => "A", + "MENU_CACHE_TIME" => "3600", + "MENU_CACHE_USE_GROUPS" => "Y", + "MENU_CACHE_GET_VARS" => "", + "MAX_LEVEL" => "1", + "CHILD_MENU_TYPE" => "left", + "USE_EXT" => "N", + "DELAY" => "N", + "ALLOW_MULTI_SELECT" => "N", + ), + false +);?> +
+

ShowTitle()?>

+
+
+ +
+ + \ No newline at end of file diff --git a/www/images/about-1.png b/bitrix/templates/whitesquare-bootstrap/images/about-1.png similarity index 100% rename from www/images/about-1.png rename to bitrix/templates/whitesquare-bootstrap/images/about-1.png diff --git a/www/images/about-2.png b/bitrix/templates/whitesquare-bootstrap/images/about-2.png similarity index 100% rename from www/images/about-2.png rename to bitrix/templates/whitesquare-bootstrap/images/about-2.png diff --git a/www/images/bg.png b/bitrix/templates/whitesquare-bootstrap/images/bg.png similarity index 100% rename from www/images/bg.png rename to bitrix/templates/whitesquare-bootstrap/images/bg.png diff --git a/www/images/footer-logo.png b/bitrix/templates/whitesquare-bootstrap/images/footer-logo.png similarity index 100% rename from www/images/footer-logo.png rename to bitrix/templates/whitesquare-bootstrap/images/footer-logo.png diff --git a/www/images/h1-bg.png b/bitrix/templates/whitesquare-bootstrap/images/h1-bg.png similarity index 100% rename from www/images/h1-bg.png rename to bitrix/templates/whitesquare-bootstrap/images/h1-bg.png diff --git a/www/images/logo.png b/bitrix/templates/whitesquare-bootstrap/images/logo.png similarity index 100% rename from www/images/logo.png rename to bitrix/templates/whitesquare-bootstrap/images/logo.png diff --git a/www/images/map.png b/bitrix/templates/whitesquare-bootstrap/images/map.png similarity index 100% rename from www/images/map.png rename to bitrix/templates/whitesquare-bootstrap/images/map.png diff --git a/www/images/social-small.png b/bitrix/templates/whitesquare-bootstrap/images/social-small.png similarity index 100% rename from www/images/social-small.png rename to bitrix/templates/whitesquare-bootstrap/images/social-small.png diff --git a/www/images/social.png b/bitrix/templates/whitesquare-bootstrap/images/social.png similarity index 100% rename from www/images/social.png rename to bitrix/templates/whitesquare-bootstrap/images/social.png diff --git a/bitrix/templates/whitesquare-bootstrap/include/bottom-logo.php b/bitrix/templates/whitesquare-bootstrap/include/bottom-logo.php new file mode 100644 index 0000000..1dd2930 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/include/bottom-logo.php @@ -0,0 +1 @@ +Whitesquare logo \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/include/copyright.php b/bitrix/templates/whitesquare-bootstrap/include/copyright.php new file mode 100644 index 0000000..0143c95 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/include/copyright.php @@ -0,0 +1,4 @@ +

+ Copyright © 2012 Whitesquare. A + pcklab creation +

\ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/include/sitemap.php b/bitrix/templates/whitesquare-bootstrap/include/sitemap.php new file mode 100644 index 0000000..b2f6501 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/include/sitemap.php @@ -0,0 +1 @@ +

Sitemap

\ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/include/social-networks.php b/bitrix/templates/whitesquare-bootstrap/include/social-networks.php new file mode 100644 index 0000000..a1f5187 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/include/social-networks.php @@ -0,0 +1,9 @@ +

Social networks

+ + + + + + + + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/include/top-logo.php b/bitrix/templates/whitesquare-bootstrap/include/top-logo.php new file mode 100644 index 0000000..4b0d755 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/include/top-logo.php @@ -0,0 +1 @@ +Whitesquare logo \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/include/twitter-bottom-line.php b/bitrix/templates/whitesquare-bootstrap/include/twitter-bottom-line.php new file mode 100644 index 0000000..2706a86 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/include/twitter-bottom-line.php @@ -0,0 +1,5 @@ +

Twitter feed

+ +

+ In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et nulla. In eget mi dui, sit amet scelerisque nunc. Aenean aug +

\ No newline at end of file diff --git a/www/js/bootstrap.js b/bitrix/templates/whitesquare-bootstrap/js/bootstrap.js similarity index 100% rename from www/js/bootstrap.js rename to bitrix/templates/whitesquare-bootstrap/js/bootstrap.js diff --git a/www/js/bootstrap.min.js b/bitrix/templates/whitesquare-bootstrap/js/bootstrap.min.js similarity index 100% rename from www/js/bootstrap.min.js rename to bitrix/templates/whitesquare-bootstrap/js/bootstrap.min.js diff --git a/bitrix/templates/whitesquare-bootstrap/lang/en/page_templates/.content.php b/bitrix/templates/whitesquare-bootstrap/lang/en/page_templates/.content.php new file mode 100644 index 0000000..522f03a --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/lang/en/page_templates/.content.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/lang/ru/page_templates/.content.php b/bitrix/templates/whitesquare-bootstrap/lang/ru/page_templates/.content.php new file mode 100644 index 0000000..a51a82c --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/lang/ru/page_templates/.content.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/page_templates/.content.php b/bitrix/templates/whitesquare-bootstrap/page_templates/.content.php new file mode 100644 index 0000000..66929fc --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/page_templates/.content.php @@ -0,0 +1,4 @@ +GetMessage("about"), "sort"=>1); +?> \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/page_templates/about.php b/bitrix/templates/whitesquare-bootstrap/page_templates/about.php new file mode 100644 index 0000000..3e273bb --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/page_templates/about.php @@ -0,0 +1,26 @@ +SetTitle("Title"); +?> + + +
+

“Quisque in enim velit, at dignissim est. nulla ul corper, dolor ac pellentesque placerat, justo tellus gravida erat, vel porttitor libero erat.”

+ John Doe, Lorem Ipsum
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non neque ac sem accumsan rhoncus ut ut turpis. In hac habitasse platea dictumst. Proin eget nisi erat, et feugiat arcu. Duis semper porttitor lectus, ac pharetra erat imperdiet nec. Morbi interdum felis nulla. Aenean eros orci, pellentesque sed egestas vitae, auctor aliquam nisi. Nulla nec libero eget sem rutrum iaculis. Quisque in enim velit, at dignissim est. Nulla ullamcorper, dolor ac pellentesque placerat, justo tellus gravida erat, vel porttitor libero erat condimentum metus. Donec sodales aliquam orci id suscipit. Proin sed risus sit amet massa ultrices laoreet quis a erat. Aliquam et metus id erat vulputate egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Donec vel nisl nibh. Aenean quam tortor, tempus sit amet mattis dapibus, egestas tempor dui. Duis vestibulum imperdiet risus pretium pretium. Nunc vitae porta ligula. Vestibulum sit amet nulla quam. Aenean lacinia, ante vitae sodales sagittis, leo felis bibendum neque, mattis sagittis neque urna vel magna. Sed at sem vitae lorem blandit feugiat.

+ +

Donec vel orci purus, ut ornare orci. Aenean rutrum pellentesque quam. Quisque gravida adipiscing augue, eget commodo augue egestas varius. Integer volutpat, tellus porta tincidunt sodales, lacus est tempus odio, fringilla blandit tortor lectus ut sem. Pellentesque nec sem lacus, sit amet consequat neque. Etiam varius urna quis arcu cursus in consectetur dui tincidunt. Quisque arcu orci, lacinia eget pretium vel, iaculis pellentesque nibh. Etiam cursus lacus eget neque viverra vestibulum. Aliquam erat volutpat. Duis pulvinar tellus ut urna facilisis mollis. Maecenas ac pharetra dui. Pellentesque neque ante, luctus eget congue eget, rhoncus vel mauris. Duis nisi magna, aliquet a convallis non, venenatis at nisl. Nunc at quam eu magna malesuada dignissim. Duis bibendum iaculis felis, eu venenatis risus sodales non. In ligula mi, faucibus eu tristique sed, vulputate rutrum dolor.

+ +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non neque ac sem accumsan rhoncus ut ut turpis. In hac habitasse platea dictumst. Proin eget nisi erat, et feugiat arcu. Duis semper porttitor lectus, ac pharetra erat imperdiet nec. Morbi interdum felis nulla. Aenean eros orci, pellentesque sed egestas vitae, auctor aliquam nisi. Nulla nec libero eget sem rutrum iaculis. Quisque in enim velit, at dignissim est. Nulla ullamcorper, dolor ac pellentesque placerat, justo tellus gravida erat, vel porttitor libero erat condimentum metus. Donec sodales aliquam orci id suscipit. Proin sed risus sit amet massa ultrices laoreet quis a erat. Aliquam et metus id erat vulputate egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ + + + \ No newline at end of file diff --git a/bitrix/templates/whitesquare-bootstrap/screen.gif b/bitrix/templates/whitesquare-bootstrap/screen.gif new file mode 100644 index 0000000..467cf9c Binary files /dev/null and b/bitrix/templates/whitesquare-bootstrap/screen.gif differ diff --git a/bitrix/templates/whitesquare-bootstrap/styles.css b/bitrix/templates/whitesquare-bootstrap/styles.css new file mode 100644 index 0000000..41f0402 --- /dev/null +++ b/bitrix/templates/whitesquare-bootstrap/styles.css @@ -0,0 +1,39 @@ +body { + border-top: 5px solid #7e7e7e; + background-image: url(../images/bg.png); +} + +.jumbotron { + border-radius: 0; + padding: 0; + margin: 0; +font-size: 18px; +font-weight: 200; +background-color: #29c5e6; +box-sizing: border-box; +color: #ffffff; +line-height: 2.1428571435; +display: block; +box-sizing: border-box; +font-family: Tahoma, sans-serif; + + blockquote { + border-left: none; + + p { + font: 300 italic 33px @brand-font; + text-transform: uppercase; + margin-bottom: 0; + color: #ffffff; + } + + small { + display: block; + text-align: right; + color: #1D8EA6; + color: #1D8EA6; + font: 300 20px @brand-font; + } + } + } + diff --git a/bitrix/templates/whitesquare-bootstrap/template_styles.css b/bitrix/templates/whitesquare-bootstrap/template_styles.css new file mode 100644 index 0000000..e69de29 diff --git a/index.php b/index.php new file mode 100644 index 0000000..519be32 --- /dev/null +++ b/index.php @@ -0,0 +1,86 @@ +SetTitle("");?> + + + +
+

“Quisque in enim velit, at dignissim est. nulla ul corper, dolor ac pellentesque placerat, justo tellus gravida erat, vel porttitor libero erat.”

+ John Doe, Lorem Ipsum
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non neque ac sem accumsan rhoncus ut ut turpis. In hac habitasse platea dictumst. Proin eget nisi erat, et feugiat arcu. Duis semper porttitor lectus, ac pharetra erat imperdiet nec. Morbi interdum felis nulla. Aenean eros orci, pellentesque sed egestas vitae, auctor aliquam nisi. Nulla nec libero eget sem rutrum iaculis. Quisque in enim velit, at dignissim est. Nulla ullamcorper, dolor ac pellentesque placerat, justo tellus gravida erat, vel porttitor libero erat condimentum metus. Donec sodales aliquam orci id suscipit. Proin sed risus sit amet massa ultrices laoreet quis a erat. Aliquam et metus id erat vulputate egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Donec vel nisl nibh. Aenean quam tortor, tempus sit amet mattis dapibus, egestas tempor dui. Duis vestibulum imperdiet risus pretium pretium. Nunc vitae porta ligula. Vestibulum sit amet nulla quam. Aenean lacinia, ante vitae sodales sagittis, leo felis bibendum neque, mattis sagittis neque urna vel magna. Sed at sem vitae lorem blandit feugiat.

+ +

Donec vel orci purus, ut ornare orci. Aenean rutrum pellentesque quam. Quisque gravida adipiscing augue, eget commodo augue egestas varius. Integer volutpat, tellus porta tincidunt sodales, lacus est tempus odio, fringilla blandit tortor lectus ut sem. Pellentesque nec sem lacus, sit amet consequat neque. Etiam varius urna quis arcu cursus in consectetur dui tincidunt. Quisque arcu orci, lacinia eget pretium vel, iaculis pellentesque nibh. Etiam cursus lacus eget neque viverra vestibulum. Aliquam erat volutpat. Duis pulvinar tellus ut urna facilisis mollis. Maecenas ac pharetra dui. Pellentesque neque ante, luctus eget congue eget, rhoncus vel mauris. Duis nisi magna, aliquet a convallis non, venenatis at nisl. Nunc at quam eu magna malesuada dignissim. Duis bibendum iaculis felis, eu venenatis risus sodales non. In ligula mi, faucibus eu tristique sed, vulputate rutrum dolor.

+ +
+
+ +
+
+ + + + + + + + + +IncludeComponent("bitrix:news.list", "team-list", array( + "IBLOCK_TYPE" => "Content", + "IBLOCK_ID" => "TEAM", + "NEWS_COUNT" => "20", + "SORT_BY1" => "ACTIVE_FROM", + "SORT_ORDER1" => "DESC", + "SORT_BY2" => "SORT", + "SORT_ORDER2" => "ASC", + "FILTER_NAME" => "", + "FIELD_CODE" => array( + 0 => "", + 1 => "", + ), + "PROPERTY_CODE" => array( + 0 => "", + 1 => "POSITION", + 2 => "", + ), + "CHECK_DATES" => "Y", + "DETAIL_URL" => "", + "AJAX_MODE" => "N", + "AJAX_OPTION_JUMP" => "N", + "AJAX_OPTION_STYLE" => "Y", + "AJAX_OPTION_HISTORY" => "N", + "CACHE_TYPE" => "A", + "CACHE_TIME" => "36000000", + "CACHE_FILTER" => "N", + "CACHE_GROUPS" => "Y", + "PREVIEW_TRUNCATE_LEN" => "", + "ACTIVE_DATE_FORMAT" => "d.m.Y", + "SET_TITLE" => "N", + "SET_STATUS_404" => "N", + "INCLUDE_IBLOCK_INTO_CHAIN" => "Y", + "ADD_SECTIONS_CHAIN" => "Y", + "HIDE_LINK_WHEN_NO_DETAIL" => "N", + "PARENT_SECTION" => "", + "PARENT_SECTION_CODE" => "", + "INCLUDE_SUBSECTIONS" => "Y", + "PAGER_TEMPLATE" => ".default", + "DISPLAY_TOP_PAGER" => "N", + "DISPLAY_BOTTOM_PAGER" => "N", + "PAGER_TITLE" => "Новости", + "PAGER_SHOW_ALWAYS" => "N", + "PAGER_DESC_NUMBERING" => "N", + "PAGER_DESC_NUMBERING_CACHE_TIME" => "36000", + "PAGER_SHOW_ALL" => "N", + "DISPLAY_DATE" => "Y", + "DISPLAY_NAME" => "Y", + "DISPLAY_PICTURE" => "Y", + "DISPLAY_PREVIEW_TEXT" => "Y", + "LIST_NAME" => "Our Team", + "AJAX_OPTION_ADDITIONAL" => "" + ), + false +);?> + + \ No newline at end of file diff --git a/src/less/bootstrap/alerts.less b/src/less/bootstrap/alerts.less deleted file mode 100644 index 3eab066..0000000 --- a/src/less/bootstrap/alerts.less +++ /dev/null @@ -1,67 +0,0 @@ -// -// Alerts -// -------------------------------------------------- - - -// Base styles -// ------------------------- - -.alert { - padding: @alert-padding; - margin-bottom: @line-height-computed; - border: 1px solid transparent; - border-radius: @alert-border-radius; - - // Headings for larger alerts - h4 { - margin-top: 0; - // Specified for the h4 to prevent conflicts of changing @headings-color - color: inherit; - } - // Provide class for links that match alerts - .alert-link { - font-weight: @alert-link-font-weight; - } - - // Improve alignment and spacing of inner content - > p, - > ul { - margin-bottom: 0; - } - > p + p { - margin-top: 5px; - } -} - -// Dismissable alerts -// -// Expand the right padding and account for the close button's positioning. - -.alert-dismissable { - padding-right: (@alert-padding + 20); - - // Adjust close link position - .close { - position: relative; - top: -2px; - right: -21px; - color: inherit; - } -} - -// Alternate styles -// -// Generate contextual modifier classes for colorizing the alert. - -.alert-success { - .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); -} -.alert-info { - .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); -} -.alert-warning { - .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); -} -.alert-danger { - .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); -} diff --git a/src/less/bootstrap/badges.less b/src/less/bootstrap/badges.less deleted file mode 100644 index 166b2be..0000000 --- a/src/less/bootstrap/badges.less +++ /dev/null @@ -1,51 +0,0 @@ -// -// Badges -// -------------------------------------------------- - - -// Base classes -.badge { - display: inline-block; - min-width: 10px; - padding: 3px 7px; - font-size: @font-size-small; - font-weight: @badge-font-weight; - color: @badge-color; - line-height: @badge-line-height; - vertical-align: baseline; - white-space: nowrap; - text-align: center; - background-color: @badge-bg; - border-radius: @badge-border-radius; - - // Empty badges collapse automatically (not available in IE8) - &:empty { - display: none; - } - - // Quick fix for badges in buttons - .btn & { - position: relative; - top: -1px; - } -} - -// Hover state, but only for links -a.badge { - &:hover, - &:focus { - color: @badge-link-hover-color; - text-decoration: none; - cursor: pointer; - } -} - -// Account for counters in navs -a.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: @badge-active-color; - background-color: @badge-active-bg; -} -.nav-pills > li > a > .badge { - margin-left: 3px; -} diff --git a/src/less/bootstrap/bootstrap.less b/src/less/bootstrap/bootstrap.less deleted file mode 100644 index b368b87..0000000 --- a/src/less/bootstrap/bootstrap.less +++ /dev/null @@ -1,49 +0,0 @@ -// Core variables and mixins -@import "variables.less"; -@import "mixins.less"; - -// Reset -@import "normalize.less"; -@import "print.less"; - -// Core CSS -@import "scaffolding.less"; -@import "type.less"; -@import "code.less"; -@import "grid.less"; -@import "tables.less"; -@import "forms.less"; -@import "buttons.less"; - -// Components -@import "component-animations.less"; -@import "glyphicons.less"; -@import "dropdowns.less"; -@import "button-groups.less"; -@import "input-groups.less"; -@import "navs.less"; -@import "navbar.less"; -@import "breadcrumbs.less"; -@import "pagination.less"; -@import "pager.less"; -@import "labels.less"; -@import "badges.less"; -@import "jumbotron.less"; -@import "thumbnails.less"; -@import "alerts.less"; -@import "progress-bars.less"; -@import "media.less"; -@import "list-group.less"; -@import "panels.less"; -@import "wells.less"; -@import "close.less"; - -// Components w/ JavaScript -@import "modals.less"; -@import "tooltip.less"; -@import "popovers.less"; -@import "carousel.less"; - -// Utility classes -@import "utilities.less"; -@import "responsive-utilities.less"; diff --git a/src/less/bootstrap/breadcrumbs.less b/src/less/bootstrap/breadcrumbs.less deleted file mode 100644 index 60b33ea..0000000 --- a/src/less/bootstrap/breadcrumbs.less +++ /dev/null @@ -1,23 +0,0 @@ -// -// Breadcrumbs -// -------------------------------------------------- - - -.breadcrumb { - padding: 8px 15px; - margin-bottom: @line-height-computed; - list-style: none; - background-color: @breadcrumb-bg; - border-radius: @border-radius-base; - > li { - display: inline-block; - + li:before { - content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space - padding: 0 5px; - color: @breadcrumb-color; - } - } - > .active { - color: @breadcrumb-active-color; - } -} diff --git a/src/less/bootstrap/button-groups.less b/src/less/bootstrap/button-groups.less deleted file mode 100644 index 05fda14..0000000 --- a/src/less/bootstrap/button-groups.less +++ /dev/null @@ -1,227 +0,0 @@ -// -// Button groups -// -------------------------------------------------- - -// Make the div behave like a button -.btn-group, -.btn-group-vertical { - position: relative; - display: inline-block; - vertical-align: middle; // match .btn alignment given font-size hack above - > .btn { - position: relative; - float: left; - // Bring the "active" button to the front - &:hover, - &:focus, - &:active, - &.active { - z-index: 2; - } - &:focus { - // Remove focus outline when dropdown JS adds it after closing the menu - outline: none; - } - } -} - -// Prevent double borders when buttons are next to each other -.btn-group { - .btn + .btn, - .btn + .btn-group, - .btn-group + .btn, - .btn-group + .btn-group { - margin-left: -1px; - } -} - -// Optional: Group multiple button groups together for a toolbar -.btn-toolbar { - .clearfix(); - - .btn-group { - float: left; - } - // Space out series of button groups - > .btn, - > .btn-group { - + .btn, - + .btn-group { - margin-left: 5px; - } - } -} - -.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { - border-radius: 0; -} - -// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match -.btn-group > .btn:first-child { - margin-left: 0; - &:not(:last-child):not(.dropdown-toggle) { - .border-right-radius(0); - } -} -// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it -.btn-group > .btn:last-child:not(:first-child), -.btn-group > .dropdown-toggle:not(:first-child) { - .border-left-radius(0); -} - -// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) -.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 { - > .btn:last-child, - > .dropdown-toggle { - .border-right-radius(0); - } -} -.btn-group > .btn-group:last-child > .btn:first-child { - .border-left-radius(0); -} - -// On active and open, don't show outline -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; -} - - -// Sizing -// -// Remix the default button sizing classes into new ones for easier manipulation. - -.btn-group-xs > .btn { .btn-xs(); } -.btn-group-sm > .btn { .btn-sm(); } -.btn-group-lg > .btn { .btn-lg(); } - - -// Split button dropdowns -// ---------------------- - -// Give the line between buttons some depth -.btn-group > .btn + .dropdown-toggle { - padding-left: 8px; - padding-right: 8px; -} -.btn-group > .btn-lg + .dropdown-toggle { - padding-left: 12px; - padding-right: 12px; -} - -// The clickable button for toggling the menu -// Remove the gradient and set the same inset shadow as the :active state -.btn-group.open .dropdown-toggle { - .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); - - // Show no shadow for `.btn-link` since it has no other button styles. - &.btn-link { - .box-shadow(none); - } -} - - -// Reposition the caret -.btn .caret { - margin-left: 0; -} -// Carets in other button sizes -.btn-lg .caret { - border-width: @caret-width-large @caret-width-large 0; - border-bottom-width: 0; -} -// Upside down carets for .dropup -.dropup .btn-lg .caret { - border-width: 0 @caret-width-large @caret-width-large; -} - - -// Vertical button groups -// ---------------------- - -.btn-group-vertical { - > .btn, - > .btn-group, - > .btn-group > .btn { - display: block; - float: none; - width: 100%; - max-width: 100%; - } - - // Clear floats so dropdown menus can be properly placed - > .btn-group { - .clearfix(); - > .btn { - float: none; - } - } - - > .btn + .btn, - > .btn + .btn-group, - > .btn-group + .btn, - > .btn-group + .btn-group { - margin-top: -1px; - margin-left: 0; - } -} - -.btn-group-vertical > .btn { - &:not(:first-child):not(:last-child) { - border-radius: 0; - } - &:first-child:not(:last-child) { - border-top-right-radius: @border-radius-base; - .border-bottom-radius(0); - } - &:last-child:not(:first-child) { - border-bottom-left-radius: @border-radius-base; - .border-top-radius(0); - } -} -.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; -} -.btn-group-vertical > .btn-group:first-child { - > .btn:last-child, - > .dropdown-toggle { - .border-bottom-radius(0); - } -} -.btn-group-vertical > .btn-group:last-child > .btn:first-child { - .border-top-radius(0); -} - - - -// Justified button groups -// ---------------------- - -.btn-group-justified { - display: table; - width: 100%; - table-layout: fixed; - border-collapse: separate; - > .btn, - > .btn-group { - float: none; - display: table-cell; - width: 1%; - } - > .btn-group .btn { - width: 100%; - } -} - - -// Checkbox and radio options -[data-toggle="buttons"] > .btn > input[type="radio"], -[data-toggle="buttons"] > .btn > input[type="checkbox"] { - display: none; -} diff --git a/src/less/bootstrap/buttons.less b/src/less/bootstrap/buttons.less deleted file mode 100644 index 62e693b..0000000 --- a/src/less/bootstrap/buttons.less +++ /dev/null @@ -1,155 +0,0 @@ -// -// Buttons -// -------------------------------------------------- - - -// Base styles -// -------------------------------------------------- - -.btn { - display: inline-block; - margin-bottom: 0; // For input.btn - font-weight: @btn-font-weight; - text-align: center; - vertical-align: middle; - cursor: pointer; - background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 - border: 1px solid transparent; - white-space: nowrap; - .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base); - .user-select(none); - - &:focus { - .tab-focus(); - } - - &:hover, - &:focus { - color: @btn-default-color; - text-decoration: none; - } - - &:active, - &.active { - outline: 0; - background-image: none; - .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); - } - - &.disabled, - &[disabled], - fieldset[disabled] & { - cursor: not-allowed; - pointer-events: none; // Future-proof disabling of clicks - .opacity(.65); - .box-shadow(none); - } -} - - -// Alternate buttons -// -------------------------------------------------- - -.btn-default { - .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); -} -.btn-primary { - .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); -} -// Warning appears as orange -.btn-warning { - .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); -} -// Danger and error appear as red -.btn-danger { - .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); -} -// Success appears as green -.btn-success { - .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); -} -// Info appears as blue-green -.btn-info { - .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); -} - - -// Link buttons -// ------------------------- - -// Make a button look and behave like a link -.btn-link { - color: @link-color; - font-weight: normal; - cursor: pointer; - border-radius: 0; - - &, - &:active, - &[disabled], - fieldset[disabled] & { - background-color: transparent; - .box-shadow(none); - } - &, - &:hover, - &:focus, - &:active { - border-color: transparent; - } - &:hover, - &:focus { - color: @link-hover-color; - text-decoration: underline; - background-color: transparent; - } - &[disabled], - fieldset[disabled] & { - &:hover, - &:focus { - color: @btn-link-disabled-color; - text-decoration: none; - } - } -} - - -// Button Sizes -// -------------------------------------------------- - -.btn-lg { - // line-height: ensure even-numbered height of button next to large input - .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large); -} -.btn-sm { - // line-height: ensure proper height of button next to small input - .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small); -} -.btn-xs { - .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small); -} - - -// Block button -// -------------------------------------------------- - -.btn-block { - display: block; - width: 100%; - padding-left: 0; - padding-right: 0; -} - -// Vertically space out multiple block buttons -.btn-block + .btn-block { - margin-top: 5px; -} - -// Specificity overrides -input[type="submit"], -input[type="reset"], -input[type="button"] { - &.btn-block { - width: 100%; - } -} diff --git a/src/less/bootstrap/carousel.less b/src/less/bootstrap/carousel.less deleted file mode 100644 index e53365d..0000000 --- a/src/less/bootstrap/carousel.less +++ /dev/null @@ -1,232 +0,0 @@ -// -// Carousel -// -------------------------------------------------- - - -// Wrapper for the slide container and indicators -.carousel { - position: relative; -} - -.carousel-inner { - position: relative; - overflow: hidden; - width: 100%; - - > .item { - display: none; - position: relative; - .transition(.6s ease-in-out left); - - // Account for jankitude on images - > img, - > a > img { - .img-responsive(); - line-height: 1; - } - } - - > .active, - > .next, - > .prev { display: block; } - - > .active { - left: 0; - } - - > .next, - > .prev { - position: absolute; - top: 0; - width: 100%; - } - - > .next { - left: 100%; - } - > .prev { - left: -100%; - } - > .next.left, - > .prev.right { - left: 0; - } - - > .active.left { - left: -100%; - } - > .active.right { - left: 100%; - } - -} - -// Left/right controls for nav -// --------------------------- - -.carousel-control { - position: absolute; - top: 0; - left: 0; - bottom: 0; - width: @carousel-control-width; - .opacity(@carousel-control-opacity); - font-size: @carousel-control-font-size; - color: @carousel-control-color; - text-align: center; - text-shadow: @carousel-text-shadow; - // We can't have this transition here because WebKit cancels the carousel - // animation if you trip this while in the middle of another animation. - - // Set gradients for backgrounds - &.left { - #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001)); - } - &.right { - left: auto; - right: 0; - #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5)); - } - - // Hover/focus state - &:hover, - &:focus { - outline: none; - color: @carousel-control-color; - text-decoration: none; - .opacity(.9); - } - - // Toggles - .icon-prev, - .icon-next, - .glyphicon-chevron-left, - .glyphicon-chevron-right { - position: absolute; - top: 50%; - z-index: 5; - display: inline-block; - } - .icon-prev, - .glyphicon-chevron-left { - left: 50%; - } - .icon-next, - .glyphicon-chevron-right { - right: 50%; - } - .icon-prev, - .icon-next { - width: 20px; - height: 20px; - margin-top: -10px; - margin-left: -10px; - font-family: serif; - } - - .icon-prev { - &:before { - content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) - } - } - .icon-next { - &:before { - content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) - } - } -} - -// Optional indicator pips -// -// Add an unordered list with the following class and add a list item for each -// slide your carousel holds. - -.carousel-indicators { - position: absolute; - bottom: 10px; - left: 50%; - z-index: 15; - width: 60%; - margin-left: -30%; - padding-left: 0; - list-style: none; - text-align: center; - - li { - display: inline-block; - width: 10px; - height: 10px; - margin: 1px; - text-indent: -999px; - border: 1px solid @carousel-indicator-border-color; - border-radius: 10px; - cursor: pointer; - - // IE8-9 hack for event handling - // - // Internet Explorer 8-9 does not support clicks on elements without a set - // `background-color`. We cannot use `filter` since that's not viewed as a - // background color by the browser. Thus, a hack is needed. - // - // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we - // set alpha transparency for the best results possible. - background-color: #000 \9; // IE8 - background-color: rgba(0,0,0,0); // IE9 - } - .active { - margin: 0; - width: 12px; - height: 12px; - background-color: @carousel-indicator-active-bg; - } -} - -// Optional captions -// ----------------------------- -// Hidden by default for smaller viewports -.carousel-caption { - position: absolute; - left: 15%; - right: 15%; - bottom: 20px; - z-index: 10; - padding-top: 20px; - padding-bottom: 20px; - color: @carousel-caption-color; - text-align: center; - text-shadow: @carousel-text-shadow; - & .btn { - text-shadow: none; // No shadow for button elements in carousel-caption - } -} - - -// Scale up controls for tablets and up -@media screen and (min-width: @screen-sm-min) { - - // Scale up the controls a smidge - .carousel-control { - .glyphicons-chevron-left, - .glyphicons-chevron-right, - .icon-prev, - .icon-next { - width: 30px; - height: 30px; - margin-top: -15px; - margin-left: -15px; - font-size: 30px; - } - } - - // Show and left align the captions - .carousel-caption { - left: 20%; - right: 20%; - padding-bottom: 30px; - } - - // Move up the indicators - .carousel-indicators { - bottom: 20px; - } -} diff --git a/src/less/bootstrap/close.less b/src/less/bootstrap/close.less deleted file mode 100644 index 9b4e74f..0000000 --- a/src/less/bootstrap/close.less +++ /dev/null @@ -1,33 +0,0 @@ -// -// Close icons -// -------------------------------------------------- - - -.close { - float: right; - font-size: (@font-size-base * 1.5); - font-weight: @close-font-weight; - line-height: 1; - color: @close-color; - text-shadow: @close-text-shadow; - .opacity(.2); - - &:hover, - &:focus { - color: @close-color; - text-decoration: none; - cursor: pointer; - .opacity(.5); - } - - // Additional properties for button version - // iOS requires the button element instead of an anchor tag. - // If you want the anchor version, it requires `href="#"`. - button& { - padding: 0; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; - } -} diff --git a/src/less/bootstrap/code.less b/src/less/bootstrap/code.less deleted file mode 100644 index 44e9e89..0000000 --- a/src/less/bootstrap/code.less +++ /dev/null @@ -1,53 +0,0 @@ -// -// Code (inline and block) -// -------------------------------------------------- - - -// Inline and block code styles -code, -kbd, -pre, -samp { - font-family: @font-family-monospace; -} - -// Inline code -code { - padding: 2px 4px; - font-size: 90%; - color: @code-color; - background-color: @code-bg; - white-space: nowrap; - border-radius: @border-radius-base; -} - -// Blocks of code -pre { - display: block; - padding: ((@line-height-computed - 1) / 2); - margin: 0 0 (@line-height-computed / 2); - font-size: (@font-size-base - 1); // 14px to 13px - line-height: @line-height-base; - word-break: break-all; - word-wrap: break-word; - color: @pre-color; - background-color: @pre-bg; - border: 1px solid @pre-border-color; - border-radius: @border-radius-base; - - // Account for some code outputs that place code tags in pre tags - code { - padding: 0; - font-size: inherit; - color: inherit; - white-space: pre-wrap; - background-color: transparent; - border-radius: 0; - } -} - -// Enable scrollable blocks of code -.pre-scrollable { - max-height: @pre-scrollable-max-height; - overflow-y: scroll; -} diff --git a/src/less/bootstrap/component-animations.less b/src/less/bootstrap/component-animations.less deleted file mode 100644 index 1efe45e..0000000 --- a/src/less/bootstrap/component-animations.less +++ /dev/null @@ -1,29 +0,0 @@ -// -// Component animations -// -------------------------------------------------- - -// Heads up! -// -// We don't use the `.opacity()` mixin here since it causes a bug with text -// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552. - -.fade { - opacity: 0; - .transition(opacity .15s linear); - &.in { - opacity: 1; - } -} - -.collapse { - display: none; - &.in { - display: block; - } -} -.collapsing { - position: relative; - height: 0; - overflow: hidden; - .transition(height .35s ease); -} diff --git a/src/less/bootstrap/dropdowns.less b/src/less/bootstrap/dropdowns.less deleted file mode 100644 index 1a8f197..0000000 --- a/src/less/bootstrap/dropdowns.less +++ /dev/null @@ -1,187 +0,0 @@ -// -// Dropdown menus -// -------------------------------------------------- - - -// Dropdown arrow/caret -.caret { - display: inline-block; - width: 0; - height: 0; - margin-left: 2px; - vertical-align: middle; - border-top: @caret-width-base solid; - border-right: @caret-width-base solid transparent; - border-left: @caret-width-base solid transparent; -} - -// The dropdown wrapper (div) -.dropdown { - position: relative; -} - -// Prevent the focus on the dropdown toggle when closing dropdowns -.dropdown-toggle:focus { - outline: 0; -} - -// The dropdown menu (ul) -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: @zindex-dropdown; - display: none; // none by default, but block on "open" of the menu - float: left; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; // override default ul - list-style: none; - font-size: @font-size-base; - background-color: @dropdown-bg; - border: 1px solid @dropdown-fallback-border; // IE8 fallback - border: 1px solid @dropdown-border; - border-radius: @border-radius-base; - .box-shadow(0 6px 12px rgba(0,0,0,.175)); - background-clip: padding-box; - - // Aligns the dropdown menu to right - &.pull-right { - right: 0; - left: auto; - } - - // Dividers (basically an hr) within the dropdown - .divider { - .nav-divider(@dropdown-divider-bg); - } - - // Links within the dropdown menu - > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: @line-height-base; - color: @dropdown-link-color; - white-space: nowrap; // prevent links from randomly breaking onto new lines - } -} - -// Hover/Focus state -.dropdown-menu > li > a { - &:hover, - &:focus { - text-decoration: none; - color: @dropdown-link-hover-color; - background-color: @dropdown-link-hover-bg; - } -} - -// Active state -.dropdown-menu > .active > a { - &, - &:hover, - &:focus { - color: @dropdown-link-active-color; - text-decoration: none; - outline: 0; - background-color: @dropdown-link-active-bg; - } -} - -// Disabled state -// -// Gray out text and ensure the hover/focus state remains gray - -.dropdown-menu > .disabled > a { - &, - &:hover, - &:focus { - color: @dropdown-link-disabled-color; - } -} -// Nuke hover/focus effects -.dropdown-menu > .disabled > a { - &:hover, - &:focus { - text-decoration: none; - background-color: transparent; - background-image: none; // Remove CSS gradient - .reset-filter(); - cursor: not-allowed; - } -} - -// Open state for the dropdown -.open { - // Show the menu - > .dropdown-menu { - display: block; - } - - // Remove the outline when :focus is triggered - > a { - outline: 0; - } -} - -// Dropdown section headers -.dropdown-header { - display: block; - padding: 3px 20px; - font-size: @font-size-small; - line-height: @line-height-base; - color: @dropdown-header-color; -} - -// Backdrop to catch body clicks on mobile, etc. -.dropdown-backdrop { - position: fixed; - left: 0; - right: 0; - bottom: 0; - top: 0; - z-index: @zindex-dropdown - 10; -} - -// Right aligned dropdowns -.pull-right > .dropdown-menu { - right: 0; - left: auto; -} - -// Allow for dropdowns to go bottom up (aka, dropup-menu) -// -// Just add .dropup after the standard .dropdown class and you're set, bro. -// TODO: abstract this so that the navbar fixed styles are not placed here? - -.dropup, -.navbar-fixed-bottom .dropdown { - // Reverse the caret - .caret { - border-top: 0; - border-bottom: @caret-width-base solid; - content: ""; - } - // Different positioning for bottom up menu - .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: 1px; - } -} - - -// Component alignment -// -// Reiterate per navbar.less and the modified component alignment there. - -@media (min-width: @grid-float-breakpoint) { - .navbar-right { - .dropdown-menu { - .pull-right > .dropdown-menu(); - } - } -} - diff --git a/src/less/bootstrap/forms.less b/src/less/bootstrap/forms.less deleted file mode 100644 index dc425ec..0000000 --- a/src/less/bootstrap/forms.less +++ /dev/null @@ -1,375 +0,0 @@ -// -// Forms -// -------------------------------------------------- - - -// Normalize non-controls -// -// Restyle and baseline non-control form elements. - -fieldset { - padding: 0; - margin: 0; - border: 0; -} - -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: @line-height-computed; - font-size: (@font-size-base * 1.5); - line-height: inherit; - color: @legend-color; - border: 0; - border-bottom: 1px solid @legend-border-color; -} - -label { - display: inline-block; - margin-bottom: 5px; - font-weight: bold; -} - - -// Normalize form controls - -// Override content-box in Normalize (* isn't specific enough) -input[type="search"] { - .box-sizing(border-box); -} - -// Position radios and checkboxes better -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - margin-top: 1px \9; /* IE8-9 */ - line-height: normal; -} - -// Set the height of select and file controls to match text inputs -input[type="file"] { - display: block; -} - -// Make multiple select elements height not fixed -select[multiple], -select[size] { - height: auto; -} - -// Fix optgroup Firefox bug per https://github.com/twbs/bootstrap/issues/7611 -select optgroup { - font-size: inherit; - font-style: inherit; - font-family: inherit; -} - -// Focus for select, file, radio, and checkbox -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - .tab-focus(); -} - -// Fix for Chrome number input -// Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button. -// See https://github.com/twbs/bootstrap/issues/8350 for more. -input[type="number"] { - &::-webkit-outer-spin-button, - &::-webkit-inner-spin-button { - height: auto; - } -} - -// Adjust output element -output { - display: block; - padding-top: (@padding-base-vertical + 1); - font-size: @font-size-base; - line-height: @line-height-base; - color: @input-color; - vertical-align: middle; -} - - -// Common form controls -// -// Shared size and type resets for form controls. Apply `.form-control` to any -// of the following form controls: -// -// select -// textarea -// input[type="text"] -// input[type="password"] -// input[type="datetime"] -// input[type="datetime-local"] -// input[type="date"] -// input[type="month"] -// input[type="time"] -// input[type="week"] -// input[type="number"] -// input[type="email"] -// input[type="url"] -// input[type="search"] -// input[type="tel"] -// input[type="color"] - -.form-control { - display: block; - width: 100%; - height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) - padding: @padding-base-vertical @padding-base-horizontal; - font-size: @font-size-base; - line-height: @line-height-base; - color: @input-color; - vertical-align: middle; - background-color: @input-bg; - background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 - border: 1px solid @input-border; - border-radius: @input-border-radius; - .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); - .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); - - // Customize the `:focus` state to imitate native WebKit styles. - .form-control-focus(); - - // Placeholder - // - // Placeholder text gets special styles because when browsers invalidate entire - // lines if it doesn't understand a selector/ - .placeholder(); - - // Disabled and read-only inputs - // Note: HTML5 says that controls under a fieldset > legend:first-child won't - // be disabled if the fieldset is disabled. Due to implementation difficulty, - // we don't honor that edge case; we style them as disabled anyway. - &[disabled], - &[readonly], - fieldset[disabled] & { - cursor: not-allowed; - background-color: @input-bg-disabled; - } - - // Reset height for `textarea`s - textarea& { - height: auto; - } -} - - -// Form groups -// -// Designed to help with the organization and spacing of vertical forms. For -// horizontal forms, use the predefined grid classes. - -.form-group { - margin-bottom: 15px; -} - - -// Checkboxes and radios -// -// Indent the labels to position radios/checkboxes as hanging controls. - -.radio, -.checkbox { - display: block; - min-height: @line-height-computed; // clear the floating input if there is no label text - margin-top: 10px; - margin-bottom: 10px; - padding-left: 20px; - vertical-align: middle; - label { - display: inline; - 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"] { - float: left; - margin-left: -20px; -} -.radio + .radio, -.checkbox + .checkbox { - margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing -} - -// Radios and checkboxes on same line -.radio-inline, -.checkbox-inline { - display: inline-block; - padding-left: 20px; - margin-bottom: 0; - vertical-align: middle; - font-weight: normal; - cursor: pointer; -} -.radio-inline + .radio-inline, -.checkbox-inline + .checkbox-inline { - margin-top: 0; - margin-left: 10px; // space out consecutive inline controls -} - -// Apply same disabled cursor tweak as for inputs -// -// Note: Neither radios nor checkboxes can be readonly. -input[type="radio"], -input[type="checkbox"], -.radio, -.radio-inline, -.checkbox, -.checkbox-inline { - &[disabled], - fieldset[disabled] & { - cursor: not-allowed; - } -} - -// Form control sizing -.input-sm { - .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small); -} - -.input-lg { - .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large); -} - - -// Form control feedback states -// -// Apply contextual and semantic states to individual form controls. - -// Warning -.has-warning { - .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg); -} -// Error -.has-error { - .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg); -} -// Success -.has-success { - .form-control-validation(@state-success-text; @state-success-text; @state-success-bg); -} - - -// Static form control text -// -// Apply class to a `p` element to make any string of text align with labels in -// a horizontal form layout. - -.form-control-static { - margin-bottom: 0; // Remove default margin from `p` -} - - -// Help text -// -// Apply to any element you wish to create light text for placement immediately -// below a form control. Use for general help, formatting, or instructional text. - -.help-block { - display: block; // account for any element using help-block - margin-top: 5px; - margin-bottom: 10px; - color: lighten(@text-color, 25%); // lighten the text some for contrast -} - - - -// Inline forms -// -// Make forms appear inline(-block) by adding the `.form-inline` class. Inline -// forms begin stacked on extra small (mobile) devices and then go inline when -// viewports reach <768px. -// -// Requires wrapping inputs and labels with `.form-group` for proper display of -// default HTML form controls and our custom form controls (e.g., input groups). -// -// Heads up! This is mixin-ed into `.navbar-form` in navbars.less. - -.form-inline { - - // Kick in the inline - @media (min-width: @screen-sm) { - // Inline-block all the things for "inline" - .form-group { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - } - - // In navbar-form, allow folks to *not* use `.form-group` - .form-control { - display: inline-block; - } - - // Override `width: 100%;` when not within a `.form-group` - select.form-control { - width: auto; - } - - // Remove default margin on radios/checkboxes that were used for stacking, and - // then undo the floating of radios and checkboxes to match (which also avoids - // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969). - .radio, - .checkbox { - display: inline-block; - margin-top: 0; - margin-bottom: 0; - padding-left: 0; - } - .radio input[type="radio"], - .checkbox input[type="checkbox"] { - float: none; - margin-left: 0; - } - } -} - - -// Horizontal forms -// -// Horizontal forms are built on grid classes and allow you to create forms with -// labels on the left and inputs on the right. - -.form-horizontal { - - // Consistent vertical alignment of labels, radios, and checkboxes - .control-label, - .radio, - .checkbox, - .radio-inline, - .checkbox-inline { - margin-top: 0; - margin-bottom: 0; - padding-top: (@padding-base-vertical + 1); // Default padding plus a border - } - // Account for padding we're adding to ensure the alignment and of help text - // and other content below items - .radio, - .checkbox { - min-height: @line-height-computed + (@padding-base-vertical + 1); - } - - // Make form groups behave like rows - .form-group { - .make-row(); - } - - .form-control-static { - padding-top: (@padding-base-vertical + 1); - } - - // Only right align form labels here when the columns stop stacking - @media (min-width: @screen-sm-min) { - .control-label { - text-align: right; - } - } -} diff --git a/src/less/bootstrap/glyphicons.less b/src/less/bootstrap/glyphicons.less deleted file mode 100644 index 8a68f11..0000000 --- a/src/less/bootstrap/glyphicons.less +++ /dev/null @@ -1,237 +0,0 @@ -// -// Glyphicons for Bootstrap -// -// Since icons are fonts, they can be placed anywhere text is placed and are -// thus automatically sized to match the surrounding child. To use, create an -// inline element with the appropriate classes, like so: -// -// Star - -// Import the fonts -@font-face { - font-family: 'Glyphicons Halflings'; - src: ~"url('@{icon-font-path}@{icon-font-name}.eot')"; - src: ~"url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype')", - ~"url('@{icon-font-path}@{icon-font-name}.woff') format('woff')", - ~"url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype')", - ~"url('@{icon-font-path}@{icon-font-name}.svg#glyphicons-halflingsregular') format('svg')"; -} - -// Catchall baseclass -.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; - - &:empty { - width: 1em; - } -} - -// Individual icons -.glyphicon-asterisk { &:before { content: "\2a"; } } -.glyphicon-plus { &:before { content: "\2b"; } } -.glyphicon-euro { &: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"; } } diff --git a/src/less/bootstrap/grid.less b/src/less/bootstrap/grid.less deleted file mode 100644 index 279d803..0000000 --- a/src/less/bootstrap/grid.less +++ /dev/null @@ -1,79 +0,0 @@ -// -// Grid system -// -------------------------------------------------- - -// Set the container width, and override it for fixed navbars in media queries -.container { - .container-fixed(); - - @media (min-width: @screen-sm) { - width: @container-sm; - } - @media (min-width: @screen-md) { - width: @container-md; - } - @media (min-width: @screen-lg-min) { - width: @container-lg; - } -} - -// mobile first defaults -.row { - .make-row(); -} - -// Common styles for small and large grid columns -.make-grid-columns(); - - -// Extra small grid -// -// Columns, offsets, pushes, and pulls for extra small devices like -// smartphones. - -.make-grid-columns-float(xs); -.make-grid(@grid-columns, xs, width); -.make-grid(@grid-columns, xs, pull); -.make-grid(@grid-columns, xs, push); -.make-grid(@grid-columns, xs, offset); - - -// Small grid -// -// Columns, offsets, pushes, and pulls for the small device range, from phones -// to tablets. - -@media (min-width: @screen-sm-min) { - .make-grid-columns-float(sm); - .make-grid(@grid-columns, sm, width); - .make-grid(@grid-columns, sm, pull); - .make-grid(@grid-columns, sm, push); - .make-grid(@grid-columns, sm, offset); -} - - -// Medium grid -// -// Columns, offsets, pushes, and pulls for the desktop device range. - -@media (min-width: @screen-md-min) { - .make-grid-columns-float(md); - .make-grid(@grid-columns, md, width); - .make-grid(@grid-columns, md, pull); - .make-grid(@grid-columns, md, push); - .make-grid(@grid-columns, md, offset); -} - - -// Large grid -// -// Columns, offsets, pushes, and pulls for the large desktop device range. - -@media (min-width: @screen-lg-min) { - .make-grid-columns-float(lg); - .make-grid(@grid-columns, lg, width); - .make-grid(@grid-columns, lg, pull); - .make-grid(@grid-columns, lg, push); - .make-grid(@grid-columns, lg, offset); -} - diff --git a/src/less/bootstrap/input-groups.less b/src/less/bootstrap/input-groups.less deleted file mode 100644 index d19c4c6..0000000 --- a/src/less/bootstrap/input-groups.less +++ /dev/null @@ -1,136 +0,0 @@ -// -// Input groups -// -------------------------------------------------- - -// Base styles -// ------------------------- -.input-group { - position: relative; // For dropdowns - display: table; - border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table - - // Undo padding and float of grid classes - &[class*="col-"] { - float: none; - padding-left: 0; - padding-right: 0; - } - - .form-control { - width: 100%; - margin-bottom: 0; - } -} - -// Sizing options -// -// Remix the default form control sizing classes into new ones for easier -// manipulation. - -.input-group-lg > .form-control, -.input-group-lg > .input-group-addon, -.input-group-lg > .input-group-btn > .btn { .input-lg(); } -.input-group-sm > .form-control, -.input-group-sm > .input-group-addon, -.input-group-sm > .input-group-btn > .btn { .input-sm(); } - - -// Display as table-cell -// ------------------------- -.input-group-addon, -.input-group-btn, -.input-group .form-control { - display: table-cell; - - &:not(:first-child):not(:last-child) { - border-radius: 0; - } -} -// Addon and addon wrapper for buttons -.input-group-addon, -.input-group-btn { - width: 1%; - white-space: nowrap; - vertical-align: middle; // Match the inputs -} - -// Text input groups -// ------------------------- -.input-group-addon { - padding: @padding-base-vertical @padding-base-horizontal; - font-size: @font-size-base; - font-weight: normal; - line-height: 1; - color: @input-color; - text-align: center; - background-color: @input-group-addon-bg; - border: 1px solid @input-group-addon-border-color; - border-radius: @border-radius-base; - - // Sizing - &.input-sm { - padding: @padding-small-vertical @padding-small-horizontal; - font-size: @font-size-small; - border-radius: @border-radius-small; - } - &.input-lg { - padding: @padding-large-vertical @padding-large-horizontal; - font-size: @font-size-large; - border-radius: @border-radius-large; - } - - // Nuke default margins from checkboxes and radios to vertically center within. - input[type="radio"], - input[type="checkbox"] { - margin-top: 0; - } -} - -// Reset rounded corners -.input-group .form-control:first-child, -.input-group-addon:first-child, -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .dropdown-toggle, -.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { - .border-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 > .dropdown-toggle, -.input-group-btn:first-child > .btn:not(:first-child) { - .border-left-radius(0); -} -.input-group-addon:last-child { - border-left: 0; -} - -// Button input groups -// ------------------------- -.input-group-btn { - position: relative; - white-space: nowrap; - - // Negative margin to only have a 1px border between the two - &:first-child > .btn { - margin-right: -1px; - } - &:last-child > .btn { - margin-left: -1px; - } -} -.input-group-btn > .btn { - position: relative; - // Jankily prevent input button groups from wrapping - + .btn { - margin-left: -4px; - } - // Bring the "active" button to the front - &:hover, - &:active { - z-index: 2; - } -} diff --git a/src/less/bootstrap/jumbotron.less b/src/less/bootstrap/jumbotron.less deleted file mode 100644 index 0460b69..0000000 --- a/src/less/bootstrap/jumbotron.less +++ /dev/null @@ -1,46 +0,0 @@ -// -// Jumbotron -// -------------------------------------------------- - - -.jumbotron { - padding: @jumbotron-padding; - margin-bottom: @jumbotron-padding; - font-size: @jumbotron-font-size; - font-weight: 200; - line-height: (@line-height-base * 1.5); - color: @jumbotron-color; - background-color: @jumbotron-bg; - - h1, - .h1 { - line-height: 1; - color: @jumbotron-heading-color; - } - p { - line-height: 1.4; - } - - .container & { - border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container - } - - .container { - max-width: 100%; - } - - @media screen and (min-width: @screen-sm-min) { - padding-top: (@jumbotron-padding * 1.6); - padding-bottom: (@jumbotron-padding * 1.6); - - .container & { - padding-left: (@jumbotron-padding * 2); - padding-right: (@jumbotron-padding * 2); - } - - h1, - .h1 { - font-size: (@font-size-base * 4.5); - } - } -} diff --git a/src/less/bootstrap/labels.less b/src/less/bootstrap/labels.less deleted file mode 100644 index 5db1ed1..0000000 --- a/src/less/bootstrap/labels.less +++ /dev/null @@ -1,64 +0,0 @@ -// -// Labels -// -------------------------------------------------- - -.label { - display: inline; - padding: .2em .6em .3em; - font-size: 75%; - font-weight: bold; - line-height: 1; - color: @label-color; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: .25em; - - // Add hover effects, but only for links - &[href] { - &:hover, - &:focus { - color: @label-link-hover-color; - text-decoration: none; - cursor: pointer; - } - } - - // Empty labels collapse automatically (not available in IE8) - &:empty { - display: none; - } - - // Quick fix for labels in buttons - .btn & { - position: relative; - top: -1px; - } -} - -// Colors -// Contextual variations (linked labels get darker on :hover) - -.label-default { - .label-variant(@label-default-bg); -} - -.label-primary { - .label-variant(@label-primary-bg); -} - -.label-success { - .label-variant(@label-success-bg); -} - -.label-info { - .label-variant(@label-info-bg); -} - -.label-warning { - .label-variant(@label-warning-bg); -} - -.label-danger { - .label-variant(@label-danger-bg); -} diff --git a/src/less/bootstrap/list-group.less b/src/less/bootstrap/list-group.less deleted file mode 100644 index 2cee529..0000000 --- a/src/less/bootstrap/list-group.less +++ /dev/null @@ -1,88 +0,0 @@ -// -// List groups -// -------------------------------------------------- - -// Base class -// -// Easily usable on
    ,
      , or
      . -.list-group { - // No need to set list-style: none; since .list-group-item is block level - margin-bottom: 20px; - padding-left: 0; // reset padding because ul and ol -} - -// Individual list items -// ------------------------- - -.list-group-item { - position: relative; - display: block; - padding: 10px 15px; - // Place the border on the list items and negative margin up for better styling - margin-bottom: -1px; - background-color: @list-group-bg; - border: 1px solid @list-group-border; - - // Round the first and last items - &:first-child { - .border-top-radius(@list-group-border-radius); - } - &:last-child { - margin-bottom: 0; - .border-bottom-radius(@list-group-border-radius); - } - - // Align badges within list items - > .badge { - float: right; - } - > .badge + .badge { - margin-right: 5px; - } -} - -// Linked list items -a.list-group-item { - color: @list-group-link-color; - - .list-group-item-heading { - color: @list-group-link-heading-color; - } - - // Hover state - &:hover, - &:focus { - text-decoration: none; - background-color: @list-group-hover-bg; - } - - // Active class on item itself, not parent - &.active, - &.active:hover, - &.active:focus { - z-index: 2; // Place active items above their siblings for proper border styling - color: @list-group-active-color; - background-color: @list-group-active-bg; - border-color: @list-group-active-border; - - // Force color to inherit for custom content - .list-group-item-heading { - color: inherit; - } - .list-group-item-text { - color: lighten(@list-group-active-bg, 40%); - } - } -} - -// Custom content options -// ------------------------- - -.list-group-item-heading { - margin-top: 0; - margin-bottom: 5px; -} -.list-group-item-text { - margin-bottom: 0; - line-height: 1.3; -} diff --git a/src/less/bootstrap/media.less b/src/less/bootstrap/media.less deleted file mode 100644 index 5ad22cd..0000000 --- a/src/less/bootstrap/media.less +++ /dev/null @@ -1,56 +0,0 @@ -// Media objects -// Source: http://stubbornella.org/content/?p=497 -// -------------------------------------------------- - - -// Common styles -// ------------------------- - -// Clear the floats -.media, -.media-body { - overflow: hidden; - zoom: 1; -} - -// Proper spacing between instances of .media -.media, -.media .media { - margin-top: 15px; -} -.media:first-child { - margin-top: 0; -} - -// For images and videos, set to block -.media-object { - display: block; -} - -// Reset margins on headings for tighter default spacing -.media-heading { - margin: 0 0 5px; -} - - -// Media image alignment -// ------------------------- - -.media { - > .pull-left { - margin-right: 10px; - } - > .pull-right { - margin-left: 10px; - } -} - - -// Media list variation -// ------------------------- - -// Undo default ul/ol styles -.media-list { - padding-left: 0; - list-style: none; -} diff --git a/src/less/bootstrap/mixins.less b/src/less/bootstrap/mixins.less deleted file mode 100644 index 5c54c64..0000000 --- a/src/less/bootstrap/mixins.less +++ /dev/null @@ -1,845 +0,0 @@ -// -// Mixins -// -------------------------------------------------- - - -// Utilities -// ------------------------- - -// Clearfix -// Source: http://nicolasgallagher.com/micro-clearfix-hack/ -// -// For modern browsers -// 1. The space content is one way to avoid an Opera bug when the -// contenteditable attribute is included anywhere else in the document. -// Otherwise it causes space to appear at the top and bottom of elements -// that are clearfixed. -// 2. The use of `table` rather than `block` is only necessary if using -// `:before` to contain the top-margins of child elements. -.clearfix() { - &:before, - &:after { - content: " "; // 1 - display: table; // 2 - } - &:after { - clear: both; - } -} - -// WebKit-style focus -.tab-focus() { - // Default - outline: thin dotted; - // WebKit - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -// Center-align a block level element -.center-block() { - display: block; - margin-left: auto; - margin-right: auto; -} - -// Sizing shortcuts -.size(@width; @height) { - width: @width; - height: @height; -} -.square(@size) { - .size(@size; @size); -} - -// Placeholder text -.placeholder(@color: @input-color-placeholder) { - &:-moz-placeholder { color: @color; } // Firefox 4-18 - &::-moz-placeholder { color: @color; // Firefox 19+ - opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526 - &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+ - &::-webkit-input-placeholder { color: @color; } // Safari and Chrome -} - -// Text overflow -// Requires inline-block or block for proper styling -.text-overflow() { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -// CSS image replacement -// -// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for -// mixins being reused as classes with the same name, this doesn't hold up. As -// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. Note -// that we cannot chain the mixins together in Less, so they are repeated. -// -// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 - -// Deprecated as of v3.0.1 (will be removed in v4) -.hide-text() { - font: ~"0/0" a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -// New mixin to use as of v3.0.1 -.text-hide() { - .hide-text(); -} - - - -// CSS3 PROPERTIES -// -------------------------------------------------- - -// Single side border-radius -.border-top-radius(@radius) { - border-top-right-radius: @radius; - border-top-left-radius: @radius; -} -.border-right-radius(@radius) { - border-bottom-right-radius: @radius; - border-top-right-radius: @radius; -} -.border-bottom-radius(@radius) { - border-bottom-right-radius: @radius; - border-bottom-left-radius: @radius; -} -.border-left-radius(@radius) { - border-bottom-left-radius: @radius; - border-top-left-radius: @radius; -} - -// Drop shadows -.box-shadow(@shadow) { - -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1 - box-shadow: @shadow; -} - -// Transitions -.transition(@transition) { - -webkit-transition: @transition; - transition: @transition; -} -.transition-property(@transition-property) { - -webkit-transition-property: @transition-property; - transition-property: @transition-property; -} -.transition-delay(@transition-delay) { - -webkit-transition-delay: @transition-delay; - transition-delay: @transition-delay; -} -.transition-duration(@transition-duration) { - -webkit-transition-duration: @transition-duration; - transition-duration: @transition-duration; -} -.transition-transform(@transition) { - -webkit-transition: -webkit-transform @transition; - -moz-transition: -moz-transform @transition; - -o-transition: -o-transform @transition; - transition: transform @transition; -} - -// Transformations -.rotate(@degrees) { - -webkit-transform: rotate(@degrees); - -ms-transform: rotate(@degrees); // IE9+ - transform: rotate(@degrees); -} -.scale(@ratio) { - -webkit-transform: scale(@ratio); - -ms-transform: scale(@ratio); // IE9+ - transform: scale(@ratio); -} -.translate(@x; @y) { - -webkit-transform: translate(@x, @y); - -ms-transform: translate(@x, @y); // IE9+ - transform: translate(@x, @y); -} -.skew(@x; @y) { - -webkit-transform: skew(@x, @y); - -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+ - transform: skew(@x, @y); -} -.translate3d(@x; @y; @z) { - -webkit-transform: translate3d(@x, @y, @z); - transform: translate3d(@x, @y, @z); -} - -.rotateX(@degrees) { - -webkit-transform: rotateX(@degrees); - -ms-transform: rotateX(@degrees); // IE9+ - transform: rotateX(@degrees); -} -.rotateY(@degrees) { - -webkit-transform: rotateY(@degrees); - -ms-transform: rotateY(@degrees); // IE9+ - transform: rotateY(@degrees); -} -.perspective(@perspective) { - -webkit-perspective: @perspective; - -moz-perspective: @perspective; - perspective: @perspective; -} -.perspective-origin(@perspective) { - -webkit-perspective-origin: @perspective; - -moz-perspective-origin: @perspective; - perspective-origin: @perspective; -} -.transform-origin(@origin) { - -webkit-transform-origin: @origin; - -moz-transform-origin: @origin; - transform-origin: @origin; -} - -// Animations -.animation(@animation) { - -webkit-animation: @animation; - animation: @animation; -} - -// Backface visibility -// Prevent browsers from flickering when using CSS 3D transforms. -// Default value is `visible`, but can be changed to `hidden` -.backface-visibility(@visibility){ - -webkit-backface-visibility: @visibility; - -moz-backface-visibility: @visibility; - backface-visibility: @visibility; -} - -// Box sizing -.box-sizing(@boxmodel) { - -webkit-box-sizing: @boxmodel; - -moz-box-sizing: @boxmodel; - box-sizing: @boxmodel; -} - -// User select -// For selecting text on the page -.user-select(@select) { - -webkit-user-select: @select; - -moz-user-select: @select; - -ms-user-select: @select; // IE10+ - -o-user-select: @select; - user-select: @select; -} - -// Resize anything -.resizable(@direction) { - resize: @direction; // Options: horizontal, vertical, both - overflow: auto; // Safari fix -} - -// CSS3 Content Columns -.content-columns(@column-count; @column-gap: @grid-gutter-width) { - -webkit-column-count: @column-count; - -moz-column-count: @column-count; - column-count: @column-count; - -webkit-column-gap: @column-gap; - -moz-column-gap: @column-gap; - column-gap: @column-gap; -} - -// Optional hyphenation -.hyphens(@mode: auto) { - word-wrap: break-word; - -webkit-hyphens: @mode; - -moz-hyphens: @mode; - -ms-hyphens: @mode; // IE10+ - -o-hyphens: @mode; - hyphens: @mode; -} - -// Opacity -.opacity(@opacity) { - opacity: @opacity; - // IE8 filter - @opacity-ie: (@opacity * 100); - filter: ~"alpha(opacity=@{opacity-ie})"; -} - - - -// GRADIENTS -// -------------------------------------------------- - -#gradient { - - // Horizontal gradient, from left to right - // - // Creates two color stops, start and end, by specifying a color and position for each color stop. - // Color stops are not available in IE9 and below. - .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) { - background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1-6, Chrome 10+ - background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ - background-repeat: repeat-x; - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down - } - - // Vertical gradient, from top to bottom - // - // Creates two color stops, start and end, by specifying a color and position for each color stop. - // Color stops are not available in IE9 and below. - .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) { - background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+ - background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ - background-repeat: repeat-x; - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down - } - - .directional(@start-color: #555; @end-color: #333; @deg: 45deg) { - background-repeat: repeat-x; - background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+ - background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ - } - .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) { - background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color); - background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color); - background-repeat: no-repeat; - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback - } - .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) { - background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color); - background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color); - background-repeat: no-repeat; - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback - } - .radial(@inner-color: #555; @outer-color: #333) { - background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color); - background-image: radial-gradient(circle, @inner-color, @outer-color); - background-repeat: no-repeat; - } - .striped(@color: rgba(255,255,255,.15); @angle: 45deg) { - background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); - background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); - } -} - -// Reset filters for IE -// -// When you need to remove a gradient background, do not forget to use this to reset -// the IE filter for IE9 and below. -.reset-filter() { - filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); -} - - - -// Retina images -// -// Short retina mixin for setting background-image and -size - -.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) { - background-image: url("@{file-1x}"); - - @media - only screen and (-webkit-min-device-pixel-ratio: 2), - only screen and ( min--moz-device-pixel-ratio: 2), - only screen and ( -o-min-device-pixel-ratio: 2/1), - only screen and ( min-device-pixel-ratio: 2), - only screen and ( min-resolution: 192dpi), - only screen and ( min-resolution: 2dppx) { - background-image: url("@{file-2x}"); - background-size: @width-1x @height-1x; - } -} - - -// Responsive image -// -// Keep images from scaling beyond the width of their parents. - -.img-responsive(@display: block;) { - display: @display; - max-width: 100%; // Part 1: Set a maximum relative to the parent - height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching -} - - -// COMPONENT MIXINS -// -------------------------------------------------- - -// Horizontal dividers -// ------------------------- -// Dividers (basically an hr) within dropdowns and nav lists -.nav-divider(@color: #e5e5e5) { - height: 1px; - margin: ((@line-height-computed / 2) - 1) 0; - overflow: hidden; - background-color: @color; -} - -// Panels -// ------------------------- -.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) { - border-color: @border; - - & > .panel-heading { - color: @heading-text-color; - background-color: @heading-bg-color; - border-color: @heading-border; - - + .panel-collapse .panel-body { - border-top-color: @border; - } - } - & > .panel-footer { - + .panel-collapse .panel-body { - border-bottom-color: @border; - } - } -} - -// Alerts -// ------------------------- -.alert-variant(@background; @border; @text-color) { - background-color: @background; - border-color: @border; - color: @text-color; - - hr { - border-top-color: darken(@border, 5%); - } - .alert-link { - color: darken(@text-color, 10%); - } -} - -// Tables -// ------------------------- -.table-row-variant(@state; @background) { - // Exact selectors below required to override `.table-striped` and prevent - // inheritance to nested tables. - .table { - > thead, - > tbody, - > tfoot { - > tr > .@{state}, - > .@{state} > td, - > .@{state} > th { - background-color: @background; - } - } - } - - // Hover states for `.table-hover` - // Note: this is not available for cells or rows within `thead` or `tfoot`. - .table-hover > tbody { - > tr > .@{state}:hover, - > .@{state}:hover > td, - > .@{state}:hover > th { - background-color: darken(@background, 5%); - } - } -} - -// Button variants -// ------------------------- -// Easily pump out default styles, as well as :hover, :focus, :active, -// and disabled options for all buttons -.button-variant(@color; @background; @border) { - color: @color; - background-color: @background; - border-color: @border; - - &:hover, - &:focus, - &:active, - &.active, - .open .dropdown-toggle& { - color: @color; - background-color: darken(@background, 8%); - border-color: darken(@border, 12%); - } - &:active, - &.active, - .open .dropdown-toggle& { - background-image: none; - } - &.disabled, - &[disabled], - fieldset[disabled] & { - &, - &:hover, - &:focus, - &:active, - &.active { - background-color: @background; - border-color: @border; - } - } - - .badge { - color: @background; - background-color: #fff; - } -} - -// Button sizes -// ------------------------- -.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { - padding: @padding-vertical @padding-horizontal; - font-size: @font-size; - line-height: @line-height; - border-radius: @border-radius; -} - -// Pagination -// ------------------------- -.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) { - > li { - > a, - > span { - padding: @padding-vertical @padding-horizontal; - font-size: @font-size; - } - &:first-child { - > a, - > span { - .border-left-radius(@border-radius); - } - } - &:last-child { - > a, - > span { - .border-right-radius(@border-radius); - } - } - } -} - -// Labels -// ------------------------- -.label-variant(@color) { - background-color: @color; - &[href] { - &:hover, - &:focus { - background-color: darken(@color, 10%); - } - } -} - -// Navbar vertical align -// ------------------------- -// Vertically center elements in the navbar. -// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. -.navbar-vertical-align(@element-height) { - margin-top: ((@navbar-height - @element-height) / 2); - margin-bottom: ((@navbar-height - @element-height) / 2); -} - -// Progress bars -// ------------------------- -.progress-bar-variant(@color) { - background-color: @color; - .progress-striped & { - #gradient > .striped(); - } -} - -// Responsive utilities -// ------------------------- -// More easily include all the states for responsive-utilities.less. -.responsive-visibility() { - display: block !important; - table& { display: table; } - tr& { display: table-row !important; } - th&, - td& { display: table-cell !important; } -} - -.responsive-invisibility() { - &, - tr&, - th&, - td& { display: none !important; } -} - - -// Grid System -// ----------- - -// Centered container element -.container-fixed() { - margin-right: auto; - margin-left: auto; - padding-left: (@grid-gutter-width / 2); - padding-right: (@grid-gutter-width / 2); - .clearfix(); -} - -// Creates a wrapper for a series of columns -.make-row(@gutter: @grid-gutter-width) { - margin-left: (@gutter / -2); - margin-right: (@gutter / -2); - .clearfix(); -} - -// Generate the extra small columns -.make-xs-column(@columns; @gutter: @grid-gutter-width) { - position: relative; - float: left; - width: percentage((@columns / @grid-columns)); - // Prevent columns from collapsing when empty - min-height: 1px; - // Inner gutter via padding - padding-left: (@gutter / 2); - padding-right: (@gutter / 2); -} - -// Generate the small columns -.make-sm-column(@columns; @gutter: @grid-gutter-width) { - position: relative; - // Prevent columns from collapsing when empty - min-height: 1px; - // Inner gutter via padding - padding-left: (@gutter / 2); - padding-right: (@gutter / 2); - - // Calculate width based on number of columns available - @media (min-width: @screen-sm-min) { - float: left; - width: percentage((@columns / @grid-columns)); - } -} - -// Generate the small column offsets -.make-sm-column-offset(@columns) { - @media (min-width: @screen-sm-min) { - margin-left: percentage((@columns / @grid-columns)); - } -} -.make-sm-column-push(@columns) { - @media (min-width: @screen-sm-min) { - left: percentage((@columns / @grid-columns)); - } -} -.make-sm-column-pull(@columns) { - @media (min-width: @screen-sm-min) { - right: percentage((@columns / @grid-columns)); - } -} - -// Generate the medium columns -.make-md-column(@columns; @gutter: @grid-gutter-width) { - position: relative; - // Prevent columns from collapsing when empty - min-height: 1px; - // Inner gutter via padding - padding-left: (@gutter / 2); - padding-right: (@gutter / 2); - - // Calculate width based on number of columns available - @media (min-width: @screen-md-min) { - float: left; - width: percentage((@columns / @grid-columns)); - } -} - -// Generate the medium column offsets -.make-md-column-offset(@columns) { - @media (min-width: @screen-md-min) { - margin-left: percentage((@columns / @grid-columns)); - } -} -.make-md-column-push(@columns) { - @media (min-width: @screen-md) { - left: percentage((@columns / @grid-columns)); - } -} -.make-md-column-pull(@columns) { - @media (min-width: @screen-md-min) { - right: percentage((@columns / @grid-columns)); - } -} - -// Generate the large columns -.make-lg-column(@columns; @gutter: @grid-gutter-width) { - position: relative; - // Prevent columns from collapsing when empty - min-height: 1px; - // Inner gutter via padding - padding-left: (@gutter / 2); - padding-right: (@gutter / 2); - - // Calculate width based on number of columns available - @media (min-width: @screen-lg-min) { - float: left; - width: percentage((@columns / @grid-columns)); - } -} - -// Generate the large column offsets -.make-lg-column-offset(@columns) { - @media (min-width: @screen-lg-min) { - margin-left: percentage((@columns / @grid-columns)); - } -} -.make-lg-column-push(@columns) { - @media (min-width: @screen-lg-min) { - left: percentage((@columns / @grid-columns)); - } -} -.make-lg-column-pull(@columns) { - @media (min-width: @screen-lg-min) { - right: percentage((@columns / @grid-columns)); - } -} - - -// Framework grid generation -// -// Used only by Bootstrap to generate the correct number of grid classes given -// any value of `@grid-columns`. - -.make-grid-columns() { - // Common styles for all sizes of grid columns, widths 1-12 - .col(@index) when (@index = 1) { // initial - @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; - .col(@index + 1, @item); - } - .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo - @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; - .col(@index + 1, ~"@{list}, @{item}"); - } - .col(@index, @list) when (@index > @grid-columns) { // terminal - @{list} { - position: relative; - // Prevent columns from collapsing when empty - min-height: 1px; - // Inner gutter via padding - padding-left: (@grid-gutter-width / 2); - padding-right: (@grid-gutter-width / 2); - } - } - .col(1); // kickstart it -} - -.make-grid-columns-float(@class) { - .col(@index) when (@index = 1) { // initial - @item: ~".col-@{class}-@{index}"; - .col(@index + 1, @item); - } - .col(@index, @list) when (@index =< @grid-columns) { // general - @item: ~".col-@{class}-@{index}"; - .col(@index + 1, ~"@{list}, @{item}"); - } - .col(@index, @list) when (@index > @grid-columns) { // terminal - @{list} { - float: left; - } - } - .col(1); // kickstart it -} - -.calc-grid(@index, @class, @type) when (@type = width) and (@index > 0) { - .col-@{class}-@{index} { - width: percentage((@index / @grid-columns)); - } -} -.calc-grid(@index, @class, @type) when (@type = push) { - .col-@{class}-push-@{index} { - left: percentage((@index / @grid-columns)); - } -} -.calc-grid(@index, @class, @type) when (@type = pull) { - .col-@{class}-pull-@{index} { - right: percentage((@index / @grid-columns)); - } -} -.calc-grid(@index, @class, @type) when (@type = offset) { - .col-@{class}-offset-@{index} { - margin-left: percentage((@index / @grid-columns)); - } -} - -// Basic looping in LESS -.make-grid(@index, @class, @type) when (@index >= 0) { - .calc-grid(@index, @class, @type); - // next iteration - .make-grid(@index - 1, @class, @type); -} - - -// Form validation states -// -// Used in forms.less to generate the form validation CSS for warnings, errors, -// and successes. - -.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) { - // Color the label and help text - .help-block, - .control-label, - .radio, - .checkbox, - .radio-inline, - .checkbox-inline { - color: @text-color; - } - // Set the border and box shadow on specific inputs to match - .form-control { - border-color: @border-color; - .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work - &:focus { - border-color: darken(@border-color, 10%); - @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%); - .box-shadow(@shadow); - } - } - // Set validation states also for addons - .input-group-addon { - color: @text-color; - border-color: @border-color; - background-color: @background-color; - } -} - -// Form control focus state -// -// Generate a customized focus state and for any input with the specified color, -// which defaults to the `@input-focus-border` variable. -// -// We highly encourage you to not customize the default value, but instead use -// this to tweak colors on an as-needed basis. This aesthetic change is based on -// WebKit's default styles, but applicable to a wider range of browsers. Its -// usability and accessibility should be taken into account with any change. -// -// Example usage: change the default blue border and shadow to white for better -// contrast against a dark gray background. - -.form-control-focus(@color: @input-border-focus) { - @color-rgba: rgba(red(@color), green(@color), blue(@color), .6); - &:focus { - border-color: @color; - outline: 0; - .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); - } -} - -// Form control sizing -// -// Relative text size, padding, and border-radii changes for form controls. For -// horizontal sizing, wrap controls in the predefined grid classes. ` -
      - -
      -
      - - Whitesquare logo - - -
      -

      About us

      -
      -
      - -
      -
      -
      -

      - “Quisque in enim velit, at dignissim est. nulla ul corper, dolor ac pellentesque - placerat, justo tellus gravida erat, vel porttitor libero erat.” -

      - John Doe, Lorem Ipsum -
      -
      -

      - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non neque ac sem accumsan rhoncus ut - ut turpis. In hac habitasse platea dictumst. Proin eget nisi erat, et feugiat arcu. Duis semper - porttitor lectus, ac pharetra erat imperdiet nec. Morbi interdum felis nulla. Aenean eros orci, - pellentesque sed egestas vitae, auctor aliquam nisi. Nulla nec libero eget sem rutrum iaculis. - Quisque in enim velit, at dignissim est. Nulla ullamcorper, dolor ac pellentesque placerat, justo - tellus gravida erat, vel porttitor libero erat condimentum metus. Donec sodales aliquam orci id - suscipit. Proin sed risus sit amet massa ultrices laoreet quis a erat. Aliquam et metus id erat - vulputate egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus - mus. -

      -

      - Donec vel nisl nibh. Aenean quam tortor, tempus sit amet mattis dapibus, egestas tempor dui. Duis - vestibulum imperdiet risus pretium pretium. Nunc vitae porta ligula. Vestibulum sit amet nulla quam. - Aenean lacinia, ante vitae sodales sagittis, leo felis bibendum neque, mattis sagittis neque urna - vel magna. Sed at sem vitae lorem blandit feugiat. -

      -

      - Donec vel orci purus, ut ornare orci. Aenean rutrum pellentesque quam. Quisque gravida adipiscing - augue, eget commodo augue egestas varius. Integer volutpat, tellus porta tincidunt sodales, lacus - est tempus odio, fringilla blandit tortor lectus ut sem. Pellentesque nec sem lacus, sit amet - consequat neque. Etiam varius urna quis arcu cursus in consectetur dui tincidunt. Quisque arcu orci, - lacinia eget pretium vel, iaculis pellentesque nibh. Etiam cursus lacus eget neque viverra - vestibulum. Aliquam erat volutpat. Duis pulvinar tellus ut urna facilisis mollis. Maecenas ac - pharetra dui. Pellentesque neque ante, luctus eget congue eget, rhoncus vel mauris. Duis nisi magna, - aliquet a convallis non, venenatis at nisl. Nunc at quam eu magna malesuada dignissim. Duis bibendum - iaculis felis, eu venenatis risus sodales non. In ligula mi, faucibus eu tristique sed, vulputate - rutrum dolor. -

      -
      -
      - -
      -
      - -
      -
      -

      Our team

      -
      -
      -
      - John Doe -
      -

      John Doe

      -

      ceo

      -
      -
      -
      - Saundra Pittsley -
      -

      Saundra Pittsley

      -

      team leader

      -
      -
      -
      - Julio Simser -
      -

      Julio Simser

      -

      senior developer

      -
      -
      -
      - Margery Venuti -
      -

      Margery Venuti

      -

      senior developer

      -
      -
      -
      - Fernando Tondrea -
      -

      Fernando Tondrea

      -

      developer

      -
      -
      -
      -
      -
      - Ericka Nobriga -
      -

      Ericka Nobriga

      -

      art director

      -
      -
      -
      - Cody Rousselle -
      -

      Cody Rousselle

      -

      senior ui designer

      -
      -
      -
      - Erik Wollman -
      -

      Erik Wollman

      -

      senior ui designer

      -
      -
      -
      - Dona Shoff -
      -

      Dona Shoff

      -

      ux designer

      -
      -
      -
      - Darryl Brunton -
      -

      Darryl Brunton

      -

      ui designer

      -
      -
      -
      -
      -
      -
      -
- - - \ No newline at end of file