questions beautiful

qa-lang/fr/qa-lang-main.php

@@ -58,7 +58,7 @@
 		'answered_qs_title' => 'La plupart a répondu aux questions',
 		'answered' => 'répondu',
 		'asked_related_q' => 'poser une question connexe',
-		'asked' => 'posée',
+		'asked' => 'écrite',
 		'by_x' => 'par ^',
 		'cancel_button' => 'Annuler',
 		'closed' => 'fermée',

qa-theme/Cagette/qa-styles.css

@@ -12,7 +12,7 @@
 /* General page layout */
 
 body {margin:0; padding:0;}
-body,td,input,textarea {font-size:12px; font-family:"Roboto","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; color: #333;}
+body,td,input,textarea {font-size:1.4rem; font-family:"Roboto","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; color: #333;}
 a:link,a:active,a:visited {text-decoration:none;}
 a:hover {text-decoration:underline;}
 p {margin-top:0;}
@@ -72,7 +72,7 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 .qa-sidebar {padding:12px; font-size:14px; background:#f5e4c3; border:1px solid #f3c772; margin:24px 0;}
 .qa-feed {background:url(feed-icon-14x14.png) no-repeat left top; padding-left:20px; height:16px; margin:24px 0;}
 .qa-feed-link {font-size:10px; color:#666;}
-.qa-main {padding-left:20px; float:left; margin-bottom:2em; width:750px; clear:left; overflow:hidden;}
+.qa-main {padding-left:20px; float:left; margin-bottom:2em; clear:left; overflow:hidden;}
 .qa-main-hidden h1 {color:#999;}
 .qa-footer {clear:both; background:#00A473; color:#FFF; font-size:10px; padding:12px;}
 * html .qa-footer {padding-top:6px;} /* IE6 */
@@ -206,10 +206,28 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 
 /* Question list */
 
-.qa-q-list-item {margin-bottom:24px; padding-bottom:1px; zoom:1;} /* zoom for IE, padding for early FF */
-.qa-q-item-main {float:left; width:540px;}
-.qa-q-item-title {color:#235272; font-weight:bold; font-size:16px;}
-	.qa-q-item-title a {color:#235272;}
+.qa-q-list-item {
+
+	box-shadow: 2px 2px 3px rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 10%);
+	border-radius: 30px;
+	margin: 1rem;
+	float:left; 
+	padding: 30px 15px 0 15px;
+}
+
+.qa-q-item-main {
+	width: 70vw;
+	
+}
+
+@media screen and (max-width: 1000px) {
+	.qa-q-item-main {
+	width: 88vw;
+	}
+}
+
+.qa-q-item-title {color:#00a473; font-weight:bold; font-size:2rem;}
+	.qa-q-item-title a {color:#00a473;}
 .qa-q-item-content {font-size:10px; margin-top:6px; max-height:64px; overflow-y:auto; padding:4px; border:1px solid #ccc;}
 .qa-q-item-avatar {display:inline-block; vertical-align:middle; margin-top:6px; margin-right:2px;}
 .qa-q-item-meta {display:inline-block; vertical-align:middle; margin-top:6px;}
@@ -228,7 +246,15 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 
 /* Votes */
 
-.qa-voting {background:#b7e3da; border:1px solid #62847d; margin-right:16px; float:left; height:42px; overflow:hidden; padding:18px 0;}
+.qa-voting {
+	border:5px solid #333; 
+	width: 90px;
+    height: 90px;
+	border-radius: 90px;
+	margin:0em 1em 1em 0.5em; 
+	float:left; 
+	padding: 30px 15px 0 15px;
+	}
 .qa-vote-buttons {float:left; width:18px; padding-left:12px;}
 
 .qa-vote-one-button {margin:12px 0;}
@@ -256,7 +282,7 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 
 .qa-netvote-count {width:60px; display:block;}
 .qa-netvote-count-data {padding-top:1px; font-size:20px; font-weight:bold; display:block;}
-.qa-netvote-count-pad {font-size:11px;}
+.qa-netvote-count-pad {font-size:0.8rem;}
 
 .qa-upvote-count,.qa-downvote-count {width:48px; height:27px; position:relative; top:-4px; display:block;}
 .qa-upvote-count-data,.qa-downvote-count-data {font-size:18px; font-weight:bold; display:inline;}
@@ -264,9 +290,9 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 
 /* Answers and views count */
 
-.qa-a-count {background:#f7cd7d; border:1px solid #d6ae64; text-align:center; width:60px; height:42px; overflow:hidden; float:left; padding:18px 0; margin-right:16px;}
+.qa-a-count {text-align:center; width:65px; height:42px; overflow:hidden; float:left; padding:18px 0; margin-right:16px;}
 .qa-a-count-data {font-size:24px; font-weight:bold; display:block;}
-.qa-a-count-pad {font-size:11px;}
+.qa-a-count-pad {font-size:0.8rem;}
 
 .qa-view-count {float:right; font-size:11px; color:#8F5EA3;}
 .qa-q-item-main .qa-view-count {margin:3px 10px 0 20px;}
@@ -456,13 +482,14 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 	color:#fff !important; 
 	font-weight:bold; 
 	padding:3px 5px; 
-	margin-bottom:3px; 
+	margin-bottom:1rem; 
 	background-color:#00a473; 
 	display:-moz-inline-stack; 
 	display:inline-block; 
 	vertical-align:middle; 
 	text-decoration:none !important; 
 	border-radius: 10px;
+	font-size: 1rem;
 } /* inline-block for IE, -moz-inline-stack for early FF */
 	.qa-tag-link:hover {
 		text-decoration:none;