apply inline css

layouts/partials/papers.html

@@ -1,15 +1,16 @@
-{{ .type }}
-{{ .date }}
-{{ if eq .access "gold" }}
-<object data="https://img.shields.io/static/v1?label=&message=Open Access&style=flat&logo=open%20access&color=F68212&logoColor=white" type="image/gif" height="18"></object>
-{{ else if eq .access "green" }}
-<object data="https://img.shields.io/static/v1?label=&message=Preprint&style=flat&logo=open%20access&color=008500&logoColor=white" type="image/gif" height="18"></object>
-{{ end }}
-</br>
-<div><h2 class="paperTitle"><b>{{ .title }}</b></h2></div>
-<div class="paperAuthor">{{ .author }}</div>
-<div>
-  <i>{{ .journal }}</i>, <b>{{ .vol }}</b>, {{ .page }} ({{ .year }}).</br>
-  <i class="ai ai-doi ai"></i>
-  <a href="https://doi.org/{{ .doi1 }}" target="_blank">{{ .doi1 }}</a>
-</div>
+<li style="float:left;clear:left"><div style="display:inline;float:right;width:90%">
+  {{ .type }} |  {{ .date }}
+  {{ if eq .access "gold" }}
+  <p style="background:#F68212;color:#FFF;border-radius:10%;display:inline;font-size:0.75em;padding:.25em;margin-left:0.5em">Open</p>
+  {{ else if eq .access "green" }}
+  <p style="background:#008500;color:#FFF;border-radius:10%;display:inline;font-size:0.75em;padding:.25em;margin-left:0.5em">Green</p>
+  {{ end }}
+  </br>
+  <h2 style="font-weight:bolder;margin-bottom:0">{{ .title }}</h2>
+  <div class="paperAuthor">{{ .author }}</div>
+  <div>
+    <i>{{ .journal }}</i>, <b>{{ .vol }}</b>, {{ .page }} ({{ .year }}).</br>
+    <i class="ai ai-doi ai"></i><a href="https://doi.org/{{ .doi1 }}" target="_blank"> {{ .doi1 }} </a>
+  </div>
+  </div>
+</li>

layouts/shortcodes/paperList.html

@@ -2,9 +2,8 @@
   <ol reversed>
   {{ $data := index $.Site.Data.paper $.Params.data }}
   {{ range sort $data "date" "desc" }}
-  <li class="myPaperNumber">
       {{ partial "papers" . }}
-  </li>
   {{ end }}
   </ol>
+  <p style="clear:left"></p>
 {{- end -}}

static/css/custom.css

@@ -1,9 +1,11 @@
-.myPaperNumber {
-  margin-top: 3rem;
-  margin-bottom: 0rem;
-}
-.paperTitle {
-  margin-top: 0rem;
-  margin-bottom: 0rem;
-}
+/* .myPaperNumber { */
+/*   margin-top: 3rem; */
+/*   margin-bottom: 0rem; */
+/* } */
+/* .paperTitle { */
+/*   margin-top: 0rem; */
+/*   margin-bottom: 10rem; */
+/*   font-size:6px; */
+/*   font-style: bolder; */
+/* } */