Initial commit.

README.md

@@ -0,0 +1,41 @@
+# Twenty by HTML5 UP
+
+html5up.net | @ajlkn | AJ | [email protected]
+
+
+This is Twenty, a minimal, multi-page responsive site template for HTML5 UP.
+
+As the name implies, this is my twentieth (!) design for HTML5 UP. Since the last
+few have been single page affairs, I decided to go with something a bit more conventional
+and threw in four extra page layouts. Beyond that, it's the usual drill: fully responsive,
+built on HTML5/CSS3, and CCA licensed like all my other stuff. Sass sources are also
+included for those of you into that sort of thing (entirely optional).
+
+Special thanks to Michael Domaradzki (md.photomerchant.net) for allowing me to use
+his excellent photos in Twenty's demo*.
+
+(* = Not included! Only meant for use with my own on-site demo, so please do NOT download
+and/or use any of Michael's work without his explicit permission!)
+
+PS: Not sure how to get that contact form working? Give formspree.io a try (it's awesome).
+
+## License
+
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+## Credits
+
+* Demo Images
+  * Michael Domaradzki (md.photomerchant.net)
+    * "Night Vision"
+    * "At the Station II"
+    * "Airchitecture II"
+    * "Livewires II"
+    * "Midnite Xpress I"
+* Icons
+  * Font Awesome (fontawesome.io)
+* Other
+  * jQuery (jquery.com)
+  * Scrollex (github.com/ajlkn/jquery.scrollex)
+  * Responsive Tools (github.com/ajlkn/responsive-tools)

assets/css/admin.css

@@ -0,0 +1,163 @@
+.btn.btn-action {
+    margin-right: 5px;
+}
+/* --------------------------- */
+/* ---------- FILE ----------- */
+/* --------------------------- */
+.input-file-img {
+    width: auto;
+    max-height: 200px;
+}
+/* --------------------------- */
+/* ---------- USER ----------- */
+/* --------------------------- */
+#nav_user ul{
+    list-style-type: none;
+    padding: 0;
+    margin-bottom: 0em;
+}
+#nav_user li{
+    display: inline;
+    padding: 0;
+}
+.user-picture,
+.user-picture_default{
+    border: 1px solid #e1e4e8;
+    border-bottom-color: rgb(225, 228, 232);
+    border-bottom-style: solid;
+    border-bottom-width: 1px; 
+}
+.user-picture_default {
+    position: relative;
+    width: 100%;
+    white-space: nowrap;
+    background: #e6e7f4;
+}
+.user-picture_default:after {
+    content: "";
+    display: block;
+    padding-bottom: 100%;
+}
+.user-picture_default_username {
+    position: absolute;
+    top: 50%; 
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 5em;
+    color: #FFF;
+}
+.user-title{
+    padding-top: 1em;
+    padding-bottom: 1em;
+    margin: 0;
+}
+.user-fullname,
+.user-username{
+    display:block;
+}
+.user-fullname{
+    color: #333;
+    font-size: 26px;
+    line-height: 30px;
+    font-weight: bold;
+}
+.user-username {
+    color: #666;
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 300;
+    line-height: 24px;
+}
+
+
+/* --------------------------- */
+/* ---------- ROLE ----------- */
+/* --------------------------- */
+.badge-role {
+    height: 1em;
+    width: 1em;
+    display: inline-block;
+    border-radius: 10px;
+}
+#role_color_btn{
+    text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 3px;
+}
+
+
+/* --------------------------- */
+/* ---------- TABLE----------- */
+/* --------------------------- */
+@media (max-width: 768px) {
+    .table > tbody > tr > td, 
+    .table > tbody > tr > th, 
+    .table > tfoot > tr > td, 
+    .table > tfoot > tr > th, 
+    .table > thead > tr > td, 
+    .table > thead > tr > th {
+        border: 0;
+    }
+    .responsive table, 
+    .responsive thead, 
+    .responsive tbody, 
+    .responsive th, 
+    .responsive td, 
+    .responsive tr { 
+        display: block; 
+    }
+    .responsive thead { 
+        display: none;
+    }
+    .responsive td { 
+        position: relative;
+        border: 0px solid transparent;
+        padding-left: 50% !important;
+        white-space: normal;
+        text-align: right;
+        border-bottom: 0;
+    }
+    .responsive td:before { 
+        content: attr(data-title);
+        position: absolute;
+        left: 0;
+        width: 45%;
+        height:100%;
+        white-space: nowrap;
+        text-overflow: ellipsis !important;
+        overflow: hidden !important;
+        text-align: left;
+        font-weight: 600;
+    }
+    .responsive tbody tr th{ 
+        background-color: #83d3c9;
+        color: #fff;
+        text-align: center;
+        padding: .75em;
+    }
+}
+
+.icon-notPublish{
+    border: 1px solid #d14;
+    border-radius: 32px;
+    width: 32px;
+    height: 32px;
+}
+.icon-notPublish span{
+    display: block;
+    position: absolute;
+    top: 9px;
+    left: 23px;
+    color: #d14;
+}
+.icon-publish{
+    border: 1px solid #2ecc71;
+    border-radius: 32px;
+    width: 32px;
+    height: 32px;
+}
+.icon-publish span{
+    display: block;
+    position: absolute;
+    top: 9px;
+    left: 23px;
+    color: #2ecc71;
+}