modify editor.css index.css and plugin.css
This commit is contained in:
zhengyingying
parent
ca60b7c2e3
commit
39bf833c8d
|
|
@ -1,6 +1,6 @@
|
|||
#codeEditor {
|
||||
height: 450px;
|
||||
width: 95%;
|
||||
height: 550px;
|
||||
width: 90%;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
|
|
@ -68,35 +68,32 @@ div.convert-left,div.convert-right {
|
|||
|
||||
#action {
|
||||
margin-top: 10px;
|
||||
margin-right: 220px;
|
||||
text-align: right;
|
||||
margin-right: 120px;
|
||||
float: right;
|
||||
text-align: left;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.api {
|
||||
style: margin-left: 5px;
|
||||
height: 30px;
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #8CBA2E;
|
||||
a:hover{
|
||||
background-color:#E5E3E9;
|
||||
text-decoration:none; /*CSSÏ»®ÏßЧ¹û£ºÎÞÏ»®Ïß*/
|
||||
}
|
||||
|
||||
.apiShow {
|
||||
height: 300px;
|
||||
cursor: auto;
|
||||
display: none;
|
||||
background-color: #EDF1DE;
|
||||
width: 255px;
|
||||
margin-left: -8px;
|
||||
float: right;
|
||||
border-size: 1;
|
||||
position: absolute;
|
||||
#box-api {
|
||||
height: 500px;
|
||||
padding-left: 0px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
#api-header {
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
#api-content {
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
#apiHeader1 #apiHeader2 #apiHeader3 {
|
||||
height: 18px;
|
||||
align: right;
|
||||
height: 340px;
|
||||
background-color: #EDF1DE;
|
||||
}
|
||||
|
||||
#nav-tab {
|
||||
|
|
@ -111,15 +108,6 @@ div.convert-left,div.convert-right {
|
|||
margin: 0px;
|
||||
}
|
||||
|
||||
.imaginary-line {
|
||||
width: 255px;
|
||||
size: 2;
|
||||
color: #5151A2;
|
||||
border: 1px dashed #CCCCCC;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-bottom: 6px;
|
||||
margin-top: 4px;
|
||||
|
|
@ -131,9 +119,7 @@ div.convert-left,div.convert-right {
|
|||
}
|
||||
|
||||
.title_style {
|
||||
margin-left: -10px;
|
||||
/* height:30px; */
|
||||
width: 258px;
|
||||
width: 300px;
|
||||
line-height: 18px;
|
||||
border: 1px solid #CCCCCC;
|
||||
background-color: #F5F5F5;
|
||||
|
|
@ -164,20 +150,21 @@ td {
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
.chooseScript{
|
||||
margin-top:10px;
|
||||
margin-bottom:10px;
|
||||
margin-left:20px;
|
||||
font-size:120%;
|
||||
font-weight:bold;
|
||||
.chooseScript {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 60px;
|
||||
margin-left: 5px;
|
||||
padding-left: 0px;
|
||||
font-size: 120%;
|
||||
font-weight: bold;
|
||||
color: #3689BB;
|
||||
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
.sample_frame {
|
||||
padding:10px;
|
||||
margin: 10px 10px 10px 10px;
|
||||
border: #3689BB solid thin;
|
||||
padding: 10px;
|
||||
margin: 5px 5px 5px 5px;
|
||||
border: #EFEFEF solid thin;
|
||||
}
|
||||
|
||||
.sample_sub_frame {
|
||||
|
|
@ -186,22 +173,197 @@ td {
|
|||
margin-bottom: 5px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
padding-top:10px;
|
||||
padding-left:10px;
|
||||
padding-bottom:10px;
|
||||
}
|
||||
p{
|
||||
|
||||
p {
|
||||
color: #4E9BCB;
|
||||
}
|
||||
|
||||
.btn-large{
|
||||
width:25%;
|
||||
margin-left:10px;
|
||||
.btn-large {
|
||||
width: 25%;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#showPluginMethodForm td,th{
|
||||
width:200px;
|
||||
padding-left:10px;
|
||||
padding-top:5px;
|
||||
text-align:left;
|
||||
#showPluginMethodForm td,th {
|
||||
width: 200px;
|
||||
padding-left: 10px;
|
||||
padding-top: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.view {
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
.listArea {
|
||||
height: 340px;
|
||||
margin-bottom: 15px;
|
||||
outline-style: outset;
|
||||
outline-color: #A0D0EC;
|
||||
/* color: black; */
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #369bd7;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 3px 15px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
color: #369bd7;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.all-behaviors {
|
||||
height: 500px;
|
||||
border: 1px #A0D0EC solid;
|
||||
margin-top: 0px;
|
||||
width: 240px;
|
||||
box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .3);
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
.all-behaviors #behaviorUl {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.all-plugins {
|
||||
text-color: #A0D0EC;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.all-behaviors .divider {
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
margin: 8px 1px;
|
||||
overflow: hidden;
|
||||
background-color: #e5e5e5;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 80%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font: bold 12px/25px Arial, sans-serif;
|
||||
text-shadow: 1px 1px 1px rgba(255, 255, 255, .22);
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px
|
||||
rgba(255, 255, 255, .44);
|
||||
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px
|
||||
rgba(255, 255, 255, .44);
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px
|
||||
rgba(255, 255, 255, .44);
|
||||
-webkit-transition: all 0.15s ease;
|
||||
-moz-transition: all 0.15s ease;
|
||||
-o-transition: all 0.15s ease;
|
||||
-ms-transition: all 0.15s ease;
|
||||
transition: all 0.15s ease;
|
||||
}
|
||||
|
||||
.gray {
|
||||
color: #3689BB;
|
||||
background: #EFEFEF; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
|
||||
/* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3),
|
||||
color-stop(100%, #8a8a8a)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
|
||||
/* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
|
||||
/* IE10+ */
|
||||
background: linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); /* W3C */
|
||||
}
|
||||
|
||||
BODY {
|
||||
padding-left: 20px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.tab .nav li a:hover,.nav>li>a:focus {
|
||||
text-decoration: none;
|
||||
background-color: #E5E3E9;
|
||||
}
|
||||
|
||||
.tab .nav-tabs {
|
||||
border-bottom: 1px solid #F7F5FA;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.tab .nav {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.tab {
|
||||
background-color: #F7F5FA;
|
||||
margin-bottom: 15px;
|
||||
margin-left: 15px;
|
||||
padding-bottom: 5px;
|
||||
padding-top: -10px;
|
||||
}
|
||||
|
||||
.tab ul {
|
||||
/* zoom: 1; */
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.tab ul:after {
|
||||
display: block;
|
||||
height: 0px;
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.tab ul li {
|
||||
margin-bottom: -10px;
|
||||
text-align: center;
|
||||
line-height: 100%;
|
||||
width: 20%;
|
||||
display: inline;
|
||||
float: left;
|
||||
height: 26px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tab ul li.on {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.tabList {
|
||||
margin-top: 20px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.tabList .one {
|
||||
padding-bottom: 10px;
|
||||
padding-right: 10px;
|
||||
display: none;
|
||||
color: #ff0000;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.tabList .block {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -1,22 +1,25 @@
|
|||
.header {
|
||||
background: -webkit-linear-gradient(#839ba9, #405a6a);
|
||||
padding-top:2px;
|
||||
padding-bottom:2px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
h1{
|
||||
margin-top:5px;
|
||||
margin-bottom:5px;
|
||||
|
||||
h1 {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.picture {
|
||||
|
||||
}
|
||||
|
||||
.partner {
|
||||
|
|
@ -73,5 +76,49 @@ h1{
|
|||
}
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
background-color: #f8f8f8;
|
||||
border-top: 1px #cbcaca solid;
|
||||
border-bottom: 1px #cbcaca solid;
|
||||
}
|
||||
|
||||
.introduce-title {
|
||||
font-weight: 600;
|
||||
color: #868583;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
margin: 15px 0px 0px 0px;
|
||||
font-size: 15px;
|
||||
border-bottom: 1px #cbcaca solid;
|
||||
}
|
||||
|
||||
.introduce-content {
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
color: #5a86b3;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.text-title {
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.text-content {
|
||||
font-size: 15;
|
||||
line-height: 30px;
|
||||
font-weight: bold;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
.bottom-logo {
|
||||
align:right;
|
||||
width: 25%;
|
||||
height: 200px;
|
||||
padding-top: 20px;
|
||||
float: left
|
||||
}
|
||||
|
|
@ -10,10 +10,6 @@
|
|||
overflow-y: auto;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #ECE9D8;
|
||||
}
|
||||
|
||||
.button-div {
|
||||
margin-top: 50px;
|
||||
padding-left: 20px;
|
||||
|
|
@ -31,23 +27,23 @@ a:hover {
|
|||
margin-left: 0px;
|
||||
}
|
||||
|
||||
td,th{
|
||||
width:230px;
|
||||
padding-top:5px;
|
||||
padding-left:10px;
|
||||
td,th {
|
||||
width: 230px;
|
||||
padding-top: 5px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.table-margin{
|
||||
margin-top:10px;
|
||||
padding-top:5px;
|
||||
padding-left:20px;
|
||||
padding-bottom:10px;
|
||||
.table-margin {
|
||||
margin-top: 10px;
|
||||
padding-top: 5px;
|
||||
padding-left: 20px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.sample_frame {
|
||||
padding:10px;
|
||||
margin: 10px 10px 10px 10px;
|
||||
border: #3689BB solid thin;
|
||||
padding: 10px;
|
||||
margin: 5px 5px 5px 5px;
|
||||
border: #E8F2FE solid thin;
|
||||
}
|
||||
|
||||
.sample_sub_frame {
|
||||
|
|
@ -56,17 +52,14 @@ td,th{
|
|||
margin-bottom: 5px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
padding-top:10px;
|
||||
padding-left:10px;
|
||||
padding-bottom:10px;
|
||||
}
|
||||
|
||||
.btn-width {
|
||||
width:85px;
|
||||
width: 85px;
|
||||
}
|
||||
|
||||
.btn-large{
|
||||
width:25%;
|
||||
.btn-large {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.listArea {
|
||||
|
|
@ -79,35 +72,154 @@ td,th{
|
|||
|
||||
.behavior-box {
|
||||
height: 400px;
|
||||
border:1px solid #3689BB;
|
||||
border: 1px solid #3689BB;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
|
||||
#myModal_Behavior {
|
||||
width: 800px;
|
||||
left:40%;
|
||||
left: 40%;
|
||||
}
|
||||
|
||||
.listArea,#insertPluginAreaPlugins,#pluginMethod p,a {
|
||||
padding-top: 10px;
|
||||
padding-left: 20px;
|
||||
|
||||
}
|
||||
#pluginMethod{
|
||||
|
||||
#pluginMethod {
|
||||
padding-top: 10px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
p,a{
|
||||
p,a {
|
||||
color: #4E9BCB;
|
||||
/* border-bottom: 1px solid #F0ECE0; */
|
||||
}
|
||||
|
||||
#submitBehaviors p{
|
||||
margin-top:10px;
|
||||
margin-left:10px;
|
||||
#submitBehaviors p {
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.visited {
|
||||
background-color: #E8F2FE;
|
||||
}
|
||||
|
||||
.tab .nav li a:hover,.nav>li>a:focus {
|
||||
text-decoration: none;
|
||||
background-color: #E5E3E9;
|
||||
}
|
||||
|
||||
.tab .nav-tabs {
|
||||
border-bottom: 1px solid #F7F5FA;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.tab .nav {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.tab {
|
||||
background-color: #F7F5FA;
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 5px;
|
||||
padding-top: -10px;
|
||||
}
|
||||
|
||||
.tab ul {
|
||||
/* zoom: 1; */
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.tab ul:after {
|
||||
display: block;
|
||||
height: 0px;
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.tab ul li {
|
||||
margin-bottom: -10px;
|
||||
text-align: center;
|
||||
line-height: 100%;
|
||||
width: 20%;
|
||||
display: inline;
|
||||
float: left;
|
||||
height: 26px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tab ul li.on {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.tabContent .span10 {
|
||||
margin-left: -25px;
|
||||
}
|
||||
|
||||
.help_step_box {
|
||||
background: #f1f7e4;
|
||||
height: 55px;
|
||||
overflow: hidden;
|
||||
border-top: 1px solid #FFF;
|
||||
}
|
||||
|
||||
.help_step_item {
|
||||
float: left;
|
||||
height: 55px;
|
||||
line-height: 55px;
|
||||
padding: 0 25px 0 45px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.help_step_num {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
line-height: 19px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 18px;
|
||||
left: 20px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
background: url(http://www.codefans.net/jscss/demoimg/201011/num.png);
|
||||
color: #156600;
|
||||
}
|
||||
|
||||
.help_step_set {
|
||||
background: #27a806;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.help_step_set .help_step_left {
|
||||
width: 8px;
|
||||
height: 55px;
|
||||
background: url(http://www.codefans.net/jscss/demoimg/201011/bak.jpg)
|
||||
left top no-repeat;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.help_step_set .help_step_right {
|
||||
width: 8px;
|
||||
height: 55px;
|
||||
background: url(http://www.codefans.net/jscss/demoimg/201011/bak.jpg)
|
||||
left bottom no-repeat;
|
||||
position: absolute;
|
||||
right: -8px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.btn-page{
|
||||
background-color:#50A8DC;
|
||||
margin-top:20px;
|
||||
margin-bottom:20px;
|
||||
|
||||
}
|
||||
|
||||
.visited{
|
||||
background-color:#FFFBD1;
|
||||
}
|
||||
Loading…
Reference in New Issue