CSS 3
Claws-mail.css Guest on 17th October 2020 01:02:19 AM
  1. body {
  2.         font-family: "Bitstream Vera Sans", sans-serif;
  3.         font-size: 0.95em;
  4.         margin-right: 200px;
  5.         margin-top: 100px;
  6.         padding-left: 20px;
  7.         padding-right: 20px;
  8.         background-color: #f1f1f1;
  9. }
  10.  
  11. body.nomargin {
  12.         margin-top: 0;
  13. }
  14.  
  15. h1 {
  16.         margin-top: 0px;
  17.         padding-top: 20px;
  18.  
  19.         font-family: "Bitstream Vera Sans", sans-serif;
  20.         font-weight: normal;
  21.         letter-spacing: -2px;
  22.         text-transform: lowercase;
  23.         text-align: right;
  24.  
  25.         color: gray;
  26. }
  27.  
  28. h2 {
  29.         font-family: "Bitstream Vera Sans", sans-serif;
  30.         font-weight: normal;
  31.         color: #200080;
  32.  
  33.         margin-left: -20px;
  34. }
  35.  
  36. h3 {
  37.         font-family: "Bitstream Vera Sans", sans-serif;
  38.         font-weight: normal;
  39.  
  40.         background-color: #a0c0ff !important;
  41.         border: 1px solid #5080b0;
  42.        
  43.         background: url('../img/h3_bg.png') no-repeat right;
  44.         padding: 4px;
  45. }
  46.  
  47. h3 a {
  48.         text-decoration: none;
  49.         color: inherit;
  50. }
  51.  
  52. h4 {
  53.         font-family: "Bitstream Vera Sans", sans-serif;
  54.         font-weight: bold;
  55. }
  56.  
  57. h4 a {
  58.         text-decoration: none;
  59.         color: inherit;
  60. }
  61.  
  62. img.face {
  63.         float: right;
  64.         margin-top: -4em;
  65.         margin-right: 1em;
  66.         border: 1px solid #000000;
  67. }
  68.  
  69. img.borderlessface {
  70.         float: right;
  71.         margin-top: -5em;
  72.         margin-right: 1em;
  73.         border: 0px;
  74. }
  75.  
  76. .entry {
  77.         margin-bottom: 2em;
  78. }
  79.  
  80. .entry .date {
  81.         font-family: "Bitstream Vera Sans", sans-serif;
  82.         color: gray;
  83. }
  84.  
  85. .entry .date a {
  86.         text-decoration: none;
  87.         color: inherit;
  88. }
  89.  
  90. .top_image_left {
  91.         position: absolute;
  92.         top: 0px;
  93.         left: 0px;
  94.         z-index: 0;
  95. }
  96.  
  97. .top_image_right {
  98.         position: absolute;
  99.         top: 0px;
  100.         right: 0px;
  101.         z-index: 1;
  102. }
  103.  
  104. .sidebar {
  105.         position: absolute;
  106.         top: 130px;
  107.         right: 0px;
  108.         width: 200px;
  109.         margin-left: 0px;
  110.         margin-right: 0px;
  111.         padding-right: 0px;
  112.  
  113.         padding-top: 20px;
  114.         padding-left: 0px;
  115.  
  116.         font-family: sans-serif;
  117.         font-weight: normal;
  118.        
  119.         line-height: 1.2;
  120. }
  121.  
  122. .sidebar h2 {
  123.         font-size: 0.95em;
  124.         font-weight: bold;
  125.         color: black;
  126.  
  127.         padding-left: 5px;
  128.         margin-left: 0px;
  129. }
  130.  
  131. .sidebar dt {
  132.         padding-left: 2em;
  133.         margin-left: 10px;
  134.  
  135.         list-style-type: square;
  136. }
  137.  
  138. .sidebar dt:hover {
  139.         color: gray;
  140. }
  141.  
  142. .sidebar dd {
  143.         padding-left: 2em;
  144.         margin-left: 25px;
  145.         font-size: 0.85em;
  146.         list-style-type: square;
  147. }
  148.  
  149. .sidebar dd a {
  150.         text-decoration: none;
  151. }
  152.  
  153. .logos {
  154.         border: 1px solid #a0c0ff;
  155.         width: 140px;
  156.         text-align: center;
  157.         padding-top: 6px;
  158.         padding-bottom: 6px;
  159.         font-style: oblique;
  160.         color: #a0c0ff;
  161.         background-color: #f4f4f4;
  162. }
  163.  
  164. div.scrnshts ul {
  165.         padding: 0;
  166. }
  167. div.scrnshts li {
  168.         display: inline;
  169. }
  170.  
  171. div.scrnshts a {
  172.         float: left;
  173.         text-align: center;
  174.         padding-top: 230px;
  175.         min-width: 320px;
  176.         height: 60px;
  177.         background-position: center top;
  178.         background-repeat: no-repeat;
  179. }
  180.  
  181. div.scrnshts a.mainwindow { background-image: url(../img/screenshots/thumbs/main.png); }
  182. div.scrnshts a.compose { background-image: url(../img/screenshots/thumbs/compose.png); }
  183. div.scrnshts a.msgview { background-image: url(../img/screenshots/thumbs/messageview.png); }
  184. div.scrnshts a.prefs { background-image: url(../img/screenshots/thumbs/prefs.png); }
  185. div.scrnshts a.account_prefs { background-image: url(../img/screenshots/thumbs/account_prefs.png); }
  186.  
  187.  
  188. div.scrnshts_clawsker ul {
  189.         padding: 0;
  190. }
  191. div.scrnshts_clawsker li {
  192.         display: inline;
  193. }
  194.  
  195. div.scrnshts_clawsker a {
  196.         float: left;
  197.         text-align: center;
  198.         padding-top: 310px;
  199.         min-width: 340px;
  200.         height: 60px;
  201.         background-position: center top;
  202.         background-repeat: no-repeat;
  203. }
  204.  
  205. div.scrnshts_clawsker a.behaviour { background-image: url(../img/clawsker/clawsker-behaviour-gtk3-small.png); }
  206. div.scrnshts_clawsker a.gui { background-image: url(../img/clawsker/clawsker-gui-gtk3-small.png); }
  207.  
  208. a:hover {
  209.         text-decoration: underline !important;
  210.         color: blue !important;
  211. }
  212.  
  213. table.plugins {
  214.         border-collapse: collapse;
  215. }
  216.  
  217. table.plugins tr td {
  218.         margin: 0;
  219.         padding: 1em 0;
  220. }
  221.  
  222. .trbottom {
  223.         border-bottom: 1px dotted black;
  224. }
  225.  
  226. #tabmenu {
  227.         color: #000;
  228.         border-bottom: 2px solid black;
  229.         margin: 12px 0px 0px 0px;
  230.         padding: 0px;
  231.         z-index: 1;
  232.         padding-left: 10px;
  233. }
  234.  
  235. #tabmenu li {
  236.         display: inline;
  237.         overflow: hidden;
  238.         list-style-type: none;
  239. }
  240.  
  241. #tabmenu a, a.active {
  242.         color: #000000;
  243.         background: #CCCCCC;
  244.         font: bold 1em "Bitstream Vera Sans", sans-serif;
  245.         border: 2px solid black;
  246.         padding: 2px 5px 0px 5px;
  247.         margin: 0px;
  248.         text-decoration: none;
  249. }
  250.  
  251. #tabmenu a.active {
  252.         background: #e8e8e8;
  253.         border-bottom: 3px solid #e8e8e8;
  254. }
  255.  
  256. #tabmenu a:hover {
  257.         color: #fff;
  258.         background: #a5a5a5;
  259. }
  260.  
  261. #tabmenu a.active:hover {
  262.         background: #a5a5a5;
  263.         color: #CCCCCC;
  264. }
  265.  
  266. #content {
  267.         font: 0.9em/1.3em "Bitstream Vera Sans", verdana, sans-serif;
  268.         text-align: justify;
  269.         padding: 20px;
  270.         border: 2px solid black;
  271.         border-top: none;
  272.         z-index: 2;
  273. }
  274.  
  275. .cline {
  276.         background-color: #ffffff;
  277.  
  278. }
  279.  
  280. .team {
  281.         font-size: smaller;
  282. }
  283.  
  284. .indented {
  285.         margin-left: 56px;
  286. }
  287. .indent_sml {
  288.         margin-left: 12px;
  289. }
  290. .content_left {
  291.         float: left;
  292.         min-width: 48%;
  293. }
  294. .content_right {
  295.         margin-left: 52%;
  296.         min-width: 48%;
  297. }
  298.  
  299. #timeline {
  300.   display:block;
  301.   width:650px;
  302.   height:350px;
  303.   background:url(/img/detail-graph.png) no-repeat;
  304.   position:relative;
  305. }
  306.  
  307. #timeline dd {
  308.   position:absolute;
  309.   padding:0;
  310.   margin:0;
  311. }
  312.  
  313. #timeline .rel {
  314.   position:relative;
  315.   display:block;
  316.   width:11px;
  317.   height:11px;
  318.   text-decoration:none;
  319.   color: black;
  320. }
  321.  
  322. #timeline .rel span {
  323.   display: none;
  324.   text-decoration:none;
  325.   color: black;
  326.   }
  327.  
  328. #timeline .rel:hover {
  329.   border:0px;
  330.   text-decoration:none;
  331.   color: black;
  332.   }
  333.  
  334. #timeline .rel:hover span {
  335.   position: absolute;
  336.   top: -30px;
  337.   left: 20px;
  338.   width: 250px;
  339.   display: block;
  340.   background: #fdd;
  341.   border: 1px solid red;
  342.   font-size: 0.8em;
  343.   text-decoration:none;
  344.   color: black;
  345.   }
  346.  
  347. #timeline hr {
  348.   border-top: 1px solid red;
  349.   border-bottom: 0px solid red;
  350. }
  351.  
  352. #timeline #area0467 {
  353.   left:59px;
  354.   top:208px;
  355. }
  356.  
  357. #timeline #areaevo1 {
  358.   left: 123px;
  359.   top: 223px;
  360. }
  361.  
  362. #timeline #area070 {
  363.   left: 133px;
  364.   top: 154px;
  365. }
  366.  
  367. #timeline #area080 {
  368.   left: 188px;
  369.   top: 148px;
  370. }
  371.  
  372. #timeline #area087 {
  373.   left: 243px;
  374.   top: 71px;
  375. }
  376.  
  377. #timeline #area090 {
  378.   left: 281px;
  379.   top: 194px;
  380. }
  381.  
  382. #timeline #area096 {
  383.   left: 326px;
  384.   top: 67px;
  385. }
  386.  
  387. #timeline #areaevo2 {
  388.   left: 427px;
  389.   top: 222px;
  390. }
  391.  
  392. #timeline #areatb1 {
  393.   left: 452px;
  394.   top: 223px;
  395. }
  396.  
  397. #timeline #area100 {
  398.   left: 461px;
  399.   top: 95px;
  400. }
  401.  
  402. #timeline #area196 {
  403.   left: 482px;
  404.   top: 78px;
  405. }
  406.  
  407. #timeline #area1991911 {
  408.   left: 501px;
  409.   top: 136px;
  410. }
  411.  
  412. #timeline #area1912 {
  413.   left: 508px;
  414.   top: 141px;
  415. }
  416.  
  417. #timeline #area1913105 {
  418.   left: 519px;
  419.   top: 141px;
  420. }
  421.  
  422. #timeline #area1914 {
  423.   left: 537px;
  424.   top: 154px;
  425. }
  426.  
  427. #timeline #area1915 {
  428.   left: 545px;
  429.   top: 156px;
  430. }
  431.  
  432. #timeline #area199919100 {
  433.   left: 554px;
  434.   top: 180px;
  435. }
  436.  
  437. #timeline #area200 {
  438.   left: 575px;
  439.   top: 187px;
  440. }
  441.  
  442. .dlbutton {
  443.         text-align: center;
  444.         border: 1px solid #5080B0;
  445.         background-color: #A0C0FF;
  446.         border-radius: 4px;
  447.         padding: 5px;
  448.         margin: 0 25%;
  449. }

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.