commit 1d8349875f691eb7dcbcd1349de6ea0a726c9a30 Author: Vadim Lopatin Date: Thu May 22 06:53:25 2014 +0000 Create gh-pages branch via GitHub diff --git a/images/body-bg.png b/images/body-bg.png new file mode 100644 index 00000000..d0618fe7 Binary files /dev/null and b/images/body-bg.png differ diff --git a/images/highlight-bg.jpg b/images/highlight-bg.jpg new file mode 100644 index 00000000..4c4a78ef Binary files /dev/null and b/images/highlight-bg.jpg differ diff --git a/images/hr.png b/images/hr.png new file mode 100644 index 00000000..6c723a56 Binary files /dev/null and b/images/hr.png differ diff --git a/images/octocat-icon.png b/images/octocat-icon.png new file mode 100644 index 00000000..f0ba137d Binary files /dev/null and b/images/octocat-icon.png differ diff --git a/images/tar-gz-icon.png b/images/tar-gz-icon.png new file mode 100644 index 00000000..d50f34f6 Binary files /dev/null and b/images/tar-gz-icon.png differ diff --git a/images/zip-icon.png b/images/zip-icon.png new file mode 100644 index 00000000..162c425b Binary files /dev/null and b/images/zip-icon.png differ diff --git a/index.html b/index.html new file mode 100644 index 00000000..f993b990 --- /dev/null +++ b/index.html @@ -0,0 +1,261 @@ + + + + + + + + + + + Dlangui by buggins + + + +
+
+ +
+

Dlangui

+

Cross Platform GUI for D programming language

+
+ +
+ Download .zip + Download .tar.gz + View on GitHub +
+ +
+ +
+

+Dlang UI

+ +

GUI for D programming language, written in D.

+ +

Alpha stage of development.

+ +
    +
  • Crossplatform (Win32 and Linux are supported in current version); can use SDL2 as a backend.
    • +
  • Mostly inspired by Android UI API (layouts, styles, two phase layout, ...)
    • +
  • Supports highly customizable UI themes and styles
    • +
  • Supports internationalization
    • +
  • Hardware acceleration using OpenGL (when built with version USE_OPENGL)
    • +
  • Fallback to Win32 API / XCB when OpenGL is not available
    • +
  • Actually it's a port (with major refactoring) of GUI library for cross platform OpenGL based implementation of Cool Reader app project from C++.
    • +
  • Almost ready for 2D games development
    • +
  • Goal: provide set of widgets suitable for building of IDE.
    • +
  • Non thread safe
    • +

+Widgets

+ +
    +
  • Widget - base class for all widgets and widget containers, similar to Android's View
    • +

Currently implemented widgets:

+ +
    +
  • TextWidget - simple static text (TODO: implement multiline formatting)
    • +
  • ImageWidget - static image
    • +
  • Button - simple button with text label
    • +
  • ImageButton - image only button
    • +
  • TextImageButton - button with icon and label
    • +
  • CheckBox - check button with label
    • +
  • RadioButton - radio button with label
    • +
  • EditLine - single line edit
    • +
  • EditBox - multiline editor
    • +
  • VSpacer - vertical spacer - just an empty widget with layoutHeight == FILL_PARENT, to fill vertical space in layouts
    • +
  • HSpacer - horizontal spacer - just an empty widget with layoutWidth == FILL_PARENT, to fill horizontal space in layouts
    • +
  • ScrollBar - scroll bar
    • +
  • TabControl - tabs widget, allows to select one of tabs
    • +
  • TabHost - container for pages controlled by TabControl
    • +
  • TabWidget - combination of TabControl and TabHost
    • +

+Layouts

+ +

Similar to layouts in Android

+ +
    +
  • LinearLayout - layout children horizontally or vertically depending on orientation
    • +
  • VerticalLayout - just a LinearLayout with vertical orientation
    • +
  • HorizontalLayout - just a LinearLayout with vertical orientation
    • +
  • FrameLayout - all children occupy the same place; usually onle one of them is visible
    • +
  • TableLayout - children are aligned into rows and columns of table
    • +

