デザインテンプレートCSS

  1. @font-face {
  2. font-family: Yu Gothic;
  3. src: local("Yu Gothic Medium");
  4. font-weight: 400
  5. }
  6.  
  7. @font-face {
  8. font-family: Yu Gothic;
  9. src: local("Yu Gothic Bold");
  10. font-weight: 700
  11. }
  12.  
  13. body {
  14. -webkit-print-color-adjust: exact
  15. }
  16.  
  17. header {
  18. line-height: normal;
  19. font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Yu Gothic,YuGothic,sans-serif
  20. }
  21.  
  22. header a {
  23. font-weight: 500
  24. }
  25.  
  26. header ul li {
  27. line-height: normal
  28. }
  29.  
  30. .atwiki-search:before {
  31. content: "";
  32. background: 0 0/16px 16px url(/common/_img/ic-search.svg) no-repeat;
  33. left: 8px;
  34. top: 6px;
  35. width: 16px;
  36. height: 16px;
  37. position: absolute
  38. }
  39.  
  40. .atwiki-search input {
  41. background-color: hsla(0,0%,100%,.2);
  42. padding: 5px 5px 5px 28px;
  43. border: none;
  44. border-radius: 4px;
  45. font-size: 12px;
  46. line-height: 18px;
  47. color: #fff;
  48. width: 140px
  49. }
  50.  
  51. .atwiki-search input::-moz-placeholder {
  52. color: hsla(0,0%,100%,.6)
  53. }
  54.  
  55. .atwiki-search input::-ms-input-placeholder {
  56. color: hsla(0,0%,100%,.6)
  57. }
  58.  
  59. .atwiki-search input::placeholder {
  60. color: hsla(0,0%,100%,.6)
  61. }
  62.  
  63. .atwiki-search.atwiki-fixed-search:before {
  64. background: 0 0/16px 16px url(/common/_img/ic-search-gray.svg) no-repeat
  65. }
  66.  
  67. .atwiki-search.atwiki-fixed-search input {
  68. background-color: #f2f2f2;
  69. color: grey;
  70. font-size: 16px
  71. }
  72.  
  73. .atwiki-search.atwiki-fixed-search input::-moz-placeholder {
  74. color: #a8a8a8
  75. }
  76.  
  77. .atwiki-search.atwiki-fixed-search input::-ms-input-placeholder {
  78. color: #a8a8a8
  79. }
  80.  
  81. .atwiki-search.atwiki-fixed-search input::placeholder {
  82. color: #a8a8a8
  83. }
  84.  
  85. .atwiki-headbar {
  86. padding-left: 12px;
  87. background-color: #444;
  88. min-width: 960px
  89. }
  90.  
  91. .atwiki-headbar ul,.atwiki-headbar ul>li {
  92. background-image: none
  93. }
  94.  
  95. .atwiki-headbar img {
  96. background: none
  97. }
  98.  
  99. .atwiki-header-dropdown {
  100. color: #444
  101. }
  102.  
  103. .atwiki-header-submenu {
  104. display: flex;
  105. align-items: center;
  106. font-size: 12px;
  107. border-bottom: 1px solid #f2f2f2;
  108. min-width: 960px;
  109. background-color: #fff
  110. }
  111.  
  112. .atwiki-header-submenu ul,.atwiki-header-submenu ul>li {
  113. background-image: none
  114. }
  115.  
  116. .atwiki-header-submenu img {
  117. background: none
  118. }
  119.  
  120. .atwiki-header-submenu .atwiki-site-icon {
  121. margin-left: 12px;
  122. width: 32px;
  123. height: 32px;
  124. min-width: 32px;
  125. min-height: 32px;
  126. border-radius: 4px
  127. }
  128.  
  129. .atwiki-header-submenu .atwiki-sitename {
  130. font-size: 14px;
  131. font-weight: 600;
  132. color: #444;
  133. display: -webkit-box;
  134. -webkit-box-orient: vertical;
  135. -webkit-line-clamp: 2;
  136. max-width: 350px;
  137. line-height: 18px;
  138. overflow: hidden;
  139. overflow-wrap: break-word
  140. }
  141.  
  142. .atwiki-header-submenu .atwiki-logined-sitename {
  143. color: #444;
  144. font-size: 14px;
  145. font-weight: 600;
  146. max-width: 382px;
  147. white-space: nowrap;
  148. overflow: hidden;
  149. text-overflow: ellipsis
  150. }
  151.  
  152. .atwiki-header-submenu .atwiki-header-title {
  153. margin: 0 8px;
  154. font-size: 14px;
  155. font-weight: 700
  156. }
  157.  
  158. .atwiki-header-submenu .atwiki-header-title .atwiki-login-status {
  159. margin: 0
  160. }
  161.  
  162. .atwiki-header-submenu .atwiki-header-title a {
  163. color: #444;
  164. text-decoration: none;
  165. text-align: left;
  166. margin: 0;
  167. padding: 0
  168. }
  169.  
  170. .atwiki-header-submenu .atwiki-logined-header-title {
  171. font-size: 14px
  172. }
  173.  
  174. .atwiki-header-submenu .atwiki-logined-header-title .atwiki-login-status {
  175. display: flex;
  176. align-items: center;
  177. text-align: left;
  178. margin: 0;
  179. padding: 0;
  180. font-size: 10px;
  181. font-weight: 700;
  182. color: #a8a8a8
  183. }
  184.  
  185. .atwiki-header-submenu .atwiki-logined-header-title .atwiki-login-status:before {
  186. content: "";
  187. display: inline-block;
  188. width: 16px;
  189. height: 16px;
  190. background-image: url(/common/_img/ic-baseline-group.svg);
  191. background-repeat: no-repeat;
  192. background-size: contain;
  193. margin-right: 2px
  194. }
  195.  
  196. .atwiki-header-submenu .atwiki-logined-header-title a {
  197. display: block;
  198. line-height: 16px;
  199. text-align: left;
  200. margin: 0;
  201. padding: 0
  202. }
  203.  
  204. .atwiki-header-submenu .atwiki-shortcut-menu {
  205. margin-left: auto;
  206. font-size: 12px;
  207. line-height: normal
  208. }
  209.  
  210. .atwiki-header-submenu .atwiki-shortcut-menu>ul {
  211. margin: auto;
  212. padding-left: 0
  213. }
  214.  
  215. .atwiki-header-submenu .atwiki-shortcut-menu li {
  216. display: inline-block;
  217. list-style-type: none;
  218. margin: 0;
  219. padding: 0
  220. }
  221.  
  222. .atwiki-header-submenu .atwiki-shortcut-menu a {
  223. color: #444;
  224. padding: 12px;
  225. display: flex;
  226. align-items: center;
  227. text-decoration: none
  228. }
  229.  
  230. .atwiki-header-submenu .atwiki-shortcut-menu a:before {
  231. content: "";
  232. display: inline-block;
  233. width: 24px;
  234. height: 24px;
  235. image-rendering: pixelated;
  236. margin-right: 8px
  237. }
  238.  
  239. .atwiki-header-submenu .atwiki-shortcut-menu a:hover {
  240. background-color: rgba(0,0,0,.1)
  241. }
  242.  
  243. .atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-link-disabled {
  244. color: #a8a8a8;
  245. cursor: not-allowed
  246. }
  247.  
  248. .atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-link-disabled.atwiki-edit-button:before {
  249. background: 50%/contain url(/common/_img/ic-edit-alt-gray.svg) no-repeat
  250. }
  251.  
  252. .atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-new-button:before {
  253. background: 0/contain url(/common/_img/ic-plus.svg) no-repeat
  254. }
  255.  
  256. .atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-edit-button:before {
  257. background: 0/contain url(/common/_img/ic-edit-alt.svg) no-repeat
  258. }
  259.  
  260. .atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-link-pagelist:before {
  261. background: 0/contain url(/common/_img/ic-page-list.svg) no-repeat
  262. }
  263.  
  264. .atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-login-button:before {
  265. background: 0/contain url(/common/_img/ic-group-add.svg) no-repeat
  266. }
  267.  
  268. .atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-settings-button:before {
  269. background: 0/contain url(/common/_img/ic-settings.svg) no-repeat
  270. }
  271.  
  272. .atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-menu-button:before {
  273. background: 0/contain url(/common/_img/ic-menu-settings.svg) no-repeat
  274. }
  275.  
  276. .atwiki-headbar-nav {
  277. display: flex;
  278. font-size: 12px;
  279. align-items: center;
  280. background-color: #444;
  281. color: #fff
  282. }
  283.  
  284. .atwiki-headbar-nav .atwiki-logo {
  285. margin-right: 12px
  286. }
  287.  
  288. .atwiki-headbar-nav .atwiki-logo img {
  289. height: 24px;
  290. vertical-align: middle
  291. }
  292.  
  293. .atwiki-headbar-nav .atwiki_headbar_search {
  294. margin-left: auto;
  295. position: relative;
  296. font-size: 12px
  297. }
  298.  
  299. .atwiki-headbar-nav .atwiki_headbar_search input {
  300. width: 232px;
  301. margin-right: 12px;
  302. background-color: hsla(0,0%,100%,.2);
  303. padding: 5px 5px 5px 28px;
  304. border: none;
  305. border-radius: 2px;
  306. line-height: 14px;
  307. color: #fff
  308. }
  309.  
  310. .atwiki-headbar-nav .atwiki_headbar_search input::-moz-placeholder {
  311. color: #ddd
  312. }
  313.  
  314. .atwiki-headbar-nav .atwiki_headbar_search input::-ms-input-placeholder {
  315. color: #ddd
  316. }
  317.  
  318. .atwiki-headbar-nav .atwiki_headbar_search input::placeholder {
  319. color: #ddd
  320. }
  321.  
  322. .atwiki-headbar-nav .atwiki_headbar_search .atwiki-search-icon {
  323. top: 5px
  324. }
  325.  
  326. .atwiki-search-icon {
  327. position: absolute;
  328. content: url(/common/_img/ic-search.svg);
  329. display: inline-block;
  330. left: 8px;
  331. top: 6px;
  332. width: 16px;
  333. height: 16px;
  334. pointer-events: none
  335. }
  336.  
  337. .atwiki-headbar-menu {
  338. display: flex;
  339. align-items: center;
  340. margin: 0;
  341. padding: 0;
  342. list-style: none
  343. }
  344.  
  345. .atwiki-headbar-menu li {
  346. list-style: none
  347. }
  348.  
  349. .atwiki-headbar-menu a {
  350. text-decoration: none
  351. }
  352.  
  353. .atwiki-headbar-menu>li {
  354. position: relative;
  355. display: inline-block;
  356. margin: 0;
  357. padding: 0
  358. }
  359.  
  360. .atwiki-headbar-menu>li>a {
  361. font-size: 12px;
  362. display: flex;
  363. flex-wrap: nowrap;
  364. color: #fff;
  365. align-items: center;
  366. justify-content: center;
  367. box-sizing: border-box;
  368. height: 34px;
  369. padding: 0 8px;
  370. background: none;
  371. pointer-events: none
  372. }
  373.  
  374. .atwiki-headbar-menu>li>a:after {
  375. content: "";
  376. display: inline-block;
  377. width: 6px;
  378. height: 6px;
  379. background-image: url(/common/_img/ic-dropdown-triangle.svg);
  380. background-repeat: no-repeat;
  381. background-position: bottom;
  382. margin-left: 4px
  383. }
  384.  
  385. .atwiki-headbar-menu>li>a:hover {
  386. color: #fff
  387. }
  388.  
  389. .atwiki-headbar-menu>li:hover {
  390. background: rgba(0,0,0,.1)
  391. }
  392.  
  393. .atwiki-headbar-menu .atwiki-dropdown-menu>li>a {
  394. width: 240px
  395. }
  396.  
  397. .atwiki-bootstrap-headbar .atwiki-dropdown-menu>li>a {
  398. width: 276px
  399. }
  400.  
  401. .atwiki-dropdown-menu {
  402. display: none
  403. }
  404.  
  405. .atwiki-dropdown-parent:hover>.atwiki-dropdown-child,.atwiki-headbar-menu>li:hover>.atwiki-dropdown-menu {
  406. display: block;
  407. padding-left: 0;
  408. margin: 0;
  409. position: absolute;
  410. z-index: 1020;
  411. box-sizing: border-box;
  412. background: #fff;
  413. color: #444;
  414. box-shadow: 0 4px 4px rgba(0,0,0,.15);
  415. line-height: normal
  416. }
  417.  
  418. .atwiki-dropdown-parent:hover>.atwiki-dropdown-child li,.atwiki-headbar-menu>li:hover>.atwiki-dropdown-menu li {
  419. line-height: normal
  420. }
  421.  
  422. .atwiki-dropdown-parent:hover>.atwiki-dropdown-child>li.menu-bottom-border,.atwiki-headbar-menu>li:hover>.atwiki-dropdown-menu>li.menu-bottom-border {
  423. margin: 8px 16px;
  424. padding: 0;
  425. border-bottom: 1px solid #a8a8a8
  426. }
  427.  
  428. .atwiki-dropdown-parent:hover>.atwiki-dropdown-child>li:not(.menu-bottom-border),.atwiki-headbar-menu>li:hover>.atwiki-dropdown-menu>li:not(.menu-bottom-border) {
  429. display: inline-block;
  430. padding: 0;
  431. margin: 0
  432. }
  433.  
  434. .atwiki-dropdown-parent:hover>.atwiki-dropdown-child>li:not(.menu-bottom-border)>a,.atwiki-headbar-menu>li:hover>.atwiki-dropdown-menu>li:not(.menu-bottom-border)>a {
  435. display: block;
  436. text-align: left;
  437. padding: 8px 20px 8px 16px;
  438. font-size: 12px;
  439. color: #444
  440. }
  441.  
  442. .atwiki-dropdown-parent:hover>.atwiki-dropdown-child>li:not(.menu-bottom-border)>a:hover,.atwiki-headbar-menu>li:hover>.atwiki-dropdown-menu>li:not(.menu-bottom-border)>a:hover {
  443. background: none
  444. }
  445.  
  446. .atwiki-dropdown-parent:hover>.atwiki-dropdown-child>li:not(.menu-bottom-border)>a.atwiki-link-disabled,.atwiki-headbar-menu>li:hover>.atwiki-dropdown-menu>li:not(.menu-bottom-border)>a.atwiki-link-disabled {
  447. color: #a8a8a8;
  448. cursor: not-allowed
  449. }
  450.  
  451. .atwiki-dropdown-parent:hover>.atwiki-dropdown-child>li:not(.menu-bottom-border):hover,.atwiki-headbar-menu>li:hover>.atwiki-dropdown-menu>li:not(.menu-bottom-border):hover {
  452. color: #444;
  453. background: linear-gradient(0deg,#f7f7f7,#f7f7f7),#fff
  454. }
  455.  
  456. .atwiki-dropdown-parent {
  457. position: relative
  458. }
  459.  
  460. .atwiki-dropdown-parent>ul {
  461. display: none
  462. }
  463.  
  464. .atwiki-dropdown-parent>a {
  465. display: flex;
  466. justify-content: flex-end
  467. }
  468.  
  469. .atwiki-dropdown-parent>a:after {
  470. content: "";
  471. display: inline-block;
  472. margin-left: 90px;
  473. width: 6px;
  474. height: 6px;
  475. margin-bottom: 2px;
  476. background: top/contain url(/common/_img/ic-left-triangle.svg) no-repeat
  477. }
  478.  
  479. .atwiki-dropdown-parent:hover>.atwiki-dropdown-child {
  480. top: -34px;
  481. left: 100%
  482. }
  483.  
  484. .atwiki-dropdown-parent:hover>.atwiki-dropdown-child>li>a {
  485. width: 324px
  486. }
  487.  
  488. .uk-offcanvas-overlay {
  489. z-index: 1200
  490. }
  491.  
  492. .uk-offcanvas-overlay:before {
  493. background-color: rgba(0,0,0,.7)
  494. }
  495.  
  496. .atwiki-offcanvas-bar,.atwiki-offcanvas>.uk-offcanvas-bar {
  497. line-height: inherit;
  498. background-color: #fff;
  499. padding-bottom: 80px;
  500. border-top-left-radius: 4px
  501. }
  502.  
  503. .atwiki-offcanvas-bar #atwiki-offcanvas_header,.atwiki-offcanvas>.uk-offcanvas-bar #atwiki-offcanvas_header {
  504. padding: 8px 0 9px 16px;
  505. background-color: #f90;
  506. color: #fff;
  507. font-size: 14px;
  508. line-height: 21px;
  509. border-top-left-radius: 4px
  510. }
  511.  
  512. .atwiki-offcanvas-bar .uk-offcanvas-close,.atwiki-offcanvas>.uk-offcanvas-bar .uk-offcanvas-close {
  513. right: 0;
  514. top: 0;
  515. padding: 12px;
  516. background: orange
  517. }
  518.  
  519. .atwiki-offcanvas-bar .atwiki-menu-close,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-menu-close {
  520. position: absolute;
  521. top: 0;
  522. right: 0;
  523. padding: 18px;
  524. background: orange;
  525. z-index: 1500
  526. }
  527.  
  528. .atwiki-offcanvas-bar .atwiki-menu-close:before,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-menu-close:before {
  529. content: "";
  530. position: absolute;
  531. left: 11px;
  532. width: 16px;
  533. height: 1px;
  534. background-color: #fff;
  535. transform: rotate(45deg)
  536. }
  537.  
  538. .atwiki-offcanvas-bar .atwiki-menu-close:after,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-menu-close:after {
  539. content: "";
  540. position: absolute;
  541. left: 11px;
  542. width: 16px;
  543. height: 1px;
  544. background-color: #fff;
  545. transform: rotate(-45deg)
  546. }
  547.  
  548. .atwiki-offcanvas-bar .atwiki-offcanvas-contents,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-offcanvas-contents {
  549. border-top-left-radius: 4px
  550. }
  551.  
  552. .atwiki-offcanvas-bar .atwiki-offcanvas-contents a,.atwiki-offcanvas-bar .off_contents a,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-offcanvas-contents a,.atwiki-offcanvas>.uk-offcanvas-bar .off_contents a {
  553. color: #444;
  554. font-weight: 400
  555. }
  556.  
  557. .atwiki-offcanvas-bar .atwiki-offcanvas-contents .uk-nav-sub>li>a,.atwiki-offcanvas-bar .atwiki-offcanvas-contents ul>li>a,.atwiki-offcanvas-bar .off_contents .uk-nav-sub>li>a,.atwiki-offcanvas-bar .off_contents ul>li>a,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-offcanvas-contents .uk-nav-sub>li>a,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-offcanvas-contents ul>li>a,.atwiki-offcanvas>.uk-offcanvas-bar .off_contents .uk-nav-sub>li>a,.atwiki-offcanvas>.uk-offcanvas-bar .off_contents ul>li>a {
  558. font-size: 14px;
  559. color: #444;
  560. padding: 8px 0
  561. }
  562.  
  563. .atwiki-offcanvas-bar .atwiki-offcanvas-contents .uk-nav-sub>li>a.atwiki-link-disabled,.atwiki-offcanvas-bar .atwiki-offcanvas-contents ul>li>a.atwiki-link-disabled,.atwiki-offcanvas-bar .off_contents .uk-nav-sub>li>a.atwiki-link-disabled,.atwiki-offcanvas-bar .off_contents ul>li>a.atwiki-link-disabled,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-offcanvas-contents .uk-nav-sub>li>a.atwiki-link-disabled,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-offcanvas-contents ul>li>a.atwiki-link-disabled,.atwiki-offcanvas>.uk-offcanvas-bar .off_contents .uk-nav-sub>li>a.atwiki-link-disabled,.atwiki-offcanvas>.uk-offcanvas-bar .off_contents ul>li>a.atwiki-link-disabled {
  564. color: #a8a8a8;
  565. cursor: not-allowed
  566. }
  567.  
  568. .atwiki-offcanvas-bar .atwiki-offcanvas-contents .uk-nav-sub>li>a:focus,.atwiki-offcanvas-bar .atwiki-offcanvas-contents .uk-nav-sub>li>a:hover,.atwiki-offcanvas-bar .atwiki-offcanvas-contents ul>li>a:focus,.atwiki-offcanvas-bar .atwiki-offcanvas-contents ul>li>a:hover,.atwiki-offcanvas-bar .off_contents .uk-nav-sub>li>a:focus,.atwiki-offcanvas-bar .off_contents .uk-nav-sub>li>a:hover,.atwiki-offcanvas-bar .off_contents ul>li>a:focus,.atwiki-offcanvas-bar .off_contents ul>li>a:hover,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-offcanvas-contents .uk-nav-sub>li>a:focus,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-offcanvas-contents .uk-nav-sub>li>a:hover,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-offcanvas-contents ul>li>a:focus,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-offcanvas-contents ul>li>a:hover,.atwiki-offcanvas>.uk-offcanvas-bar .off_contents .uk-nav-sub>li>a:focus,.atwiki-offcanvas>.uk-offcanvas-bar .off_contents .uk-nav-sub>li>a:hover,.atwiki-offcanvas>.uk-offcanvas-bar .off_contents ul>li>a:focus,.atwiki-offcanvas>.uk-offcanvas-bar .off_contents ul>li>a:hover {
  569. color: #444
  570. }
  571.  
  572. .atwiki-offcanvas-bar #atwiki-username,.atwiki-offcanvas>.uk-offcanvas-bar #atwiki-username {
  573. margin-top: 8px
  574. }
  575.  
  576. .atwiki-offcanvas-bar #atwiki-username>span,.atwiki-offcanvas>.uk-offcanvas-bar #atwiki-username>span {
  577. font-size: 10px;
  578. color: #a8a8a8
  579. }
  580.  
  581. .atwiki-offcanvas-bar #atwiki-username>span:before,.atwiki-offcanvas>.uk-offcanvas-bar #atwiki-username>span:before {
  582. background: 0/contain url(/common/_img/ic-baseline-group.svg) no-repeat;
  583. content: "";
  584. display: inline-block;
  585. position: relative;
  586. top: 3px;
  587. margin-right: 4px;
  588. width: 16px;
  589. height: 16px
  590. }
  591.  
  592. .atwiki-offcanvas-bar .nav-item>a:after,.atwiki-offcanvas>.uk-offcanvas-bar .nav-item>a:after {
  593. content: "";
  594. width: 1.5em;
  595. height: 1.5em;
  596. float: right;
  597. background-repeat: no-repeat;
  598. background-position: 50% 50%
  599. }
  600.  
  601. .atwiki-offcanvas-bar .nav-item>a:after,.atwiki-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a:after,.atwiki-offcanvas>.uk-offcanvas-bar .nav-item>a:after,.atwiki-offcanvas>.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a:after {
  602. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23666' stroke-width='1.1' d='M1 4l6 6 6-6'/%3E%3C/svg%3E")
  603. }
  604.  
  605. .atwiki-offcanvas-bar .nav-item.uk-open>a:after,.atwiki-offcanvas-bar .nav-item a[aria-expanded=true]:after,.atwiki-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a:after,.atwiki-offcanvas-bar .uk-nav-parent-icon>.uk-parent a[aria-expanded=true]:after,.atwiki-offcanvas>.uk-offcanvas-bar .nav-item.uk-open>a:after,.atwiki-offcanvas>.uk-offcanvas-bar .nav-item a[aria-expanded=true]:after,.atwiki-offcanvas>.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a:after,.atwiki-offcanvas>.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent a[aria-expanded=true]:after {
  606. transform: scaleY(-1)
  607. }
  608.  
  609. .atwiki-offcanvas-bar .atwiki-menu-divider,.atwiki-offcanvas-bar .uk-nav-default .uk-nav-divider,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-menu-divider,.atwiki-offcanvas>.uk-offcanvas-bar .uk-nav-default .uk-nav-divider {
  610. border-top: 1px solid #a8a8a8
  611. }
  612.  
  613. .atwiki-offcanvas-bar .atwiki-menu-divider,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-menu-divider {
  614. margin: 4px 0
  615. }
  616.  
  617. .atwiki-offcanvas-bar .atwiki-link-settings,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-link-settings {
  618. padding: 24px 12px;
  619. text-align: center
  620. }
  621.  
  622. .atwiki-offcanvas-bar .atwiki-link-settings a,.atwiki-offcanvas>.uk-offcanvas-bar .atwiki-link-settings a {
  623. display: block;
  624. border: 1px solid #0066dc;
  625. border-radius: 6px;
  626. padding: 8px;
  627. color: #0066dc;
  628. font-size: 14px;
  629. text-decoration: none
  630. }
  631.  
  632. .atwiki-responsive-headbar {
  633. padding-left: 12px;
  634. background-color: #f90;
  635. font-size: 12px;
  636. color: #fff
  637. }
  638.  
  639. .atwiki-responsive-headbar nav {
  640. height: 40px
  641. }
  642.  
  643. .atwiki-responsive-headbar input {
  644. background-color: hsla(0,0%,100%,.2);
  645. padding: 5px 5px 5px 28px;
  646. margin-right: 5px;
  647. border: none;
  648. border-radius: 4px;
  649. line-height: 18px;
  650. font-size: 16px;
  651. color: #fff;
  652. width: 140px
  653. }
  654.  
  655. .atwiki-responsive-headbar input::-moz-placeholder {
  656. color: hsla(0,0%,100%,.6)
  657. }
  658.  
  659. .atwiki-responsive-headbar input::-ms-input-placeholder {
  660. color: hsla(0,0%,100%,.6)
  661. }
  662.  
  663. .atwiki-responsive-headbar input::placeholder {
  664. color: hsla(0,0%,100%,.6)
  665. }
  666.  
  667. .atwiki-header-sitename {
  668. background-color: #fff;
  669. padding: 8px 12px
  670. }
  671.  
  672. .atwiki-header-sitename .atwiki-site-icon {
  673. width: 48px;
  674. height: 48px;
  675. min-width: 48px;
  676. min-height: 48px;
  677. border-radius: 4px
  678. }
  679.  
  680. .atwiki-header-sitename .atwiki-header-title {
  681. margin: 0 8px;
  682. font-size: 14px;
  683. font-weight: 700
  684. }
  685.  
  686. .atwiki-header-sitename .atwiki-header-title p {
  687. margin: 0
  688. }
  689.  
  690. .atwiki-header-sitename .atwiki-header-title a {
  691. color: #444;
  692. font-weight: 700;
  693. text-decoration: none
  694. }
  695.  
  696. .atwiki-header-sitename .atwiki-logined-header-title p {
  697. font-size: 10px;
  698. color: #a8a8a8
  699. }
  700.  
  701. .atwiki-header-sitename .atwiki-logined-header-title p:before {
  702. content: "";
  703. display: inline-block;
  704. width: 16px;
  705. height: 16px;
  706. background-image: url(/common/_img/ic-baseline-group.svg);
  707. background-repeat: no-repeat;
  708. background-size: contain;
  709. margin-right: 2px
  710. }
  711.  
  712. .atwiki-header-sitename .atwiki-logined-header-title a {
  713. line-height: 16px;
  714. font-weight: 700;
  715. font-size: 12px
  716. }
  717.  
  718. .atwiki-header-sitename .atwiki-link-pagelist {
  719. min-width: 50px;
  720. margin-left: auto;
  721. white-space: nowrap;
  722. overflow: hidden
  723. }
  724.  
  725. .atwiki-header-sitename .atwiki-link-pagelist a {
  726. display: block;
  727. color: #f90;
  728. font-size: 10px;
  729. text-decoration: none
  730. }
  731.  
  732. .atwiki-header-sitename .atwiki-link-pagelist a:before {
  733. content: "";
  734. display: block;
  735. width: 32px;
  736. height: 32px;
  737. margin: 0 auto
  738. }
  739.  
  740. .responsive-header-btn {
  741. border-top: 1px solid #d9d9d9;
  742. border-bottom: 1px solid #d9d9d9;
  743. box-shadow: 0 2px 3px rgba(0,0,0,.25);
  744. background-color: #fff
  745. }
  746.  
  747. .responsive-header-btn ul li:not(:first-child) {
  748. border-left: 1px solid #d9d9d9
  749. }
  750.  
  751. .responsive-header-btn ul li a {
  752. color: #444;
  753. background-color: #fff;
  754. min-height: 48px;
  755. height: 48px;
  756. padding: 4px 0;
  757. font-size: 10px;
  758. font-weight: 400;
  759. text-decoration: none
  760. }
  761.  
  762. .responsive-header-btn ul li a.atwiki-link-disabled {
  763. background-color: #f2f2f2;
  764. color: #a8a8a8;
  765. cursor: not-allowed
  766. }
  767.  
  768. .responsive-header-btn ul li a.atwiki-link-disabled.atwiki-edit-button:before {
  769. background: 50%/contain url(/common/_img/ic-edit-alt-gray.svg) no-repeat
  770. }
  771.  
  772. .responsive-header-btn ul li a:not(.atwiki-site-icon-button):before {
  773. content: "";
  774. display: block;
  775. width: 24px;
  776. height: 24px;
  777. margin: 0 auto;
  778. image-rendering: pixelated
  779. }
  780.  
  781. .responsive-header-btn ul li a.atwiki-site-icon-button>img {
  782. border-radius: 4px;
  783. display: block;
  784. width: 24px;
  785. height: 24px;
  786. margin: 0 auto;
  787. padding: 2px
  788. }
  789.  
  790. .responsive-header-btn ul li a.atwiki-new-button:before {
  791. background: 50%/contain url(/common/_img/ic-plus.svg) no-repeat
  792. }
  793.  
  794. .responsive-header-btn ul li a.atwiki-popular-button:before {
  795. background: 50%/contain url(/common/_img/ic-page-rank.svg) no-repeat
  796. }
  797.  
  798. .responsive-header-btn ul li a.atwiki-edit-button:before {
  799. background: 50%/contain url(/common/_img/ic-edit-alt.svg) no-repeat
  800. }
  801.  
  802. .responsive-header-btn ul li a.atwiki-login-button:before {
  803. background: 50%/contain url(/common/_img/ic-group-add.svg) no-repeat
  804. }
  805.  
  806. .responsive-header-btn ul li a.atwiki-settings-button:before {
  807. background: 50%/contain url(/common/_img/ic-settings.svg) no-repeat
  808. }
  809.  
  810. .responsive-header-btn ul li a.atwiki-menu-button:before {
  811. background: 50%/contain url(/common/_img/ic-menu-settings.svg) no-repeat
  812. }
  813.  
  814. .responsive-header-btn ul li a.atwiki-search-button:before {
  815. background: 50%/contain url(/common/_img/ic-orange-search.svg) no-repeat
  816. }
  817.  
  818. #atwiki-bootstrap-offcanvas,#atwiki-menubar-offcanvas {
  819. position: fixed;
  820. visibility: hidden;
  821. top: 0;
  822. right: 0;
  823. bottom: 0;
  824. left: 0;
  825. transition: .3s;
  826. z-index: 1200
  827. }
  828.  
  829. #atwiki-bootstrap-offcanvas .atwiki-offcanvas-contents,#atwiki-menubar-offcanvas .atwiki-offcanvas-contents {
  830. position: fixed;
  831. top: 0;
  832. bottom: 0;
  833. right: 0;
  834. transform: translate3d(270px,0,0)
  835. }
  836.  
  837. #atwiki-bootstrap-offcanvas .atwiki-menubar-contents,#atwiki-menubar-offcanvas .atwiki-menubar-contents {
  838. transform: translate3d(-270px,0,0)
  839. }
  840.  
  841. #atwiki-bootstrap-offcanvas .atwiki-menubar-contents,#atwiki-bootstrap-offcanvas .atwiki-offcanvas-contents,#atwiki-menubar-offcanvas .atwiki-menubar-contents,#atwiki-menubar-offcanvas .atwiki-offcanvas-contents {
  842. width: 270px;
  843. background-color: #fff;
  844. transition: transform .3s;
  845. overflow: auto
  846. }
  847.  
  848. #atwiki-bootstrap-offcanvas.atwiki-menubar-open,#atwiki-menubar-offcanvas.atwiki-menubar-open {
  849. visibility: visible;
  850. background-color: rgba(0,0,0,.7);
  851. transition: .3s
  852. }
  853.  
  854. #atwiki-bootstrap-offcanvas.atwiki-menubar-open .atwiki-menubar-contents,#atwiki-bootstrap-offcanvas.atwiki-menubar-open .atwiki-offcanvas-contents,#atwiki-menubar-offcanvas.atwiki-menubar-open .atwiki-menubar-contents,#atwiki-menubar-offcanvas.atwiki-menubar-open .atwiki-offcanvas-contents {
  855. position: fixed;
  856. top: 0;
  857. bottom: 0;
  858. overflow: auto;
  859. transform: translateX(0);
  860. transition: transform .3s
  861. }
  862.  
  863. #atwiki-bootstrap-offcanvas.atwiki-menubar-open .atwiki-menubar-contents,#atwiki-menubar-offcanvas.atwiki-menubar-open .atwiki-menubar-contents {
  864. left: 0
  865. }
  866.  
  867. #atwiki-bootstrap-offcanvas.atwiki-menubar-open .atwiki-offcanvas-contents,#atwiki-menubar-offcanvas.atwiki-menubar-open .atwiki-offcanvas-contents {
  868. right: 0
  869. }
  870.  
  871. #atwiki-bootstrap-offcanvas #atwiki-menu-top,#atwiki-menubar-offcanvas #atwiki-menu-top {
  872. padding-top: 6px;
  873. border-top: 2px solid #f90
  874. }
  875.  
  876. #atwiki-bootstrap-offcanvas #atwiki-menu-top a,#atwiki-menubar-offcanvas #atwiki-menu-top a {
  877. color: #404040
  878. }
  879.  
  880. .atwiki-link-pagelist>a:before,a.atwiki-link-pagelist:before {
  881. background: 50%/contain url(/common/_img/ic-page-list.svg) no-repeat
  882. }
  883.  
  884. #atwiki-fixed-nav {
  885. display: none;
  886. position: fixed;
  887. top: 0;
  888. width: 100%;
  889. background-color: #fff;
  890. z-index: 100;
  891. box-sizing: border-box;
  892. box-shadow: 0 2px 3px rgba(0,0,0,.25)
  893. }
  894.  
  895. #atwiki-fixed-nav .atwiki-sp-fixed-nav {
  896. width: 100%;
  897. padding: 6px 12px;
  898. background-color: #fff;
  899. box-sizing: border-box
  900. }
  901.  
  902. #atwiki-fixed-nav .atwiki-sp-fixed-nav img {
  903. min-width: 24px
  904. }
  905.  
  906. #atwiki-fixed-nav .atwiki-sp-fixed-nav #atwiki-header-nav-title {
  907. margin: 0 8px;
  908. font-size: 12px;
  909. font-weight: 700;
  910. color: #f90;
  911. white-space: nowrap;
  912. overflow: hidden;
  913. text-overflow: ellipsis;
  914. flex: 1
  915. }
  916.  
  917. #atwiki-footer-fixed-nav #atwiki-footer-fixed-buttons {
  918. margin: 0;
  919. list-style-type: none
  920. }
  921.  
  922. #atwiki-footer-fixed-nav #atwiki-footer-fixed-buttons li button {
  923. display: block;
  924. position: fixed;
  925. right: 12px;
  926. padding: 3px 0 0;
  927. background-color: #f90;
  928. width: 40px;
  929. height: 40px;
  930. box-sizing: border-box;
  931. border-radius: 8px;
  932. border: 1px solid rgba(0,0,0,.1);
  933. box-shadow: 0 0 8px rgba(0,0,0,.08)
  934. }
  935.  
  936. #atwiki-footer-fixed-nav #atwiki-footer-fixed-buttons li button:before {
  937. margin: 0 auto
  938. }
  939.  
  940. #atwiki-footer-fixed-nav #atwiki-footer-fixed-buttons li button#footer-fixed-menubar {
  941. bottom: 188px;
  942. z-index: 100
  943. }
  944.  
  945. #atwiki-footer-fixed-nav #atwiki-footer-fixed-buttons li button#footer-fixed-menubar:before {
  946. background-image: url(/common/_img/ic-hamburger-menu.svg)
  947. }
  948.  
  949. #atwiki-footer-fixed-nav #atwiki-footer-fixed-buttons li button#footer-fixed-popular {
  950. bottom: 132px;
  951. z-index: 1100
  952. }
  953.  
  954. #atwiki-footer-fixed-nav #atwiki-footer-fixed-buttons li button#footer-fixed-popular:before {
  955. background-image: url(/common/_img/ic-crawn.svg)
  956. }
  957.  
  958. #atwiki-footer-fixed-nav #atwiki-footer-fixed-buttons li button p {
  959. position: relative;
  960. top: -2px;
  961. left: -1px;
  962. margin: 0;
  963. width: 40px;
  964. font-weight: 700;
  965. color: #fff;
  966. font-size: 10px;
  967. transform: scale(.8)
  968. }
  969.  
  970. #atwiki-jump-modal {
  971. background-color: rgba(0,0,0,.7)
  972. }
  973.  
  974. #atwiki-jump-modal .modal-body,#atwiki-jump-modal .uk-modal-dialog {
  975. position: fixed;
  976. bottom: 128px;
  977. right: 68px;
  978. width: auto;
  979. background-color: transparent;
  980. transform: inherit;
  981. z-index: 1100
  982. }
  983.  
  984. #atwiki-jump-modal .modal-body ul,#atwiki-jump-modal .uk-modal-dialog ul {
  985. list-style: none;
  986. margin: 0;
  987. padding: 0
  988. }
  989.  
  990. #atwiki-jump-modal .modal-body ul li:not(:last-child),#atwiki-jump-modal .uk-modal-dialog ul li:not(:last-child) {
  991. border-bottom: 1px solid #d9d9d9
  992. }
  993.  
  994. #atwiki-jump-modal .modal-body ul li:first-child button,#atwiki-jump-modal .uk-modal-dialog ul li:first-child button {
  995. border-radius: 8px 8px 0 0
  996. }
  997.  
  998. #atwiki-jump-modal .modal-body ul li:last-child button,#atwiki-jump-modal .uk-modal-dialog ul li:last-child button {
  999. border-radius: 0 0 8px 8px
  1000. }
  1001.  
  1002. #atwiki-jump-modal .modal-body ul li button,#atwiki-jump-modal .uk-modal-dialog ul li button {
  1003. margin: 0;
  1004. border: none;
  1005. width: 100%;
  1006. background-color: #fff;
  1007. color: #404040;
  1008. padding: 8px 32px 8px 8px
  1009. }
  1010.  
  1011. .atwiki-icon {
  1012. display: flex;
  1013. align-items: center
  1014. }
  1015.  
  1016. .atwiki-icon:before {
  1017. display: block;
  1018. margin-right: 8px;
  1019. content: "";
  1020. width: 24px;
  1021. height: 24px;
  1022. background-size: contain;
  1023. background-repeat: no-repeat;
  1024. vertical-align: text-bottom
  1025. }
  1026.  
  1027. .atwiki-icon.atwiki-star-icon:before {
  1028. background-image: url(/common/_img/ic-star.svg)
  1029. }
  1030.  
  1031. .atwiki-icon.atwiki-star-orange-icon:before {
  1032. background-image: url(/common/_img/ic-star-orange.svg)
  1033. }
  1034.  
  1035. .atwiki-icon.atwiki-update-icon:before {
  1036. background-image: url(/common/_img/ic-update.svg)
  1037. }
  1038.  
  1039. .atwiki-icon.atwiki-popular-icon:before {
  1040. background-image: url(/common/_img/ic-popular.svg)
  1041. }
  1042.  
  1043. .atwiki-icon.atwiki-popular-orange-icon:before {
  1044. background-image: url(/common/_img/ic-popular-orange.svg)
  1045. }
  1046.  
  1047. .atwiki-icon.atwiki-new-icon:before {
  1048. background-image: url(/common/_img/ic-new.svg)
  1049. }
  1050.  
  1051. .atwiki-icon.atwiki-new-orange-icon:before {
  1052. background-image: url(/common/_img/ic-new-orange.svg)
  1053. }
  1054.  
  1055. .atwiki-icon.atwiki-game-controller-icon:before {
  1056. background-image: url(/common/_img/ic-game-controller.svg)
  1057. }
  1058.  
  1059. .atwiki-icon.atwiki-bell-icon:before {
  1060. background-image: url(/common/_img/ic-bell.svg)
  1061. }
  1062.  
  1063. @media print,screen and (min-width: 960px) {
  1064. .atwiki-responsive-logo {
  1065. margin-right:12px
  1066. }
  1067.  
  1068. .atwiki-responsive-logo img {
  1069. height: 24px
  1070. }
  1071.  
  1072. .atwiki-responsive-headbar {
  1073. background-color: #444
  1074. }
  1075.  
  1076. .atwiki-responsive-headbar>nav {
  1077. height: 34px;
  1078. background-color: #444;
  1079. color: #fff
  1080. }
  1081.  
  1082. .atwiki-responsive-headbar input {
  1083. width: 232px;
  1084. margin-right: 12px;
  1085. line-height: 14px;
  1086. border-radius: 2px;
  1087. font-size: 12px
  1088. }
  1089.  
  1090. .atwiki-responsive-headbar .atwiki-search-icon {
  1091. top: 5px
  1092. }
  1093.  
  1094. .atwiki-header-sitename {
  1095. padding: 0;
  1096. border-bottom: 1px solid #f2f2f2
  1097. }
  1098.  
  1099. .atwiki-header-sitename .atwiki-site-icon {
  1100. margin-left: 12px;
  1101. width: 32px;
  1102. height: 32px;
  1103. min-width: 32px;
  1104. min-height: 32px
  1105. }
  1106.  
  1107. .atwiki-header-sitename .atwiki-sitename {
  1108. font-size: 14px;
  1109. font-weight: 600;
  1110. display: -webkit-box;
  1111. -webkit-box-orient: vertical;
  1112. -webkit-line-clamp: 2;
  1113. max-width: 350px;
  1114. line-height: 18px;
  1115. overflow: hidden;
  1116. overflow-wrap: break-word
  1117. }
  1118.  
  1119. .atwiki-header-sitename a.atwiki-logined-sitename {
  1120. font-size: 14px;
  1121. font-weight: 600;
  1122. max-width: 382px;
  1123. white-space: nowrap;
  1124. overflow: hidden;
  1125. text-overflow: ellipsis
  1126. }
  1127.  
  1128. .atwiki-header-sitename .atwiki-header-submenu .atwiki-header-title {
  1129. font-size: 12px
  1130. }
  1131.  
  1132. .atwiki-header-sitename .atwiki-header-submenu {
  1133. display: flex
  1134. }
  1135.  
  1136. .atwiki-header-sitename .atwiki-shortcut-menu {
  1137. margin-left: auto;
  1138. font-size: 12px
  1139. }
  1140.  
  1141. .atwiki-header-sitename .atwiki-shortcut-menu>ul {
  1142. margin: auto;
  1143. padding-left: 0
  1144. }
  1145.  
  1146. .atwiki-header-sitename .atwiki-shortcut-menu li {
  1147. display: inline-block;
  1148. list-style-type: none
  1149. }
  1150.  
  1151. .atwiki-header-sitename .atwiki-shortcut-menu li:hover {
  1152. background-color: rgba(0,0,0,.1)
  1153. }
  1154.  
  1155. .atwiki-header-sitename .atwiki-shortcut-menu a {
  1156. color: #444;
  1157. padding: 12px;
  1158. display: flex;
  1159. align-items: center;
  1160. text-decoration: none
  1161. }
  1162.  
  1163. .atwiki-header-sitename .atwiki-shortcut-menu a:before {
  1164. content: "";
  1165. display: inline-block;
  1166. width: 24px;
  1167. height: 24px;
  1168. image-rendering: pixelated;
  1169. margin-right: 8px
  1170. }
  1171.  
  1172. .atwiki-header-sitename .atwiki-shortcut-menu a.atwiki-link-disabled {
  1173. color: #a8a8a8;
  1174. cursor: not-allowed
  1175. }
  1176.  
  1177. .atwiki-header-sitename .atwiki-shortcut-menu a.atwiki-link-disabled.atwiki-edit-button:before {
  1178. background: 50%/contain url(/common/_img/ic-edit-alt-gray.svg) no-repeat
  1179. }
  1180.  
  1181. .atwiki-header-sitename .atwiki-shortcut-menu a.atwiki-new-button:before {
  1182. background: 0/contain url(/common/_img/ic-plus.svg) no-repeat
  1183. }
  1184.  
  1185. .atwiki-header-sitename .atwiki-shortcut-menu a.atwiki-edit-button:before {
  1186. background: 0/contain url(/common/_img/ic-edit-alt.svg) no-repeat
  1187. }
  1188.  
  1189. .atwiki-header-sitename .atwiki-shortcut-menu a.atwiki-link-pagelist:before {
  1190. background: 0/contain url(/common/_img/ic-page-list.svg) no-repeat
  1191. }
  1192.  
  1193. .atwiki-header-sitename .atwiki-shortcut-menu a.atwiki-login-button:before {
  1194. background: 0/contain url(/common/_img/ic-group-add.svg) no-repeat
  1195. }
  1196.  
  1197. .atwiki-header-sitename .atwiki-shortcut-menu a.atwiki-settings-button:before {
  1198. background: 0/contain url(/common/_img/ic-settings.svg) no-repeat
  1199. }
  1200.  
  1201. .atwiki-header-sitename .atwiki-shortcut-menu a.atwiki-menu-button:before {
  1202. background: 0/contain url(/common/_img/ic-menu-settings.svg) no-repeat
  1203. }
  1204.  
  1205. #atwiki-menubar-offcanvas {
  1206. position: inherit;
  1207. width: inherit;
  1208. visibility: inherit;
  1209. z-index: inherit
  1210. }
  1211.  
  1212. #atwiki-menubar-offcanvas .atwiki-menubar-contents {
  1213. width: inherit;
  1214. transform: inherit;
  1215. overflow: inherit
  1216. }
  1217. }
  1218.  
  1219. @media print {
  1220. #atwiki-fixed-nav {
  1221. display: none
  1222. }
  1223. }
  1224.  

タグ:

+ タグ編集
  • タグ:
最終更新:2022年03月30日 20:02