nsinnovations/erpnext
2
0
Fork 0
mirror of https://github.com/frappe/erpnext.git synced 2026-05-20 13:39:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

[style] Style Fixes for Home Page

Browse Source
This commit is contained in:
Rushabh Mehta
2013-07-11 15:19:13 +05:30
parent df92a553cb
commit 80d83f5ae3
6 changed files with 101 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
setup/doctype/company/company.py
View File

@@ -93,6 +93,9 @@ class DocType:
"url": "blog" "url": "blog"
}) })
website_settings.save() website_settings.save()
style_settings = webnotes.bean("Style Settings", "Style Settings")
style_settings.doc.font_size = "15px"
style_settings.save()
def create_default_accounts(self): def create_default_accounts(self):
self.fld_dict = {'account_name':0,'parent_account':1,'group_or_ledger':2,'is_pl_account':3,'account_type':4,'debit_or_credit':5,'company':6,'tax_rate':7} self.fld_dict = {'account_name':0,'parent_account':1,'group_or_ledger':2,'is_pl_account':3,'account_type':4,'debit_or_credit':5,'company':6,'tax_rate':7}

14
website/css/website.css
View File

@@ -18,6 +18,19 @@ img {
padding-bottom: 30px; padding-bottom: 30px;
} }
.outer {
padding: 0px 20px;
}
.navbar {
margin: 0px -20px;
}
.banner {
margin-top: 20px;
padding: 0px 20px;
}
.missing-image { .missing-image {
background-color: #eee; background-color: #eee;
padding: 40px; padding: 40px;
@@ -42,7 +55,6 @@ img {
} }
div.web-footer { div.web-footer {
border-top: 1px solid #dddddd;
padding-top: 10px; padding-top: 10px;
} }

145
website/doctype/style_settings/custom_template.css
View File

@@ -29,7 +29,7 @@ body {
{% endif %} {% endif %}
div.outer { div.outer {
background-color: #{{ doc.page_background or "fffffff" }}; background-color: #{{ doc.page_background }};
} }
{% if doc.google_web_font_for_heading or doc.heading_font %}h1, h2, h3, h4, h5 { {% if doc.google_web_font_for_heading or doc.heading_font %}h1, h2, h3, h4, h5 {
@@ -52,9 +52,9 @@ div.outer {
-webkibox-shadow: 0 0 8px rgba(0, 0, 0, 0.2); -webkibox-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
} }
{% else %} {% else %}
{% if doc.background_color == doc.page_background %} {% if doc.background_color.lower() == doc.page_background.lower() %}
div.web-footer { div.web-footer {
border-top: 1px solid #{{ get_hex_shade(doc.page_background or "ffffff", 15) }}; border-top: 1px solid #{{ get_hex_shade(doc.page_background, 15) }};
padding-top: 10px; padding-top: 10px;
} }
{% endif %} {% endif %}
@@ -62,60 +62,55 @@ div.web-footer {
div.web-footer, div.web-footer a { div.web-footer, div.web-footer a {
font-size: 90%; font-size: 90%;
color: #{{ get_hex_shade(doc.background_color or "ffffff", 70) }}; color: #{{ get_hex_shade(doc.background_color, 70) }};
} }
/* Bootstrap Navbar */ /* Bootstrap Navbar */
.navbar-inverse { .navbar {
box-shadow: none; box-shadow: none;
border-radius: 0px; border-radius: 0px;
background-color: #{{ doc.top_bar_background or "444444"}}; background-color: #{{ doc.top_bar_background}};
background-repeat: repeat-x; background-repeat: repeat-x;
background-image: none; background-image: none;
border-bottom: 1px solid {% if doc.top_bar_background == doc.page_background -%} border-bottom: 1px solid {% if doc.top_bar_background.lower() == doc.page_background.lower() -%}
#{{ get_hex_shade(doc.page_background or "ffffff", 15) }}; #{{ get_hex_shade(doc.page_background, 15) }};
{%- else -%} {%- else -%}
transparent; transparent;
{%- endif %} {%- endif %}
} }
.navbar-inverse .navbar-brand, .navbar .navbar-brand,
.navbar-inverse .navbar-brand:hover, .navbar .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus, .navbar .navbar-brand:focus,
.navbar-inverse .nav > li > a { .navbar .nav > li > a {
color: #{{ doc.top_bar_foreground or "fffffff"}}; color: #{{ doc.top_bar_foreground }};
text-shadow: none; text-shadow: none;
} }
.navbar-inverse .nav > li > a:hover, .navbar .nav > li > a:hover,
.navbar-inverse .nav > li > a:focus { .navbar .nav > li > a:focus {
color: #{{ doc.top_bar_background or "0000000"}}; color: #{{ doc.top_bar_foreground }};
}
.navbar-inverse .navbar-text {
color: #999999;
}
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
color: #{{ doc.top_bar_foreground or "fffffff"}};
background-color: transparent; background-color: transparent;
} }
.navbar-inverse .nav .active > a, .navbar .navbar-text {
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
color: #{{ doc.top_bar_foreground or "fffffff"}};
background-color: transparent;
}
.navbar-inverse .navbar-link {
color: #999999; color: #999999;
} }
.navbar-inverse .navbar-link:hover, .navbar .nav .active > a,
.navbar-inverse .navbar-link:focus { .navbar .nav .active > a:hover,
color: #{{ doc.top_bar_foreground or "fffffff"}}; .navbar .nav .active > a:focus {
color: #{{ doc.top_bar_foreground }};
background-color: transparent;
}
.navbar .navbar-link {
color: #444444;
}
.navbar .navbar-link:hover,
.navbar .navbar-link:focus {
color: #{{ doc.top_bar_foreground}};
} }
.navbar-fixed-top, .navbar-fixed-top,
@@ -136,55 +131,55 @@ div.web-footer, div.web-footer a {
box-shadow: none; box-shadow: none;
} }
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret, .navbar .nav li.dropdown > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown > .dropdown-toggle:hover .caret { .navbar .nav li.dropdown > .dropdown-toggle:hover .caret {
border-top-color: #{{ doc.top_bar_foreground or "fffffff"}}; border-top-color: #{{ doc.top_bar_foreground}};
border-bottom-color: #{{ doc.top_bar_foreground or "fffffff"}}; border-bottom-color: #{{ doc.top_bar_foreground}};
} }
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle:hover .caret { .navbar .nav li.dropdown.open > .dropdown-toggle:hover .caret {
border-top-color: #{{ doc.top_bar_background or "0000000"}}; border-top-color: #{{ doc.top_bar_background}};
border-bottom-color: #{{ doc.top_bar_background or "0000000"}}; border-bottom-color: #{{ doc.top_bar_background}};
} }
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle { .navbar .nav li.dropdown.open > .dropdown-toggle {
color: #{{ doc.top_bar_background or "0000000"}}; color: #{{ doc.top_bar_background}};
background-color: #{{ doc.top_bar_foreground or "fffffff"}}; background-color: #{{ doc.top_bar_foreground}};
} }
@media (max-width: 800px) { @media (max-width: 800px) {
.navbar-inverse .nav-collapse .nav > li > a, .navbar .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a { .navbar .nav-collapse .dropdown-menu a {
background-color: #{{ doc.top_bar_background or "0000000"}}; background-color: #{{ doc.top_bar_background}};
color: #{{ doc.top_bar_foreground or "fffffff"}}; color: #{{ doc.top_bar_foreground}};
} }
.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:hover { .navbar .nav-collapse .dropdown-menu a:hover {
background-color: #{{ doc.top_bar_foreground or "fffffff"}}; background-color: #{{ doc.top_bar_foreground}};
color: #{{ doc.top_bar_background or "0000000"}}; color: #{{ doc.top_bar_background}};
} }
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { .navbar .nav li.dropdown > .dropdown-toggle .caret {
border-top-color: #{{ doc.top_bar_foreground or "fffffff" }}; border-top-color: #{{ doc.top_bar_foreground }};
border-bottom-color: #{{ doc.top_bar_foreground or "fffffff" }}; border-bottom-color: #{{ doc.top_bar_foreground }};
} }
.navbar-inverse .nav li.dropdown > .dropdown-toggle:hover .caret { .navbar .nav li.dropdown > .dropdown-toggle:hover .caret {
border-top-color: #{{ doc.top_bar_background or "0000000" }}; border-top-color: #{{ doc.top_bar_background }};
border-bottom-color: #{{ doc.top_bar_background or "0000000" }}; border-bottom-color: #{{ doc.top_bar_background }};
} }
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle:hover .caret { .navbar .nav li.dropdown.open > .dropdown-toggle:hover .caret {
border-top-color: #{{ doc.top_bar_background or "0000000" }}; border-top-color: #{{ doc.top_bar_background }};
border-bottom-color: #{{ doc.top_bar_background or "0000000" }}; border-bottom-color: #{{ doc.top_bar_background }};
} }
} }
.breadcrumb { .breadcrumb {
background-color: #{{ get_hex_shade(doc.page_background or "ffffff", 10) }}; background-color: #{{ get_hex_shade(doc.page_background, 10) }};
} }
.breadcrumb > li { .breadcrumb > li {
@@ -194,39 +189,39 @@ div.web-footer, div.web-footer a {
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th { .table-striped tbody > tr:nth-child(odd) > th {
background-color: #{{ get_hex_shade(doc.page_background or "ffffff", 5) }}; background-color: #{{ get_hex_shade(doc.page_background, 5) }};
} }
.table-hover tbody tr:hover td, .table-hover tbody tr:hover td,
.table-hover tbody tr:hover th { .table-hover tbody tr:hover th {
background-color: #{{ get_hex_shade(doc.page_background or "ffffff", 10) }}; background-color: #{{ get_hex_shade(doc.page_background, 10) }};
} }
.table-bordered { .table-bordered {
border: 1px solid #{{ get_hex_shade(doc.page_background or "ffffff", 15) }}; border: 1px solid #{{ get_hex_shade(doc.page_background, 15) }};
} }
.table th, .table th,
.table td { .table td {
border-top: 1px solid #{{ get_hex_shade(doc.page_background or "ffffff", 15) }}; border-top: 1px solid #{{ get_hex_shade(doc.page_background, 15) }};
} }
.table-bordered th, .table-bordered th,
.table-bordered td { .table-bordered td {
border-left: 1px solid #{{ get_hex_shade(doc.page_background or "ffffff", 15) }}; border-left: 1px solid #{{ get_hex_shade(doc.page_background, 15) }};
} }
.hero-unit { .hero-unit {
background-color: #{{ get_hex_shade(doc.page_background or "ffffff", 15) }}; background-color: #{{ get_hex_shade(doc.page_background, 15) }};
} }
pre, code { pre, code {
background-color: #{{ get_hex_shade(doc.page_background or "ffffff", 5) }}; background-color: #{{ get_hex_shade(doc.page_background, 5) }};
} }
hr { hr {
border-top: 1px solid #{{ get_hex_shade(doc.page_background or "ffffff", 15) }}; border-top: 1px solid #{{ get_hex_shade(doc.page_background, 15) }};
border-bottom: 1px solid #{{ get_hex_shade(doc.page_background or "ffffff", 5) }}; border-bottom: 1px solid #{{ get_hex_shade(doc.page_background, 5) }};
} }

13
website/doctype/style_settings/style_settings.py
View File

@@ -30,6 +30,19 @@ class DocType:
from webnotes.webutils import get_hex_shade from webnotes.webutils import get_hex_shade
import os import os
default_colours = {
"background_color": "FFFFFF",
"page_background": "FFFFFF",
"top_bar_background": "FFFFFF",
"top_bar_foreground": "444444",
"page_headings": "222222",
"page_text": "000000"
}
for d in default_colours:
if not self.doc.fields.get(d):
self.doc.fields[d] = default_colours[d]
self.validate_colors() self.validate_colors()
with open(os.path.join( with open(os.path.join(

2
website/templates/html/navbar.html
View File

@@ -1,4 +1,4 @@
<div class="navbar" style="margin: 0px -15px"> <div class="navbar">
{%- if brand_html %}<a class="navbar-brand" href="index">{{ brand_html }}</a>{% endif -%} {%- if brand_html %}<a class="navbar-brand" href="index">{{ brand_html }}</a>{% endif -%}
<div class="container"> <div class="container">
<button type="button" class="navbar-toggle" data-toggle="collapse" <button type="button" class="navbar-toggle" data-toggle="collapse"

2
website/templates/html/outer.html
View File

@@ -17,7 +17,7 @@
<a href="server.py?cmd=web_logout" title="Sign Out"><i class="icon-signout"></i></a> <a href="server.py?cmd=web_logout" title="Sign Out"><i class="icon-signout"></i></a>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
{% if banner_html %}<div class="row" style="margin-top: 30px;"> {% if banner_html %}<div class="row banner">
<div class="col col-lg-12">{{ banner_html }}</div> <div class="col col-lg-12">{{ banner_html }}</div>
</div>{% endif %} </div>{% endif %}
<div class="outer"> <div class="outer">