API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 7th, 2013
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.35 KB | None | 0 0
raw download clone embed print report
  1. /* custom */
  2. html{
  3. -webkit-text-size-adjust: none;
  4. }
  5. body{
  6. font-family: 'lucida grande', tahoma, Verdana, Chicago, 'メイリオ', Meiryo, 'ＭＳ ゴシック', 'MS Gothic', Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  7. font-size:14px;
  8. background:#222;
  9. color: #DDDDDD;
  10. }
  11. span.xxsmall + span.ctrl{
  12. position:relative;
  13. top:-4px;
  14. }
  15. table + span.ctrl{
  16. position:relative;
  17. top:2px;
  18. }
  19. span.ctrl{
  20. display: block;
  21. line-height: 25px;
  22. }
  23. body>a,
  24. span.ctrl a,
  25. input[type="submit"]{
  26. text-decoration:none;
  27. background-color: #333;
  28. background-image: linear-gradient(bottom, rgb(29,33,31) 35%, rgb(58,59,59) 68%, rgb(66,66,66) 84%);
  29. background-image: -o-linear-gradient(bottom, rgb(29,33,31) 35%, rgb(58,59,59) 68%, rgb(66,66,66) 84%);
  30. background-image: -moz-linear-gradient(bottom, rgb(29,33,31) 35%, rgb(58,59,59) 68%, rgb(66,66,66) 84%);
  31. background-image: -webkit-linear-gradient(bottom, rgb(29,33,31) 35%, rgb(58,59,59) 68%, rgb(66,66,66) 84%);
  32. background-image: -ms-linear-gradient(bottom, rgb(29,33,31) 35%, rgb(58,59,59) 68%, rgb(66,66,66) 84%);
  33.  
  34. border-radius:5px;
  35. -webkit-border-radius: 5px;
  36. -moz-border-radius: 5px;
  37.  
  38. padding:2px 8px;
  39. margin: 1px;
  40. color:#fff;
  41. }
  42. body>a:hover,
  43. span.ctrl a:hover,
  44. input:hover[type="submit"]{
  45. background-color: #444;
  46. background-image: linear-gradient(bottom, rgb(107,104,247) 31%, rgb(140,136,255) 66%, rgb(168,164,255) 83%);
  47. background-image: -o-linear-gradient(bottom, rgb(107,104,247) 31%, rgb(140,136,255) 66%, rgb(168,164,255) 83%);
  48. background-image: -moz-linear-gradient(bottom, rgb(107,104,247) 31%, rgb(140,136,255) 66%, rgb(168,164,255) 83%);
  49. background-image: -webkit-linear-gradient(bottom, rgb(107,104,247) 31%, rgb(140,136,255) 66%, rgb(168,164,255) 83%);
  50. background-image: -ms-linear-gradient(bottom, rgb(107,104,247) 31%, rgb(140,136,255) 66%, rgb(168,164,255) 83%);
  51. }
  52. span.ctrl a:active,body>a:active, input:active[type="submit"]{
  53. background-color: #222;
  54. background-image: linear-gradient(bottom, rgb(168,164,255) 31%, rgb(140,136,255) 66%, rgb(107,104,247) 83%);
  55. background-image: -o-linear-gradient(bottom, rgb(168,164,255) 31%, rgb(140,136,255) 66%, rgb(107,104,247) 83%);
  56. background-image: -moz-linear-gradient(bottom, rgb(168,164,255) 31%, rgb(140,136,255) 66%, rgb(107,104,247) 83%);
  57. background-image: -webkit-linear-gradient(bottom, rgb(168,164,255) 31%, rgb(140,136,255) 66%, rgb(107,104,247) 83%);
  58. background-image: -ms-linear-gradient(bottom, rgb(168,164,255) 31%, rgb(140,136,255) 66%, rgb(107,104,247) 83%);
  59. }
  60.  
  61. body>table{
  62. clear:both;
  63. }
  64. span.ctrl{
  65. display: block;
  66. float:left;
  67. color:#fff;
  68. width:98%;
  69. }
  70. body{
  71. line-height: 10px;
  72. width: 98%;
  73. }
  74.  
  75. /* ------------------------------------------
  76. CSS3 GITHUB BUTTONS (Nicolas Gallagher)
  77. Licensed under Unlicense
  78. http://github.com/necolas/css3-github-buttons
  79. ------------------------------------------ */
  80. div#ctrlbar{
  81. color:#fff;
  82. font-size:11px;
  83. white-space: nowrap;
  84. min-width: 480px;
  85. }
  86. div#ctrlbar>a{
  87. clear:left;
  88. position: relative;
  89. overflow: visible;
  90. display: inline-block;
  91. padding: 0.5em 1em;
  92. border: 1px solid #d4d4d4;
  93. margin:0 2px 0;
  94. text-decoration: none;
  95. text-shadow: 1px 1px 0 #fff;
  96. font-size:11px !important;
  97. color: #333;
  98. white-space: nowrap;
  99. cursor: pointer;
  100. outline: none;
  101. background-color: #ececec;
  102. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  103. background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  104. background-image: -o-linear-gradient(#f4f4f4, #ececec);
  105. background-image: linear-gradient(#f4f4f4, #ececec);
  106. -webkit-background-clip: padding;
  107. -moz-background-clip: padding;
  108. -o-background-clip: padding-box;
  109. /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
  110. -webkit-border-radius: 0.2em;
  111. -moz-border-radius: 0.2em;
  112. border-radius: 0.2em;
  113. /* IE hacks */
  114. zoom: 1;
  115. *display: inline;
  116. }
  117. div#ctrlbar>a:hover,
  118. div#ctrlbar>a:focus,
  119. div#ctrlbar>a:active {
  120. border-color: #3072b3;
  121. border-bottom-color: #2a65a0;
  122. text-decoration: none;
  123. text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  124. color: #fff;
  125. background-color: #3072b3;
  126. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
  127. background-image: -moz-linear-gradient(#599bdc, #3072b3);
  128. background-image: -o-linear-gradient(#599bdc, #3072b3);
  129. background-image: linear-gradient(#599bdc, #3072b3);
  130. }
  131. div#ctrlbar>a.active {
  132. border-color: #2a65a0;
  133. border-bottom-color: #3884CF;
  134. color: #fff;
  135. background-color: #3072b3;
  136. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
  137. background-image: -moz-linear-gradient(#3072b3, #599bdc);
  138. background-image: -o-linear-gradient(#3072b3, #599bdc);
  139. background-image: linear-gradient(#3072b3, #599bdc);
  140. }
  141. /* overrides extra padding on button elements in Firefox */
  142. div#ctrlbar>a::-moz-focus-inner {
  143. padding: 0;
  144. border: 0;
  145. }
  146.  
  147. span.off a,
  148. span.on a {
  149. float:left;
  150. font-size:14px;
  151. text-decoration:none;
  152. border-radius:5px;
  153. -webkit-border-radius: 5px;
  154. -moz-border-radius: 5px;
  155. background:#333;
  156. color:#fff;
  157. margin:2px;
  158. padding: 20px 12px;
  159. }
  160. span.on a{
  161. background:#1e90ff;
  162. }
  163. span.on a:hover{
  164. background:#3EC0FF;
  165. }
  166. span.on a:active{
  167. background:#0A60FF;
  168. }
  169. span.off a:hover{
  170. background:#666;
  171. }
  172. span.off a:active{
  173. background:#2A2A2A;
  174. }
  175.  
  176. /* 見出し局名 */
  177. table>tbody>tr + tr{
  178. background:#444 !important;
  179. }
  180. table>tbody>tr + tr>td{
  181. height:50px;
  182. }
  183.  
  184. table>tbody>tr + tr>td>span>a{
  185. text-decoration:none;
  186. color:#ccc;
  187. }
  188. .station>a{
  189. font-size: 11pt;
  190. }
  191. .station>a:hover{
  192. color:#000000;
  193. background-color: #FFFFFF;
  194. border-bottom: dotted 1px #000000;
  195. }
  196. .station>a:active{
  197. color:#FF0000;
  198. background-color: #FFAAAA;
  199. border-bottom: dotted 1px #000000;
  200. }
  201.  
  202. /* 番組欄の両側時刻 */
  203. td.tm_mor,
  204. td.tm_eve,
  205. td.tm_nig,
  206. td.tm_mid{
  207. text-align: center;
  208. color: #000000;
  209. font-size: 12pt;
  210. padding: 2px;
  211. }
  212.  
  213. /* 番組欄 */
  214. td.norm,
  215. td.resv,
  216. td.gray,
  217. td.badr,
  218. td.warn{
  219. width: 180px;
  220. }
  221. td.norm:hover{
  222. position:relative;
  223. z-index:10001;
  224. -moz-box-shadow: 0 0 10px #000;
  225. -webkit-box-shadow: 0 0 10px #000;
  226. }
  227. td.resv{
  228. border-width: 1 0 1 4;
  229. border-color: green;
  230. border-style: solid;
  231. }
  232. td.resv:hover{
  233. position:relative;
  234. z-index:10001;
  235. -moz-box-shadow: 0 0 20px #0F0;
  236. -webkit-box-shadow: 0 0 20px #0F0;
  237. }
  238. td.gray{
  239. border-width: 3 3 3 3;
  240. border-color: gray;
  241. border-style: dashed;
  242. }
  243. td.gray:hover{
  244. position:relative;
  245. z-index:10001;
  246. -moz-box-shadow: 0 0 20px #000;
  247. -webkit-box-shadow: 0 0 20px #000;
  248. }
  249. td.badr{
  250. border-width: 4 4 4 4;
  251. border-color: red;
  252. border-style: dashed;
  253. }
  254. td.badr:hover{
  255. position:relative;
  256. z-index:10001;
  257. -moz-box-shadow: 0 0 20px #F00;
  258. -webkit-box-shadow: 0 0 20px #F00;
  259. }
  260. td.warn {
  261. border-width: 4 4 4 4;
  262. border-color: #FF6600;
  263. border-style: dashed;
  264. }
  265. td.warn:hover{
  266. position:relative;
  267. z-index:10001;
  268. -moz-box-shadow: 0 0 20px #F60;
  269. -webkit-box-shadow: 0 0 20px #F60;
  270. }
  271.  
  272. td.norm>table,
  273. td.resv>table,
  274. td.gray>table,
  275. td.badr>table,
  276. td.warn>table{
  277. width: 100%;
  278. }
  279. .title{
  280. display: block;
  281. text-align: justify;
  282. text-justify: inter-ideograph;
  283. font-size: 12pt;
  284. font-weight: bold;
  285. margin-left: 2px;
  286. margin-top: 2px;
  287. }
  288.  
  289. /* 番組説明 */
  290. .minute>a:hover{
  291. color: #000000;
  292. background-color: #FFFFFF;
  293. border-bottom: dotted 1px #000000;
  294. }
  295. .minute>a:active{
  296. color: #FF0000;
  297. background-color: #FFAAAA;
  298. }
  299.  
  300. .explan {
  301. display: block;
  302. position: relative;
  303. padding: 6px;
  304. }
  305. .detail{
  306. position: relative;
  307. bottom: 6px;
  308. left: 3px;
  309. }
  310. a.toolTip:hover{
  311. color: #000000;
  312. background-color: #FFFFFF;
  313. }
  314. a.toolTip:active{
  315. color: #FF0000;
  316. background-color: #FFAAAA;
  317. }
  318. .resv a.toolTip:after{
  319. content: " ";
  320. }
  321. .resv span.minute:before{
  322. float:right;
  323. display: block;
  324. text-align: center;
  325. font-size: 11pt;
  326. background-color: #008800;
  327. color: #FFFFFF;
  328. content :" 予　約 ";
  329. white-space: pre;
  330. }
  331. .gray span.minute:before{
  332. float:right;
  333. display: block;
  334. text-align: center;
  335. font-size: 11pt;
  336. background-color: #B6B6B6;
  337. color: #000000;
  338. content :" 無　効 ";
  339. white-space: pre;
  340. }
  341. .badr span.minute:before{
  342. float:right;
  343. display: block;
  344. text-align: center;
  345. font-size: 11pt;
  346. background-color: #EE0000;
  347. color: #FFFFFF;
  348. content :" 失　敗 ";
  349. white-space: pre;
  350. }
  351. .warn span.minute:before{
  352. float:right;
  353. display: block;
  354. text-align: center;
  355. font-size: 11pt;
  356. background-color: #FFAA00;
  357. color: #000000;
  358. content :" 警　告 ";
  359. white-space: pre;
  360. }
  361. .resv span.detail:before,
  362. .gray span.detail:before,
  363. .badr span.detail:before,
  364. .warn span.detail:before{
  365. content: "\A";
  366. white-space: pre;
  367. }
  368. .norm>table>tbody>tr>td>br,
  369. .resv>table>tbody>tr>td>br,
  370. .gray>table>tbody>tr>td>br,
  371. .badr>table>tbody>tr>td>br,
  372. .warn>table>tbody>tr>td>br{
  373. line-height:3px;
  374. }
  375.  
  376.  
  377. /* 予約ボタン */
  378.  
  379. .slink{
  380. display: block;
  381. text-align: right;
  382. padding-right: 5px;
  383. position: relative;
  384. top: 2px;
  385. }
  386. .norm .slink a,
  387. .gray .slink a,
  388. .badr .slink a{
  389. background-image:url(resv.gif);
  390. width:42px;
  391. height:0px;
  392. padding-top:15px;
  393. overflow:hidden;
  394. display:inline-block;
  395. }
  396. .norm .slink a:hover,
  397. .gray .slink a:hover,
  398. .badr .slink a:hover{
  399. background-image:url(resv_h.gif)
  400. }
  401. .norm .slink a:active,
  402. .gray .slink a:active,
  403. .badr .slink a:active{
  404. background-image:url(resv_a.gif)
  405. }
  406. .resv .slink a {
  407. background-image:url(del.gif);
  408. width:68px;
  409. height:0px;
  410. padding-top:15px;
  411. overflow:hidden;
  412. display:inline-block;
  413. }
  414. .resv .slink a:hover {
  415. background-image:url(del_h.gif);
  416. }
  417. .resv .slink a:active {
  418. background-image:url(del_a.gif);
  419. }
  420.  
  421. /* 詳細予約 */
  422. input,select{
  423. background-color: #222;
  424. color: #DDD;
  425. padding: 2px;
  426. padding-left: 4px;
  427. font-size: 11pt;
  428. }
  429. input:hover,select:hover{
  430. background-color: #444;
  431. color: #FFF;
  432. }
  433. input:active,input:focus,
  434. select:active,select:focus{
  435. background-color: #DDD;
  436. color: #000;
  437. }
  438.  
  439.  
  440. .explan{
  441. display: none;
  442. }
  443. td.norm{
  444. overflow: hidden;
  445. text-overflow: ellipsis;
  446. width: 180px;
  447. }
  448. td.norm:hover, td.norm:active{
  449. position: absolute;
  450. display: block;
  451. height: auto;
  452. width: auto;
  453. min-width: 180px;
  454. max-width: 240px;
  455. }
  456. td.norm:hover .explan, td.norm:active .explan,
  457. td.resv:hover .explan, td.resv:active .explan
  458. td.gray:hover .explan, td.gray:active .explan
  459. td.warn:hover .explan, td.warn:active .explan{
  460. display: block;
  461. height: 100%;
  462. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!