materialize简洁蓝色风格注册登录表单效果代码-html代码-BFW代码库

materialize简洁蓝色风格注册登录表单效果代码

代码语言：html

代码描述：materialize简洁蓝色风格注册登录表单效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<html>

<head>
    <style>
        body, html {
          margin: 0;
          paddin: 0;
          background: #1f1f1f;
          width: 100%;
        }
        
        .application-info-div {
          margin-left: auto !important;
          margin-right: auto !important;
          width: 800px;
          height: 120px;
          background: #FFFFFF;
          margin: 5% 0 0 0;
        }
        
        .main-connection-div {
          margin: 5px 0 0 0;
          padding: 20px;
          background: #FFFFFF;
          width:800px;
          height:350px;
          margin-left: auto !important;
          margin-right: auto !important;
        }
        
        .icon-service {
          border-right: 125px solid #F5F5F5;
          width: 120px;
          margin: 0;
          padding: 0;
        }
        
        .text-application-info-div {
          position: relative;
          top: -110px;
          left: 135px;
        }
        
        .title-text-application-info-div {
          margin: 0;
          padding: 0;
          font-family: 'Roboto', sans-serif;
          font-size: 23px;
          font-weight: 300;
          width: 82%;
        }
        
        .description-text-application-info-div {
          margin: 0;
          padding: 0;
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size; 16px;
          width: 82%;
        }
        
        .application-status {
          margin: 0;
          padding: 0;
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 13px;
        }
        
        .green-text {
          color: #2ecc71;
        }
        
        .cookies-used {
          width: 800px;
          background: rgba(0, 0, 0, 0.8);
          margin-left: auto !important;
          margin-right: auto !important;
          font-family: 'Roboto', sans-serif;
          font-size: 14px;
          color: #FFF;
          margin: 5px 0 5% 0;
          font-weight: 300;
          padding: 20px;
          transition: .4s background;
          display: none;
        }
        
        .cookies-used:hover {
          background: rgba(0, 0, 0, 0.75);
        }
        
        .log-in-main-connection-div {
          width: 50%;
          left: 0;
          height: 100%;
          float: left;
        }
        
      .........完整代码请登录后点击上方下载按钮下载查看