zopiya/end-of-year
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

主题：新增页面

Browse Source 
- 字数最长文章页
 - 感情积极文章页
This commit is contained in:
仲平
2023-11-06 14:20:24 +08:00
parent da48751bd8
commit a8f4926f15
8 changed files with 126 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

143
static/painting/css/painting.css
View File

@@ -131,8 +131,8 @@ html {
.tab2-box {
position: fixed;
top: 1rem;
padding: 1rem 1rem;
top: 2rem;
padding-left: 2rem;
font-size: 1.75rem;
color: #FFFFFFD9;
}
@@ -148,8 +148,8 @@ html {
.tab3-box {
position: fixed;
top: 1rem;
padding: 1rem 1rem;
top: 2rem;
padding-left: 2rem;
font-size: 1.75rem;
color: #ffa940;
}
@@ -164,20 +164,34 @@ html {
}
.tab4-box {
writing-mode: vertical-lr;
position: fixed;
position: relative;;
top: 2rem;
font-size: 1.75rem;
color: #FFFFFFD9;
left: 2rem;
line-height: 2rem;
color: #448288D9;
}
#tab4 > .tab4-box > p:last-child {
writing-mode: horizontal-tb;
margin: 0 0;
height: 30vh;
width: 13rem;
#tab4 > .tab4-box > p:nth-child(1) {
width: 7rem;
font-size: 2.5rem;
}
#tab4 > .tab4-box > p:nth-child(2) {
font-size: 1.5rem;
width: 16rem;
}
#tab4 > .tab4-box > p:nth-child(3) {
font-size: 1.25rem;
line-height: 1.75rem;
width: 14rem;
}
#tab4 > .tab4-box > p:nth-child(4) {
font-size: 2rem;
}
#tab4 > .tab4-box > p:nth-child(5) {
font-size: 2rem;
}
@@ -186,13 +200,59 @@ html {
}
.tab5-box {
writing-mode: vertical-lr;
position: fixed;
top: 2rem;
font-size: 1.75rem;
color: #FFFFFFD9;
}
#tab5 > .tab5-box > p:last-child {
writing-mode: horizontal-tb;
margin: 0 0;
height: 30vh;
width: 13rem;
font-size: 1.25rem;
line-height: 1.75rem;
}
#tab6 {
background-image: url('../img/page6.jpg');
}
.tab6-box {
position: relative;
padding: 1rem;
text-align: center;
line-height: 2rem;
color: #613f38c7;
}
#tab6 > .tab6-box > p:nth-child(1) {
font-size: 2rem;
}
#tab6 > .tab6-box > p:nth-child(2) {
font-size: 1.25rem;
}
#tab6 > .tab6-box > p:nth-child(3) {
font-size: 1.5rem;
}
#tab7 {
background-image: url('../img/page7.jpg');
}
.tab7-box {
position: relative;
top: 2rem;
left: 0.75rem;
color: #597ef7;
}
#tab5 > .tab5-box > p:nth-child(1) {
#tab7 > .tab7-box > p:nth-child(1) {
position: relative;
top: -6rem;
left: 0.8rem;
@@ -200,7 +260,7 @@ html {
font-size: 1.75rem;
}
#tab5 > .tab5-box > p:nth-child(2) {
#tab7 > .tab7-box > p:nth-child(2) {
position: relative;
top: 3.2rem;
left: 7.8rem;
@@ -208,7 +268,7 @@ html {
font-size: 3.5rem;
}
#tab5 > .tab5-box > p:nth-child(3) {
#tab7 > .tab7-box > p:nth-child(3) {
position: relative;
top: 8rem;
left: 2rem;
@@ -216,7 +276,7 @@ html {
font-size: 2.5rem;
}
#tab5 > .tab5-box > p:nth-child(4) {
#tab7 > .tab7-box > p:nth-child(4) {
position: relative;
top: -13rem;
left: 11.7rem;
@@ -224,7 +284,7 @@ html {
font-size: 1.75rem;
}
#tab5 > .tab5-box > p:nth-child(5) {
#tab7 > .tab7-box > p:nth-child(5) {
position: relative;
top: -5.6rem;
left: 9.7rem;
@@ -232,51 +292,52 @@ html {
font-size: 2rem;
}
#tab5 > .tab5-box > p:nth-child(6) {
#tab7 > .tab7-box > p:nth-child(6) {
position: relative;
top: 3rem;
left: 2rem;
font-size: 1.5rem;
line-height: 3rem;
}
#tab7 > .tab7-box > p:nth-child(6) > small {
font-size: 3rem;
}
#tab7 > .tab7-box > p:nth-child(7) {
position: relative;
top: 2rem;
left: 2rem;
font-size: 1.5rem;
line-height: 3rem;
}
#tab5 > .tab5-box > p:nth-child(6) > small {
font-size: 3rem;
}
#tab5 > .tab5-box > p:nth-child(7) {
position: relative;
top: 2rem;
left: 2rem;
font-size: 1.5rem;
line-height: 0;
}
#tab5 > .tab5-box > p:nth-child(7) > small {
#tab7 > .tab7-box > p:nth-child(7) > small {
font-size: 3rem;
}
#tab6 {
background-image: url('../img/page6.jpg');
#tab8 {
background-image: url('../img/page8.jpg');
}
#tab6 > .tab6-box {
#tab8 > .tab8-box {
position: fixed;
bottom: 7%;
padding-left: 2rem;
font-size: 1.75rem;
font-size:1.75rem;
color: #FFFFFFD9;
}
#tab7 {
background-image: url('../img/page7.jpg');
#tab9 {
background-image: url('../img/page9.jpg');
}
#tab7 > .tab7-box{
#tab9 > .tab9-box {
padding: 2rem 2rem;
}
.tab7-box > p {
.tab9-box > p {
font-family: 'dongzhu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';