根据最新设计页面,修改页面显示样式,调整css代码

This commit is contained in:
sw 2015-01-13 16:58:44 +08:00
parent fc72d6f9a9
commit 8503f0c803
3 changed files with 56 additions and 15 deletions

View File

@ -1,5 +1,5 @@
<%= stylesheet_link_tag 'polls', :media => 'all' %> <%= stylesheet_link_tag 'polls', :media => 'all' %>
<div class="polls_content" id="polls"> <div class="polls_content" id="polls" style="width:677px;">
<div class="polls_head"> <div class="polls_head">
<h2>所有问卷 <h2>所有问卷
<span><%= @obj_count%></span> <span><%= @obj_count%></span>

View File

@ -7,7 +7,7 @@
</head> </head>
<body> <body>
<div class="polls_content polls_box"> <div class="polls_content polls_box" id="polls">
<div class="ur_page_head" > <div class="ur_page_head" >
<h1 class="ur_page_title">某问卷统计</h1> <h1 class="ur_page_title">某问卷统计</h1>
</div> </div>
@ -195,14 +195,6 @@
</table> </table>
</div> </div>
</li> </li>
</ol> </ol>
<div class="ur_buttons"> <div class="ur_buttons">
<!--<a href="#" class=" ur_button" >上一页</a>--> <!--<a href="#" class=" ur_button" >上一页</a>-->

View File

