Mega Code Archive

 
Categories / XML / CSS Style
 

CSS style for address

File: Data.xml <?xml version="1.0"?> <?xml-stylesheet type="text/css" href="Style.css" ?> <projects>   <PROJECT>     <PROJ_NAME>project name 1</PROJ_NAME>     <CONTACT>      <NAME>name 2</NAME>       <ADDRESS>99999</ADDRESS>       <PHONE>1111 </PHONE>       <FAX>2222 </FAX>       <EMAIL>k@web.com </EMAIL>     </CONTACT>     <CONTACT>      <NAME>name 3</NAME>       <ADDRESS>99999</ADDRESS>       <PHONE>1112 </PHONE>       <FAX>2222 </FAX>       <EMAIL>f@web.com </EMAIL>     </CONTACT>     <CONTACT>      <NAME >name 4</NAME>       <ADDRESS>99999</ADDRESS>       <PHONE>1113 </PHONE>       <FAX>2222 </FAX>       <EMAIL>l@we.com </EMAIL>     </CONTACT>     <NOTES>       <ENTRY> entry</ENTRY>     </NOTES>   </PROJECT> </projects> File: Style.css projects {     font-style: normal;    color: 000000  } PROJECT {     display: block;    background: blue;    font-family: sans-serif;    margin: 1cm  } PROJ_NAME  {     display: block;     background: #FF0000;    font-size: larger;    font-weight: bold;            word-spacing: 2em;    color: white ;     font-family: Arial, Helvetica, sans-serif;     border: #FF0000;     border-style: double;     border-top-width: medium;     border-right-width: medium;     border-bottom-width: medium;     border-left-width: medium } CONTACT {     display: block;    padding: 5pt;    text-indent: 1cm  } NAME {     display: block;    font-variant: small-caps;    font-size: medium;    font-weight: bold;    color: red;    text-decoration: overline; } ADDRESS {     display: block;    font-style: italic;    font-size: smaller;    color: white } PHONE {     display: block;    font-weight: bold;    font-size: smaller;    color: white } FAX {     display: block;    font-weight: bold;    font-size: smaller;    color: white } EMAIL {     display: block;    font-weight: bold;    font-style: italic;    color: white } NOTES {     display: block;    font-weight: bold;    font-style: italic;    color: white;    padding: 3em } ENTRY {     display: block; }