+List Views

+ +

Lists are implemented similar to Android UI API.

+ +
    +
  • ListWidget - layout dynamic items horizontally or vertically (one in row/column) with automatic scrollbar; can reuse widgets for similar items
    • +
  • ListAdapter - interface to provide data and widgets for ListWidget
    • +
  • WidgetListAdapter - simple implementation of ListAdapter interface - just a list of widgets (one per list item) to show
    • +

TODOs:

+ +
    +
  • Multicolumn lists
    • +
  • Tree view
    • +

+Resources

+ +

Resources like fonts and images use reference counting. For proper resource freeing, always destroy widgets implicitly.

+ +
    +
  • FontManager: provides access to fonts
    • +
  • Images: .png or .jpg images; if filename ends with .9.png, it's autodetected as nine-patch image (see Android drawables description)
    • +
  • StateDrawables: .xml file can describe list of other drawables to choose based on widget's State (.xml files from android themes can be used directly)
    • +
  • imageCache allows to cache unpacked images
    • +
  • drawableCache provides access by resource id (string, usually filename w/o extension) to drawables located in specified list of resource directories.
    • +

+Styles and Themes

+ +

Styles and themes are a bit similar to ones in Android API.

+ +
    +
  • Theme is a container for styles. Can be load from XML theme resource file.
    • +
  • Styles are accessible in theme by string ID.
    • +
  • Styles can be nested to form hiararchy - when some attribute is missing in style, value from base style will be used.
    • +
  • State substyles are supported: allow to change widget appearance dynamically based on its state.
    • +
  • Widgets use style attributes directly from assigned style. When some attribute is being changed in widget, it creates its own copy of base style, +which allows to modify some of attributes, while getting base style attributes if they are not changed in widget. This trick can minimize memory usage for widget attributes when +standard values are used.
    • +

+Win32 builds

+ +
    +
  • Under windows, uses SDL2 or Win32 API as backend.
    • +
  • Optionally, may use OpenGL acceleration via DerelictGL3/WGL.
    • +
  • Uses Win32 API for font rendering.
    • +
  • Optinally can use FreeType for font rendering.
    • +

Build and run using DUB:

+ +
    git clone https://github.com/buggins/dlangui.git
+    cd dlangui
+    dub run dlangui:example1
+
+ +

To develop using Visual-D, download sources for dlabgui and dependencies into some directory:

+ +
    git clone https://github.com/buggins/dlangui.git
+    git clone https://github.com/DerelictOrg/DerelictUtil.git
+    git clone https://github.com/DerelictOrg/DerelictGL3.git
+    git clone https://github.com/DerelictOrg/DerelictFI.git
+    git clone https://github.com/DerelictOrg/DerelictFT.git
+    git clone https://github.com/DerelictOrg/DerelictSDL2.git
+
+ +

Then open .sln using Visual D.

+ +

+Linux builds

+ +
    +
  • Uses SDL2 or XCB as a backend (SDL2 is recommended, since has better support now).
    • +
  • Uses shared memory images for faster drawing.
    • +
  • Uses FreeType for font rendering.
    • +
  • TODO: Use FontConfig to get font list.
    • +
  • OpenGL is now working under SDL2 only.
    • +
  • Entering of unicode characters is now working under SDL2 only.
    • +

For linux build with SDL2 backend, following libraries are required:

+ +
    libsdl2
+
+ +

To build dlangui apps with XCB backend, development packages for following libraries required for XCB backend build:

+ +
    xcb, xcb-util, xcb-shm, xcb-image, xcb-keysyms, X11-xcb, X11
+
+ +

E.g. in Ubuntu, you can use following command to enable SDL2 backend builds:

+ +
    sudo apt-get install libsdl2-dev
+
+ +

or (for XCB backend)

+ +
    sudo apt-get install libxcb-image0-dev libxcb-shm0-dev libxcb-keysyms1-dev libfreeimage-dev
+
+ +

In runtime, .so for following libraries are being loaded (binary packages required):

+ +
    freetype, opengl, freeimage
+
+ +

Build and run on Linux using DUB:

+ +
    dub run dlangui:example1
+
+ +

Development using Mono-D:

+ +
    +
  • open solution dlangui/dlanguimonod.sln
    • +
  • build and run project example1
    • +

You need fresh version of MonoDevelop to use Mono-D. It can be installed from PPA repository.

+ +
    sudo add-apt-repository ppa:ermshiperete/monodevelop
+    sudo apt-get update
+    sudo apt-get install monodevelop-current
+
+ +

+Other platforms

+ +
    +
  • Other platforms support may be added easy
    • +

+Third party components used

+ +
    +
  • DerelictGL3 - for OpenGL support
    • +
  • DerelictFT + FreeType library support under linux and optionally under Windows.
    • +
  • DerelictFI + FreeImage library support for decoding of images
    • +
  • DerelictSDL2 + SDL2 for cross platform support
    • +
  • WindowsAPI bindings from http://www.dsource.org/projects/bindings/wiki/WindowsApi (patched)
    • +
  • XCB and X11 bindings (patched) when SDL2 is not used; TODO: provide links
    • +

+Hello World

+ +
// main.d
+import dlangui.all;
+mixin DLANGUI_ENTRY_POINT;
+
+/// entry point for dlangui based application
+extern (C) int UIAppMain(string[] args) {
+    // resource directory search paths
+    string[] resourceDirs = [
+        appendPath(exePath, "../res/"),   // for Visual D and DUB builds
+        appendPath(exePath, "../../res/") // for Mono-D builds
+    ];
+
+    // setup resource directories - will use only existing directories
+    Platform.instance.resourceDirs = resourceDirs;
+    // select translation file - for english language
+    Platform.instance.uiLanguage = "en";
+    // load theme from file "theme_default.xml"
+    Platform.instance.uiTheme = "theme_default";
+
+    // create window
+    Window window = Platform.instance.createWindow("My Window", null);
+    // create some widget to show in window
+    window.mainWidget = (new Button()).text("Hello world"d).textColor(0xFF0000); // red text
+    // show window
+    window.show();
+    // run message loop
+    return Platform.instance.enterMessageLoop();
+}
+
+
+ + + + +
+
+ + \ No newline at end of file diff --git a/javascripts/main.js b/javascripts/main.js new file mode 100644 index 00000000..d8135d37 --- /dev/null +++ b/javascripts/main.js @@ -0,0 +1 @@ +console.log('This would be the main JS file.'); diff --git a/params.json b/params.json new file mode 100644 index 00000000..ccd6f279 --- /dev/null +++ b/params.json @@ -0,0 +1 @@ +{"name":"Dlangui","tagline":"Cross Platform GUI for D programming language","body":"Dlang UI\r\n========\r\n\r\nGUI for D programming language, written in D.\r\n\r\nAlpha stage of development.\r\n\r\n* Crossplatform (Win32 and Linux are supported in current version); can use SDL2 as a backend.\r\n* Mostly inspired by Android UI API (layouts, styles, two phase layout, ...)\r\n* Supports highly customizable UI themes and styles\r\n* Supports internationalization\r\n* Hardware acceleration using OpenGL (when built with version USE_OPENGL)\r\n* Fallback to Win32 API / XCB when OpenGL is not available\r\n* Actually it's a port (with major refactoring) of GUI library for cross platform OpenGL based implementation of Cool Reader app project from C++.\r\n* Almost ready for 2D games development\r\n* Goal: provide set of widgets suitable for building of IDE.\r\n* Non thread safe\r\n\r\n\r\n\r\nWidgets\r\n-------\r\n\r\n* Widget - base class for all widgets and widget containers, similar to Android's View\r\n\r\nCurrently implemented widgets:\r\n\r\n* TextWidget - simple static text (TODO: implement multiline formatting)\r\n* ImageWidget - static image\r\n* Button - simple button with text label\r\n* ImageButton - image only button\r\n* TextImageButton - button with icon and label\r\n* CheckBox - check button with label\r\n* RadioButton - radio button with label\r\n* EditLine - single line edit\r\n* EditBox - multiline editor\r\n* VSpacer - vertical spacer - just an empty widget with layoutHeight == FILL_PARENT, to fill vertical space in layouts\r\n* HSpacer - horizontal spacer - just an empty widget with layoutWidth == FILL_PARENT, to fill horizontal space in layouts\r\n* ScrollBar - scroll bar\r\n* TabControl - tabs widget, allows to select one of tabs\r\n* TabHost - container for pages controlled by TabControl\r\n* TabWidget - combination of TabControl and TabHost\r\n\r\nLayouts\r\n-------\r\n\r\nSimilar to layouts in Android\r\n\r\n* LinearLayout - layout children horizontally or vertically depending on orientation\r\n* VerticalLayout - just a LinearLayout with vertical orientation\r\n* HorizontalLayout - just a LinearLayout with vertical orientation\r\n* FrameLayout - all children occupy the same place; usually onle one of them is visible\r\n* TableLayout - children are aligned into rows and columns of table\r\n\r\n\r\nList Views\r\n----------\r\n\r\nLists are implemented similar to Android UI API.\r\n\r\n* ListWidget - layout dynamic items horizontally or vertically (one in row/column) with automatic scrollbar; can reuse widgets for similar items\r\n* ListAdapter - interface to provide data and widgets for ListWidget\r\n* WidgetListAdapter - simple implementation of ListAdapter interface - just a list of widgets (one per list item) to show\r\n\r\nTODOs:\r\n\r\n* Multicolumn lists\r\n* Tree view\r\n\r\nResources\r\n---------\r\n\r\nResources like fonts and images use reference counting. For proper resource freeing, always destroy widgets implicitly.\r\n\r\n* FontManager: provides access to fonts\r\n* Images: .png or .jpg images; if filename ends with .9.png, it's autodetected as nine-patch image (see Android drawables description)\r\n* StateDrawables: .xml file can describe list of other drawables to choose based on widget's State (.xml files from android themes can be used directly)\r\n* imageCache allows to cache unpacked images\r\n* drawableCache provides access by resource id (string, usually filename w/o extension) to drawables located in specified list of resource directories.\r\n\r\nStyles and Themes\r\n-----------------\r\n\r\nStyles and themes are a bit similar to ones in Android API.\r\n\r\n* Theme is a container for styles. Can be load from XML theme resource file.\r\n* Styles are accessible in theme by string ID.\r\n* Styles can be nested to form hiararchy - when some attribute is missing in style, value from base style will be used.\r\n* State substyles are supported: allow to change widget appearance dynamically based on its state.\r\n* Widgets use style attributes directly from assigned style. When some attribute is being changed in widget, it creates its own copy of base style, \r\nwhich allows to modify some of attributes, while getting base style attributes if they are not changed in widget. This trick can minimize memory usage for widget attributes when \r\nstandard values are used.\r\n\r\n\r\n\r\nWin32 builds\r\n------------\r\n\r\n* Under windows, uses SDL2 or Win32 API as backend.\r\n* Optionally, may use OpenGL acceleration via DerelictGL3/WGL.\r\n* Uses Win32 API for font rendering.\r\n* Optinally can use FreeType for font rendering.\r\n\r\n\r\n\r\nBuild and run using DUB:\r\n\r\n git clone https://github.com/buggins/dlangui.git\r\n cd dlangui\r\n dub run dlangui:example1\r\n\r\n\r\n\r\nTo develop using Visual-D, download sources for dlabgui and dependencies into some directory:\r\n\r\n git clone https://github.com/buggins/dlangui.git\r\n git clone https://github.com/DerelictOrg/DerelictUtil.git\r\n git clone https://github.com/DerelictOrg/DerelictGL3.git\r\n git clone https://github.com/DerelictOrg/DerelictFI.git\r\n git clone https://github.com/DerelictOrg/DerelictFT.git\r\n git clone https://github.com/DerelictOrg/DerelictSDL2.git\r\n\r\nThen open .sln using Visual D.\r\n\r\n\r\n\r\n\r\nLinux builds\r\n------------\r\n\r\n* Uses SDL2 or XCB as a backend (SDL2 is recommended, since has better support now).\r\n* Uses shared memory images for faster drawing.\r\n* Uses FreeType for font rendering.\r\n* TODO: Use FontConfig to get font list.\r\n* OpenGL is now working under SDL2 only.\r\n* Entering of unicode characters is now working under SDL2 only.\r\n\r\n\r\nFor linux build with SDL2 backend, following libraries are required:\r\n\r\n libsdl2\r\n\r\nTo build dlangui apps with XCB backend, development packages for following libraries required for XCB backend build:\r\n\r\n xcb, xcb-util, xcb-shm, xcb-image, xcb-keysyms, X11-xcb, X11\r\n\r\nE.g. in Ubuntu, you can use following command to enable SDL2 backend builds:\r\n\r\n sudo apt-get install libsdl2-dev\r\n\r\nor (for XCB backend)\r\n\r\n sudo apt-get install libxcb-image0-dev libxcb-shm0-dev libxcb-keysyms1-dev libfreeimage-dev\r\n\r\n\r\nIn runtime, .so for following libraries are being loaded (binary packages required):\r\n\r\n freetype, opengl, freeimage\r\n\r\n\r\nBuild and run on Linux using DUB:\r\n\r\n dub run dlangui:example1\r\n\r\nDevelopment using Mono-D: \r\n\r\n* open solution dlangui/dlanguimonod.sln \r\n* build and run project example1\r\n\r\nYou need fresh version of MonoDevelop to use Mono-D. It can be installed from PPA repository.\r\n\r\n sudo add-apt-repository ppa:ermshiperete/monodevelop\r\n sudo apt-get update\r\n sudo apt-get install monodevelop-current\r\n\r\n\r\nOther platforms\r\n---------------\r\n\r\n* Other platforms support may be added easy\r\n\r\n\r\nThird party components used\r\n---------------------------\r\n\r\n* DerelictGL3 - for OpenGL support\r\n* DerelictFT + FreeType library support under linux and optionally under Windows.\r\n* DerelictFI + FreeImage library support for decoding of images\r\n* DerelictSDL2 + SDL2 for cross platform support\r\n* WindowsAPI bindings from http://www.dsource.org/projects/bindings/wiki/WindowsApi (patched)\r\n* XCB and X11 bindings (patched) when SDL2 is not used; TODO: provide links\r\n\r\n\r\nHello World\r\n--------------------------------------------------------------\r\n\r\n\t// main.d\r\n\timport dlangui.all;\r\n\tmixin DLANGUI_ENTRY_POINT;\r\n\r\n\t/// entry point for dlangui based application\r\n\textern (C) int UIAppMain(string[] args) {\r\n\t // resource directory search paths\r\n\t string[] resourceDirs = [\r\n\t appendPath(exePath, \"../res/\"), // for Visual D and DUB builds\r\n\t appendPath(exePath, \"../../res/\") // for Mono-D builds\r\n\t ];\r\n\r\n\t // setup resource directories - will use only existing directories\r\n\t Platform.instance.resourceDirs = resourceDirs;\r\n\t // select translation file - for english language\r\n\t Platform.instance.uiLanguage = \"en\";\r\n\t // load theme from file \"theme_default.xml\"\r\n\t Platform.instance.uiTheme = \"theme_default\";\r\n\t\r\n\t // create window\r\n\t Window window = Platform.instance.createWindow(\"My Window\", null);\r\n\t // create some widget to show in window\r\n\t window.mainWidget = (new Button()).text(\"Hello world\"d).textColor(0xFF0000); // red text\r\n\t // show window\r\n\t window.show();\r\n\t // run message loop\r\n\t return Platform.instance.enterMessageLoop();\r\n\t}\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."} \ No newline at end of file diff --git a/stylesheets/print.css b/stylesheets/print.css new file mode 100644 index 00000000..541695bf --- /dev/null +++ b/stylesheets/print.css @@ -0,0 +1,226 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +body { + font-size: 13px; + line-height: 1.5; + font-family: 'Helvetica Neue', Helvetica, Arial, serif; + color: #000; +} + +a { + color: #d5000d; + font-weight: bold; +} + +header { + padding-top: 35px; + padding-bottom: 10px; +} + +header h1 { + font-weight: bold; + letter-spacing: -1px; + font-size: 48px; + color: #303030; + line-height: 1.2; +} + +header h2 { + letter-spacing: -1px; + font-size: 24px; + color: #aaa; + font-weight: normal; + line-height: 1.3; +} +#downloads { + display: none; +} +#main_content { + padding-top: 20px; +} + +code, pre { + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; + color: #222; + margin-bottom: 30px; + font-size: 12px; +} + +code { + padding: 0 3px; +} + +pre { + border: solid 1px #ddd; + padding: 20px; + overflow: auto; +} +pre code { + padding: 0; +} + +ul, ol, dl { + margin-bottom: 20px; +} + + +/* COMMON STYLES */ + +table { + width: 100%; + border: 1px solid #ebebeb; +} + +th { + font-weight: 500; +} + +td { + border: 1px solid #ebebeb; + text-align: center; + font-weight: 300; +} + +form { + background: #f2f2f2; + padding: 20px; + +} + + +/* GENERAL ELEMENT TYPE STYLES */ + +h1 { + font-size: 2.8em; +} + +h2 { + font-size: 22px; + font-weight: bold; + color: #303030; + margin-bottom: 8px; +} + +h3 { + color: #d5000d; + font-size: 18px; + font-weight: bold; + margin-bottom: 8px; +} + +h4 { + font-size: 16px; + color: #303030; + font-weight: bold; +} + +h5 { + font-size: 1em; + color: #303030; +} + +h6 { + font-size: .8em; + color: #303030; +} + +p { + font-weight: 300; + margin-bottom: 20px; +} + +a { + text-decoration: none; +} + +p a { + font-weight: 400; +} + +blockquote { + font-size: 1.6em; + border-left: 10px solid #e9e9e9; + margin-bottom: 20px; + padding: 0 0 0 30px; +} + +ul li { + list-style: disc inside; + padding-left: 20px; +} + +ol li { + list-style: decimal inside; + padding-left: 3px; +} + +dl dd { + font-style: italic; + font-weight: 100; +} + +footer { + margin-top: 40px; + padding-top: 20px; + padding-bottom: 30px; + font-size: 13px; + color: #aaa; +} + +footer a { + color: #666; +} + +/* MISC */ +.clearfix:after { + clear: both; + content: '.'; + display: block; + visibility: hidden; + height: 0; +} + +.clearfix {display: inline-block;} +* html .clearfix {height: 1%;} +.clearfix {display: block;} \ No newline at end of file diff --git a/stylesheets/pygment_trac.css b/stylesheets/pygment_trac.css new file mode 100644 index 00000000..c6a6452d --- /dev/null +++ b/stylesheets/pygment_trac.css @@ -0,0 +1,69 @@ +.highlight { background: #ffffff; } +.highlight .c { color: #999988; font-style: italic } /* Comment */ +.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ +.highlight .k { font-weight: bold } /* Keyword */ +.highlight .o { font-weight: bold } /* Operator */ +.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ +.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ +.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ +.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ +.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ +.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gr { color: #aa0000 } /* Generic.Error */ +.highlight .gh { color: #999999 } /* Generic.Heading */ +.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ +.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ +.highlight .go { color: #888888 } /* Generic.Output */ +.highlight .gp { color: #555555 } /* Generic.Prompt */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */ +.highlight .gt { color: #aa0000 } /* Generic.Traceback */ +.highlight .kc { font-weight: bold } /* Keyword.Constant */ +.highlight .kd { font-weight: bold } /* Keyword.Declaration */ +.highlight .kn { font-weight: bold } /* Keyword.Namespace */ +.highlight .kp { font-weight: bold } /* Keyword.Pseudo */ +.highlight .kr { font-weight: bold } /* Keyword.Reserved */ +.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ +.highlight .m { color: #009999 } /* Literal.Number */ +.highlight .s { color: #d14 } /* Literal.String */ +.highlight .na { color: #008080 } /* Name.Attribute */ +.highlight .nb { color: #0086B3 } /* Name.Builtin */ +.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ +.highlight .no { color: #008080 } /* Name.Constant */ +.highlight .ni { color: #800080 } /* Name.Entity */ +.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ +.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ +.highlight .nn { color: #555555 } /* Name.Namespace */ +.highlight .nt { color: #000080 } /* Name.Tag */ +.highlight .nv { color: #008080 } /* Name.Variable */ +.highlight .ow { font-weight: bold } /* Operator.Word */ +.highlight .w { color: #bbbbbb } /* Text.Whitespace */ +.highlight .mf { color: #009999 } /* Literal.Number.Float */ +.highlight .mh { color: #009999 } /* Literal.Number.Hex */ +.highlight .mi { color: #009999 } /* Literal.Number.Integer */ +.highlight .mo { color: #009999 } /* Literal.Number.Oct */ +.highlight .sb { color: #d14 } /* Literal.String.Backtick */ +.highlight .sc { color: #d14 } /* Literal.String.Char */ +.highlight .sd { color: #d14 } /* Literal.String.Doc */ +.highlight .s2 { color: #d14 } /* Literal.String.Double */ +.highlight .se { color: #d14 } /* Literal.String.Escape */ +.highlight .sh { color: #d14 } /* Literal.String.Heredoc */ +.highlight .si { color: #d14 } /* Literal.String.Interpol */ +.highlight .sx { color: #d14 } /* Literal.String.Other */ +.highlight .sr { color: #009926 } /* Literal.String.Regex */ +.highlight .s1 { color: #d14 } /* Literal.String.Single */ +.highlight .ss { color: #990073 } /* Literal.String.Symbol */ +.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #008080 } /* Name.Variable.Class */ +.highlight .vg { color: #008080 } /* Name.Variable.Global */ +.highlight .vi { color: #008080 } /* Name.Variable.Instance */ +.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ + +.type-csharp .highlight .k { color: #0000FF } +.type-csharp .highlight .kt { color: #0000FF } +.type-csharp .highlight .nf { color: #000000; font-weight: normal } +.type-csharp .highlight .nc { color: #2B91AF } +.type-csharp .highlight .nn { color: #000000 } +.type-csharp .highlight .s { color: #A31515 } +.type-csharp .highlight .sc { color: #A31515 } diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css new file mode 100644 index 00000000..020ad6dc --- /dev/null +++ b/stylesheets/stylesheet.css @@ -0,0 +1,371 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* LAYOUT STYLES */ +body { + font-size: 1em; + line-height: 1.5; + background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat; + font-family: 'Helvetica Neue', Helvetica, Arial, serif; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); + color: #6d6d6d; +} + +a { + color: #d5000d; +} +a:hover { + color: #c5000c; +} + +header { + padding-top: 35px; + padding-bottom: 25px; +} + +header h1 { + font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif; font-weight: 900; + letter-spacing: -1px; + font-size: 48px; + color: #303030; + line-height: 1.2; +} + +header h2 { + letter-spacing: -1px; + font-size: 24px; + color: #aaa; + font-weight: normal; + line-height: 1.3; +} + +#container { + background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat; + min-height: 595px; +} + +.inner { + width: 620px; + margin: 0 auto; +} + +#container .inner img { + max-width: 100%; +} + +#downloads { + margin-bottom: 40px; +} + +a.button { + -moz-border-radius: 30px; + -webkit-border-radius: 30px; + border-radius: 30px; + border-top: solid 1px #cbcbcb; + border-left: solid 1px #b7b7b7; + border-right: solid 1px #b7b7b7; + border-bottom: solid 1px #b3b3b3; + color: #303030; + line-height: 25px; + font-weight: bold; + font-size: 15px; + padding: 12px 8px 12px 8px; + display: block; + float: left; + width: 179px; + margin-right: 14px; + background: #fdfdfd; /* Old browsers */ + background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* IE10+ */ + background: linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ + -webkit-box-shadow: 10px 10px 5px #888; + -moz-box-shadow: 10px 10px 5px #888; + box-shadow: 0px 1px 5px #e8e8e8; +} +a.button:hover { + border-top: solid 1px #b7b7b7; + border-left: solid 1px #b3b3b3; + border-right: solid 1px #b3b3b3; + border-bottom: solid 1px #b3b3b3; + background: #fafafa; /* Old browsers */ + background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* IE10+ */ + background: linear-gradient(top, #fdfdfd 0%,#f6f6f6, 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ +} + +a.button span { + padding-left: 50px; + display: block; + height: 23px; +} + +#download-zip span { + background: transparent url(../images/zip-icon.png) 12px 50% no-repeat; +} +#download-tar-gz span { + background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat; +} +#view-on-github span { + background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat; +} +#view-on-github { + margin-right: 0; +} + +code, pre { + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; + color: #222; + margin-bottom: 30px; + font-size: 14px; +} + +code { + background-color: #f2f2f2; + border: solid 1px #ddd; + padding: 0 3px; +} + +pre { + padding: 20px; + background: #303030; + color: #f2f2f2; + text-shadow: none; + overflow: auto; +} +pre code { + color: #f2f2f2; + background-color: #303030; + border: none; + padding: 0; +} + +ul, ol, dl { + margin-bottom: 20px; +} + + +/* COMMON STYLES */ + +hr { + height: 1px; + line-height: 1px; + margin-top: 1em; + padding-bottom: 1em; + border: none; + background: transparent url('../images/hr.png') 50% 0 no-repeat; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; +} + +table { + width: 100%; + border: 1px solid #ebebeb; +} + +th { + font-weight: 500; +} + +td { + border: 1px solid #ebebeb; + text-align: center; + font-weight: 300; +} + +form { + background: #f2f2f2; + padding: 20px; + +} + + +/* GENERAL ELEMENT TYPE STYLES */ + +h1 { + font-size: 32px; +} + +h2 { + font-size: 22px; + font-weight: bold; + color: #303030; + margin-bottom: 8px; +} + +h3 { + color: #d5000d; + font-size: 18px; + font-weight: bold; + margin-bottom: 8px; +} + +h4 { + font-size: 16px; + color: #303030; + font-weight: bold; +} + +h5 { + font-size: 1em; + color: #303030; +} + +h6 { + font-size: .8em; + color: #303030; +} + +p { + font-weight: 300; + margin-bottom: 20px; +} + +a { + text-decoration: none; +} + +p a { + font-weight: 400; +} + +blockquote { + font-size: 1.6em; + border-left: 10px solid #e9e9e9; + margin-bottom: 20px; + padding: 0 0 0 30px; +} + +ul li { + list-style: disc inside; + padding-left: 20px; +} + +ol li { + list-style: decimal inside; + padding-left: 3px; +} + +dl dt { + color: #303030; +} + +footer { + background: transparent url('../images/hr.png') 0 0 no-repeat; + margin-top: 40px; + padding-top: 20px; + padding-bottom: 30px; + font-size: 13px; + color: #aaa; +} + +footer a { + color: #666; +} +footer a:hover { + color: #444; +} + +/* MISC */ +.clearfix:after { + clear: both; + content: '.'; + display: block; + visibility: hidden; + height: 0; +} + +.clearfix {display: inline-block;} +* html .clearfix {height: 1%;} +.clearfix {display: block;} + +/* #Media Queries +================================================== */ + +/* Smaller than standard 960 (devices and browsers) */ +@media only screen and (max-width: 959px) {} + +/* Tablet Portrait size to standard 960 (devices and browsers) */ +@media only screen and (min-width: 768px) and (max-width: 959px) {} + +/* All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: 767px) { + header { + padding-top: 10px; + padding-bottom: 10px; + } + #downloads { + margin-bottom: 25px; + } + #download-zip, #download-tar-gz { + display: none; + } + .inner { + width: 94%; + margin: 0 auto; + } +} + +/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ +@media only screen and (min-width: 480px) and (max-width: 767px) {} + +/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ +@media only screen and (max-width: 479px) {}