@ -14,7 +14,7 @@ div,html,img,ul,li,p,body,h1,h2,h3,h4,p,a,table,tr,td,fieldset,input,span{ margi
#polls .fr{ float:right;} #polls .fr{ float:right;}
/*问卷列表*/ /*问卷列表*/
.polls_content{ width:677px;} .polls_content{ width:615px;}
.polls_head{ width:677px; height:48px; background:#eaeaea;} .polls_head{ width:677px; height:48px; background:#eaeaea;}
.polls_head h2{ float:left; font-size:14px; color:#585858; margin:11px 0 0 10px;} .polls_head h2{ float:left; font-size:14px; color:#585858; margin:11px 0 0 10px;}
.polls_head span{ font-weight:normal; color:#15bccf;} .polls_head span{ font-weight:normal; color:#15bccf;}
@ -33,16 +33,17 @@ ul.wlist li a{ border:1px solid #15bccf; padding:4px; margin-left:3px;}
ul.wlist li a:hover{ background:#15bccf; color:#fff; text-decoration:none;} ul.wlist li a:hover{ background:#15bccf; color:#fff; text-decoration:none;}
.wlist_select { background-color:#64bdd9; color:#fff; padding: 1px 5px 0px 5px; margin-left:3px;margin-top: -2px; border:1px solid #64bdd9;} .wlist_select { background-color:#64bdd9; color:#fff; padding: 1px 5px 0px 5px; margin-left:3px;margin-top: -2px; border:1px solid #64bdd9;}
/*问卷页面*/ /*问卷页面*/
.polls_box{ border:1px solid #dcdcdc; padding:15px 30px;} .polls_box{ border:1px solid #dcdcdc; padding:15px 30px;}
.ur_page_title{ font-size:16px; text-align:center; color:#353535;} .ur_page_title{ font-size:16px; text-align:center; color:#353535;}
.ur_prefix_content{ color:#656565; text-indent:30px; margin-top:10px; } .ur_prefix_content{ color:#656565; text-indent:30px; margin-top:10px; }
.ur_card{border-top:1px solid #dcdcdc;margin-top:20px; color:#3a3a3a;} .ur_card{border-top:1px solid #dcdcdc;margin-top:20px; color:#3a3a3a;}
.ur_title{ padding:20px 0px ; } .ur_title{ padding:20px 0px ; float:left; width:604px; }
.ur_required{ font-weight: bold; color:red;} .ur_required{ font-weight: bold; color:red;}
.ur_inputs{ color:#666;} .ur_inputs{ color:#666;}
.ur_table{border-top:1px solid #dcdcdc;} .ur_table{border-top:1px solid #dcdcdc;}
.ur_inputs tr td{ height:40px;border-bottom:1px solid #dcdcdc; width:677px;} .ur_inputs tr td{ height:40px;border-bottom:1px solid #dcdcdc; width:617px;}
.ur_inputs label{ padding-left:10px;} .ur_inputs label{ padding-left:10px;}
.ur_inputs input{ margin-right:5px;} .ur_inputs input{ margin-right:5px;}
.ur_text{ height:30px;} .ur_text{ height:30px;}
@ -58,9 +59,57 @@ a:hover.ur_button{ background:#0fa9bb; text-decoration:none;}
.ur_table_result{ color:#5d5d5d;border-right:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;} .ur_table_result{ color:#5d5d5d;border-right:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;}
.ur_table_result tr td{ border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb; height:20px;} .ur_table_result tr td{ border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb; height:20px;}
.table_bluebg{ background:#d7e5ee; color:#2f3a40; height:24px;} .table_bluebg{ background:#d7e5ee; color:#2f3a40; height:24px;}
.td327{ width:334px; padding-left:5px;} .td327{ width:300px; padding-left:5px;}
.td42{ width:42px; text-align:center;} .td42{ width:42px; text-align:center;}
.td287{ width:287px;padding-left:5px; } .td287{ width:259px;padding-left:5px; }
.Bar{ position: relative; width: 120px; border: 1px solid #cbcbcb; float:left; height:10px; margin-top:5px; margin-right:3px; } .Bar{ position: relative; width: 120px; border: 1px solid #cbcbcb; float:left; height:10px; margin-top:5px; margin-right:3px; }
.Bar span{ display: block; position: relative;background:#64badb;/* 进度条背景颜色 */ color: #333333;height: 10px; /* 高度 */ line-height: 20px; } .Bar span{ display: block; position: relative;background:#64badb;/* 进度条背景颜色 */ color: #333333;height: 10px; /* 高度 */ line-height: 20px; }
.ur_progress_text{ color:#3a3a3a;} .ur_progress_text{ color:#3a3a3a;}
/*问卷编辑*/
.polls_edit{ color:#767676;}
a:hover{ text-decoration:none; cursor:pointer;}
.tabs{ width:665px; height: auto; border:1px solid #cbcbcb; padding:10px 0 0 10px; margin-bottom:10px;}
.tab_item { float:left; height:30px; background:#eeeeee; margin-right:4px; padding:0 8px; margin-bottom:10px;}
.icon_delete{ font-size:16px;}
a:hover.icon_delete{ font-weight: bold;}
.current{ color:#4f4f4d; background:#c4c4c4;}
.tab_add{float:left; width:22px; height:22px; border:1px solid #cbcbcb; margin-top:6px; }
.icon_page_add{ background:url(../images/icons.png) 4px -314px no-repeat; width:22px; height:27px; display:block;}
a:hover.icon_page_add{ background:url(../images/icons.png) -16px -314px no-repeat;}
.tab_item02{ float:left; width:141px; height:30px;background:#eeeeee; margin-right:10px; padding:0 10px; margin-bottom:10px; padding:10px 0 0 15px;}
.tab_item02:hover{ background:#c9c9c9;}
.tab_icon{padding-left:25px;}
a:hover.tab_item02{ background:#fff;}
.icon_radio{background:url(../images/icons.png) 0px 0px no-repeat; }
.icon_checkbox{background:url(../images/icons.png) 0px -40px no-repeat; }
.icon_text{background:url(../images/icons.png) 0px -80px no-repeat; }
.icon_textarea{background:url(../images/icons.png) 0px -120px no-repeat; }
.ur_editor {width:655px; border:1px solid #cbcbcb;background:#eeeeee; padding:10px; margin-bottom:10px;}
.ur_title_editor_title{ margin-bottom:10px;}
.input_title{ width:630px; height:40px; padding:0 10px; text-align:center; font-size:16px; font-weight:bold;}
.textarea_editor{ width:632px; height:120px; padding:10px; margin-bottom:10px;}
.btn_submit{ width:56px; height:24px; padding-top:4px;background:#15bccf; color:#fff; text-align:center; display:block; float:left; margin-right:10px;}
a:hover.btn_submit{background:#0fa9bb;}
.btn_cancel{width:54px; height:22px; padding-top:4px;background:#fff; color:#999; border:1px solid #999; text-align:center; display:block; float:left; }
a:hover.btn_cancel{ color:#666;}
.ur_question_title{ width:534px; height:30px; border:1px solid #cbcbcb; padding-left:5px; margin-right:10px;}
.ur_editor_title{ margin-bottom:10px;}
.ur_editor_content{ }
.ur_item{ margin-bottom:5px; height:32px; }
.ur_item input{ width:324px; height:30px;border:1px solid #cbcbcb; padding-left:5px; float:left; margin-right:10px; }
.ur_item label{ float:left;}
.icon_add{ background:url(../images/icons.png) 0px -310px no-repeat; width:16px; height:27px; display:block;float:left; margin-right:5px;}
a:hover.icon_add{background:url(../images/icons.png) -20px -310px no-repeat;}
.icon_remove{background:url(../images/icons.png) 0px -338px no-repeat; width:16px; height:27px; display:block;float:left;}
a:hover.icon_remove{background:url(../images/icons.png) -20px -338px no-repeat;}
.ur_editor_toolbar{ margin-bottom:10px;}
.ur_editor_toolbar input{ width:40px; height:20px;}
.ur_editor02{width:655px; border:1px solid #cbcbcb; padding:10px; margin-bottom:10px;}
a.ur_button_submit{ display:block; width:106px; height:37px; margin:0 auto; background:#15bccf; color:#fff; font-size:16px; text-align:center; padding-top:3px; margin-bottom:10px; }
a:hover.ur_button_submit{ background:#0fa9bb; text-decoration:none;}
a.ur_icon_de{ background:url(../images/icons.png) 0px -338px no-repeat; width:16px; height:27px; display:block;float:right; margin-top:15px;}
a:hover.ur_icon_de{ background:url(../images/icons.png) -20px -338px no-repeat;}
.ur_icon_edit{ background:url(../images/icons.png) 0px -272px no-repeat; width:16px; height:27px; display:block;float:right; margin-top:15px; margin-right:10px;}
a:hover.ur_icon_edit{ background:url(../images/icons.png) -21px -272px no-repeat;}