├── js ├── cons.js ├── main.js └── device.js ├── mvc ├── data.json ├── pubsub.js ├── model.js ├── class.htm ├── Controller.js ├── class.js └── handlebars.htm ├── UI_mod ├── .gitignore ├── README.md ├── img │ ├── load.gif │ ├── dialog_close.png │ └── dialog_status.png ├── js │ ├── upjs │ │ ├── Uploader.swf │ │ ├── expressInstall.swf │ │ └── upload.js │ ├── API.js │ ├── sea-config.js │ ├── bak │ │ ├── hover.js │ │ ├── bak.js │ │ ├── user.js │ │ └── 22.js │ ├── btn.js │ ├── index.js │ ├── tips.js │ ├── blacklist.js │ ├── user-admin.js │ ├── adminPopup.js │ ├── user-apply.js │ ├── popup.js │ ├── postlist.js │ ├── load.js │ ├── feed-emotion.js │ ├── upload.js │ └── fixed.js ├── touch │ ├── explorations1.jpg │ ├── explorations2.jpg │ ├── explorations3.jpg │ └── touch-slide.htm ├── mod │ ├── LoadImg.js │ ├── tab.js │ └── dialog.js ├── core │ ├── README.md │ └── jquery.easing.1.3.js ├── loadimg.htm ├── css │ └── base.css ├── tab.htm ├── img.htm └── dialog.htm ├── README.md ├── rc ├── .bashrc ├── .gemrc ├── .gitconfig └── SwitchyOptions.bak ├── document ├── Mobile_deve_tools.md ├── CSS3_selector.md ├── CSS_doc.md ├── soft.md ├── linux.md ├── chrome-search.md ├── sass.md ├── Fiddler.md ├── ng-flow-使用文档.md ├── BackBone_note.md ├── git_base.md ├── mobile_base.md └── vim.md ├── scss ├── mobile.scss └── tool.scss └── css ├── base.css └── m_base.css /js/cons.js: -------------------------------------------------------------------------------- 1 | console.log(2); 2 | -------------------------------------------------------------------------------- /mvc/data.json: -------------------------------------------------------------------------------- 1 | {"data":"1"} 2 | -------------------------------------------------------------------------------- /UI_mod/.gitignore: -------------------------------------------------------------------------------- 1 | #.尝试忽略文件 2 | *.txt 3 | -------------------------------------------------------------------------------- /UI_mod/README.md: -------------------------------------------------------------------------------- 1 | 自己乱写的一些小插件 2 | ================== 3 | 4 | -------------------------------------------------------------------------------- /UI_mod/img/load.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanerzhao/doc/HEAD/UI_mod/img/load.gif -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## doc 2 | ==== 3 | ### 日常整理文件和文档 4 | 5 | ### 相关总结文件和配置文件 6 | 7 | ### MVC为测试文件 8 | -------------------------------------------------------------------------------- /UI_mod/img/dialog_close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanerzhao/doc/HEAD/UI_mod/img/dialog_close.png -------------------------------------------------------------------------------- /UI_mod/img/dialog_status.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanerzhao/doc/HEAD/UI_mod/img/dialog_status.png -------------------------------------------------------------------------------- /UI_mod/js/upjs/Uploader.swf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanerzhao/doc/HEAD/UI_mod/js/upjs/Uploader.swf -------------------------------------------------------------------------------- /UI_mod/touch/explorations1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanerzhao/doc/HEAD/UI_mod/touch/explorations1.jpg -------------------------------------------------------------------------------- /UI_mod/touch/explorations2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanerzhao/doc/HEAD/UI_mod/touch/explorations2.jpg -------------------------------------------------------------------------------- /UI_mod/touch/explorations3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanerzhao/doc/HEAD/UI_mod/touch/explorations3.jpg -------------------------------------------------------------------------------- /UI_mod/js/upjs/expressInstall.swf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alanerzhao/doc/HEAD/UI_mod/js/upjs/expressInstall.swf -------------------------------------------------------------------------------- /rc/.bashrc: -------------------------------------------------------------------------------- 1 | source ~/.git-completion.bash 2 | set completion-ignore-case on 3 | eval "$(grunt --completion=bash)" 4 | -------------------------------------------------------------------------------- /rc/.gemrc: -------------------------------------------------------------------------------- 1 | --- 2 | :backtrace: false 3 | :bulk_threshold: 1000 4 | :sources: 5 | - http://ruby.taobao.org/ 6 | :update_sources: true 7 | :verbose: true 8 | -------------------------------------------------------------------------------- /js/main.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | var click = $(".click"); 3 | click.on("click",function () { 4 | alert(1); 5 | }) 6 | $(".swipe").tap(function () { 7 | alert(2); 8 | }) 9 | }) 10 | -------------------------------------------------------------------------------- /UI_mod/js/API.js: -------------------------------------------------------------------------------- 1 | /** 2 | * feed 统一API 3 | * 4 | **/ 5 | var API = { 6 | forbid : "/apiModerator/forbid", 7 | reliee : "/apiModerator/relieve", 8 | award : "/apiModerator/award", 9 | delThread : "/apiModerator/delThread" 10 | } 11 | -------------------------------------------------------------------------------- /UI_mod/js/sea-config.js: -------------------------------------------------------------------------------- 1 | /** 2 | * feed js model setting 3 | * 2014-11-05 4 | * 5 | **/ 6 | seajs.config({ 7 | alias : { 8 | 'main': __uri('main.js'), 9 | 'fixed': __uri('fixed.js'), 10 | 'load': __uri('load.js'), 11 | 'popup': __uri('popup.js'), 12 | 'comment': __uri('comment.js'), 13 | 'base': __uri('base.js'), 14 | 'user': __uri('user.js'), 15 | 'emotion':__uri('emotion.js'), 16 | 'article':__uri('article.js'), 17 | 'tips':__uri("tips.js"), 18 | 'adminPopup':__uri("adminPopup.js"), 19 | 'calendar':__uri("calendar.js"), 20 | 'a':__uri("a.js") 21 | } 22 | }); 23 | -------------------------------------------------------------------------------- /document/Mobile_deve_tools.md: -------------------------------------------------------------------------------- 1 | Weinre 2 | ================== 3 | Weinre是什么? 4 | Weinre代表We b In spector Re mote,是一种远程调试工具。举个例子,在电脑上可以即时 的更改手机上对应网页的页面元素、样式表,或是查看Javascript变量,同时还可以看到手机上页面的错误和警告信息. 下图所示中的例子,通过在console中运行“document.body.style.backgroundcolor = 'green';” 即时改变了手机上网页的背景色。 5 | ### 下载安装 6 | 我选用node modules 7 | ```node install -g weinre``` 8 | ```node install -g weinre``` 9 | 10 | 启动 11 | weinre --boundHost -all- --httpPort 9090 12 | 13 | 需要远程调试的页面加入 14 | 15 | 16 | 此页面必须打开服务器才能监听的到 17 | 18 | 本地打开 19 | 20 | http://127.0.0.1:8080/client 21 | 点击远程网址则可以调试 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /UI_mod/js/bak/hover.js: -------------------------------------------------------------------------------- 1 | define("hover",["jquery"],function(require, exports, module) { 2 | 3 | var $ = require("jquery"); 4 | 5 | var hover = (function () { 6 | function init () { 7 | var _item = $(".J_list"); 8 | _item.on("mouseenter","dl",function(){ 9 | var _self = $(this); 10 | _self.addClass("J_hover").siblings().removeClass("J_hover"); 11 | }); 12 | } 13 | return { 14 | init: init 15 | } 16 | })() 17 | 18 | if (typeof module != "undefined" && module.exports) { 19 | module.exports = hover; 20 | } 21 | }); 22 | -------------------------------------------------------------------------------- /UI_mod/mod/LoadImg.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | /* 3 | * 4 | * // THE ACTUAL DEMO CODE 5 | * $.preLoadImages('http://farm3.static.flickr.com/2066/1997997751_4eed467567.jpg', 6 | * 'http://farm4.static.flickr.com/3362/3252938723_64c586a31e.jpg', 7 | * 'http://farm4.static.flickr.com/3616/3522284481_a46cbc9486.jpg' 8 | * ); 9 | * 10 | * 图图预先加载完毕,让用户体验更友好,如果不用预加载,则在做交互的东西如果图片过大,则给用户显示会很慢 11 | * */ 12 | var cache = []; 13 | $.preLoadImages = function() { 14 | var args_len = arguments.length; 15 | for (var i = args_len; i--;) { 16 | var cacheImage = document.createElement('img'); 17 | cacheImage.src = arguments[i]; 18 | cache.push(cacheImage); 19 | } 20 | console.log(cacheImage); 21 | } 22 | })(jQuery); 23 | 24 | -------------------------------------------------------------------------------- /UI_mod/js/btn.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 创建按钮 3 | */ 4 | 5 | UM.registerUI('feed-emotion', function( name ){ 6 | 7 | //该方法里的this指向编辑器实例 8 | 9 | var me = this, 10 | 11 | //实例化一个UMEDITOR提供的按钮对象 12 | $button = $.eduibutton({ 13 | 'icon': 'feed-emotion', 14 | //'title': me.options.lang === "zh-cn" ? "保存" : "save", 15 | 'click': function(e){ 16 | me.execCommand( name ); 17 | e.stopPropagation(); 18 | 19 | } 20 | }); 21 | 22 | //在这里处理保存按钮的状态反射 23 | me.addListener( "selectionchange", function () { 24 | 25 | //检查当前的编辑器状态是否可以使用save命令 26 | var state = this.queryCommandState( name ); 27 | 28 | $button.edui().disabled( state == -1 ).active( state == 1 ); 29 | 30 | } ); 31 | 32 | //返回该按钮对象后, 该按钮将会被附加到工具栏上 33 | return $button; 34 | 35 | }); 36 | 37 | -------------------------------------------------------------------------------- /document/CSS3_selector.md: -------------------------------------------------------------------------------- 1 | ### CSS3 selector 2 | -------- 3 | 4 | #### 属性选择器 5 | * [att=val] ```att```是属性,```val```是值,例如[id="css3-selector"] 6 | * [att*=val] 只要属性中包含val 7 | * [att^=val] 以某些开头的 8 | * [att$=val] 以某些结尾 9 | #### 伪类选择器 10 | * after 11 | * before 12 | #### 结构性选择器 13 | * root 根元素选择器,指向html 14 | * empty 当元素为空时, 15 | * not 排除这个结构下面的子元素 16 | * target 17 | ####子类选择器 存在问题,如果是列表则无事,如h2 p h2 p 因为它针对不同类 18 | * first-child 19 | * last-child 20 | * nth-child() odd even 21 | * nth-last-child 22 | * nth-of-type 23 | * nth-last-type 24 | * only-child 只有一个子元素时 25 | 26 | ### 自行换行 27 | * word-break:break-all 28 | * word-wrap:break-word; 29 | * white-space:nowrap; 30 | * overflow:hidden,srcoll 31 | * overflow-x overflow-y 32 | * box-sizing :border-box 百分比布局 33 | * transform 四种功能, 旋转,绽放,倾斜,移动 34 | * rotate 旋转 scale 缩放 35 | * scale 缩放大小 1.5 5 36 | * skew 倾斜 30deg 50deg 37 | * translate 移动 38 | 39 | ### 动画 40 | * Transitions 通过属性 property(要更改属性) duration(持续多长时间) timing-function(什么方法过渡) 41 | * Animations 通过关键帧 42 | * 43 | -------------------------------------------------------------------------------- /scss/mobile.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | sass 使用示例 4 | 5 | 1.引入一个sass 6 | example @import 'tool'; 7 | 8 | 2.引入一个css TODO ( 引入外部css文件 不建议用这种方式引用单独的css因为也会靠成下载) 9 | example @import 'normalize.css 10 | example @import '../../src/sass/mobile.base.css'; 11 | 12 | 3.引入compass框架 13 | example @import 'compass/css3'; 14 | 15 | 4.使用代码块混合 (mixin) 16 | example @include flexbox() 17 | 18 | QA 问题 19 | 20 | 1.头部声明否则会有编码问题 21 | 2.属性结束注意";" 22 | */ 23 | //@import 'compass/css3'; 24 | @import 'tool'; 25 | html { 26 | font-size: $browser-default-font-size;/* 62.5% 10 ÷ 16 × 100% = 62.5% */ 27 | } 28 | .page { 29 | @include flexbox(); 30 | & > section { 31 | @include flex(1); 32 | border:1px solid red; 33 | font-size: pxTorem(14px); 34 | @include rem-fallback(height,100); 35 | @include rem-fallback(margin,10,20); 36 | @include rem-fallback(padding,1,2,3,4); 37 | @include rem-fallback(width,20); 38 | @include rem-fallback(line-height,1.2); 39 | width: 200px; 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /mvc/pubsub.js: -------------------------------------------------------------------------------- 1 | var Pubsub = { 2 | subscrib:function(ev,callback) { 3 | 4 | var calls = this._callbacks || (this._callbacks = {}); 5 | /* 6 | * calls = {};第一次得到第一个空对象 7 | */ 8 | 9 | //存取对应事件传进来的回调函数 10 | /* 11 | * [{"wen":"fun"},{"list":"func"}] 12 | * */ 13 | (this._callbacks[ev] || (this._callbacks[ev] = [])).push(callback); 14 | 15 | return this; 16 | }, 17 | publish: function () { 18 | var args = Array.prototype.slice.call(arguments,0); 19 | 20 | var ev = args.shift(); 21 | 22 | var list, calls, i, l; 23 | //console.log(this._callbacks) 24 | //如果不存在对应事件对象 25 | //如果不存在以地应事件对象回调方法 26 | if(!(calls = this._callbacks)) return this; 27 | if(!(list = this._callbacks[ev])) return this; 28 | 29 | //如果存在则调用执行 30 | for(i=0, l = list.length;i < l;i++) { 31 | 32 | list[i].apply(this,args); 33 | return this; 34 | } 35 | } 36 | } 37 | Pubsub.subscrib("wen",function () { 38 | console.log("wen"); 39 | }).subscrib("list",function () { 40 | console.log("list"); 41 | }) 42 | //Pubsub.publish("wen"); 43 | -------------------------------------------------------------------------------- /UI_mod/js/bak/bak.js: -------------------------------------------------------------------------------- 1 | define("postlist",["base","jquery"],function(require, exports, module) { 2 | 3 | var ui = require("base"), 4 | $ = require("jquery"); 5 | 6 | ui.placeholder(".J_focus"); 7 | 8 | var owner = $(".j_owner"), 9 | tips = $(".j_tips"); 10 | 11 | ui.hoverdeLay({ 12 | currentObj :owner, 13 | showObj :tips, 14 | speed:600, 15 | callBack:function () { 16 | console.log(1) 17 | } 18 | }); 19 | 20 | //关注 21 | var follow = $(".feed-user-follow"); 22 | //fid 23 | var followData = {"fid":follow.attr("data-follow")} 24 | 25 | follow.one("click",function () { 26 | if(!isLogin) { 27 | $("#login").trigger("click"); 28 | } else { 29 | $.ajax({ 30 | url: '/apiSay/follow', 31 | type: 'POST', 32 | dataType: 'json', 33 | data: followData, 34 | success: function (data) { 35 | follow.text("已关注") 36 | follow.addClass("follow-active") 37 | }, 38 | error: function () { 39 | follow.text("关注失败") 40 | console.log("Error") 41 | } 42 | }); 43 | } 44 | }) 45 | }); 46 | seajs.use("postlist"); 47 | 48 | 49 | -------------------------------------------------------------------------------- /UI_mod/js/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 模块入口 3 | * require的是别名不是目录看到/ 4 | **/ 5 | define('index',function(require, exports, module) { 6 | 7 | var $ = require("jquery"), 8 | fixed = require("fixed"), 9 | base = require("base"), 10 | LoadNewCont = require("load"); 11 | //user = require("user"); 12 | 13 | function fixedSidebar() { 14 | var fixedObj = $(".J_fixed"); 15 | //todo 改了源代码记录一下偏移值为60 16 | if($.browser.version < 9) { 17 | return; 18 | } else { 19 | fixedObj.stick_in_parent({recalc_every: 1}) 20 | } 21 | } 22 | fixedSidebar(); 23 | 24 | var load = new LoadNewCont({ 25 | "wrapper": $("#postswrapper"), 26 | "url":"/site/getpost?page=", 27 | "tipsText" : "点击加载更多", 28 | "triggerType" : "click" 29 | }); 30 | 31 | var hover = (function () { 32 | function init () { 33 | var _item = $(".J_list"); 34 | _item.on("mouseenter","dl",function(){ 35 | var _self = $(this); 36 | _self.addClass("J_hover").siblings().removeClass("J_hover"); 37 | }); 38 | } 39 | return { 40 | init: init 41 | } 42 | })() 43 | 44 | base.placeholder(".J_focus"); 45 | hover.init(); 46 | 47 | //无接口提供 入口模块 48 | /*if (typeof module != "undefined" && module.exports) { 49 | module.exports = ModuleName; 50 | }*/ 51 | }); 52 | seajs.use("index"); 53 | 54 | -------------------------------------------------------------------------------- /document/CSS_doc.md: -------------------------------------------------------------------------------- 1 | # 前端规范 文档 (初稿)2013/10/9 15:00:01 2 | 3 | ## base.css 4 | 基础css文件,包括“重置”,“功能”性的集合,初稿待定,如果需要可以另外增加,不建议用网上的,原因,冷门HTML的标签我们是用不到的,所以我们没必要去重置它,如果后面用到HTML5,或者不需要兼容低端浏览器,那升级一套base.css便可以。功能性类开头以"mf"开头,意思是"mofang"。 5 | 6 | ## 命名规范 7 | 命名规范,包括HTML,CSS,JS命名,这里我提取了几个不错网站的命名方案(**豆瓣,youtube,百姓网**),宗旨都是模块化的命名思路。 8 | 最好用英文去命名(不知道的单词可以查一下,正好学下英语,不怕命名过长) 9 | 10 | #### HTML命名规范 11 | 12 | * HTML命名采用“-”做分隔,均使用英文小写,为什么这样做?能够更明确的提取出公共的代码。这些模块如果是单独,便可以直接拿来用,如果不是单独的或者需要特殊处理可以加入ID(推荐使用,但少用),来处理,如果存在JS交互,则命名加入大写前缀"J_xx"(下划线),来告诉开发者这里存在JS交互,不是单纯的HTML。 13 | 示例: 14 | 15 | ```html 16 |
fuck 好久不写逻辑乱了,代码也生疏了!
53 |fuck 好久不写逻辑乱了,代码也生疏了!
54 |fuck 好久不写逻辑乱了,代码也生疏了!
55 |fuck 好久不写逻辑乱了,代码也生疏了22!
58 |fuck 好久不写逻辑乱了,代码也生疏了22!
59 |fuck 好久不写逻辑乱了,代码也生疏了22!
60 |fuck 好久不写逻辑乱了,代码也生疏了33!
63 |fuck 好久不写逻辑乱了,代码也生疏了33!
64 |fuck 好久不写逻辑乱了,代码也生疏了33!
65 |fuck 好久不写逻辑乱了,代码也生疏了!
79 |fuck 好久不写逻辑乱了,代码也生疏了!
80 |fuck 好久不写逻辑乱了,代码也生疏了!
81 |fuck 好久不写逻辑乱了,代码也生疏了!
97 |fuck 好久不写逻辑乱了,代码也生疏了!
98 |fuck 好久不写逻辑乱了,代码也生疏了!
99 |


