typecho设置页面样式

option.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
/** * @name: S.css * @description: 主题G 设置 主要样式表 * @author: youranreus(youranreus@qq.com) * @update: 2021-12-21 */
 .typecho-option-tabs,.typecho-page-title,.typecho-foot{
	display:none!important
}
.typecho-option{
	padding:24px;
	margin:20px 0;
	background:#fff;
	border-radius:15px;
	-webkit-box-shadow:0 0 35px 0 rgba(154,161,171,0.15);
	box-shadow:0 0 35px 0 rgba(154,161,171,0.15)
}
.main{
	background:white;
	position:relative;
	background:#fafbfe
}
h2{
	font-size:2rem;
	margin:100px 0;
	border:0;
	padding-left:10px;
	border-left:5px solid black;
	letter-spacing:3px
}
h4,.typecho-option label.typecho-label{
	font-size:1.2rem;
	position:relative;
	padding-bottom:5px;
	margin-bottom:20px
}
h4:after,.typecho-option label.typecho-label:after{
	transition:all .35s ease-out;
	content:"";
	position:absolute;
	background:#ff4e6a;
	width:1em;
	height:5px;
	bottom:-3px;
	left:0;
	border-radius:6px;
	box-shadow:0 2px 12px rgba(255,78,106,0.65)
}
h4:hover:after,.typecho-option label.typecho-label:hover:after{
	width:2em
}
form{
	margin-bottom:100px;
	position:relative;
	z-index:2
}
.primary,.btn-s{
	background-color:#313a46;
	border-color:#313a46;
	color:white;
	-webkit-box-shadow:0 2px 6px 0 rgba(114,124,245,0.5);
	box-shadow:0 2px 6px 0 rgba(114,124,245,0.5)
}
.primary:hover,.btn-s:hover{
	background-color:#313a46;
	border-color:#313a46
}
input.text{
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:.5em .6em;
	border:0;
	outline:0;
	border-bottom:2px solid #444;
	color:#43454a
}
#backup{
	background:#fff
}
.Data-backup{
	margin:30px 0;
	padding:24px;
	border-radius:15px;
	-webkit-box-shadow:0 0 35px 0 rgba(154,161,171,0.15);
	box-shadow:0 0 35px 0 rgba(154,161,171,0.15)
}
.Data-backup h4{
	margin:0 0 20px 0
}
.typecho-page-main .typecho-option textarea{
	width:100%;
	background:#eee;
	padding:.5em;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:.5em;
	border:0;
	outline:0
}
@media screen and (max-width:768px){
	#ab-mask{
		width:100%;
		height:7rem
	}
	#ab-content p{
		font-size:2rem;
		text-align:center;
		color:white
	}
}

function.php

1
2
3
4
5
6
7
8
9
<?php
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
function themeConfig($form) {
echo '<link href="/usr/themes/主题目录/static/option.css" rel="stylesheet" >';
echo '<ul class="typecho-option" id="typecho-option-item-font-0">
<h1>Flyone主题设置</h1>
</ul>';
    $font = new Typecho_Widget_Helper_Form_Element_Text('font', NULL, NULL, _t('<h2>全局</h2><hr>引入字体'), _t(''));
    $form->addInput($font);

来源于主题G

Typecho
#Typecho #设置页面
typecho设置页面样式
http://yoursite.com/2022/10/13/typecho/option/
作者
雨停之後
发布于
2022年10月13日
许可协议