first commit

components/com_dvtr_employees/assets/grid.css

@@ -0,0 +1,160 @@
+
+
+/* ==== GRID SYSTEM ==== */
+
+.container {
+    width: 90%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.row {
+    position: relative;
+    width: 100%;
+}
+
+.row [class^="col"] {
+    float: left;
+    margin: 0.5rem 2%;
+    min-height: 0.125rem;
+}
+
+.col-1,
+.col-2,
+.col-3,
+.col-4,
+.col-5,
+.col-6,
+.col-7,
+.col-8,
+.col-9,
+.col-10,
+.col-11,
+.col-12 {
+    width: 96%;
+}
+
+.col-1-sm {
+    width: 4.33%;
+}
+
+.col-2-sm {
+    width: 12.66%;
+}
+
+.col-3-sm {
+    width: 21%;
+}
+
+.col-4-sm {
+    width: 29.33%;
+}
+
+.col-5-sm {
+    width: 37.66%;
+}
+
+.col-6-sm {
+    width: 46%;
+}
+
+.col-7-sm {
+    width: 54.33%;
+}
+
+.col-8-sm {
+    width: 62.66%;
+}
+
+.col-9-sm {
+    width: 71%;
+}
+
+.col-10-sm {
+    width: 79.33%;
+}
+
+.col-11-sm {
+    width: 87.66%;
+}
+
+.col-12-sm {
+    width: 96%;
+}
+
+.row::after {
+    content: "";
+    display: table;
+    clear: both;
+}
+
+.hidden-sm {
+    display: none;
+}
+
+@media only screen and (min-width: 33.75em) {  /* 540px */
+    .container {
+        width: 80%;
+    }
+}
+
+@media only screen and (min-width: 45em) {  /* 720px */
+    .col-1 {
+        width: 4.33%;
+    }
+
+    .col-2 {
+        width: 12.66%;
+    }
+
+    .col-3 {
+        width: 21%;
+    }
+
+    .col-4 {
+        width: 29.33%;
+    }
+
+    .col-5 {
+        width: 37.66%;
+    }
+
+    .col-6 {
+        width: 46%;
+    }
+
+    .col-7 {
+        width: 54.33%;
+    }
+
+    .col-8 {
+        width: 62.66%;
+    }
+
+    .col-9 {
+        width: 71%;
+    }
+
+    .col-10 {
+        width: 79.33%;
+    }
+
+    .col-11 {
+        width: 87.66%;
+    }
+
+    .col-12 {
+        width: 96%;
+    }
+
+    .hidden-sm {
+        display: block;
+    }
+}
+
+@media only screen and (min-width: 60em) { /* 960px */
+    .container {
+        width: 75%;
+        max-width: 60rem;
+    }
+}

components/com_dvtr_employees/assets/style.css

@@ -0,0 +1,61 @@
+.com_dvtr_employees .social-media img
+{
+
+    width: 30px;
+    height: 30px;
+}
+.com_dvtr_employees .social-media
+{
+    text-align: center;
+}
+.com_dvtr_employees .social-media a
+{
+    color: inherit !important;
+    text-decoration: none !important;
+}
+.com_dvtr_employees .employee-avatar
+{
+
+    text-align: center;
+}
+.com_dvtr_employees .employee-name
+{
+    text-align: center;
+    font-size: 24px;
+    margin-bottom: 10px;
+}
+
+/* widok pracownika */
+.com_dvtr_employees.view-employee .name
+{
+    text-align: center;
+}
+.com_dvtr_employees.view-employee .desc
+{
+    margin-bottom: 30px;
+}
+.com_dvtr_employees.view-employee .publications
+{
+    margin-bottom: 30px;
+}
+.com_dvtr_employees.view-employee .name h1
+{
+    text-transform: none;
+    margin-bottom: 30px;
+}
+.com_dvtr_employees.view-employee .avatar
+{
+    text-align: center;
+}
+.com_dvtr_employees.view-employee .contact_data
+{
+    text-align: center;
+}
+.com_dvtr_employees.view-employee .achievements
+{
+    text-align: center;
+}
+.com_dvtr_employees .okruszki li
+{
+    display: block !important;
+}