| {{$index+1}} | 39 |{{file.name}} | 40 |{{file.msg}} | 41 |
正在上传...
' + 87 | '操作成功关闭
") 155 | $(".close").click(function () { 156 | current.close(current.model) 157 | }) 158 | return false 159 | }) 160 | }) 161 | }) 162 | }, 163 | bindCallback: function () {} 164 | }) 165 | } 166 | 167 | 168 | //$(".btn2").click(function () {//{{{ 169 | //if($(".POPUP").length) { 170 | //$(".POPUP").show() 171 | //} else{ 172 | //AdminPop.init({ 173 | //className: "POPUP", 174 | //model:"", 175 | //next: function (current) { 176 | 177 | //$(".grend").click(function () { 178 | 179 | ////var aa = current.setPostion($(this),200) 180 | ////console.log(aa) 181 | 182 | //current.create({ 183 | //model :'操作成功关闭
") 212 | //$(".close").click(function () { 213 | //current.close(current.model) 214 | //}) 215 | //return false 216 | //}) 217 | ////$(".current").click(function () { 218 | ////current.close() 219 | ////}) 220 | ////$(".cc").click(function () { 221 | ////current.create({ 222 | ////model :"" 223 | ////}).setAttr({ 224 | ////style: { 225 | ////'background':'red', 226 | ////'fontsize':20, 227 | ////'left':100, 228 | ////'top':920 229 | ////} 230 | ////}).setup(function (current) { 231 | ////$(".cc2").click(function () { 232 | ////current.close($(this)) 233 | ////}) 234 | ////}) 235 | ////}) 236 | //}) 237 | //}) 238 | 239 | 240 | //}, 241 | //bindCallback: function () {} 242 | //}) 243 | //} 244 | //})//}}} 245 | 246 | }); 247 | seajs.use("postlist"); 248 | 249 | 250 | -------------------------------------------------------------------------------- /css/m_base.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ 2 | 3 | /** 4 | * 1. Set default font family to sans-serif. 5 | * 2. Prevent iOS text size adjust after orientation change, without disabling 6 | * user zoom. 7 | */ 8 | 9 | html { 10 | font-family: sans-serif; /* 1 */ 11 | -ms-text-size-adjust: 100%; /* 2 */ 12 | -webkit-text-size-adjust: 100%; /* 2 */ 13 | } 14 | 15 | /** 16 | * Remove default margin. 17 | */ 18 | 19 | body { 20 | margin: 0; 21 | } 22 | 23 | /* HTML5 display definitions 24 | ========================================================================== */ 25 | 26 | /** 27 | * Correct `block` display not defined for any HTML5 element in IE 8/9. 28 | * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. 29 | * Correct `block` display not defined for `main` in IE 11. 30 | */ 31 | 32 | article, 33 | aside, 34 | details, 35 | figcaption, 36 | figure, 37 | footer, 38 | header, 39 | hgroup, 40 | main, 41 | nav, 42 | section, 43 | summary { 44 | display: block; 45 | } 46 | 47 | /** 48 | * 1. Correct `inline-block` display not defined in IE 8/9. 49 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 50 | */ 51 | 52 | audio, 53 | canvas, 54 | progress, 55 | video { 56 | display: inline-block; /* 1 */ 57 | vertical-align: baseline; /* 2 */ 58 | } 59 | 60 | /** 61 | * Prevent modern browsers from displaying `audio` without controls. 62 | * Remove excess height in iOS 5 devices. 63 | */ 64 | 65 | audio:not([controls]) { 66 | display: none; 67 | height: 0; 68 | } 69 | 70 | /** 71 | * Address `[hidden]` styling not present in IE 8/9/10. 72 | * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. 73 | */ 74 | 75 | [hidden], 76 | template { 77 | display: none; 78 | } 79 | 80 | /* Links 81 | ========================================================================== */ 82 | 83 | /** 84 | * Remove the gray background color from active links in IE 10. 85 | */ 86 | 87 | a { 88 | background: transparent; 89 | } 90 | 91 | /** 92 | * Improve readability when focused and also mouse hovered in all browsers. 93 | */ 94 | 95 | a:active, 96 | a:hover { 97 | outline: 0; 98 | } 99 | 100 | /* Text-level semantics 101 | ========================================================================== */ 102 | 103 | /** 104 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 105 | */ 106 | 107 | abbr[title] { 108 | border-bottom: 1px dotted; 109 | } 110 | 111 | /** 112 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 113 | */ 114 | 115 | b, 116 | strong { 117 | font-weight: bold; 118 | } 119 | 120 | /** 121 | * Address styling not present in Safari and Chrome. 122 | */ 123 | 124 | dfn { 125 | font-style: italic; 126 | } 127 | 128 | /** 129 | * Address variable `h1` font-size and margin within `section` and `article` 130 | * contexts in Firefox 4+, Safari, and Chrome. 131 | */ 132 | 133 | h1 { 134 | font-size: 2em; 135 | margin: 0.67em 0; 136 | } 137 | 138 | /** 139 | * Address styling not present in IE 8/9. 140 | */ 141 | 142 | mark { 143 | background: #ff0; 144 | color: #000; 145 | } 146 | 147 | /** 148 | * Address inconsistent and variable font size in all browsers. 149 | */ 150 | 151 | small { 152 | font-size: 80%; 153 | } 154 | 155 | /** 156 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 157 | */ 158 | 159 | sub, 160 | sup { 161 | font-size: 75%; 162 | line-height: 0; 163 | position: relative; 164 | vertical-align: baseline; 165 | } 166 | 167 | sup { 168 | top: -0.5em; 169 | } 170 | 171 | sub { 172 | bottom: -0.25em; 173 | } 174 | 175 | /* Embedded content 176 | ========================================================================== */ 177 | 178 | /** 179 | * Remove border when inside `a` element in IE 8/9/10. 180 | */ 181 | 182 | img { 183 | border: 0; 184 | } 185 | 186 | /** 187 | * Correct overflow not hidden in IE 9/10/11. 188 | */ 189 | 190 | svg:not(:root) { 191 | overflow: hidden; 192 | } 193 | 194 | /* Grouping content 195 | ========================================================================== */ 196 | 197 | /** 198 | * Address margin not present in IE 8/9 and Safari. 199 | */ 200 | 201 | figure { 202 | margin: 1em 40px; 203 | } 204 | 205 | /** 206 | * Address differences between Firefox and other browsers. 207 | */ 208 | 209 | hr { 210 | -moz-box-sizing: content-box; 211 | box-sizing: content-box; 212 | height: 0; 213 | } 214 | 215 | /** 216 | * Contain overflow in all browsers. 217 | */ 218 | 219 | pre { 220 | overflow: auto; 221 | } 222 | 223 | /** 224 | * Address odd `em`-unit font size rendering in all browsers. 225 | */ 226 | 227 | code, 228 | kbd, 229 | pre, 230 | samp { 231 | font-family: monospace, monospace; 232 | font-size: 1em; 233 | } 234 | 235 | /* Forms 236 | ========================================================================== */ 237 | 238 | /** 239 | * Known limitation: by default, Chrome and Safari on OS X allow very limited 240 | * styling of `select`, unless a `border` property is set. 241 | */ 242 | 243 | /** 244 | * 1. Correct color not being inherited. 245 | * Known issue: affects color of disabled elements. 246 | * 2. Correct font properties not being inherited. 247 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 248 | */ 249 | 250 | button, 251 | input, 252 | optgroup, 253 | select, 254 | textarea { 255 | color: inherit; /* 1 */ 256 | font: inherit; /* 2 */ 257 | margin: 0; /* 3 */ 258 | } 259 | 260 | /** 261 | * Address `overflow` set to `hidden` in IE 8/9/10/11. 262 | */ 263 | 264 | button { 265 | overflow: visible; 266 | } 267 | 268 | /** 269 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 270 | * All other form control elements do not inherit `text-transform` values. 271 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 272 | * Correct `select` style inheritance in Firefox. 273 | */ 274 | 275 | button, 276 | select { 277 | text-transform: none; 278 | } 279 | 280 | /** 281 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 282 | * and `video` controls. 283 | * 2. Correct inability to style clickable `input` types in iOS. 284 | * 3. Improve usability and consistency of cursor style between image-type 285 | * `input` and others. 286 | */ 287 | 288 | button, 289 | html input[type="button"], /* 1 */ 290 | input[type="reset"], 291 | input[type="submit"] { 292 | -webkit-appearance: button; /* 2 */ 293 | cursor: pointer; /* 3 */ 294 | } 295 | 296 | /** 297 | * Re-set default cursor for disabled elements. 298 | */ 299 | 300 | button[disabled], 301 | html input[disabled] { 302 | cursor: default; 303 | } 304 | 305 | /** 306 | * Remove inner padding and border in Firefox 4+. 307 | */ 308 | 309 | button::-moz-focus-inner, 310 | input::-moz-focus-inner { 311 | border: 0; 312 | padding: 0; 313 | } 314 | 315 | /** 316 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in 317 | * the UA stylesheet. 318 | */ 319 | 320 | input { 321 | line-height: normal; 322 | } 323 | 324 | /** 325 | * It's recommended that you don't attempt to style these elements. 326 | * Firefox's implementation doesn't respect box-sizing, padding, or width. 327 | * 328 | * 1. Address box sizing set to `content-box` in IE 8/9/10. 329 | * 2. Remove excess padding in IE 8/9/10. 330 | */ 331 | 332 | input[type="checkbox"], 333 | input[type="radio"] { 334 | box-sizing: border-box; /* 1 */ 335 | padding: 0; /* 2 */ 336 | } 337 | 338 | /** 339 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain 340 | * `font-size` values of the `input`, it causes the cursor style of the 341 | * decrement button to change from `default` to `text`. 342 | */ 343 | 344 | input[type="number"]::-webkit-inner-spin-button, 345 | input[type="number"]::-webkit-outer-spin-button { 346 | height: auto; 347 | } 348 | 349 | /** 350 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. 351 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome 352 | * (include `-moz` to future-proof). 353 | */ 354 | 355 | input[type="search"] { 356 | -webkit-appearance: textfield; /* 1 */ 357 | -moz-box-sizing: content-box; 358 | -webkit-box-sizing: content-box; /* 2 */ 359 | box-sizing: content-box; 360 | } 361 | 362 | /** 363 | * Remove inner padding and search cancel button in Safari and Chrome on OS X. 364 | * Safari (but not Chrome) clips the cancel button when the search input has 365 | * padding (and `textfield` appearance). 366 | */ 367 | 368 | input[type="search"]::-webkit-search-cancel-button, 369 | input[type="search"]::-webkit-search-decoration { 370 | -webkit-appearance: none; 371 | } 372 | 373 | /** 374 | * Define consistent border, margin, and padding. 375 | */ 376 | 377 | fieldset { 378 | border: 1px solid #c0c0c0; 379 | margin: 0 2px; 380 | padding: 0.35em 0.625em 0.75em; 381 | } 382 | 383 | /** 384 | * 1. Correct `color` not being inherited in IE 8/9/10/11. 385 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 386 | */ 387 | 388 | legend { 389 | border: 0; /* 1 */ 390 | padding: 0; /* 2 */ 391 | } 392 | 393 | /** 394 | * Remove default vertical scrollbar in IE 8/9/10/11. 395 | */ 396 | 397 | textarea { 398 | overflow: auto; 399 | } 400 | 401 | /** 402 | * Don't inherit the `font-weight` (applied by a rule above). 403 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 404 | */ 405 | 406 | optgroup { 407 | font-weight: bold; 408 | } 409 | 410 | /* Tables 411 | ========================================================================== */ 412 | 413 | /** 414 | * Remove most spacing between table cells. 415 | */ 416 | 417 | table { 418 | border-collapse: collapse; 419 | border-spacing: 0; 420 | } 421 | 422 | td, 423 | th { 424 | padding: 0; 425 | } 426 | -------------------------------------------------------------------------------- /UI_mod/dialog.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
106 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
107 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
108 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
109 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
110 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
111 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
112 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
113 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
114 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
115 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
116 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
117 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
118 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
119 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
120 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
121 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
122 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
123 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
124 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
125 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
126 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
127 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
128 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
129 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
130 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
131 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
132 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
133 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
134 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
135 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
136 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
137 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
138 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
139 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
140 | 141 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
142 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
143 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
144 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
145 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
146 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
147 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
148 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
149 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
150 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
151 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
152 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
153 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
154 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
155 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
156 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
157 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
158 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
159 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
160 | 161 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
162 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
163 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
164 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
165 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
166 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
167 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
168 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
169 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
170 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
171 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
172 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
173 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
174 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
175 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
176 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
177 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
178 |ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 254 | 255 | 256 | --------------------------------------------------------------------------------