Add pedoman content and editor assets
This commit is contained in:
Power BI Dev
43
pedoman/css/adminmenu.css
Normal file
43
pedoman/css/adminmenu.css
Normal file
@@ -0,0 +1,43 @@
|
||||
body {
|
||||
/* display: flex; */
|
||||
/* align-items: center; */
|
||||
/* justify-content: center; */
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select {
|
||||
padding: 8px;
|
||||
background: white;
|
||||
border: gray 1px solid;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background: gray;
|
||||
color: white;
|
||||
}
|
||||
|
||||
input:focus {
|
||||
border: black 1px solid;
|
||||
}
|
||||
|
||||
input[type='number'] {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
#tambah {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.namamenuinput {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
#menubaru {
|
||||
margin-top: 44px;
|
||||
}
|
||||
6
pedoman/css/bootstrap.min.css
vendored
Normal file
6
pedoman/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
76
pedoman/css/formmts.css
Normal file
76
pedoman/css/formmts.css
Normal file
@@ -0,0 +1,76 @@
|
||||
.wrapper h2 {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.wrapper .daftarsiswa {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding-bottom: 50px;
|
||||
padding-top: 20px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
background-color: #dbe4eb;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.wrapper form table tr td label {
|
||||
margin-bottom: 5px;
|
||||
margin-top: 20px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
input[type='text'],
|
||||
input[type='password'],
|
||||
input[type='number'],
|
||||
input[type='date'],
|
||||
input[type='tel'],
|
||||
select,
|
||||
textarea {
|
||||
width: 520px;
|
||||
height: 35px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.1);
|
||||
background-color: white;
|
||||
|
||||
color: black;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow-y: scroll;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.wrapper form table tr td input[type='radio'] {
|
||||
transform: scale(1.2);
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.wrapper form table tr td input[type='button'],
|
||||
input[type='submit'],
|
||||
input[type='reset'] {
|
||||
height: 38px;
|
||||
background-color: #1c90b3;
|
||||
border: none;
|
||||
color: white;
|
||||
margin-top: 20px;
|
||||
margin-right: 5px;
|
||||
padding: 10px;
|
||||
padding-top: 7px;
|
||||
padding-bottom: 9px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
box-shadow: 1px 1px 3px #c1c1c1;
|
||||
}
|
||||
|
||||
input[type='text']:disabled {
|
||||
background-color: slategray;
|
||||
}
|
||||
1
pedoman/css/jquery.dataTables.min.css
vendored
Normal file
1
pedoman/css/jquery.dataTables.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
175
pedoman/css/login.css
Normal file
175
pedoman/css/login.css
Normal file
@@ -0,0 +1,175 @@
|
||||
@import 'https://fonts.googleapis.com/css?family=Poppins:300,
|
||||
400,
|
||||
500,
|
||||
600,
|
||||
700';
|
||||
|
||||
html,
|
||||
body {
|
||||
min-height: 100vh;
|
||||
min-width: 100vw;
|
||||
font-family: 'comfortaa', sans-serif;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border-bottom: 1px dashed #ddd;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
i,
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#content {
|
||||
background-color: #eaf0f1;
|
||||
/* padding: 20px; */
|
||||
min-height: 100vh;
|
||||
width: 100vw;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 15px 10px;
|
||||
background: #286090;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.navbar-btn {
|
||||
box-shadow: none;
|
||||
outline: none !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.title img {
|
||||
height: 55px;
|
||||
margin-left: 20px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-family: 'Merriweather', sans-serif;
|
||||
margin-left: 5px;
|
||||
color: #fff;
|
||||
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
#sidebarCollapse {
|
||||
margin: 0px;
|
||||
background-color: #1c90b3;
|
||||
}
|
||||
|
||||
/* form.html, formmts.html */
|
||||
|
||||
.container-fluid {
|
||||
/* min-height: 100vh; */
|
||||
font-family: 'comfortaa', sans-serif;
|
||||
}
|
||||
|
||||
.container-fluid h2 {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.container-fluid .daftarsiswa {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding-bottom: 50px;
|
||||
padding-top: 20px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
background-color: #dbe4eb;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.container-fluid form table tr td label {
|
||||
margin-bottom: 5px;
|
||||
margin-top: 20px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
input[type='text'],
|
||||
input[type='password'],
|
||||
input[type='number'],
|
||||
input[type='date'],
|
||||
input[type='tel'],
|
||||
select,
|
||||
textarea {
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
height: 35px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.1);
|
||||
background-color: white;
|
||||
|
||||
color: black;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow-y: scroll;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.container-fluid form table tr td input[type='radio'] {
|
||||
transform: scale(1.2);
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.container-fluid form table tr td input[type='button'],
|
||||
input[type='submit'],
|
||||
input[type='reset'] {
|
||||
height: 38px;
|
||||
background-color: #1c90b3;
|
||||
border: none;
|
||||
color: white;
|
||||
margin-top: 20px;
|
||||
margin-right: 5px;
|
||||
padding: 10px;
|
||||
padding-top: 7px;
|
||||
padding-bottom: 9px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
box-shadow: 1px 1px 3px #c1c1c1;
|
||||
}
|
||||
|
||||
input[type='text']:disabled {
|
||||
background-color: slategray;
|
||||
}
|
||||
.input-group {
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
}
|
||||
254
pedoman/css/style.css
Normal file
254
pedoman/css/style.css
Normal file
@@ -0,0 +1,254 @@
|
||||
/*
|
||||
DEMO STYLE
|
||||
*/
|
||||
@import 'https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700';
|
||||
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-size: 1.1em;
|
||||
font-weight: 300;
|
||||
line-height: 1.7em;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 15px 10px;
|
||||
background: #fff;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
margin-bottom: 40px;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.navbar-btn {
|
||||
box-shadow: none;
|
||||
outline: none !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border-bottom: 1px dashed #ddd;
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------
|
||||
SIDEBAR STYLE
|
||||
----------------------------------------------------- */
|
||||
.wrapper {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
perspective: 1500px;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
min-width: 350px;
|
||||
max-width: 350px;
|
||||
background: #7386d5;
|
||||
color: #fff;
|
||||
transition: all 0.6s cubic-bezier(0.945, 0.02, 0.27, 0.665);
|
||||
transform-origin: bottom left;
|
||||
overflow-y: scroll;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
#sidebar.active {
|
||||
margin-left: -250px;
|
||||
transform: rotateY(100deg);
|
||||
}
|
||||
|
||||
#sidebar .sidebar-header {
|
||||
padding: 20px;
|
||||
background: #6d7fcc;
|
||||
}
|
||||
|
||||
#sidebar ul.components {
|
||||
padding: 20px 0;
|
||||
border-bottom: 1px solid #47748b;
|
||||
}
|
||||
|
||||
#sidebar ul p {
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#sidebar ul li a {
|
||||
padding: 11px;
|
||||
padding-right: 20px;
|
||||
font-size: 1.1em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#sidebar ul li a:hover {
|
||||
color: #7386d5;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#sidebar ul li.active>a,
|
||||
a[aria-expanded='true'] {
|
||||
color: #fff;
|
||||
background: #6d7fcc;
|
||||
}
|
||||
|
||||
a[data-toggle='collapse'] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
a[aria-expanded='false']::before,
|
||||
a[aria-expanded='true']::before {
|
||||
content: '\e259';
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
font-family: 'Glyphicons Halflings';
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
a[aria-expanded='true']::before {
|
||||
content: '\e260';
|
||||
}
|
||||
|
||||
ul ul a {
|
||||
font-size: 0.9em !important;
|
||||
padding-left: 30px !important;
|
||||
background: #6d7fcc;
|
||||
}
|
||||
|
||||
ul.CTAs {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
ul.CTAs a {
|
||||
text-align: center;
|
||||
font-size: 0.9em !important;
|
||||
display: block;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
a.download {
|
||||
background: #fff;
|
||||
color: #7386d5;
|
||||
}
|
||||
|
||||
a.article,
|
||||
a.article:hover {
|
||||
background: #6d7fcc !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------
|
||||
CONTENT STYLE
|
||||
----------------------------------------------------- */
|
||||
#content {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
transition: all 0.3s;
|
||||
height: 100vh;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
#sidebarCollapse {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
#sidebarCollapse span {
|
||||
width: 80%;
|
||||
height: 2px;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
background: #555;
|
||||
transition: all 0.8s cubic-bezier(0.81, -0.33, 0.345, 1.375);
|
||||
transition-delay: 0.2s;
|
||||
}
|
||||
|
||||
#sidebarCollapse span:first-of-type {
|
||||
transform: rotate(45deg) translate(2px, 2px);
|
||||
}
|
||||
|
||||
#sidebarCollapse span:nth-of-type(2) {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#sidebarCollapse span:last-of-type {
|
||||
transform: rotate(-45deg) translate(1px, -1px);
|
||||
}
|
||||
|
||||
#sidebarCollapse.active span {
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------
|
||||
MEDIAQUERIES
|
||||
----------------------------------------------------- */
|
||||
@media (max-width: 768px) {
|
||||
#sidebar {
|
||||
margin-left: -350px;
|
||||
transform: rotateY(90deg);
|
||||
}
|
||||
|
||||
#sidebar.active {
|
||||
margin-left: 0;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
#sidebarCollapse span:first-of-type,
|
||||
#sidebarCollapse span:nth-of-type(2),
|
||||
#sidebarCollapse span:last-of-type {
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
#sidebarCollapse.active span {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#sidebarCollapse.active span:first-of-type {
|
||||
transform: rotate(45deg) translate(2px, 2px);
|
||||
}
|
||||
|
||||
#sidebarCollapse.active span:nth-of-type(2) {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#sidebarCollapse.active span:last-of-type {
|
||||
transform: rotate(-45deg) translate(1px, -1px);
|
||||
}
|
||||
}
|
||||
|
||||
/* Tambahan */
|
||||
#sidebar-title {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
#kirim-button {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.ql-editor{
|
||||
height: 90%;
|
||||
}
|
||||
Reference in New Issue
Block a user