diff options
| author | vjeantet <valere.jeantet@gmail.com> | 2020-07-18 14:24:15 +0300 |
|---|---|---|
| committer | vjeantet <valere.jeantet@gmail.com> | 2020-07-18 14:24:15 +0300 |
| commit | 55ed6b898bb2adbee30027b00149b37ddbf3b71b (patch) | |
| tree | d40f830734b8fd022e8db4afe40e59da94ff9cb5 /assets | |
| parent | 414d3caaebfcee5a35a3aa53ad64cf9a268612b0 (diff) | |
init
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/sass/colors.scss | 1 | ||||
| -rw-r--r-- | assets/sass/layout.scss | 176 | ||||
| -rw-r--r-- | assets/sass/main.scss | 442 | ||||
| -rw-r--r-- | assets/sass/menu.scss | 115 | ||||
| -rw-r--r-- | assets/sass/shortcodes/alert.scss | 50 | ||||
| -rw-r--r-- | assets/sass/shortcodes/attachments.scss | 12 | ||||
| -rw-r--r-- | assets/sass/shortcodes/button.scss | 49 | ||||
| -rw-r--r-- | assets/sass/shortcodes/notice.scss | 63 | ||||
| -rw-r--r-- | assets/sass/shortcodes/panel.scss | 89 |
9 files changed, 997 insertions, 0 deletions
diff --git a/assets/sass/colors.scss b/assets/sass/colors.scss new file mode 100644 index 0000000..d3f5a12 --- /dev/null +++ b/assets/sass/colors.scss @@ -0,0 +1 @@ +
diff --git a/assets/sass/layout.scss b/assets/sass/layout.scss new file mode 100644 index 0000000..004dce3 --- /dev/null +++ b/assets/sass/layout.scss @@ -0,0 +1,176 @@ +body {
+ header {
+
+
+ }
+
+ article aside {
+ transition: max-height .2s ease-out;
+
+ &.responsive{
+ display: block;
+ width: 100%;
+ max-width: 20em;
+ z-index: 100;
+ }
+ }
+
+}
+
+
+
+body {
+ margin:0px;
+
+ header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ height: 3.5rem;
+ line-height: 3.5rem;
+ margin-bottom: .35rem;
+ padding: 0 2rem;
+ position: fixed;
+ left: 0; right: 0; top: 0;
+ z-index: 1;
+ div.burger {
+ display: none;
+ }
+ }
+ article {
+ padding-top: 3.5rem;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ width: 100%;
+ align-items: flex-start;
+ min-height: calc(100vh - 3.5rem);
+
+ aside {
+ margin-top: 3.5rem;
+ position: fixed;
+ top: 0; left: 0; right: 0; bottom: 0;
+ width: 20em;
+ overflow-y: auto; overflow-x: hidden;
+
+ /*transition: transform .5s ease-out;*/
+ &.full{
+ display: none;
+ }
+
+ }
+
+ section.page{
+ padding-left: 1.5rem!important;
+ padding-right: 1.5rem!important;
+ margin-left: 20em;
+ width:calc(100% - 20em - 15em - 1.1em);
+
+ &.simple{
+ width:calc(100% - 20em - 1.1em);
+ }
+ &.full{
+ width: 100%;
+ margin-left: 0em;
+ }
+
+ }
+
+ section.right-menu{
+ position: fixed;
+ width: 15em;
+ top: 3.5rem;
+ right: 0px;
+ bottom: 0px;
+ overflow-y: auto;
+ overflow-x: hidden;
+
+ transition: transform .5s ease-in-out;
+ &.simple,&.full,{
+ display: none;
+ }
+ }
+ }
+ footer {
+ display: table-row;
+ position: relative;
+ overflow: auto;
+ display: block;
+ z-index: 100;
+ }
+}
+
+@media(max-width:1200px) {
+ body{
+ header {
+ div.burger {
+ display: inline;
+ &.full{
+ display: none ;
+ }
+ }
+ }
+ article {
+ aside {
+ /*transform: translate(100vw,0);*/
+ display: none;
+ }
+
+ section.page{
+ margin-left: 0px;
+ width:calc(100% - 15em - 1.1em);
+ &.simple{
+ width:100%;
+ }
+ }
+
+ section.right-menu{
+
+ }
+ }
+ }
+}
+
+@media(max-width:930px) {
+ body{
+ header {
+ nav.shortcuts li{
+
+ display: none;
+ }
+ }
+
+ article {
+ aside {
+ /*transform: translate(-100vw,0);*/
+ display: none;
+ }
+
+ section.page{
+ width: 100%;
+ margin-left: 0px;
+ }
+
+ section.right-menu{
+ /*transform: translate(100vw,0);*/
+ display: none;
+ }
+ }
+ }
+}
+
+@media(max-width:600px) {
+ body{
+ article {
+ section.page{
+ width: 100%;
+ margin-left: 0px;
+ }
+ aside.responsive{
+ width: 100%;
+ max-width: 100%;
+
+ }
+ }
+ }
+}
\ No newline at end of file diff --git a/assets/sass/main.scss b/assets/sass/main.scss new file mode 100644 index 0000000..7f50f2d --- /dev/null +++ b/assets/sass/main.scss @@ -0,0 +1,442 @@ +body{
+ font-family:"Montserrat",sans-serif;
+
+
+ font-weight: 400;
+ line-height: 1.5;
+ color: #000;
+
+ a{
+ color: #6e777a;
+ text-decoration: none;
+ background-color: transparent;
+ }
+
+
+ header {
+ background-color: white;
+ border-bottom: 2px solid gray ;
+ box-shadow: 0 0 0.2rem rgba(0,0,0,.1), 0 0.2rem 0.4rem rgba(0,0,0,.2);
+
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: space-between;
+ align-items: stretch ;
+
+
+
+ .logo {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: space-between;
+ align-items: stretch ;
+ font-size: 100%;
+
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+
+ *{
+ vertical-align: middle;
+
+ }
+
+ img {
+ height: 32px;
+ margin-right: 0.5rem;
+ }
+ .burger {
+ margin-right: 1rem;
+ }
+
+ }
+
+ div.search{
+ order: 5; /* default is 0 */
+ flex-grow: 1;
+ margin-left: 25px;
+
+ input {
+ padding: 5px;
+ width: 100%;
+ height: 20px;
+ }
+ }
+
+
+ nav.shortcuts {
+ margin-left: 24px;
+ display: flex;
+ justify-content: flex-start;
+ list-style-type: none;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ li {
+
+ margin: 0px;
+ .fa {
+ font-size: 1.5rem;
+ margin-right: 0.5rem
+ }
+
+ a {
+
+
+ padding: 0 1rem;
+ font-weight: bold;
+ font-size: 90%;
+ }
+ }
+ }
+
+
+ }
+
+
+ article {
+ aside {
+ #close_menu{
+ display: none;
+ float:right;
+ margin-right: 2rem;
+ }
+
+ &.responsive{
+ background-color: white;
+ #close_menu{
+ display: block;
+ }
+ }
+ }
+
+ section.right-menu {
+ padding: 3.5rem 0 3.5rem 0;
+ font-size:14px;
+ line-height:20px;
+ .TableOfContents {
+
+ font-weight:500;
+ label{
+ font-weight:700;
+ letter-spacing: -1px;
+ display: block;
+ margin-bottom: 14px;
+ border-bottom: 1px dotted #D9D9D9;
+
+ font-variant: small-caps;
+ }
+ nav>ul{
+ padding: 0px 0px 0px 0px;
+ margin: 0px 0px 0px 0px;
+ ul{
+ padding: 0px 0px 0px 14px;
+ margin: 0px 0px 0px 0px;
+ border-left: 1px solid #D9D9D9;
+ li{
+ font-size: 90%;
+ }
+ }
+ }
+
+ ul{
+ list-style-type: none;
+ }
+ li{
+ padding: 8px 0px 8px 0px;
+ }
+
+ }
+ }
+
+ }
+
+ footer {
+ background-color: black;
+ color:#D9D9D9;
+ padding: 3rem;
+ }
+
+}
+
+
+article section.page {
+ #breadcrumb{
+ display: block;
+ font-size: 1rem;
+ line-height: 1.5;
+ letter-spacing: -.01em;
+ font-weight: 500;
+ ol{
+ padding: 0px;
+ display: flex;
+ flex-wrap: wrap;
+ list-style: none;
+ li{
+ display: list-item;
+ &:after{
+ display: inline-block;
+ padding-right: .5rem;
+ padding-left: .5rem;
+ color: #6e777b;
+ content: "⊸";
+ }
+ a {
+ color: black;
+ border-bottom: 1px solid #6e777b;
+ padding-bottom: 2px;
+ padding-right: 0px;
+ }
+
+ &.active{
+ &:after{
+ display: inline-block;
+ padding-left: .75rem;
+ color: #6e777b;
+ content: "";
+ }
+ }
+ }
+
+ }
+
+ }
+
+ nav.subpages{
+ flex: 1;
+ display: flex;
+ justify-content: flex-start;
+ list-style-type: none;
+ li {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ margin: 0px;
+ padding-right: .75rem;
+ min-width: 50px;
+
+ a {
+ font-size: 90%;
+ color: #444444;
+ }
+ &:not(:first-child):before{
+ display: inline-block;
+ padding-right: .75rem;
+ color: #6e777b;
+ content: "|";
+ }
+ &.active{
+ font-weight: bold;
+ }
+ }
+ li:first-child:before{
+ content : "└ ";
+
+ }
+ }
+
+
+
+ div.chevrons {
+ &.simple, &.full{
+ display: none ;
+ }
+ margin-top: 3rem;
+ border-top: 1px solid #e6e6e6;
+ border-bottom: 1px solid #e6e6e6;
+ padding: 1rem 0rem;
+ display: flex;
+ flex-direction: row;
+ align-items: stretch;
+ -webkit-box-pack: end!important;
+ justify-content: flex-end!important;
+
+ a{
+ display: flex;
+ align-items: center!important;
+ -webkit-box-align: center!important;
+ justify-content: flex-end!important;
+ width: 50%;
+ max-width: 22.5rem;
+
+ padding: 24px;
+
+ &.prev{
+ display: none
+ }
+ &.next div{
+ text-align: right;
+ justify-content: flex-end;
+ padding: 20px;
+ }
+
+ label{
+ font-size: 24px;
+ font-weight: 700;
+ cursor: pointer;
+ }
+ p{
+ font-size: 15px;
+ padding: 0px;
+ margin: 0px;
+ text-align: left;
+ }
+
+ }
+
+
+ }
+}
+article section.page {
+ line-height:24px;
+
+ h1:first-of-type {
+ font-size: 2.6rem;
+ margin-top: 3rem!important;
+
+ margin-bottom: 0px;
+ line-height: 1.05;
+ letter-spacing: -.05em;
+ font-weight: 800;
+ span{
+ font-size: 90%;
+ font-weight: 500;
+ &:before{
+ padding-left: .75rem;
+ padding-right: .75rem;
+ color: #6e777b;
+ content: "⊷";
+ }
+ ;
+ }
+ }
+}
+article section.page div.content{
+ margin-top: 2.5rem;
+
+ a.anchor {
+ display: block;
+ position: relative;
+ top: -7rem;
+ visibility: hidden;
+ }
+
+ a{
+ color:black;
+ font-weight: 500;
+ text-decoration: underline;
+ }
+ h1 {
+ color:rgb(0, 0, 0);
+ font-size:30px;
+ font-variant-ligatures:none;
+ font-weight:700;
+ height:88px;
+ letter-spacing:-0.75px;
+ line-height:32px;
+ }
+
+ h2 {
+
+ } // TABLE
+ table {
+ width: 100%;
+ margin-bottom: 2em;
+
+ border-collapse: collapse;
+ border-spacing: 0;
+ border: 1px solid #e6e6e6;
+
+
+
+ th,
+ td {
+ padding: .25rem .75rem
+ }
+
+ th {
+ padding: 0.5rem;
+ text-transform: uppercase;
+ vertical-align: middle;
+ text-align: center;
+ font-weight: 800;
+ background: #f6f6f6;
+ color: black;
+ border-bottom: 2px solid #e5e5e5;
+ }
+
+ td {
+ padding: 0.5rem;
+ vertical-align: middle;
+ border-bottom: 1px solid #e5e5e5;
+ border: 1px solid #e6e6e6;
+ color: #323232;
+ }
+
+ td:first-child {
+ code {
+ background-color: transparent;
+ padding: 0
+ }
+ }
+ }
+ // IMAGES
+ img {
+ border: 0;
+ max-width: 100%;
+ margin: 3rem auto;
+ display: block;
+ text-align: center;
+
+
+
+ &.border {
+ border: 2px solid #e6e6e6 !important;
+ padding: 2px;
+ }
+
+ &.shadow {
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+ }
+
+ &.inline {
+ display: inline !important;
+
+ vertical-align: bottom;
+ }
+
+ &.inline {
+ display: inline !important;
+
+ vertical-align: bottom;
+ }
+ }
+
+ code {
+
+ padding: 0.5px;
+ font-weight: 600;
+ white-space: pre-wrap;
+ }
+ div.highlight{
+ pre{
+ display:block;
+ white-space: pre-wrap;
+ code{
+ display: block;
+ margin-left:-1.5rem;
+ margin-right:-1.5rem;
+ padding: 10px;
+ border:0px;
+ font-weight: inherit;
+ background-color: inherit;
+ }
+ }
+ }
+}
+
+
+
+
+
diff --git a/assets/sass/menu.scss b/assets/sass/menu.scss new file mode 100644 index 0000000..166fa2f --- /dev/null +++ b/assets/sass/menu.scss @@ -0,0 +1,115 @@ +article>aside {
+ background-color: #f9f9f9;
+ padding: 2rem 0rem 1rem 0rem;
+
+ .menu {
+ list-style-type: none;
+ line-height: 2rem;
+
+ ul {
+ display: none;
+ }
+
+ // first menu level
+ >.dd-item {
+ margin-top: 24px;
+
+
+ >a{
+ font-weight: 700;
+ font-size: 16px;
+ color:black;
+ }
+
+ }
+
+ // menu items
+ .dd-item {
+ padding: 10px 0px 10px 16px;
+
+ list-style: none;
+ a {
+ text-decoration: none;
+ }
+ >a{
+ line-height: 20px;
+ font-size: 14px;
+ color: rgb(110, 119, 122);
+ }
+ ul {
+ padding-inline-start: 0px;
+ }
+ li {
+ /*border-left: 1px solid #eee;*/
+ }
+
+ &.haschildren{
+ &.parent{
+ >a {
+ font-weight: 600
+ }
+ }
+ }
+
+ &.parent{
+ >a {
+
+ }
+ >ul {
+ display: block;
+ }
+ }
+
+
+ &.active {
+ background-color: rgba(110, 119, 122, 0.1);
+
+ &.haschildren {
+ /*background-color: transparent;*/
+
+ > a {
+ font-weight: 700
+ }
+ }
+
+ >a{
+ color:black;
+ }
+
+ >ul {
+ display: block;
+ }
+ >div {
+ background-color: #eee;
+ * {
+ font-weight: bold;
+ border-bottom: dotted 1px red;
+ }
+ }
+ }
+
+
+ &.alwaysopen>ul {
+ display: block
+ }
+
+ &.parent>ul {
+ display: block
+ }
+
+
+
+ }
+ }
+
+ section {
+ margin: 2rem 0rem;
+ }
+}
+
+body{
+ a{
+ text-decoration: none;
+ }
+}
+
diff --git a/assets/sass/shortcodes/alert.scss b/assets/sass/shortcodes/alert.scss new file mode 100644 index 0000000..e0b66f6 --- /dev/null +++ b/assets/sass/shortcodes/alert.scss @@ -0,0 +1,50 @@ +$color_primary : #007bff ;
+$color_secondary : #6c757d ;
+$color_success : #28a745 ;
+$color_danger : #dc3545 ;
+$color_warning : #ffc107 ;
+$color_info : #17a2b8 ;
+$color_light : #f8f9fa ;
+$color_dark : #343a40 ;
+$color_white : #fff ;
+$color_transparent : transparent ;
+
+div.alert{
+ padding: .75rem 1.25rem;
+ margin-bottom: 1rem;
+ border: 1px solid transparent;
+ border-radius: .25rem;
+
+ &.primary{
+ color: white;
+ a{color: white; }
+ background-color: $color_primary;
+ border-color: $color_primary;
+ }
+ &.info{
+ color: white;
+ a{color: white; }
+ background-color: $color_info;
+ border-color: $color_info;
+ }
+ &.success{
+ color: white;
+ a{color: white; }
+ background-color: $color_success;
+ border-color: $color_success;
+ }
+ &.warning{
+ color: black;
+ a{color: black; }
+ background-color: $color_warning;
+ border-color: $color_warning;
+ }
+ &.danger{
+ color: white;
+ a{color: white; }
+ background-color: $color_danger;
+ border-color: $color_danger;
+ }
+
+
+}
diff --git a/assets/sass/shortcodes/attachments.scss b/assets/sass/shortcodes/attachments.scss new file mode 100644 index 0000000..886927b --- /dev/null +++ b/assets/sass/shortcodes/attachments.scss @@ -0,0 +1,12 @@ +section.attachments{
+ a{
+ border-bottom: 1px dotted white ;
+ }
+ a:hover{
+ border-bottom: 1px solid white ;
+ }
+ >label{
+ font-weight: 600;
+ font-variant: small-caps;
+ }
+}
\ No newline at end of file diff --git a/assets/sass/shortcodes/button.scss b/assets/sass/shortcodes/button.scss new file mode 100644 index 0000000..6df1873 --- /dev/null +++ b/assets/sass/shortcodes/button.scss @@ -0,0 +1,49 @@ +$color_primary : #007bff ;
+$color_secondary : #6c757d ;
+$color_success : #28a745 ;
+$color_danger : #dc3545 ;
+$color_warning : #ffc107 ;
+$color_info : #17a2b8 ;
+$color_light : #f8f9fa ;
+$color_dark : #343a40 ;
+$color_white : #fff ;
+$color_transparent : transparent ;
+
+button.btn{
+
+ border: 1px solid transparent;
+ padding: .375rem .75rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ border-radius: .25rem;
+ cursor: pointer;
+
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff;
+
+ &.info{
+ color: white;
+ a{color: white; }
+ background-color: $color_primary;
+ border-color: $color_primary;
+ }
+ &.success{
+ color: white;
+ a{color: white; }
+ background-color: $color_success;
+ border-color: $color_success;
+ }
+ &.warning{
+ color: black;
+ a{color: black; }
+ background-color: $color_warning;
+ border-color: $color_warning;
+ }
+ &.danger{
+ color: white;
+ a{color: white; }
+ background-color: $color_danger;
+ border-color: $color_danger;
+ }
+}
\ No newline at end of file diff --git a/assets/sass/shortcodes/notice.scss b/assets/sass/shortcodes/notice.scss new file mode 100644 index 0000000..cb462dd --- /dev/null +++ b/assets/sass/shortcodes/notice.scss @@ -0,0 +1,63 @@ + div.notices {
+ margin: 2rem 0;
+ position: relative;
+
+ border-radius: .2rem;
+ color: #fff;
+ padding: .5rem 1rem .5rem 2rem;
+ position: relative
+ }
+
+ div.notices p {
+ padding: 0px;
+ display: block;
+ font-size: 1rem;
+ margin-top: 0rem;
+ margin-bottom: 0rem; }
+
+ div.notices p:first-child:before {
+ position: absolute;
+ top: -27px;
+ color: #fff;
+ font-family: sans-serif;
+ content: '☆';
+ left: 10px; }
+
+ div.notices p:first-child:after {
+ position: absolute;
+ top: -27px;
+ color: #fff;
+ left: 2rem; }
+
+ div.notices.info p:first-child:after {
+ content: 'Info'; }
+
+ div.notices.warning p:first-child:after {
+ content: 'Warning'; }
+
+ div.notices.note p:first-child:after {
+ content: 'Note'; }
+
+ div.notices.tip p:first-child:after {
+ content: 'Tip'; }
+
+ div.notices.note {
+ border-top: 30px solid #6bb1e0;
+ background: #e6f3fb;
+ color: rgba(47, 103, 141, 0.995) !important; }
+
+ div.notices.info {
+ border-top: 30px solid #f1b37e;
+ background: #fefaf5;
+ color: rgba(150, 90, 38, 0.995) !important; }
+
+ div.notices.tip {
+ border-top: 30px solid #84c578;
+ background: #e8f7e6;
+ color: rgba(72, 125, 63, 0.995) !important; }
+
+ div.notices.warning {
+ border-top: 30px solid #d58181;
+ background: #fbeded;
+ color: rgba(132, 56, 56, 0.995) !important; }
+
diff --git a/assets/sass/shortcodes/panel.scss b/assets/sass/shortcodes/panel.scss new file mode 100644 index 0000000..ab16c2f --- /dev/null +++ b/assets/sass/shortcodes/panel.scss @@ -0,0 +1,89 @@ +$color_primary : #007bff ;
+$color_secondary : #6c757d ;
+$color_success : #28a745 ;
+$color_danger : #dc3545 ;
+$color_warning : #ffc107 ;
+$color_info : #17a2b8 ;
+$color_light : #f8f9fa ;
+$color_dark : #343a40 ;
+$color_white : #fff ;
+$color_transparent : transparent ;
+
+div.card {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ box-sizing: border-box;
+ overflow-wrap: break-word;
+ width: 100%;
+ border-radius: 4px 4px 4px 4px;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+ font-size: 14px;
+}/*div.card*/
+
+.card-header {
+ box-sizing: border-box;
+
+ overflow-wrap: break-word;
+ background-color: $color_light ;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+ border-left: 0px none rgb(33, 37, 41);
+ border-radius: 3px 3px 0 0;
+
+ padding: 12px 20px;
+ &.info{
+ color: white;
+ a{color: white; }
+ background-color: $color_info;
+ border-color: $color_info;
+ }
+ &.primary{
+ color: white;
+ a{color: white; }
+ background-color: $color_primary;
+ border-color: $color_primary;
+ }
+ &.success{
+ color: white;
+ a{color: white; }
+ background-color: $color_success;
+ border-color: $color_success;
+ }
+ &.warning{
+ color: black;
+ a{color: black; }
+ background-color: $color_warning;
+ border-color: $color_warning;
+ }
+ &.danger{
+ color: white;
+ a{color: white; }
+ background-color: $color_danger;
+ border-color: $color_danger;
+ }
+}/*.card-header*/
+
+
+.card-body {
+ box-sizing: border-box;
+ overflow-wrap: break-word;
+ padding: 20px;
+}/*.card-body*/
+
+.card-text {
+ box-sizing: border-box;
+ overflow-wrap: break-word;
+ margin: 0px;
+}/*.card-text*/
+
+ .card-footer {
+ box-sizing: border-box;
+ color: rgb(108, 117, 125);
+ overflow-wrap: break-word;
+ background: rgba(0, 0, 0, 0.03) none repeat scroll 0% 0% / auto padding-box border-box;
+ border-top: 1px solid rgba(0, 0, 0, 0.125);
+ border-right: 0px none rgb(108, 117, 125);
+ border-bottom: 0px none rgb(108, 117, 125);
+ border-left: 0px none rgb(108, 117, 125);
+ border-radius: 0 0 3px 3px;
+ padding: 12px 20px;
+}/*.card-footer*/
|