Skip to content
Extraits de code Groupes Projets

Comparer les révisions

Les modifications sont affichées comme si la révision source était fusionnée avec la révision cible. En savoir plus sur la comparaison des révisions.

Source

Sélectionner le projet cible
No results found

Cible

Sélectionner le projet cible
  • la-quadrature-du-net/memopol/memopol
  • lnclt/political_memory
  • arthur/political_memory
  • agrausem/political_memory
  • periode/memopol
  • Anthony/memopol
  • Porkepix/memopol
  • jaster/memopol
  • luxcem/memopol
  • TAlone/memopol
10 résultats
Afficher les modifications
Tout étendre Masquer les modifications d'espaces
En ligne Côte à côte
Affichage de
avec 8686 ajouts et 56 suppressions
memopol_representatives/urls.py supprimé 100644 → 0
Voir le fichier @ 3cc5e70b
from django.conf.urls import patterns, include, url
from memopol_representatives import views
urlpatterns = patterns(
'',
url(r'^$', views.index, name='index'),
url(r'^view/(?P<num>\d+)$', views.view, name='view'),
)
memopol_representatives/views.py supprimé 100644 → 0
Voir le fichier @ 3cc5e70b
from django.shortcuts import render, get_object_or_404
from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger
from django.db.models import Q
from representatives.models import Representative
def index(request):
context = {}
if request.GET.get('search'):
search = request.GET.get('search')
representative_list = Representative.objects.filter(
Q(full_name__icontains=search)
)
queries_without_page = request.GET.copy()
if 'page' in queries_without_page:
del queries_without_page['page']
context['queries'] = queries_without_page
else:
representative_list = Representative.objects.all()
paginator = Paginator(representative_list, 5)
page = request.GET.get('page')
try:
representatives = paginator.page(page)
except PageNotAnInteger:
representatives = paginator.page(1)
except EmptyPage:
representatives = paginator.page(paginator.num_pages)
context['representatives'] = representatives
return render(
request,
'memopol_representatives/list.html',
context
)
def view(request, num):
representative = get_object_or_404(Representative, pk=num)
return render(
request,
'memopol_representatives/view.html',
{'representative': representative}
)
pytest.ini 0 → 100644
Voir le fichier @ 81c7c918
[pytest]
DJANGO_SETTINGS_MODULE=memopol.settings
addopts = --cov-config .coveragerc --cov=src --create-db
reference/design-v3/MEP-mandates.html 0 → 100644
Voir le fichier @ 81c7c918
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!--div class="row custom-header">
<div class="col-sm-5">
<h1>[LOGO] Memopol</h1>
</div>
<div class="col-sm-7">
<p class="lead">What is Memopol ?</p>
<p>Memopol is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
</div>
</div-->
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation"><a href="MEP-votes.html"><h3>Votes</h3></a></li>
<li role="presentation" class="active"><a href="MEP-mandates.html"><h3>Mandates</h3></a></li>
<li role="presentation"><a href="MEP-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
<br/>
<div class="row">
<div class="col-sm-6 col-md-4">
<!---------------------------------------------------------
MANDAT IMPORTANT
---------------------------------------------------------->
<div class="thumbnail">
<div class="caption">
<h3 class="text-center">Committee on Civil Liberties, Justice and Home Affairs</h3>
<hr>
<p class="lead text-center">Vice-Chair since July 7, 2014</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT IMPORTANT
---------------------------------------------------------->
<!---------------------------------------------------------
MANDAT PEU IMPORTANT
---------------------------------------------------------->
<div class="thumbnail">
<div class="caption">
<h5 class="text-center">Committee on an other topic that is not so interesting</h5>
<hr>
<p class="text-center">Member since July 7, 2014</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT PEU IMPORTANT
---------------------------------------------------------->
<!---------------------------------------------------------
MANDAT TERMINÉ
---------------------------------------------------------->
<div class="thumbnail mandat-fini">
<div class="caption">
<h5 class="text-center">Committee on an other topic that is not relevant anymore</h5>
<hr>
<p class="text-center">Member from July 7, 2014 to August 16, 2015</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT TERMINÉ
---------------------------------------------------------->
</div>
<div class="col-sm-6 col-md-4">
<!---------------------------------------------------------
MANDAT IMPORTANT
---------------------------------------------------------->
<div class="thumbnail">
<div class="caption">
<h3 class="text-center">Committee on Civil Liberties, Justice and Home Affairs</h3>
<hr>
<p class="lead text-center">Vice-Chair since July 7, 2014</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT IMPORTANT
---------------------------------------------------------->
<!---------------------------------------------------------
MANDAT TERMINÉ
---------------------------------------------------------->
<div class="thumbnail mandat-fini">
<div class="caption">
<h5 class="text-center">Committee on an other topic that is not relevant anymore</h5>
<hr>
<p class="text-center">Member from July 7, 2014 to August 16, 2015</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT TERMINÉ
---------------------------------------------------------->
</div>
<div class="col-sm-6 col-md-4">
<!---------------------------------------------------------
MANDAT PEU IMPORTANT
---------------------------------------------------------->
<div class="thumbnail">
<div class="caption">
<h5 class="text-center">Committee on an other topic that is not so interesting</h5>
<hr>
<p class="text-center">Member since July 7, 2014</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT PEU IMPORTANT
---------------------------------------------------------->
<!---------------------------------------------------------
MANDAT PEU IMPORTANT
---------------------------------------------------------->
<div class="thumbnail">
<div class="caption">
<h5 class="text-center">Committee on an other topic that is not so interesting</h5>
<hr>
<p class="text-center">Member since July 7, 2014</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT PEU IMPORTANT
---------------------------------------------------------->
<!---------------------------------------------------------
MANDAT TERMINÉ
---------------------------------------------------------->
<div class="thumbnail mandat-fini">
<div class="caption">
<h5 class="text-center">Committee on an other topic that is not relevant anymore</h5>
<hr>
<p class="text-center">Member from July 7, 2014 to August 16, 2015</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT TERMINÉ
---------------------------------------------------------->
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
reference/design-v3/MEP-positions.html 0 → 100644
Voir le fichier @ 81c7c918
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!--div class="row custom-header">
<div class="col-sm-5">
<h1>[LOGO] Memopol</h1>
</div>
<div class="col-sm-7">
<p class="lead">What is Memopol ?</p>
<p>Memopol is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
</div>
</div-->
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation"><a href="MEP-votes.html"><h3>Votes</h3></a></li>
<li role="presentation"><a href="MEP-mandates.html"><h3>Mandates</h3></a></li>
<li role="presentation" class="active"><a href="MEP-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
reference/design-v3/MEP-vide.html 0 → 100644
Voir le fichier @ 81c7c918
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation"><a href="MEP-votes.html"><h3>Votes</h3></a></li>
<li role="presentation"><a href="MEP-mandates.html"><h3>Mandates</h3></a></li>
<li role="presentation"><a href="MEP-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
<p class="text-center"><br><br>Select a category to display the data.</p>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
reference/design-v3/MEP-votes.html 0 → 100644
Voir le fichier @ 81c7c918
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!--div class="row custom-header">
<div class="col-sm-5">
<h1>[LOGO] Memopol</h1>
</div>
<div class="col-sm-7">
<p class="lead">What is Memopol ?</p>
<p>Memopol is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
</div>
</div-->
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation" class="active"><a href="MEP-votes.html"><h3>Votes</h3></a></li>
<li role="presentation"><a href="MEP-mandates.html"><h3>Mandates</h3></a></li>
<li role="presentation"><a href="MEP-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
<!---------------------------------------------------------
DOSSIERS
---------------------------------------------------------->
<p>Un peu de blabla ? Lorem ipsum...</p>
<div class="panel-group" id="accordion-Dossiers" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="Dossiers-headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion-Dossiers" href="#Dossiers-detailsOne" aria-expanded="false" aria-controls="Dossiers-detailsOne">
ACTA - Anti-Counterfeiting Trade Agreement
</a>
</h4>
</div>
<div id="Dossiers-detailsOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="Dossiers-headingOne">
<div class="panel-body">
<p>Lorem ipsum, un peu ce contexte...</p>
<a class="btn btn-default">En savoir plus &raquo;</a>
<br/><br/>
<table class="table table-striped table-hover text-center">
<thead>
<tr>
<th class="text-center">Vote name</th>
<th class="text-center">MEP's vote</th>
<th class="text-center">Party's vote</th>
<th class="text-center">Lqdn's recommendation</th>
<th class="text-center">Result</th>
<th class="text-center">Points</th>
</tr>
</thead>
<tbody>
<tr>
<th>Vote machin</th>
<td><span class="glyphicon glyphicon-ok text-success" title="recommendation: for"></span></td>
<td><span class="glyphicon glyphicon-ok text-success" title="recommendation: for"></span></td>
<td><span class="glyphicon glyphicon-ok" title="recommendation: for"></span></td>
<td>Accepted</td>
<td>10 <a data-toggle="tooltip" data-placement="top" title="Vote suivant notre recommendation sur un amendement."><span class="glyphicon glyphicon-info-sign"></span></a></td>
</tr>
<tr>
<th>Vote truc</th>
<td><span class="glyphicon glyphicon-remove text-danger"></td>
<td><span class="glyphicon glyphicon-remove text-danger"></td>
<td><span class="glyphicon glyphicon-ok" title="recommendation: for"></span></td>
<td>Rejected</td>
<td>-10</td>
</tr>
<tr>
<th>Vote chose</th>
<td><span class="glyphicon glyphicon-remove text-success"></span></td>
<td><span class="glyphicon glyphicon-ok text-danger"></span></td>
<td><span class="glyphicon glyphicon-remove" title="recommendation: against"></span></td>
<td>Accepted</td>
<td>20 <a data-toggle="tooltip" data-placement="top" title="Vote contre le groupe et suivant notre recommendation sur un amendement."><span class="glyphicon glyphicon-info-sign"></span></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="Dossiers-headingTwo">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion-Dossiers" href="#Dossiers-detailsTwo" aria-expanded="false" aria-controls="Dossiers-detailsTwo">
Personnal Data Protection
</a>
</h4>
</div>
<div id="Dossiers-detailsTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="Dossiers-headingTwo">
<div class="panel-body">
<p>Lorem ipsum, un peu ce contexte...</p>
<a class="btn btn-default">En savoir plus &raquo;</a>
<br/><br/>
<table class="table table-striped table-hover text-center">
<thead>
<tr>
<th class="text-center">Vote name</th>
<th class="text-center">MEP's vote</th>
<th class="text-center">Party's vote</th>
<th class="text-center">Lqdn's recommendation</th>
<th class="text-center">Points <a data-toggle="tooltip" data-placement="top" title="Le score est une somme de points attribués suivant si le MEP vote dans notre sens (positif) ou non (négatif) multiplié par le poids (importance) de ce vote."><span class="glyphicon glyphicon-info-sign"></span></a></th>
</tr>
</thead>
<tbody>
<tr>
<th>Vote machin</th>
<td><span class="glyphicon glyphicon-ok text-success" title="recommendation: for"></span></td>
<td><span class="glyphicon glyphicon-ok text-success" title="recommendation: for"></span></td>
<td><span class="glyphicon glyphicon-ok" title="recommendation: for"></span></td>
<td>20</td>
</tr>
<tr>
<th>Vote truc</th>
<td><span class="glyphicon glyphicon-remove text-danger"></td>
<td><span class="glyphicon glyphicon-remove text-danger"></td>
<td><span class="glyphicon glyphicon-ok" title="recommendation: for"></span></td>
<td>10</td>
</tr>
<tr>
<th>Vote chose</th>
<td><span class="glyphicon glyphicon-remove text-success"></span></td>
<td><span class="glyphicon glyphicon-ok text-danger"></span></td>
<td><span class="glyphicon glyphicon-remove" title="recommendation: against"></span></td>
<td>15</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!---------------------------------------------------------
FIN DES DOSSIERS
---------------------------------------------------------->
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
reference/design-v3/MEP.html 0 → 100644
Voir le fichier @ 81c7c918
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!--div class="row custom-header">
<div class="col-sm-5">
<h1>[LOGO] Memopol</h1>
</div>
<div class="col-sm-7">
<p class="lead">What is Memopol ?</p>
<p>Memopol is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
</div>
</div-->
<div class="row">
<!---------------------------------------------------------
VOLET DE NAVIGATION
---------------------------------------------------------->
<div class="col-sm-3 custom-nav">
</div>
<!---------------------------------------------------------
FIN DU VOLET DE NAVIGATION
---------------------------------------------------------->
<div class="col-sm-9 col-sm-offset-3">
<!---------------------------------------------------------
CARTE D'IDENTITÉ DU MEP
---------------------------------------------------------->
<div class="row">
<div class="col-sm-3">
<img src="img/jp-albrecht.jpg">
</div>
<div class="col-sm-9">
<h1 class="text-center">
Jan Philipp ALBRECHT
<br>
<span class="glyphicon glyphicon-education small" data-toggle="tooltip" data-placement="bottom" title="Golden medal on ACTA" style="color:gold;"></span>
<span class="glyphicon glyphicon-education small" data-toggle="tooltip" data-placement="bottom" title="Silver medal on Net Neutrality" style="color:silver;"></span>
<span class="glyphicon glyphicon-thumbs-down small" data-toggle="tooltip" data-placement="bottom" title="Booh on whatever other theme we are monitoring" style="color:maroon;"></span>
</h1>
<div class="col-sm-9">
<dl class="dl-horizontal">
<dt>Score</dt>
<dd>
<span class="badge" >120</span>&nbsp;&nbsp;
<span class="glyphicon glyphicon-upload text-success"></span>
</dd>
<dt>Country</dt><dd><span class="glyphicon glyphicon-flag"></span> Germany</dd>
<dt>Party</dt><dd>Member of Group of the Greens/European Free Alliance</dd>
<dt>Biography</dt><dd>Born in Braunschweig the Dec. 20, 1982 (M)</dd>
<dt>More infos</dt><dd><a><span class="label label-primary"><span class="glyphicon glyphicon-grain"></span> Facebook</span></a> <a><span class="label label-primary"><span class="glyphicon glyphicon-plane"></span> Twitter</span></a> <a><span class="label label-primary"><span class="glyphicon glyphicon-tree-conifer"></span> Parliement</span></a></dd>
</dl>
</div>
<!--div class="col-sm-3 text-center">
<p>
There are ungoing &pi;Phone campaigns, call this MEP for free to help La Quadrature!
</p>
<a class="btn btn-large btn-default"><span class="glyphicon glyphicon-plus"></span> info</a>
</div-->
<div class="col-sm-3 text-center">
<p>
There is an ungoing &pi;Phone campaign, call this MEP for free to help La Quadrature!</p>
<div class="btn-group" role="group">
<button class="btn btn-large btn-primary" data-toggle="tooltip" data-placement="bottom" title="Call this MEP with the &pi;Phone"><span class="glyphicon glyphicon-phone-alt"></span></button>
<a class="btn btn-large btn-default"><span class="glyphicon glyphicon-plus"></span> info</a>
</div>
</div>
</div>
</div>
<!---------------------------------------------------------
FIN DE LA CARTE D'IDENTITÉ DU MEP
---------------------------------------------------------->
<br/>
Only display theme:
<div class="dropdown" style="display:inline-block;">
<button class="btn btn-default dropdown-toggle" type="button" id="orderby" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
All
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="orderby">
<li><a href="#">All <span class="badge pull-right">120</span></a></li>
<li><a href="#">ACTA <span class="badge pull-right">40</span></a></li>
<li><a href="#">Net Neutrality <span class="badge pull-right">20</span></a></li>
<li><a href="#">Autre bidule <span class="badge pull-right">60</span></a></li>
</ul>
</div>
<iframe seamless src="MEP-vide.html"></iframe>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
reference/design-v3/css/bootstrap-theme.css 0 → 100755
Voir le fichier @ 81c7c918
Ce diff est replié.
reference/design-v3/css/bootstrap-theme.css.map 0 → 100755
Voir le fichier @ 81c7c918
Ce diff est replié.
reference/design-v3/css/bootstrap-theme.min.css 0 → 100755
Voir le fichier @ 81c7c918
/*!
* Bootstrap v3.3.4 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/.btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-danger .badge,.btn-default .badge,.btn-info .badge,.btn-primary .badge,.btn-success .badge,.btn-warning .badge{text-shadow:none}.btn.active,.btn:active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.btn-default:focus,.btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}.btn-default.active,.btn-default:active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default.disabled,.btn-default:disabled,.btn-default[disabled]{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-o-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#245580}.btn-primary:focus,.btn-primary:hover{background-color:#265a88;background-position:0 -15px}.btn-primary.active,.btn-primary:active{background-color:#265a88;border-color:#245580}.btn-primary.disabled,.btn-primary:disabled,.btn-primary[disabled]{background-color:#265a88;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:focus,.btn-success:hover{background-color:#419641;background-position:0 -15px}.btn-success.active,.btn-success:active{background-color:#419641;border-color:#3e8f3e}.btn-success.disabled,.btn-success:disabled,.btn-success[disabled]{background-color:#419641;background-image:none}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#28a4c9}.btn-info:focus,.btn-info:hover{background-color:#2aabd2;background-position:0 -15px}.btn-info.active,.btn-info:active{background-color:#2aabd2;border-color:#28a4c9}.btn-info.disabled,.btn-info:disabled,.btn-info[disabled]{background-color:#2aabd2;background-image:none}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#e38d13}.btn-warning:focus,.btn-warning:hover{background-color:#eb9316;background-position:0 -15px}.btn-warning.active,.btn-warning:active{background-color:#eb9316;border-color:#e38d13}.btn-warning.disabled,.btn-warning:disabled,.btn-warning[disabled]{background-color:#eb9316;background-image:none}.btn-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#b92c28}.btn-danger:focus,.btn-danger:hover{background-color:#c12e2a;background-position:0 -15px}.btn-danger.active,.btn-danger:active{background-color:#c12e2a;border-color:#b92c28}.btn-danger.disabled,.btn-danger:disabled,.btn-danger[disabled]{background-color:#c12e2a;background-image:none}.img-thumbnail,.thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#2e6da4;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-o-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));background-image:linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-o-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-o-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#080808),to(#0f0f0f));background-image:linear-gradient(to bottom,#080808 0,#0f0f0f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.25);box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}}.alert{text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);background-repeat:repeat-x;border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);background-repeat:repeat-x;border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);background-repeat:repeat-x;border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);background-repeat:repeat-x;border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f5f5f5));background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x}.progress-bar{background-image:-webkit-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-o-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#286090));background-image:linear-gradient(to bottom,#337ab7 0,#286090 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);background-repeat:repeat-x}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#449d44));background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);background-repeat:repeat-x}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#31b0d5));background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);background-repeat:repeat-x}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#ec971f));background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);background-repeat:repeat-x}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c9302c));background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);background-repeat:repeat-x}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{text-shadow:0 -1px 0 #286090;background-image:-webkit-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2b669a));background-image:linear-gradient(to bottom,#337ab7 0,#2b669a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);background-repeat:repeat-x;border-color:#2b669a}.list-group-item.active .badge,.list-group-item.active:focus .badge,.list-group-item.active:hover .badge{text-shadow:none}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#d0e9c6));background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);background-repeat:repeat-x}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#c4e3f3));background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);background-repeat:repeat-x}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#faf2cc));background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);background-repeat:repeat-x}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-o-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#ebcccc));background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);background-repeat:repeat-x}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x;border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}
\ No newline at end of file
reference/design-v3/css/bootstrap.css 0 → 100755
Voir le fichier @ 81c7c918
Ce diff est replié.
reference/design-v3/css/bootstrap.css.map 0 → 100755
Voir le fichier @ 81c7c918
Ce diff est replié.
reference/design-v3/css/bootstrap.min-original.css 0 → 100755
Voir le fichier @ 81c7c918
Ce diff est replié.
reference/design-v3/css/bootstrap.min-paper.css 0 → 100755
Voir le fichier @ 81c7c918
Ce diff est replié.
reference/design-v3/css/bootstrap.min.css 0 → 100755
Voir le fichier @ 81c7c918
Ce diff est replié.
reference/design-v3/css/custom.css 0 → 100755
Voir le fichier @ 81c7c918
/***************************************************************
Général
***************************************************************/
html, body {
height:100%;
}
body {
padding-bottom: 5em;
}
.custom-feature, .custom-listMEP {
padding: 2em;
}
/***************************************************************
Typographie
***************************************************************/
@font-face {
font-family: Propaganda;
src: url(../fonts/PROPAGAN.ttf);
}
body, .panel-title {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: Propaganda;
}
h1 {
font-size: 2.5em;
}
h2 {
font-size: 1.7em;
}
h3 {
font-size: 1.5em;
}
.label {
font-weight: 400;
}
a.custom-invisible, a.custom-invisible:hover, a.custom-invisible:focus {
color: #222;
text-decoration: none;
}
/***************************************************************
Forms
***************************************************************/
label {
font-weight: 400;
}
.form-control, input, textarea {
color: #212121 !important;
}
.form-control {
display: block;
width: 100%;
height: 37px;
padding: 6px 16px;
line-height: 1.846;
color: #666666;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}
textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control {
padding: 0;
border: none;
border-radius: 0;
-webkit-appearance: none;
-webkit-box-shadow: inset 0 -1px 0 #ddd;
box-shadow: inset 0 -1px 0 #ddd;
}
textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus {
-webkit-box-shadow: inset 0 -2px 0 #487ED6;
box-shadow: inset 0 -2px 0 #487ED6;
}
select, select.form-control {
border: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: 0;
padding-right: 0\9;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
-webkit-background-size: 13px 13px;
background-size: 13px;
background-repeat: no-repeat;
background-position: right center;
-webkit-box-shadow: inset 0 -1px 0 #ddd;
box-shadow: inset 0 -1px 0 #ddd;
line-height: 1.5;
}
select:focus, select.form-control:focus {
-webkit-box-shadow: inset 0 -2px 0 #487ED6;
box-shadow: inset 0 -2px 0 #487ED6;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
}
/***************************************************************
Buttons
***************************************************************/
.btn {
text-transform: uppercase;
}
.btn {
-moz-box-shadow: 1px 1px 3px #656565;
-webkit-box-shadow: 1px 1px 3px #656565;
-o-box-shadow: 1px 1px 3px #656565;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
/***************************************************************
Nav
***************************************************************/
@media (min-width: 768px) {
.custom-nav .custom-plus {
margin: -1.5em 0 1.5em 0;
}
.custom-nav, .custom-cardMEP{
-moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565;
-o-box-shadow: 0px 0px 5px 0px #656565;
box-shadow: 0px 0px 5px 0px #656565;
}
.custom-nav {
height: 100%;
position: fixed;
overflow-y: auto;
}
}
.custom-nav button, .custom-nav a[role=button] {
text-align: center;
width: 100%;
margin: 1em auto;
}
/***************************************************************
Add a position
***************************************************************/
#btn-position {
position: fixed;
z-index: 5;
}
@media (min-width: 768px) {
#btn-position {
bottom: 2em;
right: 2em;
}
}
@media (max-width: 768px) {
#btn-position {
bottom: 1em;
right: 1em;
}
}
/***************************************************************
Index
***************************************************************/
/***************************************************************
Cards / Résultats de la recherche
***************************************************************/
.thumbnail {
padding: 0;
}
.custom-thumbnail-details {
opacity: 0;
transition: opacity 0.2s;
position: absolute;
top: 0;
background: white;
padding: 1em;
height: 100%;
width: 100%;
color: #666666;
}
a.custom-thumbnail:hover .custom-thumbnail-details {
opacity: 1;
}
.thumbnail .col-xs-7 p.lead {
margin-bottom: 0.5em;
}
.thumbnail .col-xs-7 {
padding-left: 0;
}
.thumbnail .col-xs-7 p {
margin-bottom: 0;
}
.custom-listMEP .thumbnail .badge {
position: absolute;
top: -0.5em;
right: 0.5em;
}
/***************************************************************
List / Résultat de la recherche
***************************************************************/
thead th {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
-webkit-background-size: 13px 13px;
background-size: 13px;
background-repeat: no-repeat;
background-position: right center;
}
/***************************************************************
MEPs
***************************************************************/
.dl-horizontal dt {
width: 100px;
}
.dl-horizontal dd {
margin-left: 120px;
}
iframe {
border: none;
width: 100%;
height: 700px;
}
.nav-tabs>li>a, .nav-tabs>li>a:focus {
-webkit-box-shadow: inset 0 -1px 0 #ddd;
box-shadow: inset 0 -1px 0 #ddd;
border: none;
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
background-color: transparent;
-webkit-box-shadow: inset 0 -2px 0 #487ED6;
box-shadow: inset 0 -2px 0 #487ED6;
border: none;
}
.thumbnail.mandat-fini {
background:#eee;
}
.thumbnail.mandat-fini hr {
border-color:#ddd;
}
/***************************************************************
Dossiers
***************************************************************/
.custom-timeline thead th {
background: none;
}
.custom-dossier-tables th:first-child, .custom-dossier-tables td:first-child {
width: 20em;
}
.custom-dossier-tables table {
margin-bottom: 0;
}
.custom-dossier-tables .collapse table {
margin-bottom: 1em;
}
.chamber-icon, .group-icon {
background-size: cover;
/* background-size: contain; */
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.3333333333333333em;
line-height: 1em;
}
reference/design-v3/dossier-positions.html 0 → 100755
Voir le fichier @ 81c7c918
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!--div class="row custom-header">
<div class="col-sm-5">
<h1>[LOGO] Memopol</h1>
</div>
<div class="col-sm-7">
<p class="lead">What is Memopol ?</p>
<p>Memopol is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
</div>
</div-->
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation"><a href="dossier-votes.html"><h3>Votes</h3></a></li>
<li role="presentation" class="active"><a href="dossier-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
<!-----------------------------------------------
Partie positions déplacée dans l'iframe
------------------------------------------------->
<p>No public position has been recorded. You can always <a>add a public position</a>.</p>
<table class="table table-responsive custom-timeline text-center">
<thead>
<tr>
<th class="text-center">Before</th>
<th class="text-center">Last year</th>
<th class="text-center">Last 6 months</th>
<th class="text-center">This month</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<button class="btn btn-default" type="button" data-toggle="collapse" data-target="#collapsePosition1" aria-expanded="false" aria-controls="collapsePosition1">
Jan Philipp ALBRECHT<br/>DD MMM YYYY
</button>
</td>
<td>
<button class="btn btn-default" type="button" data-toggle="collapse" data-target="#collapsePosition2" aria-expanded="false" aria-controls="collapsePosition2">
Martina ANDERSON<br/>DD MMM YYYY
</button>
<br>
<br>
<button class="btn btn-default" type="button" data-toggle="collapse" data-target="#collapsePosition3" aria-expanded="false" aria-controls="collapsePosition3">
Izaskun BILBAO BARANDICA<br/>DD MMM YYYY
</button>
</td>
<td></td>
<td>
<button class="btn btn-default" type="button" data-toggle="collapse" data-target="#collapsePosition4" aria-expanded="false" aria-controls="collapsePosition4">
Sergio Gaetano COFFERATI<br/>DD MMM YYYY
</button>
</td>
</tr>
</tbody>
</table>
<div class="collapse" id="collapsePosition1">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Jan Philipp ALBRECHT<br/>
<span class="small">DD MMM YYYY</span></h3>
</div>
<div class="panel-body text-justify">
<p>Un peu de contexte, lorem ipsum ...</p>
<p>Marfa bicycle rights Brooklyn, Odd Future kogi mustache farm-to-table seitan PBR irony. Whatever cardigan dreamcatcher deep v, iPhone McSweeney's Etsy selfies fingerstache yr fap blog normcore beard forage. Salvia Vice Blue Bottle raw denim, bespoke aesthetic DIY literally butcher readymade drinking vinegar meh chambray.</p> <p>Authentic Helvetica semiotics PBR&B beard. IPhone you probably haven't heard of them umami, deep v XOXO narwhal master cleanse 8-bit bespoke. Disrupt drinking vinegar health goth, Odd Future squid mumblecore cronut Kickstarter. Mustache actually occupy seitan deep v Etsy, polaroid messenger bag next level cornhole normcore.</p>
<blockquote>
<p>"Mr President, I would like to thank the Vice—President for his proposals. I think this is a very good step forward. It is not the first step, by the way, to creating the Digital Single Market, and I would like to bring our attention to the fact that, to create the Digital Single Market, we need to pass legislative acts. That is what we need to do, and therefore the Council – which I cannot see here – is an important partner to work with to create this Digital Single Market. What I can see at the moment is that, on the Telecoms Single Market, on the Network and Information Security Directive and on the Data Protection Regulation – all three of which are fundaments for building the next step of the digital single market – the Council is not coming along with general approaches, with positions, which are negotiable for us as a Parliament.</p>
<p>So I think that we need to insist first of all on the adoption of these legislative acts and then proceed with further measures. I think that you have made some good points, but there needs to be clear legislation, concrete formulations, about what you mean – for example – on platform neutrality and on geo-blocking; that is not enough, please try to improve the concreteness of these proposals."</p>
</blockquote>
<p class="text-right"><a class="btn btn-primary" href="http://www.europarl.europa.eu/sides/getDoc.do?pubRef=-//EP//TEXT+CRE+20150519+ITEM-004+DOC+XML+V0//EN&language=en&query=INTERV&detail=2-090-000" target="blank">Check the source &raquo;</a></p>
</div>
<!-------------------------------------------------
fin de la partie positions déplacée dans l'iframe
------------------------------------------------>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
reference/design-v3/dossier-vide.html 0 → 100755
Voir le fichier @ 81c7c918
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation"><a href="dossier-votes.html"><h3>Votes</h3></a></li>
<li role="presentation"><a href="dossier-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
reference/design-v3/dossier-votes.html 0 → 100755
Voir le fichier @ 81c7c918
Ce diff est replié.