模板2

audiotestkitchen/config.json

@@ -0,0 +1,6 @@
+{
+    "creator": "许晓焱",
+    "version": "1.0",
+    "origin_website": "https://www.audiotestkitchen.com/blog-list",
+    "devices": ["pc", "pad", "phone"]
+  }

audiotestkitchen/css/plugin-sidebar.css

@@ -0,0 +1,140 @@
+/*------------------------------------*\
+    #Sidebar
+\*------------------------------------*/
+.sidebar::before {
+  display: none !important;
+  content: '{"breakpoint":"768px","positionOnMobile":"bottom","sticky":"no","stickyTop":"20px"}' !important;
+}
+.sidebar {
+  display: none;
+  box-sizing: border-box;
+  margin: 30px auto;
+  width: 260px;
+}
+body.has-sidebar:not(.sqs-edit-mode-active) .sidebar {
+  display: block;
+}
+.sidebar__inner {
+  box-sizing: border-box;
+  margin: 0 0 0;
+  padding: 0 0 0;
+  background: none;
+  color: currentColor;
+  border: 0 solid currentColor;
+  border-radius: 0;
+  box-shadow: none;
+}
+.sidebar .sqs-block {
+  box-sizing: border-box;
+  min-width: 100%;
+}
+body:not(.sidebar-is-stacked) .sidebar {
+  width: 260px;
+  margin: 0 0 0 30px;
+  order: 0;
+}
+/**
+ * Content
+ */
+body.has-sidebar:not(.sqs-edit-mode-active) .maincontent {
+  display: -webkit-box !important;
+  display: flex !important;
+  flex-direction: column;
+  width: 100%;
+}
+body.has-sidebar:not(.sqs-edit-mode-active):not(.sidebar-is-stacked) .maincontent {
+  flex-wrap: wrap;
+  flex-direction: row;
+}
+body.has-sidebar:not(.sqs-edit-mode-active):not(.sidebar-is-stacked) .maincontent.clearfix::before,
+body.has-sidebar:not(.sqs-edit-mode-active):not(.sidebar-is-stacked) .maincontent.clearfix::after {
+  display: none;
+}
+body.has-sidebar:not(.sqs-edit-mode-active):not(.sidebar-is-stacked) .maincontent > *:not(.contentwrapper):not(.sidebar) {
+  width: 100%;
+}
+body.has-sidebar:not(.sqs-edit-mode-active):not(.sidebar-is-stacked) .maincontent .contentwrapper {
+  box-sizing: border-box;
+  flex: 1 1 0;
+}
+/**
+ * Styles For Template v7.0
+ */
+body.has-sidebar:not(.sqs-edit-mode-active) .BlogItem-comments {
+  width: 100%;
+  max-width: 640px;
+}
+/**
+ * Styles For Template v7.1
+ */
+body.template-v7_1.sidebar-is-stacked .sidebar {
+  margin-top: 0;
+  margin-bottom: 6.6vmax;
+}
+body.template-v7_1.sidebar-is-stacked .sidebar:last-child {
+  margin-top: 6.6vmax;
+}
+body.template-v7_1 .sidebar .page-section {
+  padding: 0 !important;
+  min-height: auto !important;
+}
+body.template-v7_1 .sidebar .page-section .content-wrapper {
+  padding: 0 0 0 !important;
+}
+body.template-v7_1 .sidebar .page-section:not(:last-child) .content-wrapper {
+  padding-bottom: 0 !important;
+}
+body.template-v7_1 .sidebar .page-section .content {
+  width: 100% !important;
+  padding: 0 !important;
+}
+body.has-sidebar.template-v7_1 .page-section .contentwrapper {
+  display: flex;
+  flex-direction: column;
+}
+body.has-sidebar.template-v7_1 .page-section .contentwrapper.blog-basic-grid {
+  display: grid;
+  padding: 0;
+}
+body.has-sidebar.template-v7_1 .page-section .contentwrapper > div,
+body.has-sidebar.template-v7_1 .page-section .contentwrapper > section {
+  width: 100%;
+}
+body.has-sidebar.template-v7_1 .page-section.vertical-alignment--middle:not(.content-collection):not(.gallerysection) .contentwrapper {
+  justify-content: center;
+}
+body.has-sidebar.template-v7_1 .page-section.horizontal-alignment--center:not(.collection-type-blog-basic-grid) .contentwrapper {
+  align-items: center;
+}
+body.has-sidebar.template-v7_1 .page-section.horizontal-alignment--right .contentwrapper {
+  align-items: flex-end;
+}
+body.has-sidebar.template-v7_1 .page-section .blog-alternating-side-by-side {
+  box-sizing: border-box;
+}
+body.has-sidebar.template-v7_1:not(.sidebar-is-stacked):not(.sqs-edit-mode-active) .page-section.has-sidebar .sidebar {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+body.has-sidebar.template-v7_1:not(.sidebar-is-stacked):not(.sqs-edit-mode-active) .page-section.has-sidebar,
+body.has-sidebar.template-v7_1:not(.sidebar-is-stacked):not(.sqs-edit-mode-active) .page-section.has-sidebar .maincontent {
+  position: relative;
+  z-index: 2;
+}
+body.has-sidebar.template-v7_1:not(.sidebar-is-stacked):not(.sqs-edit-mode-active) .page-section.has-sidebar + .page-section {
+  z-index: 1;
+}
+body.has-sidebar.template-v7_1:not(.sidebar-is-stacked):not(.sqs-edit-mode-active) .page-section.has-sidebar > .content-wrapper .contentwrapper {
+  width: 100% !important;
+}
+body.has-sidebar.template-v7_1:not(.sidebar-is-stacked):not(.sqs-edit-mode-active) .page-section.has-sidebar > .content-wrapper .contentwrapper .content,
+body.has-sidebar.template-v7_1:not(.sidebar-is-stacked):not(.sqs-edit-mode-active) .page-section.has-sidebar ~ .page-section:not(.has-background):not([class*="collection-type-portfolio"]) > .content-wrapper > .content {
+  box-sizing: border-box;
+  width: 100% !important;
+  padding-right: calc(260px + 30px);
+}
+body.has-sidebar.template-v7_1:not(.sidebar-is-stacked):not(.sqs-edit-mode-active) .page-section.has-sidebar > .content-wrapper .contentwrapper .content .contentwrapper,
+body.has-sidebar.template-v7_1:not(.sidebar-is-stacked):not(.sqs-edit-mode-active) .page-section.has-sidebar ~ .page-section:not(.has-background):not([class*="collection-type-portfolio"]) > .content-wrapper > .content .contentwrapper {
+  width: 100%;
+}