Headers section styling
This commit is contained in:
NGPixel committed
1 parent
593481c7e1
commit
63f1ec30b4
5 files changed
+26
-6
No files matched your search
+1
-1
@@ -1 +1 @@
|
||||
@charset "UTF-8";a,hr{padding:0}a,button,input,select,textarea{margin:0}article,aside,details,figure,footer,header,hr,main,nav,section,summary{display:block}.container,sub,sup{position:relative}abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:0 0}input[type=checkbox],th{vertical-align:bottom}embed,img,object{max-width:100%}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{font-size:100%;vertical-align:baseline;background:0 0;color:#3949ab;text-decoration:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}#alerts>ul>li,.button,.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}th{font-weight:700}td{font-weight:400;vertical-align:top}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type=radio]{vertical-align:text-bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}input,select,textarea{font:99% sans-serif}table{border-collapse:separate;border-spacing:0;font:100%}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after{content:" ";display:block;clear:both}@font-face{font-family:core-icons;src:url(/fonts/core-icons.ttf?a4cyvk) format("truetype"),url(/fonts/core-icons.woff?a4cyvk) format("woff"),url(/fonts/core-icons.svg?a4cyvk#core-icons) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:core-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button,html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.icon-th-small:before{content:""}.icon-th-menu:before{content:""}.icon-th-list:before{content:""}.icon-th-large:before{content:""}.icon-home:before{content:""}.icon-location:before{content:""}.icon-link:before{content:""}.icon-starburst:before{content:""}.icon-starburst-outline:before{content:""}.icon-star:before{content:""}.icon-flow-children:before{content:""}.icon-export:before{content:""}.icon-delete:before{content:""}.icon-delete-outline:before{content:""}.icon-cloud-storage:before{content:""}.icon-backspace:before{content:""}.icon-attachment:before{content:""}.icon-arrow-move:before{content:""}.icon-warning:before{content:""}.icon-location-arrow:before{content:""}.icon-point-of-interest:before{content:""}.icon-infinity:before{content:""}.icon-eye:before{content:""}.icon-refresh:before{content:""}.icon-pin:before{content:""}.icon-eject:before{content:""}.icon-arrow-sync:before{content:""}.icon-arrow-shuffle:before{content:""}.icon-arrow-repeat:before{content:""}.icon-arrow-minimise:before{content:""}.icon-arrow-maximise:before{content:""}.icon-arrow-loop:before{content:""}.icon-spanner:before{content:""}.icon-power:before{content:""}.icon-flag:before{content:""}.icon-th-large-outline:before{content:""}.icon-th-small-outline:before{content:""}.icon-th-menu-outline:before{content:""}.icon-th-list-outline:before{content:""}.icon-home-outline:before{content:""}.icon-trash:before{content:""}.icon-star-outline:before{content:""}.icon-mail:before{content:""}.icon-heart-outline:before{content:""}.icon-flash-outline:before{content:""}.icon-watch:before{content:""}.icon-warning-outline:before{content:""}.icon-location-arrow-outline:before{content:""}.icon-info-outline:before{content:""}.icon-backspace-outline:before{content:""}.icon-upload-outline:before{content:""}.icon-tag:before{content:""}.icon-tabs-outline:before{content:""}.icon-pin-outline:before{content:""}.icon-pipette:before{content:""}.icon-pencil:before{content:""}.icon-folder:before{content:""}.icon-folder-delete:before{content:""}.icon-folder-add:before{content:""}.icon-edit:before{content:""}.icon-document:before{content:""}.icon-document-delete:before{content:""}.icon-document-add:before{content:""}.icon-brush:before{content:""}.icon-thumbs-up:befLine truncated
|
||||
@charset "UTF-8";a,hr{padding:0}a,button,input,select,textarea{margin:0}article,aside,details,figure,footer,header,hr,main,nav,section,summary{display:block}.container,sub,sup{position:relative}abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:0 0}input[type=checkbox],th{vertical-align:bottom}embed,img,object{max-width:100%}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{font-size:100%;vertical-align:baseline;background:0 0;color:#3949ab;text-decoration:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}#alerts>ul>li,.button,.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}th{font-weight:700}td{font-weight:400;vertical-align:top}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type=radio]{vertical-align:text-bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}input,select,textarea{font:99% sans-serif}table{border-collapse:separate;border-spacing:0;font:100%}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after{content:" ";display:block;clear:both}@font-face{font-family:core-icons;src:url(/fonts/core-icons.ttf?a4cyvk) format("truetype"),url(/fonts/core-icons.woff?a4cyvk) format("woff"),url(/fonts/core-icons.svg?a4cyvk#core-icons) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:core-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button,html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.icon-th-small:before{content:""}.icon-th-menu:before{content:""}.icon-th-list:before{content:""}.icon-th-large:before{content:""}.icon-home:before{content:""}.icon-location:before{content:""}.icon-link:before{content:""}.icon-starburst:before{content:""}.icon-starburst-outline:before{content:""}.icon-star:before{content:""}.icon-flow-children:before{content:""}.icon-export:before{content:""}.icon-delete:before{content:""}.icon-delete-outline:before{content:""}.icon-cloud-storage:before{content:""}.icon-backspace:before{content:""}.icon-attachment:before{content:""}.icon-arrow-move:before{content:""}.icon-warning:before{content:""}.icon-location-arrow:before{content:""}.icon-point-of-interest:before{content:""}.icon-infinity:before{content:""}.icon-eye:before{content:""}.icon-refresh:before{content:""}.icon-pin:before{content:""}.icon-eject:before{content:""}.icon-arrow-sync:before{content:""}.icon-arrow-shuffle:before{content:""}.icon-arrow-repeat:before{content:""}.icon-arrow-minimise:before{content:""}.icon-arrow-maximise:before{content:""}.icon-arrow-loop:before{content:""}.icon-spanner:before{content:""}.icon-power:before{content:""}.icon-flag:before{content:""}.icon-th-large-outline:before{content:""}.icon-th-small-outline:before{content:""}.icon-th-menu-outline:before{content:""}.icon-th-list-outline:before{content:""}.icon-home-outline:before{content:""}.icon-trash:before{content:""}.icon-star-outline:before{content:""}.icon-mail:before{content:""}.icon-heart-outline:before{content:""}.icon-flash-outline:before{content:""}.icon-watch:before{content:""}.icon-warning-outline:before{content:""}.icon-location-arrow-outline:before{content:""}.icon-info-outline:before{content:""}.icon-backspace-outline:before{content:""}.icon-upload-outline:before{content:""}.icon-tag:before{content:""}.icon-tabs-outline:before{content:""}.icon-pin-outline:before{content:""}.icon-pipette:before{content:""}.icon-pencil:before{content:""}.icon-folder:before{content:""}.icon-folder-delete:before{content:""}.icon-folder-add:before{content:""}.icon-edit:before{content:""}.icon-document:before{content:""}.icon-document-delete:before{content:""}.icon-document-add:before{content:""}.icon-brush:before{content:""}.icon-thumbs-up:befLine truncated
|
||||
@@ -1 +1 @@
|
||||
@charset "UTF-8";.button,.button:hover,a{text-decoration:none}a,hr{padding:0}a,button,input,select,textarea{margin:0}article,aside,details,figure,footer,header,hr,main,nav,section,summary{display:block}abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:0 0}input[type=checkbox],th{vertical-align:bottom}embed,img,object{max-width:100%}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{font-size:100%;vertical-align:baseline;background:0 0;color:#3949ab}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.button,.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}th{font-weight:700}td{font-weight:400;vertical-align:top}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type=radio]{vertical-align:text-bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}input,select,textarea{font:99% sans-serif}table{border-collapse:separate;border-spacing:0;font:100%}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after{content:" ";display:block;clear:both}@font-face{font-family:core-icons;src:url(/fonts/core-icons.ttf?a4cyvk) format("truetype"),url(/fonts/core-icons.woff?a4cyvk) format("woff"),url(/fonts/core-icons.svg?a4cyvk#core-icons) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:core-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button,html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.icon-th-small:before{content:""}.icon-th-menu:before{content:""}.icon-th-list:before{content:""}.icon-th-large:before{content:""}.icon-home:before{content:""}.icon-location:before{content:""}.icon-link:before{content:""}.icon-starburst:before{content:""}.icon-starburst-outline:before{content:""}.icon-star:before{content:""}.icon-flow-children:before{content:""}.icon-export:before{content:""}.icon-delete:before{content:""}.icon-delete-outline:before{content:""}.icon-cloud-storage:before{content:""}.icon-backspace:before{content:""}.icon-attachment:before{content:""}.icon-arrow-move:before{content:""}.icon-warning:before{content:""}.icon-location-arrow:before{content:""}.icon-point-of-interest:before{content:""}.icon-infinity:before{content:""}.icon-eye:before{content:""}.icon-refresh:before{content:""}.icon-pin:before{content:""}.icon-eject:before{content:""}.icon-arrow-sync:before{content:""}.icon-arrow-shuffle:before{content:""}.icon-arrow-repeat:before{content:""}.icon-arrow-minimise:before{content:""}.icon-arrow-maximise:before{content:""}.icon-arrow-loop:before{content:""}.icon-spanner:before{content:""}.icon-power:before{content:""}.icon-flag:before{content:""}.icon-th-large-outline:before{content:""}.icon-th-small-outline:before{content:""}.icon-th-menu-outline:before{content:""}.icon-th-list-outline:before{content:""}.icon-home-outline:before{content:""}.icon-trash:before{content:""}.icon-star-outline:before{content:""}.icon-mail:before{content:""}.icon-heart-outline:before{content:""}.icon-flash-outline:before{content:""}.icon-watch:before{content:""}.icon-warning-outline:before{content:""}.icon-location-arrow-outline:before{content:""}.icon-info-outline:before{content:""}.icon-backspace-outline:before{content:""}.icon-upload-outline:before{content:""}.icon-tag:before{content:""}.icon-tabs-outline:before{content:""}.icon-pin-outline:before{content:""}.icon-pipette:before{content:""}.icon-pencil:before{content:""}.icon-folder:before{content:""}.icon-folder-delete:before{content:""}.icon-folder-add:before{content:""}.icon-edit:before{content:""}.icon-document:before{content:""}.icon-document-delete:before{content:""}.icon-document-add:before{content:""}.icon-brush:before{content:""}.icon-thumbs-up:before{conteLine truncated
|
||||
@charset "UTF-8";.button,.button:hover,a{text-decoration:none}a,hr{padding:0}a,button,input,select,textarea{margin:0}article,aside,details,figure,footer,header,hr,main,nav,section,summary{display:block}abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:0 0}input[type=checkbox],th{vertical-align:bottom}embed,img,object{max-width:100%}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{font-size:100%;vertical-align:baseline;background:0 0;color:#3949ab}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.button,.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}th{font-weight:700}td{font-weight:400;vertical-align:top}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type=radio]{vertical-align:text-bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}input,select,textarea{font:99% sans-serif}table{border-collapse:separate;border-spacing:0;font:100%}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after{content:" ";display:block;clear:both}@font-face{font-family:core-icons;src:url(/fonts/core-icons.ttf?a4cyvk) format("truetype"),url(/fonts/core-icons.woff?a4cyvk) format("woff"),url(/fonts/core-icons.svg?a4cyvk#core-icons) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:core-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button,html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.icon-th-small:before{content:""}.icon-th-menu:before{content:""}.icon-th-list:before{content:""}.icon-th-large:before{content:""}.icon-home:before{content:""}.icon-location:before{content:""}.icon-link:before{content:""}.icon-starburst:before{content:""}.icon-starburst-outline:before{content:""}.icon-star:before{content:""}.icon-flow-children:before{content:""}.icon-export:before{content:""}.icon-delete:before{content:""}.icon-delete-outline:before{content:""}.icon-cloud-storage:before{content:""}.icon-backspace:before{content:""}.icon-attachment:before{content:""}.icon-arrow-move:before{content:""}.icon-warning:before{content:""}.icon-location-arrow:before{content:""}.icon-point-of-interest:before{content:""}.icon-infinity:before{content:""}.icon-eye:before{content:""}.icon-refresh:before{content:""}.icon-pin:before{content:""}.icon-eject:before{content:""}.icon-arrow-sync:before{content:""}.icon-arrow-shuffle:before{content:""}.icon-arrow-repeat:before{content:""}.icon-arrow-minimise:before{content:""}.icon-arrow-maximise:before{content:""}.icon-arrow-loop:before{content:""}.icon-spanner:before{content:""}.icon-power:before{content:""}.icon-flag:before{content:""}.icon-th-large-outline:before{content:""}.icon-th-small-outline:before{content:""}.icon-th-menu-outline:before{content:""}.icon-th-list-outline:before{content:""}.icon-home-outline:before{content:""}.icon-trash:before{content:""}.icon-star-outline:before{content:""}.icon-mail:before{content:""}.icon-heart-outline:before{content:""}.icon-flash-outline:before{content:""}.icon-watch:before{content:""}.icon-warning-outline:before{content:""}.icon-location-arrow-outline:before{content:""}.icon-info-outline:before{content:""}.icon-backspace-outline:before{content:""}.icon-upload-outline:before{content:""}.icon-tag:before{content:""}.icon-tabs-outline:before{content:""}.icon-pin-outline:before{content:""}.icon-pipette:before{content:""}.icon-pencil:before{content:""}.icon-folder:before{content:""}.icon-folder-delete:before{content:""}.icon-folder-add:before{content:""}.icon-edit:before{content:""}.icon-document:before{content:""}.icon-document-delete:before{content:""}.icon-document-add:before{content:""}.icon-brush:before{content:""}.icon-thumbs-up:before{conteLine truncated
|
||||
+21
-1
@@ -177,13 +177,33 @@ const parseContent = (content) => {
|
||||
if(cr(elm).children().length > 0) {
|
||||
let bqLastChild = cr(elm).children().last()[0];
|
||||
let bqLastChildClasses = cr(bqLastChild).attr('class');
|
||||
if(bqLastChildClasses.length > 0) {
|
||||
if(bqLastChildClasses && bqLastChildClasses.length > 0) {
|
||||
cr(bqLastChild).removeAttr('class');
|
||||
cr(elm).addClass(bqLastChildClasses);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//-> Enclose content below headers
|
||||
|
||||
cr('h2').each((i, elm) => {
|
||||
let subH2Content = cr(elm).nextUntil('h1, h2');
|
||||
cr(elm).after('<div class="indent-h2"></div>');
|
||||
let subH2Container = cr(elm).next('.indent-h2');
|
||||
_.forEach(subH2Content, (ch) => {
|
||||
cr(subH2Container).append(ch);
|
||||
});
|
||||
});
|
||||
|
||||
cr('h3').each((i, elm) => {
|
||||
let subH3Content = cr(elm).nextUntil('h1, h2, h3');
|
||||
cr(elm).after('<div class="indent-h3"></div>');
|
||||
let subH3Container = cr(elm).next('.indent-h3');
|
||||
_.forEach(subH3Content, (ch) => {
|
||||
cr(subH3Container).append(ch);
|
||||
});
|
||||
});
|
||||
|
||||
output = cr.html();
|
||||
|
||||
return output;
|
||||
|
||||
@@ -24,6 +24,6 @@ html
|
||||
body(class='is-forbidden')
|
||||
.container
|
||||
a(href='/'): img(src='/favicons/android-icon-96x96.png')
|
||||
h1.title(style={ 'margin-top': '30px'}) Forbidden
|
||||
h2.subtitle(style={ 'margin-bottom': '50px'}) Sorry, you don't have the necessary permissions to access this page.
|
||||
h1 Forbidden
|
||||
h2 Sorry, you don't have the necessary permissions to access this page.
|
||||
a.button.is-amber.is-inverted(href='/') Go Home
|
||||
@@ -26,5 +26,5 @@ html
|
||||
a(href='/'): img(src='/favicons/android-icon-96x96.png')
|
||||
h1= message
|
||||
h2 Would you like to create this entry?
|
||||
a.button.is-amber.is-inverted(href='/create/' + newpath) Create
|
||||
a.button.is-amber.is-inverted.is-featured(href='/create/' + newpath) Create
|
||||
a.button.is-amber.is-inverted(href='/') Go Home
|
||||
Reference in new issue
Block a user