From 9a6fc3c140618984541ecd018faa00ba6059ac64 Mon Sep 17 00:00:00 2001 From: Raghavendra Kamath Date: Sun, 25 Feb 2018 11:59:38 +0530 Subject: [PATCH] cleanup --- foundation/public/css/.css | 0 foundation/public/css/base.css | 57 + foundation/public/css/erpnext-org-theme.css | 214 ++-- foundation/public/img/favicon.ico | Bin 0 -> 2238 bytes foundation/public/less/base.less | 85 ++ foundation/public/less/erpnext-org-theme.less | 1052 +++++++++-------- foundation/www/about.html | 2 +- foundation/www/index.html | 2 +- 8 files changed, 776 insertions(+), 636 deletions(-) delete mode 100644 foundation/public/css/.css create mode 100644 foundation/public/css/base.css create mode 100644 foundation/public/img/favicon.ico create mode 100644 foundation/public/less/base.less diff --git a/foundation/public/css/.css b/foundation/public/css/.css deleted file mode 100644 index e69de29b..00000000 diff --git a/foundation/public/css/base.css b/foundation/public/css/base.css new file mode 100644 index 00000000..0202357d --- /dev/null +++ b/foundation/public/css/base.css @@ -0,0 +1,57 @@ +/*utilities*/ +.align-items-center { + align-items: center; +} +.hide, +.hidden { + display: none; + visibility: hidden; +} +.top-zero { + margin-top: 0; +} +.top-spacer { + margin-top: 2.5rem; +} +.bottom-spacer-4 { + margin-bottom: 4rem; +} +.gray-bg { + background-color: #fafbfc; +} +.dark-bg { + background-color: #2E3338; +} +.left-aligned { + text-align: left; +} +.right-aligned { + text-align: right; +} +.text-center { + text-align: center; +} +.text-muted { + color: #8D99A6; +} +.text-light { + color: #6c7680; +} +.text-white { + color: #fff; +} +.centered { + margin: 0 auto; +} +.bold { + font-weight: bold; +} +.list-unstyled { + padding: 0; +} +.list-unstyled li { + list-style: none; +} +.list-circle { + list-style: circle; +} diff --git a/foundation/public/css/erpnext-org-theme.css b/foundation/public/css/erpnext-org-theme.css index f1f391e1..fc8af4cd 100644 --- a/foundation/public/css/erpnext-org-theme.css +++ b/foundation/public/css/erpnext-org-theme.css @@ -1,5 +1,62 @@ +/*utilities*/ @import "reset.css"; @import "indicator.css"; +.align-items-center { + align-items: center; +} +.hide, +.hidden { + display: none; + visibility: hidden; +} +.top-zero { + margin-top: 0; +} +.top-spacer { + margin-top: 2.5rem; +} +.bottom-spacer-4 { + margin-bottom: 4rem; +} +.gray-bg { + background-color: #fafbfc; +} +.dark-bg { + background-color: #2E3338; +} +.left-aligned { + text-align: left; +} +.right-aligned { + text-align: right; +} +.text-center { + text-align: center; +} +.text-muted { + color: #8D99A6; +} +.text-light { + color: #6c7680; +} +.text-white { + color: #fff; +} +.centered { + margin: 0 auto; +} +.bold { + font-weight: bold; +} +.list-unstyled { + padding: 0; +} +.list-unstyled li { + list-style: none; +} +.list-circle { + list-style: circle; +} a { color: #7575ff; text-decoration: none; @@ -42,7 +99,7 @@ a:visited { } .navbar-icon { width: 1.5rem; - margin-right: .5rem; + margin-right: 0.5rem; padding-bottom: 0.07rem; } .navbar-brand { @@ -107,13 +164,13 @@ a:visited { } .list-items { text-align: center; - border-radius: .5rem; + border-radius: 0.5rem; background-color: #fff; min-width: 200px; transition: all 0.3s ease-out; } .list-items:hover { - box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.05); + box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.05); } .grid-of-four, .grid-of-three { @@ -151,63 +208,6 @@ a:visited { grid-template-columns: repeat(3, 1fr); } } -/*utilities*/ -.align-items-center { - align-items: center; -} -.hide, -.hidden { - display: none; - visibility: hidden; -} -.top-zero { - margin-top: 0; -} -.top-spacer { - margin-top: 2.5rem; -} -.bottom-spacer-4 { - margin-bottom: 4rem; -} -.gray-bg { - background-color: #fafbfc; -} -.dark-bg { - background-color: #2E3338; -} -.left-aligned { - text-align: left; -} -.right-aligned { - text-align: right; -} -.text-center { - text-align: center; -} -.text-muted { - color: #8D99A6; -} -.text-light { - color: #6c7680; -} -.text-white { - color: #fff; -} -.centered { - margin: 0 auto; -} -.bold { - font-weight: bold; -} -.list-unstyled { - padding: 0; -} -.list-unstyled li { - list-style: none; -} -.list-circle { - list-style: circle; -} .two-column, .three-column, .four-column { @@ -272,7 +272,7 @@ a:visited { } .button { padding: 1rem 1.5rem; - border-radius: .25em; + border-radius: 0.25em; cursor: pointer; transition: all 0.3s ease-out; border-bottom: 3px solid rgba(0, 0, 0, 0.2); @@ -285,9 +285,9 @@ a:visited { font-size: 1.5em; color: #fff; background: #7575ff; - border-right: 0px; - border-left: 0px; - border-top: 0px; + border-right: 0; + border-left: 0; + border-top: 0; line-height: 3; } .button-primary:hover { @@ -298,9 +298,9 @@ a:visited { font-size: 1.5em; color: #6c7680; background: #F0F4F7; - border-right: 0px; - border-left: 0px; - border-top: 0px; + border-right: 0; + border-left: 0; + border-top: 0; line-height: 3; } .button-secondary:hover { @@ -326,7 +326,6 @@ a:visited { } .footer-list { padding-left: 0; - padding: ; } .page_content li, .sidebar-item, @@ -423,7 +422,7 @@ hr { } .footer-icon { width: 1.5rem; - margin-right: .5em; + margin-right: 0.5em; } /* loaned from bootstrap need to cleanup*/ /*progress bar*/ @@ -432,7 +431,7 @@ hr { margin-bottom: 1.5rem; overflow: hidden; background-color: #f5f5f5; - border-radius: .25rem; + border-radius: 0.25rem; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } @@ -451,7 +450,7 @@ hr { } /*progress bar*/ .clickable a { - color: #36414C; + color: #36414c; } .clickable a:focus { outline: 0; @@ -487,7 +486,7 @@ th { } .panel-default > .panel-heading { color: #333; - background-color: #F7FAFC; + background-color: #f7fafc; border-color: #d1d8dd; } .panel-heading, @@ -495,10 +494,10 @@ th { padding-left: 1rem; } .panel-heading { - padding: .5rem 1rem; + padding: 0.5rem 1rem; border-bottom: 1px solid transparent; - border-top-left-radius: .25em; - border-top-right-radius: .25em; + border-top-left-radius: 0.25em; + border-top-right-radius: 0.25em; } .modal-open .modal { overflow-x: hidden; @@ -517,7 +516,7 @@ th { } .modal-backdrop.in { filter: alpha(opacity=50); - opacity: .5; + opacity: 0.5; } .modal-backdrop { position: absolute; @@ -566,7 +565,7 @@ th { color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); - opacity: .2; + opacity: 0.2; } .close:hover, .close:focus { @@ -574,16 +573,16 @@ th { text-decoration: none; cursor: pointer; filter: alpha(opacity=50); - opacity: .5; + opacity: 0.5; } .btn-default { color: inherit; - background-color: #F0F4F7; + background-color: #f0f4f7; border-color: transparent; } .btn { display: inline-block; - padding: .25em .75em; + padding: 0.25em 0.75em; margin-bottom: 0; font-size: 1em; font-weight: normal; @@ -594,14 +593,12 @@ th { user-select: none; background-image: none; border: 1px solid transparent; - border-radius: .25em; + border-radius: 0.25em; } .btn-block { background-image: none; border: 1px solid transparent; - border-radius: .25em; -} -.btn-block { + border-radius: 0.25em; display: block; width: 100%; } @@ -611,29 +608,28 @@ th { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; - padding: .5rem ; - margin-bottom: .5rem; + padding: 0.5rem; + margin-bottom: 0.5rem; } .form-control { display: block; width: 100%; height: 2em; - padding: .5em; - color: #2E3338; + padding: 0.5em; + color: #2e3338; background-color: #fff; background-image: none; border: 1px solid #d1d8dd; - border-radius: .25em; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + border-radius: 0.25em; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-out 0.15s, box-shadow ease-out 0.15s; } code { - color: #FC4F51; + color: #fc4f51; background: #fff5f5; - padding: .25em; - border-radius: .25em; - font-size: .85em; + padding: 0.25em; + border-radius: 0.25em; + font-size: 0.85em; } /*loaned from frappe*/ textarea.form-control { @@ -652,7 +648,7 @@ textarea.form-control { } .no-results { text-align: center; - padding: 10rem 0px; + padding: 10rem 0; } .add-comment-section { padding-bottom: 2rem; @@ -674,12 +670,12 @@ textarea.form-control { padding: 1em; margin: 8rem auto; border: 1px solid #d1d8dd; - border-radius: .25em; + border-radius: 0.25em; background-color: #fff; - box-shadow: 0px 0.25em 0.5em rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1); } .page-card .page-card-head { - padding: .75em 1em; + padding: 0.75em 1em; margin: -1em; margin-bottom: 1em; border-bottom: 1px solid #d1d8dd; @@ -713,7 +709,7 @@ textarea.form-control { img.blog-cover-image, .blog-text img, .screenshot { - box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); border: 1px solid #d1d8dd; } .btn-next-wrapper { @@ -721,7 +717,7 @@ img.blog-cover-image, } /*blog*/ .blog-list-content { - border: 0px; + border: 0; background: transparent; } .blog-list-item { @@ -742,7 +738,7 @@ img.blog-cover-image, } .blogpost-cover-img { width: 75%; - margin-bottom: .5rem; + margin-bottom: 0.5rem; } .blog-header { font-size: 2.5rem; @@ -765,26 +761,26 @@ img.blog-cover-image, margin-bottom: 2.5rem; } .blogger { - padding-top: 0px; + padding-top: 0; padding-bottom: 2.5rem; } .blogger-name { - margin-top: .25em; + margin-top: 0.25em; font-weight: normal; font-size: 1rem; } .blogger-name a { color: #36414C; } -.blog-list-item .avatar { - margin-right: 1em; -} .avatar { display: inline-block; width: 3rem; height: 3rem; margin-right: 1rem; } +.blog-list-item .avatar { + margin-right: 1em; +} .avatar img { max-width: 100%; max-height: 100%; @@ -806,7 +802,7 @@ img.blog-cover-image, display: flex; background: #fafbfc; margin-bottom: 1.5rem; - border-radius: .25em; + border-radius: 0.25em; padding: 1.5rem; } .media-left { @@ -839,7 +835,7 @@ img.blog-cover-image, align-items: center; flex-direction: column; @media screen and (min-width: @screen-xs) { - flex-direction: row; + flex-direction: row; } } @@ -866,7 +862,7 @@ img.blog-cover-image, .box { padding: 1.5rem; border: 1px solid #d1d8dd; - border-radius: .25em; + border-radius: 0.25em; transition: background-color 0.3s ease-out; } .box:hover { diff --git a/foundation/public/img/favicon.ico b/foundation/public/img/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..b7cfff1fcf544b9d59550498ecede0744622ec92 GIT binary patch literal 2238 zcmeHJIS#@w5F7|#%w<>9lstn^r6P%-=M!{1fEFn~NJ+~R=qQJE5fTYIG#o<8MvkqS z$UC#v$^km^EEbUW5QiZ!2e6bO5LPlA9ty@WxL$)v0;VaLW#D!T?snjQ4<3);=>!%9 zcs_%d3wXVPw;M=?wr%mY0&NBUpaRyaZb)WVS!;VC*5N&?nrJ{p&3vbsej__FRm?o9 zD^^zeIk7QQ{fNGgpFD###F$_6rNgO5Jy5bTd#dC3(!c*Q`MtkVpVmHwHGf`* literal 0 HcmV?d00001 diff --git a/foundation/public/less/base.less b/foundation/public/less/base.less new file mode 100644 index 00000000..9dc6e8b2 --- /dev/null +++ b/foundation/public/less/base.less @@ -0,0 +1,85 @@ +@import "variables.less"; + +/*utilities*/ +.align-items-center { + align-items: center; +} + +.hide, +.hidden { + display: none; + visibility: hidden; +} + +.top-zero { + margin-top: 0; +} + +.bottom-zero { + margin-bottom: 0; +} + +.top-spacer { + margin-top: 2.5rem; +} + +.bottom-spacer { + margin-bottom: 2.5rem; +} + +.bottom-spacer-4 { + margin-bottom: 4rem; +} + +.gray-bg { + background-color: @light-bg; +} + +.dark-bg { + background-color: @text-dark; +} + +.left-aligned { + text-align: left; +} + +.right-aligned { + text-align: right; +} + +.text-center { + text-align: center; +} + +.text-muted { + color: @text-muted; +} + +.text-light { + color: @text-light; +} + +.text-white { + color: #fff; +} + +.centered { + margin: 0 auto; +} + +.bold { + font-weight: bold; +} + +.list-unstyled { + padding: 0; + + li { + list-style: none; + } +} + +.list-circle { + list-style: circle; +} + diff --git a/foundation/public/less/erpnext-org-theme.less b/foundation/public/less/erpnext-org-theme.less index 80378b47..7ea54204 100644 --- a/foundation/public/less/erpnext-org-theme.less +++ b/foundation/public/less/erpnext-org-theme.less @@ -1,479 +1,428 @@ @import "variables.less"; +@import "base.less"; @import (css) "reset.css"; @import (css) "indicator.css"; a { - color: @brand-primary; - text-decoration: none; - transition: color @transition; - &:hover{ + color: @brand-primary; + text-decoration: none; + transition: color @transition; + + &:hover { color: @text-dark; text-decoration: underline; - } - &:focus, &:visited{ - outline: 0; - background-color: transparent; - } + } + + &:focus, + &:visited { + outline: 0; + background-color: transparent; + } } .header1 { - font-size: 2.5rem; - line-height: 1.025; + font-size: 2.5rem; + line-height: 1.025; } .header2 { - font-size: 1.5rem; - line-height: 1.025; + font-size: 1.5rem; + line-height: 1.025; } .header3 { - font-size: 1rem; - line-height: 1.025; + font-size: 1rem; + line-height: 1.025; } .navbar { - padding: 1rem; - background-color:#fff; - @media screen and (min-width: @screen-xs) { - padding: 1rem 2.5rem; - } + padding: 1rem; + background-color: #fff; + + @media screen and (min-width: @screen-xs) { + padding: 1rem 2.5rem; + } } + .navbar-header { - display: flex; - justify-content: space-between; - align-items: center; + display: flex; + justify-content: space-between; + align-items: center; } + .navbar-icon { - width: 1.5rem; - margin-right: .5rem; - padding-bottom: 0.07rem; - + width: 1.5rem; + margin-right: 0.5rem; + padding-bottom: 0.07rem; } + .navbar-brand { - font-size: 1rem; - font-weight: bold; - letter-spacing: 0.005em; - text-decoration: none; - color: @text-color; + font-size: 1rem; + font-weight: bold; + letter-spacing: 0.005em; + text-decoration: none; + color: @text-color; - &:hover{ - text-decoration:none; + &:hover { + text-decoration: none; color: @text-dark; - } + } } + .navbar-brand:visited { - color: @text-color; + color: @text-color; } .menu { - display: flex; - margin:0; + display: flex; + margin: 0; } .menu-items { - padding-left: 1.5rem; + padding-left: 1.5rem; } -.menu-links{ - color:@text-light; - text-decoration:none; - &:hover{ - text-decoration:none; - } + +.menu-links { + color: @text-light; + text-decoration: none; + + &:hover { + text-decoration: none; + } } .container { - max-width: 100%; - margin: 0 auto; - @media screen and (min-width: @screen-md){ - max-width: @screen-md; - } + max-width: 100%; + margin: 0 auto; + + @media screen and (min-width: @screen-md) { + max-width: @screen-md; + } } -.feature, .footer { - padding: 4rem 1rem; - border-top: 1px solid @light-border-color; - @media screen and (min-width: @screen-xs){ +.feature, +.footer { + padding: 4rem 1rem; + border-top: 1px solid @light-border-color; + + @media screen and (min-width: @screen-xs) { padding: 8rem 2.5rem; - } + } } + .page { - padding: 0 1rem; - border-top: 1px solid @light-border-color; + padding: 0 1rem; + border-top: 1px solid @light-border-color; } .hero-illustration { - width: 100%; - max-width: 800px; - margin-bottom: 2.5rem; -} -.about-img { - margin-bottom: 2.5rem; - + width: 100%; + max-width: 800px; } .list-items { - text-align: center; - border-radius: .5rem; - background-color: #fff; - min-width:200px; - transition: all @transition; - &:hover{ - box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.05); - } + text-align: center; + border-radius: 0.5rem; + background-color: #fff; + min-width: 200px; + transition: all @transition; + + &:hover { + box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.05); + } } -.grid-of-four, .grid-of-three { - grid-gap: 2.5rem; - display: grid; +.grid-of-four, +.grid-of-three { + grid-gap: 2.5rem; + display: grid; } .grid-of-four { - grid-template-columns: repeat(1, 1fr); + grid-template-columns: repeat(1, 1fr); - @media screen and (min-width: @screen-palm) { - grid-template-columns: repeat(2, 1fr); - } - @media screen and (min-width: @screen-xs) { + @media screen and (min-width: @screen-palm) { + grid-template-columns: repeat(2, 1fr); + } - grid-template-columns: repeat(3, 1fr); + @media screen and (min-width: @screen-xs) { + grid-template-columns: repeat(3, 1fr); + } - } - @media screen and (min-width: @screen-sm) { - - grid-template-columns: repeat(4, 1fr); - } + @media screen and (min-width: @screen-sm) { + grid-template-columns: repeat(4, 1fr); + } } .grid-of-three { - grid-template-columns: repeat(1, 1fr); + grid-template-columns: repeat(1, 1fr); - @media screen and (min-width: @screen-palm) { - - grid-template-columns: repeat(2, 1fr); - - } - @media screen and (min-width: @screen-xs) { - - grid-template-columns: repeat(3, 1fr); - - } + @media screen and (min-width: @screen-palm) { + grid-template-columns: repeat(2, 1fr); + } + @media screen and (min-width: @screen-xs) { + grid-template-columns: repeat(3, 1fr); + } } -/*utilities*/ -.align-items-center { - align-items: center; -} - -.hide, .hidden { - display: none; - visibility: hidden; -} - -.top-zero { - margin-top: 0; -} -.top-spacer { - margin-top: 2.5rem; -} -.bottom-spacer-4{ - margin-bottom: 4rem; -} -.gray-bg { - background-color: @light-bg; -} -.dark-bg { - background-color: @text-dark; -} - -.left-aligned { - text-align: left; -} - -.right-aligned { - text-align: right; -} - -.text-center { - text-align: center; -} - -.text-muted { - color: @text-muted; -} - -.text-light { - color: @text-light; -} - -.text-white { - color:#fff; -} - -.centered { - margin: 0 auto; -} - -.bold { - font-weight: bold; -} - -.list-unstyled { - padding: 0; - - li { - list-style: none; - } - -} - -.list-circle { - list-style: circle; -} - - -.two-column, .three-column, .four-column { - display: flex; - justify-content: space-between; - flex-direction: column; - @media screen and (min-width: @screen-xs) { - flex-direction: row; - } +.two-column, +.three-column, +.four-column { + display: flex; + justify-content: space-between; + flex-direction: column; + @media screen and (min-width: @screen-xs) { + flex-direction: row; + } } .contact-content { - max-width: 90%; - @media screen and (min-width: @screen-palm) { - max-width: 50%; - } + max-width: 90%; + + @media screen and (min-width: @screen-palm) { + max-width: 50%; + } } .columns { - margin-bottom: 1rem; - @media screen and (min-width: @screen-xs) { - margin:0; - } -} -.countries { - max-width: 100%; - @media screen and (min-width: @screen-palm) { - max-width: 50%; - min-width: 50%; - } - @media screen and (min-width: @screen-xs) { - max-width: 25%; - min-width: 25%; - } + margin-bottom: 1rem; + @media screen and (min-width: @screen-xs) { + margin: 0; + } +} + +.countries { + max-width: 100%; + + @media screen and (min-width: @screen-palm) { + max-width: 50%; + min-width: 50%; + } + + @media screen and (min-width: @screen-xs) { + max-width: 25%; + min-width: 25%; + } } .flex-wrap { - flex-wrap: wrap; - justify-content: flex-start; + flex-wrap: wrap; + justify-content: flex-start; } + .intro-copy { - font-size: 1.5rem; - max-width: @screen-md/2; - margin: 0 auto 1.5rem auto; + font-size: 1.5rem; + max-width: @screen-md/2; + margin: 0 auto 1.5rem auto; } .primary-links { - color: @text-light; - transition: color @transition; - &:hover{ - color: @text-dark; - text-decoration: none; - } + color: @text-light; + transition: color @transition; + + &:hover { + color: @text-dark; + text-decoration: none; + } } .button { - padding: 1rem 1.5rem; - border-radius:.25em; - cursor: pointer; - transition: all @transition; - border-bottom: 3px solid rgba(0, 0, 0, 0.2); + padding: 1rem 1.5rem; + border-radius: 0.25em; + cursor: pointer; + transition: all @transition; + border-bottom: 3px solid rgba(0, 0, 0, 0.2); + text-decoration: none; + + &:hover { text-decoration: none; - &:hover{ - text-decoration:none; - } + } } - .button-primary { - font-size: 1.5em; + font-size: 1.5em; + color: #fff; + background: @brand-primary; + border-right: 0; + border-left: 0; + border-top: 0; + line-height: 3; + + &:hover { + background: @button-primary-hover; color: #fff; - background: @brand-primary; - border-right: 0px; - border-left: 0px; - border-top: 0px; - line-height: 3; - &:hover{ - background: @button-primary-hover; - color: #fff; - } + } } .button-secondary { - font-size: 1.5em; - color: @text-light; - background: @btn-bg; - border-right: 0px; - border-left: 0px; - border-top: 0px; - line-height: 3; - &:hover{ - background: @button-secondary-hover; - color: @text-dark; - } + font-size: 1.5em; + color: @text-light; + background: @btn-bg; + border-right: 0; + border-left: 0; + border-top: 0; + line-height: 3; + + &:hover { + background: @button-secondary-hover; + color: @text-dark; + } } .secondary-link { - color:@text-light; - transition: color @transition; - &:hover{ - color: @text-dark; - } -} + color: @text-light; + transition: color @transition; -.active { + &:hover { color: @text-dark; + } } .bulleted-list { - margin: 0; - padding-left: 1em; - - li { - padding-bottom: 1em; - } + margin: 0; + padding-left: 1em; + li { + padding-bottom: 1em; + } } .footer-list { - padding-left: 0; - padding: ; + padding-left: 0; } -.page_content li, .sidebar-item, .footer-list li{ - margin-bottom: 1rem; +.page_content li, +.sidebar-item, +.footer-list li { + margin-bottom: 1rem; } .page-container { - display: flex; - max-width: @screen-md; - margin: 0 auto; - flex-direction: column-reverse; - @media screen and (min-width: @screen-xs) { - flex-direction: row - } + display: flex; + max-width: @screen-md; + margin: 0 auto; + flex-direction: column-reverse; + @media screen and (min-width: @screen-xs) { + flex-direction: row; + } } .page-content { - width:100%; - padding: 4rem 0; + width: 100%; + padding: 4rem 0; - h1:first-child { + h1:first-child { margin-top: 0; - } + } } .breadcrumb { - padding: 0; - margin-bottom: 1.5rem; + padding: 0; + margin-bottom: 1.5rem; - a { - background-color: transparent; - color: @text-muted; + a { + background-color: transparent; + color: @text-muted; - &:focus, &:visited { - background-color: transparent; - color: @text-muted; - } - &:hover{ - color: @text-dark; - transition: color @transition; - } + &:focus, + &:visited { + background-color: transparent; + color: @text-muted; } + &:hover { + color: @text-dark; + transition: color @transition; + } + } +} -} .breadcrumb > li { - display: inline-block; + display: inline-block; } + .breadcrumb > li + li::before { - padding: 0 5px; - color: @text-muted; - content: "/\00a0"; + padding: 0 5px; + color: @text-muted; + content: "/\00a0"; } .sidebar-block { - padding: 4rem 0; - min-width: 200px; - border-top: 1px solid @light-border-color; - @media screen and (min-width: @screen-xs) { - border-right: 1px solid @light-border-color; - } + padding: 4rem 0; + min-width: 200px; + border-top: 1px solid @light-border-color; + @media screen and (min-width: @screen-xs) { + border-right: 1px solid @light-border-color; + border-top: 0; + } } .blog-page { - padding: 4rem 0; - max-width: 700px; - margin: 0 auto; + padding: 4rem 0; + max-width: 700px; + margin: 0 auto; } .page-content.with-sidebar { + @media screen and (min-width: @screen-xs) { + padding: 4rem 0 4rem 2.5rem; + } - @media screen and (min-width: @screen-xs) { - padding: 4rem 0 4rem 2.5rem; - } - padding: 1rem; - + padding: 1rem; } hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid @light-border-color; + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid @light-border-color; } .footer-end { - border-top: 1px solid @light-border-color; - padding: 2rem 1rem; - font-size: 0.75rem; - @media screen and (min-width: @screen-xs) { - padding: 2rem 2.5rem; - } + border-top: 1px solid @light-border-color; + padding: 2rem 1rem; + font-size: 0.75rem; + + @media screen and (min-width: @screen-xs) { + padding: 2rem 2.5rem; + } } .footer-end a { - color: @text-muted; - &:hover { + color: @text-muted; + + &:hover { color: #fff; - } + } } .footer-icon { - width: 1.5rem; - margin-right: .5em; + width: 1.5rem; + margin-right: 0.5em; } + /* loaned from bootstrap need to cleanup*/ + /*progress bar*/ .progress { height: 1.5rem; margin-bottom: 1.5rem; overflow: hidden; background-color: #f5f5f5; - border-radius: .25rem; + border-radius: 0.25rem; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } + .progress-bar-success { background-color: #98d85b; } + .sr-only { position: absolute; width: 1px; @@ -484,61 +433,68 @@ hr { clip: rect(0, 0, 0, 0); border: 0; } + /*progress bar*/ .clickable a { - color: #36414C; + color: @text-color; } + .clickable a:focus { outline: 0; } + .fade.in { opacity: 1; } + caption { padding-top: 8px; padding-bottom: 8px; - color: #8d99a6; + color: @text-muted; text-align: left; } + th { text-align: left; } -.note-popover .popover-content > .btn-group, -.panel-heading.note-toolbar > .btn-group { - margin-top: 5px; - margin-right: 5px; - margin-left: 0; -} + .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } + +.note-popover .popover-content > .btn-group, +.panel-heading.note-toolbar > .btn-group { + margin-top: 5px; + margin-right: 5px; + margin-left: 0; +} + .note-popover .popover-content, .panel-heading.note-toolbar { padding: 0 0 5px 5px; margin: 0; } + +.panel-heading { + padding: 0.5rem 1rem; + border-bottom: 1px solid transparent; + border-top-left-radius: 0.25em; + border-top-right-radius: 0.25em; +} + .panel-default > .panel-heading { color: #333; - background-color: #F7FAFC; - border-color: #d1d8dd; + background-color: #f7fafc; + border-color: @border-color; } -.panel-heading, + .panel-body { padding-left: 1rem; } -.panel-heading { - padding: .5rem 1rem; - border-bottom: 1px solid transparent; - border-top-left-radius: .25em; - border-top-right-radius: .25em; -} -.modal-open .modal { - overflow-x: hidden; - overflow-y: auto; -} + .modal { position: fixed; top: 0; @@ -550,10 +506,17 @@ th { overflow: hidden; outline: 0; } + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + .modal-backdrop.in { filter: alpha(opacity=50); - opacity: .5; + opacity: 0.5; } + .modal-backdrop { position: absolute; top: 0; @@ -561,13 +524,16 @@ th { left: 0; background-color: #334143; } -.modal.in .modal-dialog { - transform: translate(0, 0); -} + .modal-dialog { width: 600px; margin: 2rem auto; } + +.modal.in .modal-dialog { + transform: translate(0, 0); +} + .modal-content { position: relative; background-color: #fff; @@ -577,22 +543,23 @@ th { outline: 0; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } + .modal-header { min-height: 1rem; padding: 1rem; border-bottom: 1px solid #d1d8dd; } + .modal-title { margin: 0; line-height: 1.42857143; } + .modal-body { position: relative; padding: 1rem; } -.modal-header .close { - margin-top: -2px; -} + .close { float: right; font-size: 1.5rem; @@ -601,24 +568,31 @@ th { color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); - opacity: .2; + opacity: 0.2; } + +.modal-header .close { + margin-top: -2px; +} + .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); - opacity: .5; + opacity: 0.5; } + .btn-default { color: inherit; - background-color: #F0F4F7; + background-color: #f0f4f7; border-color: transparent; } + .btn { display: inline-block; - padding: .25em .75em; + padding: 0.25em 0.75em; margin-bottom: 0; font-size: 1em; font-weight: normal; @@ -629,331 +603,358 @@ th { user-select: none; background-image: none; border: 1px solid transparent; - border-radius: .25em; + border-radius: 0.25em; } + .btn-block { background-image: none; border: 1px solid transparent; - border-radius: .25em; -} -.btn-block { + border-radius: 0.25em; display: block; width: 100%; } + +.form-control { + display: block; + width: 100%; + height: 2em; + padding: 0.5em; + color: #2e3338; + background-color: #fff; + background-image: none; + border: 1px solid #d1d8dd; + border-radius: 0.25em; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + transition: border-color ease-out 0.15s, box-shadow ease-out 0.15s; +} + .form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; - padding: .5rem ; - margin-bottom: .5rem; -} -.form-control { - display: block; - width: 100%; - height: 2em; - padding: .5em; - color: #2E3338; - background-color: #fff; - background-image: none; - border: 1px solid #d1d8dd; - border-radius: .25em; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - transition: border-color ease-out 0.15s, box-shadow ease-out 0.15s; + padding: 0.5rem; + margin-bottom: 0.5rem; } + code { - color: #FC4F51; + color: #fc4f51; background: #fff5f5; - padding: .25em; - border-radius: .25em; - font-size: .85em; + padding: 0.25em; + border-radius: 0.25em; + font-size: 0.85em; } /*loaned from frappe*/ textarea.form-control { - height: auto; + height: auto; } .col-sm-6 { - margin-bottom: 1rem; + margin-bottom: 1rem; } + .col-sm-8 { -@media screen and (min-width: @screen-xs) { + @media screen and (min-width: @screen-xs) { width: 66.66%; - } + } } + .comment-view { - padding-bottom: 2.5rem; + padding-bottom: 2.5rem; } .no-results { - text-align: center; - padding: 10rem 0px; + text-align: center; + padding: 10rem 0; } .add-comment-section { - padding-bottom: 2rem; + padding-bottom: 2rem; } + .comment-header { - border-bottom: @border; - padding: 2rem 0 1rem; + border-bottom: @border; + padding: 2rem 0 1rem; } .comment-row { - margin: 0 1rem; - padding: 1rem; + margin: 0 1rem; + padding: 1rem; } .comment-row:last-child { - margin-bottom: 2rem; - border-bottom: 0; + margin-bottom: 2rem; + border-bottom: 0; } .page-card { - max-width: 360px; - padding: 1em; - margin: 8rem auto; - border: @border; - border-radius: .25em; - background-color: #fff; - box-shadow: 0px .25em .5em rgba(0, 0, 0, 0.1); + max-width: 360px; + padding: 1em; + margin: 8rem auto; + border: @border; + border-radius: 0.25em; + background-color: #fff; + box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1); } .page-card .page-card-head { - padding: .75em 1em; - margin: -1em; - margin-bottom: 1em; - border-bottom: @border; + padding: 0.75em 1em; + margin: -1em; + margin-bottom: 1em; + border-bottom: @border; } .login-content .btn { - margin-top: 3rem; + margin-top: 3rem; } .btn-primary { - background-color: @brand-primary; - border-color: @brand-primary; - color: #fff; - transition: background-color .3s ease-in; + background-color: @brand-primary; + border-color: @brand-primary; + color: #fff; + transition: background-color 0.3s ease-in; } -.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { - color: #fff; - background-color: @button-primary-hover; - border-color: @button-primary-hover; - text-decoration:none; +.btn-primary:hover, +.btn-primary:focus, +.btn-primary.focus, +.btn-primary:active, +.btn-primary.active, +.open > .dropdown-toggle.btn-primary { + color: #fff; + background-color: @button-primary-hover; + border-color: @button-primary-hover; + text-decoration: none; } -.screenshot, .img-responsive { - max-width:800px; - margin: auto; - width: auto; +.screenshot, +.img-responsive { + max-width: 800px; + margin: auto; + width: auto; } -img.blog-cover-image, .blog-text img, .screenshot { - box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); - border: 1px solid #d1d8dd; +img.blog-cover-image, +.blog-text img, +.screenshot { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); + border: 1px solid #d1d8dd; } .btn-next-wrapper { - margin-top: 4rem; + margin-top: 4rem; } /*blog*/ +/*TODO Needs refactor in frappe to use utilities.less*/ + .blog-list-content { - border: 0px; - background: transparent; + border: 0; + background: transparent; } .blog-list-item { - padding-bottom: 4rem; - border-bottom: 1px solid @navbar-default-border; - &:last-child{ - border-bottom: 0; - } - a { - color: @text-color; - } - h1{ - margin-top: 0; - } + padding-bottom: 4rem; + border-bottom: 1px solid @navbar-default-border; + + &:last-child { + border-bottom: 0; + } + + a { + color: @text-color; + } + + h1{ + margin-top: 0; + } } -.blog-list-item:not(:first-child){ - padding-top: 4rem; +.blog-list-item:not(:first-child) { + padding-top: 4rem; } - -.blogpost-cover-img{ - width: 75%; - margin-bottom: .5rem; +.blogpost-cover-img { + width: 75%; + margin-bottom: 0.5rem; } - .blog-header { - font-size: 2.5rem; + font-size: 2.5rem; } .blog-container img { - margin-bottom: 1.5rem; + margin-bottom: 1.5rem; } .blog-comments { - position: relative; - border-top: @border; + position: relative; + border-top: @border; } .blog-info { - margin: 2.5rem 0; + margin: 2.5rem 0; } .blog-text { - - font-size: 1.15em; - line-height: 1.62; - + font-size: 1.15em; + line-height: 1.62; } .blog-content { - margin-bottom: 2.5rem; + margin-bottom: 2.5rem; } .blogger { - padding-top: 0px; - padding-bottom: 2.5rem; -} -.blogger-name { - margin-top: .25em; - font-weight: normal; - font-size: 1rem; - a { - color: @text-color; - } + padding-top: 0; + padding-bottom: 2.5rem; } -.blog-list-item .avatar { - margin-right: 1em; +.blogger-name { + margin-top: 0.25em; + font-weight: normal; + font-size: 1rem; + + a { + color: @text-color; + } } .avatar { - display: inline-block; - width: 3rem; - height: 3rem; - margin-right: 1rem; + display: inline-block; + width: 3rem; + height: 3rem; + margin-right: 1rem; } + +.blog-list-item .avatar { + margin-right: 1em; +} + .avatar img { - max-width: 100%; - max-height: 100%; - border-radius: 0.25em; + max-width: 100%; + max-height: 100%; + border-radius: 0.25em; } .avatar-medium { - margin-right: 0.25em; - width: 2rem; - height: 2rem; -} -.inline-block { - display: inline-block; + margin-right: 0.25em; + width: 2rem; + height: 2rem; } -.blog-container, .max-width-medium { - max-width: 700px; +.inline-block { + display: inline-block; +} + +.blog-container, +.max-width-medium { + max-width: 700px; } .media { - display: flex; - background: @light-bg; - margin-bottom: 1.5rem; - border-radius: .25em; - padding: 1.5rem; - + display: flex; + background: @light-bg; + margin-bottom: 1.5rem; + border-radius: 0.25em; + padding: 1.5rem; } + .media-left { width: 10%; margin-right: 2.5rem; } + .media-heading { margin-top: 0; } + .with-border { - border-radius: 0.25em; - padding: 1rem; - margin-bottom: 2rem; - border: 1px solid @border-color; - a{ + border-radius: 0.25em; + padding: 1rem; + margin-bottom: 2rem; + border: 1px solid @border-color; + + a { text-decoration: none; color: @text-color; - &:hover{ - text-decoration: none; - color: @text-dark; - } - } - &:hover{ - background-color: @light-bg; + &:hover { + text-decoration: none; + color: @text-dark; } + } + + &:hover { + background-color: @light-bg; + } } /* individual elements */ -/*.row.page-head { - display: flex; - align-items: center; - flex-direction: column; - @media screen and (min-width: @screen-xs) { - flex-direction: row; - } + +.row.page-head { + display: flex; + align-items: center; + flex-direction: column; + flex-wrap: wrap; } .item-search .input-wrapper { - margin-right: 1.5rem; + margin-right: 1.5rem; } + .item-search i { - margin-right: -1.5rem; - margin-top: .5rem; -}*/ -.gold-member{ - display: flex; - padding: 2.5rem 0; - transition: background-color @transition; - border-bottom: 1px solid @border-color; - &:hover { - background-color:@light-bg; - } + margin-right: -1.5rem; + margin-top: 0.5rem; +} + +.gold-member { + display: flex; + padding: 2.5rem 0; + transition: background-color @transition; + border-bottom: 1px solid @border-color; + + &:hover { + background-color: @light-bg; + } } .individual-member { - border-bottom: 1px solid @border-color; - padding-bottom: 2.5rem; + border-bottom: 1px solid @border-color; + padding-bottom: 2.5rem; } .box { - padding: 1.5rem; - border: 1px solid @border-color; - border-radius: .25em; - transition: background-color @transition; - &:hover { - background-color:@light-bg; - } + padding: 1.5rem; + border: 1px solid @border-color; + border-radius: 0.25em; + transition: background-color @transition; + + &:hover { + background-color: @light-bg; + } } .domain-links { - font-size: 1.5rem; - display: block; - padding: 1.5rem; + font-size: 1.5rem; + display: block; + padding: 1.5rem; - span { - display:block; - } + span { + display: block; + } } + .thumb-small { - width: 100px; + width: 100px; } + .domain-image { - width: 150px; - padding-bottom: 1.5rem; + width: 150px; + padding-bottom: 1.5rem; } .community-bg { @@ -964,6 +965,7 @@ img.blog-cover-image, .blog-text img, .screenshot { background-attachment: fixed; } -.community-bg .intro-copy, .about .intro-copy { - max-width:800px; +.community-bg .intro-copy, +.about .intro-copy { + max-width: 800px; } diff --git a/foundation/www/about.html b/foundation/www/about.html index 41d21c9c..a7f0d055 100644 --- a/foundation/www/about.html +++ b/foundation/www/about.html @@ -8,7 +8,7 @@
- +

ERPNext Foundation

We are a Non Profit Foundation representing a community of ERPNext Users, Developers and Service Providers. Our goal is to provide a platform for the ERPNext Community to come together, join hands and build assets to help build and enhance ERPNext around the world.

ERPNext Foundation aims to be a community driven organization and run in a transparent manner. If you want to be more involved in the ERPNext Community, read the FAQ.

diff --git a/foundation/www/index.html b/foundation/www/index.html index e2acd84f..37ca3505 100644 --- a/foundation/www/index.html +++ b/foundation/www/index.html @@ -3,7 +3,7 @@ {% block content %}
- ERP software for Everybody + ERP software for Everybody

ERP for Everybody

Worlds Leading Fully Opensource ERP Software That Helps You Stay In Control Of Your Business

Get Started