[html generation] Juliette's CSS. Closes #11447493
authorSylvain Thénault <sylvain.thenault@logilab.fr>
Thu, 21 Jul 2016 15:49:47 +0200
changeset 1492 00a4b2034080
parent 1491 0de8c6c807a7
child 1493 b43b95943a80
[html generation] Juliette's CSS. Closes #11447493
entities/html_generation.py
--- a/entities/html_generation.py	Thu Jul 21 15:12:31 2016 +0200
+++ b/entities/html_generation.py	Thu Jul 21 15:49:47 2016 +0200
@@ -60,14 +60,65 @@
     extension = 'html'
     namespaces = {}
     css = '''
-    div {
-      margin-left: 1em;
-      color: #222;
-      margin-bottom: 2px;
+    h1{
+      font-variant: small-caps;
+      color : #FF9800;
+      text-align: center;
+      padding : 10px;
+      font-weight: lighter;
+      border-bottom : 2px solid  #E0E0E0;
+    }
+
+    a{
+      color : #EF6C00;
+    }
+    body {
+      font-family: helvetica, Arial;
+      background-color: #FAFAFA;
+      color : #666;
+    }
+    body >div{
+      background-color: #FFF;
+      padding-bottom : 20px;
+      margin-top : 20px;
+      box-shadow: 2px 2px 2px 0px #E0E0E0;
+    }
+
+    body >div >h3{
+      font-variant: normal;
+      font-weight: lighter;
+      font-size:15px;
+      padding : 10px;
+      background-color: #EF6C00;
+      color : white;
+      font-variant: small-caps;
+      cursor : pointer;
+    }
+
+    body >div >h3 span.card{
+      font-size: 70%;
+      color : #E0E0E0;
+      margin-left : 5px;
+    }
+
+    body>div>div, .sequence >div{
+      margin-top : 20px
+    }
+
+    body>div>div div{
+      padding-left : 20px;
+      margin-left: 15px;
+      border-left : 1px dashed #EF6C00;
+    }
+
+    body>div>div h3{
+      margin-bottom : 10px;
     }
 
     h3 span.card {
-      font-size: 90%;
+      font-size: 70%;
+      color : #EF6C00;
+      margin-left : 5px;
     }
 
     span {
@@ -80,20 +131,21 @@
     }
 
     div.attribute {
-      border: 1px solid #BBB;
       color: #888;
       width: 40em;
-      font-size: 80%;
-      margin-bottom: 0;
+      font-size: small;
+      padding : 10px;
     }
-    div.attribute span {
-      border-left: 1px solid;
-      padding-left: 2px;
-      padding-right: 2px;
+
+    div.attribute span.label {
+      float: left;
+      color : #EF6C00;
+      font-weight: lighter;
+      margin-right : 20px;
     }
-    div.attribute span.label {
-      width: 33%;
-      float: left;
+
+    .sequence >h3:first-child{
+      color :  #EF6C00;
     }
     '''