diff --git a/README.md b/README.md index 9f940cd..cb4fc4d 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,8 @@ theme_material_design ===================== +

Currently a work in progress - not installable

+ Odoo Bootstrap Material Design Boilerplate Theme Module (Website) This module aims to build a frontend theme based on the Google's material design concept and FezVrasta's bootstrap html template (https://github.com/FezVrasta/bootstrap-material-design) to help kickstart your Odoo theme module development. This will aim to remove the dependencies on the bootstrap framework to free up developers to use other platforms. diff --git a/theme_material_design/__init__.py b/theme_material_design/__init__.py new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/theme_material_design/__init__.py @@ -0,0 +1 @@ + diff --git a/theme_material_design/__init__.pyc b/theme_material_design/__init__.pyc new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/theme_material_design/__init__.pyc @@ -0,0 +1 @@ + diff --git a/theme_material_design/__openerp__.py b/theme_material_design/__openerp__.py new file mode 100644 index 0000000..2803795 --- /dev/null +++ b/theme_material_design/__openerp__.py @@ -0,0 +1,22 @@ +{ + 'name': 'Material Design Theme', + 'description': 'Material Design Theme', + 'image': 'material_design_description.jpg', + 'category': 'Theme', + 'version': '1.0', + 'author': 'Luke Branch', + 'depends': ['theme_common'], + 'data': [ + 'views/assets.xml', + 'views/customize_modal.xml', + 'views/image_content.xml', + 'views/image_library.xml', + 'views/snippets_options.xml', + 'views/snippets.xml', + ], + 'demo': [ + 'demo/home.xml', + 'demo/blocks.xml', + ], + 'application': True, +} diff --git a/theme_material_design/static/description/index.html b/theme_material_design/static/description/index.html new file mode 100644 index 0000000..7bdd136 --- /dev/null +++ b/theme_material_design/static/description/index.html @@ -0,0 +1,123 @@ +
+
+
+
+
+

Theme Material Design

+

Html5 Responsive Bootstrap Theme for Odoo CMS

+
+
+

Material Design is a professional responsive HTML5 theme, built using Bootstrap3, + the most popular front-end framework for developing responsive, mobile + first projects on the web. Just drag & drop the new building blocks + you need to easily build your layout. All layouts are made of sections, + that you can easily combine to fit your specific project.

+ +
+
+
+
+
+
+
+
+
+

Material Design Customization Tool

+
+
+
+
+

Theme Material Design comes with customization tools. You can easily change + the background, the colors and the font combination of your website or + you a preset.

+
+
+
+
+ +
+
+

Theme Material Design comes with a lot of options

+

- 6 PRESETS  +
- WIDE OR BOXED LAYOUT +
- 6 COLOR SCHEMES  +
- 12 BACKGROUND SHADES  +
- 12 FONT COMBINATIONS  +
- 6 ANIMATIONS PRESETS  +
+
+

+

All the background, color and font combinations were made to work together.  + You can not go wrong with the settings.

+

Minimalistic Flat Design

+

Theme Material Design was made with easy customization and branding in mind. Based on + simple, modern and typographical elements, it allows you to easily customize + your website.

+

6 Prebuild Presets

+

You don't have the time to play with options? Don't worry, Clean gives + you six full presets wich combine colors, fonts and background.

+
+
+
+
+
+

Material Design Building Blocks

+
+
+
+
+

You get a new complete range of building blocks.

+
+
+
+
+

STRUCTURE BLOCKS

+
    +
  • Title
    • +
  • Text
    • +
  • Color Block x2
    • +
  • Color Block x4
    • +
  • Image Text
    • +
  • Text Image
    • +
  • 1 Column
    • +
  • 2 Columns
    • +
  • 3 Columns
    • +
+

CONTENT BLOCKS

+
    +
  • Text Highlight
    • +
  • Separator Color
    • +
  • Separator Shade
    • +
  • Icon Box
    • +
  • Icon Box Circle
    • +
  • Icon Box Square
    • +
+
+
+

FEATURES BLOCKS

+
    +
  • Lead Bar
    • +
  • Logos Bar
    • +
  • Team Profiles
    • +
  • Timeline
    • +
  • Timeline Compact
    • +
  • Event List
    • +
  • Discount
    • +
  • Pricing
    • +
  • Process Step
    • +
+

EFFECTS BLOCKS

+
    +
  • Big Image
    • +
  • Big Image Parallax
    • +
  • Slide Banner
    • +
+
+
+

Customize Your Blocks

+

Each building blocks comes with its own options. 

+ +
+
+
+
diff --git a/theme_material_design/static/src/font/placeholder.txt b/theme_material_design/static/src/font/placeholder.txt new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/theme_material_design/static/src/font/placeholder.txt @@ -0,0 +1 @@ + diff --git a/theme_material_design/static/src/less/colors.less b/theme_material_design/static/src/less/colors.less new file mode 100644 index 0000000..8318a2a --- /dev/null +++ b/theme_material_design/static/src/less/colors.less @@ -0,0 +1,120 @@ + + +/* Clean Colors */ + + +@color-blue: #3498DB; +@color-turquoise: #1ABC9C; +@color-green: #2ECC71; +@color-yellow: #F1C40F; +@color-orange: #E67E22; +@color-red: #E74C3C; +@color-pink: #f74b94; +@color-purple: #7a58b2; +@color-brown: #7b5844; + +@color-blue-dark: #2980B9; +@color-turquoise-dark: #16A085; +@color-green-dark: #27AE60; +@color-yellow-dark: #f3ac12; +@color-orange-dark: #D35400; +@color-red-dark: #C0392B; +@color-pink-dark: #ea3884; +@color-purple-dark: #593d87; +@color-brown-dark: #604434; + +@color-blue-light: lighten(@color-blue, 20%); +@color-turquoise-light: lighten(@color-turquoise, 20%); +@color-green-light: lighten(@color-green, 20%); +@color-yellow-light: lighten(@color-yellow, 20%); +@color-orange-light: lighten(@color-orange, 20%); +@color-red-light: lighten(@color-red, 20%); +@color-pink-light: lighten(@color-pink, 20%); +@color-purple-light: lighten(@color-purple, 20%); +@color-brown-light: lighten(@color-brown, 20%); + +@color-clouds: #ECF0F1; +@color-silver: #BDC3C7; +@color-concrete: #95A5A6; +@color-concrete-dark: #445b5c; +@color-stone: #7F8C8D; +@color-asphalt: #34495E; +@color-midnight: #2C3E50; + +@color-wind: #f7f7f7; +@color-clay: #e1dcd5; +@color-sand: #c5bcb1; +@color-beach: #f3bf91; +@color-forest: #254c3a; +@color-twilight: #39225f; +@color-burgundy: #8e362d; +@color-marine: #212d3a; + +/* GRAYS --------------------------------------------------------- */ + +@gray-ultra-darker: lighten(#000, 10%); +@gray-ultra-dark: lighten(#000, 15%); +@gray-darker: lighten(#000, 20%); +@gray-dark: lighten(#000, 40%); +@gray: lighten(#000, 55%); +@gray-light: lighten(#000, 70%); +@gray-lighter: lighten(#000, 80%); + +/* Backgrounds Colors ------------------------------------------------*/ + +@bg-blue: background(@color-blue); +@bg-turquoise: background(@color-turquoise); +@bg-green: background(@color-green); +@bg-yellow: background(@color-yellow); +@bg-orange: background(@color-orange); +@bg-red: background(@color-red); +@bg-pink: background(@color-pink); +@bg-purple: background(@color-purple); +@bg-brown: background(@color-brown); + +@bg-blue-dark: background(@color-blue-dark); +@bg-turquoise-dark: background(@color-turquoise-dark); +@bg-green-dark: background(@color-green-dark); +@bg-yellow-dark: background(@color-yellow-dark); +@bg-orange-dark: background(@color-orange-dark); +@bg-red-dark: background(@color-red-dark); +@bg-pink-dark: background(@color-pink-dark); +@bg-purple-dark: background(@color-purple-dark); +@bg-brown-dark: background(@color-brown-dark); + +@bg-blue-light: background(@color-blue-light); +@bg-turquoise-light: background(@color-turquoise-light); +@bg-green-light: background(@color-green-light); +@bg-yellow-light: background(@color-yellow-light); +@bg-orange-light: background(@color-orange-light); +@bg-red-light: background(@color-red-light); +@bg-pink-light: background(@color-pink-light); +@bg-purple-light: background(@color-purple-light); +@bg-brown-light: background(@color-brown-light); + + +@bg-clouds: background(@color-clouds); +@bg-silver: background(@color-silver); +@bg-concrete: background(@color-concrete); +@bg-stone: background(@color-stone); +@bg-asphalt: background(@color-asphalt); +@bg-midnight: background(@color-midnight); + +@bg-marine: background(@color-marine); +@bg-wind: background(@color-wind); +@bg-sand: background(@color-sand); +@bg-beach: background(@color-beach); +@bg-forest: background(@color-forest); +@bg-twilight: background(@color-twilight); +@bg-burgundy: background(@color-burgundy); + + +.text-blue { color: @color-blue;} +.text-turquoise { color: @color-turquoise;} +.text-green { color: @color-green;} +.text-yellow { color: @color-yellow;} +.text-orange { color: @color-orange;} +.text-red { color: @color-red;} +.text-pink { color: @color-pink;} +.text-purple { color: @color-purple;} +.text-brown { color: @color-brown;} diff --git a/theme_material_design/static/src/less/customize_modal.less b/theme_material_design/static/src/less/customize_modal.less new file mode 100644 index 0000000..fafe9e1 --- /dev/null +++ b/theme_material_design/static/src/less/customize_modal.less @@ -0,0 +1,298 @@ + +/* Theme Selector */ + +#boxed-collapse { +position: relative +} + +div.panel-heading.clean-panel-heading { + border: none; + background-color: #3d4546; + +} + +div.panel-heading.clean-panel-heading h4 { + font-family: 'Lato-Regular'; + color: white; + font-size: 16px; + font-weight: normal; + text-transform: uppercase; +} + +h4.panel-title.clean-panel-title { + +} + +.panel-group .panel-heading+.panel-collapse>.panel-body { + border-top: none; +} + +div.panel.panel-default.clean-panel { + border: none; + background-color: #3d4546; +} + +div.panel-body.clean-panel-body{ + background-color: #3d4546; + border: none; +} + +#boxed-collapse .modal-h5 { + font-size: 14px; + color: white; + padding: 4px 0 4px 4px; + background-color: lighten(@color-silver, 5%); + text-align: left; +} + +#theme_customize_modal .modal-title { + color: @gray; + font-size: 22px; + font-family: 'Lato-Regular'; + font-weight: normal; + text-transform: capitalize; + letter-spacing: normal; +} + + + +#theme_customize_modal .modal-body tr { + background: none; + border: none; +} + +#theme_customize_modal .modal-body td { + padding: 0; + background: none; + border: none; +} + +#theme_customize_modal .modal-body table { + padding: 0; + background: none; + border: none; + margin-bottom: 8px; +} + +#theme_customize_modal .modal-body table tbody tr td label.checked { + background-color: @color-clouds; + border: 1px solid @color-silver; + margin: 0 auto; + line-height: 0.9; +} + +#theme_customize_modal .modal-body table tbody tr td label img { + width: 50px; + height: 30px; + margin: 6px; +} + + +#theme_customize_modal .modal-body table tbody tr td label .clean-layout-combi-img { + width: 80px; + height: 30px; + margin: 6px; +} + +#theme_customize_modal .modal-body table tbody tr td label .clean-bg-layout-combi-img { + width: 50px; + height: 30px; + margin: 6px; +} + +#theme_customize_modal .modal-body table tbody tr td label img.clean-color-combi-img { + width: 50px; + height: 30px; + margin: 6px; +} + +#theme_customize_modal .modal-body table tbody tr td label img.clean-preset-combi-img { + width: 50px; + height: 30px; + margin: 9px; +} + +.clean-fonts-combi { + line-height: 1.2; +} + +td .clean-fonts-combi { + padding: 0; + margin-left: 4px; +} +.clean-fonts-combi:hover { + background: none; + text-decoration: underline; +} + +.clean-layout-combi { + padding: 5px; + margin: 0 auto; + width: 180px; +} + +.clean-preset-combi { + padding: 5px; + margin: 0 auto; +} + +.clean-bg-layout-combi { + width: 62px; + margin: 0 auto; +} + +.clean-color-combi { + width: 62px; + margin: 0 auto; +} + +.modal-h5, .modal-h6 { + color: @gray; + font-family: 'Lato-Regular'; + font-weight: normal; + text-transform: uppercase; + letter-spacing: normal; +} + +.modal-h5 { + font-size: 14px; + color: white; + padding: 4px 0 4px 4px; + background-color: @color-silver; +} +.modal-h6 { + font-size: 12px; +} + + +#theme_customize_modal .modal-content { +background-color: #3d4546; +font-family: "Lato-Regular" !important; +letter-spacing: normal; +font-weight: normal; +} + +#theme_customize_modal .modal-body { +font-family: "Lato-Regular" !important; +letter-spacing: normal; +font-weight: normal; +position: relative; +padding: 0 8px; +padding-bottom: 30px; +background-color: #3d4546; +color: white; +} + +#theme_customize_modal h5 { +font-family: "Lato-Regular" !important; +letter-spacing: normal; +font-size: 16px; +font-weight: normal; +padding-top: 20px; +padding-bottom: 5px; +border-top: 1px solid #555; +text-transform: uppercase; +text-align: center; +background-color: #3d4546; +color: #aaa; +} + + +#theme_customize_modal h6 { +font-family: "Lato-Regular" !important; +letter-spacing: normal; +font-weight: normal; +color: #fff; +} + +#theme_customize_modal .modal-title { +font-family: "Lato-Regular" !important; +letter-spacing: normal; +font-weight: normal; +margin-top: 10px; +text-transform: uppercase; +text-align: center; +background-color: #3d4546; +} + +#theme_customize_modal .modal-header { +font-family: "Lato-Regular" !important; +letter-spacing: normal; +font-weight: normal; +background-color: #3d4546; +border-bottom: none; +} + +#theme_customize_modal .modal-header .close { +float: right; +font-size: 24px; +font-weight: 700; +line-height: 1; +color: #fff; +text-shadow: 0 1px 0 #000; +} + +.clean-color-combi, .clean-bg-layout-combi, .clean-pattern-combi { +width: auto; +margin: 0 auto; +} + + +#theme_customize_modal .modal-body .clean-img-combi.checked .clean-color-combi-img { +box-shadow: none; +border: 1px solid #ccc; +} + +#theme_customize_modal .modal-body .clean-color-combi.checked .clean-color-layout-combi { +box-shadow: none; +border: 1px solid #ccc; +} + +#theme_customize_modal .modal-body .clean-bg-layout-combi.checked .clean-bg-layout-combi-img { +box-shadow: none; +border: 1px solid #ccc; +} + +#theme_customize_modal .modal-body .clean-bg-layout-combi.checked .clean-preset-combi-img { +box-shadow: none; +border: 1px solid #ccc; +} + + + + +.clean-layout-combi { +padding: 5px; +margin: 0 auto; +width: 150px; +} + +.clean-fonts-combi { +line-height: 1.5; +width: 180px; +} + +#theme_customize_modal .modal-body table tbody tr td label.checked { +background: #586263; +border: none; +margin: 0 auto; +line-height: 1.5; +} + +#theme_customize_modal label { +font-weight: normal; +} + +#theme_customize_modal label.clean-fonts-combi { + font-weight: normal; + letter-spacing: normal; + text-align: left; + margin-left: 24px; +} + +#theme_customize_modal label.clean-fonts-combi.checked { + text-align: left; + letter-spacing: normal; + padding-left: 15px; + +} diff --git a/theme_material_design/static/src/less/fonts.less b/theme_material_design/static/src/less/fonts.less new file mode 100644 index 0000000..fc70aff --- /dev/null +++ b/theme_material_design/static/src/less/fonts.less @@ -0,0 +1,666 @@ +/* LESS Document */ +/* ----------------------------------------------- ABEL ----------------------------------------------- */ +@font-face { + font-family: 'Abel-Regular'; + src: url('/theme_material_design/static/src/font/Abel-Regular.ttf'); + src: local('Abel-Regular'), url('/theme_material_design/static/src/font/Abel-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'AbrilFatface-Regular'; + src: url('/theme_material_design/static/src/font/AbrilFatface-Regular.ttf'); + src: local('AbrilFatface-Regular'), url('/theme_material_design/static/src/font/AbrilFatface-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Alice-Regular'; + src: url('/theme_material_design/static/src/font/Alice-Regular.ttf'); + src: local('Alice-Regular'), url('/theme_material_design/static/src/font/Alice-Regular.ttf') format('truetype'); +} + +/* ----------------------------------------------- BEBAS NEUE ----------------------------------------------- */ + +@font-face { + font-family: 'BebasNeue Book'; + src: url('/theme_material_design/static/src/font/BebasNeue Book.ttf'); + src: local('BebasNeue Book'), url('/theme_material_design/static/src/font/BebasNeue Book.ttf') format('truetype'); +} + +@font-face { + font-family: 'BebasNeue Regular'; + src: url('/theme_material_design/static/src/font/BebasNeue Regular.ttf'); + src: local('BebasNeue Regular'), url('/theme_material_design/static/src/font/BebasNeue Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'BebasNeue Bold'; + src: url('/theme_material_design/static/src/font/BebasNeue Bold.ttf'); + src: local('BebasNeue Bold'), url('/theme_material_design/static/src/font/BebasNeue Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- BITTER ----------------------------------------------- */ + +@font-face { + font-family: 'Bitter-Italic'; + src: url('/theme_material_design/static/src/font/Bitter-Italic.ttf'); + src: local('Bitter-Italic'), url('/theme_material_design/static/src/font/Bitter-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'Bitter-Regular'; + src: url('/theme_material_design/static/src/font/Bitter-Regular.ttf'); + src: local('Bitter-Regular'), url('/theme_material_design/static/src/font/Bitter-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Bitter-Bold'; + src: url('/theme_material_design/static/src/font/Bitter-Bold.ttf'); + src: local('Bitter-Bold'), url('/theme_material_design/static/src/font/Bitter-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- DANCING SCRIPT ----------------------------------------------- */ + +@font-face { + font-family: 'DancingScript-Regular'; + src: url('/theme_material_design/static/src/font/DancingScript-Regular.ttf'); + src: local('DancingScript-Regular'), url('/theme_material_design/static/src/font/DancingScript-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'DancingScript-Bold'; + src: url('/theme_material_design/static/src/font/DancingScript-Bold.ttf'); + src: local('DancingScript-Bold'), url('/theme_material_design/static/src/font/DancingScript-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- DroidSans ----------------------------------------------- */ + +@font-face { + font-family: 'DroidSans'; + src: url('/theme_material_design/static/src/font/DroidSans.ttf'); + src: local('DroidSans'), url('/theme_material_design/static/src/font/DroidSans.ttf') format('truetype'); +} + +@font-face { + font-family: 'DroidSans-Bold'; + src: url('/theme_material_design/static/src/font/DroidSans-Bold.ttf'); + src: local('DroidSans-Bold'), url('/theme_material_design/static/src/font/DroidSans-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- DroidSerif ----------------------------------------------- */ + +@font-face { + font-family: 'DroidSerif-Italic'; + src: url('/theme_material_design/static/src/font/DroidSerif-Italic.ttf'); + src: local('DroidSerif-Italic'), url('/theme_material_design/static/src/font/DroidSerif-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'DroidSerif'; + src: url('/theme_material_design/static/src/font/DroidSerif.ttf'); + src: local('DroidSerif'), url('/theme_material_design/static/src/font/DroidSerif.ttf') format('truetype'); +} + +@font-face { + font-family: 'DroidSerif-Bold'; + src: url('/theme_material_design/static/src/font/DroidSerif-Bold.ttf'); + src: local('DroidSerif-Bold'), url('/theme_material_design/static/src/font/DroidSerif-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- Dosis ----------------------------------------------- */ + +@font-face { + font-family: 'Dosis-Light'; + src: url('/theme_material_design/static/src/font/Dosis-Light.ttf'); + src: local('Dosis-Light'), url('/theme_material_design/static/src/font/Dosis-Light.ttf') format('truetype'); +} + +@font-face { + font-family: 'Dosis-Regular'; + src: url('/theme_material_design/static/src/font/Dosis-Regular.ttf'); + src: local('Dosis-Regular'), url('/theme_material_design/static/src/font/Dosis-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Dosis-Bold'; + src: url('/theme_material_design/static/src/font/Dosis-Bold.ttf'); + src: local('Dosis-Bold'), url('/theme_material_design/static/src/font/Dosis-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- Helvetica ----------------------------------------------- */ + +@font-face { + font-family: 'Helvetica'; + src: url('/theme_material_design/static/src/font/Helvetica.ttf'); + src: local('Helvetica'), url('/theme_material_design/static/src/font/Helvetica.ttf') format('truetype'); +} + +@font-face { + font-family: 'Helvetica-Oblique'; + src: url('/theme_material_design/static/src/font/Helvetica-Oblique.ttf'); + src: local('Helvetica-Oblique'), url('/theme_material_design/static/src/font/Helvetica-Oblique.ttf') format('truetype'); +} + +@font-face { + font-family: 'Helvetica-Light'; + src: url('/theme_material_design/static/src/font/Helvetica-Light.ttf'); + src: local('Helvetica-Light'), url('/theme_material_design/static/src/font/Helvetica-Light.ttf') format('truetype'); +} + +@font-face { + font-family: 'Helvetica-LightOblique'; + src: url('/theme_material_design/static/src/font/Helvetica-LightOblique.ttf'); + src: local('Helvetica-LightOblique'), url('/theme_material_design/static/src/font/Helvetica-LightOblique.ttf') format('truetype'); +} + +@font-face { + font-family: 'Helvetica-Bold'; + src: url('/theme_material_design/static/src/font/Helvetica-Bold.ttf'); + src: local('Helvetica-Bold'), url('/theme_material_design/static/src/font/Helvetica-Bold.ttf') format('truetype'); +} + +@font-face { + font-family: 'Helvetica-BoldOblique'; + src: url('/theme_material_design/static/src/font/Helvetica-BoldOblique.ttf'); + src: local('Helvetica-BoldOblique'), url('/theme_material_design/static/src/font/Helvetica-BoldOblique.ttf') format('truetype'); +} + +/* ----------------------------------------------- Imprima ----------------------------------------------- */ + +@font-face { + font-family: 'Imprima-Regular'; + src: url('/theme_material_design/static/src/font/Imprima-Regular.ttf'); + src: local('Imprima-Regular'), url('/theme_material_design/static/src/font/Imprima-Regular.ttf') format('truetype'); +} + +/* ----------------------------------------------- Indie Flower ----------------------------------------------- */ + +@font-face { + font-family: 'IndieFlower'; + src: url('/theme_material_design/static/src/font/IndieFlower.ttf'); + src: local('IndieFlower'), url('/theme_material_design/static/src/font/IndieFlower.ttf') format('truetype'); +} + +/* ----------------------------------------------- Josefin Sans ----------------------------------------------- */ + +@font-face { + font-family: 'JosefinSans-Italic'; + src: url('/theme_material_design/static/src/font/JosefinSans-Italic.ttf'); + src: local(' JosefinSans-Italic'), url('/theme_material_design/static/src/font/JosefinSans-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'JosefinSans-Regular'; + src: url('/theme_material_design/static/src/font/JosefinSans-Regular.ttf'); + src: local('JosefinSans-Regular'), url('/theme_material_design/static/src/font/JosefinSans-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'JosefinSans-Bold'; + src: url('/theme_material_design/static/src/font/JosefinSans-Bold.ttf'); + src: local('JosefinSans-Bold'), url('/theme_material_design/static/src/font/JosefinSans-Bold.ttf') format('truetype'); +} + + +/* ----------------------------------------------- Josefin Slab ----------------------------------------------- */ + +@font-face { + font-family: 'JosefinSlab-Italic'; + src: url('/theme_material_design/static/src/font/JosefinSlab-Italic.ttf'); + src: local('JosefinSlab-Italic'), url('/theme_material_design/static/src/font/JosefinSlab-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'JosefinSlab-Regular'; + src: url('/theme_material_design/static/src/font/JosefinSlab-Regular.ttf'); + src: local('JosefinSlab-Regular'), url('/theme_material_design/static/src/font/JosefinSlab-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'JosefinSlab-Bold'; + src: url('/theme_material_design/static/src/font/JosefinSlab-Bold.ttf'); + src: local('JosefinSlab-Bold'), url('/theme_material_design/static/src/font/JosefinSlab-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- LATO ----------------------------------------------- */ + +@font-face { + font-family: 'Lato-Light'; + src: url('/theme_material_design/static/src/font/Lato-Light.ttf'); + src: local('Lato-Light'), url('/theme_material_design/static/src/font/Lato-Light.ttf') format('truetype'); +} + +@font-face { + font-family: 'Lato-Italic'; + src: url('/theme_material_design/static/src/font/Lato-Italic.ttf'); + src: local('Lato-Italic'), url('/theme_material_design/static/src/font/Lato-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'Lato-Regular'; + src: url('/theme_material_design/static/src/font/Lato-Regular.ttf'); + src: local('Lato-Regular'), url('/theme_material_design/static/src/font/Lato-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Lato-Bold'; + src: url('/theme_material_design/static/src/font/Lato-Bold.ttf'); + src: local('Lato-Bold'), url('/theme_material_design/static/src/font/Lato-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- Libre Baskerville ----------------------------------------------- */ + +@font-face { + font-family: 'LibreBaskerville-Italic'; + src: url('/theme_material_design/static/src/font/LibreBaskerville-Italic.ttf'); + src: local('LibreBaskerville-Italic'), url('/theme_material_design/static/src/font/LibreBaskerville-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'LibreBaskerville-Regular'; + src: url('/theme_material_design/static/src/font/LibreBaskerville-Regular.ttf'); + src: local('LibreBaskerville-Regular'), url('/theme_material_design/static/src/font/LibreBaskerville-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'LibreBaskerville-Bold'; + src: url('/theme_material_design/static/src/font/LibreBaskerville-Bold.ttf'); + src: local('LibreBaskerville-Bold'), url('/theme_material_design/static/src/font/LibreBaskerville-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- Lobster Two ----------------------------------------------- */ + +@font-face { + font-family: 'LobsterTwo-Italic'; + src: url('/theme_material_design/static/src/font/LobsterTwo-Italic.ttf'); + src: local('LobsterTwo-Italic'), url('/theme_material_design/static/src/font/LobsterTwo-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'LobsterTwo-Regular'; + src: url('/theme_material_design/static/src/font/LobsterTwo-Regular.ttf'); + src: local('LobsterTwo-Regular'), url('/theme_material_design/static/src/font/LobsterTwo-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'LobsterTwo-Bold'; + src: url('/theme_material_design/static/src/font/LobsterTwo-Bold.ttf'); + src: local('LobsterTwo-Bold'), url('/theme_material_design/static/src/font/LobsterTwo-Bold.ttf') format('truetype'); +} + +@font-face { + font-family: 'LobsterTwo-BoldItalic'; + src: url('/theme_material_design/static/src/font/LobsterTwo-BoldItalic.ttf'); + src: local('LobsterTwo-BoldItalic'), url('/theme_material_design/static/src/font/LobsterTwo-BoldItalic.ttf') format('truetype'); +} + +/* ----------------------------------------------- Maven Pro ----------------------------------------------- */ + + +@font-face { + font-family: 'MavenPro-Regular'; + src: url('/theme_material_design/static/src/font/MavenPro-Regular.ttf'); + src: local('MavenPro-Regular'), url('/theme_material_design/static/src/font/MavenPro-Regular.ttf') format('truetype'); +} + +/* ----------------------------------------------- MedulaOne ----------------------------------------------- */ + +@font-face { + font-family: 'MedulaOne-Regular'; + src: url('/theme_material_design/static/src/font/MedulaOne-Regular.ttf'); + src: local('MedulaOne-Regular'), url('/theme_material_design/static/src/font/MedulaOne-Regular.ttf') format('truetype'); +} + +/* ----------------------------------------------- Montserrat Alternates ----------------------------------------------- */ + + +@font-face { + font-family: 'MontserratAlternates-Regular'; + src: url('/theme_material_design/static/src/font/MontserratAlternates-Regular.ttf'); + src: local('MontserratAlternates-Regular'), url('/theme_material_design/static/src/font/MontserratAlternates-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'MontserratAlternates-Bold'; + src: url('/theme_material_design/static/src/font/MontserratAlternates-Bold.ttf'); + src: local('MontserratAlternates-Bold'), url('/theme_material_design/static/src/font/MontserratAlternates-Bold.ttf') format('truetype'); +} + + +/* ----------------------------------------------- Montserrat ----------------------------------------------- */ + + +@font-face { + font-family: 'Montserrat-Regular'; + src: url('/theme_material_design/static/src/font/Montserrat-Regular.ttf'); + src: local('Montserrat-Regular'), url('/theme_material_design/static/src/font/Montserrat-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Montserrat-Bold'; + src: url('/theme_material_design/static/src/font/Montserrat-Bold.ttf'); + src: local('Montserrat-Bold'), url('/theme_material_design/static/src/font/Montserrat-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- Muli -------------------------------------------------------- */ + +@font-face { + font-family: 'Muli-Italic'; + src: url('/theme_material_design/static/src/font/Muli-Italic.ttf'); + src: local('Muli-Italic'), url('/theme_material_design/static/src/font/Muli-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'Muli-Regular'; + src: url('/theme_material_design/static/src/font/Muli-Regular.ttf'); + src: local('Muli-Regular'), url('/theme_material_design/static/src/font/Muli-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Muli-Light'; + src: url('/theme_material_design/static/src/font/Muli-Light.ttf'); + src: local('Muli-Light'), url('/theme_material_design/static/src/font/Muli-Light.ttf') format('truetype'); +} + +/* ----------------------------------------------- OpenSans ----------------------------------------------- */ + +@font-face { + font-family: 'OpenSans-Italic'; + src: url('/theme_material_design/static/src/font/OpenSans-Italic.ttf'); + src: local('OpenSans-Italic'), url('/theme_material_design/static/src/font/OpenSans-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'OpenSans-Regular'; + src: url('/theme_material_design/static/src/font/OpenSans-Regular.ttf'); + src: local('OpenSans-Regular'), url('/theme_material_design/static/src/font/OpenSans-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'OpenSans-Bold'; + src: url('/theme_material_design/static/src/font/OpenSans-Bold.ttf'); + src: local('OpenSans-Bold'), url('/theme_material_design/static/src/font/OpenSans-Bold.ttf') format('truetype'); +} + + +/* ----------------------------------------------- Oswald ----------------------------------------------- */ + +@font-face { + font-family: 'Oswald-Light.ttf'; + src: url('/theme_material_design/static/src/font/Oswald-Light.ttf'); + src: local('Oswald-Light.ttf'), url('/theme_material_design/static/src/font/Oswald-Light.ttf') format('truetype'); +} + +@font-face { + font-family: 'Oswald-Regular'; + src: url('/theme_material_design/static/src/font/Oswald-Regular.ttf'); + src: local('Oswald-Regular'), url('/theme_material_design/static/src/font/Oswald-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Oswald-Bold'; + src: url('/theme_material_design/static/src/font/Oswald-Bold.ttf'); + src: local('Oswald-Bold'), url('/theme_material_design/static/src/font/Oswald-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- Overlock ----------------------------------------------- */ + +@font-face { + font-family: 'Overlock-Italic'; + src: url('/theme_material_design/static/src/font/Overlock-Italic.ttf'); + src: local('Overlock-Italic'), url('/theme_material_design/static/src/font/Overlock-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'Overlock-Regular'; + src: url('/theme_material_design/static/src/font/Overlock-Regular.ttf'); + src: local('Overlock-Regular'), url('/theme_material_design/static/src/font/Overlock-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Overlock-Bold'; + src: url('/theme_material_design/static/src/font/Overlock-Bold.ttf'); + src: local('Overlock-Bold'), url('/theme_material_design/static/src/font/Overlock-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- Overlock SC ----------------------------------------------- */ + + +@font-face { + font-family: 'OverlockSC-Regular'; + src: url('/theme_material_design/static/src/font/OverlockSC-Regular.ttf'); + src: local('OverlockSC-Regular'), url('/theme_material_design/static/src/font/OverlockSC-Regular.ttf') format('truetype'); +} + +/* ----------------------------------------------- OXYGEN ----------------------------------------------- */ + +@font-face { + font-family: 'Oxygen-Light'; + src: url('/theme_material_design/static/src/font/Oxygen-Light.ttf'); + src: local('Oxygen-Light'), url('/theme_material_design/static/src/font/Oxygen-Light.ttf') format('truetype'); +} + +@font-face { + font-family: 'Oxygen-Regular'; + src: url('/theme_material_design/static/src/font/Oxygen-Regular.ttf'); + src: local('Oxygen-Regular'), url('/theme_material_design/static/src/font/Oxygen-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Oxygen-Bold'; + src: url('/theme_material_design/static/src/font/Oxygen-Bold.ttf'); + src: local('Oxygen-Bold'), url('/theme_material_design/static/src/font/Oxygen-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- Paytone One ----------------------------------------------- */ + +@font-face { + font-family: 'PaytoneOne'; + src: url('/theme_material_design/static/src/font/PaytoneOne.ttf'); + src: local('PaytoneOne'), url('/theme_material_design/static/src/font/PaytoneOne.ttf') format('truetype'); +} + +/* ----------------------------------------------- PlayfairDisplay ----------------------------------------------- */ + +@font-face { + font-family: 'PlayfairDisplay-Regular'; + src: url('/theme_material_design/static/src/font/PlayfairDisplay-Regular.ttf'); + src: local('PlayfairDisplay-Regular'), url('/theme_material_design/static/src/font/PlayfairDisplay-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'PlayfairDisplay-Bold'; + src: url('/theme_material_design/static/src/font/PlayfairDisplay-Bold.ttf'); + src: local('PlayfairDisplay-Bold'), url('/theme_material_design/static/src/font/PlayfairDisplay-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- PT_Sans ----------------------------------------------- */ + +@font-face { + font-family: 'PT_Sans-Web-Italic'; + src: url('/theme_material_design/static/src/font/PT_Sans-Web-Italic.ttf'); + src: local('PT_Sans-Web-Italic'), url('/theme_material_design/static/src/font/PT_Sans-Web-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'PT_Sans-Web-Regular'; + src: url('/theme_material_design/static/src/font/PT_Sans-Web-Regular.ttf'); + src: local('PT_Sans-Web-Regular'), url('/theme_material_design/static/src/font/PT_Sans-Web-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'PT_Sans-Web-Bold'; + src: url('/theme_material_design/static/src/font/PT_Sans-Web-Bold.ttf'); + src: local('PT_Sans-Web-Bold'), url('/theme_material_design/static/src/font/PT_Sans-Web-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- Quattrocento ----------------------------------------------- */ + +@font-face { + font-family: 'Quattrocento-Regular'; + src: url('/theme_material_design/static/src/font/Quattrocento-Regular.ttf'); + src: local('Quattrocento-Regular'), url('/theme_material_design/static/src/font/Quattrocento-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Quattrocento-Bold'; + src: url('/theme_material_design/static/src/font/Quattrocento-Bold.ttf'); + src: local('Quattrocento-Bold'), url('/theme_material_design/static/src/font/Quattrocento-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- Raleway ----------------------------------------------- */ + +@font-face { + font-family: 'Raleway-Light'; + src: url('/theme_material_design/static/src/font/Raleway-Light.ttf'); + src: local('Raleway-Light'), url('/theme_material_design/static/src/font/Raleway-Light.ttf') format('truetype'); +} + +@font-face { + font-family: 'Raleway-Regular'; + src: url('/theme_material_design/static/src/font/Raleway-Regular.ttf'); + src: local('Raleway-Regular'), url('/theme_material_design/static/src/font/Raleway-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Raleway-Bold'; + src: url('/theme_material_design/static/src/font/Raleway-Bold.ttf'); + src: local('Raleway-Bold'), url('/theme_material_design/static/src/font/Raleway-Bold.ttf') format('truetype'); +} + + +/* ----------------------------------------------- Roboto ----------------------------------------------- */ + +@font-face { + font-family: 'Roboto-Light'; + src: url('/theme_material_design/static/src/font/Roboto-Light.ttf'); + src: local('Roboto-Light'), url('/theme_material_design/static/src/font/Roboto-Light.ttf') format('truetype'); +} + +@font-face { + font-family: 'Roboto-Italic'; + src: url('/theme_material_design/static/src/font/Roboto-Italic.ttf'); + src: local('Roboto-Italic'), url('/theme_material_design/static/src/font/Roboto-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'Roboto-Regular'; + src: url('/theme_material_design/static/src/font/Roboto-Regular.ttf'); + src: local('Roboto-Regular'), url('/theme_material_design/static/src/font/Roboto-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Roboto-Bold'; + src: url('/theme_material_design/static/src/font/Roboto-Bold.ttf'); + src: local('Roboto-Bold'), url('/theme_material_design/static/src/font/Roboto-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- RobotoCondensed ----------------------------------------------- */ + +@font-face { + font-family: 'RobotoCondensed-Light'; + src: url('/theme_material_design/static/src/font/RobotoCondensed-Light.ttf'); + src: local('RobotoCondensed-Light'), url('/theme_material_design/static/src/font/RobotoCondensed-Light.ttf') format('truetype'); +} + +@font-face { + font-family: 'RobotoCondensed-Italic'; + src: url('/theme_material_design/static/src/font/RobotoCondensed-Italic.ttf'); + src: local('RobotoCondensed-Italic'), url('/theme_material_design/static/src/font/RobotoCondensed-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'RobotoCondensed-Regular'; + src: url('/theme_material_design/static/src/font/RobotoCondensed-Regular.ttf'); + src: local('RobotoCondensed-Regular'), url('/theme_material_design/static/src/font/RobotoCondensed-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'RobotoCondensed-Bold'; + src: url('/theme_material_design/static/src/font/RobotoCondensed-Bold.ttf'); + src: local('RobotoCondensed-Bold'), url('/theme_material_design/static/src/font/RobotoCondensed-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- SourceSansPro ----------------------------------------------- */ + +@font-face { + font-family: 'SourceSansPro-Light'; + src: url('/theme_material_design/static/src/font/SourceSansPro-Light.ttf'); + src: local('SourceSansPro-Light'), url('/theme_material_design/static/src/font/SourceSansPro-Light.ttf') format('truetype'); +} + +@font-face { + font-family: 'SourceSansPro-Italic'; + src: url('/theme_material_design/static/src/font/SourceSansPro-Italic.ttf'); + src: local('SourceSansPro-Italic'), url('/theme_material_design/static/src/font/SourceSansPro-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'SourceSansPro-Regular'; + src: url('/theme_material_design/static/src/font/SourceSansPro-Regular.ttf'); + src: local('SourceSansPro-Regular'), url('/theme_material_design/static/src/font/SourceSansPro-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'SourceSansPro-Bold'; + src: url('/theme_material_design/static/src/font/SourceSansPro-Bold.ttf'); + src: local('SourceSansPro-Bold'), url('/theme_material_design/static/src/font/SourceSansPro-Bold.ttf') format('truetype'); +} + +@font-face { + font-family: 'SourceSansPro-Black'; + src: url('/theme_material_design/static/src/font/SourceSansPro-Black.ttf'); + src: local('SourceSansPro-Black'), url('/theme_material_design/static/src/font/SourceSansPro-Black.ttf') format('truetype'); +} + +/* ----------------------------------------------- Ubuntu ----------------------------------------------- */ + +@font-face { + font-family: 'Ubuntu-Light'; + src: url('/theme_material_design/static/src/font/Ubuntu-Light.ttf'); + src: local('Ubuntu-Light'), url('/theme_material_design/static/src/font/Ubuntu-Light.ttf') format('truetype'); +} + +@font-face { + font-family: 'Ubuntu-Italic'; + src: url('/theme_material_design/static/src/font/Ubuntu-Italic.ttf'); + src: local('Ubuntu-Italic'), url('/theme_material_design/static/src/font/Ubuntu-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'Ubuntu-Regular'; + src: url('/theme_material_design/static/src/font/Ubuntu-Regular.ttf'); + src: local('Ubuntu-Regular'), url('/theme_material_design/static/src/font/Ubuntu-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Ubuntu-Bold'; + src: url('/theme_material_design/static/src/font/Ubuntu-Bold.ttf'); + src: local('Ubuntu-Bold'), url('/theme_material_design/static/src/font/Ubuntu-Bold.ttf') format('truetype'); +} + +/* ----------------------------------------------- Vollkorn ----------------------------------------------- */ + +@font-face { + font-family: 'Vollkorn-Italic'; + src: url('/theme_material_design/static/src/font/Vollkorn-Italic.ttf'); + src: local('Vollkorn-Italic'), url('/theme_material_design/static/src/font/Vollkorn-Italic.ttf') format('truetype'); +} + +@font-face { + font-family: 'Vollkorn-Regular'; + src: url('/theme_material_design/static/src/font/Vollkorn-Regular.ttf'); + src: local('Vollkorn-Regular'), url('/theme_material_design/static/src/font/Vollkorn-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Vollkorn-Bold'; + src: url('/theme_material_design/static/src/font/Vollkorn-Bold.ttf'); + src: local('Vollkorn-Bold'), url('/theme_material_design/static/src/font/Vollkorn-Bold.ttf') format('truetype'); +} + +@font-face { + font-family: 'Vollkorn-BoldItalic'; + src: url('/theme_material_design/static/src/font/Vollkorn-BoldItalic.ttf'); + src: local('Vollkorn-BoldItalic'), url('/theme_material_design/static/src/font/Vollkorn-BoldItalic.ttf') format('truetype'); +} + diff --git a/theme_material_design/static/src/less/padding.less b/theme_material_design/static/src/less/padding.less new file mode 100644 index 0000000..7e8035c --- /dev/null +++ b/theme_material_design/static/src/less/padding.less @@ -0,0 +1,83 @@ +/* ----- GENERIC LAYOUTING HELPERS ---- */ +/* Vertical Spacing */ +.mt128 { + margin-top: 128px !important; +} + +.mt92 { + margin-top: 92px !important; +} + +.mt64 { + margin-top: 64px !important; +} + +.mt48 { + margin-top: 48px !important; +} + +.mt32 { + margin-top: 32px !important; +} + +.mt24 { + margin-top: 24px !important; +} + +.mt16 { + margin-top: 16px !important; +} + +.mt8 { + margin-top: 8px !important; +} + +.mt4 { + margin-top: 4px !important; +} + +.mt0 { + margin-top: 0px !important; +} + +.mb128 { + margin-bottom: 128px !important; +} + +.mb92 { + margin-bottom: 92px !important; +} + +.mb64 { + margin-bottom: 64px !important; +} + +.mb48 { + margin-bottom: 48px !important; +} + +.mb32 { + margin-bottom: 32px !important; +} + +.mb24 { + margin-bottom: 24px !important; +} + +.mb16 { + margin-bottom: 16px !important; +} + +.mb8 { + margin-bottom: 8px !important; +} + +.mb4 { + margin-bottom: 4px !important; +} + +.mb0 { + margin-bottom: 0px !important; +} + + diff --git a/theme_material_design/static/src/less/theme.less b/theme_material_design/static/src/less/theme.less new file mode 100644 index 0000000..3bb31eb --- /dev/null +++ b/theme_material_design/static/src/less/theme.less @@ -0,0 +1,1281 @@ + +/* Btn */ + + +@btn-default-color: #333; +@btn-default-bg: #fff; +@btn-default-border: #ccc; + +@btn-primary-color: #fff; +@btn-primary-border: darken(@btn-primary-bg, 5%); + +@btn-success-color: #fff; +@btn-success-border: darken(@btn-success-bg, 5%); + +@btn-info-color: #fff; +@btn-info-border: darken(@btn-info-bg, 5%); + +@btn-warning-color: #fff; +@btn-warning-border: darken(@btn-warning-bg, 5%); + +@btn-danger-color: #fff; +@btn-danger-border: darken(@btn-danger-bg, 5%); + +@btn-link-disabled-color: @gray-light; + +.btn .fa { + color: #fff; +} + +/* Border Radius */ +@border-radius-base: 2px; +@border-radius-large: 2px; +@border-radius-small: 1px; + +/* Form states and alerts - Define colors for form feedback states and, by default, alerts.*/ + +@state-primary-text: white; +@state-primary-bg: @color-alpha; +@state-primary-border: darken(spin(@state-primary-bg, -10), 5%); + +@state-success-text: white; +@state-success-bg: @color-beta; +@state-success-border: darken(spin(@state-success-bg, -10), 5%); + +@state-info-text: white; +@state-info-bg: @color-gamma; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); + +@state-warning-text: white; +@state-warning-bg: @color-delta; +@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); + +@state-danger-text: white; +@state-danger-bg: @color-epsilon; +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); + +//** Background color of the whole progress component +@progress-bg: #f5f5f5; +//** Progress bar text color +@progress-bar-color: #fff; + +//** Default progress bar color +@progress-bar-bg: @color-alpha; +//** Success progress bar color +@progress-bar-success-bg: @color-beta; +//** Warning progress bar color +@progress-bar-warning-bg: @color-delta; +//** Danger progress bar color +@progress-bar-danger-bg: @color-epsilon; +//** Info progress bar color +@progress-bar-info-bg: @color-gamma; + + + +.bg-blue { + background-color: @color-blue; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-blue-light; + } + & .fa { + color: white; + } +} + +.bg-turquoise { + background-color: @color-turquoise; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-turquoise, 35%); + } + & .fa { + color: white; + } +} + +.bg-green { + background-color: @color-green; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-green, 35%); + } + & .fa { + color: white; + } +} + +.bg-yellow { + background-color: @color-yellow; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-yellow, 30%); + } + & .fa { + color: white; + } +} + +.bg-orange { + background-color: @color-orange; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-orange, 35%); + } + & .fa { + color: white; + } +} + +.bg-red { + background-color: @color-red; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-red, 35%); + } + & .fa { + color: white; + } +} + +.bg-pink { + background-color: @color-pink; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-pink, 35%); + } + & .fa { + color: white; + } +} + +.bg-purple { + background-color: @color-purple; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-purple, 35%); + } + & .fa { + color: white; + } +} + +.bg-brown { + background-color: @color-brown; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: @gray-light; + } + & .text-muted { + color: lighten(@color-brown, 35%); + } + & .fa { + color: white; + } +} + +.bg-blue-dark { + background-color: @color-blue-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-blue-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-turquoise-dark { + background-color: @color-turquoise-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-turquoise-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-green-dark { + background-color: @color-green-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-green-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-yellow-dark { + background-color: @color-yellow-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-yellow-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-orange-dark { + background-color: @color-orange-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p, & a { + color: white; + } + & .text-muted { + color: lighten(@color-orange-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-red-dark { + background-color: @color-red-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-red-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-pink-dark { + background-color: @color-pink-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-pink-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-purple-dark { + background-color: @color-purple-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: lighten(@color-purple-dark , 35%); + } + & .fa { + color: white; + } +} + +.bg-brown-dark { + background-color: @color-brown-dark ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: @gray-light; + } + & .text-muted { + color: lighten(@color-brown-dark, 35%); + } + & .fa { + color: white; + } +} + + +.bg-blue-light { + background-color: @color-blue-light ; + color: lighten(@color-blue-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-blue; + } + & .fa { + color: white; + } +} + +.bg-turquoise-light { + background-color: @color-turquoise-light ; + color: lighten(@color-turquoise-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-turquoise-dark; + } + & .fa { + color: white; + } +} + +.bg-green-light { + background-color: @color-green-light ; + color: lighten(@color-green-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-green-dark; + } + & .fa { + color: white; + } +} + +.bg-yellow-light { + background-color: @color-yellow-light ; + color: lighten(@color-yellow-light , 50%); + h1, h2, h3, h4, h5, h6,{ + color: white; + } + p { + color: @gray; + } + & .text-muted { + color: @color-yellow-dark; + } + & .fa { + color: white; + } +} + +.bg-orange-light { + background-color: @color-orange-light ; + color: lighten(@color-orange-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-orange; + } + & .fa { + color: white; + } +} + +.bg-red-light { + background-color: @color-red-light ; + color: lighten(@color-red-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-red; + } + & .fa { + color: white; + } +} + +.bg-pink-light { + background-color: @color-pink-light ; + color: lighten(@color-pink-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-pink; + } + & .fa { + color: white; + } +} + +.bg-purple-light { + background-color: @color-purple-light ; + color: lighten(@color-purple-light , 50%); + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-purple; + } + & .fa { + color: white; + } +} + +.bg-brown-light { + background-color: @color-brown-light ; + color: lighten(@color-brown-light, 50%); + h1, h2, h3, h4, h5, h6 { + color: white; + } + & .text-muted { + color: @color-brown; + } + & .fa { + color: white; + } +} + + + +.bg-clouds { + background-color: @color-clouds; + color: @gray-dark; + h1, h2, h3, h4, h5, h6, p { + color: @gray; + } + & .text-muted { + color: @gray; + } + & .fa { + color: @color-silver; + } +} + +.bg-silver { + background-color: @color-silver; + color: white; + h1, h2, h3, h4, h5, h6 { + color: white; + } + p { + color: @gray-dark; + } + & .text-muted { + color: @gray; + } + & .fa { + color: white; + } +} + +.bg-concrete { + background-color: @color-concrete ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @gray-dark; + } + & .fa { + color: white; + } +} + +.bg-stone { + background-color: @color-stone; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @gray-lighter; + } + & .fa { + color: white; + } +} + +.bg-asphalt { + background-color: @color-asphalt; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-concrete; + } + & .fa { + color: white; + } +} + +.bg-midnight { + background-color: @color-midnight ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @color-concrete; + } + & .fa { + color: white; + } +} + +.bg-marine { + background-color: @color-marine ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @gray-lighter; + } + & .fa { + color: white; + } +} + + +.bg-wind { + background-color: @color-wind; + color: @gray-dark; + h1, h2, h3, h4, h5, h6, p { + color: @gray-darker; + } + & .text-muted { + color: @gray; + } + & .fa { + color: @color-silver; + } +} +.bg-clay { + background-color: @color-clay; + color: white; + h1, h2, h3, h4, h5, h6 { + color: white; + } + & .text-muted { + color: white; + } + & .fa { + color: white; + } +} +.bg-sand { + background-color: @color-sand; + color: white; + h1, h2, h3, h4, h5, h6 { + color: white; + } + & .text-muted { + color: white; + } + & .fa { + color: white; + } +} +.bg-beach { + background-color: @color-beach; + color: @gray-dark; + h1, h2, h3, h4, h5, h6 { + color: @gray-darker; + } + & .text-muted { + color: @gray; + } + & .fa { + color: @color-silver; + } +} +.bg-forest { + background-color: @color-forest ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @gray-lighter; + } + & .fa { + color: white; + } +} +.bg-twilight { + background-color: @color-twilight ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @gray-lighter; + } + & .fa { + color: white; + } +} + +.bg-burgundy { + background-color: @color-burgundy ; + color: white; + h1, h2, h3, h4, h5, h6, p { + color: white; + } + & .text-muted { + color: @gray-lighter; + } + & .fa { + color: white; + } +} + +@bg-concrete-dark: background(@color-concrete-dark); + +.bg-concrete-dark { + background-color: @color-concrete-dark ; + color: white; + h1, h2, h3, h4, h5, h6 { + color: white; + } + & .text-muted { + color: @gray-lighter; + } + & .fa { + color: white; + } +} + +.bg-white { + background: white; + color: black; + h1, h2, h3, h4, h5, h6 { + color: @gray-dark; + } + & .text-muted { + color: @color-alpha; + } + & .fa { + color: @color-alpha; + } +} +.bg-black { + background: black; + color: white; + h1, h2, h3, h4, h5, h6 { + color: white; + } + p { + color: @gray-lighter; + } + & .text-muted { + color: @color-alpha; + } + & .fa { + color: white; + } +} +.bg-gray-darker {background-color: @gray-darker;} +.bg-gray-dark {background-color: @gray-dark;} +.bg-gray {background-color: @gray;} +.bg-gray-light {background-color: @gray-light; } +.bg-gray-lighter {background-color: @gray-lighter; } + + +/* Backgrounds Images------------------------------------------------------------------ */ + +@bg-img-01: url("/theme_material_design/static/src/img/backgrounds/bg_snippet_01.jpg"); +@bg-img-02: url("/theme_material_design/static/src/img/backgrounds/bg_snippet_02.jpg"); +@bg-img-03: url("/theme_material_design/static/src/img/backgrounds/bg_snippet_03.jpg"); +@bg-img-04: url("/theme_material_design/static/src/img/backgrounds/bg_snippet_04.jpg"); +@bg-img-05: url("/theme_material_design/static/src/img/backgrounds/bg_snippet_05.jpg"); +@bg-img-06: url("/theme_material_design/static/src/img/backgrounds/bg_snippet_06.jpg"); + + +.bg-img-01 { + background-image: @bg-img-01; + background-size: cover; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} +.bg-img-02 { + background-image: + linear-gradient( + fade(black, 80%), + fade(black, 20%) + ), + @bg-img-02; + background-size: cover; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} + +.bg-img-03 { + background-image: + linear-gradient( + fade(white, 60%), + fade(white, 70%) + ), + @bg-img-03; + background-size: cover; + h1, h2, h3, h4, h5, h6, p { + color: @gray-dark !important; + } + .text-muted, .fa { + color: @color-alpha !important; + } +} + +.bg-img-04 { + background-image: @bg-img-04; + background-size: cover; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} + +.bg-img-05 { + background-image: @bg-img-05; + background-size: cover; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} + +.bg-img-06 { + background-image: + linear-gradient( + fade(black, 30%), + fade(black, 75%) + ), + @bg-img-06; + background-size: cover; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} + +@bg-blur-01: url("/theme_material_design/static/src/img/backgrounds/bg_blur_img_01.jpg"); +@bg-blur-02: url("/theme_material_design/static/src/img/backgrounds/bg_blur_img_02.jpg"); +@bg-blur-03: url("/theme_material_design/static/src/img/backgrounds/bg_blur_img_03.jpg"); +@bg-blur-04: url("/theme_material_design/static/src/img/backgrounds/bg_blur_img_04.jpg"); +@bg-blur-05: url("/theme_material_design/static/src/img/backgrounds/bg_blur_img_05.jpg"); +@bg-blur-06: url("/theme_material_design/static/src/img/backgrounds/bg_blur_img_06.jpg"); + +.bg-blur-01 { + background-image: @bg-blur-01; + background-size: cover; + background-attachment: fixed; + h1, h2, h3, h4, h5, h6, p, .fa { + color: @gray-dark; + } + .text-muted { + color: @color-alpha; + } +} +.bg-blur-02 { + background-image: @bg-blur-02; + background-size: cover; + background-attachment: fixed; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} +.bg-blur-03 { + background-image: @bg-blur-03; + background-size: cover; + background-attachment: fixed; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} +.bg-blur-04 { + background-image: @bg-blur-04; + background-size: cover; + background-attachment: fixed; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } + +} +.bg-blur-05 { + background-image: @bg-blur-05; + background-size: cover; + background-attachment: fixed; + h1, h2, h3, h4, h5, h6, p, .fa { + color: white; + } + .text-muted { + color: @color-alpha; + } +} +.bg-blur-06 { + background-image: @bg-blur-06; + background-size: cover; + background-attachment: fixed; + h1, h2, h3, h4, h5, h6, p, .fa { + color: @gray-dark; + } + .text-muted { + color: @color-alpha; + } +} + +/* Backgrounds Gradients ------------------------------------------------------------------ */ + +.bg_gradient_primary_down { + background-image: + linear-gradient( + fade(@color-alpha, 0%), + fade(@color-alpha, 100%) + ), +} + +.bg_gradient_primary_up { + background-image: + linear-gradient( + fade(@color-alpha, 100%), + fade(@color-alpha, 0%) + ), +} + +.bg_gradient_white_down_thumb { + background-image: + linear-gradient( + fade(#ccc, 100%), + fade(white, 50%) + ), +} + +.bg_gradient_white_down { + background-image: + linear-gradient( + fade(white, 0%), + fade(white, 50%) + ), +} + +.bg_gradient_white_up_thumb { + background-image: + linear-gradient( + fade(white, 50%), + fade(#ccc, 100%) + ), +} + +.bg_gradient_white_up { + background-image: + linear-gradient( + fade(white, 50%), + fade(white, 0%) + ), +} + +.bg_gradient_black_up { + background-image: + linear-gradient( + fade(black, 50%), + fade(black, 0%) + ), +} + +.bg_gradient_black_down { + background-image: + linear-gradient( + fade(black, 0%), + fade(black, 50%) + ), +} + +.bg_option_menu_img, .bg_option_menu_gradient { + height: 25px; + width: 120px; + border: 1px solid #ccc; +} + + +/* Images*/ + +@content_logo: url("/theme_material_design/static/src/img/content/content_logo.png"); + +.content_logo { + background-image: @content_logo; + background-size: cover; + width: 620px; + height: 220px; +} + +@content-img-01: url("/theme_material_design/static/src/img/content/content_img_01.png"); +@content-img-02: url("/theme_material_design/static/src/img/content/content_img_02.png"); +@content-img-03: url("/theme_material_design/static/src/img/content/content_img_03.png"); +@content-img-04: url("/theme_material_design/static/src/img/content/content_img_04.png"); +@content-img-05: url("/theme_material_design/static/src/img/content/content_img_05.png"); +@content-img-06: url("/theme_material_design/static/src/img/content/content_img_06.png"); +@content-img-07: url("/theme_material_design/static/src/img/content/content_img_07.png"); +@content-img-08: url("/theme_material_design/static/src/img/content/content_img_08.png"); +@content-img-09: url("/theme_material_design/static/src/img/content/content_img_09.jpg"); +@content-img-10: url("/theme_material_design/static/src/img/content/content_img_10.jpg"); +@content-img-11: url("/theme_material_design/static/src/img/content/content_img_11.jpg"); + +@content-img-13: url("/theme_material_design/static/src/img/content/content_img_13.jpg"); +@content-img-14: url("/theme_material_design/static/src/img/content/content_img_14.jpg"); +@content-img-15: url("/theme_material_design/static/src/img/content/content_img_15.png"); +@content-img-16: url("/theme_material_design/static/src/img/content/content_img_16.png"); +@content-img-17: url("/theme_material_design/static/src/img/content/content_img_17.png"); +@content-img-18: url("/theme_material_design/static/src/img/content/content_img_18.png"); + +.content-img-01 { + background-image: @content-img-01; + background-size: cover; + max-width:100%; + height: 400px; +} + +.content-img-02 { + background-image: @content-img-02; + background-size: cover; + max-width:100%; + height: 400px; +} + +.content-img-03 { + background-image: @content-img-03; + background-size: cover; + max-width:100%; + height: 400px; +} + +.content-img-04 { + background: @content-img-04 center no-repeat; + max-width: 100%; + height: 400px; +} + +.content-img-05 { + background: @content-img-05 center no-repeat; + max-width: 100%; + height: 400px; +} + +.content-img-06 { + background-image: @content-img-06; + background-size: cover; + height: 400px; +} + +.content-img-07 { + background-image: @content-img-07; + background-size: cover; + max-width:100%; + min-height: 400px; +} + +.content-img-08 { + background-image: @content-img-08; + background-size: cover; + max-width:100%; + min-height: 400px; +} + + +.content-img-09 { + background-image: @content-img-09; + background-size: cover; + max-width: 100%; +} + +.content-img-10 { + background: @content-img-10; + background-size: cover; + max-width:100%; +} + +.content-img-11 { + background-image: @content-img-11; + background-size: cover; + max-width:100%; +} + +.content-img-13 { + background-image: @content-img-13; + background-size: cover; +} + +.content-img-14 { + background-image: @content-img-14; + background-size: cover; +} + +.content-img-15 { + background-image: @content-img-15; + background-size: cover; +} + +.content-img-16 { + background-image: @content-img-16; + background-size: cover; +} + +.content-img-17 { + background-image: @content-img-17; + background-size: cover; +} + +.content-img-18 { + background-image: @content-img-18; + background-size: cover; +} + + +/* Custom Padding */ + +.padding-l-r-8 { + padding: 0 8px; +} + +.padding-l-r-16 { + padding: 0 16px; +} + +.padding-l-r-32 { + padding: 0 32px; +} + +/* Price List */ + +.price { + font-size: 50px; +} + + +/* popover */ + +.popover, .popover-title { + color: #555; +} + + +/* hr */ + +hr { + border-top: 1px solid @gray; +} + +/* Footer */ + +#wrapwrap footer { + display: table-row ; + font-size: 14px; +} +#wrapwrap footer .row { + padding: 70px 0 50px; + border-bottom: 1px solid @color-alpha; +} + +footer h4 { + font-size: 16px; +} + +footer p { + text-align: justify; +} + +footer .fa { + font-size: 18px; +} + +/* Media editor Icons */ + +.modal-dialog .select-media { + color: @gray-dark; +} + +.modal .font-icons-icons .font-icons-icon { + color: @gray-dark; +} + +.demo_blocks_title { + border-left: 5px solid @color-alpha; +} + +/* Animation o_fade_in */ + +@-webkit-keyframes o_fade_in { + 0% {opacity: 0;} + 100% {opacity: 1;} +} +@keyframes o_fade_in { + 0% {opacity: 0;} + 100% {opacity: 1;} +} +.o_displayed .o_fade_in { + -webkit-animation: o_fade_in 2s ease-out; + animation: o_fade_in 2s ease-out; +} + +/* Animation o_fade_in_down */ + +@-webkit-keyframes o_fade_in_down { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + } +} +@keyframes o_fade_in_down { + 0% { + opacity: 0; + transform: translate3d(0, -100%, 0); + } + 100% { + opacity: 1; + transform: none; + } +} +.o_animation:not(.o_displayed_middle) .o_fade_in_down { + opacity: 0; +} +.o_animation.o_displayed_middle .o_fade_in_down { + -webkit-animation: o_fade_in_down 1s ease-out; + animation: o_fade_in_down 1s ease-out; +} + +/* Animation o_fade_in_left */ + +@-webkit-keyframes o_fade_in_left { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + } +} +@keyframes o_fade_in_left { + 0% { + opacity: 0; + transform: translate3d(-100%, 0, 0); + } + 100% { + opacity: 1; + transform: none; + } +} +.o_animation:not(.o_displayed_middle) .o_fade_in_left { + opacity: 0; +} +.o_animation.o_displayed_middle .o_fade_in_left { + -webkit-animation: o_fade_in_left 1s ease-out; + animation: o_fade_in_left 1s ease-out; +} + +/* Animation o_fade_in_right */ + +@-webkit-keyframes o_fade_in_right { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + } +} +@keyframes o_fade_in_right { + 0% { + opacity: 0; + transform: translate3d(100%, 0, 0); + } + 100% { + opacity: 1; + transform: none; + } +} +.o_animation:not(.o_displayed_middle) .o_fade_in_right { + opacity: 0; +} +.o_animation.o_displayed_middle .o_fade_in_right { + -webkit-animation: o_fade_in_right 1s ease-out; + animation: o_fade_in_right 1s ease-out; +} + +/* Animation o_fade_in_up */ + +@-webkit-keyframes o_fade_in_up { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + } + 100% { + opacity: 1; + -webkit-transform: none; + } +} +@keyframes o_fade_in_up { + 0% { + opacity: 0; + transform: translate3d(0, 100%, 0); + } + 100% { + opacity: 1; + transform: none; + } +} +.o_animation:not(.o_displayed_middle) .o_fade_in_up { + opacity: 0; +} +.o_animation.o_displayed_middle .o_fade_in_up { + -webkit-animation: o_fade_in_up 1s ease-out; + animation: o_fade_in_up 1s ease-out; +} diff --git a/theme_material_design/views/assets.xml b/theme_material_design/views/assets.xml new file mode 100644 index 0000000..c262321 --- /dev/null +++ b/theme_material_design/views/assets.xml @@ -0,0 +1,57 @@ + + + + + + + + open + + + + + + + + True + + + + + + + + diff --git a/theme_material_design/views/customize_modal.xml b/theme_material_design/views/customize_modal.xml new file mode 100644 index 0000000..e9b9e00 --- /dev/null +++ b/theme_material_design/views/customize_modal.xml @@ -0,0 +1,503 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme_material_design/views/image_content.xml b/theme_material_design/views/image_content.xml new file mode 100644 index 0000000..39fe99a --- /dev/null +++ b/theme_material_design/views/image_content.xml @@ -0,0 +1,76 @@ + + + + + + + + + image_content_logo_small.png + image_content_logo_small.png + ir.ui.view + url + /theme_material_design/static/src/img/content/image_content_logo_small.png + + + + + /theme_material_design/static/src/img/content/image_content_01.png + + + /theme_material_design/static/src/img/content/image_content_02.png + + + /theme_material_design/static/src/img/content/image_content_03.png + + + /theme_material_design/static/src/img/content/image_content_04.png + + + /theme_material_design/static/src/img/content/image_content_05.png + + + /theme_material_design/static/src/img/content/image_content_06.png + + + /theme_material_design/static/src/img/content/image_content_07.png + + + /theme_material_design/static/src/img/content/image_content_09.jpg + + + /theme_material_design/static/src/img/content/image_content_08.png + + + /theme_material_design/static/src/img/content/image_content_10.jpg + + + /theme_material_design/static/src/img/content/image_content_11.jpg + + + /theme_material_design/static/src/img/content/image_content_13.jpg + + + /theme_material_design/static/src/img/content/image_content_14.png + + + /theme_material_design/static/src/img/content/image_content_15.png + + + /theme_material_design/static/src/img/content/image_content_16.png + + + /theme_material_design/static/src/img/content/image_content_17.png + + + /theme_material_design/static/src/img/content/image_content_18.png + + + + diff --git a/theme_material_design/views/image_library.xml b/theme_material_design/views/image_library.xml new file mode 100644 index 0000000..e442ec4 --- /dev/null +++ b/theme_material_design/views/image_library.xml @@ -0,0 +1,74 @@ + + + + bg_clean_pic_01.jpg + bg_clean_01.jpg + ir.ui.view + url + /theme_material_design/static/src/img/library/bg_clean_pic_01.jpg + + + bg_clean_pic_02.jpg + bg_clean_pic_02.jpg + ir.ui.view + url + /theme_material_design/static/src/img/library/bg_clean_pic_02.jpg + + + bg_clean_pic_03.jpg + bg_clean_pic_03.jpg + ir.ui.view + url + /theme_material_design/static/src/img/library/bg_clean_pic_03.jpg + + + bg_clean_pic_04.jpg + bg_clean_pic_04.jpg + ir.ui.view + url + /theme_material_design/static/src/img/library/bg_clean_pic_04.jpg + + + bg_clean_pic_05.jpg + bg_clean_pic_05.jpg + ir.ui.view + url + /theme_material_design/static/src/img/library/bg_clean_pic_05.jpg + + + bg_clean_pic_06.jpg + bg_clean_pic_06.jpg + ir.ui.view + url + /theme_material_design/static/src/img/library/bg_clean_pic_06.jpg + + + bg_clean_pic_07.jpg + bg_clean_pic_07.jpg + ir.ui.view + url + /theme_material_design/static/src/img/library/bg_clean_pic_07.jpg + + + bg_clean_pic_08.jpg + bg_clean_pic_08.jpg + ir.ui.view + url + /theme_material_design/static/src/img/library/bg_clean_pic_08.jpg + + + bg_clean_pic_09.jpg + bg_clean_pic_09.jpg + ir.ui.view + url + /theme_material_design/static/src/img/library/bg_clean_pic_09.jpg + + + bg_clean_pic_10.jpg + bg_clean_pic_10.jpg + ir.ui.view + url + /theme_material_design/static/src/img/library/bg_clean_pic_10.jpg + + + diff --git a/theme_material_design/views/snippets.xml b/theme_material_design/views/snippets.xml new file mode 100644 index 0000000..e78493c --- /dev/null +++ b/theme_material_design/views/snippets.xml @@ -0,0 +1,58 @@ + + + + + + + + + + + diff --git a/theme_material_design/views/snippets_options.xml b/theme_material_design/views/snippets_options.xml new file mode 100644 index 0000000..1740df8 --- /dev/null +++ b/theme_material_design/views/snippets_options.xml @@ -0,0 +1,212 @@ + + + + + + + + + + + + + + + +