1 files changed, 235 insertions, 0 deletions
diff --git a/web/jcs/index.css b/web/jcs/index.css
new file mode 100644
index 0000000..62de39e
--- /dev/null
+++ b/web/jcs/index.css
@@ -0,0 +1,235 @@
+div.index_head_box{
+    width:100%;
+    height:32px;
+    font-size:16px;
+    line-height:32px;
+    background-color:#1C1C1C;
+    color:#E9E9E9;
+    position:fixed;
+    top:0px;
+    left:0px;
+    z-index:100;
+}
+div.index_head{
+    width:1224px;
+    height:100%;
+    margin:0px auto 0px auto;
+}
+div.index_head > div.title{
+    width:240px;
+    height:100%;
+    float:left;
+}
+div.index_head > div.tab_box{
+    height:100%;
+    margin:0px 0px 0px 6px;
+    float:left;
+}
+div.index_head > div.tab_box > div.button{
+    height:100%;
+    width:117px;
+    margin:0px 6px 0px 0px;
+    float:left;
+}
+div.index_head > div.tab_box > div.button_s{
+    background-color:#3A8FB7;
+}
+div.index_head > div.tab_box > div.button > a.button{
+    height:100%;
+    padding:0px 16px 0px 16px;
+    color:#E9E9E9;
+    text-decoration:none;
+    display:block;
+}
+div.index_head > div.tab_box > div.button > a:hover.button{
+    color:#FFFFFF;
+}
+div.index_head > div.content_box{
+    width:auto;
+    height:100%;
+    float:left;
+}
+div.index_head_box > div.panel{
+    width:96px;
+    height:100%;
+    text-align:center;
+    cursor:pointer;
+    position:absolute;
+    top:0px;
+    right:0px;
+}
+div.index_head_box > div.panel_m{
+    color:#FFFFFF;
+}
+div.index_head_box > div.notice{
+    width:96px;
+    height:100%;
+    text-align:center;
+    font-family:Droid Sans Mono;
+    font-weight:400;
+    cursor:pointer;
+    position:absolute;
+    top:0px;
+    right:96px;
+}
+div.index_head_box > div:hover.notice{
+    color:#FFFFFF;
+}
+div.index_head_box > div.notice_s{
+    color:#FFFFFF;
+}
+div.index_head_box > div.notice_h{
+    background-color:#E83015;
+    color:#FFFFFF;
+}
+div.index_head_box > div.nickname{
+    height:100%;
+    padding:0px 16px 0px 16px;
+    position:absolute;
+    top:0px;
+    right:192px;
+}
+div.index_head_box > div.nickname > a.nickname{
+    height:100%;
+    color:#E9E9E9;
+    text-align:center;
+    text-decoration:none;
+}
+div.index_head_box > div.nickname > a:hover.nickname{
+    color:#FFFFFF;
+}
+
+div.index_panel_box{
+    width:0px;
+    background-color:#1C1C1C;
+    opacity:0;
+    position:absolute;
+    left:auto;
+    right:0px;
+    top:32px;
+    overflow-x:hidden;
+    z-index:100;
+}
+ul.index_panel{
+    width:240px;
+    margin:0px 0px;
+    padding:0px 0px 64px 0px;
+    position:relative;
+    left:auto;
+    right:0px;
+    top:0px;
+    overflow-x:hidden;
+    list-style:none;
+}
+ul.index_panel > li.button{
+    width:auto;
+    height:64px;
+    padding:0px 0px 0px 38px;
+    font-size:20px;
+    line-height:64px;
+}
+ul.index_panel > li:hover.button{
+    color:#FFFFFF;
+    background-color:rgba(255,255,255,0.2);
+}
+ul.index_panel > ul.square_box{
+    width:100%;
+    margin:0px 0px;
+    padding:0px 0px;
+    list-style:none;
+    overflow:hidden;
+    display:none;
+}
+ul.index_panel > ul.square_box ul{
+    width:100%;
+    margin:0px 0px;
+    padding:0px 0px;
+    list-style:none;
+    overflow:hidden;
+}
+ul.index_panel > ul.square_box li.title{
+    width:auto;
+    height:32px;
+    margin:6px 0px 0px 0px;
+    padding:0px 0px 0px 32px;
+    line-height:32px;
+    border-bottom:#BDC0BA 1px solid;
+}
+ul.index_panel > ul.square_box li.button{
+    width:auto;
+    height:32px;
+    padding:0px 0px 0px 32px;
+    font-size:16px;
+    line-height:32px;
+}
+ul.index_panel > ul.square_box li:hover.button{
+    color:#FFFFFF;
+    background-color:rgba(255,255,255,0.2);
+}
+ul.index_panel span.title{
+    width:100%;
+    height:100%;
+    color:#BDC0BA;
+    font-size:16px;
+    font-weight:bold;
+    position:relative;
+    top:0px;
+    left:50%;
+    display:block;
+}
+ul.index_panel a.button{
+    width:100%;
+    height:100%;
+    color:#E9E9E9;
+    text-decoration:none;
+    position:relative;
+    top:0px;
+    left:50%;
+    cursor:pointer;
+    display:block;
+}
+ul.index_panel a.button_m{
+    color:#FFFFFF;
+}
+
+div.index_page{
+    width:100%;
+    position:absolute;
+    left:0px;
+    top:32px;
+    z-index:0;
+}
+
+div.index_mask{
+    width:100%;
+    min-height:100%;
+    background-color:rgba(0,0,0,0.9);
+    position:absolute;
+    top:0px;
+    left:0px;
+    z-index:1000;
+    display:none;
+}
+div.index_mask_nopbox{
+    width:100%;
+    position:absolute;
+    top:32px;
+    left:0px;
+    z-index:0;
+    display:none;
+}
+div.index_mask > button.close{
+    height:32px;
+    line-height:32px;
+    position:absolute;
+    top:0px;
+    right:96px;
+}
+div.index_mask_nopbox > button.close{
+    height:32px;
+    line-height:32px;
+    position:absolute;
+    top:0px;
+    right:96px;
+    display:none;
+}