decorate.php 27 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162
  1. <?php
  2. function customizer_css() { ?>
  3. <style>
  4. <?php // Style Settings
  5. if(iro_opt('nav_menu_display') == 'unfold'){ ?>
  6. .site-top .lower nav {display: block !important;}
  7. <?php } // Style Settings ?>
  8. <?php
  9. /**
  10. * theme-skin
  11. * */
  12. if (iro_opt('theme_skin')) { ?>
  13. :root{
  14. --theme-skin: <?=iro_opt('theme_skin'); ?>;
  15. --theme-skin-matching:<?=iro_opt('theme_skin_matching'); ?>;
  16. --infor_bar_bgcolor:<?=iro_opt('infor_bar_bgcolor'); ?>;
  17. --style_menu_selection_radius:<?=iro_opt('style_menu_selection_radius', ''); ?>px;
  18. --post_list_matching_color:<?=iro_opt('post_list_matching_color'); ?>;
  19. --load_nextpage_svg:url("<?=iro_opt('load_nextpage_svg'); ?>");
  20. --style_menu_radius:<?=iro_opt('style_menu_radius', ''); ?>px;
  21. --post-list-thumb: <?=iro_opt('post_border_shadow_color'); ?>;
  22. --friend-link-shadow: <?=iro_opt('friend_link_shadow_color'); ?>;
  23. --friend-link-title: <?=iro_opt('friend_link_title_matching_color'); ?>;
  24. --comment_area_matching: <?=iro_opt('comment_area_matching_color'); ?>;
  25. --comment_area_shadow: <?=iro_opt('comment_area_shadow_color'); ?>;
  26. --shuoshuo_background_color1:<?=iro_opt('shuoshuo_background_color1');?>;
  27. --shuoshuo_background_color2:<?=iro_opt('shuoshuo_background_color2');?>;
  28. --inline_code_background_color:<?=iro_opt('inline_code_background_color');?>;
  29. <?php //深色模式主题色 ?>
  30. --theme-skin-dark: <?=iro_opt('theme_skin_dark'); ?>;
  31. --global-font-weight:<?=iro_opt('global_font_weight');?>;
  32. --theme-dm-background_transparency:<?=iro_opt('theme_darkmode_background_transparency')?>;
  33. --exhibition_area_matching_color:<?=iro_opt('exhibition_area_matching_color');?>;
  34. --inline_code_background_color_in_dark_mode:<?=iro_opt('inline_code_background_color_in_dark_mode');?>;
  35. }
  36. <?php if (iro_opt('theme_commemorate_mode')) {?>
  37. html{
  38. filter: grayscale(100%) !important;
  39. }
  40. <?php } ?>
  41. .the-feature.from_left_and_right .info,.the-feature.from_left_and_right .info h3{background: <?=iro_opt('exhibition_background_color'); ?> ;}
  42. /*白猫样式Logo*/
  43. <?php if (iro_opt('mashiro_logo_option', 'true')) {
  44. $mashiro_logo = iro_opt('mashiro_logo');
  45. ?>
  46. .logolink{
  47. font-family: '<?= $mashiro_logo['font_name']; ?>','Noto Sans SC';
  48. }
  49. .logolink .sakuraso {
  50. background-color: rgba(255, 255, 255, .5);
  51. border-radius: 5px;
  52. color: <?=iro_opt('theme_skin'); ?>;
  53. height: auto;
  54. line-height: 25px;
  55. margin-right: 0;
  56. padding-bottom: 0px;
  57. padding-top: 1px;
  58. text-size-adjust: 100%;
  59. width: auto
  60. }
  61. .logolink a:hover .sakuraso {
  62. background-color: <?=iro_opt('theme_skin_matching'); ?>;
  63. color: #fff;
  64. }
  65. .logolink a:hover .shironeko,
  66. .logolink a:hover .no,
  67. .logolink a:hover rt {
  68. color: <?=iro_opt('theme_skin_matching'); ?>;
  69. }
  70. .logolink.moe-mashiro a {
  71. color: <?=iro_opt('theme_skin'); ?>;
  72. float: left;
  73. font-size: 25px;
  74. font-weight: 800;
  75. height: 50px;
  76. line-height: 40px;
  77. padding-left: 8px;
  78. padding-right: 8px;
  79. padding-top: 8px;
  80. text-decoration-line: none;
  81. }
  82. @media (max-width:860px) {
  83. .logolink.moe-mashiro a {
  84. color: <?=iro_opt('theme_skin'); ?>;
  85. float: left;
  86. font-size: 25px;
  87. font-weight: 800;
  88. height: 56px;
  89. line-height: 56px;
  90. padding-left: 6px;
  91. padding-right: 15px;
  92. padding-top: 11px;
  93. }
  94. }
  95. .logolink.moe-mashiro .sakuraso {
  96. font-size: 25px;
  97. padding-bottom: 4px;
  98. padding-left: 4px;
  99. padding-right: 4px;
  100. padding-top: 2px;
  101. }
  102. .logolink.moe-mashiro .no {
  103. font-size: 25px;
  104. padding-bottom: 4px;
  105. padding-top: 2px;
  106. }
  107. .logolink.moe-mashiro .no {
  108. font-size: 20px;
  109. display: inline-block;
  110. margin-left: 5px;
  111. }
  112. .logolink a:hover .no {
  113. -webkit-animation: spin 1.5s linear infinite;
  114. animation: spin 1.5s linear infinite;
  115. }
  116. .logolink ruby {
  117. ruby-position: under;
  118. -webkit-ruby-position: after;
  119. }
  120. .logolink ruby rt {
  121. font-size: 10px;
  122. letter-spacing:2px;
  123. transform: translateY(-6px);
  124. opacity: 0;
  125. transiton-property: opacity;
  126. transition-duration: 0.5s, 0.5s;
  127. }
  128. .logolink a:hover ruby rt {
  129. opacity: 1
  130. }
  131. <?php } ?>
  132. /*非全局色彩管理*/
  133. .post-date {
  134. background-color: <?=iro_opt('post_list_matching_color'); ?>26;
  135. }
  136. <?php $text_logo = iro_opt('text_logo'); ?>
  137. .center-text{
  138. color: <?=$text_logo['color']; ?> ;
  139. font-size: <?=$text_logo['size']; ?>px;
  140. }
  141. .Ubuntu-font,.center-text{
  142. font-family: <?=$text_logo['font']; ?> ;
  143. }
  144. .notice i ,
  145. .notice {
  146. color: <?=iro_opt('bulletin_text_color'); ?>;
  147. }
  148. .notice {
  149. border: 1px solid <?=iro_opt('bulletin_board_border_color'); ?>;
  150. }
  151. <?php if(iro_opt('entry_content_style') == "sakurairo"){ ?>
  152. .entry-content th {
  153. background-color: <?=iro_opt('theme_skin'); ?>
  154. }
  155. <?php } ?>
  156. <?php if(iro_opt('live_search')){ ?>
  157. .search-form--modal .search-form__inner {
  158. bottom: unset !important;
  159. top: 10% !important;
  160. }
  161. <?php } ?>
  162. <?php } // theme-skin ?>
  163. <?php // Custom style
  164. if ( iro_opt('site_custom_style') ) {
  165. echo iro_opt('site_custom_style');
  166. }
  167. // Custom style end ?>
  168. <?php // liststyle
  169. if ( iro_opt('post_list_akina_type') == 'square') { ?>
  170. .feature img{ border-radius: 0px !important; }
  171. .feature i { border-radius: 0px !important; }
  172. <?php } // liststyle ?>
  173. <?php
  174. //$image_api = 'background-image: url("'.rest_url('sakura/v1/image/cover').'");';
  175. $bg_style = iro_opt('cover_full_screen') ?'': 'background-position: center center;background-attachment: inherit;';
  176. ?>
  177. #centerbg{<?php
  178. echo $bg_style;
  179. echo iro_opt('site_bg_as_cover',false)? 'background:#0000;':'';
  180. ?>}
  181. /*预加载部分*/
  182. <?php if (iro_opt('preload_animation', 'true')): ?>
  183. #preload {
  184. position: fixed;
  185. width: 100%;
  186. height: 100%;
  187. top: 0;
  188. left: 0;
  189. background: #ffffff;
  190. z-index: 99999;
  191. }
  192. #preload li.active {
  193. position: absolute;
  194. top: 49%;
  195. left: 49%;
  196. list-style: none;
  197. }
  198. html {
  199. overflow-y: hidden;
  200. }
  201. #preloader_3 {
  202. position:relative;
  203. }
  204. #preloader_3:before {
  205. background:<?=iro_opt('preload_animation_color2'); ?>;
  206. -webkit-animation: preloader_3_before 1.5s infinite ease-in-out;
  207. -moz-animation: preloader_3_before 1.5s infinite ease-in-out;
  208. -ms-animation: preloader_3_before 1.5s infinite ease-in-out;
  209. animation: preloader_3_before 1.5s infinite ease-in-out;
  210. }
  211. #preloader_3:after {
  212. background:<?=iro_opt('preload_animation_color1'); ?>;
  213. left:22px;
  214. -webkit-animation: preloader_3_after 1.5s infinite ease-in-out;
  215. -moz-animation: preloader_3_after 1.5s infinite ease-in-out;
  216. -ms-animation: preloader_3_after 1.5s infinite ease-in-out;
  217. animation: preloader_3_after 1.5s infinite ease-in-out;
  218. }
  219. #preloader_3:before,#preloader_3:after {
  220. width:20px;
  221. height:20px;
  222. border-radius:20px;
  223. background:<?=iro_opt('preload_animation_color1'); ?>;
  224. position:absolute;
  225. content:'';
  226. }
  227. @-webkit-keyframes preloader_3_before {
  228. 0% {
  229. -webkit-transform: translateX(0px) rotate(0deg)
  230. }
  231. 50% {
  232. -webkit-transform: translateX(50px) scale(1.2) rotate(260deg);
  233. background:<?=iro_opt('preload_animation_color1'); ?>;
  234. border-radius:0px;
  235. }
  236. 100% {
  237. -webkit-transform: translateX(0px) rotate(0deg)
  238. }
  239. }
  240. @-webkit-keyframes preloader_3_after {
  241. 0% {
  242. -webkit-transform: translateX(0px)
  243. }
  244. 50% {
  245. -webkit-transform: translateX(-50px) scale(1.2) rotate(-260deg);
  246. background:<?=iro_opt('preload_animation_color2'); ?>;
  247. border-radius:0px;
  248. }
  249. 100% {
  250. -webkit-transform: translateX(0px)
  251. }
  252. }
  253. @-moz-keyframes preloader_3_before {
  254. 0% {
  255. -moz-transform: translateX(0px) rotate(0deg)
  256. }
  257. 50% {
  258. -moz-transform: translateX(50px) scale(1.2) rotate(260deg);
  259. background:<?=iro_opt('preload_animation_color1'); ?>;
  260. border-radius:0px;
  261. }
  262. 100% {
  263. -moz-transform: translateX(0px) rotate(0deg)
  264. }
  265. }
  266. @-moz-keyframes preloader_3_after {
  267. 0% {
  268. -moz-transform: translateX(0px)
  269. }
  270. 50% {
  271. -moz-transform: translateX(-50px) scale(1.2) rotate(-260deg);
  272. background:<?=iro_opt('preload_animation_color2'); ?>;
  273. border-radius:0px;
  274. }
  275. 100% {
  276. -moz-transform: translateX(0px)
  277. }
  278. }
  279. @-ms-keyframes preloader_3_before {
  280. 0% {
  281. -ms-transform: translateX(0px) rotate(0deg)
  282. }
  283. 50% {
  284. -ms-transform: translateX(50px) scale(1.2) rotate(260deg);
  285. background:<?=iro_opt('preload_animation_color1'); ?>;
  286. border-radius:0px;
  287. }
  288. 100% {
  289. -ms-transform: translateX(0px) rotate(0deg)
  290. }
  291. }
  292. @-ms-keyframes preloader_3_after {
  293. 0% {
  294. -ms-transform: translateX(0px)
  295. }
  296. 50% {
  297. -ms-transform: translateX(-50px) scale(1.2) rotate(-260deg);
  298. background:<?=iro_opt('preload_animation_color2'); ?>;
  299. border-radius:0px;
  300. }
  301. 100% {
  302. -ms-transform: translateX(0px)
  303. }
  304. }
  305. @keyframes preloader_3_before {
  306. 0% {
  307. transform: translateX(0px) rotate(0deg)
  308. }
  309. 50% {
  310. transform: translateX(50px) scale(1.2) rotate(260deg);
  311. background:<?=iro_opt('preload_animation_color1'); ?>;
  312. border-radius:0px;
  313. }
  314. 100% {
  315. transform: translateX(0px) rotate(0deg)
  316. }
  317. }
  318. @keyframes preloader_3_after {
  319. 0% {
  320. transform: translateX(0px)
  321. }
  322. 50% {
  323. transform: translateX(-50px) scale(1.2) rotate(-260deg);
  324. background:<?=iro_opt('preload_animation_color2'); ?>;
  325. border-radius:0px;
  326. }
  327. 100% {
  328. transform: translateX(0px)
  329. }
  330. }
  331. <?php endif; ?>
  332. /*深色模式*/
  333. /*可变项目*/
  334. /*深色模式控件透明度*/
  335. body.dark .header-info,
  336. body.dark .header-shuo,
  337. body.dark .top-social img
  338. {color:#fff;background:rgba(51,51,51,<?=iro_opt('theme_darkmode_widget_transparency'); ?>);}
  339. body.dark .the-feature.from_left_and_right .info
  340. {background-color: rgba(51,51,51,<?=iro_opt('theme_darkmode_widget_transparency'); ?>);}
  341. body.dark .yya,
  342. body.dark input[type=submit]
  343. {background-color:rgba(38,38,38,<?=iro_opt('theme_darkmode_widget_transparency'); ?>) !important;}
  344. /*深色模式自定义颜色*/
  345. body.dark .headertop-down svg path
  346. {fill: <?=iro_opt('drop_down_arrow_dark_color'); ?> !important;transition: all 0.8s ease !important;}
  347. /*深色模式图像亮度*/
  348. body.dark img,
  349. body.dark .highlight-wrap,
  350. body.dark iframe,
  351. body.dark .entry-content .aplayer,
  352. body.dark .post-thumb video
  353. {filter:brightness(<?=iro_opt('theme_darkmode_img_bright'); ?>);}
  354. @media (max-width: 1200px){
  355. body.dark .site-top .lower nav.navbar ul
  356. {background: rgba(255,255,255,0);}
  357. }
  358. /*字体*/
  359. <?php if (iro_opt('reference_exter_font', 'true')) {
  360. $exter_font = iro_opt('exter_font');
  361. ?>
  362. @font-face {
  363. font-family: '<?php echo $exter_font['font1']; ?>';
  364. src : url('<?php echo $exter_font['link1']; ?>');
  365. }
  366. @font-face {
  367. font-family: '<?php echo $exter_font['font2']; ?>';
  368. src : url('<?php echo $exter_font['link2']; ?>');
  369. }
  370. <?php } ?>
  371. .serif{
  372. font-family:<?=iro_opt('global_default_font'); ?> !important ;
  373. font-size: <?=iro_opt('global_font_size'); ?>px;
  374. }
  375. body{
  376. font-family:<?=iro_opt('global_font_2'); ?> !important;
  377. font-size: <?=iro_opt('global_font_size'); ?>px;
  378. }
  379. .site-top ul li a,.header-user-name,.header-user-menu a {
  380. font-family:<?=iro_opt('nav_menu_font'); ?> !important;
  381. }
  382. <?php if (iro_opt('mashiro_logo')) {
  383. $mashiro_logo = iro_opt('mashiro_logo');
  384. ?>
  385. .site-title a{
  386. font-family: '<?php echo $mashiro_logo['font_name']; ?>';
  387. }
  388. <?php } ?>
  389. .site-info,.site-info a{
  390. font-family:<?=iro_opt('footer_text_font'); ?> !important;
  391. }
  392. .skin-menu p{
  393. font-family:<?=iro_opt('style_menu_font'); ?> !important;
  394. }
  395. h1.main-title,h1.fes-title{
  396. font-family:<?=iro_opt('area_title_font'); ?>;
  397. }
  398. .header-info p, .header-shuo p{
  399. font-family:<?=iro_opt('signature_font'); ?> !important;
  400. font-size: <?=iro_opt('signature_font_size'); ?>px;
  401. }
  402. .cbp_tmtimeline > li .cbp_tmlabel {
  403. font-family:<?=iro_opt('shuoshuo_font'); ?> !important;
  404. }
  405. .post-list-thumb .post-title h3{
  406. font-size: <?=iro_opt('post_title_font_size'); ?>px !important;
  407. }
  408. .post-meta, .post-meta a{
  409. font-size: <?=iro_opt('post_date_font_size'); ?>px !important;
  410. }
  411. .pattern-center h1.cat-title,
  412. .pattern-center h1.entry-title {
  413. font-size: <?=iro_opt('page_temp_title_font_size'); ?>px ;
  414. }
  415. .pattern-center-sakura h1.cat-title,
  416. .pattern-center-sakura h1.entry-title {
  417. font-size: <?=iro_opt('page_temp_title_font_size'); ?>px !important;
  418. }
  419. .single-center .single-header h1.entry-title {
  420. font-size: <?=iro_opt('article_title_font_size'); ?>px ;
  421. }
  422. /*鼠标*/
  423. body{
  424. cursor: url(<?=iro_opt('cursor_nor'); ?>), auto;
  425. }
  426. .headertop-down,
  427. #waifu #live2d,
  428. .aplayer svg,
  429. .aplayer.aplayer-narrow .aplayer-body,
  430. .aplayer.aplayer-narrow .aplayer-pic,
  431. #emotion-toggle,
  432. .emoji-item,
  433. .emotion-box,
  434. .emotion-item,
  435. .on-hover,
  436. .tieba-container span,
  437. #moblieGoTop,
  438. #changskin{
  439. cursor: url(<?=iro_opt('cursor_no'); ?>), auto;
  440. }
  441. a,
  442. .ins-section .ins-section-header,
  443. .font-family-controls button,
  444. .menu-list li,.ins-section .ins-search-item,
  445. .ins-section .ins-search-item .ins-search-preview{
  446. cursor: url(<?=iro_opt('cursor_ayu'); ?>), auto;
  447. }
  448. p,
  449. .highlight-wrap code,
  450. .highlight-wrap,
  451. .hljs-ln-code .hljs-ln-line{
  452. cursor: url(<?=iro_opt('cursor_text'); ?>), auto;
  453. }
  454. a:active{
  455. cursor: url(<?=iro_opt('cursor_work'); ?>), alias;
  456. }
  457. /*背景类*/
  458. .comment-respond textarea {
  459. background-image: url(<?=iro_opt('comment_area_image'); ?>);
  460. }
  461. .search-form.is-visible{
  462. background-image: url(<?=iro_opt('search_area_background'); ?>);
  463. }
  464. .site-footer {
  465. background-color: rgba(255, 255, 255,<?=iro_opt('reception_background_transparency'); ?>);
  466. <?php if (iro_opt('reception_background_blur', 'false')): ?> backdrop-filter: blur(10px); <?php endif; ?>
  467. <?php if (iro_opt('reception_background_blur', 'false')): ?> -webkit-backdrop-filter: blur(10px); <?php endif; ?>
  468. }
  469. .wrapper {
  470. background-color: rgba(255, 255, 255,<?=iro_opt('reception_background_transparency'); ?>);
  471. <?php if (iro_opt('reception_background_blur', 'false')): ?> backdrop-filter: blur(10px); <?php endif; ?>
  472. <?php if (iro_opt('reception_background_blur', 'false')): ?> -webkit-backdrop-filter: blur(10px); <?php endif; ?>
  473. }
  474. /*首页圆角设置*/
  475. .header-info,.header-shuo{
  476. border-radius: <?=iro_opt('signature_radius'); ?>px;
  477. grid-row: 1;
  478. grid-column: 1;
  479. }
  480. .focusinfo img{
  481. border-radius: <?=iro_opt('social_area_radius'); ?>px;
  482. }
  483. .focusinfo .header-tou img{
  484. border-radius: <?=iro_opt('avatar_radius'); ?>px;
  485. }
  486. /*标题横线动画*/
  487. <?php if (iro_opt('article_title_line', 'true')): ?>
  488. .single-center header.single-header .toppic-line{
  489. position:relative;bottom:0;left:0;display:block;width:100%;height:2px;background-color:#fff;animation:lineWidth 2.5s;animation-fill-mode:forwards;}
  490. @keyframes lineWidth{0%{width:0;}
  491. 100%{width:100%;}
  492. }
  493. <?php endif; ?>
  494. /*标题动画*/
  495. <?php if (iro_opt('page_title_animation', 'true')): ?>
  496. .entry-title,.single-center .entry-census a,.entry-census,.post-list p,.p-time,.feature{
  497. -moz-animation: fadeInDown <?=iro_opt('page_title_animation_time'); ?>s;
  498. -webkit-animation:fadeInDown <?=iro_opt('page_title_animation_time'); ?>s;
  499. animation: fadeInDown <?=iro_opt('page_title_animation_time'); ?>s;
  500. }
  501. @-moz-keyframes fadeInUp {
  502. 0% {
  503. -moz-transform: translateY(200%);
  504. transform: translateY(200%);
  505. opacity: 0
  506. }
  507. 50% {
  508. -moz-transform: translateY(200%);
  509. transform: translateY(200%);
  510. opacity: 0
  511. }
  512. 100% {
  513. -moz-transform: translateY(0%);
  514. transform: translateY(0%);
  515. opacity: 1
  516. }
  517. }
  518. @-webkit-keyframes fadeInUp {
  519. 0% {
  520. -webkit-transform: translateY(200%);
  521. transform: translateY(200%);
  522. opacity: 0
  523. }
  524. 50% {
  525. -webkit-transform: translateY(200%);
  526. transform: translateY(200%);
  527. opacity: 0
  528. }
  529. 100% {
  530. -webkit-transform: translateY(0%);
  531. transform: translateY(0%);
  532. opacity: 1
  533. }
  534. }
  535. @keyframes fadeInUp {
  536. 0% {
  537. -moz-transform: translateY(200%);
  538. -ms-transform: translateY(200%);
  539. -webkit-transform: translateY(200%);
  540. transform: translateY(200%);
  541. opacity: 0
  542. }
  543. 50% {
  544. -moz-transform: translateY(200%);
  545. -ms-transform: translateY(200%);
  546. -webkit-transform: translateY(200%);
  547. transform: translateY(200%);
  548. opacity: 0
  549. }
  550. 100% {
  551. -moz-transform: translateY(0%);
  552. -ms-transform: translateY(0%);
  553. -webkit-transform: translateY(0%);
  554. transform: translateY(0%);
  555. opacity: 1
  556. }
  557. }
  558. <?php endif; ?>
  559. /*首页封面动画*/
  560. <?php if (iro_opt('cover_animation', 'true')): ?>
  561. h1.main-title, h1.fes-title,.the-feature.from_left_and_right .info,
  562. .header-info p,.header-info,.header-shuo,.header-shuo p,
  563. .focusinfo .header-tou img,.top-social img,.center-text{
  564. -moz-animation: fadeInDown <?=iro_opt('cover_animation_time'); ?>s;
  565. -webkit-animation:fadeInDown <?=iro_opt('cover_animation_time'); ?>s;
  566. animation: fadeInDown <?=iro_opt('cover_animation_time'); ?>s;
  567. }
  568. @-moz-keyframes fadeInDown {
  569. 0% {
  570. -moz-transform: translateY(-100%);
  571. transform: translateY(-100%);
  572. opacity: 0
  573. }
  574. 50% {
  575. -moz-transform: translateY(-100%);
  576. transform: translateY(-100%);
  577. opacity: 0
  578. }
  579. 100% {
  580. -moz-transform: translateY(0%);
  581. transform: translateY(0%);
  582. opacity: 1
  583. }
  584. }
  585. @-webkit-keyframes fadeInDown {
  586. 0% {
  587. -webkit-transform: translateY(-100%);
  588. transform: translateY(-100%);
  589. opacity: 0
  590. }
  591. 50% {
  592. -webkit-transform: translateY(-100%);
  593. transform: translateY(-100%);
  594. opacity: 0
  595. }
  596. 100% {
  597. -webkit-transform: translateY(0%);
  598. transform: translateY(0%);
  599. opacity: 1
  600. }
  601. }
  602. @keyframes fadeInDown {
  603. 0% {
  604. -moz-transform: translateY(-100%);
  605. -ms-transform: translateY(-100%);
  606. -webkit-transform: translateY(-100%);
  607. transform: translateY(-100%);
  608. opacity: 0
  609. }
  610. 50% {
  611. -moz-transform: translateY(-100%);
  612. -ms-transform: translateY(-100%);
  613. -webkit-transform: translateY(-100%);
  614. transform: translateY(-100%);
  615. opacity: 0
  616. }
  617. 100% {
  618. -moz-transform: translateY(0%);
  619. -ms-transform: translateY(0%);
  620. -webkit-transform: translateY(0%);
  621. transform: translateY(0%);
  622. opacity: 1
  623. }
  624. }
  625. <?php endif; ?>
  626. /*导航菜单动画*/
  627. <?php if (iro_opt('nav_menu_animation', 'true')): ?>
  628. .site-top ul {
  629. -moz-animation: fadeInLeft <?=iro_opt('nav_menu_animation_time'); ?>s;
  630. -webkit-animation:fadeInLeft <?=iro_opt('nav_menu_animation_time'); ?>s;
  631. animation: fadeInLeft <?=iro_opt('nav_menu_animation_time'); ?>s;
  632. max-width: 76vw;
  633. }
  634. @-moz-keyframes fadeInLeft {
  635. 0% {
  636. -moz-transform: translateX(100%);
  637. transform: translateX(100%);
  638. opacity: 0
  639. }
  640. 50% {
  641. -moz-transform: translateX(100%);
  642. transform: translateX(100%);
  643. opacity: 0
  644. }
  645. 100% {
  646. -moz-transform: translateX(0%);
  647. transform: translateX(0%);
  648. opacity: 1
  649. }
  650. }
  651. @-webkit-keyframes fadeInLeft {
  652. 0% {
  653. -webkit-transform: translateX(100%);
  654. transform: translateX(100%);
  655. opacity: 0
  656. }
  657. 50% {
  658. -webkit-transform: translateX(100%);
  659. transform: translateX(100%);
  660. opacity: 0
  661. }
  662. 100% {
  663. -webkit-transform: translateX(0%);
  664. transform: translateX(0%);
  665. opacity: 1
  666. }
  667. }
  668. @keyframes fadeInLeft {
  669. 0% {
  670. -moz-transform: translateX(100%);
  671. -ms-transform: translateX(100%);
  672. -webkit-transform: translateX(100%);
  673. transform: translateX(100%);
  674. opacity: 0
  675. }
  676. 50% {
  677. -moz-transform: translateX(100%);
  678. -ms-transform: translateX(100%);
  679. -webkit-transform: translateX(100%);
  680. transform: translateX(100%);
  681. opacity: 0
  682. }
  683. 100% {
  684. -moz-transform: translateX(0%);
  685. -ms-transform: translateX(0%);
  686. -webkit-transform: translateX(0%);
  687. transform: translateX(0%);
  688. opacity: 1
  689. }
  690. }
  691. <?php endif; ?>
  692. /*其他*/
  693. .headertop{
  694. border-radius: 0 0 <?=iro_opt('cover_radius', ''); ?>px <?=iro_opt('cover_radius', ''); ?>px;
  695. }
  696. <?php if (!iro_opt('article_function', 'true')): ?>
  697. .post-footer {
  698. display:none;
  699. }
  700. <?php endif; ?>
  701. <?php if (!iro_opt('article_lincenses', 'true')): ?>
  702. .post-lincenses {
  703. display:none;
  704. }
  705. <?php endif; ?>
  706. <?php if (!iro_opt('author_profile_avatar', 'true')): ?>
  707. .author-profile .info {
  708. display:none;
  709. }
  710. <?php endif; ?>
  711. <?php if (!iro_opt('author_profile_name', 'true')): ?>
  712. .author-profile .meta {
  713. display:none;
  714. }
  715. <?php endif; ?>
  716. <?php if (!iro_opt('article_tag', 'true')): ?>
  717. .post-tags {
  718. display:none;
  719. }
  720. <?php endif; ?>
  721. <?php if (!iro_opt('article_modified_time', 'true')): ?>
  722. .post-modified-time {
  723. display:none;
  724. }
  725. <?php endif; ?>
  726. <?php if (!iro_opt('nav_menu_user_avatar', 'true')): ?>
  727. .header-user-avatar{
  728. display:none;
  729. }
  730. <?php endif; ?>
  731. <?php if (!iro_opt('footer_sakura', 'true')): ?>
  732. .sakura-icon{
  733. display:none;
  734. }
  735. <?php endif; ?>
  736. <?php if (!iro_opt('drop_down_arrow_mobile', 'true')): ?>
  737. @media (max-width: 860px) {
  738. .headertop-down {
  739. display: none
  740. }
  741. }
  742. <?php endif; ?>
  743. <?php if (!iro_opt('chatgpt_article_summarize', 'true')): ?>
  744. .ai-excerpt,
  745. .ai-excerpt-tip {
  746. display: none;
  747. }
  748. <?php endif; ?>
  749. <?php if (!iro_opt('social_area', 'true')): ?>
  750. .top-social_v2,.top-social{
  751. display: none;
  752. }
  753. <?php endif; ?>
  754. <?php if(iro_opt('friend_link_align') == 'right'){ ?>
  755. span.sitename {
  756. margin-bottom: 0px;
  757. margin-top: 8px;
  758. }
  759. li.link-item {
  760. text-align: right;
  761. }
  762. .links ul li img{
  763. float:none;
  764. }
  765. <?php }else if(iro_opt('friend_link_align') == 'center'){ ?>
  766. span.sitename {
  767. margin-bottom: 0px;
  768. margin-top: 8px;
  769. }
  770. li.link-item {
  771. text-align: center;
  772. }
  773. .links ul li img{
  774. float:none;
  775. }
  776. <?php } ?>
  777. <?php if(iro_opt('post_list_image_align') == 'left'){ ?>
  778. .post-list-thumb .post-content-wrap {
  779. float: left;
  780. padding-left: 30px;
  781. padding-right: 0;
  782. text-align: right;
  783. margin: 20px 10px 10px 0
  784. }
  785. .post-list-thumb .post-thumb {
  786. float: left
  787. }
  788. .post-list-thumb .post-thumb a {
  789. border-radius: 10px 0 0 10px
  790. }
  791. <?php }else if(iro_opt('post_list_image_align') == 'alternate'){ ?>
  792. .post-list-thumb:nth-child(2n) .post-content-wrap {
  793. float: left;
  794. padding-left: 30px;
  795. padding-right: 0;
  796. text-align: right;
  797. margin: 20px 10px 10px 0
  798. }
  799. .post-list-thumb:nth-child(2n) .post-thumb {
  800. float: left
  801. }
  802. .post-list-thumb:nth-child(2n) .post-thumb a {
  803. border-radius: 10px 0 0 10px
  804. }
  805. <?php } ?>
  806. <?php if(iro_opt('page_style') == 'sakurairo'){ ?>
  807. .pattern-center::after {
  808. display:none;
  809. }
  810. .pattern-center-blank {
  811. display:none;
  812. }
  813. <?php }else if(iro_opt('page_style') == 'sakura'){ ?>
  814. .pattern-center {
  815. position: relative;
  816. top: 0;
  817. left: 0;
  818. width: 100%;
  819. overflow: hidden;
  820. }
  821. <?php } ?>
  822. <?php if(iro_opt('nav_menu_style') == 'sakurairo'){ ?>
  823. .yya {
  824. position: fixed;
  825. -webkit-transition: all 1s ease !important;
  826. transition: all 1s ease !important;
  827. border-radius: <?=iro_opt('nav_menu_radius', ''); ?>px !important;
  828. }
  829. .site-title img {
  830. margin-left: 10px;
  831. }
  832. .site-header {
  833. border-radius: <?=iro_opt('nav_menu_radius', ''); ?>px !important;
  834. }
  835. .header-user-menu {
  836. border-radius: <?=iro_opt('nav_menu_secondary_radius', ''); ?>px !important;
  837. }
  838. .lower li ul {
  839. border-radius: <?=iro_opt('nav_menu_secondary_radius', ''); ?>px !important;
  840. }
  841. @media (max-width:860px) {
  842. .openNav .icon {
  843. left: 5vw;
  844. }
  845. .site-header {
  846. width: 100%;
  847. height: 60px;
  848. top: 0;
  849. left: 0;
  850. background: 0 0;
  851. position: fixed;
  852. border-radius: 0 !important;
  853. }
  854. .yya {
  855. border-radius: 0 !important;
  856. }
  857. }
  858. <?php }if(iro_opt('nav_menu_style') == 'sakura'){ ?>
  859. .site-header {
  860. width: 100%;
  861. height: 75px;
  862. top: 0;
  863. left: 0;
  864. background: 0 0;
  865. -webkit-transition: all .4s ease;
  866. transition: all .4s ease;
  867. position: fixed;
  868. z-index: 999;
  869. border-radius: 0px;
  870. }
  871. .header-user-avatar {
  872. margin-top: 22px;
  873. }
  874. .site-branding {
  875. height: 75px;
  876. line-height: 75px;
  877. }
  878. .site-title img {
  879. margin-top: 17px;
  880. }
  881. .site-top .lower {
  882. margin: 15px 0 0 0;
  883. }
  884. .lower li ul {
  885. top: 46px;
  886. right: -24px;
  887. }
  888. .header-user-menu {
  889. right: -11px;
  890. top: 44px;
  891. }
  892. .logolink a {
  893. height: 56px;
  894. line-height: 56px;
  895. }
  896. .logolink.moe-mashiro a{
  897. line-height: 56px !important;
  898. }
  899. .searchbox.js-toggle-search{
  900. margin: 17px 0;
  901. margin-left: 15px;
  902. }
  903. @media (max-width:860px) {
  904. .site-header {
  905. height: 60px;
  906. }
  907. }
  908. <?php } ?>
  909. <?php if (!iro_opt('nav_menu_secondary_arrow', 'true')): ?>
  910. .header-user-menu::before {
  911. display: none;
  912. }
  913. .lower li ul::before {
  914. display: none;
  915. }
  916. <?php endif; ?>
  917. <?php if (!iro_opt('shuoshuo_arrow', 'true')): ?>
  918. .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
  919. display: none;
  920. }
  921. .cbp_tmtimeline > li .cbp_tmlabel:after {
  922. display: none;
  923. }
  924. <?php endif; ?>
  925. <?php if (iro_opt('exhibition_area_compat', 'true')): ?>
  926. .the-feature.from_left_and_right {
  927. position: relative;
  928. border-radius: <?=iro_opt('exhibition_radius', ''); ?>px;
  929. height: 160px;
  930. width: 258px;
  931. margin: 6px 6px 0 6px;
  932. }
  933. .the-feature img {
  934. height: 160px;
  935. width: 258px;
  936. }
  937. <?php endif; ?>
  938. <?php if(iro_opt('bulletin_board_text_align') == 'center'){ ?>
  939. .notice {
  940. text-align: center;
  941. }
  942. <?php }if(iro_opt('bulletin_board_text_align') == 'right'){ ?>
  943. .notice {
  944. text-align: right;
  945. }
  946. <?php } ?>
  947. <?php if(iro_opt('area_title_text_align') == 'center'){ ?>
  948. h1.fes-title,
  949. h1.main-title {
  950. text-align: center;
  951. }
  952. <?php }else if(iro_opt('area_title_text_align') == 'right'){ ?>
  953. h1.fes-title,
  954. h1.main-title {
  955. text-align: right;
  956. }
  957. <?php } ?>
  958. <?php if(iro_opt('bulletin_board_style') == 'picture'){ ?>
  959. .notice {
  960. background-image:url(<?=iro_opt('bulletin_board_bg', ''); ?>);
  961. background-repeat: round;
  962. border: none;
  963. box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
  964. }
  965. <?php }if(iro_opt('bulletin_board_style') == 'pure'){ ?>
  966. .notice {
  967. background: #fbfbfb50;
  968. }
  969. <?php }
  970. ?>
  971. <?php
  972. if(iro_opt('cover_half_screen_curve',true)){
  973. ?>
  974. .headertop-bar::after {
  975. content: '';
  976. width: 150%;
  977. height: 4.375rem;
  978. background: #fff;
  979. left: -25%;
  980. bottom: -2.875rem;
  981. border-radius: 100%;
  982. position: absolute;
  983. z-index: 4;
  984. }
  985. <?php
  986. }
  987. ?>
  988. body{
  989. background-size:<?=iro_opt(('reception_background_size'),'auto')
  990. ?>;
  991. }
  992. #video-add{
  993. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/add.png);
  994. }
  995. @media (max-width:860px) {
  996. .headertop.filter-dot::before {
  997. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/grid.png);
  998. }
  999. }
  1000. .headertop.filter-grid::before {
  1001. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/grid.png);
  1002. }
  1003. .headertop.filter-dot::before {
  1004. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/dot.gif);
  1005. }
  1006. .loadvideo,.video-play {
  1007. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/play.png);
  1008. }
  1009. .video-pause {
  1010. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/stop.png);
  1011. }
  1012. #loading-comments {
  1013. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>load_svg/ball.svg);
  1014. }
  1015. <?php if (iro_opt('wave_effects', 'true')): ?>
  1016. #banner_wave_1 {
  1017. background: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/wave1.png) repeat-x;
  1018. }
  1019. #banner_wave_2 {
  1020. background: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/wave2.png) repeat-x;
  1021. }
  1022. <?php endif; ?>
  1023. </style>
  1024. <?php }
  1025. add_action('wp_head', 'customizer_css');