edit: ajout d'une interface type boite de récéption pour poster des annonces régulières + structure système like et particpation (à reprendre)

v1-com-officielle/src/assets/style.css

@@ -45,6 +45,10 @@ a{
   text-decoration: none;
 }
 
+p{
+  cursor: default;
+}
+
 /*=====================Référencement*/
 .referenceText{
   position:absolute;
@@ -111,6 +115,7 @@ canvas {
 
 
 /*=============Classes générales*/
+/*==============Main UI*/
 .uiStyle{
   background-color: var(--back-color);
   border-style: solid;
@@ -140,6 +145,7 @@ canvas {
 .iconBtnStyle:hover{
   background-color: var(--main-color);
   color: var(--back-color);
+  border-color: var(--back-color);
 }
 
 .textBtnStyle{
@@ -156,6 +162,12 @@ canvas {
   align-items: center;
 }
 
+.textBtnStyle:hover{
+  background-color: var(--main-color);
+  color: var(--back-color);
+  border-color: var(--back-color);
+}
+
 /*================ PC LARGE*/
 @media(min-width:1000px){
   .textBtnStyle{
@@ -163,7 +175,70 @@ canvas {
   }
 }
 
-.textBtnStyle:hover{
-  background-color: var(--main-color);
-  color: var(--back-color);
+/*==============Window*/
+.windowStyle{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  background-color: var(--back-color);
+  border-style: solid;
+  border-width: thin;
+  border-radius: 16.1px;
+  border-color: var(--main-color);
+}
+
+.windowTitle{
+  width:100%;
+  height:50px;
+  background-color: var(--main-color);
+  border-radius: 16.1px 16.1px 0 0;
+  font-family: 'lineal';
+  font-size: 16.1px;
+  color: var(--back-color);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.windowTitleLower{
+  font-family: 'velvelyne';
+  font-weight: lighter;
+  font-size: 13.12px;
+}
+
+.closeBtn{
+  color: var(--back-color);
+  background-color: var(--main-color);
+  border-style: solid;
+  border-width: thin;
+  border-radius: 16.1px;
+  border-color: var(--back-color);
+  width: 50px;
+  height: 33px;
+  align-items: center;
+  cursor: pointer;
+}
+
+.closeBtn:hover{
+  color: var(--main-color);
+  background-color: var(--back-color);
+}
+
+.windowContent{
+  height:77%;
+  width:100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+/*==========================Moveable*/
+.moveable-control-box {
+  display: none !important;
 }