ikiwiki_lessish:基于Less CSS Framework的ikiwiki的响应式样式表

  • f5_277617
    了解作者
  • 244.5KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-31 04:54
    上传日期
ikiwiki_lessish 基于的自适应样式表。 快速开发供我自己使用-请随时进行调整和重复使用。 特征: 完全响应(调整浏览器大小), 可读字体大(如果太大,请调整), 在各种设备(台式机,手机,平板电脑等)上都能很好地运行。 0.1版– 2012年6月29日
ikiwiki_lessish-master.zip
  • ikiwiki_lessish-master
  • README.textile
    590B
  • lessish_preview.png
    257.6KB
  • lessish.css
    3.8KB
内容介绍
/* lessish stylesheet for ikiwiki responsive styles based on the Less CSS Framework version 0.1 - 29 June 2012 https://github.com/spiffin/ikiwiki_lessish */ /* Less Framework 4 http://lessframework.com by Joni Korpi License: http://opensource.org/licenses/mit-license.php */ /* Typography presets ------------------ */ .gigantic { font-size: 110px; line-height: 120px; letter-spacing: -2px; } .huge, h1 { font-size: 52px; line-height: 61px; letter-spacing: -1px; } .large, h2 { font-size: 42px; line-height: 48px; } .bigger, h3 { font-size: 26px; line-height: 36px; } .big, h4 { font-size: 22px; line-height: 30px; } body { font: 1.25em/150% Georgia, serif; } .small, small { font-size: 13px; line-height: 18px; } /* Selection colours (easy to forget) */ ::selection {background: rgb(255,255,158);} ::-moz-selection {background: rgb(255,255,158);} img::selection {background: transparent;} img::-moz-selection {background: transparent;} body {-webkit-tap-highlight-color: rgb(255,255,158);} /* Default Layout: 992px. Gutters: 24px. Outer margins: 48px. Leftover space for scrollbars @1024px: 32px. ------------------------------------------------------------------------------- cols 1 2 3 4 5 6 7 8 9 10 px 68 160 252 344 436 528 620 712 804 896 */ body { width: 896px; padding: 72px 48px 84px; margin: 0 auto; color: rgb(60,60,60); -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */ } /* Tablet Layout: 768px. Gutters: 24px. Outer margins: 28px. Inherits styles from: Default Layout. ----------------------------------------------------------------- cols 1 2 3 4 5 6 7 8 px 68 160 252 344 436 528 620 712 */ @media only screen and (min-width: 768px) and (max-width: 991px) { body { width: 712px; padding: 48px 28px 60px; } } /* Mobile Layout: 320px. Gutters: 24px. Outer margins: 34px. Inherits styles from: Default Layout. --------------------------------------------- cols 1 2 3 px 68 160 252 */ @media only screen and (max-width: 767px) { body { width: 252px; padding: 48px 34px 60px; } } /* Wide Mobile Layout: 480px. Gutters: 24px. Outer margins: 22px. Inherits styles from: Default Layout, Mobile Layout. ------------------------------------------------------------ cols 1 2 3 4 5 px 68 160 252 344 436 */ @media only screen and (min-width: 480px) and (max-width: 767px) { body { width: 436px; padding: 36px 22px 48px; } } /* End Less ------ */ .header { font-weight: normal; font-size: 200%; } h1, h2, h3, h4 { font-weight: normal; margin: 10px 0 -10px; } p + p { margin-top: 8px; } a:link { text-decoration: underline; color: #59c903; } a:visited { text-decoration: underline; color: #5d9a20; } a:hover { background: #efefef; text-decoration: none; color: #333; } a:active { background: #efefef; text-decoration: underline; color: #00ff00; } hr { border: 0; height: 1px; color: #333; margin: 10px 0; background-color: #666; } .actions ul { margin: 0 0 10px; padding: 16px .8em 10px 0px; height: auto; } .actions li { padding: 0 .5em 0 0; } .pagedate, .pagelicense, .pagecopyright { font-size: small; color: #ccc; } blockquote { font-style: italic; } code { font: 14px Monaco, Courier, monospace; line-height: 24px; } textarea { font: 12.5px Monaco, monospace; background: #232323; color: #a7ed61; } .pageheader #otherlanguages, .pageheader .actions ul { border-bottom: 1px solid #666; } #pageinfo { margin: 1em 0; border-top: 1px solid #666; } .notebox { color: #333 !important; } .sidebar { border: 1px solid #aaa; } input#searchbox { background: none; }
评论
    相关推荐
    • nginx-lesscss
      整个事情开始于服务器端 LESS -> CSS 转换器。 然后我添加了 SASS 和 SCSS。 我不会对自己撒谎,我想我会及时添加其他几个转换器。 现在,名单如下: LESS - 使用 npm/less 转换器( npm install -g less ) SASS...
    • lesscss-java:用于Java的LESS CSS编译器
      适用于Java的官方LESS CSS编译器 最新版本1.7.0.1.1-与1.7.0或更低版本兼容的1.1版本 用于Java的LESS CSS编译器是一个用于将LESS源编译为CSS样式表的库。 该编译器使用Rhino,Envjs(用JavaScript编写的模拟浏览器...
    • gwt-less-plugin:该模块提供了在GWT项目中使用LESS CSS编译器的功能
      gwt-less-adapter 该模块提供了将LESS css编译器与GWT项目一起使用的功能。 TODO:使用说明
    • Less CSS creator-crx插件
      “少延伸了具有动态行为CSS,例如变量,Mixins,操作和功能。” 此管理员工具扩展了Google Chrome功能。 在Developer Tools中创建一个新选项卡,AS少CSS编辑器的名称。 - 创造 - 保存为我的电脑 - 实时预览 - 普通...
    • nativescript-dev-less:用于NativeScript项目的LESS CSS预处理器
      用于NativeScript项目CSS预处理器更少。 不推荐使用nativescript-dev-less ,而倾向于bundle工作流,它将在CLI v6.0中引入。... 当准备好构建项目时, .less app文件夹中的所有.less文件进行更少CSS预处理。
    • Less css框架1.3
      LESSCSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。 极大的减少了构建样式表的工作量。 本...
    • lesscss-compiler:用于 Java 的独立 LESS CSS 编译器
      GroupId: nz.net.ultraq.lesscss ArtifactId: lesscss-compiler 版本: 1.0.2 用法 . 在您的 Java 程序中,创建一个新的LessCSSCompiler实例,然后调用任何compile()方法将您的 LESS 输入转换为 CSS 输出,...
    • jfinal-lesscss:jfinallesscss 插件
      jfinal-lesscss jfinallesscss 插件
    • Peruse:Less CSS代码的代码约定检查器
      检查Less CSS文件是否符合。 平台类 任何使用Java的Windows安装。 只要安装了Java,它就应该也可以在所有主要平台上运行,但是尚未经过测试。 发展状况 Peruse仍处于早期开发阶段。 它检查诸如嵌套深度和注释样式之...
    • GaussDB_100_1.0.1-DATABASE-REDHAT-64bit.tar.gz
      guassdb100在redhat上安装包,单机部署的包,安装步骤请看我的文中介绍,经过大量实验搭建总结出来的文档