erpnext/foundation
1
0
Fork 0
mirror of https://github.com/erpnext/foundation.git synced 2026-10-16 18:00:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

work on inner pages

Browse Source
This commit is contained in:
Raghavendra Kamath
2018-02-19 20:00:14 +05:30
parent fbc38229d8
commit 0a9b76f71c
10 changed files with 427 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

235
foundation/public/css/erpnext-org-theme.css
View File

@@ -81,6 +81,7 @@ a:hover {
} }
.navbar { .navbar {
padding: 1rem 2.5rem; padding: 1rem 2.5rem;
background-color: #fff;
} }
.navbar-header { .navbar-header {
display: flex; display: flex;
@@ -88,13 +89,14 @@ a:hover {
align-items: center; align-items: center;
} }
.navbar-icon { .navbar-icon {
width: 25px; width: 1.5rem;
margin-right: .5rem; margin-right: .5rem;
padding-bottom: 0.07rem; padding-bottom: 0.07rem;
} }
.navbar-brand { .navbar-brand {
font-size: 1rem; font-size: 1rem;
font-weight: bold; font-weight: bold;
letter-spacing: 0.005em;
text-decoration: none; text-decoration: none;
color: #36414C; color: #36414C;
} }
@@ -131,26 +133,21 @@ a:hover {
padding: 0 2.5rem; padding: 0 2.5rem;
border-top: 1px solid #EBEFF2; border-top: 1px solid #EBEFF2;
} }
.homepage-illustration { .hero-illustration {
margin-bottom: 2.5rem;
width: 100%; width: 100%;
max-width: 800px; max-width: 800px;
margin-bottom: 2.5rem;
}
.about-img {
margin-bottom: 2.5rem;
} }
.title { .title {
font-size: 2.5rem; font-size: 2.5rem;
line-height: 1.025; line-height: 1.025;
margin-top: 0;
} }
.domain-links { .subtitle {
font-size: 1.5rem; margin-top: 0;
display: block;
padding: 1.5rem;
}
.domain-links span {
display: block;
}
.domain-image {
width: 125px;
padding-bottom: 1.5rem;
} }
.list-items { .list-items {
text-align: center; text-align: center;
@@ -165,11 +162,21 @@ a:hover {
.list.grid-of-four { .list.grid-of-four {
grid-gap: 2.5rem; grid-gap: 2.5rem;
} }
.grid-of-four {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.list { .list {
list-style: none; list-style: none;
padding-left: 0; padding-left: 0;
} }
/*utilities*/ /*utilities*/
.gray-bg {
background-color: #fafbfc;
}
.dark-bg {
background-color: #2E3338;
}
.left-aligned { .left-aligned {
text-align: left; text-align: left;
} }
@@ -189,19 +196,12 @@ a:hover {
.text-white { .text-white {
color: #fff; color: #fff;
} }
.grid-of-four {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.intro-copy { .intro-copy {
font-size: 1.5rem; font-size: 1.5rem;
max-width: 600px; max-width: 600px;
margin: 0 auto 1.5rem auto; margin: 0 auto 1.5rem auto;
line-height: 1.5em; line-height: 1.5em;
} }
.community-bg .intro-copy {
max-width: 800px;
}
.primary-links { .primary-links {
color: #6c7680; color: #6c7680;
transition: color 0.3s ease-out; transition: color 0.3s ease-out;
@@ -247,19 +247,6 @@ a:hover {
background: #cad5df; background: #cad5df;
color: #2E3338; color: #2E3338;
} }
.gray-bg {
background-color: #fafbfc;
}
.dark-bg {
background-color: #2E3338;
}
.community-bg {
background-image: linear-gradient(to bottom, rgba(117, 116, 254, 0.52), #7574fe), url("/assets/foundation/img/community-2016.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.secondary-link { .secondary-link {
color: #6c7680; color: #6c7680;
transition: color 0.3s ease-out; transition: color 0.3s ease-out;
@@ -267,6 +254,9 @@ a:hover {
.secondary-link:hover { .secondary-link:hover {
color: #2E3338; color: #2E3338;
} }
.active {
color: #2E3338;
}
.three-column, .three-column,
.two-column { .two-column {
display: flex; display: flex;
@@ -312,9 +302,6 @@ a:hover {
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
.active {
color: #2E3338;
}
.breadcrumb { .breadcrumb {
padding: 0; padding: 0;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
@@ -350,6 +337,9 @@ a:hover {
width: 100%; width: 100%;
padding: 4rem 0; padding: 4rem 0;
} }
.page-content h1:first-child {
margin-top: 0;
}
.blog-page { .blog-page {
padding: 4rem 0; padding: 4rem 0;
max-width: 700px; max-width: 700px;
@@ -381,6 +371,82 @@ hr {
margin-right: .5em; margin-right: .5em;
} }
/* loaned from bootstrap*/ /* loaned from bootstrap*/
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
overflow: hidden;
outline: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-backdrop {
position: absolute;
top: 0;
right: 0;
left: 0;
background-color: #334143;
}
.modal.in .modal-dialog {
transform: translate(0, 0);
}
.modal-dialog {
width: 600px;
margin: 2rem auto;
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #d1d8dd;
border-radius: 0.25rem;
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;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
.btn-default { .btn-default {
color: inherit; color: inherit;
background-color: #F0F4F7; background-color: #F0F4F7;
@@ -457,6 +523,25 @@ code {
font-size: .85em; font-size: .85em;
} }
/*loaned from frappe*/ /*loaned from frappe*/
.no-results {
text-align: center;
padding: 10rem 0px;
}
.add-comment-section {
padding-bottom: 2rem;
}
.comment-header {
border-bottom: 1px solid #d1d8dd;
padding: 2rem 0 1rem;
}
.comment-row {
margin: 0 1rem;
padding: 1rem;
}
.comment-row:last-child {
margin-bottom: 2rem;
border-bottom: 0;
}
.page-card { .page-card {
max-width: 360px; max-width: 360px;
padding: 1em; padding: 1em;
@@ -506,17 +591,6 @@ img.blog-cover-image,
margin-top: 4rem; margin-top: 4rem;
} }
/*blog*/ /*blog*/
.blog-text h1,
.blog-text h2,
.blog-text h3,
.blog-text h4,
.blog-text h5,
.blog-text h6 {
margin-top: 3em;
margin-bottom: 1em;
font-weight: bold;
color: #36414C;
}
.blog-list-content { .blog-list-content {
border: 0px; border: 0px;
background: transparent; background: transparent;
@@ -532,60 +606,59 @@ img.blog-cover-image,
color: #36414C; color: #36414C;
} }
.blog-list-item h1 { .blog-list-item h1 {
margin-bottom: .5em; margin-top: 0;
} }
.blog-list-item:not(:first-child) { .blog-list-item:not(:first-child) {
padding-top: 4rem; padding-top: 4rem;
} }
.blogpost-cover-img { .blogpost-cover-img {
width: 75%; width: 75%;
margin-bottom: .5rem;
} }
.blog-list-item .blog-header { .blog-header {
font-size: 2.5rem; font-size: 2.5rem;
} }
.blog-container img { .blog-container img {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.blog-header {
font-size: 2.5rem;
}
.blog-comments { .blog-comments {
position: relative; position: relative;
border-top: 1px solid #d1d8dd; border-top: 1px solid #d1d8dd;
} }
.blog-info { .blog-info {
margin: 2em 0; margin: 2.5rem 0;
} }
.blog-text { .blog-text {
font-size: 1.25em; font-size: 1.25em;
letter-spacing: 0.01em; letter-spacing: 0.01em;
} }
.blog-content { .blog-content {
margin-bottom: 3em; margin-bottom: 2.5rem;
} }
.blogger { .blogger {
padding-top: 0px; padding-top: 0px;
padding-bottom: 3em; padding-bottom: 2.5rem;
} }
.blogger-name { .blogger-name {
margin-top: .25em; margin-top: .25em;
} }
.post-description {
margin: 1em 0;
}
.blog-list-item .avatar { .blog-list-item .avatar {
margin-right: 1em; margin-right: 1em;
} }
.avatar { .avatar {
display: inline-block; display: inline-block;
vertical-align: middle;
width: 50px; width: 50px;
height: 50px; height: 50px;
} }
.avatar img { .avatar img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
border-radius: 4px; border-radius: 0.25em;
}
.avatar-medium {
margin-right: 0.25em;
width: 2rem;
height: 2rem;
} }
.inline-block { .inline-block {
display: inline-block; display: inline-block;
@@ -593,3 +666,43 @@ img.blog-cover-image,
.blog-container { .blog-container {
max-width: 700px; max-width: 700px;
} }
.media {
display: flex;
padding: 1.5rem;
background: #fafbfc;
margin-bottom: 1.5rem;
border-radius: .25em;
border: 1px solid lightgray;
width: 75%;
}
.media-left {
width: 10%;
margin-right: 1.5rem;
}
.media-heading {
margin-top: 0;
}
/* individual elements */
.domain-links {
font-size: 1.5rem;
display: block;
padding: 1.5rem;
}
.domain-links span {
display: block;
}
.domain-image {
width: 125px;
padding-bottom: 1.5rem;
}
.community-bg {
background-image: linear-gradient(to bottom, rgba(117, 116, 254, 0.52), #7574fe), url("/assets/foundation/img/community-2016.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.community-bg .intro-copy,
.about .intro-copy {
max-width: 800px;
}

6
foundation/public/css/reset.css
View File

@@ -56,8 +56,8 @@ hr {
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin-top: 0; margin-bottom: 1rem;
margin-bottom: 1.5rem;
} }
p { p {
@@ -183,6 +183,8 @@ figure {
img { img {
vertical-align: middle; vertical-align: middle;
border-style: none; border-style: none;
width: 100%;
border-radius: 0.25em;
} }
svg:not(:root) { svg:not(:root) {

BIN
foundation/public/img/community-colored.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

41
foundation/public/img/foundation-image.svg
View File

@@ -9,9 +9,9 @@
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="330.00012" width="115.71439"
height="330.00006" height="115.7143"
viewBox="0 0 87.312531 87.312515" viewBox="0 0 30.616098 30.616075"
version="1.1" version="1.1"
id="svg5271" id="svg5271"
inkscape:version="0.92.2 5c3e80d, 2017-08-06" inkscape:version="0.92.2 5c3e80d, 2017-08-06"
@@ -26,14 +26,14 @@
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="0.7" inkscape:zoom="0.7"
inkscape:cx="-8.3021998" inkscape:cx="-374.73073"
inkscape:cy="181.06016" inkscape:cy="73.91727"
inkscape:document-units="mm" inkscape:document-units="mm"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
units="px" units="px"
inkscape:window-width="1920" inkscape:window-width="1920"
inkscape:window-height="1149" inkscape:window-height="1029"
inkscape:window-x="0" inkscape:window-x="0"
inkscape:window-y="24" inkscape:window-y="24"
inkscape:window-maximized="1" /> inkscape:window-maximized="1" />
@@ -45,7 +45,7 @@
<dc:format>image/svg+xml</dc:format> <dc:format>image/svg+xml</dc:format>
<dc:type <dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title> <dc:title />
<cc:license <cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" /> rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
</cc:Work> </cc:Work>
@@ -70,52 +70,53 @@
inkscape:label="Layer 1" inkscape:label="Layer 1"
inkscape:groupmode="layer" inkscape:groupmode="layer"
id="layer1" id="layer1"
transform="translate(-50.081839,-105.93303)"> transform="translate(-78.430041,-134.28125)">
<g <g
id="g1446-4-5" id="g1446-4-5"
transform="translate(-1596.0827,-463.42076)" transform="matrix(0.35064938,0,0,0.35064938,-498.79652,-65.362306)"
inkscape:export-filename="/home/raghu/Desktop/logos-02.png" inkscape:export-filename="/home/raghu/Desktop/logos-02.png"
inkscape:export-xdpi="23.536129" inkscape:export-xdpi="23.536129"
inkscape:export-ydpi="23.536129" inkscape:export-ydpi="23.536129"
style="fill:#cccccc"> style="fill:#cccccc;stroke-width:2.8518517">
<g <g
id="g1422-7-2" id="g1422-7-2"
transform="matrix(0.9999989,0,0,0.99999981,279.19167,438.7826)" transform="matrix(0.9999989,0,0,0.99999981,279.19167,438.7826)"
style="stroke-width:1.0000006;fill:#cccccc"> style="fill:#cccccc;stroke-width:2.85185337">
<g <g
transform="translate(-25.731002,-0.1322636)" transform="translate(-25.731002,-0.1322636)"
id="g1418-4-6" id="g1418-4-6"
style="stroke-width:1.0000006;fill:#cccccc"> style="fill:#cccccc;stroke-width:2.85185337">
<g <g
id="g1416-4-9" id="g1416-4-9"
transform="translate(-95.250002)" transform="translate(-95.250002)"
style="stroke-width:1.0000006;fill:#cccccc"> style="fill:#cccccc;stroke-width:2.85185337">
<path <path
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
id="path1414-3-4" id="path1414-3-4"
d="m 1501.1846,130.70348 h 60.8542 c 7.329,0 13.2292,5.9002 13.2292,13.22916 v 60.85419 c 0,7.32896 -5.9002,13.22917 -13.2292,13.22917 h -60.8542 c -7.3289,0 -13.2292,-5.90021 -13.2292,-13.22917 v -60.85419 c 0,-7.32896 5.9003,-13.22916 13.2292,-13.22916 z" d="m 1501.1846,130.70348 h 60.8542 c 7.329,0 13.2292,5.9002 13.2292,13.22916 v 60.85419 c 0,7.32896 -5.9002,13.22917 -13.2292,13.22917 h -60.8542 c -7.3289,0 -13.2292,-5.90021 -13.2292,-13.22917 v -60.85419 c 0,-7.32896 5.9003,-13.22916 13.2292,-13.22916 z"
style="opacity:1;vector-effect:none;fill:#cccccc;fill-opacity:1;stroke:none;stroke-width:3.96875262;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" /> style="opacity:1;vector-effect:none;fill:#cccccc;fill-opacity:1;stroke:none;stroke-width:11.31829357;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
</g> </g>
</g> </g>
<g <g
style="stroke-width:0.98702425;fill:#cccccc" style="fill:#cccccc;stroke-width:2.81484675"
transform="matrix(1.0131472,0,0,1.0131472,-144.01349,-2.2905938)" transform="matrix(1.0131472,0,0,1.0131472,-144.01349,-2.2905938)"
id="g1420-0-4" /> id="g1420-0-4" />
</g> </g>
<path <path
style="opacity:1;vector-effect:none;fill:#cccccc;fill-opacity:1;stroke:none;stroke-width:15;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" style="opacity:1;vector-effect:none;fill:#cccccc;fill-opacity:1;stroke:none;stroke-width:42.77777481;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
clip-path="none" clip-path="none"
d="M 164.92578 228.00977 A 412.60453 412.60453 0 0 0 0 262.94922 L 0 280 C 0 307.70001 22.30022 330 50 330 L 280 330 C 307.69978 330 330 307.70001 330 280 L 330 262.70508 A 412.60453 412.60453 0 0 0 164.92578 228.00977 z " d="M 164.92578,228.00977 A 412.60453,412.60453 0 0 0 0,262.94922 V 280 c 0,27.70001 22.30022,50 50,50 h 230 c 27.69978,0 50,-22.29999 50,-50 V 262.70508 A 412.60453,412.60453 0 0 0 164.92578,228.00977 Z"
transform="matrix(0.26458333,0,0,0.26458333,1646.1645,569.35379)" transform="matrix(0.26458333,0,0,0.26458333,1646.1645,569.35379)"
id="circle1424-7-6" /> id="circle1424-7-6"
inkscape:connector-curvature="0" />
<g <g
id="g1434-8-0" id="g1434-8-0"
transform="translate(2.8144523,0.84784259)" transform="translate(2.8144523,0.84784259)"
style="fill:#cccccc;fill-opacity:1" /> style="fill:#cccccc;fill-opacity:1;stroke-width:2.8518517" />
<g <g
transform="translate(3.8727857,-0.32524952)" transform="translate(3.8727857,-0.32524952)"
id="g1444-6-7" id="g1444-6-7"
style="fill:#cccccc" /> style="fill:#cccccc;stroke-width:2.8518517" />
</g> </g>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

282
foundation/public/less/erpnext-org-theme.less
View File

@@ -13,6 +13,7 @@ a {
} }
.navbar{ .navbar{
padding: 1rem 2.5rem; padding: 1rem 2.5rem;
background-color:#fff;
} }
.navbar-header { .navbar-header {
display: flex; display: flex;
@@ -20,13 +21,15 @@ a {
align-items: center; align-items: center;
} }
.navbar-icon { .navbar-icon {
width: 25px; width: 1.5rem;
margin-right: .5rem; margin-right: .5rem;
padding-bottom: 0.07rem; padding-bottom: 0.07rem;
} }
.navbar-brand { .navbar-brand {
font-size: 1rem; font-size: 1rem;
font-weight: bold; font-weight: bold;
letter-spacing: 0.005em;
text-decoration: none; text-decoration: none;
color: @text-color; color: @text-color;
@@ -68,31 +71,24 @@ a {
border-top: 1px solid @light-border-color; border-top: 1px solid @light-border-color;
} }
.homepage-illustration { .hero-illustration {
margin-bottom: 2.5rem;
width: 100%; width: 100%;
max-width: 800px; max-width: 800px;
margin-bottom: 2.5rem;
}
.about-img {
margin-bottom: 2.5rem;
} }
.title{ .title{
font-size: 2.5rem; font-size: 2.5rem;
line-height: 1.025; line-height: 1.025;
margin-top: 0;
} }
.subtitle {
.domain-links{ margin-top: 0;
font-size: 1.5rem;
display: block;
padding: 1.5rem;
span{
display:block;
}
}
.domain-image {
width: 125px;
padding-bottom: 1.5rem;
} }
.list-items { .list-items {
@@ -110,12 +106,24 @@ a {
grid-gap: 2.5rem; grid-gap: 2.5rem;
} }
.grid-of-four{
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.list{ .list{
list-style: none; list-style: none;
padding-left: 0; padding-left: 0;
} }
/*utilities*/ /*utilities*/
.gray-bg {
background-color: @light-bg;
}
.dark-bg {
background-color: @text-dark;
}
.left-aligned{ .left-aligned{
text-align: left; text-align: left;
} }
@@ -139,10 +147,6 @@ a {
.text-white{ .text-white{
color:#fff; color:#fff;
} }
.grid-of-four{
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.intro-copy{ .intro-copy{
font-size: 1.5rem; font-size: 1.5rem;
@@ -151,10 +155,6 @@ a {
line-height: 1.5em; line-height: 1.5em;
} }
.community-bg .intro-copy{
max-width:800px;
}
.primary-links { .primary-links {
color: @text-light; color: @text-light;
transition: @transition-color; transition: @transition-color;
@@ -204,21 +204,6 @@ a {
} }
} }
.gray-bg{
background-color: @light-bg;
}
.dark-bg{
background-color: @text-dark;
}
.community-bg {
background-image: linear-gradient(to bottom, rgba(117, 116, 254, 0.52), rgb(117, 116, 254)), url("/assets/foundation/img/community-2016.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.secondary-link { .secondary-link {
color:@text-light; color:@text-light;
transition: @transition-color; transition: @transition-color;
@@ -227,6 +212,10 @@ a {
} }
} }
.active {
color: @text-dark;
}
.three-column, .two-column { .three-column, .two-column {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -242,7 +231,6 @@ a {
} }
.bulleted-list { .bulleted-list {
margin: 0; margin: 0;
list-style: circle; list-style: circle;
@@ -281,9 +269,6 @@ a {
margin: 0 auto; margin: 0 auto;
} }
.active {
color: @text-dark;
}
.breadcrumb { .breadcrumb {
padding: 0; padding: 0;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
@@ -325,6 +310,10 @@ a {
padding: 4rem 0; padding: 4rem 0;
} }
.page-content h1:first-child {
margin-top: 0;
}
.blog-page{ .blog-page{
padding: 4rem 0; padding: 4rem 0;
max-width: 700px; max-width: 700px;
@@ -362,6 +351,86 @@ hr {
/* loaned from bootstrap*/ /* loaned from bootstrap*/
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
overflow: hidden;
outline: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-backdrop {
position: absolute;
top: 0;
right: 0;
left: 0;
background-color: @modal-backdrop-bg;
}
.modal.in .modal-dialog {
transform: translate(0, 0);
}
.modal-dialog {
width: 600px;
margin: 2rem auto;
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: @border;
border-radius: 0.25rem;
outline: 0;
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-header {
min-height: 1rem;
padding: 1rem;
border-bottom: @border;
}
.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;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
.btn-default { .btn-default {
color: inherit; color: inherit;
@@ -385,11 +454,11 @@ hr {
} }
.table-bordered { .table-bordered {
border: 1px solid @border-color; border: @border;
} }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
border: 1px solid @border-color; border: @border;
} }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
@@ -421,7 +490,7 @@ hr {
color: @text-dark; color: @text-dark;
background-color: #fff; background-color: #fff;
background-image: none; background-image: none;
border: 1px solid @border-color; border: @border;
border-radius: .25em; border-radius: .25em;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
@@ -437,11 +506,34 @@ code {
} }
/*loaned from frappe*/ /*loaned from frappe*/
.no-results {
text-align: center;
padding: 10rem 0px;
}
.add-comment-section {
padding-bottom: 2rem;
}
.comment-header {
border-bottom: @border;
padding: 2rem 0 1rem;
}
.comment-row {
margin: 0 1rem;
padding: 1rem;
}
.comment-row:last-child {
margin-bottom: 2rem;
border-bottom: 0;
}
.page-card { .page-card {
max-width: 360px; max-width: 360px;
padding: 1em; padding: 1em;
margin: 8rem auto; margin: 8rem auto;
border: 1px solid @border-color; border: @border;
border-radius: .25em; border-radius: .25em;
background-color: #fff; background-color: #fff;
box-shadow: 0px .25em .5em rgba(0, 0, 0, 0.1); box-shadow: 0px .25em .5em rgba(0, 0, 0, 0.1);
@@ -451,7 +543,7 @@ code {
padding: .75em 1em; padding: .75em 1em;
margin: -1em; margin: -1em;
margin-bottom: 1em; margin-bottom: 1em;
border-bottom: 1px solid @border-color; border-bottom: @border;
} }
.login-content .btn { .login-content .btn {
@@ -487,20 +579,6 @@ img.blog-cover-image, .blog-text img, .screenshot {
} }
/*blog*/ /*blog*/
.headers(@style) {
h1, h2, h3, h4, h5, h6 {
@style();
}
}
.blog-text {
.headers({
margin-top: 3em;
margin-bottom: 1em;
font-weight:bold;
color: @text-color;
});
}
.blog-list-content { .blog-list-content {
border: 0px; border: 0px;
@@ -517,7 +595,7 @@ img.blog-cover-image, .blog-text img, .screenshot {
color: @text-color; color: @text-color;
} }
h1{ h1{
margin-bottom: .5em; margin-top: 0;
} }
} }
@@ -528,10 +606,11 @@ img.blog-cover-image, .blog-text img, .screenshot {
.blogpost-cover-img{ .blogpost-cover-img{
width: 75%; width: 75%;
margin-bottom: .5rem;
} }
.blog-list-item .blog-header { .blog-header {
font-size: 2.5rem; font-size: 2.5rem;
} }
@@ -539,53 +618,53 @@ width: 75%;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.blog-header {
font-size: 2.5rem;
}
.blog-comments { .blog-comments {
position: relative; position: relative;
border-top: 1px solid @border-color; border-top: @border;
} }
.blog-info { .blog-info {
margin: 2em 0; margin: 2.5rem 0;
} }
.blog-text { .blog-text {
font-size: 1.25em; font-size: 1.25em;
letter-spacing: 0.01em; letter-spacing: 0.01em;
} }
.blog-content { .blog-content {
margin-bottom: 3em; margin-bottom: 2.5rem;
} }
.blogger { .blogger {
padding-top: 0px; padding-top: 0px;
padding-bottom: 3em; padding-bottom: 2.5rem;
} }
.blogger-name { .blogger-name {
margin-top: .25em; margin-top: .25em;
} }
.post-description {
margin: 1em 0;
}
.blog-list-item .avatar { .blog-list-item .avatar {
margin-right: 1em; margin-right: 1em;
} }
.avatar { .avatar {
display: inline-block; display: inline-block;
vertical-align: middle;
width: 50px; width: 50px;
height: 50px; height: 50px;
} }
.avatar img { .avatar img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
border-radius: 4px; border-radius: 0.25em;
} }
.avatar-medium {
margin-right: 0.25em;
width: 2rem;
height: 2rem;
}
.inline-block { .inline-block {
display: inline-block; display: inline-block;
} }
@@ -593,3 +672,50 @@ margin-bottom: 3em;
.blog-container { .blog-container {
max-width: 700px; max-width: 700px;
} }
.media {
display: flex;
padding: 1.5rem;
background: #fafbfc;
margin-bottom: 1.5rem;
border-radius: .25em;
border: 1px solid lightgray;
width: 75%;
}
.media-left {
width: 10%;
margin-right: 1.5rem;
}
.media-heading {
margin-top: 0;
}
.media-object {
}
/* individual elements */
.domain-links {
font-size: 1.5rem;
display: block;
padding: 1.5rem;
span {
display:block;
}
}
.domain-image {
width: 125px;
padding-bottom: 1.5rem;
}
.community-bg {
background-image: linear-gradient(to bottom, rgba(117, 116, 254, 0.52), rgb(117, 116, 254)), url("/assets/foundation/img/community-2016.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.community-bg .intro-copy, .about .intro-copy{
max-width:800px;
}

1
foundation/public/less/variables.less
View File

@@ -9,3 +9,4 @@
@screen-max: 1200px; @screen-max: 1200px;
@transition-color: color .3s ease-out; @transition-color: color .3s ease-out;
@transition-all: all .3s ease-out; @transition-all: all .3s ease-out;
@border: 1px solid @border-color;

3
foundation/templates/base.html
View File

@@ -17,12 +17,9 @@
{%- block head -%} {%- block head -%}
{% block meta_block %}{% endblock %} {% block meta_block %}{% endblock %}
<link href="/assets/foundation/css/erpnext-org-theme.css" rel="stylesheet"> <link href="/assets/foundation/css/erpnext-org-theme.css" rel="stylesheet">
{% if 'docs' in path or doctype == 'Blog Post' %}
<link type="text/css" rel="stylesheet" href="/assets/frappe/css/hljs.css"> <link type="text/css" rel="stylesheet" href="/assets/frappe/css/hljs.css">
<link type="text/css" rel="stylesheet" href="/assets/frappe/css/font-awesome.css"> <link type="text/css" rel="stylesheet" href="/assets/frappe/css/font-awesome.css">
<link type="text/css" rel="stylesheet" href="/assets/frappe/css/octicons/octicons.css"> <link type="text/css" rel="stylesheet" href="/assets/frappe/css/octicons/octicons.css">
{% endif %}
{%- endblock -%} {%- endblock -%}
{# loading required JS for login #} {# loading required JS for login #}
<script> <script>

1
foundation/templates/includes/blog/blog.html
View File

@@ -1 +0,0 @@
hi hello

15
foundation/www/about.html
View File

@@ -6,18 +6,17 @@
{% block content%} {% block content%}
<div class="page"> <div class="page">
<div class="page-content"> <section class='top-spacer hero centered about'>
<section class="two-column container"> <div class="container">
<div class="left"> <img class="about-img" src="/assets/foundation/img/community-colored.png">
{{ doc.company_introduction }} <h1 class="title">ERPNext Foundation</h1>
</div> <p class="intro-copy">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.</p><p class="intro-copy"> 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 <a href="/faq" class="secondary-links" target="_blank">FAQ</a>.
<div class="right">
<img src="/assets/foundation/img/foundation-image.svg">
</div> </div>
</section> </section>
<div class="page-content">
<section class="container"> <section class="container">
<hr> <hr>
{{ doc.team_members_heading }} <h1>{{ doc.team_members_heading }}</h1>
{% for member in doc.team_members %} {% for member in doc.team_members %}
{{ media(member.full_name, member.bio, member.image_link) }} {{ media(member.full_name, member.bio, member.image_link) }}
{% endfor %} {% endfor %}

2
foundation/www/index.html
View File

@@ -3,7 +3,7 @@
{% block content %} {% block content %}
<section class='feature hero centered'> <section class='feature hero centered'>
<div class="container"> <div class="container">
<img class="homepage-illustration" src='/assets/foundation/img/hero-illustration-erpnext.png'> <img class="hero-illustration" src='/assets/foundation/img/hero-illustration-erpnext.png'>
<h1 class="title">ERP for Everybody</h1> <h1 class="title">ERP for Everybody</h1>
<p class='intro-copy text-light'>A free and opensource do-it-yourself business management system that will help you stay in control.</p> <p class='intro-copy text-light'>A free and opensource do-it-yourself business management system that will help you stay in control.</p>
<a class="button button-primary" href="https://erpnext.com/pricing">Get Started</a> <a class="button button-primary" href="https://erpnext.com/pricing">Get Started</a>