decorate.php 26 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159
  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. <?php //深色模式主题色 ?>
  29. --theme-skin-dark: <?=iro_opt('theme_skin_dark'); ?>;
  30. --global-font-weight:<?=iro_opt('global_font_weight');?>;
  31. --theme-dm-background_transparency:<?=iro_opt('theme_darkmode_background_transparency')?>;
  32. --exhibition_area_matching_color:<?=iro_opt('exhibition_area_matching_color');?>;
  33. }
  34. <?php if (iro_opt('theme_commemorate_mode')) {?>
  35. html{
  36. filter: grayscale(100%) !important;
  37. }
  38. <?php } ?>
  39. .the-feature.from_left_and_right .info,.the-feature.from_left_and_right .info h3{background: <?=iro_opt('exhibition_background_color'); ?> ;}
  40. /*白猫样式Logo*/
  41. <?php if (iro_opt('mashiro_logo_option', 'true')) {
  42. $mashiro_logo = iro_opt('mashiro_logo');
  43. ?>
  44. .logolink{
  45. font-family: '<?= $mashiro_logo['font_name']; ?>','Noto Sans SC';
  46. }
  47. .logolink .sakuraso {
  48. background-color: rgba(255, 255, 255, .5);
  49. border-radius: 5px;
  50. color: <?=iro_opt('theme_skin'); ?>;
  51. height: auto;
  52. line-height: 25px;
  53. margin-right: 0;
  54. padding-bottom: 0px;
  55. padding-top: 1px;
  56. text-size-adjust: 100%;
  57. width: auto
  58. }
  59. .logolink a:hover .sakuraso {
  60. background-color: <?=iro_opt('theme_skin_matching'); ?>;
  61. color: #fff;
  62. }
  63. .logolink a:hover .shironeko,
  64. .logolink a:hover .no,
  65. .logolink a:hover rt {
  66. color: <?=iro_opt('theme_skin_matching'); ?>;
  67. }
  68. .logolink.moe-mashiro a {
  69. color: <?=iro_opt('theme_skin'); ?>;
  70. float: left;
  71. font-size: 25px;
  72. font-weight: 800;
  73. height: 50px;
  74. line-height: 40px;
  75. padding-left: 8px;
  76. padding-right: 8px;
  77. padding-top: 8px;
  78. text-decoration-line: none;
  79. }
  80. @media (max-width:860px) {
  81. .logolink.moe-mashiro a {
  82. color: <?=iro_opt('theme_skin'); ?>;
  83. float: left;
  84. font-size: 25px;
  85. font-weight: 800;
  86. height: 56px;
  87. line-height: 56px;
  88. padding-left: 6px;
  89. padding-right: 15px;
  90. padding-top: 11px;
  91. }
  92. }
  93. .logolink.moe-mashiro .sakuraso {
  94. font-size: 25px;
  95. padding-bottom: 4px;
  96. padding-left: 4px;
  97. padding-right: 4px;
  98. padding-top: 2px;
  99. }
  100. .logolink.moe-mashiro .no {
  101. font-size: 25px;
  102. padding-bottom: 4px;
  103. padding-top: 2px;
  104. }
  105. .logolink.moe-mashiro .no {
  106. font-size: 20px;
  107. display: inline-block;
  108. margin-left: 5px;
  109. }
  110. .logolink a:hover .no {
  111. -webkit-animation: spin 1.5s linear infinite;
  112. animation: spin 1.5s linear infinite;
  113. }
  114. .logolink ruby {
  115. ruby-position: under;
  116. -webkit-ruby-position: after;
  117. }
  118. .logolink ruby rt {
  119. font-size: 12px;
  120. letter-spacing:2px;
  121. transform: translateY(-8px);
  122. opacity: 0;
  123. transiton-property: opacity;
  124. transition-duration: 0.5s, 0.5s;
  125. }
  126. .logolink a:hover ruby rt {
  127. opacity: 1
  128. }
  129. <?php } ?>
  130. /*非全局色彩管理*/
  131. .post-date {
  132. background-color: <?=iro_opt('post_list_matching_color'); ?>26;
  133. }
  134. <?php $text_logo = iro_opt('text_logo'); ?>
  135. .center-text{
  136. color: <?=$text_logo['color']; ?> ;
  137. font-size: <?=$text_logo['size']; ?>px;
  138. }
  139. .Ubuntu-font,.center-text{
  140. font-family: <?=$text_logo['font']; ?> ;
  141. }
  142. .notice i ,
  143. .notice {
  144. color: <?=iro_opt('bulletin_text_color'); ?>;
  145. }
  146. .notice {
  147. border: 1px solid <?=iro_opt('bulletin_board_border_color'); ?>;
  148. }
  149. <?php if(iro_opt('entry_content_style') == "sakurairo"){ ?>
  150. .entry-content th {
  151. background-color: <?=iro_opt('theme_skin'); ?>
  152. }
  153. <?php } ?>
  154. <?php if(iro_opt('live_search')){ ?>
  155. .search-form--modal .search-form__inner {
  156. bottom: unset !important;
  157. top: 10% !important;
  158. }
  159. <?php } ?>
  160. <?php } // theme-skin ?>
  161. <?php // Custom style
  162. if ( iro_opt('site_custom_style') ) {
  163. echo iro_opt('site_custom_style');
  164. }
  165. // Custom style end ?>
  166. <?php // liststyle
  167. if ( iro_opt('post_list_akina_type') == 'square') { ?>
  168. .feature img{ border-radius: 0px !important; }
  169. .feature i { border-radius: 0px !important; }
  170. <?php } // liststyle ?>
  171. <?php
  172. //$image_api = 'background-image: url("'.rest_url('sakura/v1/image/cover').'");';
  173. $bg_style = iro_opt('cover_full_screen') ?'': 'background-position: center center;background-attachment: inherit;';
  174. ?>
  175. #centerbg{<?php
  176. echo $bg_style;
  177. echo iro_opt('site_bg_as_cover',false)? 'background:#0000;':'';
  178. ?>}
  179. /*预加载部分*/
  180. <?php if (iro_opt('preload_animation', 'true')): ?>
  181. #preload {
  182. position: fixed;
  183. width: 100%;
  184. height: 100%;
  185. top: 0;
  186. left: 0;
  187. background: #ffffff;
  188. z-index: 99999;
  189. }
  190. #preload li.active {
  191. position: absolute;
  192. top: 49%;
  193. left: 49%;
  194. list-style: none;
  195. }
  196. html {
  197. overflow-y: hidden;
  198. }
  199. #preloader_3 {
  200. position:relative;
  201. }
  202. #preloader_3:before {
  203. background:<?=iro_opt('preload_animation_color2'); ?>;
  204. -webkit-animation: preloader_3_before 1.5s infinite ease-in-out;
  205. -moz-animation: preloader_3_before 1.5s infinite ease-in-out;
  206. -ms-animation: preloader_3_before 1.5s infinite ease-in-out;
  207. animation: preloader_3_before 1.5s infinite ease-in-out;
  208. }
  209. #preloader_3:after {
  210. background:<?=iro_opt('preload_animation_color1'); ?>;
  211. left:22px;
  212. -webkit-animation: preloader_3_after 1.5s infinite ease-in-out;
  213. -moz-animation: preloader_3_after 1.5s infinite ease-in-out;
  214. -ms-animation: preloader_3_after 1.5s infinite ease-in-out;
  215. animation: preloader_3_after 1.5s infinite ease-in-out;
  216. }
  217. #preloader_3:before,#preloader_3:after {
  218. width:20px;
  219. height:20px;
  220. border-radius:20px;
  221. background:<?=iro_opt('preload_animation_color1'); ?>;
  222. position:absolute;
  223. content:'';
  224. }
  225. @-webkit-keyframes preloader_3_before {
  226. 0% {
  227. -webkit-transform: translateX(0px) rotate(0deg)
  228. }
  229. 50% {
  230. -webkit-transform: translateX(50px) scale(1.2) rotate(260deg);
  231. background:<?=iro_opt('preload_animation_color1'); ?>;
  232. border-radius:0px;
  233. }
  234. 100% {
  235. -webkit-transform: translateX(0px) rotate(0deg)
  236. }
  237. }
  238. @-webkit-keyframes preloader_3_after {
  239. 0% {
  240. -webkit-transform: translateX(0px)
  241. }
  242. 50% {
  243. -webkit-transform: translateX(-50px) scale(1.2) rotate(-260deg);
  244. background:<?=iro_opt('preload_animation_color2'); ?>;
  245. border-radius:0px;
  246. }
  247. 100% {
  248. -webkit-transform: translateX(0px)
  249. }
  250. }
  251. @-moz-keyframes preloader_3_before {
  252. 0% {
  253. -moz-transform: translateX(0px) rotate(0deg)
  254. }
  255. 50% {
  256. -moz-transform: translateX(50px) scale(1.2) rotate(260deg);
  257. background:<?=iro_opt('preload_animation_color1'); ?>;
  258. border-radius:0px;
  259. }
  260. 100% {
  261. -moz-transform: translateX(0px) rotate(0deg)
  262. }
  263. }
  264. @-moz-keyframes preloader_3_after {
  265. 0% {
  266. -moz-transform: translateX(0px)
  267. }
  268. 50% {
  269. -moz-transform: translateX(-50px) scale(1.2) rotate(-260deg);
  270. background:<?=iro_opt('preload_animation_color2'); ?>;
  271. border-radius:0px;
  272. }
  273. 100% {
  274. -moz-transform: translateX(0px)
  275. }
  276. }
  277. @-ms-keyframes preloader_3_before {
  278. 0% {
  279. -ms-transform: translateX(0px) rotate(0deg)
  280. }
  281. 50% {
  282. -ms-transform: translateX(50px) scale(1.2) rotate(260deg);
  283. background:<?=iro_opt('preload_animation_color1'); ?>;
  284. border-radius:0px;
  285. }
  286. 100% {
  287. -ms-transform: translateX(0px) rotate(0deg)
  288. }
  289. }
  290. @-ms-keyframes preloader_3_after {
  291. 0% {
  292. -ms-transform: translateX(0px)
  293. }
  294. 50% {
  295. -ms-transform: translateX(-50px) scale(1.2) rotate(-260deg);
  296. background:<?=iro_opt('preload_animation_color2'); ?>;
  297. border-radius:0px;
  298. }
  299. 100% {
  300. -ms-transform: translateX(0px)
  301. }
  302. }
  303. @keyframes preloader_3_before {
  304. 0% {
  305. transform: translateX(0px) rotate(0deg)
  306. }
  307. 50% {
  308. transform: translateX(50px) scale(1.2) rotate(260deg);
  309. background:<?=iro_opt('preload_animation_color1'); ?>;
  310. border-radius:0px;
  311. }
  312. 100% {
  313. transform: translateX(0px) rotate(0deg)
  314. }
  315. }
  316. @keyframes preloader_3_after {
  317. 0% {
  318. transform: translateX(0px)
  319. }
  320. 50% {
  321. transform: translateX(-50px) scale(1.2) rotate(-260deg);
  322. background:<?=iro_opt('preload_animation_color2'); ?>;
  323. border-radius:0px;
  324. }
  325. 100% {
  326. transform: translateX(0px)
  327. }
  328. }
  329. <?php endif; ?>
  330. /*深色模式*/
  331. /*可变项目*/
  332. /*深色模式控件透明度*/
  333. body.dark .header-info,
  334. body.dark .header-shuo,
  335. body.dark .top-social img
  336. {color:#fff;background:rgba(51,51,51,<?=iro_opt('theme_darkmode_widget_transparency'); ?>);}
  337. body.dark .the-feature.from_left_and_right .info
  338. {background-color: rgba(51,51,51,<?=iro_opt('theme_darkmode_widget_transparency'); ?>);}
  339. body.dark .yya,
  340. body.dark .widget-area,
  341. body.dark .skin-menu,
  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 i
  346. {color: <?=iro_opt('drop_down_arrow_dark_color'); ?> !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 {
  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 i,
  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. }
  633. @-moz-keyframes fadeInLeft {
  634. 0% {
  635. -moz-transform: translateX(100%);
  636. transform: translateX(100%);
  637. opacity: 0
  638. }
  639. 50% {
  640. -moz-transform: translateX(100%);
  641. transform: translateX(100%);
  642. opacity: 0
  643. }
  644. 100% {
  645. -moz-transform: translateX(0%);
  646. transform: translateX(0%);
  647. opacity: 1
  648. }
  649. }
  650. @-webkit-keyframes fadeInLeft {
  651. 0% {
  652. -webkit-transform: translateX(100%);
  653. transform: translateX(100%);
  654. opacity: 0
  655. }
  656. 50% {
  657. -webkit-transform: translateX(100%);
  658. transform: translateX(100%);
  659. opacity: 0
  660. }
  661. 100% {
  662. -webkit-transform: translateX(0%);
  663. transform: translateX(0%);
  664. opacity: 1
  665. }
  666. }
  667. @keyframes fadeInLeft {
  668. 0% {
  669. -moz-transform: translateX(100%);
  670. -ms-transform: translateX(100%);
  671. -webkit-transform: translateX(100%);
  672. transform: translateX(100%);
  673. opacity: 0
  674. }
  675. 50% {
  676. -moz-transform: translateX(100%);
  677. -ms-transform: translateX(100%);
  678. -webkit-transform: translateX(100%);
  679. transform: translateX(100%);
  680. opacity: 0
  681. }
  682. 100% {
  683. -moz-transform: translateX(0%);
  684. -ms-transform: translateX(0%);
  685. -webkit-transform: translateX(0%);
  686. transform: translateX(0%);
  687. opacity: 1
  688. }
  689. }
  690. <?php endif; ?>
  691. /*其他*/
  692. .widget-area .sakura_widget{
  693. background-image: url(<?=iro_opt('sakura_widget_background', ''); ?>);
  694. }
  695. .headertop{
  696. border-radius: 0 0 <?=iro_opt('cover_radius', ''); ?>px <?=iro_opt('cover_radius', ''); ?>px;
  697. }
  698. <?php if (!iro_opt('article_function', 'true')): ?>
  699. .post-footer {
  700. display:none;
  701. }
  702. <?php endif; ?>
  703. <?php if (!iro_opt('article_lincenses', 'true')): ?>
  704. .post-lincenses {
  705. display:none;
  706. }
  707. <?php endif; ?>
  708. <?php if (!iro_opt('author_profile_avatar', 'true')): ?>
  709. .author-profile .info {
  710. display:none;
  711. }
  712. <?php endif; ?>
  713. <?php if (!iro_opt('author_profile_name', 'true')): ?>
  714. .author-profile .meta {
  715. display:none;
  716. }
  717. <?php endif; ?>
  718. <?php if (!iro_opt('article_tag', 'true')): ?>
  719. .post-tags {
  720. display:none;
  721. }
  722. <?php endif; ?>
  723. <?php if (!iro_opt('article_modified_time', 'true')): ?>
  724. .post-modified-time {
  725. display:none;
  726. }
  727. <?php endif; ?>
  728. <?php if (!iro_opt('nav_menu_user_avatar', 'true')): ?>
  729. .header-user-avatar{
  730. display:none;
  731. }
  732. <?php endif; ?>
  733. <?php if (!iro_opt('drop_down_arrow_mobile', 'true')): ?>
  734. @media (max-width: 860px) {
  735. .headertop-down {
  736. display: none
  737. }
  738. }
  739. <?php endif; ?>
  740. <?php if (!iro_opt('chatgpt_article_summarize', 'true')): ?>
  741. .ai-excerpt,
  742. .ai-excerpt-tip {
  743. display: none;
  744. }
  745. <?php endif; ?>
  746. <?php if (!iro_opt('social_area', 'true')): ?>
  747. .top-social_v2,.top-social{
  748. display: none;
  749. }
  750. <?php endif; ?>
  751. <?php if(iro_opt('friend_link_align') == 'right'){ ?>
  752. span.sitename {
  753. margin-bottom: 0px;
  754. margin-top: 8px;
  755. }
  756. li.link-item {
  757. text-align: right;
  758. }
  759. .links ul li img{
  760. float:none;
  761. }
  762. <?php }else if(iro_opt('friend_link_align') == 'center'){ ?>
  763. span.sitename {
  764. margin-bottom: 0px;
  765. margin-top: 8px;
  766. }
  767. li.link-item {
  768. text-align: center;
  769. }
  770. .links ul li img{
  771. float:none;
  772. }
  773. <?php } ?>
  774. <?php if(iro_opt('post_list_image_align') == 'left'){ ?>
  775. .post-list-thumb .post-content-wrap {
  776. float: left;
  777. padding-left: 30px;
  778. padding-right: 0;
  779. text-align: right;
  780. margin: 20px 10px 10px 0
  781. }
  782. .post-list-thumb .post-thumb {
  783. float: left
  784. }
  785. .post-list-thumb .post-thumb a {
  786. border-radius: 10px 0 0 10px
  787. }
  788. <?php }else if(iro_opt('post_list_image_align') == 'alternate'){ ?>
  789. .post-list-thumb:nth-child(2n) .post-content-wrap {
  790. float: left;
  791. padding-left: 30px;
  792. padding-right: 0;
  793. text-align: right;
  794. margin: 20px 10px 10px 0
  795. }
  796. .post-list-thumb:nth-child(2n) .post-thumb {
  797. float: left
  798. }
  799. .post-list-thumb:nth-child(2n) .post-thumb a {
  800. border-radius: 10px 0 0 10px
  801. }
  802. <?php } ?>
  803. <?php if(iro_opt('page_style') == 'sakurairo'){ ?>
  804. .pattern-center::after {
  805. display:none;
  806. }
  807. .pattern-center-blank {
  808. display:none;
  809. }
  810. <?php }else if(iro_opt('page_style') == 'sakura'){ ?>
  811. .pattern-center {
  812. position: relative;
  813. top: 0;
  814. left: 0;
  815. width: 100%;
  816. overflow: hidden;
  817. }
  818. <?php } ?>
  819. <?php if(iro_opt('nav_menu_style') == 'sakurairo'){ ?>
  820. .yya {
  821. position: fixed;
  822. -webkit-transition: all 1s ease !important;
  823. transition: all 1s ease !important;
  824. border-radius: <?=iro_opt('nav_menu_radius', ''); ?>px !important;
  825. }
  826. .site-title img {
  827. margin-left: 10px;
  828. }
  829. .site-header {
  830. border-radius: <?=iro_opt('nav_menu_radius', ''); ?>px !important;
  831. }
  832. .header-user-menu {
  833. border-radius: <?=iro_opt('nav_menu_secondary_radius', ''); ?>px !important;
  834. }
  835. .lower li ul {
  836. border-radius: <?=iro_opt('nav_menu_secondary_radius', ''); ?>px !important;
  837. }
  838. @media (max-width:860px) {
  839. .openNav .icon {
  840. left: 5vw;
  841. }
  842. .site-header {
  843. width: 100%;
  844. height: 60px;
  845. top: 0;
  846. left: 0;
  847. background: 0 0;
  848. position: fixed;
  849. border-radius: 0 !important;
  850. }
  851. .yya {
  852. border-radius: 0 !important;
  853. }
  854. }
  855. <?php }if(iro_opt('nav_menu_style') == 'sakura'){ ?>
  856. .site-header {
  857. width: 100%;
  858. height: 75px;
  859. top: 0;
  860. left: 0;
  861. background: 0 0;
  862. -webkit-transition: all .4s ease;
  863. transition: all .4s ease;
  864. position: fixed;
  865. z-index: 999;
  866. border-radius: 0px;
  867. }
  868. .header-user-avatar {
  869. margin-top: 22px;
  870. }
  871. .site-branding {
  872. height: 75px;
  873. line-height: 75px;
  874. }
  875. .site-title img {
  876. margin-top: 17px;
  877. }
  878. .site-top .lower {
  879. margin: 15px 0 0 0;
  880. }
  881. .lower li ul {
  882. top: 46px;
  883. right: -24px;
  884. }
  885. .header-user-menu {
  886. right: -11px;
  887. top: 44px;
  888. }
  889. .logolink a {
  890. height: 56px;
  891. line-height: 56px;
  892. }
  893. .logolink.moe-mashiro a{
  894. line-height: 56px !important;
  895. }
  896. .searchbox.js-toggle-search{
  897. margin: 17px 0;
  898. margin-left: 15px;
  899. }
  900. @media (max-width:860px) {
  901. .site-header {
  902. height: 60px;
  903. }
  904. }
  905. <?php } ?>
  906. <?php if (!iro_opt('nav_menu_secondary_arrow', 'true')): ?>
  907. .header-user-menu::before {
  908. display: none;
  909. }
  910. .lower li ul::before {
  911. display: none;
  912. }
  913. <?php endif; ?>
  914. <?php if (!iro_opt('shuoshuo_arrow', 'true')): ?>
  915. .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
  916. display: none;
  917. }
  918. .cbp_tmtimeline > li .cbp_tmlabel:after {
  919. display: none;
  920. }
  921. <?php endif; ?>
  922. <?php if (iro_opt('exhibition_area_compat', 'true')): ?>
  923. .the-feature.from_left_and_right {
  924. position: relative;
  925. border-radius: <?=iro_opt('exhibition_radius', ''); ?>px;
  926. height: 160px;
  927. width: 258px;
  928. margin: 6px 6px 0 6px;
  929. }
  930. .the-feature img {
  931. height: 160px;
  932. width: 258px;
  933. }
  934. <?php endif; ?>
  935. <?php if(iro_opt('bulletin_board_text_align') == 'center'){ ?>
  936. .notice {
  937. text-align: center;
  938. }
  939. <?php }if(iro_opt('bulletin_board_text_align') == 'right'){ ?>
  940. .notice {
  941. text-align: right;
  942. }
  943. <?php } ?>
  944. <?php if(iro_opt('area_title_text_align') == 'center'){ ?>
  945. h1.fes-title,
  946. h1.main-title {
  947. text-align: center;
  948. }
  949. <?php }else if(iro_opt('area_title_text_align') == 'right'){ ?>
  950. h1.fes-title,
  951. h1.main-title {
  952. text-align: right;
  953. }
  954. <?php } ?>
  955. <?php if(iro_opt('bulletin_board_style') == 'picture'){ ?>
  956. .notice {
  957. background-image:url(<?=iro_opt('bulletin_board_bg', ''); ?>);
  958. background-repeat: round;
  959. border: none;
  960. box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
  961. }
  962. <?php }if(iro_opt('bulletin_board_style') == 'pure'){ ?>
  963. .notice {
  964. background: #fbfbfb50;
  965. }
  966. <?php }
  967. ?>
  968. <?php
  969. if(iro_opt('cover_half_screen_curve',true)){
  970. ?>
  971. .headertop-bar::after {
  972. content: '';
  973. width: 150%;
  974. height: 4.375rem;
  975. background: #fff;
  976. left: -25%;
  977. bottom: -2.875rem;
  978. border-radius: 100%;
  979. position: absolute;
  980. z-index: 4;
  981. }
  982. <?php
  983. }
  984. ?>
  985. body{
  986. background-size:<?=iro_opt(('reception_background_size'),'auto')
  987. ?>;
  988. }
  989. #video-add{
  990. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/add.png);
  991. }
  992. @media (max-width:860px) {
  993. .headertop.filter-dot::before {
  994. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/grid.png);
  995. }
  996. }
  997. .headertop.filter-grid::before {
  998. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/grid.png);
  999. }
  1000. .headertop.filter-dot::before {
  1001. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/dot.gif);
  1002. }
  1003. .loadvideo,.video-play {
  1004. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/play.png);
  1005. }
  1006. .video-pause {
  1007. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/stop.png);
  1008. }
  1009. #loading-comments {
  1010. background-image: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>load_svg/ball.svg);
  1011. }
  1012. <?php if (iro_opt('wave_effects', 'true')): ?>
  1013. #banner_wave_1 {
  1014. background: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/wave1.png) repeat-x;
  1015. }
  1016. #banner_wave_2 {
  1017. background: url(<?=iro_opt('vision_resource_basepath', 'https://s.nmxc.ltd/sakurairo_vision/@2.6/')?>basic/wave2.png) repeat-x;
  1018. }
  1019. <?php endif; ?>
  1020. </style>
  1021. <?php }
  1022. add_action('wp_head', 'customizer_css');