123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212 |
- h1,h2,h3,h4{
- font-family: 'Open Sans Light';
- }
- .toolbar{
- border-bottom:1px solid #cecece;
- list-style-type:none;
- margin:0px;
- border-top:1px solid #cecece;
- padding:10px 0px 10px 0px;
- }
- .toolbar li{
- background: #eeeeee none repeat scroll 0 0;
- color: #737373;
- cursor: move;
- font-size:20px;
- float: left;
- margin-left: 10px;
- padding: 5px;
- transition:background-color 0.2s ease-in-out;
- }
- .toolbar li:hover{
- background: #3984DE none repeat scroll 0 0;
- color:#ffffff;
- }
- li.dragged{
- opacity:0.5;
- position:absolute;
- background: #3984DE;
- border-radius: 40px;
- color: #ffffff;
- cursor: move;
- padding: 10px;
- cursor:move;
- list-style-type:none;
- }
- .workspace{
- margin:15px 0px;
- list-style-type:none;
- padding:0px;
- }
- .workspace input,select{
- border:0px;
- border-radius:0px;
- padding-left:5px;
- padding-right:5px;
- margin:0;
- max-width:150px;
- height: auto;
- vertical-align:top;
- }
- .workspace li{
- padding:0px;
- width:100%;
- cursor:move;
-
- }
- .workspace .line{
- background: #f1f3fb none repeat scroll 0 0;
- color: #111111;
-
- overflow: hidden;
- }
- .workspace li.ui-draggable-dragging .place,.workspace li.ui-draggable-dragging .union{
- display:none;
- }
- .workspace li strong{
- display: inline-block;
- font-size: 25px;
- font-weight: 300;
- line-height: 36px;
- margin-left: 5px;
- vertical-align: top;
- }
- .workspace li input,.workspace li select{
- margin:5px;
- }
- .line i{
- background:#3984DE ;
- font-size:20px;
- color:#ffffff;
- padding:9px;
- }
- .workspace div.place{
- background: #ffffff none repeat scroll 0 0;
- border: 2px dotted #cecece;
- color: #cecece;
- font-size: 30px;
- margin: 5px 0;
- padding: 10px;
- text-align: center;
- }
- .workspace div.place.dragover{
- color: #4E96E3;
- border-color: #4E96E3;
- }
- #story .union{
- text-align:center;
- border:0px;
- float:left;
- margin:0px auto;
- color:#cecece;
- margin-top:10px;
- background-color:#fff;
- padding:0px;
- font-weight:bold;
- font-size:19px;
- width:65px;
- }
- #story .firstunion{
- text-align:center;
- font-size:30px;
- border:0px;
- color:#cecece;
- font-weight:bold;
- margin:0px auto;
- background-color:#fff;
- text-align:center;
- width:100%;
- margin-top:10px;
- }
- #causePanel,#effectPanel{
- width:100%;
- }
- #effectPanel{
- display:none;
- }
- .story h1{
- margin:3px 3px 3px 0px;
- padding:0;
- display:inline-block;
- }
- .story h1 input{
- border:0px;
- color:#565656;
- width:200px;
- font-size:25px;
- }
- .story h2{
- margin:3px 3px 3px 15px;
- padding:0;
- color:#cecece;
- cursor:pointer;
- display:inline-block;
- }
- .story h2 span.active{
- color:#3984de;
- }
- .workspace .operator{
- text-align:center;
- margin-left:10px;
- width:50px;
- }
- .workspace .line .delete{
- float:right;
- cursor:pointer;
- transition:opacity 0.3s linear;
- opacity: 0;
- }
- .workspace .line .delete i{
- background:transparent;
- color:#cecece;
-
- }
- .workspace .line:hover .delete{
- opacity:1;
- }
- .story_loader{
- width:15px;
- cursor:pointer;
- transition:all 0.2s ease-in-out;
- }
- .story_loader i:before{
- content:'\f0a6';
- }
- .story_loader.loading i:before{
- content:'\f021';
- }
- .story_loader span{
- display:none;
- font-family: Open Sans;
- }
- .story_loader.loading span{
- display:inline-block;
- }
- .story_loader.loading{
- width:120px;
- }
|