Advertisement
jargon

Neinstar Bullets

Aug 5th, 2022
773
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. ul {
  3.     list-style-type: none;
  4.     padding: 15px;
  5.     margin-left: 0px;
  6. }
  7.  
  8. .bullet {
  9.   position: relative;
  10. }
  11.  
  12. .bullet:.tip {
  13.    
  14.     position: absolute;
  15.     top: 50%;
  16.     left: 50%;
  17.     transform: translate(-50%, -50%);
  18.  
  19.     font-family: Courier New;
  20.     font-weight: bold;
  21.    
  22.     display: inline-block;
  23.     font-size: 0.35em;
  24.  
  25.     width:37px;
  26.     height:37px;
  27.     /*padding:18px 18px;*/
  28.  
  29.     text-align: center middle;
  30.     vertical-align: middle;
  31.  
  32.     padding-left:0px;
  33.     margin-left:0px;
  34.  
  35.     border-style:dotted double solid double;
  36.     border-bottom-left-radius:5em 5em;
  37.     border-top-left-radius:5em 5em;
  38.  
  39.     background-image:linear-gradient(grey,black);
  40. }
  41.  
  42. .bullet:.casing {
  43.    
  44.     position: absolute;
  45.     top: 50%;
  46.     left: 50%;
  47.     transform: translate(-50%, -50%);
  48.  
  49.     font-family: Courier New;
  50.     font-weight: bold;
  51.  
  52.     display: inline-block;
  53.     font-size: 0.35em;
  54.  
  55.     width:57px;
  56.     height:37px;
  57.     /*padding:18px 18px;*/
  58.  
  59.     text-align: center;
  60.     vertical-align: middle;
  61.  
  62.     padding-left:0px;
  63.     margin-left:0px;
  64.  
  65.     border-style:dotted double solid double;
  66.     border-top-left-radius:0em 0em;
  67.     border-bottom-left-radius:0em 0em;
  68.     border-top-right-radius:0em 0em;
  69.     border-bottom-right-radius:0em 0em;
  70.  
  71.     background-image:linear-gradient(orange,brown);
  72. }
  73.  
  74. .bullet:.primer {
  75.    
  76.     position: absolute;
  77.     top: 50%;
  78.     left: 50%;
  79.     transform: translate(-50%, -50%);
  80.  
  81.     font-family: Courier New;
  82.     font-weight: bold;
  83.  
  84.     display: inline-block;
  85.     font-size: 0.35em;
  86.  
  87.     width:5px;
  88.     height:37px;
  89.     /*padding:18px 18px;*/
  90.  
  91.     text-align: center;
  92.     vertical-align: middle;
  93.  
  94.     padding-left:0px;
  95.     margin-left:0px;
  96.  
  97.     border-style:double double double double;
  98.     border-top-right-radius:0em 0em;
  99.     border-bottom-right-radius: 0em 0em;
  100.     border-bottom-left-radius:0em 0em;
  101.     border-top-left-radius:0em 0em;
  102.  
  103.     background-image:linear-gradient(orange,brown);
  104. }
  105. </style>
  106. <?php
  107.         $manifest .=
  108.             '<li class="bullet"><a class="tip" href="'.$url_value.'">'.jen_shorthand($node).':</a><a class="casing" href="'.$url_value.'">'.
  109.                 $node.
  110.             '</a><a class="primer" href="'.$url_value.'"></a></li>';
  111. ?>
Advertisement
RAW Paste Data Copied
Advertisement