move css files as global imports

app/static/css/no-more-tables.css

@@ -0,0 +1,53 @@
+.tg  {border-collapse:collapse;border-spacing:0;}
+.tg td{font-family:Arial, sans-serif;font-size:14px;padding:1px 1px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
+.tg th{font-family:Arial, sans-serif;font-size:14px;padding:1px 1px;font-weight:normal;padding:border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
+.tg .tg-yw4l{vertical-align:top}
+
+@media only screen and (max-width: 768px) {
+        /* Force table to not be like tables anymore */
+        .no-more-tables table,
+        .no-more-tables thead,
+        .no-more-tables tbody,
+        .no-more-tables th,
+        .no-more-tables td,
+        .no-more-tables tr {
+        display: block;
+        }
+         
+        /* Hide table headers (but not display: none;, for accessibility) */
+        .no-more-tables thead tr {
+        position: absolute;
+        top: -9999px;
+        left: -9999px;
+        }
+         
+        .no-more-tables tr { border: 1px solid #ccc; }
+          
+        .no-more-tables td {
+        /* Behave like a "row" */
+        border: none;
+        border-bottom: 1px solid #eee;
+        position: relative;
+        padding-left: 50%;
+        white-space: normal;
+        text-align:left;
+        }
+         
+        .no-more-tables td:before {
+        /* Now like a table header */
+        /* position: absolute; */
+        /* Top/left values mimic padding */
+        top: 6px;
+        left: 6px;
+        width: 45%;
+        padding-right: 10px;
+        white-space: nowrap;
+        text-align: left;
+        font-weight: bold;
+        }
+         
+        /*
+        Label the data
+        */
+        .no-more-tables td:before { content: attr(data-title); }
+        }

app/static/css/panel-transparent.css

@@ -0,0 +1,13 @@
+.panel-transparent {
+    background: none;
+}
+  
+.panel-transparent .panel-heading {
+    background: rgb(255, 255, 255); /* fallback */
+    background: rgba(255, 255, 255, 0.7)!important;
+}
+
+.panel-transparent .panel-body{
+    background: rgb(255, 255, 255); /* fallback */
+    background: rgba(255, 255, 255, 0.7)!important;
+}

app/templates/admin/list_addresses.html

@@ -16,40 +16,42 @@
   <table class="table table-hover table-striped table-condensed cf">
    <thead>
     <tr>
+     <!--<th>Region</th>-->
      <th>IP</th>
+     <th>Assignee</th>
+     <th>Server</th>
      <th>VLAN</th>
      <th>Deploy</th>
      <th>Server</th>
-     <th>Region</th>
      <th>rDNS</th>
-     <th>Assignee</th>
     </tr>
     </thead>
     <tbody>
     {% for address in addresses %}
     <tr>
      {% if address.reserved == True %}<tr class="danger">{% else %}<tr>{% endif %}
+     <!--<td>region1</td>-->
      <td>{{ address.ip }}</td>
-     {% if address.assignee != None %}
-     <td>{{ address.assignee.vlan_id }}</td>
-     <td>{{ address.assignee.deploy.machine_alias }}</td>
-     <td>{{ address.assignee.deploy.server.name }}</td>
-     {% else %}
-     <td></td>
-     <td></td>
-     <td></td>
-     {% endif %}
-     <td>{{ address.region.name }}</td>
-     {% if address.rdns != None %}
-     <td>{{ address.rdns }}</td>
-     {% else %}
-     <td></td>
-     {% endif %}
      {% if address.user_id != None %}
      <td><a href="{{ url_for('admin.dashboard', user_pid=address.user_id) }}">{{ address.owner.email }}</a></td>
      {% else %}
      <td></td>
      {% endif %}
+     {% if address.assignee != None %}
+     <td>{{ address.assignee.deploy.server.name }}</td>
+     <td>{{ address.assignee.vlan_id }}</td>
+     <td>{{ address.assignee.deploy.machine_alias }}</td>
+{% else %}
+<td></td>
+     <td></td>
+     <td></td>
+     {% endif %}
+
+     {% if address.rdns != None %}
+     <td>{{ address.rdns }}</td>
+     {% else %}
+     <td></td>
+     {% endif %}
     {% endfor %}
     </tr>
     </tbody>

app/templates/base.html

@@ -17,6 +17,8 @@
     <link href="{{ url_for('static', filename='css/navbar.css') }}" rel="stylesheet">
     <link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet">
     <link href="{{ url_for('static', filename='css/range.css') }}" rel="stylesheet">
+    <link href="{{ url_for('static', filename='css/no-more-tables.css') }}" rel="stylesheet">
+    <link href="{{ url_for('static', filename='css/panel-transparent.css') }}" rel="stylesheet">
 {% endblock %}
 
 {% block scripts %}

app/templates/main/aboutus.html

@@ -7,20 +7,6 @@
     body {
         background-image: url('/static/images/cloudsbg.jpeg');
     }
-
-    .panel-transparent {
-        background: none;
-    }
-
-    .panel-transparent .panel-heading {
-        background: rgb(255, 255, 255); /* fallback */
-        background: rgba(255, 255, 255, 0.7)!important;
-    }
-
-    .panel-transparent .panel-body{
-        background: rgb(255, 255, 255); /* fallback */
-        background: rgba(255, 255, 255, 0.7)!important;
-    }
     </style>
 {% endblock %}
 

app/templates/main/domaincheck.html

@@ -0,0 +1,62 @@
+        <form name=lookup
+        method="post" action="http://client.datapoint.bg//domain-registration/index.php"></p>
+        <input type="hidden" name="action" value="check_availability">
+        <p><em><input type="hidden" name="showrelated" value="true"></em></p>
+        <tr>
+        <td colspan="4" rowspan="3">
+        <input name="txtDomainName" type="text" class="inputbox" size="22" maxlength="55">
+       
+        <b>.</b>
+        <select name="tld[]">
+        <option value="com" selected>com</option>
+        <option value="net">net</option>
+        <option value="org">org</option>
+        <option value="biz">biz</option>
+        <option value="name">name</option>
+        <option value="us">us</option>
+        <option value="info">info</option>
+        <option value="in">in</option>
+        <option value="co.in">co.in</option>
+        <option value="net.in">net.in</option>
+        <option value="org.in">org.in</option>
+        <option value="firm.in">firm.in</option>
+        <option value="gen.in">gen.in</option>
+        <option value="ind.in">ind.in</option>
+        <option value="eu">eu</option>
+        <option value="mobi">.mobi</option>
+        <option value="mn">.mn</option>
+        <option value="bz">.bz</option>
+        <option value="cc">.cc</option>
+        <option value="tv">.tv</option>
+        <option value="eu.com">eu.com</option>
+        <option value="gb.com">gb.com</option>
+        <option value="ae.org">ae.org</option>
+        <option value="kr.com">kr.com</option>
+        <option value="us.com">us.com</option>
+        <option value="qc.com">qc.com</option>
+        <option value="de.com">de.com</option>
+        <option value="gb.net">gb.net</option>
+        <option value="no.com">no.com</option>
+        <option value="hu.com">hu.com</option>
+        <option value="jpn.com">jpn.com</option>
+        <option value="uy.com">uy.com</option>
+        <option value="za.com">za.com</option>
+        <option value="br.com">br.com</option>
+        <option value="cn.com">cn.com</option>
+        <option value="sa.com">sa.com</option>
+        <option value="se.com">se.com</option>
+        <option value="se.net">se.net</option>
+        <option value="uk.com">uk.com</option>
+        <option value="uk.net">uk.net</option>
+        <option value="ru.com">ru.com</option>
+        <option value="ws">ws</option>
+        <option value="co.uk">co.uk</option>
+        <option value="org.uk">org.uk</option>
+        <option value="me.uk">me.uk</option>
+       
+        </select>
+        </td>
+       
+        <td><input type="submit"></td>
+        </tr>
+        </form>

app/templates/main/index.html

@@ -11,20 +11,6 @@
     body {
         background-image: url('/static/images/cloudsbg.jpeg'); 
     }
-
-    .panel-transparent {
-        background: none;
-    }
-
-    .panel-transparent .panel-heading {
-        background: rgb(255, 255, 255); /* fallback */
-        background: rgba(255, 255, 255, 0.7)!important;
-    }
-
-    .panel-transparent .panel-body{
-        background: rgb(255, 255, 255); /* fallback */
-        background: rgba(255, 255, 255, 0.7)!important;
-    }
     </style>
 {% endblock %}
 

app/templates/main/livechat.html

@@ -6,20 +6,6 @@
     body {
         background-image: url('/static/images/cloudsbg.jpeg');
     }
-
-    .panel-transparent {
-        background: none;
-    }
-
-    .panel-transparent .panel-heading {
-        background: rgb(255, 255, 255); /* fallback */
-        background: rgba(255, 255, 255, 0.7)!important;
-    }
-
-    .panel-transparent .panel-body{
-        background: rgb(255, 255, 255); /* fallback */
-        background: rgba(255, 255, 255, 0.7)!important;
-    }
     </style>
 {% endblock %}
 

app/templates/main/terms.html

@@ -7,20 +7,6 @@
     body {
         background-image: url('/static/images/cloudsbg.jpeg');
     }
-
-    .panel-transparent {
-        background: none;
-    }
-
-    .panel-transparent .panel-heading {
-        background: rgb(255, 255, 255); /* fallback */
-        background: rgba(255, 255, 255, 0.7)!important;
-    }
-
-    .panel-transparent .panel-body{
-        background: rgb(255, 255, 255); /* fallback */
-        background: rgba(255, 255, 255, 0.7)!important;
-    }
     </style>
 {% endblock %}
 

app/templates/panel/dashboard.html

@@ -2,21 +2,6 @@
 
 {% block styles %}
 {{ super() }}
-<style type="text/css">
-    .panel-transparent {
-        background: none;
-    }
-  
-    .panel-transparent .panel-heading {
-        background: rgb(255, 255, 255); /* fallback */
-        background: rgba(255, 255, 255, 0.7)!important;
-    }
-
-    .panel-transparent .panel-body{
-        background: rgb(255, 255, 255); /* fallback */
-        background: rgba(255, 255, 255, 0.7)!important;
-    }
-</style>
 
 <style type="text/css">
 .tg  {border-collapse:collapse;border-spacing:0;}