Pagination color

>Add css file for custom colors

.idea/workspace.xml

@@ -2,8 +2,7 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="458baa9a-0ac3-475e-8174-3ab8ea444385" name="Default Changelist" comment="">
-      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/projets/pro_ascii_space.html" beforeDir="false" afterPath="$PROJECT_DIR$/projets/pro_ascii_space.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/projets/pro_static_site.html" beforeDir="false" afterPath="$PROJECT_DIR$/projets/pro_static_site.html" afterDir="false" />
     </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
@@ -46,8 +45,17 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/css/custom/main.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="570">
-              <caret line="30" column="23" lean-forward="true" selection-start-line="30" selection-start-column="23" selection-end-line="30" selection-end-column="23" />
+            <state relative-caret-position="57">
+              <caret line="3" column="40" selection-start-line="3" selection-start-column="22" selection-end-line="3" selection-end-column="40" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/css/custom/pagination.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="76">
+              <caret line="4" column="39" selection-start-line="4" selection-start-column="39" selection-end-line="4" selection-end-column="39" />
             </state>
           </provider>
         </entry>
@@ -61,10 +69,10 @@
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="true">
+      <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/projets/pro_ascii_space.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="468">
+            <state relative-caret-position="-83">
               <caret line="392" column="81" selection-start-line="392" selection-start-column="81" selection-end-line="392" selection-end-column="81" />
             </state>
           </provider>
@@ -73,8 +81,8 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/projets/pro_static_site.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="1596">
-              <caret line="84" column="8" lean-forward="true" selection-start-line="77" selection-start-column="4" selection-end-line="84" selection-end-column="8" />
+            <state relative-caret-position="354">
+              <caret line="285" column="37" selection-start-line="285" selection-start-column="37" selection-end-line="285" selection-end-column="37" />
             </state>
           </provider>
         </entry>
@@ -82,8 +90,8 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/css/bootstrap.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="115805">
-              <caret line="6095" column="20" selection-start-line="6095" selection-start-column="20" selection-end-line="6095" selection-end-column="27" />
+            <state relative-caret-position="279">
+              <caret line="6010" column="8" selection-start-line="6010" selection-start-column="2" selection-end-line="6010" selection-end-column="8" />
             </state>
           </provider>
         </entry>
@@ -93,8 +101,8 @@
   <component name="FileTemplateManagerImpl">
     <option name="RECENT_TEMPLATES">
       <list>
-        <option value="CSS File" />
         <option value="HTML File" />
+        <option value="CSS File" />
       </list>
     </option>
   </component>
@@ -107,6 +115,11 @@
       <find>&lt;em&gt;([a-z\wé]*)&lt;/em&gt;</find>
       <find>&lt;em&gt;([\sa-zé]*)&lt;/em&gt;</find>
       <find>&lt;/b&gt;(\s*:[–\sa-zé]*)&lt;span class=&quot;city&quot;&gt;</find>
+      <find>pagination</find>
+      <find>page-item</find>
+      <find>page-link</find>
+      <find>disabled</find>
+      <find>cursor</find>
     </findStrings>
     <replaceStrings>
       <replace>class=&quot;col-9&quot;</replace>
@@ -125,8 +138,10 @@
         <option value="$PROJECT_DIR$/projects.html" />
         <option value="$PROJECT_DIR$/cv.html" />
         <option value="$PROJECT_DIR$/index.html" />
-        <option value="$PROJECT_DIR$/css/custom/main.css" />
         <option value="$PROJECT_DIR$/projets/pro_ascii_space.html" />
+        <option value="$PROJECT_DIR$/css/custom/main.css" />
+        <option value="$PROJECT_DIR$/projets/pro_static_site.html" />
+        <option value="$PROJECT_DIR$/css/custom/pagination.css" />
       </list>
     </option>
   </component>
@@ -208,12 +223,12 @@
       <workItem from="1544635542542" duration="4441000" />
       <workItem from="1545071688272" duration="7592000" />
       <workItem from="1547284178594" duration="3205000" />
-      <workItem from="1547575616175" duration="698000" />
+      <workItem from="1547575616175" duration="2218000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="35434000" />
+    <option name="totallyTimeSpent" value="36954000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="-3" y="28" width="1926" height="1055" extended-state="6" />
@@ -265,38 +280,45 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/custom/main.css">
+    <entry file="file://$PROJECT_DIR$/contact.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="570">
-          <caret line="30" column="23" lean-forward="true" selection-start-line="30" selection-start-column="23" selection-end-line="30" selection-end-column="23" />
+        <state relative-caret-position="228">
+          <caret line="12" column="54" lean-forward="true" selection-start-line="12" selection-start-column="54" selection-end-line="12" selection-end-column="54" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/contact.html">
+    <entry file="file://$PROJECT_DIR$/projets/pro_ascii_space.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="228">
-          <caret line="12" column="54" lean-forward="true" selection-start-line="12" selection-start-column="54" selection-end-line="12" selection-end-column="54" />
+        <state relative-caret-position="-83">
+          <caret line="392" column="81" selection-start-line="392" selection-start-column="81" selection-end-line="392" selection-end-column="81" />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/projets/pro_static_site.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1596">
-          <caret line="84" column="8" lean-forward="true" selection-start-line="77" selection-start-column="4" selection-end-line="84" selection-end-column="8" />
+        <state relative-caret-position="354">
+          <caret line="285" column="37" selection-start-line="285" selection-start-column="37" selection-end-line="285" selection-end-column="37" />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/css/bootstrap.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="115805">
-          <caret line="6095" column="20" selection-start-line="6095" selection-start-column="20" selection-end-line="6095" selection-end-column="27" />
+        <state relative-caret-position="279">
+          <caret line="6010" column="8" selection-start-line="6010" selection-start-column="2" selection-end-line="6010" selection-end-column="8" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/projets/pro_ascii_space.html">
+    <entry file="file://$PROJECT_DIR$/css/custom/main.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="468">
-          <caret line="392" column="81" selection-start-line="392" selection-start-column="81" selection-end-line="392" selection-end-column="81" />
+        <state relative-caret-position="57">
+          <caret line="3" column="40" selection-start-line="3" selection-start-column="22" selection-end-line="3" selection-end-column="40" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/custom/pagination.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="76">
+          <caret line="4" column="39" selection-start-line="4" selection-start-column="39" selection-end-line="4" selection-end-column="39" />
         </state>
       </provider>
     </entry>

css/custom/pagination.css

@@ -0,0 +1,31 @@
+/* Pagination personnalization */
+
+.page-link {
+    color: #0b2e13;
+    background-color: rgb(245, 255, 245);
+    border: 1px solid #dee2e6;
+}
+
+.page-link:hover {
+    color: #28a745;
+    text-decoration: none;
+    background-color: #e9ecef;
+    border-color: #dee2e6;
+}
+
+.page-link:focus {
+    box-shadow: 0 0 0 0.2rem rgba(0, 255, 123, 0.25);
+}
+
+.page-item.active .page-link {
+    color: #fff;
+    background-color: #28a745;
+    border-color: #dee2e6;
+}
+
+.page-item.disabled .page-link {
+    color: #6c757d;
+    cursor: auto;
+    background-color: rgb(230, 255, 230);
+    border-color: #dee2e6;
+}