[ECODP-dev] FW: Styles about messages

[Jurgen Vannerom]

Darwin, 

 

Please find below the requested style /CSS for the accouncement msgs

 

 

 

.message {

font-size: 14px;

text-align: center;

position:relative;

margin: 5px 0 -35px 0;

}

 

 

 

.message .green{

 

     background: #45ff30;

 

      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1ZmYzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

      background: -moz-linear-gradient(top,  #45ff30 0%, #00aa00 100%);

      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45ff30), color-stop(100%,#00aa00));

      background: -webkit-linear-gradient(top,  #45ff30 0%,#00aa00 100%);

      background: -o-linear-gradient(top,  #45ff30 0%,#00aa00 100%);

      background: -ms-linear-gradient(top,  #45ff30 0%,#00aa00 100%);

      background: linear-gradient(to bottom,  #45ff30 0%,#00aa00 100%);

      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ff30', endColorstr='#00aa00',GradientType=0 );

      color:#fff;

      display: inline-block;

      zoom: 1;

      *display: inline;

      padding:5px 20px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      border-radius: 5px;

}

 

.message .red{

     background: #ff3030;

     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

     background: -moz-linear-gradient(top,  #ff3030 0%, #aa0000 100%);

     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3030), color-stop(100%,#aa0000));

     background: -webkit-linear-gradient(top,  #ff3030 0%,#aa0000 100%);

     background: -o-linear-gradient(top,  #ff3030 0%,#aa0000 100%);

     background: -ms-linear-gradient(top,  #ff3030 0%,#aa0000 100%);

     background: linear-gradient(to bottom,  #ff3030 0%,#aa0000 100%);

     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3030', endColorstr='#aa0000',GradientType=0 );

     color:#fff;

     display: inline-block;

     zoom: 1;

     *display: inline;

     padding:5px 20px;

 

     -webkit-border-radius: 5px;

 

     -moz-border-radius: 5px;

 

     border-radius: 5px;

 

}

 

 

BR, 

JVN

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.okfn.org/mailman/private/ecodp-dev/attachments/20130723/eee75983/attachment.html>