example/content/public/css/site.css
changeset 12 e7512f9dc903
parent 7 50a354e5bda4
child 13 216da61215db
equal deleted inserted replaced
11:4d8cf198bed2 12:e7512f9dc903
     1 /*
     1 /*
     2  * SQWL colors:
     2  * Colors:
     3  *  - green: #006634 / #00532b / #008745
     3  *  - green: #006634 / #00532b / #008745
     4  *  - red:   #e94e1b
     4  *  - red:   #e94e1b
     5  *  - brown: #693e11 / #482500 / #9a744c / #eedece
     5  *  - brown: #693e11 / #482500 / #9a744c / #eedece
     6  */
     6  */
     7 
     7 
   142 
   142 
   143 a.link {
   143 a.link {
   144   cursor: pointer;
   144   cursor: pointer;
   145 }
   145 }
   146 
   146 
   147 /* SVG */
   147 /* Tiles */
   148 svg g text {
   148 .tile-category {
   149   cursor: default;
   149   background-color: #eedece;
       
   150   border-color: #9a744c;
       
   151   border-style: solid;
       
   152   border-width: 1px;
       
   153 	border-radius: 4px;
       
   154 	height: 10em;
       
   155 	display: table;
       
   156 	margin: .5em;
       
   157 	padding: .5em;
       
   158 	width: 100%;
   150 }
   159 }
   151 
   160 
   152 svg g text.legend {
   161 .tile-category-body {
   153   font-family: sans-serif;
   162   color: #006634;
   154   font-size: 11px;
   163 	display: table-cell;
   155   fill: #111;
   164   font-size: 24px;
       
   165 	text-align: center;
       
   166 	vertical-align: middle;
   156 }
   167 }
   157 
   168 
   158 svg g line.level {
   169 a.tile-category-body {
   159   stroke: grey;
   170 	text-decoration: none;
   160   stroke-opacity: 0.75;
       
   161   stroke-width: 0.3px;
       
   162 }
   171 }
   163 
   172 
   164 svg g line.level.level-val-100 {
   173 a.tile-category-body:hover, a.tile-category-body:focus {
   165   stroke: #693e11;
   174   color: #693e11;
   166   stroke-width: 2px;
       
   167 }
   175 }
       
   176 
       
   177 p {
       
   178   /*
       
   179 	color: #000000;
       
   180 	font-family: "Yantramanav", sans-serif;
       
   181 	*/
       
   182 	font-style: normal;
       
   183 	font-variant: normal;
       
   184 	margin-bottom: 0;
       
   185 	margin-left: 0;
       
   186 	margin-right: 0;
       
   187 	margin-top: 0;
       
   188 	page-break-after: auto;
       
   189 	page-break-before: auto;
       
   190 	text-align: justify;
       
   191 	text-align-last: left;
       
   192 	text-decoration: none;
       
   193 	text-indent: 10px;
       
   194 	text-transform: none;
       
   195 }