2.0 - WebUI builder ("Cielight" merge) #9
@@ -45,7 +45,7 @@
 | 
				
			|||||||
    <form id="site-info-form">
 | 
					    <form id="site-info-form">
 | 
				
			||||||
      <!-- Info Section -->
 | 
					      <!-- Info Section -->
 | 
				
			||||||
      <fieldset>
 | 
					      <fieldset>
 | 
				
			||||||
        <legend>Info</legend>
 | 
					        <h2>Info</h2>
 | 
				
			||||||
        <div class="fields">
 | 
					        <div class="fields">
 | 
				
			||||||
          <div class="input-field">
 | 
					          <div class="input-field">
 | 
				
			||||||
            <label>Title</label>
 | 
					            <label>Title</label>
 | 
				
			||||||
@@ -75,7 +75,7 @@
 | 
				
			|||||||
      </fieldset>
 | 
					      </fieldset>
 | 
				
			||||||
      <!-- Social Section -->
 | 
					      <!-- Social Section -->
 | 
				
			||||||
      <fieldset>
 | 
					      <fieldset>
 | 
				
			||||||
        <legend>Social</legend>
 | 
					        <h2>Social</h2>
 | 
				
			||||||
        <div class="fields">
 | 
					        <div class="fields">
 | 
				
			||||||
          <div class="input-field">
 | 
					          <div class="input-field">
 | 
				
			||||||
            <label>Instagram URL</label>
 | 
					            <label>Instagram URL</label>
 | 
				
			||||||
@@ -92,7 +92,7 @@
 | 
				
			|||||||
      </fieldset>
 | 
					      </fieldset>
 | 
				
			||||||
      <!-- Menu Section -->
 | 
					      <!-- Menu Section -->
 | 
				
			||||||
      <fieldset>
 | 
					      <fieldset>
 | 
				
			||||||
        <legend>Menu</legend>
 | 
					        <h2>Menu</h2>
 | 
				
			||||||
        <div class="fields">
 | 
					        <div class="fields">
 | 
				
			||||||
          <div class="input-field" style="flex: 1 1 100%;">
 | 
					          <div class="input-field" style="flex: 1 1 100%;">
 | 
				
			||||||
            <div id="menu-items-list"></div>
 | 
					            <div id="menu-items-list"></div>
 | 
				
			||||||
@@ -102,7 +102,7 @@
 | 
				
			|||||||
      </fieldset>
 | 
					      </fieldset>
 | 
				
			||||||
      <!-- Footer Section -->
 | 
					      <!-- Footer Section -->
 | 
				
			||||||
      <fieldset>
 | 
					      <fieldset>
 | 
				
			||||||
        <legend>Footer</legend>
 | 
					        <h2>Footer</h2>
 | 
				
			||||||
        <div class="fields">
 | 
					        <div class="fields">
 | 
				
			||||||
          <div class="input-field">
 | 
					          <div class="input-field">
 | 
				
			||||||
            <label>Copyright</label>
 | 
					            <label>Copyright</label>
 | 
				
			||||||
@@ -116,7 +116,7 @@
 | 
				
			|||||||
      </fieldset>
 | 
					      </fieldset>
 | 
				
			||||||
      <!-- Legals Section -->
 | 
					      <!-- Legals Section -->
 | 
				
			||||||
      <fieldset>
 | 
					      <fieldset>
 | 
				
			||||||
        <legend>Legals</legend>
 | 
					        <h2>Legals</h2>
 | 
				
			||||||
        <div class="fields">
 | 
					        <div class="fields">
 | 
				
			||||||
          <div class="input-field">
 | 
					          <div class="input-field">
 | 
				
			||||||
            <label>Hoster Name</label>
 | 
					            <label>Hoster Name</label>
 | 
				
			||||||
@@ -139,7 +139,7 @@
 | 
				
			|||||||
      </fieldset>
 | 
					      </fieldset>
 | 
				
			||||||
      <!-- Build Section -->
 | 
					      <!-- Build Section -->
 | 
				
			||||||
      <fieldset>
 | 
					      <fieldset>
 | 
				
			||||||
        <legend>Build</legend>
 | 
					        <h2>Build</h2>
 | 
				
			||||||
        <div class="fields">
 | 
					        <div class="fields">
 | 
				
			||||||
          <div class="input-field">
 | 
					          <div class="input-field">
 | 
				
			||||||
            <label>Theme</label>
 | 
					            <label>Theme</label>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -17,6 +17,9 @@ body {
 | 
				
			|||||||
h1, h2 {
 | 
					h1, h2 {
 | 
				
			||||||
  color: #FBFBFB;
 | 
					  color: #FBFBFB;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					h2 {
 | 
				
			||||||
 | 
					  color: #55c3ec;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* --- Toolbar --- */
 | 
					/* --- Toolbar --- */
 | 
				
			||||||
.toolbar {
 | 
					.toolbar {
 | 
				
			||||||
@@ -488,26 +491,13 @@ h1, h2 {
 | 
				
			|||||||
  padding: 0 40px 40px 40px;
 | 
					  padding: 0 40px 40px 40px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					 | 
				
			||||||
#site-info-form fieldset {
 | 
					 | 
				
			||||||
  border: none;
 | 
					 | 
				
			||||||
  margin-bottom: 28px;
 | 
					 | 
				
			||||||
  padding: 0;
 | 
					 | 
				
			||||||
  background: rgba(0, 41, 48, 0.45);
 | 
					 | 
				
			||||||
  border-radius: 18px;
 | 
					 | 
				
			||||||
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.25);
 | 
					 | 
				
			||||||
  padding: 32px 28px;
 | 
					 | 
				
			||||||
  margin: 32px auto;
 | 
					 | 
				
			||||||
  backdrop-filter: blur(12px);
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
#site-info-form fieldset {
 | 
					#site-info-form fieldset {
 | 
				
			||||||
  background-color: rgb(67 67 67 / 26%);
 | 
					  background-color: rgb(67 67 67 / 26%);
 | 
				
			||||||
  border-radius: 6px;
 | 
					  border-radius: 6px;
 | 
				
			||||||
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 | 
					  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 | 
				
			||||||
  border: 1px solid #2f2e2e80;
 | 
					  border: 1px solid #2f2e2e80;
 | 
				
			||||||
  margin-bottom: 28px;
 | 
					  margin-bottom: 28px;
 | 
				
			||||||
  padding: 32px 28px;
 | 
					  padding: 0 28px 32px 28px;
 | 
				
			||||||
  margin: 32px auto;
 | 
					  margin: 32px auto;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user