divendres, 3 de febrer de 2012

#OpenData: L'hora d'actuar per una llicència única a la #UE (@AndresNin - @NeelieKroesEU) (inclou codi giny)

Aquest post només està disponible en castellà:

#OpenData: La hora de actuar por una licencia única en la #UE (@AndresNin - @NeelieKroesEU)

A continuació us annexo el codi del giny (widget) per demanar més adhesions directament en el vostre bloc o pàgina web.

En aquest cas, l'he retocat per a que aparegui en català (amb alguna excepció que no sé resoldre).

El que heu de fer és copiar tot el codi i inserir-lo en el vostre blog o pàgina web, res més.

Si teniu cap dubte escriviu-me un comentari aquí mateix.

<!-- WIDGET ACTUABLE - T1.1 -->

<style><br />.act_wid_1 { font: 16px Arial; margin: 0 0 2em 0;}<br />.act_wid_1 * { border: none; margin: 0; padding: 0;}<br />.act_wid_1 .act_wid_img { margin: 0; padding: 0; height: 150px; overflow: hidden; }<br />.act_wid_1 img { border: none; margin: 0;}<br />.act_wid_1 .act_wid_title h1 { text-transform: none; margin: 0; padding: .4em .5em; font: normal 1.5em Helvetica; border: none; border-bottom: 1px solid;}<br />.act_wid_1 .act_wid_title h1 a { text-decoration: none; background: none; text-indent: 0; width: auto; height: auto; display:block;}<br />.act_wid_1 .act_wid_title h1 a:hover { text-decoration: underline;}<br /><br />/* widget sign */<br />/*<br />.act_wid_1 .widget_sign { min-height: 420px; overflow: hidden; margin: 0 0 2em 0;}<br />.act_wid_1 .progress_bar { border-top: 1px solid; border-bottom: 1px solid; }<br />.act_wid_1 .progress_bar .pb_cont { position: relative; height: 18px; }<br />.act_wid_1 .progress_bar .pb_bkg { width: 100%; position: absolute; height: 18px; background: #FFF; opacity: .5; }<br />.act_wid_1 .progress_bar .pb_prog { position: absolute; height: 18px; background: #FFF; opacity:; .9; }<br />.act_wid_1 .progress_bar table { margin: 0 0 .75em 0; font-size: .85em;}<br />.act_wid_1 .progress_bar td { padding: 0; width: 22%; text-align: center;}<br />.act_wid_1 .progress_bar td.f { width: 17%; text-align: left;}<br />.act_wid_1 .progress_bar td.l { width: 17%; text-align: right;}<br />*/<br />.act_wid_1 .widget_sign { min-height: 0; }<br />.act_wid_1 .widget_sign .wc { padding: .5em 0.8em; }<br />.act_wid_1 .widget_sign .wc p { margin: 0 0 .2em 0; }<br />.act_wid_1 .widget_sign .wc .box { padding: 0; background: none; padding: 1em 0 8em 0;}<br /><br />.act_wid_1 .widget_sign .signs_info { position: relative; }<br />.act_wid_1 .people_count { position: relative; width: 50%; }<br />.act_wid_1 .people_count, .act_wid_1 .signs_left { font: bold 1em Helvetica; }<br />.act_wid_1 .signs_info small { font: bold .65em Arial; display: block;}<br />.act_wid_1 .signs_left { width: 50%; position: absolute; left: 50%; top: .5em;}<br /><br />.act_wid_1 .act_now { font-size: .75em;}<br />.act_wid_1 .act_now h3 { text-transform: uppercase; font: bold 1.7em Helvetica; margin: .25em 0;}<br />.act_wid_1 .act_now table { width: 100%;}<br />.act_wid_1 .act_now th, .act_now td { padding: 1px 5px 1px 5px; background: none;}<br />.act_wid_1 .act_now th { text-align: right; font-weight: normal; width: 6em;}<br />.act_wid_1 .act_now td input { width: 95%; }<br />.act_wid_1 .act_now tr.accept_conds td input { width: auto; font: .75em Arial;}<br />.act_wid_1 .act_now tr.accept_conds td { font: .75em Arial;}<br /><br />.act_wid_1 .act_now .submit { padding: 1em 0 1.5em 0; margin: 0; border: none; text-align: center; }<br />.act_wid_1 .act_now .submit input { font: bold 1.4em Helvetica; vertical-align: top; height: 38px; padding: 8px 20px 6px 20px; text-transform: uppercase; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 2px 2px 2px #666; -webkit-box-shadow: 2px 2px 2px #666; box-shadow: 2px 2px 2px #666;}<br />.act_wid_1 .act_now .submit input:hover { opacity: .9; cursor: pointer;}<br /><br />.act_wid_1 .act_now .submit a { text-decoration: none; display: inline-block; font: bold 1.4em Helvetica; vertical-align: top; padding: 16px 18px 9px; text-transform: uppercase; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 2px 2px 2px #666; -webkit-box-shadow: 2px 2px 2px #666; box-shadow: 2px 2px 2px #666;}<br />.act_wid_1 .act_now .submit a:hover { opacity: .9; }<br /><br />/* widget sign theme */<br />.act_wid_1 .act_wid_img { background: #8CDEEF url("/images/widget_bkgd_blue.png");}<br />.act_wid_1 .wtheme_blue .act_wid_title { border-color: #FFF;}<br />.act_wid_1 .wtheme_blue .act_wid_title h1 { border-color: #FFF;}<br />.act_wid_1 .wtheme_blue .act_wid_title h1 a { color: #FFF; }<br />.act_wid_1 .wtheme_blue .widget_sign { background: #169FB9; color: #FFF;}<br />.act_wid_1 .wtheme_blue .progress_bar { border-color: #FFF; }<br />.act_wid_1 .wtheme_blue .people_count { color: #FFF;}<br />.act_wid_1 .wtheme_blue .signs_info small { opacity: .6;}<br />.act_wid_1 .wtheme_blue .act_now { background: #8CDEEF; color: #08738B;}<br />.act_wid_1 .wtheme_blue .act_now h3 { color: #08738B;}<br />.act_wid_1 .wtheme_blue .act_now .submit input {<br /> background: #08738B;<br /> background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#086E85), to(#128CA5));<br /> background: -moz-linear-gradient(100% 0% 270deg,#086E85, #128CA5);<br /> color: #FFF;<br />}<br />.act_wid_1 .wtheme_blue .act_now .submit a {<br /> background: #08738B;<br /> background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#086E85), to(#128CA5));<br /> background: -moz-linear-gradient(100% 0% 270deg,#086E85, #128CA5);<br /> color: #FFF;<br />}<br /></style>

<div class="act_wid_1">

<div class="wtheme_blue" id="widget_box">

<div class="widget_sign" id="widget_cont">

<div class="act_wid_img"><a href="http://actuable.es/peticiones/say-to-neeliekroeseu-we-want-single-opendata-licence-in-the" target="_blank"><img alt="Opendata" src="http://actuable.es/system/images/3374/medium/opendata.jpg" height="195" width="300" /></a></div>

<div class="act_wid_title">

<h1><a href="http://actuable.es/peticiones/say-to-neeliekroeseu-we-want-single-opendata-licence-in-the" target="_blank">Say to @neeliekroesEU we want a single #opendata licence in the #EU #1OdataLicenseEU</a></h1>

</div>

<div class="wc signs_info">

<div class="people_count">

<small>Han actuat</small>

<span id="actuable_signs_count_3374">0 persones</span>

</div>

<div class="signs_left">

<small>Ens manquen</small>

<span id="actuable_signs_left_3374">0 signatures</span>

</div>

</div><!-- .wc -->

<div class="act_now">

<div class="wc" id="act_now_not_acted">

<div class="widget_form">

<h3>Actua ara</h3>

<form charset="UTF-8" action="http://actuable.es/actions/3374/supports" method="post">

<div style="margin:0;padding:0;display:inline"><input name="utf8" value="✓" type="hidden">

<input name="authenticity_token" id="actuable_authenticity_token" value="" type="hidden"></div></form></div></div></div></div></div></div>

Cap comentari: