Només ens quedem amb lo que interessa
diff --git a/css/autocomplete.css b/css/autocomplete.css
deleted file mode 100644
index d56e088..0000000
--- a/css/autocomplete.css
+++ /dev/null
@@ -1,50 +0,0 @@
-* { box-sizing: border-box; }
-body {
- font: 16px Arial;
-}
-.autocomplete {
- /*the container must be positioned relative:*/
- position: relative;
- display: inline-block;
-}
-input {
- border: 1px solid transparent;
- background-color: #f1f1f1;
- padding: 10px;
- font-size: 16px;
-}
-input[type=text] {
- background-color: #f1f1f1;
- width: 100%;
-}
-input[type=submit] {
- background-color: DodgerBlue;
- color: #fff;
-}
-.autocomplete-items {
- position: absolute;
- border: 1px solid #d4d4d4;
- border-bottom: none;
- border-top: none;
- z-index: 99;
- /*position the autocomplete items to be the same width as the container:*/
- top: 100%;
- left: 0;
- right: 0;
-}
-.autocomplete-items div {
- padding: 10px;
- cursor: pointer;
- background-color: #fff;
- border-bottom: 1px solid #d4d4d4;
-}
-.autocomplete-items div:hover {
- /*when hovering an item:*/
- background-color: #e9e9e9;
-}
-.autocomplete-active {
- /*when navigating through the items using the arrow keys:*/
- background-color: DodgerBlue !important;
- color: #ffffff;
-}
-
diff --git a/css/bulma-ajustments.css b/css/bulma-ajustments.css
new file mode 100644
index 0000000..8931934
--- /dev/null
+++ b/css/bulma-ajustments.css
@@ -0,0 +1,49 @@
+.buttons.grid {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+
+ justify-content: center;
+ align-items : center;
+}
+
+.buttons.grid .button {
+ flex: 1 0 20%;
+ margin: 10px;
+ padding: 40px 20px;
+ line-height: 0px;
+}
+
+.buttons.grid .complex-button {
+ flex: 1 0 34%;
+ margin: 15px 10px;
+}
+
+.section {
+ padding-top: 1rem;
+}
+
+#dev-mode {
+ background: #d23f31;
+ border: 1px solid #3e2723;
+ box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 4px rgba(0,0,0,.28);
+ color: #fff;
+ font-size: 10px;
+ font-weight: 700;
+ right: 20px;
+ line-height: 18px;
+ margin: -9px -50px;
+ opacity: .87;
+ position: absolute;
+ text-align: center;
+ text-shadow: 1px 1px 0 #4e342e;
+ top: 20px;
+ transform: rotate(45deg);
+ width: 100px;
+ z-index: 99;
+ cursor: pointer;
+}
+
+#dev-mode.hidden {
+ display: none;
+}
\ No newline at end of file
diff --git a/css/generalStyle.css b/css/generalStyle.css
deleted file mode 100644
index 92b6654..0000000
--- a/css/generalStyle.css
+++ /dev/null
@@ -1,40 +0,0 @@
-.myButton {
- box-shadow:inset 0px 1px 0px 0px #6e9eb8;
- background:linear-gradient(to bottom, #1a5b8c 5%, #4b84a3 100%);
- background-color:#1a5b8c;
- border:1px solid #22536e;
- display:inline-block;
- cursor:pointer;
- color:#ffffff;
- font-family:Arial;
- font-size:13px;
- font-weight:bold;
- padding:6px 12px;
- text-decoration:none;
-}
-.myButton:hover {
- background:linear-gradient(to bottom, #4b84a3 5%, #1a5b8c 100%);
- background-color:#4b84a3;
-}
-.myButton:active {
- position:relative;
- top:1px;
-}
-.alert {
- position: fixed;
- top: 0;
- right: 0.5rem;
- border:1px solid rgba(0, 0, 0, 0.2);
- border-radius: 0.25rem;
- padding: 2rem;
- background: #fff;
- color: #f65656;
- box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5);
- transition: all 0.2s ease-in-out;
- opacity: 0;
-}
-
-.visible {
- opacity: 1;
- transform: translateY(1.25rem);
-}
\ No newline at end of file