API tools faq
paste
Guest User

Untitled

a guest
Jun 24th, 2018
91
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.54 KB | None | 0 0
raw download clone embed print report
  1. /* Tehtiin tää maken kaa CS Sources xD tämmönen paska porttaus ::::::DDDDDDDD tää on siis yotsuba b xD*/
  2. * {
  3.     padding: 0;
  4.     margin: 0;
  5. }
  6. body {
  7.     background:#EEF2FF url(/yotsubabkansio/fade.png) top center repeat-x; /* tän voi kai sit vaihtaa ihan mihin huvittaa xD toi on vaa esimerkkikansio xD */
  8.     color: #000;
  9.     font-family: arial,helvetica,sans-serif;
  10.     font-size: 10pt;
  11. }
  12. hr {
  13.     border:none;
  14.     border-top:1px solid #B7C5D9;
  15.     height:0;
  16. }
  17. a,a:visited {
  18.     color:#34345C;
  19. }
  20. a:hover {
  21.     color:#D00;
  22. }
  23. a img {
  24.     border: 0;
  25. }
  26. .clear {
  27.     clear: both;
  28. }
  29. .red {
  30.     color: #FF0000;
  31. }
  32. .red a {
  33.     color: #FF0000;
  34. }
  35. .tooltip {
  36.     position: absolute;
  37.     top: 0;
  38.     left: 0;
  39.     z-index: 3;
  40.     display: none;
  41.     border: 1px dotted #000000;
  42.     background:#D6DAF0;
  43.     color:#000;
  44.     padding: 5px;
  45. }
  46. .tooltip .answer {
  47.     margin-left: 0px;
  48. }
  49.  
  50. /* Custom pages */
  51. .centered {
  52.     margin: 40px auto;
  53.     text-align: center;
  54. }
  55. .centered h2 {
  56.     font-size: 1.25em;
  57.     font-weight: normal;
  58.     margin-bottom: 60px;
  59. }
  60. .bottommargin {
  61.     margin-bottom: 10px;
  62. }
  63.  
  64. /* Sidebar */
  65. #left {
  66.     background:#EEF2FF url(/yotsubabkansio/fade.png) repeat-x 50% 0; /* tähänkin vaihtoon se kansio, jossa fade.png sijaitsee */
  67.     width: 184px;
  68.     height: 100%;
  69.     float: left;
  70.     position: fixed;
  71.     overflow: auto;
  72.     padding: 8px;
  73.     font-size: 0.9em;
  74. }
  75. #left ul {
  76.     list-style-type: none;
  77.     margin-bottom: 10px;
  78. }
  79. #left a {
  80.     color:#34345C;
  81.     display: block;
  82. }
  83. #left a {
  84.     text-decoration: none;
  85. }
  86. #left ul a:hover {
  87.     background-color: #98E;
  88. }
  89. #left li.header {
  90.     background-color: #87D;
  91.     color: #000000;
  92.     font-weight: bold;
  93.     padding: 1px 5px;
  94. }
  95. #right {
  96.     min-width: 430px;
  97.     padding: 5px;
  98. }
  99. .with-sidebar {
  100.     margin-left: 200px;
  101. }
  102.  
  103. /* Etusivu, tätä en jaksanut muokata */
  104. #front {
  105.     width: 960px;
  106.     text-align: center;
  107.     margin: 20px auto 40px auto;
  108. }
  109. #front h1 {
  110.     font-size: 2.5em;
  111. }
  112. #front h2 {
  113.     font-weight: normal;
  114.     font-style: oblique;
  115.     font-size: 1.35em;
  116. }
  117. #front h3 {
  118.     background-color: #98E;
  119.     padding: 5px;
  120.     font-size: 1.25em;
  121. }
  122. .box {
  123.     text-align: left;
  124.     border: 1px solid #000000;
  125.     margin-bottom: 20px;
  126.     background-color: #fffcf2;
  127. }
  128. .box_content {
  129.     padding: 10px;
  130. }
  131. .box_content a {
  132.     color: #000000;
  133.     text-decoration: none;
  134. }
  135. .box_content a:hover {
  136.     text-decoration: underline;
  137. }
  138. .box_col {
  139.     float: left;
  140.     width: 33%;
  141. }
  142. #tabs {
  143.     text-align: center;
  144.     list-style-type: none;
  145.     border-bottom: 1px solid #888888;
  146. }
  147. #tabs li {
  148.     display: inline-block;
  149.     border-right: 1px solid #888888;
  150.     border-top: 1px solid #888888;
  151.     background-color: #87D;
  152.     padding: 5px 10px 5px 10px;
  153. }
  154. #tabs li a {
  155.     color: #000000;
  156.     text-decoration: none;
  157. }
  158. #tabs li a:hover {
  159.     text-decoration: underline;
  160. }
  161. #tabs li:first-of-type {
  162.     border-left: 1px solid #888888;
  163. }
  164. #tabs li.cur {
  165.     background-color: #98E;
  166.     color: #000000;
  167.     font-weight: bold;
  168.     padding-top: 6px;
  169. }
  170. .news {
  171.     text-align: left;
  172. }
  173. .news h3 {
  174.     background-color: #aaccff;
  175.     font-weight: bold;
  176.     padding: 1px 5px;
  177.     color: #000000;
  178.     font-size: 1em;
  179. }
  180. .newstext {
  181.     padding: 5px;
  182. }
  183. .newstext p {
  184.     margin: 0 0 5px 0;
  185. }
  186.  
  187. /* Board navigation */
  188. .boardnav {
  189.     font-size: 13px;
  190.     color: #6688BB;
  191. }
  192. .boardnav a {
  193.     color:#34345C;
  194.     text-decoration: none;
  195. }
  196.  
  197. /* Board layout */
  198. .boardheader {
  199.     text-align: center;
  200.     margin-top: 10px;
  201. }
  202. .boardheader h1 {
  203.     font-size: 2.5em;
  204.     font-weight: normal;
  205. }
  206. .boardheader h2 {
  207.     font-size: 1em;
  208.     font-weight: normal;
  209.     font-style: oblique;
  210. }
  211.  
  212. /* Posting form */
  213. .infobar {
  214.     background-color: #e04000;
  215.     color: #ffffff;
  216.     padding: 2px;
  217.     text-align: center;
  218.     margin-bottom: 5px;
  219. }
  220. .center {
  221.     text-align: center;
  222. }
  223. input[type=text],
  224. input[type=password],
  225. select {
  226.     padding: 2px;
  227. }
  228. input[type=text] {
  229.     width: 185px;
  230. }
  231. input[type=password] {
  232.     width: 65px;
  233. }
  234. input[type=submit] {
  235.     padding: 0 5px;
  236. }
  237. textarea {
  238.     padding: 2px;
  239. }
  240. #postform td input#subject,
  241. #postform td input#embed {
  242.     width: 230px;
  243. }
  244. .modcheckbox,
  245. #op {
  246.     margin: 4px;
  247. }
  248. fieldset {
  249.     border: 0;
  250. }
  251. #postform {
  252.     margin: auto;
  253.     text-align: left;
  254. }
  255. #postform td.label {
  256.     border:1px solid #000;
  257.     padding:0 5px;
  258.     background:#98E;
  259.     font-weight:800;
  260.  
  261. }
  262. #postinfo {
  263.     font-size: 0.8em;
  264. }
  265.  
  266. /* Posts */
  267. .file {
  268.     float: left;
  269.     margin: 0 20px;
  270. }
  271. .file p {
  272.     border: 2px dashed #aaaaaa;
  273.     padding: 20px 10px;
  274.     text-align: center;
  275.     width: 50px;
  276.     margin-top: 5px;
  277. }
  278. .omitted {
  279.     color: #707070;
  280. }
  281. .answers {
  282.     margin-top: 1em;
  283. }
  284. .answer {
  285.     background:#D6DAF0;
  286.     border-bottom: 1px solid #d9bfb7;
  287.     border-right: 1px solid #d9bfb7;
  288.     display: table;
  289.     margin-bottom: 4px;
  290.     text-overflow: ellipsis;
  291.     margin-left: 20px;
  292.     padding: 5px 5px 1px 5px;
  293. }
  294. .highlighted {
  295.     border: 2px dashed #88aaee;
  296. }
  297. .fileinfo {
  298.     padding: 2px;
  299. }
  300. .fileinfo a {
  301.     color: #000;
  302.     text-decoration: none;
  303. }
  304. .fileinfo a:hover {
  305.     text-decoration: underline;
  306. }
  307. .answer .fileinfo {
  308.     padding: 2px 20px;
  309. }
  310. .postinfo {
  311. }
  312. .postinfo a {
  313.     color: #000000;
  314. }
  315. .postnumber a {
  316.     color: #000000;
  317.     text-decoration: none;
  318. }
  319. .postsubject {
  320.     font-weight: 800;
  321.     color: #cc1105;
  322. }
  323. .postername {
  324.     color: #117743;
  325.     font-weight: 800;
  326. }
  327. .postertrip {
  328.     color: #117743;
  329. }
  330. .post {
  331.     padding: 1em 30px 3px 30px;
  332. }
  333. .quote {
  334.     color: #789922;
  335. }
  336. .code {
  337.     font-family: monospace;
  338.     font-size: 1.25em;
  339. }
  340. .sage {
  341.     color: #0000FF;
  342.     text-decoration: underline;
  343. }
  344. .admin {
  345.     color: #800080;
  346. }
  347. .mod {
  348.     color: #008080;
  349. }
  350. .bannedmessage {
  351.     font-weight: bold;
  352.     margin-top: 10px;
  353.     display: table;
  354.     border: 1px solid #d9bfb7;
  355.     padding: 5px 10px;
  356.     background-color: inherit;
  357. }
  358.  
  359. /* Spoilers */
  360. .spoiler {
  361.     background-color: #000000;
  362.     color: #000000;
  363. }
  364. .spoiler .quote {
  365.     color: #000000;
  366. }
  367. .spoiler:hover .quote {
  368.     color: #008800;
  369. }
  370. .spoiler a {
  371.     color: #000000;
  372. }
  373. .spoiler:hover {
  374.     color: #ffffff;
  375. }
  376. .spoiler:hover a {
  377.     color: #60a0dc;
  378. }
  379.  
  380. /* Board footer */
  381. #bottomright {
  382.     float: right;
  383.     text-align: center;
  384.     white-space: nowrap;
  385.     display: table;
  386. }
  387. .pagination {
  388.     background-color: inherit;
  389.     border-bottom: 1px solid #d9bfb7;
  390.     border-right: 1px solid #d9bfb7;
  391.     display: table;
  392.     line-height: 2.5em;
  393.     padding: 0 5px;
  394.     margin-bottom: 1em;
  395. }
  396. .pagination .cur {
  397.     font-weight: bold;
  398. }
  399. .pagination a {
  400.     text-decoration: none;
  401.     padding: 0 2px;
  402. }
  403. .disabled {
  404.     color: #bb8866;
  405.     margin: 0 2px;
  406. }
  407. #bottomright input[type=text] {
  408.     width: 90px;
  409. }
  410. #bottomright input[type=password] {
  411.     width: 65px;
  412. }
  413. #bottomleft p {
  414.     font-size: 0.9em;
  415.     margin-top: 1em;
  416.     margin-bottom: 3em;
  417. }
  418.  
  419. /* Banned! */
  420. #banned {
  421.     width: 1000px;
  422.     text-align: left;
  423.     border: 1px solid #000000;
  424.     background-color: inherit;
  425. }
  426. #banned h1 {
  427.     background-color: inherit;
  428.     font-size: 1.5em;
  429.     padding: 2px 5px;
  430. }
  431. #banned p {
  432.     padding: 10px;
  433. }
  434. #banned img {
  435.     float: right;
  436.     width: 525px;
  437. }
  438. .banappeal {
  439.     margin: 10px;
  440. }
  441. .banappeal label,
  442. .banappeal textarea,
  443. .banappeal input {
  444.     display: block;
  445. }
  446. .banappeal textarea {
  447.     width: 400px;
  448.     height: 100px;
  449. }
  450.  
  451. /* List tables */
  452. .list {
  453.     padding: 0 20px;
  454.     border-spacing: 0;
  455.     width: 100%;
  456. }
  457. .list td {
  458.     vertical-align: top;
  459.     border: 1px solid #d9bfb7;
  460.     padding: 10px;
  461. }
  462. .list td.image {
  463.     width: 80px;
  464. }
  465. .list td.image img {
  466.     max-width: 80px;
  467. }
  468. .list .threadinfo {
  469.     font-style: italic;
  470.     margin-top: 20px;
  471.     border-top: 1px solid #d9bfb7;
  472.     padding-top: 5px;
  473. }
  474. #tlist_threads {
  475.     text-align: center;
  476.     margin: 0 1%;
  477. }
  478.  
  479. /* Thread list */
  480. .tlist_thread {
  481.     display: inline;
  482.     float: left;
  483.     width: 160px;
  484.     height: 260px;
  485.     margin: 0 auto;
  486.     padding: 5px;
  487.     overflow: hidden;
  488.     font-size: 12px;
  489.     word-wrap: break-word;
  490. }
  491. .tlist_thread img {
  492.     max-width: 150px;
  493.     max-height: 150px;
  494.     box-shadow: 0 0 5px #000000;
  495.     border-radius: 3px;
  496. }
  497. .tlist_replycount {
  498.     font-size: 10px;
  499.     color: #606060;
  500. }
  501.  
  502. /* Followed threads -box */
  503. #followedthreads {
  504.     width: 230px;
  505. }
  506. #followedtitle {
  507.     cursor: move;
  508.     background-color: #88aaee;
  509.     border: 1px solid #000000;
  510.     font-size: 1.1em;
  511.     font-weight: bold;
  512.     text-align: center;
  513.     padding: 2px;
  514. }
  515. #followedbg {
  516.     border: 1px dotted #88aaee;
  517.     border-top: none;
  518.     min-width: 200px;
  519.     background-color: inherit;
  520.     padding: 2px;
  521. }
  522. #followedfunctions {
  523.     margin-top: 10px;
  524.     padding: 2px 0;
  525.     border-top: 1px solid #B7BFD9;
  526.     text-align: right;
  527. }
  528. #followedpin {
  529.     display: inline-block;
  530.     position: absolute;
  531.     right: 3px;
  532.     width: 13px;
  533.     height: 19px;
  534. }
  535. .unpinned {
  536.     background-image: url('../../img/pin.png');
  537.     background-repeat: no-repeat;
  538.     background-position: 0px 0px;
  539. }
  540. .pinned {
  541.     background-image: url('../../img/pin.png');
  542.     background-repeat: no-repeat;
  543.     background-position: 0px -21px;
  544. }
  545. #followedbg p {
  546.     font-size: 0.85em;
  547. }
  548. .followedunread {
  549.     color: #FF0000;
  550.     font-weight: bold;
  551. }
  552. #followedupdated{
  553.     font-size: 0.85em;
  554.     display: none;
  555. }
  556.  
  557. /* Mod */
  558. .modform {
  559.     display: table;
  560.     margin-bottom: 10px;
  561. }
  562. .modform h1 {
  563.     margin-bottom: 6px;
  564. }
  565. .modform ul {
  566.     list-style: none;
  567. }
  568. .modform li {
  569.     padding-bottom: 2px;
  570. }
  571. .modform p {
  572.     display: inline;
  573. }
  574. .modform label {
  575.     width: 120px;
  576.     float: left;
  577.     text-align: left;
  578. }
  579. .modform label.wide {
  580.     width: 250px;
  581. }
  582. .modform input {
  583.     width: 250px;
  584. }
  585. .modform select {
  586.     width: 256px;
  587. }
  588. .modform select.tall {
  589.     height: 200px;
  590. }
  591. .modform input[type=checkbox] {
  592.     height: 18px;
  593.     text-align: left;
  594. }
  595. .modform input[type=radio] {
  596.     height: 18px;
  597.     width: 18px;
  598.     text-align: left;
  599. }
  600. .modform input[type=submit] {
  601.     clear: both;
  602.     width: 120px;
  603.     margin-top: 5px;
  604. }
  605. .modform textarea {
  606.     width: 500px;
  607.     height: 300px;
  608. }
  609. .modtable {
  610.     border-spacing: 0;
  611.     width: 100%;
  612. }
  613. .modtable th,
  614. .modtable td {
  615.     padding: 2px 5px;
  616. }
Add Comment
Please, Sign In to add comment
Public Pastes
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!