Permisi para mastah sekalian, ini kan ane lagi belajar coding web menggunakan code igniter.
Nah permasalahan utamanya, awalnya file css sudah terdeteksi saat dirun dan hasilnya berhasil ditampilkan di web browser tapi saat semua worksheet css ditutup nah ketika saya buka lagi untuk merubahnya file css nya malah ga merespon saat diedit. Tapi pas saya pindahin ke file baru dengan nama yang baru file cssnya merespon lagi.
Kira-kira permasalahannya dimana yah par mastah sekalian, biar saya ga gonta-ganti file css.

ini codenya..

/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* END OF CSS RESET */


/* CSS WEB BUILD START */
body{
background-image: url('../img/bg-log.jpg');
margin: 0px;
}
.container{
width: 400px;
height: 450px;
background-color: rgba(255, 255, 255, 1);
border-radius: 5px;
box-shadow: inset 0px 0px 25px 11px rgba(0,0,0,0.24);margin: 0 auto;
margin-top: 100px;
text-align: center;
-webkit-box-shadow: inset 0px 0px 25px 11px rgba(0,0,0,0.24);
-moz-box-shadow: inset 0px 0px 25px 11px rgba(0,0,0,0.24);

}
.container img{
width: 100px;
height: 100px;
  border-radius: 50%;
border: 4px solid #4c474f; 
margin: 15px 0px 5px 0px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

.container h3, p{
color: #000;
font-family: sans-serif;
font-size: 23px;
margin: 5px 0px 15px 0px;
}

.container a{
color: #2ECC71;
text-decoration: none;
}

.container a:hover{
text-decoration: underline #2ECC71;
}

.form-input input[type="text"],[type="password"]{
width: 280px;
height: 30px;
border-left: 5px solid #2ECC71; 
font-size: 17px;
margin-bottom: 13px;
padding-left: 25px;
}

.form-input::before{
content: "\f007";
font-family:"FontAwesome" ;
font-size: 20px;
padding-top: 8px;
padding-left: 9px;
color: #6F6F6F;
position: absolute;
}
.form-input:nth-child(2)::before{
content: "\f023";
color: #6F6F6F;
position: absolute;
font-family:"FontAwesome" ;
font-size: 20px;
padding-top: 8px;
padding-left: 9px;
}
.btn-login{
background-color: #2ECC71;
border-radius: 4px;
border: none;
cursor: pointer;
color: #fff;
font-size: 20px;
margin-top: 10px;
padding: 10px 20px;
}
.btn-login span{
cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.btn-login span:after{
content: '\000bb';
opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.5s;
}
.btn-login:hover span{
  padding-right: 25px;
}
.btn-login:hover span:after{
opacity: 1;
right: 0;
}