diff --git a/.gitignore b/.gitignore index 218ebda8..68683d54 100644 --- a/.gitignore +++ b/.gitignore @@ -53,3 +53,5 @@ OurUmbraco.Site/web.config OurUmbraco.Site/usercontrols/Deli/ *.DS_Store OurUmbraco.Site/App_Data/mail/ +OurUmbraco.Client/build/assets/ +OurUmbraco.Client/node_modules/ diff --git a/OurUmbraco.Client/README.md b/OurUmbraco.Client/README.md new file mode 100644 index 00000000..c994d9c4 --- /dev/null +++ b/OurUmbraco.Client/README.md @@ -0,0 +1,34 @@ +# Our Umbraco - 2015 design + +New design for our project. + + +## Getting started + +To get startede simply clone this repository to you dev enviroment, and run a `npm install` to download the dependencies. Once compleated you can run `gulp` to start it up. + +The workflow creates a `/build` directory whare all the compiled files go. +You can change this paths in the `gulpfile.js` file. + + +## Where do i put things + +The `/src` directory is where your development files goes. A folder structure is included in the repo. It's fairly simple to get started with. + +The `/src/css` directory is most likely to be completely removed since regular css files can go to the `/src/scss` directory. It's was intended that vendor css-files like *reset.css* or *animate.css* should go there and gulp automatically concat these files and puts them in the top of the compiled css file. + +But, we have been thinking about removing it completely from the project and only stick with the `src/scss` directory. + + +## Constribution + +If you discover a bug or have an enhancement, drop and issue and a pull-request to the master branch and we'll have a look at it. + +It's important to remember that it's important that this script stay as small and effecient as possible. + + +## Authors + +Rune Strand & Simon Busborg + + diff --git a/OurUmbraco.Client/Snippets/maps.js b/OurUmbraco.Client/Snippets/maps.js new file mode 100644 index 00000000..a6c578fd --- /dev/null +++ b/OurUmbraco.Client/Snippets/maps.js @@ -0,0 +1,282 @@ + // Front page map + var map, map2; + var centerPos = new google.maps.LatLng(51.512161,-0.088721); + + var style = + [ + [ // mapStyle 0 + { + "featureType": "landscape", + "elementType": "labels", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "transit", + "elementType": "labels", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "poi", + "elementType": "labels", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "water", + "elementType": "labels", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "stylers": [ + { + "hue": "#00aaff" + }, + { + "saturation": -100 + }, + { + "gamma": 2.15 + }, + { + "lightness": 12 + } + ] + }, + { + "featureType": "road", + "elementType": "labels.text.fill", + "stylers": [ + { + "visibility": "on" + }, + { + "lightness": 24 + } + ] + }, + { + "featureType": "road", + "elementType": "geometry", + "stylers": [ + { + "lightness": 57 + } + ] + } + ], + [ // mapStyle 1 + { + "featureType": "water", + "elementType": "geometry", + "stylers": [ + { + "color": "#000000" + }, + { + "lightness": 17 + } + ] + }, + { + "featureType": "landscape", + "elementType": "geometry", + "stylers": [ + { + "color": "#000000" + }, + { + "lightness": 20 + } + ] + }, + { + "featureType": "road.highway", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#000000" + }, + { + "lightness": 17 + } + ] + }, + { + "featureType": "road.highway", + "elementType": "geometry.stroke", + "stylers": [ + { + "color": "#000000" + }, + { + "lightness": 29 + }, + { + "weight": 0.2 + } + ] + }, + { + "featureType": "road.arterial", + "elementType": "geometry", + "stylers": [ + { + "color": "#000000" + }, + { + "lightness": 18 + } + ] + }, + { + "featureType": "road.local", + "elementType": "geometry", + "stylers": [ + { + "color": "#000000" + }, + { + "lightness": 16 + } + ] + }, + { + "featureType": "poi", + "elementType": "geometry", + "stylers": [ + { + "color": "#000000" + }, + { + "lightness": 21 + } + ] + }, + { + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "on" + }, + { + "color": "#000000" + }, + { + "lightness": 16 + } + ] + }, + { + "elementType": "labels.text.fill", + "stylers": [ + { + "saturation": 36 + }, + { + "color": "#000000" + }, + { + "lightness": 30 + } + ] + }, + { + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "transit", + "elementType": "geometry", + "stylers": [ + { + "color": "#000000" + }, + { + "lightness": 19 + } + ] + }, + { + "featureType": "administrative", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#000000" + }, + { + "lightness": 20 + } + ] + }, + { + "featureType": "administrative", + "elementType": "geometry.stroke", + "stylers": [ + { + "color": "#000000" + }, + { + "lightness": 17 + }, + { + "weight": 1.2 + } + ] + } + ] + ]; + + var mapStyle = $('#map').attr('data-mapStyle'), + options = { + center: centerPos, + zoom: 11, + zoomControl: true, + zoomControlOptions: { + style: google.maps.ZoomControlStyle.SMALL, + }, + disableDoubleClickZoom: true, + mapTypeControl: false, + scaleControl: false, + scrollwheel: false, + panControl: false, + streetViewControl: false, + draggable : true, + overviewMapControl: false, + overviewMapControlOptions: { + opened: false, + }, + mapTypeId: google.maps.MapTypeId.ROADMAP + }; + + // map = new google.maps.Map($('#map')[0], options); + // map.setOptions({ + // styles: style[mapStyle] + // }); \ No newline at end of file diff --git a/OurUmbraco.Client/Snippets/temp-sidebar.js b/OurUmbraco.Client/Snippets/temp-sidebar.js new file mode 100644 index 00000000..4dee12e3 --- /dev/null +++ b/OurUmbraco.Client/Snippets/temp-sidebar.js @@ -0,0 +1,9 @@ +// temporary sidebar fuctionality + $('.level-1 li').on('click', function (e) { + e.preventDefault(); + var bla = $(this).parent(); + $('.sidebar-content nav li').removeClass('active'); + $(this).parent('li').toggleClass('active'); + $(this).parent().siblings('li').removeClass('open'); + $(this).parent('li').toggleClass('open'); + }); \ No newline at end of file diff --git a/OurUmbraco.Client/build/404.html b/OurUmbraco.Client/build/404.html new file mode 100644 index 00000000..e70ad2b6 --- /dev/null +++ b/OurUmbraco.Client/build/404.html @@ -0,0 +1,134 @@ + + + + + + + + we're currently doing some maintenance + + + + + + + + + + + + +
+
+ +

404

+

Something went catastrophically wrong!

+
+
+ + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/documentation-frontpage.html b/OurUmbraco.Client/build/documentation-frontpage.html new file mode 100644 index 00000000..325d02a2 --- /dev/null +++ b/OurUmbraco.Client/build/documentation-frontpage.html @@ -0,0 +1,476 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+ +
+ +
+ + + + +
+ + + +
+
+
+
+ +
+ +
+ + +
+ +
    + +
+ +
+ + +


+ +
+

Umbraco 4 Documentation

+

Installation

+

Describes how Umbraco is installed, using either WebMatrix, Microsoft Platform Installer, or from a zip-file.

+

Using Umbraco

+

Describes Umbraco terminology, configuration files/settings & step by step guides on how to approach the different areas in Umbraco.

+

Developers' Reference

+

Templating, querying, searching and other Umbraco APIs.

+

Cheatsheets

+

Cheatsheets for easy overview of different areas like the Razor API and Views syntax.

+

Umbraco Add-on documentation

+

Documentation for the Umbraco add-ons 'Forms' and 'Courier'

+

Extending Umbraco

+

Documentation on how to extend umbraco with your own editors, trees, sections, and how to distribute those extensions as packages. (coming soon)

+

Development Guidelines

+

How to work with the Umbraco codebase.

+
+
+
+
+ +
+ + + + +
+ + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/documentation.html b/OurUmbraco.Client/build/documentation.html new file mode 100644 index 00000000..c67dbc34 --- /dev/null +++ b/OurUmbraco.Client/build/documentation.html @@ -0,0 +1,843 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+ +
+ +
+ + + + + + + + + +
+ + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/download.html b/OurUmbraco.Client/build/download.html new file mode 100644 index 00000000..558b9a53 --- /dev/null +++ b/OurUmbraco.Client/build/download.html @@ -0,0 +1,371 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + +
+ + + +
+ +
+ + +
+ +
+ +
+ +
+ +
+ +

Download Umbraco

+

If you're new to Umbraco you might want to start your install with the versions on the Web Platform Installer or WebMatrix. These tools will automatically download and install any dependencies to give you a flying start.

+ + Download Umbraco 7.2 + + + +

or, install via nuget

+ + + +
+ +
+ +
+ +
+ + + +
+ + + + + + + + +
+ + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/following.html b/OurUmbraco.Client/build/following.html new file mode 100644 index 00000000..162d89d1 --- /dev/null +++ b/OurUmbraco.Client/build/following.html @@ -0,0 +1,438 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+ +
+ +
+ + + + +
+ + + +
+
+
+ +
+ + Following + + + + Following + + + + + +
+ + +
+
+
+ +
+ + + + +
+ + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/forum-create.html b/OurUmbraco.Client/build/forum-create.html new file mode 100644 index 00000000..ea20695d --- /dev/null +++ b/OurUmbraco.Client/build/forum-create.html @@ -0,0 +1,408 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + + +
+ + +
+ +
+
+ + + + + +
+
+ + + +
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+
+ +
Draft
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/forum-thread.html b/OurUmbraco.Client/build/forum-thread.html new file mode 100644 index 00000000..c34d7e47 --- /dev/null +++ b/OurUmbraco.Client/build/forum-thread.html @@ -0,0 +1,1291 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+ + + + + +
+ Copied to clipboard +
+ + + + +
+

Are you sure?

+

This will be gone forever and ever

+
+ + +
+ + + + +
+ + +
+ +
+ +
+

Notice: Planned maintenance

+

Our will be down tomorrow morning between 08:00-10:00 AM (GMT+1) for planned maintenance.

+

For more information, go to our.info

+
+ +
+
+ +
+ + + Go to solution + + + + + + + +
+
+ +
    + +
  • + +
    +
    + Darth Vader has in total, 2452 karma points +
    + + Go directly to the topic solution + +
    + 26 minutes ago +
    +
    + +
    + + + + +
    + +
    + 5 +
    + + High Five +
    + +
    +
    +

    + Starter kit solutions on Github: how to use? +

    +
    +
    +
    + Contour +
    +
    + Umbraco 7 +
    +
    +
    + +
    +

    Hi all,

    + +

    Im doing a website with a structure much like the Standard Farao Umbraco website. The site structure contains different doc types (story pages, text pages, cases etc ...)

    + +

    One of the page types "Story Page" contains multiple frames. Each frame is a part of the story and can vary in content and behaviour. Also sometimes a frame contains multiple frames sideways before continuing downwards. Stories can contain up to 15 frames. Frames are not required to be reusable.

    + +

    I've tested a lot and are fully confident with creating property editors for the grid or even macros maybe.

    + +

    Also - a huge concern is that all the definition of a grid data type is stored in db - ie not possible? to copy to another datatype (i will need multiple). (why why why is it not filebased..... )

    + +

    Would you use the grid?

    + +

    Anyone been doing anything crazy huge with the grid and could share some experience - do's and donts?

    + +

    Certainly would like to avoid https://www.youtube.com/watch?v=Z7JSodkbrgs&feature=youtu.be&t=13m51s

    + +

    best
    + Jesper

    + +

    ps. Im used to deal with stuff like this by creating sub content in the structure but I really would like to avoid it if possible.

    +
    +
    + + + +
  • + +
  • + +
    +
    + Jan Skovgaard has in total, 12452 karma points + + admin + mvp + c-trib + +
    +
    + 12 Minutes ago +
    +
    + +
    + + + + + +
    + +
    + 5 +
    + + High Five +
    + +
    + +
    + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt temporibus excepturi, assumenda quibusdam? Nesciunt ducimus repellendus possimus totam, architecto, earum amet vero quia placeat tempore. A magni, tempore itaque sint. + +

    + + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt temporibus excepturi, assumenda quibusdam? Nesciunt ducimus repellendus possimus totam, architecto, earum amet vero quia placeat tempore. A magni, tempore itaque sint. +
    + +

    Hi Bjarne

    +

    When you generate the gift card using the GiftCardService.Instance.Generate it is possible to assign an order id. Buy having this you will be able to load the order and look for the info here.

    + +

    Kind regards
    Anders

    +
    +
    + + +
  • + +
  • + +
    +
    + Simon Busborg has in total, 9999 karma points + + HQ + admin + mvp + Core + c-trib + +
    +
    + 4 minutes ago +
    +
    + +
    + + + + +
    + +
    + 5 +
    + + High Five +
    + +
    +

    Hi Bjarne

    +

    When you generate the gift card using the GiftCardService.Instance.Generate it is possible to assign an order id. Buy having this you will be able to load the order and look for the info here.

    + +
    [
    +    {
    +      "label": "Class",
    +      "description": "Set a css class",
    +      "key": "class",
    +      "view": "textstring",
    +      "modifier": "col-sm-{0}",
    +      "applyTo": "row|cell"
    +    }
    +]
    +
    + +

    When you generate the gift card using the GiftCardService.Instance.Generate it is possible to assign an order id. Buy having this you will be able to load the order and look for the info here.

    + +
    [
    +    {
    +      "label": "Class",
    +      "description": "Set a css class",
    +      "key": "class",
    +      "view": "textstring",
    +      "modifier": "col-sm-{0}",
    +      "applyTo": "row|cell"
    +    }
    +]
    +
    + +

    + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

    + + + + +

    Kind regards
    Anders

    +
    +
    + + +
  • + + + +
  • + +
    +
    + Darth Vader has in total, 2452 karma points +
    +
    + 4 Hours ago +
    +
    + +
    + + + + +
    + +
    + 5 +
    + + High Five +
    + +
    +

    Hi Bjarne

    +

    When you generate the gift card using the GiftCardService.Instance.Generate it is possible to assign an order id. Buy having this you will be able to load the order and look for the info here.

    + +

    Kind regards
    Anders

    +
    +
    + + +
  • + +
  • + +
    +
    + Darth Vader has in total, 2452 karma points + + c-trib + +
    +
    + 4 Hours ago +
    +
    + +
    + + + + +
    + +
    + 5 +
    + + High Five +
    + +
    +

    Hi Bjarne

    +

    When you generate the gift card using the GiftCardService.Instance.Generate it is possible to assign an order id. Buy having this you will be able to load the order and look for the info here.

    + + + +

    I'm just not quite sure where to start (never created a property editor before). Can someone point me in the right direction - latest applicable docs / or maybe someone has done something like this before?

    + +
    <%@ Register Src="Vil-samba.ascx" TagPrefix="uc1" TagName="Vilsamba"%>
    + +

    just add the entire project to a folder on the umbraco server. I excluded the folder with the umbracoReservedPaths and the project is working fine. But when I add the usercontrol into Umbraco it doesn't. I stripped out every other code so the only thing left is the usercontrol, but it still doesn't work. + + The problem is caused by the macro. I put the usercontrol directly into the template and it works :):

    + +
    using System;
    +using System.Collections.Generic;
    +using System.Linq;
    +using System.Web;
    +using System.Web.Mvc;
    +using Umbraco.Core;
    +using Umbraco.Web.Mvc;
    +using TestProject.classLib;
    +
    +namespace TestProject.Controllers
    +{
    +
    +    public class CustomApplicationEventHandler : ApplicationEventHandler
    +    {
    +        protected override void ApplicationStarting(UmbracoApplicationBase umbracoApplication, ApplicationContext applicationContext)
    +        {
    +            DefaultRenderMvcControllerResolver.Current.SetDefaultControllerType(typeof(IPRedirectController));
    +            base.ApplicationStarting(umbracoApplication, applicationContext);
    +        }
    +    }
    +
    +
    +    public class IPRedirectController : RenderMvcController
    +    {               
    +        public ActionResult Index() {
    +
    +            // Check for cookie
    +            Cookies cookie = new Cookies(); 
    +            if(cookie.ReadCookie()!=null) {
    +                // If cookie exists, look up appropriate site for country and redirect
    +
    +
    +            } else {
    +                // Or get the user's country
    +                IPRedirect getCountry = new IPRedirect();
    +                string country = getCountry.GetUsersCountry();
    +
    +                // Look up the appropriate site for the user's country and redirect 
    +
    +            }
    +
    +            string returnUrl = "http://localhost:50383/de-de";
    +
    +            return this.Redirect(returnUrl);
    +        }           
    +    }
    +}
    +
    + +

    Kind regards
    Anders

    +
    +
    + + +
  • + +
  • + +
    +
    + Darth Vader has in total, 2452 karma points +
    +
    + 4 Hours ago +
    +
    + +
    + + + + +
    + +
    + 5 +
    + + High Five +
    + +
    +

    Hi Bjarne

    +

    When you generate the gift card using the GiftCardService.Instance.Generate it is possible to assign an order id. Buy having this you will be able to load the order and look for the info here.

    + +

    Kind regards
    Anders

    +
    +
    + + +
  • + +
  • + +
    +
    + Darth Vader has in total, 2452 karma points + + mvp + +
    +
    + 4 Hours ago +
    +
    + +
    + + + + +
    + +
    + 5 +
    + + High Five +
    + +
    +

    Hi Bjarne

    +

    When you generate the gift card using the GiftCardService.Instance.Generate it is possible to assign an order id. Buy having this you will be able to load the order and look for the info here.

    + + + +

    Kind regards
    Anders

    +
    +
    + + +
  • + + + +
  • + +
    +
    + Darth Vader has in total, 2452 karma points +
    +
    + 4 Hours ago +
    +
    + +
    + + + + +
    + +
    + 5 +
    + + High Five +
    + +
    +

    Hi Bjarne

    +

    When you generate the gift card using the GiftCardService.Instance.Generate it is possible to assign an order id. Buy having this you will be able to load the order and look for the info here.

    + +

    Kind regards
    Anders

    +
    +
    + + +
  • + + + +
  • + +
    +
    + Darth Vader has in total, 2452 karma points +
    +
    + 4 Hours ago +
    +
    + +
    + + + + +
    + +
    + 5 +
    + + High Five +
    + +
    +

    Hi Bjarne

    +

    When you generate the gift card using the GiftCardService.Instance.Generate it is possible to assign an order id. Buy having this you will be able to load the order and look for the info here.

    + +

    Kind regards
    Anders

    +
    +
    + + +
  • + + + +
  • + +
    +
    + Darth Vader has in total, 2452 karma points + + admin + +
    +
    + 4 Hours ago +
    +
    + +
    + + + + +
    +

    Hi Bjarne

    +

    When you generate the gift card using the GiftCardService.Instance.Generate it is possible to assign an order id. Buy having this you will be able to load the order and look for the info here.

    + +

    Kind regards
    Anders

    +
    +
    + +
    +
    + + +
  • + + + +
  • + +
    +
    + Darth Vader has in total, 2452 karma points +
    +
    + 4 Hours ago +
    +
    + +
    + + + + +
    + +
    + 5 +
    + + High Five +
    + +
    +

    Hi Bjarne

    +

    When you generate the gift card using the GiftCardService.Instance.Generate it is possible to assign an order id. Buy having this you will be able to load the order and look for the info here.

    + +

    Kind regards
    Anders

    +
    +
    + + +
  • + + + +
  • + +
    +
    + Darth Vader has in total, 2452 karma points +
    +
    + 4 Hours ago +
    +
    + +
    + + + + +
    + +
    + 5 +
    + + High Five +
    + +
    +

    Hi Bjarne

    +

    When you generate the gift card using the GiftCardService.Instance.Generate it is possible to assign an order id. Buy having this you will be able to load the order and look for the info here.

    + +

    Kind regards
    Anders

    +
    +
    + + +
  • + + + +
+ + + +
+ Please Log in or sign up to post replies +
+ +
+
+ + + +
+
+ +
+ +
+
+

Reply to: in

+
+
+ + + +
+
+ + +
+ +
+ +
+
+
+ +
+
+ +
+ +
+ +
+ +
+ +
+ + +
Draft
+
+ + +
+ + + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/forum.html b/OurUmbraco.Client/build/forum.html new file mode 100644 index 00000000..9dc0847c --- /dev/null +++ b/OurUmbraco.Client/build/forum.html @@ -0,0 +1,644 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + +
+ + +
+ +
+ + + +
+

Notice: Planned maintenance

+

Our will be down tomorrow morning between 08:00-10:00 AM (GMT+1) for planned maintenance.

+

For more information, go to our.info

+
+ +
+ +
+ +

Your profile picture is a little on the small side, it would look much nicer if you could update it to be at least 400x400px.

+
+ +
+ Close +
+ +
+ + + + + + + +
+
+ + +
+ + + + +
+ +
+ + +
+ +
+ or +
+ +
+ +
+ + +
+
+ + + +
+ + +
+ +
Topic
+
Category
+
Replies
+ +
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+ + + + + + + +
+ + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/getting-started.html b/OurUmbraco.Client/build/getting-started.html new file mode 100644 index 00000000..1bfdcc38 --- /dev/null +++ b/OurUmbraco.Client/build/getting-started.html @@ -0,0 +1,540 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+ +
+ +
+ + + + +
+ + +
+
+ + +
+
+
+
+ + + +
+ +
+ +
+
+ +
+
+
+
+
+
+
+ + + + +
+ + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/index.html b/OurUmbraco.Client/build/index.html new file mode 100644 index 00000000..8ca818a4 --- /dev/null +++ b/OurUmbraco.Client/build/index.html @@ -0,0 +1,869 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + +
+ + + +
+ +
+ + + + + + +
+ +
+
+ + +
+ +
+ + + + +
+
+
+
+ The friendliest CMS community on the planet +

our.umbraco.org is the central hub for the friendly umbraco community. Search for documentation, get help and guidance from seasoned experts, download and collaborate on plugins and extensions.

+
+
+
+
+ +
+ + +
+
+
+ +
+
+ +

Getting started

+

All the basics of using Umbraco v7.
From your first local installation, to a fully functional customized CMS.

+ + +
+
+ +
+
+ +

Implementation

+

Get an overview of how the Umbraco pipeline is structured. Not sure what to search for? Get a birdseye view of what happens from user request to content delivery.

+ + +
+
+ +
+
+
+ +
+ +
+ + + +
+ +
+ + +
+
+
+ +
+

People on Our

+

Umbraco users are located across the globe and around the corner from you. Sign in as an umbraco community member to find umbraco users near you

+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + +
+
+
+ +
+ + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/install-guide.html b/OurUmbraco.Client/build/install-guide.html new file mode 100644 index 00000000..1f7b4dcd --- /dev/null +++ b/OurUmbraco.Client/build/install-guide.html @@ -0,0 +1,274 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + +
+ + + +
+ +
+ + +
+ +
+ You're running MacOS, follow this guide. +
+ +
+ +
+ +
+ +
+ +

Almost there

+ +
+ +
+ + 1 + + +
+ Unzip + +
+
+ +
+ + 2 + + +
+ Run with WebMatrix + +
+
+ +
+ + 3 + + +
+ Follow the installer + +
+
+ +
+ +
+ + + +
+ +
+ +
+ +
+ +
+ See instructions for ISS or Visual Studio +
+ +
+ + + + + +
+ + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/latest.html b/OurUmbraco.Client/build/latest.html new file mode 100644 index 00000000..37bcdfd7 --- /dev/null +++ b/OurUmbraco.Client/build/latest.html @@ -0,0 +1,1241 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+
+ +
+ + +
+ +
+ + +
+
+
+ + +
+

Latest Release

+

The latest stable release of Umbraco

+ + +
+ +
+ + +
+
+
+

v7.2.2

+

Bug fixing on the 7.2.2 release. Note: This is a scheduled patch release, it will be released on the specified date, not when 100% of the issues are fixed (we might pull in more).

+
+
+
+
+ +
+
+ +
+
+ +

UmbracoCms.7.2.2.zip

+

This is the main Umbraco download, generally you won't need anything else.

+ Downloaded 510 times - uploaded Friday, February 20, 2015 +
+
+ +
+
+

UmbracoCms.AllBinaries.7.2.2.zip

+ Downloaded 510 times - uploaded Friday, February 20, 2015 +
+
+ +
+
+

UmbracoCms.AllBinaries.7.2.2.zip

+ Downloaded 510 times - uploaded Friday, February 20, 2015 +
+
+ +
+
+

UmbracoCms.AllBinaries.7.2.2.zip

+ Downloaded 510 times - uploaded Friday, February 20, 2015 +
+
+ +
+
+

Summary

+

Bug fixing on the 7.2.1 release. Note: This is a scheduled patch release, it will be released on the specified date, not when 100% of the issues are fixed (we might pull in more).

+
+ +

Release notes

+

Read the release blog post.

+

Upgrading from 7.2.x/7.1.x

+

Follow the general upgrade guide.

+

Upgrading from 7.0.3/7.0.4

+

Follow the general upgrade guide.

+

Note that the only significant config file change is that the UmbracoMembershipProvider, UsersMembershipProvider and UmbracoRoleProvider have been updated in the web.config.

+

Please also remove the /Install folder if you haven't done so, it is no longer used and might conflict with the new upgrader if it's still there.

+

Upgrading from version 7.0.0/7.0.1./7.0.2/7.0.3

+

Follow the general upgrade guide AND the version specific upgrade guide.

+

Note that the only significant config file change is that the UmbracoMembershipProvider, UsersMembershipProvider and UmbracoRoleProvider have been updated in the web.config.

+

Please also remove the /Install folder if you haven't done so, it is no longer used and might conflict with the new upgrader if it's still there.

+

Upgrading from Version 6

+

This is a major version, there are therefore several things you must be aware of before attempting to upgrade a site.

+ + + +

Related changes from the issue tracker

+
+
+ +
+ +
+

Breaking Changes

+

No items to display

+
    +
    +
    +

    Issues & Tasks

    +

    No items to display

    + +
    +
    + +
    +
    +

    Getting started

    +

    Make sure to give the installation instructions a read.

    +

    Check the free foundation videos on how to get started building Umbraco sites. They're available from:
    +

    +

    World's best community

    +

    You'll find our über active community working hard to help each other at Our Umbraco: http://our.umbraco.org

    +

    Upgrading from older versions

    +

    Make sure to read the upgrade instructions before you attempt an upgrade.

    + +

    Found a bug?

    +

    We're happy to help you with any problems you encounter, so please report them in the issue tracker and use the “Affected versions” field to set it to 7.2.2.
    Do a search first though, if the issue already exists, give it an extra vote.

    + +

    Source code

    +

    The source for this specific release is available for download from the repository (click the "ZIP" button).

    + +

    Also available on NuGet

    +
    +
    + + +
    +
    +
    + +
    +
    + + + + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/login.html b/OurUmbraco.Client/build/login.html new file mode 100644 index 00000000..b3f402be --- /dev/null +++ b/OurUmbraco.Client/build/login.html @@ -0,0 +1,183 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +
    + +
    + Close +
    + +
    + + + +
    +
    +
    + + +
    + + + +
    + +
    + +
    +
    + +
    + +

    Login

    + + +

    Enter your email and password to log in.

    + +
    + +
    +
    + +

    + + +

    +

    + + +

    +
    +
    +

    Can't remember your password? You can retrieve a new one by clicking + here

    + +
    +
    + + + +
    + + + + +
    + +

     

    + +

     

    + +

     

    + +


    +
    +

    + +
    + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/maintenance.html b/OurUmbraco.Client/build/maintenance.html new file mode 100644 index 00000000..e21037a7 --- /dev/null +++ b/OurUmbraco.Client/build/maintenance.html @@ -0,0 +1,116 @@ + + + + + + + + we're currently doing some maintenance + + + + + + + + + + + + +
    +
    + +

    We're currently doing some maintenance

    +

    Be patience, if you have any questions.. then wait!

    +
    +
    + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/map.html b/OurUmbraco.Client/build/map.html new file mode 100644 index 00000000..a522f232 --- /dev/null +++ b/OurUmbraco.Client/build/map.html @@ -0,0 +1,743 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    + +
    + + + +
    + +
    +
    +
    + + +
    +
    +
    + +
    +
    +

    Find community members near you

    +

    Umbraco users are located across the globe and around the corner from you. Sign in as an umbraco community member to find umbraco users near you.Follow community members online. Get help from knowledgeable users in your area. Suggest local umbraco meetups by contacting a community moderator. +

    + +

    Welcome to the friendliest community in the world.

    +
    +
    + +
    +
    +
    + + +
    +
    +
    + + + + + + + +
    +
    +
    + + +
    +
    +
    + +
    +

    People on Our

    +

    Umbraco users are located across the globe and around the corner from you. Sign in as an umbraco community member to find umbraco users near you

    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + + Sign up → + +
    +
    +
    + + + + +
    + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/member.html b/OurUmbraco.Client/build/member.html new file mode 100644 index 00000000..dae3a0d7 --- /dev/null +++ b/OurUmbraco.Client/build/member.html @@ -0,0 +1,455 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    + +
    + +
    + + + + +
    + + + +
    +
    +
    + +
    + +
    +
    +
    +
    + +
    + +
    +

    + Emmaline Von Dominica +

    + @emalje +
    +
    + +
    +
    + +
    +
    +
    + + admin + Core + Vendor + +
    +
    +
    + + +
    +
    + +
    + Emmaline is from Odense, works at Umbraco and has godt 1 billion karma points +
    +
    +

    Sed porttitor lectus nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui posuere blandit. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Proin eget tortor risus. Sed porttitor lectus nibh. Vivamus suscipit tortor eget felis porttitor volutpat. Pellentesque in ipsum id orci porta dapibus. Donec rutrum congue leo eget malesuada.

    +
    +
    +
    + + + + + + + +
    +
    +
    + +
    + + + + +
    +
    +
    + +
    + + + + + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/old_index.html b/OurUmbraco.Client/build/old_index.html new file mode 100644 index 00000000..33b031d0 --- /dev/null +++ b/OurUmbraco.Client/build/old_index.html @@ -0,0 +1,696 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + + +
    + + + +
    + +
    + + +
    + +
    +
    + + +
    + +
    + +
    + + + +
    + + +
    +
    +
    +
    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua.

    +
    +
    +
    +
    + +
    + + +
    +
    +
    + +
    +
    + +

    Getting started

    +

    All the basics of using Umbraco v7.
    From your first local installation, to a fully functional customized CMS.

    + + How to get started → +
    +
    + +
    +
    + +

    Implementation

    +

    Get an overview of how the Umbraco pipeline is structured.
    Not sure what to search for? Get a birdseye view of what happens from user request to content delivery.

    + + Go to implementation → +
    +
    + +
    +
    +
    + +
    + +
    + +
    +
    +
    + +
    +

    People on Our

    +

    Umbraco users are located across the globe and around the corner from you. Sign in as an umbraco community member to find umbraco users near you

    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    + + Go to People → + +
    +
    +
    + + + + + + +
    + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/package-detail.html b/OurUmbraco.Client/build/package-detail.html new file mode 100644 index 00000000..157c07cd --- /dev/null +++ b/OurUmbraco.Client/build/package-detail.html @@ -0,0 +1,740 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + + +
    + + +
    + +
    + + + +
    +
    + + + + +
    +
    +
    + +
    +
    + +
    431 votes
    + +
    +

    SEO metadata

    +

    SEO Metadata for Umbraco

    +

    SEO Metadata for Umbraco is a property editor that is used for maintaining common SEO-related information for a page. It gives users a visual representation of how the page would look on a Google search result page and hints to when the title and description is too long, with optional validation.

    +

    Recent Changes

    +

     

    +

     

    +

    0.2.1

    +

     

    +

     

    +

     

    +
      +
    • Fixed some issues with Umbraco package
    • +
    • Resolved issue with PropertyEditorValueConverter returning null if page is saved when control is unused
    • +
    +

    0.2.0

    +
      +
    • Fixed issue with custom URL Names not working if SeoMetadata.NoSegmentProvider appSetting wasn't present
    • +
    • Added new option to set the developer name
    • +
    +
    0.1.0
    +
    +
      +
    • Initial release
    • +
    +
    +

     

    +

    Installation

    +

    Install the latest version through NuGet.

    +
    Install-Package Epiphany.SeoMetadata
    +
    +

    After installing via Nuget, create a property editor of type SEO Metadata and include on your page. We recommend the property name "metadata" to work with all features out-of-the-box (see the URL Name section for configuration options)

    +

    Alternatively, if you want to hack around with the project, you can fork, checkout and develop locally. See the Developing SEO Metadata section.

    +

    Configuration

    +
    Allow long titles
    If ticked, long titles will not invalidate the property editor.
    Allow long descriptions
    If ticked, long descriptions will not invalidate the property editor.
    SERP Title Length
    The maximum length of a title. This isn't an exact number, so your mileage may vary. The default value of 65 is a conservative value that should work for most cases. Google will truncate overly long titles with ellipses (…)
    SERP Description Length
    The maximum length of a title. This isn't an exact number, so your mileage may vary. The default value of 150 is a conservative value that should work for most cases. Google will truncate overly long descriptions with ellipses (…)
    +

    Usage

    +

    The SEO Metadata is stored as JSON, so can be used dynamically.

    +
    +
    <pre>
    +Title: @CurrentPage.Metadata.Title
    +Description: @CurrentPage.Metadata.Description
    +Do Not Index?: @CurrentPage.Metadata.NoIndex
    +URL Name: @CurrentPage.Metadata.UrlName
    +</pre>
    +
    +

    Property Editor Value Converter is installed for getting a strongly-typed SeoMetadata instance.

    +
    +
    @{
    +var metadata = Model.Content.GetPropertyValue<Epiphany.SeoMetadata.SeoMetadata>("metadata");
    +}
    +
    +<pre>
    +Title: @metadata.Title
    +Description: @metadata.Description
    +Do Not Index?: @metadata.NoIndex
    +URL Name: @metadata.UrlName
    +</pre>
    +
    +

    The following snippet can be used for using the Do Not Index checkbox.

    +
    +
    @if (Model.Content.GetPropertyValue<Epiphany.SeoMetadata.SeoMetadata>("metadata").NoIndex)
    +{
    +<meta name="robots" content="noindex">
    +}
    +
    +

    If you're a fan of ZpqrtBnk Umbraco Models Builder, you can add something like the following in your partial class

    +
    +
    [ImplementPropertyType("metadata")]
    +public virtual SeoMetadata Metadata
    +{
    +get { return this.GetPropertyValue<SeoMetadata>("metadata"); }
    +}
    +
    +

    Using the URL Name

    +

    SEO Metadata also installs a UrlSegmentProvider to ensure the URL Name property works as intended. By default, it expects your SEO Metadata property to be called metadata. You can configure this property by adding the following setting to your appSettings in your web.config

    +
    +
    <add key="SeoMetadata.PropertyName" value="seoMetadata" />
    +
    +

    If you want to disable the SeoMetadataUrlSegmentProvider altogether (to add manually, or implement yourself), you can set the following appSetting to disable it.

    +
    +
    <add key="SeoMetadata.NoSegmentProvider" value="true" />
    +
    +

    Developing SEO Metadata

    +

    Checkout the project

    +
    +
    git clone https://github.com/ryanlewis/seo-metadata.git
    +cd seo-metadata
    +
    +

    Install Dependencies

    +
    +
    npm install -g grunt-cli
    +npm install
    +
    +

    Build

    +
    +
    build.cmd
    +grunt
    +
    +

    If you wish to build it to a local Umbraco directory, use the target option.

    +
    +
    grunt --target=c:\dev\path-to-umbraco-root-dir
    +
    +

    Umbraco Forms

    +

    Creating forms is as easy as editing content in Umbraco and it's a seamlessly integrated experience. You can select from a range of well known input types, select validation rules, and even conditions - for instance "only show this field if the visitor answered 'Yes'". All through an intuitive and robust user interface.

    +
    [
    +    {
    +      "label": "Class",
    +      "description": "Set a css class",
    +      "key": "class",
    +      "view": "textstring",
    +      "modifier": "col-sm-{0}",
    +      "applyTo": "row|cell"
    +    }
    +]
    +
    + +

    Intuitive

    +

    Creating forms is as easy as editing content in Umbraco and it's a seamlessly integrated experience. You can select from a range of well known input types, select validation rules, and even conditions - for instance "only show this field if the visitor answered 'Yes'". All through an intuitive and robust user interface.

    + +
      +
    • Access Database
    • +
    • BlogML
    • +
    • CSV
    • +
    • Excel File
    • +
    • RSS Feed
    • +
    • SQL Server
    • +
    • Umbraco
    • +
    • WordPress
    • +
    • XML
    • +
    + +

    Workflows

    +

    While it's nice to gather data, it's even better when it's put to use. That's why Umbraco Forms lets you setup advanced workflows that can send e-mails, update webservices, save in CRM systems, and much more.

    + +

    Or you can purchase the commercial PRO version which can import more than 500 records, maintain parent/child structureupdate content, can import content related media ,can save your import steps for later use  and even schedule imports for a certain time and day.

    + +

    Reporting

    +

    Once your visitors have filled out forms, you can easily browse and search through the data using the built-in reporting tool or download the data for more advanced processing in Microsoft Excel or Google Spreadsheets.

    + + +
    + +
    +

    Screenshots

    + + + + + + + + + + + + + + + + + + + + +
    + +
    +
      + + + + +
    + + + + + + + +
    + +
    +
    + +
    +
    + + + +
    +

    Project owner

    + +
    +
    +
    + +
    +

    + + Emmaline Von Dominica + +

    + Emmaline has godt 1 billion karma points +
    +
    +
    +
    +
    + + +
    +

    Project Compatibility

    + This project is compatible with the following versions as reported by community members who have downloaded this package: + +
    +
    + 7.2.x (untested) + 7.1.x (91%) + 7.0.x (100%) + 6.2.x (untested) + 6.1.x (0%) + 6.0.x (0%) + 4.11.x (0%) + 4.10.0 (0%) + 4.9.1 (0%) + 4.9.0 (0%) +
    + + .NET Version:4.0
    + Supports Medium Trust:No +
    +
    + +
    +

    Project Information

    + +
      +
    • + Project owner: Per Ploug +
    • +
    • + Contributors: Tim Geyssens +
    • +
    • + Created: Sunday, March 21, 2010 +
    • +
    • + Is Stable: Current version +
    • +
    • + Current version Current version +
    • +
    • + License MIT +
    • +
    • + Tags Contour +
    • +
    • + Downloads:4482 +
    • +
    +
    + +
    +
    + +
    +
    +
    + +
    +
    + + + + + + + +
    + + + + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/packages.html b/OurUmbraco.Client/build/packages.html new file mode 100644 index 00000000..18e7b795 --- /dev/null +++ b/OurUmbraco.Client/build/packages.html @@ -0,0 +1,648 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    + +
    + +
    + + + +
    + + + +
    +
    +
    + +
    + +
    + +
    + +
    + + +
    + +

    Browse packages

    + +
    + +
    + +
    + +
    + +
    +
    +

    Merchello

    +

    Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

    +
    +
    + +
    +
    + +
    + version + 7.1+ +
    + + + + 44600 + + + + 1230 + + +
    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    +
    +

    ezSearch

    +

    Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

    +
    +
    + +
    +
    + +
    + version + 6.4 +
    + + + + 62 + + + + 4 + + +
    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    +
    +

    uBlogsy

    +

    Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

    +
    +
    + +
    +
    + +
    + version + 6.5.2+ +
    + + + + 4460 + + + + 1230 + + +
    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    +
    +

    Multi Url Picker

    +

    Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

    +
    +
    + +
    +
    + +
    + version + 7.1 +
    + + + + 4460 + + + + 1230 + + +
    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    +
    +

    Articulate

    +

    Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

    +
    +
    + +
    +
    + +
    + version + 7.2.1 +
    + + + + 4460 + + + + 1230 + + +
    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    +
    +

    301 URL Tracker

    +

    Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

    +
    +
    + +
    +
    + +
    + version + 7.2+ +
    + + + + 4460 + + + + 1230 + + +
    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    +
    +

    uCommerce

    +

    Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

    +
    +
    + +
    +
    + +
    + version + 7.0 +
    + + + + 4460 + + + + 1230 + + +
    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    +
    +

    Desktop Media Uploader

    +

    Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

    +
    +
    + +
    +
    + +
    + version + 6.1.4+ +
    + + + + 4460 + + + + 1230 + + +
    +
    + +
    + +
    + +
    + +
    + +
    + +
    + +
    +
    +

    LocalGov Starter Kit

    +

    Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

    +
    +
    + +
    +
    + +
    + version + 7.2+ +
    + + + + 4460 + + + + 1230 + + +
    +
    + +
    + +
    + + + + +
    + + + +
    +
    +
    + +
    + + + + +
    + + + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/profile-package-new-complete.html b/OurUmbraco.Client/build/profile-package-new-complete.html new file mode 100644 index 00000000..eb5ed454 --- /dev/null +++ b/OurUmbraco.Client/build/profile-package-new-complete.html @@ -0,0 +1,324 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    + +
    + +
    + + + + +
    + + + +
    +
    +
    + +
    + +
    + + +
    +

    Edit

    + + + + + +
    + +

    Complete and Send Live

    + +
    +

    You are not able to send your package live at this time as it has the following problems:

    + +
      +
    • You have not uploaded any documentation files.
    • +
    + +

    Please recitify and try again

    +
    + + +
    + Make "ding" public +

    By checking the following box your project will become public as long as you have met all of the terms & conditions of listing. If there are any problems displayed above please recitify and try again.

    +

    + +

    +
    + +
    + Previous  + +
    + + + +
    +
    + + +
    +
    +
    + +
    + + + + +
    + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/profile-package-new-details.html b/OurUmbraco.Client/build/profile-package-new-details.html new file mode 100644 index 00000000..1fdef409 --- /dev/null +++ b/OurUmbraco.Client/build/profile-package-new-details.html @@ -0,0 +1,435 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    + +
    + +
    + + + + +
    + + + +
    +
    +
    + +
    + +
    + +
    +

    Edit

    + +
      +
    • Package Details
    • + +
    • Package Files
    • + +
    • Screenshots
    • + +
    • Creation Complete
    • +
    + + + +
    +
    + Project Information +

    + + +

    +

    + + + ex: "Beta", "Experimental" etc +

    + +

    + + +

    +

    + + + Can this safely be installed in a production enviroment?
    +

    +
    +
    + Project Category +

    + + This will help users find your package +

    + +
    +
    + Project Tags +

    +

      +

      +
      +
      + Project Description +

      Be clear and to the point about what your project does. Provide simple examples of how to use your project. DO NOT ask for Karma Votes. If you mention Karma in your description we will instantly mark your project as SPAM.

      +

      + +

      +
      +
      + Project Tags +

      + +

      +
      + +
      + License Information +

      + + +

      +

      + + +

      +
      +
      + Resources +

      + + + If you have a project website somewhere else, (like codeplex.com) link to it here. +

      +

      + + + url to where a demonstration or demostration video / description can be found +

      +

      + + + url to where the source code is stored, (ie: codeplex.com, github.com etc) +

      +

      + + + url where users can go to get support and log bugs. (ie: codeplex.com discussion, github.com bug tracking etc) +

      +
      +
      + Analytics and tracking +

      To best understand how your Project is performing, we suggest that you sign up to Google Analytics and track your project. All you need to do is enter your tracking code. We will pass you custom tracking events such as views, downloads etc

      +

      + + +

      +
      +
      + Collaboration +

      Are you looking for help making this package great? Why not open it up for collaboration?

      +

      + +

      +
      + + + +
      + +
      +
      + + + + + + +
      + + +
      +
      +
      + +
      + + + + +
      + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/profile-package-new-files.html b/OurUmbraco.Client/build/profile-package-new-files.html new file mode 100644 index 00000000..44836346 --- /dev/null +++ b/OurUmbraco.Client/build/profile-package-new-files.html @@ -0,0 +1,547 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + +
      + +
      + +
      + + + + +
      + + + +
      +
      +
      + +
      + +
      + +
      +

      Edit

      + + + + + +
      + + + +
      + + + +
      + Current project files +

      +

      + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      FileTypeCompatible Version.NET VersionTrust LevelUploadedDefault ReleaseArchiveDelete
      + gitignore_global.txt + + Package + + v49 + + 4.0 + + Full + + 23/02/2015 - 21:37 + + + Current + + + + +
      +

      +
      + + + +
      + Upload file + +
      + +
      + +

      + + +

      +
      + (10 MB max) +
      + +
      + +
      + + +
      +

      + + +

      + + + +

      + +
      +

      + +

      + Version 7.2.x
      + + Version 7.1.x
      + + Version 7.0.x
      + + Version 6.1.x
      + + Version 6.0.x
      + + Version 4.11.x
      + + Version 4.10.x
      + + Version 4.9.x
      + + Not version dependant
      +
      +
      + +

      + +

      + + +
      +

      + +

      + + +
      +

      + +

      + +

      + +
      +
      + + +
      + Previous  + +
      + + +
      + +
      + + + + + +
      + + +
      +
      +
      + +
      + + + + + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/profile-package-new-screenshots.html b/OurUmbraco.Client/build/profile-package-new-screenshots.html new file mode 100644 index 00000000..8dee336d --- /dev/null +++ b/OurUmbraco.Client/build/profile-package-new-screenshots.html @@ -0,0 +1,437 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + +
      + +
      + +
      + + + + +
      + + + +
      +
      +
      + +
      + +
      + +
      +

      Edit

      + + + + + + + + +
      + + + +
      + Current Screenshots +

      +

      + + + + + + + + + + + + + + + + + + +
      ImageUploadedDefaultDelete
      + + + 23/02/2015 - 21:39 + + + Default + + +
      +

      +
      + + + +
      + Upload file + +
      + +
      + +

      + + +

      +
      + (10 MB max) +
      + +
      + +
      + + +
      +

      + +

      + +

      + +
      +
      +
      + + +
      + Previous  + +
      +
      + + + + + +
      + + +
      +
      +
      + +
      + + + + +
      + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/profile-packages.html b/OurUmbraco.Client/build/profile-packages.html new file mode 100644 index 00000000..12d23362 --- /dev/null +++ b/OurUmbraco.Client/build/profile-packages.html @@ -0,0 +1,647 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + +
      + +
      + +
      + + + + +
      + + + +
      +
      +
      + +
      + + Packages + +
      + +
      Add package
      + + + + +
      + +
      + +
      + +
      + +
      +
      +

      Merchello

      +

      Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

      +
      +
      + +
      +
      + +
      + version + 7.1+ +
      + + + + 44600 + + + + 1230 + + +
      +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      +
      +

      ezSearch

      +

      Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

      +
      +
      + +
      +
      + +
      + version + 6.4 +
      + + + + 62 + + + + 4 + + +
      +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      +
      +

      uBlogsy

      +

      Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

      +
      +
      + +
      +
      + +
      + version + 6.5.2+ +
      + + + + 4460 + + + + 1230 + + +
      +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      +
      +

      Multi Url Picker

      +

      Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

      +
      +
      + +
      +
      + +
      + version + 7.1 +
      + + + + 4460 + + + + 1230 + + +
      +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      +
      +

      Articulate

      +

      Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

      +
      +
      + +
      +
      + +
      + version + 7.2.1 +
      + + + + 4460 + + + + 1230 + + +
      +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      +
      +

      301 URL Tracker

      +

      Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

      +
      +
      + +
      +
      + +
      + version + 7.2+ +
      + + + + 4460 + + + + 1230 + + +
      +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      +
      +

      uCommerce

      +

      Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

      +
      +
      + +
      +
      + +
      + version + 7.0 +
      + + + + 4460 + + + + 1230 + + +
      +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      +
      +

      Desktop Media Uploader

      +

      Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

      +
      +
      + +
      +
      + +
      + version + 6.1.4+ +
      + + + + 4460 + + + + 1230 + + +
      +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      +
      +

      LocalGov Starter Kit

      +

      Everyone deserves a form creator that's as easy to use as Umbraco, so we built just that. Whether ...

      +
      +
      + +
      +
      + +
      + version + 7.2+ +
      + + + + 4460 + + + + 1230 + + +
      +
      + +
      + +
      + + + + + +
      + +
      + + +
      +
      +
      + +
      + + + + +
      + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/profile.html b/OurUmbraco.Client/build/profile.html new file mode 100644 index 00000000..4d16560f --- /dev/null +++ b/OurUmbraco.Client/build/profile.html @@ -0,0 +1,363 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + +
      + +
      + +
      + + + + +
      + + + +
      +
      +
      + +
      + + Change your profile + +
      + +
      + +
      + + +
      + + Change image +
      +
      + +
      + + +
      + + +
      + + +
      + + +
      + + +
      + +
      + + +
      + + +
      + + +
      + + +
      + + +
      + + +
      + + +
      + + + + + + Changes saved + + + +
      + +
      + +
      + + +
      +
      +
      + +
      + + + + +
      + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/progress.html b/OurUmbraco.Client/build/progress.html new file mode 100644 index 00000000..e6c846c6 --- /dev/null +++ b/OurUmbraco.Client/build/progress.html @@ -0,0 +1,605 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + + + +
      + + +
      + +
      + + +
      +
      +
      + +
      + +
      + +
      +

      In progress

      +

      Versions of Umbraco currently in production

      + + +
      + +
      +
      + +
      +
      + +
      73%
      + + +
      + + + + +
      + +
      +
      +
      +

      v7.2.3

      + Bug fixing on the 7.2.2 release. Note: This is a scheduled patch release, it will be released on the specified date, not when 100% of the issues are fixed (we might pull in more). +
      +
      +
      + Features: 6 + Issues: 73 + Breacking changes: 0 +
      +
      +
      +
      + Release date: + Thursday, 19 March 2015 +
      +
      + +
      +
      +
      + +
      +
      + +
      +
      + 20% + + + + + + + + +
      + +
      +
      +
      +

      v7.3

      + Bug fixing on the 7.2.2 release. Note: This is a scheduled patch release, it will be released on the specified date, not when 100% of the issues are fixed (we might pull in more). +
      +
      +
      + Features: 6 + Issues: 73 + Breacking changes: 0 +
      +
      +
      +
      + Release date: + Not yet determined +
      +
      + +
      +
      + +
      + +
      +
      + +
      +
      + 18% + + + + + + + +
      + +
      +
      +
      +

      v8

      + Bug fixing on the 7.2.2 release. Note: This is a scheduled patch release, it will be released on the specified date, not when 100% of the issues are fixed (we might pull in more). +
      +
      +
      + Features: 6 + Issues: 73 + Breacking changes: 0 +
      +
      +
      +
      + Release date: + Not yet determined +
      +
      + +
      +
      + +
      + + + + + + +
      +
      +
      + +
      + + + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/releases.html b/OurUmbraco.Client/build/releases.html new file mode 100644 index 00000000..279732ed --- /dev/null +++ b/OurUmbraco.Client/build/releases.html @@ -0,0 +1,638 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + + + +
      + + +
      + +
      + + +
      +
      +
      + +
      + +
      + +
      +

      All Releases

      +

      This page lists all of the available Umbraco releases. Past, present and future.

      + + +
      + +
      +
      + +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      +
      +

      v7.2.2

      + Covers how to install and configure your Umbraco installation +
      +
      +
      v7.2.1
      + What is needed to run Umbraco? +
      +
      +
      v7.2
      + How to install Umbraco +
      +
      +
      v7.1.9
      + Finds the matching content for the request +
      +
      +
      v7.1.8
      + Setting up a SQL server for your installation +
      +
      +
      v7.1.7
      + Setting up a SQL server for your installation +
      +
      +
      v7.1.6
      + Setting up a SQL server for your installation +
      +
      +
      v7.1.5
      + Setting up a SQL server for your installation +
      +
      +
      v7.1.4
      + Setting up a SQL server for your installation +
      +
      +
      v7.1.3
      + Setting up a SQL server for your installation +
      +
      +
      v7.1.2
      + Setting up a SQL server for your installation +
      +
      +
      v7.1.1
      + Setting up a SQL server for your installation +
      +
      +
      v7.0.4
      + Setting up a SQL server for your installation +
      +
      +
      v7.0.3
      + Setting up a SQL server for your installation +
      +
      +
      v7.0.2
      + Setting up a SQL server for your installation +
      +
      +
      v7.0.1
      + Setting up a SQL server for your installation +
      +
      +
      v7.0
      + Setting up a SQL server for your installation +
      +
      +
      +
      + +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      +
      +

      v6.2.5

      + Covers how to install and configure your Umbraco installation +
      +
      +
      v6.2.4
      + What is needed to run Umbraco? +
      +
      +
      v6.2.3
      + How to install Umbraco +
      +
      +
      v6.2.2
      + Finds the matching content for the request +
      +
      +
      v6.2.2
      + Setting up a SQL server for your installation +
      +
      +
      v6.2.1
      + Setting up a SQL server for your installation +
      +
      +
      v6.1.6
      + Setting up a SQL server for your installation +
      +
      +
      v6.1.5
      + Setting up a SQL server for your installation +
      +
      +
      v6.1.4
      + Setting up a SQL server for your installation +
      +
      +
      v6.1.3
      + Setting up a SQL server for your installation +
      +
      +
      v6.1.2
      + Setting up a SQL server for your installation +
      +
      +
      v6.1.1
      + Setting up a SQL server for your installation +
      +
      +
      v6.0.4
      + Setting up a SQL server for your installation +
      +
      +
      v6.0.3
      + Setting up a SQL server for your installation +
      +
      +
      v6.0.2
      + Setting up a SQL server for your installation +
      +
      +
      v6.0.1
      + Setting up a SQL server for your installation +
      +
      +
      v6.0
      + Setting up a SQL server for your installation +
      +
      +
      +
      + +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      +
      +

      v4.2.5

      + Covers how to install and configure your Umbraco installation +
      +
      +
      v4.2.4
      + What is needed to run Umbraco? +
      +
      +
      v4.2.3
      + How to install Umbraco +
      +
      +
      v4.2.2
      + Finds the matching content for the request +
      +
      +
      v4.2.2
      + Setting up a SQL server for your installation +
      +
      +
      v4.2.1
      + Setting up a SQL server for your installation +
      +
      +
      v4.1.6
      + Setting up a SQL server for your installation +
      +
      +
      v4.1.5
      + Setting up a SQL server for your installation +
      +
      +
      v4.1.4
      + Setting up a SQL server for your installation +
      +
      +
      v4.1.3
      + Setting up a SQL server for your installation +
      +
      +
      v4.1.2
      + Setting up a SQL server for your installation +
      +
      +
      v4.1.1
      + Setting up a SQL server for your installation +
      +
      +
      v4.0.4
      + Setting up a SQL server for your installation +
      +
      +
      v4.0.3
      + Setting up a SQL server for your installation +
      +
      +
      v4.0.2
      + Setting up a SQL server for your installation +
      +
      +
      v4.0.1
      + Setting up a SQL server for your installation +
      +
      +
      v4.0
      + Setting up a SQL server for your installation +
      +
      +
      +
      + + +
      +
      +
      + +
      + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/retrievepassword.html b/OurUmbraco.Client/build/retrievepassword.html new file mode 100644 index 00000000..9cb2ff50 --- /dev/null +++ b/OurUmbraco.Client/build/retrievepassword.html @@ -0,0 +1,180 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      +
      +
      + +
      + Close +
      + +
      + + + +
      +
      +
      + + +
      + + + +
      + +
      + +
      +
      + +
      + +

      Forgot password?

      +

      Enter your email to retrieve a new password

      + +
      + + +
      +
      + + +

      + + +

      + +
      + +
      + +
      + +
      + + + +
      + + + + +
      + +

       

      + +

       

      + +

       

      + +


      +
      +

      + +
      + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/search-results.html b/OurUmbraco.Client/build/search-results.html new file mode 100644 index 00000000..88f82274 --- /dev/null +++ b/OurUmbraco.Client/build/search-results.html @@ -0,0 +1,523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + + +
      + + +
      + +
      + + + +
      +
      + + +
      + + + +
      + + +
      + +
      +
      + +
      + +
      + + + +
      + +
      + +
      +
      + + + + + + + +
      + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/sidebar-test.html b/OurUmbraco.Client/build/sidebar-test.html new file mode 100644 index 00000000..0c444952 --- /dev/null +++ b/OurUmbraco.Client/build/sidebar-test.html @@ -0,0 +1,644 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + +
      + +
      + +
      + + +
      + + +
      +
      +
      + +
      + + +
      +
      +
      +
      +

      Getting started

      +

      All the basics of using Umbraco v7. From your first local installation, to a fully functional customized CMS.

      +
      + +
      +

      Implementation

      +

      Get an overview of how the Umbraco pipeline is structured. Not sure what to search for? Get a birdseye view of what happens from user request to content delivery.

      +
      + +
      +

      Extending

      +

      Documentation on the areas in Umbraco that are extendal such as the backoffice ui and database. Create your own property editors and develop packages for easy re-use and sharing.

      +
      +
      +
      + +

      Dashboard

      +

      As with the other .config files in the /config directory the Dashboard.config file lets you customize a portion of the Umbraco experience. In this case the Dashboard.config file controls what shows up in the Dashboard section of the UI when a section of the site loads. The Dashboard is the area on the right side of the UI where most of the data entry and functional interaction takes place.

      +

      By default, Umbraco shows a blank Dashboard when a new section loads and only shows a form when you take action within the section (i.e. when you click on a node in the Content section, the Dashboard shows the form to update that node's data). But what if you wanted to present your UI users with some options even before they click on a node? Well that is what the Dashboard.config allows you to do. +Layout

      +

      Like the other .config files Dashboard.config is a simple XML file with a fairly straight-forward layout as seen below.

      +
      <?xml version="1.0" encoding="utf-8" ?> 
      +<dashBoard> <!-- root of the dashboard xml tree -->
      +   <section>  <!-- defines a dashboard layout for a group of sections -->
      +        <areas> <!-- Declares which sections (i.e. content,media,users,[your own]-->
      +            <area>[area name]</area> <!-- A section to apply this to -->
      +            ...
      +        </areas>
      +
      +        <tab caption="[caption]"> <!-- Creates a tab in the Dashboard with the assigned Caption -->
      +            <control>[path]</control> <!-- What control to load in that tab -->
      +        </tab>
      +        ...
      +   </section>
      +   ...
      +</dashBoard>
      +
      + +

      Section (different from a Umbraco UI Section)

      +

      Delimits dashboard information to apply to one or more sections. The Dashboard.config may include multiple sections.

      +

      Areas

      +

      Defines to which sections of the Umbraco UI to apply the subset of dashboard information. +area - Always lowercase!

      +

      The name* of the Umbraco UI Section where you want your user control to be displayed (e.g. content, media, developer, settings, members or a custom section name). You can add your controls to more than one section by adding multiple nodes.

      +

      The area with the name 'default' is the first dashboard shown when a user login, no matter which sections the user have access to!

      +

      A little gotcha, make sure you include the name of your app in lowercase!

      +

      Tab

      +

      Defines a page tab that you would like your user control to be added to. The attribute 'caption' defines the text displayed on the tab. There can be multiple tabs for each Dashboard "page" +control

      +

      Defines the path to the user control you would like to be displayed on a tab. +access - NEW IN UMBRACO 4.1!

      +

      The element makes it possible to set permissions on sections, tabs and controls and you can either grant or deny certain usertypes access.

      +

      It works by adding an <access/> node under either a <section />, <tab/> or <control /> node. As children of you can either add

      +

      <grant /> which grants permissions to those types of users (AND automatically deny access to those who're not there!)

      +

      <grantBySection /> which grants permissions to those users who got access to specific sections. This can be useful for more granular permissions

      +

      <deny /> which denies permissions to those types of users (AND automatically grants everyone else)

      +

      No matter the settings the root user (id:0) can see everything, so don't panic if you set deny permissions for administrators and still are able to see everything ;-)

      +

      Example on permissions:

      +
      <tab caption="Last Edits">
      +    <access>
      +        <grant>writer</grant>
      +        <grant>editor</grant>
      +        <grantBySection>content</grantBySection>
      +    </access>
      +    <control>/usercontrols/dashboard/latestEdits.ascx</control>
      +</tab>
      +
      + +

      Customizing

      +

      In order to customize the dashboard in Umbraco, one needs to do a couple of things. +Create one or more UserControls

      +

      The Dashboard loads one or more UserControls and displays them on a series of tabs. So in order to customize the control, one needs to first create the UserControls that are to be displayed on the page. If these are for your own personal use you can just place the UserControls in a location on your site that can be accessed by Umbraco. It is recommended that you place them in the /usercontrol directory, preferably in your own subfolder. If you are creating a package for others to use, you should include the usercontrols in the package for install with the rest of the package contents. +Update the Dashboard.config

      +

      Once you have created the UserControls that you want to have loaded when a section loads, you must then update the Dashboard.config to tell Umbraco to load your UserControls when a user enters a new section. Again if you are doing this for yourself all you need to do is edit the Dashboard.config on your site to add the controls. However, if you are adding a section to go with a package, you will want to include a Package Action to update the Dashboard.config during install. Click here for more information on Package Actions. +Sample

      +

      Below is an example of a valid Dashboard.config:

      +
      <?xml version="1.0" encoding="utf-8" ?> 
      +<dashBoard>
      +    <section>
      +        <areas>
      +            <area>content</area>
      +        </areas>        
      +        <tab caption="Last Edits">
      +            <access>
      +                <deny>editor</deny>
      +            </access>
      +            <control>/usercontrols/dashboard/latestEdits.ascx</control>
      +        </tab>
      +        <tab caption="Latest Items">
      +            <control>/usercontrols/dashboard/newestItems.ascx</control>
      +        </tab>
      +        <tab caption="Create blog post">
      +            <control>/usercontrols/umbracoBlog/dashboardBlogPostCreate.ascx</control>
      +        </tab>
      +    </section>
      +</dashBoard>
      +
      + +

      What this does is every time a user clicks on the Content section of the Umbraco UI (the sections are in the lower left of the screen) it loads a page with three tabs called "Last Edits", "Latest Items" and "Create blog post". For each tab a UserControl is loaded to provide the functionality that the developer created for those tabs. The UI finds the UserControls via the paths provided.

      +
      +
      + +
      +
      + +
      +
      +
      +
      + +
      + + + + + + +
      + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/sign-in.html b/OurUmbraco.Client/build/sign-in.html new file mode 100644 index 00000000..70489bed --- /dev/null +++ b/OurUmbraco.Client/build/sign-in.html @@ -0,0 +1,654 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      +
      +
      + +
      + +
      +
      +
      +
      + +
      + +
      +
      + OR +
      +
      + +
      + +
      + Twitter log in +
      +
      + Google log in +
      +
      + Facebook log in +
      +
      +
      + + + + +
      +
      + + + +
      + + + +
      + +
      + + +
      + +
      +
      + + +
      + +
      + + + + +
      +
      +
      +
      +

      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua.

      +
      +
      +
      +
      + +
      + + +
      +
      +
      + +
      +
      + +

      Getting started

      +

      All the basics of using Umbraco v7.
      From your first local installation, to a fully functional customized CMS.

      + + How to get started → +
      +
      + +
      +
      + +

      Implementation

      +

      Get an overview of how the Umbraco pipeline is structured.
      Not sure what to search for? Get a birdseye view of what happens from user request to content delivery.

      + + Go to implementation → +
      +
      + +
      +
      +
      + +
      + +
      + +
      +
      +
      + +
      +

      People on Our

      +

      Umbraco users are located across the globe and around the corner from you. Sign in as an umbraco community member to find umbraco users near you

      +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + + Go to People → + +
      +
      +
      + + + + + + +
      + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/sign-up.html b/OurUmbraco.Client/build/sign-up.html new file mode 100644 index 00000000..c6369b03 --- /dev/null +++ b/OurUmbraco.Client/build/sign-up.html @@ -0,0 +1,509 @@ + + + + + + + + + + + + + + + + + + + + + + + + Signup - our.umbraco.org + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + +
      + +
      + + + +
      + + + +
      +
      + +
      + + +
      +
      + +
      + +

      Signup

      + + + + +
      + +
      +
      +Basic Information +

      + We just need the most basic information from you. +

      +

      + + +

      +

      + + +

      +

      + + +

      +

      + + +

      +

      + + + +

      + +
      + +
      +Services +

      + Share your ideas, topics and photos related to umbraco. +

      +

      + + +

      +

      + + +

      +

      + +

      +
      + +
      +Newsletters and threshold +

      +Threshold is a way to control what items are displayed to you. Any item with a score lower than your set threshold, will not be displayed in the forum. +

      +

      + + +

      + +

      + + +

      + +
      + + +
      +Where do you live? +

      + Tell us where you live, you can leave out streetnames, but city, zip-code and country is mandatory. When your location is displayed correctly on the map below, + enough information has been provided. +

      + +

      + + + + + +

      +
      +
      + + + + + + +
      + + +
      + +
      + +
      + + +
      + + + + + +
      + + +
      + + + + +
      + + + + +
      + + + +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/OurUmbraco.Client/build/signup.html b/OurUmbraco.Client/build/signup.html new file mode 100644 index 00000000..f5cab0e2 --- /dev/null +++ b/OurUmbraco.Client/build/signup.html @@ -0,0 +1,328 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + +
      + +
      + +
      + + + + +
      + + + +
      +
      +
      + +
      + + Change your profile + +
      + + +
      + + +
      + + Change image +
      + + +
      + +
      + + + +
      + +
      + + + + +
      + +
      + + + +
      + +
      + + + + +
      + +
      + + + +
      + +
      + + +
      + +
      + + +
      + + + + +
      +
      + + +
      +
      +
      + +
      + + + + +
      + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/structural.html b/OurUmbraco.Client/build/structural.html new file mode 100644 index 00000000..f9726f35 --- /dev/null +++ b/OurUmbraco.Client/build/structural.html @@ -0,0 +1,829 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + + + +
      + + +
      + +
      + + +
      +
      +
      + +
      + +
      + +
      + +
      + + +
      + +

      Getting Started

      +

      All the basics of using Umbraco v7. From making a local installation to extending the backend.

      + + +
      + +
      +
      + +
      +
      + + + + + + + + + + + + +
      + +
      +
      +
      +

      Setup

      + Covers how to install and configure your Umbraco installation +
      +
      +
      Requirements
      + What is needed to run Umbraco? +
      +
      +
      Install
      + How to install Umbraco +
      +
      +
      Request
      + Finds the matching content for the request +
      +
      +
      Server Setup
      + Setting up a SQL server for your installation +
      +
      +
      +
      + +
      +
      + + + + + + + + + + + + + +
      + +
      +
      +
      +

      Data

      + Define content entry points with document types and datatypes. +
      +
      +
      Document Types
      + Content has a content type that defines its data +
      +
      +
      Data Types
      + It has a template that defines its presentation +
      +
      +
      Content Entry
      + Based on the schema a template is loaded +
      +
      +
      +
      + +
      +
      + + + + + + + + + + + + + +
      + +
      +
      +
      +

      Design

      + Create templates and views with your own markup and use Razor to render content. +
      +
      +
      Templates
      + Template is rendered with Razor +
      +
      +
      Razor
      + Model refers to the found content +
      +
      +
      Content API
      + There are API’s to query media, members and content in the cache +
      +
      +
      +
      + +
      +
      + + + + + + + + + + + + + +
      + +
      +
      +
      +

      Code

      +
      +
      +
      MVC
      + Template is rendered with Razor +
      +
      +
      Events
      + Model refers to the found content +
      +
      +
      Forms/Controllers
      + There are API’s to query media, members and content in the cache +
      +
      +
      +
      + +
      +
      + + + + + + + + + + + + + +
      + +
      +
      +
      +

      Extend

      + Extending Umbraco with custom sections and editors +
      +
      +
      Property Editors
      + Template is rendered with Razor +
      +
      +
      Trees
      + Funky javascript +
      +
      +
      Editors
      + Make things pretty and UNICORNY +
      +
      +
      Angular JS
      + And use client dependency to optimise +
      +
      +
      + +
      + +
      +
      + + + + + + + + + + + + +
      + +
      +
      + + class + +
      +
      + +
      +
      +
      +

      Services

      + Extending Umbraco with custom sections and editors +
      +
      +
      Property Editors
      + Template is rendered with Razor +
      +
      +
      Trees
      + Funky javascript +
      +
      +
      Editors
      + Make things pretty and UNICORNY +
      +
      +
      Angular JS
      + And use client dependency to optimise +
      +
      +
      + +
      + + +
      +
      +
      + +
      + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/test.html b/OurUmbraco.Client/build/test.html new file mode 100644 index 00000000..76358ee8 --- /dev/null +++ b/OurUmbraco.Client/build/test.html @@ -0,0 +1,241 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + + +
      + + + +
      + +
      + + + + + + +
      +
      +
      + +
      +
      + +

      Getting started

      +

      All the basics of using Umbraco v7.
      From your first local installation, to a fully functional customized CMS.

      + + +
      +
      + +
      +
      + +

      Implementation

      +

      Get an overview of how the Umbraco pipeline is structured.
      Not sure what to search for? Get a birdseye view of what happens from user request to content delivery.

      + + +
      +
      + +
      +
      +
      + + +
      + + + + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/userLoggedIn.html b/OurUmbraco.Client/build/userLoggedIn.html new file mode 100644 index 00000000..3e69b0b0 --- /dev/null +++ b/OurUmbraco.Client/build/userLoggedIn.html @@ -0,0 +1,816 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + + + +
      + + +
      + + +
      + +
      +
      + + +
      + +
      + +
      + + + +
      + + +
      +
      +
      +
      +

      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua.

      +
      +
      +
      +
      +
      + + + +
      +
      + +
      +
      + +
      +
      +
      + +
      +
      + +

      Getting started

      +

      All the basics of using Umbraco v7.

      From your first local installation, to a fully functional customized CMS.

      + + Go to documentation → +
      +
      + +
      +
      + +

      Strutural docs

      +

      Get an overview of how the Umbraco pipeline is structured.

      Not sure what to search for? Get a birdseye view of what happens from user request to content delivery.

      + + Go to documentation → +
      +
      + +
      +
      +
      + +
      +
      +
      + +
      +

      People on Our

      +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + +
      + + Go to People → + +
      +
      +
      + + + + + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/build/version.html b/OurUmbraco.Client/build/version.html new file mode 100644 index 00000000..13e717f5 --- /dev/null +++ b/OurUmbraco.Client/build/version.html @@ -0,0 +1,720 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      + + + +
      + + +
      + + +
      + + +
      +
      + +
      +
      +
      +
      + + + + + + +
      +
      +
      + + + +
      +
      +

      From request to content

      +

      Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.

      +
      +
      +
      +
      +

      + +
      +
      + + + + + 7.2 + + + + 7.1 + + + +
      + +
      +
      +
      +
      Routing
      +

      Handles the /news url

      +
      +
      +
      Pipeline
      +

      Goes through the pipeline

      +
      +
      +
      MVC
      +

      hits the mvc controller or a custom controller

      +
      +
      +
      Request
      +

      Finds the matching content for /news

      +
      +
      +
      +
      + +
      +
      +

      Version 7

      + Project Belle, a brand new user interface design to help end users use the backoffice better. +
      +
      + 7 + + + + 6.2 + + + + 6.1 + + + +
      + +
      +
      +
      +
      Content type
      +

      Content has a content type that defines its data

      +
      +
      +
      Template
      +

      It has a template that defines its presentation

      +
      +
      +
      Schema
      +

      Based on the schema a template is loaded

      +
      +
      +
      +
      + +
      +
      +

      Version 6

      + Theme for this release is a new Public API. For this release we will focus on implementing a new API, which is much more polished then the old one. +
      +
      + 6 + + + + + + + + + + + +
      + +
      +
      +
      +
      Razor
      +

      Template is rendered with Razor

      +
      +
      +
      Model
      +

      Model refers to the found content

      +
      +
      +
      Content API
      +

      There are API’s to query media, members and content in the cache

      +
      +
      +
      Content API
      +

      A template can also contain: Partial Views, Macros, Forms controller by a surface controller

      +
      +
      +
      +
      + +
      +
      +

      Query Data

      + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. +
      +
      + + + + + + + + + + + + +
      + +
      +
      +
      +
      Content
      +

      Template is rendered with Razor

      +
      +
      +
      Media
      +

      Model refers to the found content

      +
      +
      +
      Members
      +

      There are API’s to query media, members and content in the cache

      +
      +
      +
      +
      +
      +

      Client Side Assets

      + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. +
      +
      + + + + + + + + + + + + +
      + +
      +
      +
      +
      HTML
      +

      Template is rendered with Razor

      +
      +
      +
      JS
      +

      Funky javascript

      +
      +
      +
      CSS
      +

      Make things pretty and UNICORNY

      +
      +
      +
      Client side dependency
      +

      And use client dependency to optimise

      +
      +
      +
      +
      + +
      +
      + + +
      + + + + + + + + + + + + + \ No newline at end of file diff --git a/OurUmbraco.Client/gulpfile.js b/OurUmbraco.Client/gulpfile.js new file mode 100644 index 00000000..e921c7a3 --- /dev/null +++ b/OurUmbraco.Client/gulpfile.js @@ -0,0 +1,95 @@ +var gulp = require('gulp'), + gutil = require('gulp-util'), + sass = require('gulp-sass'), + jshint = require('gulp-jshint'), + stylish = require('jshint-stylish'), + uglify = require('gulp-uglify'), + concat = require('gulp-concat'), + autoprefixer = require('gulp-autoprefixer'), + minifyCss = require('gulp-minify-css'), + imageMin = require('gulp-imagemin'), + clean = require('gulp-clean'), + svgmin = require('gulp-svgmin'), + cmq = require('gulp-combine-media-queries'); + rename = require('gulp-rename'); + +var settings = { + build: './build', + source: 'src', + umbraco: './../OurUmbraco.Site' +}; + +// Lint js files +gulp.task('lint', function() { + 'use strict'; + + gulp.src(settings.source+'/js/*.js') + .pipe(jshint()) + .pipe(jshint.reporter(stylish)); +}); + +// Minify js files +gulp.task('js', function() { + 'use strict'; + + gulp.src([settings.source+'/js/vendor/**/*.js', settings.source+'/js/*.js']) + + // Mangle is set to false by default. + // By disabling mangle, Uglify won't rename + // variables, functions etc. + // This means that AngularJS apps will be + // able to be minified without breaking. + // If you aren't using angular, I recommend + // enabeling mangle, to obtain better compression. + .pipe(uglify({mangle: false})) + + .pipe(concat('app.min.js')) + .on('error', gutil.log) + .pipe(gulp.dest(settings.build+'/assets/js')) + .pipe(gulp.dest(settings.umbraco+'/assets/js')); +}); + +[settings.source+'/css/**/*.css', settings.source+'/scss/style.scss'] + +// Compile vendor css and scss +gulp.task('css', function () { + gulp.src(settings.source + '/scss/*.scss') + .pipe(sass()) + .pipe(rename({suffix: '.min'})) + .pipe(minifyCss()) + .pipe(gulp.dest(settings.build + '/assets/css')) + .pipe(gulp.dest(settings.umbraco+'/assets/css')); +}); + +// Optimize images +gulp.task('images', function(){ + 'use strict'; + + gulp.src(settings.source+'/images/*.svg') + .pipe(svgmin()) + .on('error', gutil.log) + .pipe(gulp.dest(settings.build+'/assets/images')) + .pipe(gulp.dest(settings.umbraco+'/assets/images')); +}); + +// Svg images +gulp.task('svg', function() { + 'use strict'; + + gulp.src(settings.source+'/images/*.svg') + .pipe(svgmin()) + .on('error', gutil.log) + .pipe(gulp.dest(settings.build+'/assets/images')) + .pipe(gulp.dest(settings.umbraco+'/assets/images')); +}); + +// Default task and watch files +gulp.task('default', ['build'], function() { + 'use strict'; + + gulp.watch([settings.source+'/js/vendor/**/*.js', settings.source+'/js/*.js'], ['lint', 'js']); + gulp.watch([settings.source+'/scss/**/*.scss', settings.source+'/css/**/*.css'], ['css']); + gulp.watch(settings.source+'/images/**', ['images', 'svg']); +}); + +gulp.task('build', ['lint', 'js', 'css', 'images', 'svg']); diff --git a/OurUmbraco.Client/package.json b/OurUmbraco.Client/package.json new file mode 100644 index 00000000..160058b7 --- /dev/null +++ b/OurUmbraco.Client/package.json @@ -0,0 +1,35 @@ +{ + "name": "gulp-workflow", + "version": "1.1.0", + "description": "Umbraco Our gulpjs config", + "main": "gulpfile.js", + "private": true, + "dependencies": { + }, + "devDependencies": { + "gulp": "3.8.x", + "gulp-util": "2.2.x", + "gulp-watch": "0.6.x", + "gulp-sass": "0.7.x", + "gulp-combine-media-queries": "0.1.x", + "gulp-imagemin": "0.6.x", + "gulp-autoprefixer": "2.3.1", + "gulp-uglify": "0.3.x", + "gulp-jshint": "1.6.x", + "gulp-concat": "2.2.x", + "jshint-stylish": "0.2.x", + "gulp-ruby-sass": "0.5.x", + "gulp-minify-css": "0.3.x", + "gulp-clean": "0.3.x", + "gulp-svgmin": "0.4.x" + }, + "scripts": { + "test": "gulp build --verbose" + }, + "author": "umbraco", + "license": "MIT", + "repository": { + "type": "git", + "url": "http://github.com/devdk/gulp-workflow.git" + } +} diff --git a/OurUmbraco.Client/src/css/.gitkeep b/OurUmbraco.Client/src/css/.gitkeep new file mode 100644 index 00000000..e69de29b diff --git a/OurUmbraco.Client/src/images/3D.png b/OurUmbraco.Client/src/images/3D.png new file mode 100644 index 00000000..53123409 Binary files /dev/null and b/OurUmbraco.Client/src/images/3D.png differ diff --git a/OurUmbraco.Client/src/images/404.gif b/OurUmbraco.Client/src/images/404.gif new file mode 100644 index 00000000..369a7f96 Binary files /dev/null and b/OurUmbraco.Client/src/images/404.gif differ diff --git a/OurUmbraco.Client/src/images/USBcable.png b/OurUmbraco.Client/src/images/USBcable.png new file mode 100644 index 00000000..56418214 Binary files /dev/null and b/OurUmbraco.Client/src/images/USBcable.png differ diff --git a/OurUmbraco.Client/src/images/breadcrumb.png b/OurUmbraco.Client/src/images/breadcrumb.png new file mode 100644 index 00000000..05f3a939 Binary files /dev/null and b/OurUmbraco.Client/src/images/breadcrumb.png differ diff --git a/OurUmbraco.Client/src/images/cat.gif b/OurUmbraco.Client/src/images/cat.gif new file mode 100644 index 00000000..a8f236d9 Binary files /dev/null and b/OurUmbraco.Client/src/images/cat.gif differ diff --git a/OurUmbraco.Client/src/images/close.png b/OurUmbraco.Client/src/images/close.png new file mode 100644 index 00000000..d70c2c02 Binary files /dev/null and b/OurUmbraco.Client/src/images/close.png differ diff --git a/OurUmbraco.Client/src/images/compass.png b/OurUmbraco.Client/src/images/compass.png new file mode 100644 index 00000000..15cec583 Binary files /dev/null and b/OurUmbraco.Client/src/images/compass.png differ diff --git a/OurUmbraco.Client/src/images/documentation/Grid-layout-NO-SIDEBAR-rows.jpg b/OurUmbraco.Client/src/images/documentation/Grid-layout-NO-SIDEBAR-rows.jpg new file mode 100644 index 00000000..6f2ee70a Binary files /dev/null and b/OurUmbraco.Client/src/images/documentation/Grid-layout-NO-SIDEBAR-rows.jpg differ diff --git a/OurUmbraco.Client/src/images/documentation/Grid-layout-rows.jpg b/OurUmbraco.Client/src/images/documentation/Grid-layout-rows.jpg new file mode 100644 index 00000000..82c26929 Binary files /dev/null and b/OurUmbraco.Client/src/images/documentation/Grid-layout-rows.jpg differ diff --git a/OurUmbraco.Client/src/images/documentation/Grid-layout-scenarios.jpg b/OurUmbraco.Client/src/images/documentation/Grid-layout-scenarios.jpg new file mode 100644 index 00000000..89c46c8e Binary files /dev/null and b/OurUmbraco.Client/src/images/documentation/Grid-layout-scenarios.jpg differ diff --git a/OurUmbraco.Client/src/images/documentation/cells.png b/OurUmbraco.Client/src/images/documentation/cells.png new file mode 100644 index 00000000..7a08e22f Binary files /dev/null and b/OurUmbraco.Client/src/images/documentation/cells.png differ diff --git a/OurUmbraco.Client/src/images/documentation/dirty-shade.png b/OurUmbraco.Client/src/images/documentation/dirty-shade.png new file mode 100644 index 00000000..3e0e9c90 Binary files /dev/null and b/OurUmbraco.Client/src/images/documentation/dirty-shade.png differ diff --git a/OurUmbraco.Client/src/images/documentation/editor.png b/OurUmbraco.Client/src/images/documentation/editor.png new file mode 100644 index 00000000..f2cabc6b Binary files /dev/null and b/OurUmbraco.Client/src/images/documentation/editor.png differ diff --git a/OurUmbraco.Client/src/images/documentation/layouts.png b/OurUmbraco.Client/src/images/documentation/layouts.png new file mode 100644 index 00000000..92d35914 Binary files /dev/null and b/OurUmbraco.Client/src/images/documentation/layouts.png differ diff --git a/OurUmbraco.Client/src/images/documentation/para.png b/OurUmbraco.Client/src/images/documentation/para.png new file mode 100644 index 00000000..a7697386 Binary files /dev/null and b/OurUmbraco.Client/src/images/documentation/para.png differ diff --git a/OurUmbraco.Client/src/images/documentation/rows.png b/OurUmbraco.Client/src/images/documentation/rows.png new file mode 100644 index 00000000..324ada87 Binary files /dev/null and b/OurUmbraco.Client/src/images/documentation/rows.png differ diff --git a/OurUmbraco.Client/src/images/documentation/settings.png b/OurUmbraco.Client/src/images/documentation/settings.png new file mode 100644 index 00000000..5cbec50a Binary files /dev/null and b/OurUmbraco.Client/src/images/documentation/settings.png differ diff --git a/OurUmbraco.Client/src/images/down.svg b/OurUmbraco.Client/src/images/down.svg new file mode 100644 index 00000000..8d1c56c8 --- /dev/null +++ b/OurUmbraco.Client/src/images/down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/OurUmbraco.Client/src/images/download-bg-color-alt.png b/OurUmbraco.Client/src/images/download-bg-color-alt.png new file mode 100644 index 00000000..ca93eee0 Binary files /dev/null and b/OurUmbraco.Client/src/images/download-bg-color-alt.png differ diff --git a/OurUmbraco.Client/src/images/download-bg-color.png b/OurUmbraco.Client/src/images/download-bg-color.png new file mode 100644 index 00000000..ef56e8c0 Binary files /dev/null and b/OurUmbraco.Client/src/images/download-bg-color.png differ diff --git a/OurUmbraco.Client/src/images/download-bg.png b/OurUmbraco.Client/src/images/download-bg.png new file mode 100644 index 00000000..164a720c Binary files /dev/null and b/OurUmbraco.Client/src/images/download-bg.png differ diff --git a/OurUmbraco.Client/src/images/editor.png b/OurUmbraco.Client/src/images/editor.png new file mode 100644 index 00000000..2a45a1ff Binary files /dev/null and b/OurUmbraco.Client/src/images/editor.png differ diff --git a/OurUmbraco.Client/src/images/forum.gif b/OurUmbraco.Client/src/images/forum.gif new file mode 100644 index 00000000..5b6cd59c Binary files /dev/null and b/OurUmbraco.Client/src/images/forum.gif differ diff --git a/OurUmbraco.Client/src/images/forum.png b/OurUmbraco.Client/src/images/forum.png new file mode 100644 index 00000000..66ec7e25 Binary files /dev/null and b/OurUmbraco.Client/src/images/forum.png differ diff --git a/OurUmbraco.Client/src/images/highfive.svg b/OurUmbraco.Client/src/images/highfive.svg new file mode 100644 index 00000000..b777f01f --- /dev/null +++ b/OurUmbraco.Client/src/images/highfive.svg @@ -0,0 +1,29 @@ + + + + + + + diff --git a/OurUmbraco.Client/src/images/icon-add-on.png b/OurUmbraco.Client/src/images/icon-add-on.png new file mode 100644 index 00000000..0b338dba Binary files /dev/null and b/OurUmbraco.Client/src/images/icon-add-on.png differ diff --git a/OurUmbraco.Client/src/images/icon-add-on.svg b/OurUmbraco.Client/src/images/icon-add-on.svg new file mode 100644 index 00000000..ae68c471 --- /dev/null +++ b/OurUmbraco.Client/src/images/icon-add-on.svg @@ -0,0 +1,31 @@ + + + + +3D +Created with Sketch. + + + + + + + + + + + + + + + + + + diff --git a/OurUmbraco.Client/src/images/icon-extending.png b/OurUmbraco.Client/src/images/icon-extending.png new file mode 100644 index 00000000..4254d9fc Binary files /dev/null and b/OurUmbraco.Client/src/images/icon-extending.png differ diff --git a/OurUmbraco.Client/src/images/icon-extending.svg b/OurUmbraco.Client/src/images/icon-extending.svg new file mode 100644 index 00000000..8f09c35a --- /dev/null +++ b/OurUmbraco.Client/src/images/icon-extending.svg @@ -0,0 +1,29 @@ + + + + +USBcable +Created with Sketch. + + + + + + + + + + + + + + + + + + + + + diff --git a/OurUmbraco.Client/src/images/icon-getting-started.png b/OurUmbraco.Client/src/images/icon-getting-started.png new file mode 100644 index 00000000..08ef6c7e Binary files /dev/null and b/OurUmbraco.Client/src/images/icon-getting-started.png differ diff --git a/OurUmbraco.Client/src/images/icon-getting-started.svg b/OurUmbraco.Client/src/images/icon-getting-started.svg new file mode 100644 index 00000000..7324a326 --- /dev/null +++ b/OurUmbraco.Client/src/images/icon-getting-started.svg @@ -0,0 +1,29 @@ + + + + +Browserscript +Created with Sketch. + + + + + + + + + + + + + + + + + + + diff --git a/OurUmbraco.Client/src/images/icon-implementation.png b/OurUmbraco.Client/src/images/icon-implementation.png new file mode 100644 index 00000000..5daad473 Binary files /dev/null and b/OurUmbraco.Client/src/images/icon-implementation.png differ diff --git a/OurUmbraco.Client/src/images/icon-implementation.svg b/OurUmbraco.Client/src/images/icon-implementation.svg new file mode 100644 index 00000000..d8c0b446 --- /dev/null +++ b/OurUmbraco.Client/src/images/icon-implementation.svg @@ -0,0 +1,29 @@ + + + + +Solarsystem +Created with Sketch. + + + + + + + + + + + + + + + + + + + diff --git a/OurUmbraco.Client/src/images/imagegen (1).png b/OurUmbraco.Client/src/images/imagegen (1).png new file mode 100644 index 00000000..5d9889c6 Binary files /dev/null and b/OurUmbraco.Client/src/images/imagegen (1).png differ diff --git a/OurUmbraco.Client/src/images/imagegen (2).png b/OurUmbraco.Client/src/images/imagegen (2).png new file mode 100644 index 00000000..d82b5685 Binary files /dev/null and b/OurUmbraco.Client/src/images/imagegen (2).png differ diff --git a/OurUmbraco.Client/src/images/imagegen (3).png b/OurUmbraco.Client/src/images/imagegen (3).png new file mode 100644 index 00000000..d06b4eea Binary files /dev/null and b/OurUmbraco.Client/src/images/imagegen (3).png differ diff --git a/OurUmbraco.Client/src/images/imagegen (5).png b/OurUmbraco.Client/src/images/imagegen (5).png new file mode 100644 index 00000000..75c46e52 Binary files /dev/null and b/OurUmbraco.Client/src/images/imagegen (5).png differ diff --git a/OurUmbraco.Client/src/images/imagegen.png b/OurUmbraco.Client/src/images/imagegen.png new file mode 100644 index 00000000..03fc4db7 Binary files /dev/null and b/OurUmbraco.Client/src/images/imagegen.png differ diff --git a/OurUmbraco.Client/src/images/logo.svg b/OurUmbraco.Client/src/images/logo.svg new file mode 100644 index 00000000..0c9b3f86 --- /dev/null +++ b/OurUmbraco.Client/src/images/logo.svg @@ -0,0 +1,16 @@ + + + + +Slice 1 +Created with Sketch. + + + + + + diff --git a/OurUmbraco.Client/src/images/logo_new.svg b/OurUmbraco.Client/src/images/logo_new.svg new file mode 100644 index 00000000..0c9b3f86 --- /dev/null +++ b/OurUmbraco.Client/src/images/logo_new.svg @@ -0,0 +1,16 @@ + + + + +Slice 1 +Created with Sketch. + + + + + + diff --git a/OurUmbraco.Client/src/images/osx.png b/OurUmbraco.Client/src/images/osx.png new file mode 100644 index 00000000..617c8179 Binary files /dev/null and b/OurUmbraco.Client/src/images/osx.png differ diff --git a/OurUmbraco.Client/src/images/package2.png b/OurUmbraco.Client/src/images/package2.png new file mode 100644 index 00000000..74c106f1 Binary files /dev/null and b/OurUmbraco.Client/src/images/package2.png differ diff --git a/OurUmbraco.Client/src/images/selectdown.svg b/OurUmbraco.Client/src/images/selectdown.svg new file mode 100644 index 00000000..37813543 --- /dev/null +++ b/OurUmbraco.Client/src/images/selectdown.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/OurUmbraco.Client/src/images/selectdown_our.svg b/OurUmbraco.Client/src/images/selectdown_our.svg new file mode 100644 index 00000000..d061670f --- /dev/null +++ b/OurUmbraco.Client/src/images/selectdown_our.svg @@ -0,0 +1,7 @@ + + + + + + diff --git a/OurUmbraco.Client/src/images/selectdown_unfocus.svg b/OurUmbraco.Client/src/images/selectdown_unfocus.svg new file mode 100644 index 00000000..08bf82be --- /dev/null +++ b/OurUmbraco.Client/src/images/selectdown_unfocus.svg @@ -0,0 +1,7 @@ + + + + + + diff --git a/OurUmbraco.Client/src/images/sidebar-bg.png b/OurUmbraco.Client/src/images/sidebar-bg.png new file mode 100644 index 00000000..287c3d1b Binary files /dev/null and b/OurUmbraco.Client/src/images/sidebar-bg.png differ diff --git a/OurUmbraco.Client/src/images/sign-in-with-google.png b/OurUmbraco.Client/src/images/sign-in-with-google.png new file mode 100644 index 00000000..52045b64 Binary files /dev/null and b/OurUmbraco.Client/src/images/sign-in-with-google.png differ diff --git a/OurUmbraco.Client/src/images/solved.gif b/OurUmbraco.Client/src/images/solved.gif new file mode 100644 index 00000000..a6619b07 Binary files /dev/null and b/OurUmbraco.Client/src/images/solved.gif differ diff --git a/OurUmbraco.Client/src/images/tools.png b/OurUmbraco.Client/src/images/tools.png new file mode 100644 index 00000000..c19646d5 Binary files /dev/null and b/OurUmbraco.Client/src/images/tools.png differ diff --git a/OurUmbraco.Client/src/js/app.js b/OurUmbraco.Client/src/js/app.js new file mode 100644 index 00000000..c70cb46d --- /dev/null +++ b/OurUmbraco.Client/src/js/app.js @@ -0,0 +1,102 @@ +//underscore templating + // _.templateSettings = { + // interpolate: /\{\{(.+?)\}\}/g, + // evaluate : /\{\[([\s\S]+?)\]\}/g + // }; + + +jQuery(document).ready(function (){ + + // Quick menu + var bodyVar = $('body'), + searchAll = $('.search-all'); + + $( ".user, .close" ).click(function(e) { + e.preventDefault(); + e.stopPropagation(); + bodyVar.toggleClass( "quickmenu" ); + }); + + $('.wrapper').on('click', function () { + bodyVar.removeClass('quickmenu'); + }); + + + // Mobile navigation + $("#toggle").click(function(e) { + e.preventDefault(); + $(".cross").toggleClass("open"); + $("nav").toggleClass("open"); + $("body").toggleClass("navopen"); + }); + + $('.pm-nuget').on('click', '.nuget', function(){ + $(this).focus(); + $(this).select(); + }); + + // Tab + $('.tabs li').click(function(){ + var tab_id = $(this).attr('data-tab'); + + $('.tabs li').removeClass('current'); + $('.tab-content').removeClass('current'); + + $(this).addClass('current'); + $("#"+tab_id).addClass('current'); + }); + + // Click effect + var ink, d, x, y; + $(".button, .inked").click(function(e){ + + if($(this).find(".ink").length === 0){ + $(this).prepend("
      "); + } + + ink = $(this).find(".ink"); + ink.removeClass("animate"); + + if(!ink.height() && !ink.width()){ + d = Math.max($(this).outerWidth(), $(this).outerHeight()); + ink.css({height: d, width: d}); + } + + x = e.pageX - $(this).offset().left - ink.width()/2; + y = e.pageY - $(this).offset().top - ink.height()/2; + + ink.css({top: y+'px', left: x+'px'}).addClass("animate"); + }); + }); + + var classOnScrollObject = function (selector, className, scrollDistance) { + this.item = $(selector); + this.itemClass = className; + this.scrollDistance = scrollDistance; + this.classApplied = false; + this.scrollContainer = $(window); + this.fromTop = this.scrollContainer.scrollTop(); + }; + + classOnScrollObject.prototype.applyClass = function() { + this.fromTop = this.scrollContainer.scrollTop(); + + if (this.fromTop > this.scrollDistance && this.classApplied === false) { + this.classApplied = true; + this.item.addClass(this.itemClass); + } else if (this.fromTop < this.scrollDistance && this.classApplied === true) { + this.classApplied = false; + this.item.removeClass(this.itemClass); + } + }; + + function classOnScroll (selector, className, scrollDistance) { + var newClassOnScroll = new classOnScrollObject(selector, className, scrollDistance); + + newClassOnScroll.applyClass(); + + newClassOnScroll.scrollContainer.scroll(function () { + newClassOnScroll.applyClass(); + }); + + } \ No newline at end of file diff --git a/OurUmbraco.Client/src/js/search.js b/OurUmbraco.Client/src/js/search.js new file mode 100644 index 00000000..aaede1d9 --- /dev/null +++ b/OurUmbraco.Client/src/js/search.js @@ -0,0 +1,279 @@ +function redirectToSearch(ev){ + if(ev.keyCode === 13){ + ev.preventDefault(); + window.location = "/search?q="+this.value; + } + } + + +var projectSearch = _.debounce(function(ev) { + var term = $('.project-search-input').val(); + var defaultListing = $('.projects-default-listing'); + var searchListing = $('.projects-search-listing'); + var searchTable = $('.projects-default-listing'); + + if(term.length === 0){ + defaultListing.show(); + searchListing.empty(); + } + + if(term.length > 3){ + var url = "/umbraco/api/OurSearch/GetProjectSearchResults"; + var template = _.template( + $( "script.search-item-project" ).html() + ); + + + //get search from server + $.ajax({ + dataType: "json", + url: url, + data: {term: term}, + success: function(response){ + + //toggle and empty box + defaultListing.hide(); + searchListing.empty(); + + if(response.items.length === 0){ + var linkhtml = '

      No results found

      '; + searchListing.append(linkhtml); + } + + //iterate + _.each(response.items, function(item){ + + var image = (item.Fields.image && item.Fields.image.length > 0) ? item.Fields.image : ""; + var itemData = { + nodeName: item.Fields.nodeName, + body: _.escape(item.Fields.body.substring(0, 150)), + url: item.Fields.url, + karma: item.Fields.karma, + downloads: item.Fields.downloads, + versions: item.Fields.versions, + image: image + }; + + + searchListing.append( + template( itemData ) + ); + }); + + } + }); + } +}, 300); + + +var docsSearch = _.debounce(function(ev) { + + var term = this.value; + var defaultListing = $('.docs-default-listing'); + var searchListing = $('.docs-search-listing'); + + if(term.length === 0){ + defaultListing.show(); + searchListing.empty(); + } + + if(term.length > 3){ + var url = "/umbraco/api/OurSearch/GetDocsSearchResults"; + var template = _.template( + $( "script.search-item-docs" ).html() + ); + + //fade out existing searchresults + searchListing.addClass('fadeResultOut'); + + //get search from server + $.ajax({ + dataType: "json", + url: url, + data: {term: term}, + success: function(response){ + + //toggle and empty box + defaultListing.hide(); + searchListing.empty(); + + //Fade in new search results + setTimeout(function(){ + searchListing.removeClass('fadeResultOut'); + }, 1000); + + if(response.items.length === 0){ + var linkhtml = '
    • No documentation found
    • '; + searchListing.append(linkhtml); + } + + //iterate + _.each(response.items, function(item){ + var itemData = { + name: item.Fields.nodeName, + body: _.escape(item.Fields.body.substring(0, 150)), + url: item.Fields.url + }; + + searchListing.append( + template( itemData ) + ); + }); + + } + }); + } +}, 300); + + +var forumSearch = _.debounce( function(ev) { + var term = this.value; + var defaultListing = $('.forum-default-listing'); + var searchListing = $('.forum-search-listing'); + var searchTable = $('.table-striped'); + + console.log(term); + + if(term.length === 0){ + defaultListing.show(); + searchListing.empty(); + } + + if(term.length > 3){ + var url = "/umbraco/api/OurSearch/GetForumSearchResults"; + var template = _.template( + $( "script.search-item-forum" ).html() + ); + + //fade out existing searchresults + searchTable.addClass('fadeResultOut'); + + //get search from server + $.ajax({ + dataType: "json", + url: url, + data: {term: term}, + success: function(response){ + + //toggle and empty box + defaultListing.hide(); + searchListing.empty(); + + //Fade in new search results + setTimeout(function(){ + searchTable.removeClass('fadeResultOut'); + }, 1000); + + + if(response.items.length === 0){ + var linkhtml = 'No threads found'; + searchListing.append(linkhtml); + } + + //iterate + _.each(response.items, function(item){ + var itemData = { + name: item.Fields.nodeName, + url: item.Fields.url, + + hasAnswer: item.Fields.solved == 1, + replies: item.Fields.replies, + + body: item.Fields.body.substring(0, 150), + + forumUrl: item.Fields.parentId, + forumName: "Category", + + updateDate: item.Fields.updateDate + }; + + searchListing.append( + template( itemData ) + ); + }); + + } + }); + } +}, 300); + + +var globalSearch = _.debounce(function(ev) { + var term = this.value; + + if(term.length === 0){ + $('.search-all').removeClass('open'); + } + + if(term.length > 3){ + var url = "/umbraco/api/OurSearch/GetGlobalSearchResults"; + var template = _.template( + $( "script.search-item-template" ).html() + ); + + //get search from server + $.ajax({ + dataType: "json", + url: url, + data: {term: term}, + success: function(response){ + //toggle and empty box + $('.search-all').addClass('open'); + $('.search-all ul').empty(); + + //iterate + _.each(response.items, function(item){ + + //append as templated html + var type = item.Fields.nodeTypeAlias; + var icon = "icon-Chat"; + + if(type === "documentation"){ + icon = "icon-Book-alt"; + } + if(type === "project"){ + icon = "icon-Box"; + } + + var itemData = {icon: icon, name: item.Fields.nodeName, description: _.escape(item.Fields.body.substring(0, 100)), url: item.Fields.url}; + $('.search-all ul').append( + template( itemData ) + ); + }); + + if(response.items.length > 0){ + var linkhtml = '
    • View All results
    • '; + $('.search-all ul').append(linkhtml); + }else{ + $('.search-all ul').append("
    • No results
    • "); + } + + } + }); + } +}, 300); + +jQuery(document).ready(function (){ + +//docs search form +$('.docs-search-input') + .keydown(redirectToSearch) + .keyup(docsSearch); + +//forum search form +$('.forum-search-input') + .keydown(redirectToSearch) + .keyup( forumSearch ); + +// Frontpage search form +$('.search-input') + .keydown(redirectToSearch) + .keyup(globalSearch); + +//project search form +$('.project-search-input') + .keydown(redirectToSearch) + .keyup(projectSearch); + +}); + diff --git a/OurUmbraco.Client/src/scss/_documentation.scss b/OurUmbraco.Client/src/scss/_documentation.scss new file mode 100644 index 00000000..2cb9ac37 --- /dev/null +++ b/OurUmbraco.Client/src/scss/_documentation.scss @@ -0,0 +1,166 @@ +$docs-color: $green; +.sidebar { + ul { + list-style: none; + padding-left: 10px; + + &.open { + max-height: 300px; + } + h3, h4, h5 { + margin-top: 10px; + margin-bottom: 5px; + } + } + .level-1 { + // border-left:1px solid $docs-color; + h3 { + font-size: 1.1em; + color: #333; + } + } + .level-2 { + overflow: hidden; + max-height: 0; + border-left:1px solid lighten($docs-color,10%); + + h4 { + color: #333; + } + } + .level-3 { + overflow: hidden; + max-height: 0; + border-left:1px solid lighten($docs-color,35%); + } +} + + +#markdown-docs pre code { + padding: 0; + color: inherit; + background-color: transparent; + border: 0; +} + +#markdown-docs code { + font-family: Consolas, Menlo, Monaco, "Courier New", monospace; + font-size: 12px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + color: #d14; + display: inline-block !important; + margin: 0 !important; + max-width: 100% !important; + margin: 0 2px; + padding: 0 5px; + white-space: pre-wrap; + word-wrap: break-word; + border: 1px solid #EAEAEA; + background-color: #F8F8F8; + border-radius: 3px; +} + +pre code { + padding: 0; + color: inherit; + background-color: transparent; + border: 0; +} + +code { + padding: 3px 4px; + color: #d14; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; +} + +code, pre { + padding: 0 3px 2px; + font-family: Menlo, Monaco, "Courier New", monospace; + font-size: 12px; + color: #333333; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +user agent stylesheettt, code, kbd, samp { + font-family: monospace; +} + +#markdown-docs pre { + display: block; + padding: 8.5px; + margin: 0 0 9px; + font-size: 12.025px; + line-height: 18px; + background-color: #F2F2F2; + border: 1px solid #cecece; + border-left: 4px solid #cecece; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + white-space: pre; + white-space: pre-wrap; + word-break: break-all; + word-wrap: break-word; + max-width: 100% !important; +} + +#markdown-docs pre { + padding: 0 3px 2px; + color: #333333; + border: 1px solid #EAEAEA !Important; + background-color: #F8F8F8 !Important; + border-left: 4px solid #EAEAEA !Important; +} + +pre { + display: block; + padding: 8.5px; + margin: 0 0 9px; + font-size: 12px; + line-height: 18px; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + white-space: pre; + white-space: pre-wrap; + word-break: break-all; + word-wrap: break-word; +} + +code, pre { + padding: 0 3px 2px; + font-family: Menlo, Monaco, "Courier New", monospace; + font-size: 12px; + color: #333333; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +user agent stylesheetpre, xmp, plaintext, listing { + display: block; + font-family: monospace; + white-space: pre; + margin: 1em 0px; +} + +#markdown-docs { + margin: 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + line-height: 18px; + color: #333333; + + .search-big { + margin-bottom: 0; + margin-top: 20px; + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/_playground.scss b/OurUmbraco.Client/src/scss/_playground.scss new file mode 100644 index 00000000..d3dc2336 --- /dev/null +++ b/OurUmbraco.Client/src/scss/_playground.scss @@ -0,0 +1,190 @@ +html, body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-text-size-adjust: none; + overflow-x: hidden; + min-height: 100%; + // height: 100%; + // -webkit-overflow-scrolling: touch; +} + +body { + font-family: $font-family; + position: relative; + font-size: 16px; + width: 100%; +} + + +// Link and buttons +a, a:visited, a:active { + color: inherit; +} + + +// Typography +p, li { + line-height: 1.3; + font-size: 1rem; + font-weight: 400; +} + + +// Element based +section { + padding: 20px 0; + + @media (min-width: $md) { + padding: 80px 0; + } +} + +.user { + position: relative; +} + + +.unread { + border-left: 3px solid $color-our; +} + + +.user-logged-in { + + .search-all { + + .search-all-form { + margin-top: 0; + } + } + + .search-text { + padding: 2.2em 0 1rem !important; + + p { + display: none; + } + } + + section.forum { + padding: 30px 0; + min-height: 0; + &:before { + display: none; + } + } +} + + +// new header shit! +.search-all { + background: $color-our; + + .search-text { + padding: 1rem 0 3rem; + + strong { + font-size: 1.2rem; + margin: 0 0 .8rem; + display: block; + color: rgba(#fff, 1); + } + + p { + color: rgba(#fff, 1); + } + } + + input { + -webkit-appearance: none; + border-radius: 0; + } +} + + +// Crap +.loader-placeholder { + margin: 30px auto; + width: 100%; + + .span { + margin: 0 auto; + } +} + +.login { + h2 { + margin-bottom: .8rem; + text-align: center; + font-size: 1.5rem; + color: rgba(#000, .8); + } + + p { + font-size: .95rem; + color: $color-text; + + a { + text-decoration: underline !important; + + &:hover { + text-decoration: none; + } + } + } +} + +#registrationForm { + padding: 0; + + fieldset { + max-width: 640px; + + p { + display: block; + margin-left: 0; + } + } + + label { + text-align: left; + font-size: .85rem; + } + + input { + margin-bottom: 5px; + display: inline-block; + font-family: $font-family; + } + + input[type=text], input[type=password] { + width: 100%; + padding: 10px 20px 10px 8px; + font-size: 1rem; + border: 1px solid darken(whitesmoke, 8%); + border-radius: 5px; + } + + input[type=submit] { + margin: 1rem auto 1rem; + display: inline-block; + @extend .button; @extend .tiny; @extend .green; + padding: 15px 45px !important; + font-size: 1rem !important; + } + + p { + display: inline-block; + font-size: .9rem; + + @media (min-width: $md) { + margin-left: .5rem; + } + + a { + &:hover { + text-decoration: none !important; + } + } + } +} diff --git a/OurUmbraco.Client/src/scss/core/_animations.scss b/OurUmbraco.Client/src/scss/core/_animations.scss new file mode 100644 index 00000000..1564351b --- /dev/null +++ b/OurUmbraco.Client/src/scss/core/_animations.scss @@ -0,0 +1,124 @@ +@keyframes animGenie { + 0% { + opacity:1; transform: scale(0); + } + + 25% { + opacity:1; transform: scale(1.2); + } + + 50% { + opacity:1; transform: scale(.8); + } + + 75% { + opacity:1; transform: scale(1.1); + } + + 100% { + opacity:1; transform: scale(1); + } + +} + + + +@keyframes fadeOut { + 0% { + opacity:0; + } + + 50% { + opacity:1; + } + + 100% { + opacity:0; + } + +} + + + +@keyframes newIn { + 0%{ + background-color: rgba($color-our, .1); + box-shadow: 0 3px 6px rgba(#000, .08), 0 3px 6px rgba(#000, .14); + } + + 100%{ + background-color: #fff; + box-shadow: none; + } +} + + + +@keyframes fadeInUp { + 0% { + opacity: 0; + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + transform: none; + } +} + + + +@keyframes searchLoading { + 0% { + opacity:1; + } + + 50% { + opacity:0; + } + + 100% { + opacity:1; + } +} + +// Search result animation +.table.table-striped.topic-list, .projects-default-listing, .docs-search-listing { + opacity: 1; + transition: opacity 50ms $cubicSearch; + &.fadeResultOut { + opacity: 0; + } +} + + +.fadeInUp { + animation-name: fadeInUp; + animation-duration: 1s; + animation-fill-mode: both; +} + +// Classes to add +.newInAnimation { + animation-name: newIn; + animation-duration: 1.2s; + animation-iteration-count: 3; + animation-fill-mode: backwards; + animation-timing-function: $cubicSearch; +} + +.fadeOut { + animation-name: fadeOut; + animation-duration: 1.2s; + animation-iteration-count: 1; + animation-fill-mode: forward; + animation-timing-function: $cubicSearch; + display: block; +} + +.searchLoading { + animation-name: searchLoading; + animation-duration: 2s; + animation-iteration-count: 1; + animation-timing-function: $cubicSearch; +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/core/_bootstrap.scss b/OurUmbraco.Client/src/scss/core/_bootstrap.scss new file mode 100644 index 00000000..8b2aba2c --- /dev/null +++ b/OurUmbraco.Client/src/scss/core/_bootstrap.scss @@ -0,0 +1,1383 @@ +.container { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; +} + +.row { + margin-left: -15px; + margin-right: -15px; + margin-top: 20px; + margin-bottom: 20px; +} +.row:before, +.row:after { + content: " "; + display: table; +} +.row:after { + clear: both; +} +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left; +} +.col-xs-12 { + width: 100%; +} +.col-xs-11 { + width: 91.66666666666666%; +} +.col-xs-10 { + width: 83.33333333333334%; +} +.col-xs-9 { + width: 75%; +} +.col-xs-8 { + width: 66.66666666666666%; +} +.col-xs-7 { + width: 58.333333333333336%; +} +.col-xs-6 { + width: 50%; +} +.col-xs-5 { + width: 41.66666666666667%; +} +.col-xs-4 { + width: 33.33333333333333%; +} +.col-xs-3 { + width: 25%; +} +.col-xs-2 { + width: 16.666666666666664%; +} +.col-xs-1 { + width: 8.333333333333332%; +} +.col-xs-pull-12 { + right: 100%; +} +.col-xs-pull-11 { + right: 91.66666666666666%; +} +.col-xs-pull-10 { + right: 83.33333333333334%; +} +.col-xs-pull-9 { + right: 75%; +} +.col-xs-pull-8 { + right: 66.66666666666666%; +} +.col-xs-pull-7 { + right: 58.333333333333336%; +} +.col-xs-pull-6 { + right: 50%; +} +.col-xs-pull-5 { + right: 41.66666666666667%; +} +.col-xs-pull-4 { + right: 33.33333333333333%; +} +.col-xs-pull-3 { + right: 25%; +} +.col-xs-pull-2 { + right: 16.666666666666664%; +} +.col-xs-pull-1 { + right: 8.333333333333332%; +} +.col-xs-pull-0 { + right: 0%; +} +.col-xs-push-12 { + left: 100%; +} +.col-xs-push-11 { + left: 91.66666666666666%; +} +.col-xs-push-10 { + left: 83.33333333333334%; +} +.col-xs-push-9 { + left: 75%; +} +.col-xs-push-8 { + left: 66.66666666666666%; +} +.col-xs-push-7 { + left: 58.333333333333336%; +} +.col-xs-push-6 { + left: 50%; +} +.col-xs-push-5 { + left: 41.66666666666667%; +} +.col-xs-push-4 { + left: 33.33333333333333%; +} +.col-xs-push-3 { + left: 25%; +} +.col-xs-push-2 { + left: 16.666666666666664%; +} +.col-xs-push-1 { + left: 8.333333333333332%; +} +.col-xs-push-0 { + left: 0%; +} +.col-xs-offset-12 { + margin-left: 100%; +} +.col-xs-offset-11 { + margin-left: 91.66666666666666%; +} +.col-xs-offset-10 { + margin-left: 83.33333333333334%; +} +.col-xs-offset-9 { + margin-left: 75%; +} +.col-xs-offset-8 { + margin-left: 66.66666666666666%; +} +.col-xs-offset-7 { + margin-left: 58.333333333333336%; +} +.col-xs-offset-6 { + margin-left: 50%; +} +.col-xs-offset-5 { + margin-left: 41.66666666666667%; +} +.col-xs-offset-4 { + margin-left: 33.33333333333333%; +} +.col-xs-offset-3 { + margin-left: 25%; +} +.col-xs-offset-2 { + margin-left: 16.666666666666664%; +} +.col-xs-offset-1 { + margin-left: 8.333333333333332%; +} +.col-xs-offset-0 { + margin-left: 0%; +} + + + +table { + background-color: transparent; +} +caption { + padding-top: 8px; + padding-bottom: 8px; + color: #777777; + text-align: left; +} +th { + text-align: left; +} +.table { + width: 100%; + max-width: 100%; + margin-bottom: 20px; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #dddddd; +} +.table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #dddddd; +} +.table > caption + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > th, +.table > thead:first-child > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table > tbody + tbody { + border-top: 2px solid #dddddd; +} +.table .table { + background-color: #ffffff; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 5px; +} +.table-bordered { + border: 1px solid #dddddd; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 1px solid #dddddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} +.table-striped > tbody > tr:nth-child(odd) { + background-color: #f9f9f9; +} +.table-hover > tbody > tr:hover { + background-color: #f5f5f5; +} +table col[class*="col-"] { + position: static; + float: none; + display: table-column; +} +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background-color: #f5f5f5; +} +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr:hover > .active, +.table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background-color: #dff0d8; +} +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr:hover > .success, +.table-hover > tbody > tr.success:hover > th { + background-color: #d0e9c6; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background-color: #d9edf7; +} +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, +.table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr:hover > .info, +.table-hover > tbody > tr.info:hover > th { + background-color: #c4e3f3; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background-color: #fcf8e3; +} +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr:hover > .warning, +.table-hover > tbody > tr.warning:hover > th { + background-color: #faf2cc; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background-color: #f2dede; +} +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr:hover > .danger, +.table-hover > tbody > tr.danger:hover > th { + background-color: #ebcccc; +} +.table-responsive { + overflow-x: auto; + min-height: 0.01%; +} +@media screen and (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #dddddd; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} +.clearfix:before, +.clearfix:after { + content: " "; + display: table; +} +.clearfix:after { + clear: both; +} + + +@media (min-width: 768px) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666666666666%; + } + .col-sm-10 { + width: 83.33333333333334%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666666666666%; + } + .col-sm-7 { + width: 58.333333333333336%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666666666667%; + } + .col-sm-4 { + width: 33.33333333333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.666666666666664%; + } + .col-sm-1 { + width: 8.333333333333332%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-pull-11 { + right: 91.66666666666666%; + } + .col-sm-pull-10 { + right: 83.33333333333334%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-8 { + right: 66.66666666666666%; + } + .col-sm-pull-7 { + right: 58.333333333333336%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-5 { + right: 41.66666666666667%; + } + .col-sm-pull-4 { + right: 33.33333333333333%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-2 { + right: 16.666666666666664%; + } + .col-sm-pull-1 { + right: 8.333333333333332%; + } + .col-sm-pull-0 { + right: 0%; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-push-11 { + left: 91.66666666666666%; + } + .col-sm-push-10 { + left: 83.33333333333334%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-8 { + left: 66.66666666666666%; + } + .col-sm-push-7 { + left: 58.333333333333336%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-5 { + left: 41.66666666666667%; + } + .col-sm-push-4 { + left: 33.33333333333333%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-2 { + left: 16.666666666666664%; + } + .col-sm-push-1 { + left: 8.333333333333332%; + } + .col-sm-push-0 { + left: 0%; + } + .col-sm-offset-12 { + margin-left: 100%; + } + .col-sm-offset-11 { + margin-left: 91.66666666666666%; + } + .col-sm-offset-10 { + margin-left: 83.33333333333334%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-8 { + margin-left: 66.66666666666666%; + } + .col-sm-offset-7 { + margin-left: 58.333333333333336%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-5 { + margin-left: 41.66666666666667%; + } + .col-sm-offset-4 { + margin-left: 33.33333333333333%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-2 { + margin-left: 16.666666666666664%; + } + .col-sm-offset-1 { + margin-left: 8.333333333333332%; + } + .col-sm-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 992px) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666666666666%; + } + .col-md-10 { + width: 83.33333333333334%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666666666666%; + } + .col-md-7 { + width: 58.333333333333336%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666666666667%; + } + .col-md-4 { + width: 33.33333333333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.666666666666664%; + } + .col-md-1 { + width: 8.333333333333332%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-pull-11 { + right: 91.66666666666666%; + } + .col-md-pull-10 { + right: 83.33333333333334%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-8 { + right: 66.66666666666666%; + } + .col-md-pull-7 { + right: 58.333333333333336%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-5 { + right: 41.66666666666667%; + } + .col-md-pull-4 { + right: 33.33333333333333%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-2 { + right: 16.666666666666664%; + } + .col-md-pull-1 { + right: 8.333333333333332%; + } + .col-md-pull-0 { + right: 0%; + } + .col-md-push-12 { + left: 100%; + } + .col-md-push-11 { + left: 91.66666666666666%; + } + .col-md-push-10 { + left: 83.33333333333334%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-8 { + left: 66.66666666666666%; + } + .col-md-push-7 { + left: 58.333333333333336%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-5 { + left: 41.66666666666667%; + } + .col-md-push-4 { + left: 33.33333333333333%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-2 { + left: 16.666666666666664%; + } + .col-md-push-1 { + left: 8.333333333333332%; + } + .col-md-push-0 { + left: 0%; + } + .col-md-offset-12 { + margin-left: 100%; + } + .col-md-offset-11 { + margin-left: 91.66666666666666%; + } + .col-md-offset-10 { + margin-left: 83.33333333333334%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-8 { + margin-left: 66.66666666666666%; + } + .col-md-offset-7 { + margin-left: 58.333333333333336%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-5 { + margin-left: 41.66666666666667%; + } + .col-md-offset-4 { + margin-left: 33.33333333333333%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-2 { + margin-left: 16.666666666666664%; + } + .col-md-offset-1 { + margin-left: 8.333333333333332%; + } + .col-md-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 1200px) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666666666666%; + } + .col-lg-10 { + width: 83.33333333333334%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666666666666%; + } + .col-lg-7 { + width: 58.333333333333336%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666666666667%; + } + .col-lg-4 { + width: 33.33333333333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.666666666666664%; + } + .col-lg-1 { + width: 8.333333333333332%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-pull-11 { + right: 91.66666666666666%; + } + .col-lg-pull-10 { + right: 83.33333333333334%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-8 { + right: 66.66666666666666%; + } + .col-lg-pull-7 { + right: 58.333333333333336%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-5 { + right: 41.66666666666667%; + } + .col-lg-pull-4 { + right: 33.33333333333333%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-2 { + right: 16.666666666666664%; + } + .col-lg-pull-1 { + right: 8.333333333333332%; + } + .col-lg-pull-0 { + right: 0%; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-push-11 { + left: 91.66666666666666%; + } + .col-lg-push-10 { + left: 83.33333333333334%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-8 { + left: 66.66666666666666%; + } + .col-lg-push-7 { + left: 58.333333333333336%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-5 { + left: 41.66666666666667%; + } + .col-lg-push-4 { + left: 33.33333333333333%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-2 { + left: 16.666666666666664%; + } + .col-lg-push-1 { + left: 8.333333333333332%; + } + .col-lg-push-0 { + left: 0%; + } + .col-lg-offset-12 { + margin-left: 100%; + } + .col-lg-offset-11 { + margin-left: 91.66666666666666%; + } + .col-lg-offset-10 { + margin-left: 83.33333333333334%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-8 { + margin-left: 66.66666666666666%; + } + .col-lg-offset-7 { + margin-left: 58.333333333333336%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-5 { + margin-left: 41.66666666666667%; + } + .col-lg-offset-4 { + margin-left: 33.33333333333333%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-2 { + margin-left: 16.666666666666664%; + } + .col-lg-offset-1 { + margin-left: 8.333333333333332%; + } + .col-lg-offset-0 { + margin-left: 0%; + } +} +@-ms-viewport { + width: device-width; +} +.visible-xs, +tr.visible-xs, +th.visible-xs, +td.visible-xs { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-xs.visible-sm { + display: block !important; + } + table.visible-xs.visible-sm { + display: table; + } + tr.visible-xs.visible-sm { + display: table-row !important; + } + th.visible-xs.visible-sm, + td.visible-xs.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-xs.visible-md { + display: block !important; + } + table.visible-xs.visible-md { + display: table; + } + tr.visible-xs.visible-md { + display: table-row !important; + } + th.visible-xs.visible-md, + td.visible-xs.visible-md { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-xs.visible-lg { + display: block !important; + } + table.visible-xs.visible-lg { + display: table; + } + tr.visible-xs.visible-lg { + display: table-row !important; + } + th.visible-xs.visible-lg, + td.visible-xs.visible-lg { + display: table-cell !important; + } +} +.visible-sm, +tr.visible-sm, +th.visible-sm, +td.visible-sm { + display: none !important; +} +@media (max-width: 767px) { + .visible-sm.visible-xs { + display: block !important; + } + table.visible-sm.visible-xs { + display: table; + } + tr.visible-sm.visible-xs { + display: table-row !important; + } + th.visible-sm.visible-xs, + td.visible-sm.visible-xs { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-sm.visible-md { + display: block !important; + } + table.visible-sm.visible-md { + display: table; + } + tr.visible-sm.visible-md { + display: table-row !important; + } + th.visible-sm.visible-md, + td.visible-sm.visible-md { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-sm.visible-lg { + display: block !important; + } + table.visible-sm.visible-lg { + display: table; + } + tr.visible-sm.visible-lg { + display: table-row !important; + } + th.visible-sm.visible-lg, + td.visible-sm.visible-lg { + display: table-cell !important; + } +} +.visible-md, +tr.visible-md, +th.visible-md, +td.visible-md { + display: none !important; +} +@media (max-width: 767px) { + .visible-md.visible-xs { + display: block !important; + } + table.visible-md.visible-xs { + display: table; + } + tr.visible-md.visible-xs { + display: table-row !important; + } + th.visible-md.visible-xs, + td.visible-md.visible-xs { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-md.visible-sm { + display: block !important; + } + table.visible-md.visible-sm { + display: table; + } + tr.visible-md.visible-sm { + display: table-row !important; + } + th.visible-md.visible-sm, + td.visible-md.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-md.visible-lg { + display: block !important; + } + table.visible-md.visible-lg { + display: table; + } + tr.visible-md.visible-lg { + display: table-row !important; + } + th.visible-md.visible-lg, + td.visible-md.visible-lg { + display: table-cell !important; + } +} +.visible-lg, +tr.visible-lg, +th.visible-lg, +td.visible-lg { + display: none !important; +} +@media (max-width: 767px) { + .visible-lg.visible-xs { + display: block !important; + } + table.visible-lg.visible-xs { + display: table; + } + tr.visible-lg.visible-xs { + display: table-row !important; + } + th.visible-lg.visible-xs, + td.visible-lg.visible-xs { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-lg.visible-sm { + display: block !important; + } + table.visible-lg.visible-sm { + display: table; + } + tr.visible-lg.visible-sm { + display: table-row !important; + } + th.visible-lg.visible-sm, + td.visible-lg.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-lg.visible-md { + display: block !important; + } + table.visible-lg.visible-md { + display: table; + } + tr.visible-lg.visible-md { + display: table-row !important; + } + th.visible-lg.visible-md, + td.visible-lg.visible-md { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +.hidden-xs { + display: block !important; +} +table.hidden-xs { + display: table; +} +tr.hidden-xs { + display: table-row !important; +} +th.hidden-xs, +td.hidden-xs { + display: table-cell !important; +} +@media (max-width: 767px) { + .hidden-xs, + tr.hidden-xs, + th.hidden-xs, + td.hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-xs.hidden-sm, + tr.hidden-xs.hidden-sm, + th.hidden-xs.hidden-sm, + td.hidden-xs.hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-xs.hidden-md, + tr.hidden-xs.hidden-md, + th.hidden-xs.hidden-md, + td.hidden-xs.hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-xs.hidden-lg, + tr.hidden-xs.hidden-lg, + th.hidden-xs.hidden-lg, + td.hidden-xs.hidden-lg { + display: none !important; + } +} +.hidden-sm { + display: block !important; +} +table.hidden-sm { + display: table; +} +tr.hidden-sm { + display: table-row !important; +} +th.hidden-sm, +td.hidden-sm { + display: table-cell !important; +} +@media (max-width: 767px) { + .hidden-sm.hidden-xs, + tr.hidden-sm.hidden-xs, + th.hidden-sm.hidden-xs, + td.hidden-sm.hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm, + tr.hidden-sm, + th.hidden-sm, + td.hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-sm.hidden-md, + tr.hidden-sm.hidden-md, + th.hidden-sm.hidden-md, + td.hidden-sm.hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-sm.hidden-lg, + tr.hidden-sm.hidden-lg, + th.hidden-sm.hidden-lg, + td.hidden-sm.hidden-lg { + display: none !important; + } +} +.hidden-md { + display: block !important; +} +table.hidden-md { + display: table; +} +tr.hidden-md { + display: table-row !important; +} +th.hidden-md, +td.hidden-md { + display: table-cell !important; +} +@media (max-width: 767px) { + .hidden-md.hidden-xs, + tr.hidden-md.hidden-xs, + th.hidden-md.hidden-xs, + td.hidden-md.hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-md.hidden-sm, + tr.hidden-md.hidden-sm, + th.hidden-md.hidden-sm, + td.hidden-md.hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md, + tr.hidden-md, + th.hidden-md, + td.hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-md.hidden-lg, + tr.hidden-md.hidden-lg, + th.hidden-md.hidden-lg, + td.hidden-md.hidden-lg { + display: none !important; + } +} +.hidden-lg { + display: block !important; +} +table.hidden-lg { + display: table; +} +tr.hidden-lg { + display: table-row !important; +} +th.hidden-lg, +td.hidden-lg { + display: table-cell !important; +} +@media (max-width: 767px) { + .hidden-lg.hidden-xs, + tr.hidden-lg.hidden-xs, + th.hidden-lg.hidden-xs, + td.hidden-lg.hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-lg.hidden-sm, + tr.hidden-lg.hidden-sm, + th.hidden-lg.hidden-sm, + td.hidden-lg.hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-lg.hidden-md, + tr.hidden-lg.hidden-md, + th.hidden-lg.hidden-md, + td.hidden-lg.hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg, + tr.hidden-lg, + th.hidden-lg, + td.hidden-lg { + display: none !important; + } +} +.visible-print, +tr.visible-print, +th.visible-print, +td.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } + .hidden-print, + tr.hidden-print, + th.hidden-print, + td.hidden-print { + display: none !important; + } +} diff --git a/OurUmbraco.Client/src/scss/core/_helpers.scss b/OurUmbraco.Client/src/scss/core/_helpers.scss new file mode 100644 index 00000000..bd786f03 --- /dev/null +++ b/OurUmbraco.Client/src/scss/core/_helpers.scss @@ -0,0 +1,263 @@ +// // // // +// Variables +// // // // + + // Typography colors + $color-black: #000000; + $color-grey: #565656; + $color-light: #a9a9a9; + $color-white: #ffffff; + + $color-space: #7F9499; + + // Element colors + $color-light-grey: #f1f1f1; + $color-blue: #2f6bff; + $color-green: #2EB369; + $color-turquoise: #43cfcf; + $color-orange: #EB7439; + $color-red: #fe6561; + $color-pink: #E13E8F; + $color-our-green: #56f272; + $color-joker: #a3db78; + + + $color-our: $color-joker; + + $color-roles-purple: #df89ff; + $color-roles-orange: #e8b142; + $color-roles-blue: #5dacff; + + $color-headline: rgba(#000, .8); + $color-text: rgba(#000, 1); + $color-text-hover: rgba(#000, 1); + + $color-markdown-bg: #333; + + // Font-family + $font-family: 'Asap', sans-serif; + + + + // Font-sizes + $font-size-header: 1.6rem; + $font-size-big: 2rem; + $font-size-normal: 1rem; + $font-size-small: .9rem; + + + // Font-weights + $font-weight-bold: bold; + + + + // Transitions + $cubicSearch : cubic-bezier(0.7,0,0.3,1); + + $easeExpo : cubic-bezier(.0,.0,.22,.88); + + + + // Breakpoints + $xs: 768px; + $md: 992px; + + + +// // // // +// Helpers +// // // // + + // Image sizes (Avatar) + %small { + width: 40px; + height: auto; + } + + %medium { + width: 58px; + height: auto; + } + + %large { + width: 68px; + height: auto; + } + + %huge { + width: 128px; + height: auto; + } + + // Box shadow on hover + .BoxShadow { + box-shadow: 0 3px 6px rgba(#000, .16), 0 3px 6px rgba(#000, .23); + } + + // New Box Shadow + @mixin box_shadow ($level) { + + @if $level == 1 { + box-shadow: 0 1px 3px rgba(#000, .12), 0 1px 2px rgba(#000, .24); + } @else if $level == 2 { + box-shadow: 0 3px 6px rgba(#000, .16), 0 3px 6px rgba(#000, .23); + } @else if $level == 3 { + box-shadow: 0 10px 20px rgba(#000, .19), 0 6px 6px rgba(#000, .23); + } @else if $level == 4 { + box-shadow: 0 14px 28px rgba(#000, .25), 0 10px 10px rgba(#000, .22); + } @else if $level == 5 { + box-shadow: 0 19px 38px rgba(#000, .30), 0 15px 12px rgba(#000, .22); + } + + } + + + .text-center { + text-align: center; + } + + + + + +// // // // +// Mixins +// // // // + + + + + // Transitions + @mixin transition($type, $time) { + transition: $type $time; + } + + @mixin transitionMultiple($args...) { + transition: $args $cubicSearch; + } + + @mixin placeholder { + ::-webkit-input-placeholder {@content}; + :-moz-placeholder {@content}; + ::-moz-placeholder {@content}; + :-ms-input-placeholder {@content}; + } + + + + + // Notifications + $color-notification-blue: #3894FF; + $color-notification-green: #1BFF79; + $color-notification-spaced: #383D43; + $color-notification-yellow: #fcf5e2; + $color-notification-red: #FC353A; + + + + @mixin colorset($extend) { + + + + &__red { + @extend .#{$extend}; + + border: 1px solid darken($color-notification-red, 10%); + background: lighten($color-notification-red, 25%); + color: darken($color-notification-red, 45%); + + a, a:visited { + text-decoration: underline; + color: darken($color-notification-red, 45%); + + &:hover { + text-decoration: none; + } + } + + .close-notification { + &:hover { + color: darken($color-notification-red, 25%); + } + } + } + + + + + &__yellow { + @extend .#{$extend}; + + border: 1px solid darken($color-notification-yellow, 10%); + background: darken($color-notification-yellow, 5%); + color: darken($color-notification-yellow, 60%); + + a, a:visited { + text-decoration: underline; + color: darken($color-notification-yellow, 60%); + + &:hover { + text-decoration: none; + } + } + + .close-notification { + &:hover { + color: darken($color-notification-yellow, 30%); + } + } + } + + + + + &__blue { + @extend .#{$extend}; + + border: 1px solid lighten($color-notification-blue, 10%); + background: lighten($color-notification-blue, 25%); + color: darken($color-notification-blue, 30%); + + a, a:visited { + text-decoration: underline; + color: darken($color-notification-blue, 30%); + + &:hover { + text-decoration: none; + } + } + + .close-notification { + &:hover { + color: darken($color-notification-blue, 50%); + } + } + } + + + + + &__green { + @extend .#{$extend}; + + border: 1px solid darken($color-notification-green, 10%); + background: lighten($color-notification-green, 25%); + color: darken($color-notification-green, 30%); + + a, a:visited { + text-decoration: underline; + color: darken($color-notification-green, 30%); + + &:hover { + text-decoration: none; + } + } + + .close-notification { + &:hover { + color: darken($color-notification-green, 50%); + } + } + } + + } diff --git a/OurUmbraco.Client/src/scss/core/_reset.scss b/OurUmbraco.Client/src/scss/core/_reset.scss new file mode 100644 index 00000000..b32e0f03 --- /dev/null +++ b/OurUmbraco.Client/src/scss/core/_reset.scss @@ -0,0 +1,93 @@ +html, body, div, span, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +abbr, address, cite, code, +del, dfn, em, img, ins, kbd, q, samp, +small, strong, sub, sup, var, +b, i, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, figcaption, figure, +footer, header, hgroup, menu, nav, section, summary, +time, mark, audio, video { + margin:0; + padding:0; + outline:0; + border:0; + background:transparent; + vertical-align:baseline; + font-size:100%; +} +body { + line-height:1; + margin: 0; +} +article,aside,details,figcaption,figure, +footer,header,hgroup,menu,nav,section { + display:block; +} +nav ul { + list-style:none; +} +blockquote, q { + quotes:none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content:''; + content:none; +} +a { + margin:0; + padding:0; + background:transparent; + vertical-align:baseline; + font-size:100%; +} +ins { + background-color:#ff9; + color:#000; + text-decoration:none; +} +mark { + background-color:#ff9; + color:#000; + font-weight:bold; + font-style:italic; +} +del { + text-decoration: line-through; +} +abbr[title], dfn[title] { + border-bottom:1px dotted; + cursor:help; +} +table { + border-spacing:0; + border-collapse:collapse; +} +hr { + display:block; + margin:1em 0; + padding:0; + height:1px; + border:0; + border-top:1px solid #cccccc; +} +input, select { + vertical-align:middle; +} + +html { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +*, *:before, *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +h1, h2, h3, h4, h5, h6 { + font-weight: 100; +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_alertbar.scss b/OurUmbraco.Client/src/scss/elements/_alertbar.scss new file mode 100644 index 00000000..a75b3e2c --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_alertbar.scss @@ -0,0 +1,40 @@ +.alertbar { + background: #f4ebba; + text-align: center; + border: none !important; + + padding: 20px; + + @include colorset(alertbar); + + h1, h2, h3 { + margin-bottom: .8rem; + } + + h1 { + font-size: 1.7rem; + } + + h2 { + font-size: 1.3rem; + } + + h3 { + font-size: 1rem; + } + + p { + font-size: .95rem; + + a { + &:hover { + text-decoration: none; + } + } + } + + img { + max-width: 100%; + height: auto; + } +} diff --git a/OurUmbraco.Client/src/scss/elements/_breadcrumb.scss b/OurUmbraco.Client/src/scss/elements/_breadcrumb.scss new file mode 100644 index 00000000..65454696 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_breadcrumb.scss @@ -0,0 +1,53 @@ +#breadcrumb { + padding: 10px 10px 10px 0; + transform: translate(0, 0); + margin: 0; + display: block; + width: 100%; + + @media (min-width: $md) { + display: inline-block; + width: auto; + } + + li { + display: inline-block; + list-style: none; + + &:after { + content: ""; + background: url('../images/breadcrumb.png'); + background-repeat: no-repeat; + background-size: 16px 16px; + display: inline-block; + background-position: center bottom; + height: 20px; + width: 16px; + margin-left: 3px; + margin-right: 3px; + transform: translateY(4px); + } + + a { + color: $color-text; + text-decoration: none; + font-size: .8rem; + @include transition(color, .1s); + + &:hover { + color: $color-text-hover; + text-decoration: underline; + } + } + + &:last-child { + a { + color: $color-text-hover; + } + + &:after { + display: none; + } + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_buttons.scss b/OurUmbraco.Client/src/scss/elements/_buttons.scss new file mode 100644 index 00000000..d7beffa7 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_buttons.scss @@ -0,0 +1,137 @@ +.button, a.button { + background: $color-blue; + padding: 20px 40px; + display: inline-block; + text-decoration: none; + border: none; + border-radius: 3px; + -webkit-appearance: none; + position: relative; + overflow: hidden; + + color: #fff; + text-align: center; + font-size: 1rem; + + @include transition(background, .2s); + cursor: pointer; + user-select: none; + + &:hover { + background: lighten($color-blue, 5%); + } + + + span { + position: relative; + z-index: 20; + } + + + &.green { + background: $color-green; + + &:hover { + background: lighten($color-green, 5%); + } + } + + + + + &.white { + background: #fff; + color: $color-text; + + &:hover { + background: rgba(#fff, .7); + } + } + + + + + &.red { + background: $color-red; + color: #fff; + + &:hover { + background: lighten($color-red, 5%); + } + } + + + + + &.transparent { + border: 1px solid $color-grey; + background: none; + color: $color-grey; + + &:hover { + background: none; + color: #000; + border-color: #000; + } + + .ink { + background:rgba($color-green, 0.3); + } + } + + + + &.pink { + background: $color-pink; + + &:hover { + background: lighten($color-pink, 5%); + } + } + + + + &.large { + font-size: 1.2rem; + } + + + + &.tiny { + padding: 10px 20px; + font-size: .9rem; + } +} + + + +button.button { + font-family: $font-family; + cursor: pointer; + outline: none; + + &:active, &:focus { + outline: none; + } +} + + +// Click animation +.ink { + display: block; + position: absolute; + background: rgba(255, 255, 255, 0.3); + border-radius: 100%; + transform: scale(0); +} + +.animate { + animation:ripple 0.65s $easeExpo; +} + +@keyframes ripple { + 100% { + opacity: 0; + transform: scale(2); + } +} diff --git a/OurUmbraco.Client/src/scss/elements/_categories.scss b/OurUmbraco.Client/src/scss/elements/_categories.scss new file mode 100644 index 00000000..7d0c5858 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_categories.scss @@ -0,0 +1,91 @@ +.category, .version { + display: inline-block; + margin: 0; + + a, span.cat { + display: inline-block; + font-weight: bold; + border-radius: 2px; + font-size: .70rem; + padding: 3px 5px; + text-decoration: none; + text-transform: capitalize; + @include transition(background, .2s); + + @media (min-width: $md) { + padding: 4px 6px; + font-size: .85rem; + } + } + + &.default { + a, span.cat { + background: transparent; + border: 1px solid #cbcbcb; + color: darken(#cbcbcb, 10%); + + &:hover { + color: darken(#cbcbcb, 20%); + } + } + } + + &.frontend { + a, span.cat { + background: #4ea7ff; + color: #fff; + + &:hover { + background: lighten(#4ea7ff, 5%); + } + } + } + + &.core { + a, span.cat { + background: #ff661b; + color: #fff; + + &:hover { + background: lighten(#ff661b, 5%); + } + } + } + + &.azure { + a, span.cat { + background: #1ed45c; + color: #fff; + + &:hover { + background: lighten(#1ed45c, 5%); + } + } + } +} + + + +.version { + a, span.cat { + background: #cbcbcb; + color: lighten(#cbcbcb, 20%); + + &:hover { + background: lighten(#cbcbcb, 5%); + } + } + + &.default { + a, span.cat { + background: transparent; + border: 1px solid #cbcbcb; + color: darken(#cbcbcb, 10%); + + &:hover { + color: darken(#cbcbcb, 20%); + background: transparent; + } + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_copylink.scss b/OurUmbraco.Client/src/scss/elements/_copylink.scss new file mode 100644 index 00000000..d0e5f30c --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_copylink.scss @@ -0,0 +1,166 @@ +.overlay { + width: 100%; + position: fixed; + top:0; + left:0; + height: auto; + overflow-y: scroll; + height: 100%; + z-index: 850; + background-color: rgba(#000, .33); + visibility: hidden; + opacity: 0; + @include transition(opacity, .2s); + + .active & { + visibility: visible; + opacity: 1; + } +} + + + +.copy-link-wrapper, .confirm-wrapper, #update-avatar-dialog { + z-index: 870; + padding: 2rem; + position: fixed; + top: 50%; + left: 50%; + width: 50%; + max-width: 500px; + min-width: 300px; + background-color: #fff; + border-radius: 2px; + transform: translateX(-50%) translateY(-50%); + @include transition(opacity, .2s); + clip:rect(1px 1px 1px 1px); + opacity: 0; + text-align: center; + top: -9999999px; + left: -9999999px; + + i { + display: block; + font-size: 2rem; + color: $color-our; + margin-bottom: 1rem; + } + + p { + margin-top: 1rem; + font-size: .85rem; + color: $color-text; + } + + input, textarea { + background-color: #f3f3f3; + color: #454545; + border: 0; + font-size: 1rem; + padding: 1rem; + margin: 0; + width: 100%; + border-radius: 2px; + text-align: center; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-family: $font-family; + } + + textarea { + outline: none; + resize: none; + white-space: initial; + padding-bottom: 10px; + &:focus { + outline: none; + } + } + + .error { + text-align: center; + color: #E7483B; + display: block; + padding: .5rem; + } +} + +.copy-link-wrapper { + .active.copy-prompt & { + clip: auto; + opacity: 1; + top: 50%; + left: 50%; + } +} + +.confirm-wrapper { + + max-width: 360px; + padding: 2.5rem; + + h4 { + font-size: 1.5rem; + } + + p { + margin-top: .5rem; + } + + .active.confirm-prompt & { + clip: auto; + opacity: 1; + top: 50%; + left: 50%; + } +} + +#update-avatar-dialog { + .active.uploading-image & { + clip: auto; + opacity: 1; + top: 50%; + left: 50%; + } + .invalid-file { + color: rgba(254, 101, 97, 0); + transition: color .4s ease-in; + } + &.invalid{ + .invalid-file{ + color: $color-red; + } + } + button { + margin-top: 15px; + } + .span { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #E7E7E7; + } +} + +#thankyou { + position: fixed; + transform: translateX(-50%) translateY(-50%); + top: -9999999px; + left: -9999999px; + font-size: 1rem; + background: rgba(#000, .8); + padding: 10px 15px; + border-radius: 6px; + z-index: 860; + color: #fff; + opacity: 0; + transition: opacity .4s ease-in; + &.active { + top: 50%; + left: 50%; + opacity: 1; + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_flex.scss b/OurUmbraco.Client/src/scss/elements/_flex.scss new file mode 100644 index 00000000..4f44c865 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_flex.scss @@ -0,0 +1,9 @@ +.flex { + display: flex; + + &-center { + @extend .flex; + align-items: center; + justify-content: center; + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_footer.scss b/OurUmbraco.Client/src/scss/elements/_footer.scss new file mode 100644 index 00000000..1d1affd7 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_footer.scss @@ -0,0 +1,29 @@ +.wrapper { + min-height: 100%; + margin-bottom: 0px; + + @media (min-width: $md) { + margin-bottom: 0px; + } +} + +footer, +.wrapper:before { + height: 184px; + + @media (min-width: $md) { + height: 142px; + } +} + +footer { + background: #161616; + color: #fff; + padding: 30px 0; + font-size: .9rem; + text-align: center; + line-height: 1.5; + + width: 100%; +} + diff --git a/OurUmbraco.Client/src/scss/elements/_forum-thread.scss b/OurUmbraco.Client/src/scss/elements/_forum-thread.scss new file mode 100644 index 00000000..e9614679 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_forum-thread.scss @@ -0,0 +1,535 @@ +.comments { + list-style-type: none; + padding: 0 20px 0 20px; + position: relative; + margin: 0 0 0 10px; + + @media (min-width: $md) { + padding: 0 20px 0 30px; + margin: 0 0 0 30px; + } + + + .comment { + margin-bottom: 75px; + position: relative; + border-radius: 2px; + + + .comment-inner { + padding: 15px; + background: rgba($color-space, 0.08); + border: 1px solid rgba($color-space, 0.15); + border-bottom: none; + border-top: none; + @include transition(all, .2s); + + @media (min-width: $md) { + padding: 20px 30px 30px 30px; + } + } + + + + &.solution { + background: rgba($color-our, .23); + // border: 2px solid rgba($color-our, .66); + + .photo { + img { + padding: 2px; + border: 1px solid $color-our; + } + } + + .meta { + border: 1px solid rgba($color-our, .3); + border-bottom: none; + + } + + .comment-inner { + border: 1px solid rgba($color-our, .3); + border-bottom: none; + border-top: none; + } + + .actions { + border-top: none; + } + .body { + a { + color: #000; + word-wrap:break-word; + text-decoration: underline; + &:hover { + text-decoration: none; + } + } + } + } + + + + .photo { + position: absolute; + left: -22px; + top: 10px; + z-index: 10; + + span { + display: none; + + @media (min-width: $md) { + display: block; + font-size: .7rem; + text-decoration: none; + position: absolute; + left: 50%; + transform: translate(-50%, 4px); + background: #fff; + padding: 3px; + text-align: center; + color: #8e8e8e; + } + } + + @media (min-width: $md) { + left: -52px; + } + + &:hover { + img { + &:hover { + @extend .BoxShadow; + } + } + } + + img { + overflow: hidden; + max-width: 32px; + border-radius: 50%; + height: auto; + @include transition(box-shadow, .2s); + + @media (min-width: $md) { + max-width: 44px; + } + } + } + + + + .highfive { + // display: none; + position: absolute; + + top: 100%; + left: 0; + right: 0; + + font-size: 1rem; + text-decoration: none; + + padding: 10px 0; + + background: rgba(85, 157, 255, 0.14); + border-right: 1px solid rgba(85, 157, 255, 0.20); + border-left: 1px solid rgba(85, 157, 255, 0.20); + border-bottom: 1px solid rgba(85, 157, 255, 0.20); + color: #5204d4; + + font-weight: bold; + + text-align: center; + + a { + display: block; + } + + .highfive-count, img { + display: none; + } + + @media (min-width: $md) { + right: auto; + top: auto; + + display: block; + + font-size: .7rem; + color: #384244; + + transform: translate(-52px, 6px); + background: #fff; + padding: 3px; + text-align: center; + color: #8e8e8e; + border: none; + max-width: 44px; + min-width: 44px; + + line-height: 1.3; + + display: block; + + img { + margin: 0; + } + + a { + margin: 0; + } + + .highfive-count { + display: inline-block; + font-size: .85rem; + font-weight: bold; + padding-top: 3px; + + + a { + margin-top: 10px; + } + } + + img { + display: block; + margin: 0 auto .2rem; + } + } + + + + img { + @include transition(transform, .2s); + max-width: 22px; + height: auto; + } + + a { + display: block; + text-decoration: none; + opacity: .7; + @include transition(all, .2s); + } + + &:hover { + a { + opacity: 1; + color: #000; + } + } + } + + + + .body { + white-space: normal; + + p, li { + line-height: 1.5; + font-size: 1rem; + } + + * + * { + margin-top: 15px; + } + + a { + color: darken($color-our, 20%); + word-wrap:break-word; + + &:hover { + text-decoration: underline; + } + } + } + + + + .meta { + padding: .7rem 20px; + font-size: .9rem; + overflow: hidden; + color: $color-space; + background: rgba($color-space, 0.08); + border: 1px solid rgba($color-space, 0.15); + border-bottom: none; + @include transition(all, .2s); + + .profile, .time { + float: left; + } + + .profile { + width: auto; + + a { + color: darken($color-space, 25%); + text-decoration: none; + display: block; + + @media (min-width: $md) { + display: inline-block; + } + + &:hover { + text-decoration: underline; + } + } + + span { + margin-right: .1rem; + } + } + + .time { + text-decoration: none; + float: right; + } + + & + .body { + padding-top: 1rem; + } + + .gotosolution { + margin-left: 5px; + color: #000; + float: right; + + @media (min-width: $md) { + float: none; + } + + &:hover { + text-decoration: none; + } + } + + .hide-xs { + display: none; + + @media (min-width: $md) { + display: inline-block; + } + } + } + + + + &.question { + .topic { + font-size: 1.1rem; + + @media (min-width: $md) { + font-size: 1.5rem; + } + } + } + + + + .body-meta { + margin-bottom: 1rem; + padding-bottom: 1rem; + overflow: hidden; + border-bottom: 1px solid transparent; + + .category, .version { + a { + font-size: .7rem; + + @media (min-width: $md) { + font-size: .9rem; + } + } + } + + .category { + margin-bottom: .5rem; + } + + + + .categories, .topic { + display: inline-block; + vertical-align: middle; + } + + + + .topic { + width: 100%; + margin-bottom: .2rem; + + @media (min-width: $md) { + margin-bottom: 0; + width: 74%; + } + } + + + + .categories { + width: 100%; + + @media (min-width: $md) { + width: 25%; + text-align: right; + float: right; + } + } + } + + + + .actions { + display: flex; + justify-content: space-between; + + + padding: 10px 20px; + + background: rgba($color-space, 0.08); + border: 1px solid rgba($color-space, 0.15); + border-top: none; + + @include transition(background, .2s); + + a { + display: flex; + flex-direction: row; + align-items: center; + + text-decoration: none; + + cursor: pointer; + + color: rgba(#000, .5); + font-size: .9rem; + + @media (min-width: $md) { + overflow: hidden; + margin-right: .5rem; + } + + &:hover { + color: rgba(#000, 1); + } + + span { + display: none; + @media (min-width: $md) { + + } + } + + i { + display: inline-block; + font-size: 1.4rem; + + @media (min-width: $md) { + font-size: 1.1rem; + margin-right: .5rem; + } + } + + } + + @media (min-width: $md) { + justify-content: flex-end; + padding: 10px 0; + } + } + + &:hover { + .actions { + a { + span { + @media (min-width: $md) { + display: inline-block; + } + } + } + } + } + } + + + + .alert { + background: rgba($color-orange, .1); + padding: 15px; + border-top: 3px solid rgba($color-orange, .25); + color: darken($color-orange, 10%); + } + + + + @media (max-width: $md) { + .roles { + display: inline-block; + margin-left: 5px; + span { + text-indent: -9999px; + padding: 0; + margin: 0; + border-radius: 50%; + height: 10px; + width: 10px; + } + } + } + + .level-2 { + margin-left: 15px; + + @media(min-width: $md) { + margin-left: 30px; + } + } +} + + +// Reply on forum button +.replybutton { + text-align: center; + width: 100%; + margin: 0 auto; + + .button { + display: inline-block; + margin: 0px auto 50px; + text-align: center; + + &.reply { + font-size: .85rem; + + @media (min-width: $md) { + font-size: 1.2rem; + } + } + } + + &.notloggedin { + background: rgba($color-orange, .1); + border: 2px solid rgba($color-orange, .2); + padding: 30px 0; + margin: 30px auto 30px; + + width: calc(100% - 40px); + + a { + &:hover { + text-decoration: none; + } + } + + @media (min-width: $md) { + padding: 30px 0; + margin: 60px auto 30px; + width: 100%; + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_header.scss b/OurUmbraco.Client/src/scss/elements/_header.scss new file mode 100644 index 00000000..c0e313c8 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_header.scss @@ -0,0 +1,477 @@ +body { + padding-top: 80px; // Header height + + @media (min-width: $md) { + padding-top: 120px; // Header height + } + + &.navopen { + overflow: hidden; + max-height: 100%; + } +} + + +header { + color: #fff; + width: 100%; + position: absolute; + z-index: 800; + + top: -80px; // header height + + @media (min-width: $md) { + top: -120px; // header height + } + + @media (max-width: $md) { + position: fixed; + top: 0; + left: 0; + width: 100%; + } + + .navigation { + position: relative; + z-index: 200; + width: 100%; + padding: 10px 0; + background: $color-our; + @include transition(all, .2s); + + @media (min-width: $md) { + padding: 30px 0; + position: fixed; + } + } + + + + .row:first-child { + margin: 0; + } + + + + .logo { + background: url('../images/logo.svg'); + background-repeat: no-repeat; + background-position: left center; + background-size: 30px auto; + + height: 60px; + line-height: 60px; + + display: inline-block; + + text-indent: 40px; + text-decoration: none; + + position: relative; + z-index: 300; + + font-size: 1rem; + + @include transition(all, .2s); + + @media (min-width: $md) { + background-size: 40px auto; + text-indent: 46px; + + + &:hover { + color: rgba(#fff, .66); + + background-size: 36px auto; + background-position: 4px center; + } + } + } + + nav { + text-align: right; + overflow: hidden; + height: 60px; + line-height: 60px; + color: rgba(#000, .5); + + @media (min-width: $md) { + visibility: visible; + display: block; + } + + ul { + float: right; + } + + li { + float: left; + margin-right: 20px; + font-size: 1rem; + line-height: inherit; + + &:last-child { + margin-right: 0; + } + } + + a, a:visited{ + text-decoration: none; + color: rgba(#000, .6); + border-bottom: 1px solid transparent; + + &:hover { + border-bottom-color: rgba(#000, .6); + } + + &.active { + border-bottom-color: rgba(#000, .6); + } + } + } + + .search { + max-width: 1200px; + transform: translateY(50%); + + @media (min-width: $md) { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + form { + position: relative; + } + + input { + font-family: $font-family; + } + + input[type=search] { + -webkit-appearance: none; + border: none; + padding: 14px 0; + text-indent: 14px; + height: 60px; + width: 100%; + min-width: 400px; + display: block; + font-size: 1rem; + @include transition(box-shadow, .2s); + + &:active, &:focus { + outline: none; + @extend .BoxShadow; + } + + &:hover { + @extend .BoxShadow; + } + + @media (min-width: $md) { + float: left; + width: 100%; + } + } + + input[type=submit] { + background: #fff url('../images/search-dark.png'); + background-repeat: no-repeat; + background-size: 24px 24px; + background-position: center; + width: 10%; + height: 60px; + padding: 14px 28px; + border: none; + position: absolute; + z-index:100; + right: 0px; + top: 0; + margin: 0; + + @media (min-width: $md) { + float: left; + } + } + + .search-text p { + display: none; + + @media (min-width: $md) { + display: block; + font-size: 1rem; + text-align: center; + margin-top: 1rem; + max-width: 80%; + margin: 1rem auto 0; + } + } + } + + + .user { + img { + height: 40px; + width: 40px; + border-radius: 50%; + vertical-align: middle; + cursor: pointer; + @include transition(all, .2s); + + &:hover { + @extend .BoxShadow; + } + } + } + + &.sticky { + .navigation { + background: darken($color-our, 4%); + padding: 0; + } + + .menu-toggle { + top: 15px; + } + + .logo { + @media (min-width: $md) { + background-size: 30px auto; + text-indent: 40px; + } + } + } +} + +.notificationCount { + position: absolute; + width: 100%; + text-align: center; + height: 20px; + width: 20px; + background: $color-red; + line-height: 20px; + z-index: 40; + font-size: .68rem; + font-weight: bold; + cursor: pointer; + border-radius: 50%; + color: #fff; + + animation-name: animGenie; + animation-duration: 1s; + + @media (min-width: $md) { + right: -4px; + top: 3px; + } +} + +// Mobile navigation +@media (max-width: 991px) { + + .menu-toggle { + display: block; + position: absolute; + right: 20px; + top: 25px; + z-index: 999; + + @include transition(top, .3s); + } + + .toggle { + position: relative; + z-index: 999; + display: inline-block; + width: 30px; + height: 30px; + + &.cross { + transition-duration: 0s; + transition-delay: .1s; + + span { + &:before { + transition-property: margin, transform; + transition-duration: .1s; + transition-delay: .1s, 0; + } + + &:after { + transition-property: margin, transform; + transition-duration: .1s; + transition-delay: .1s, 0; + } + } + + &.open { + span { + background-color: rgba(0, 0, 0, 0); + transition-delay: .1s; + + &:before { + margin-top: 0; + transform: rotate(45deg); + transition-delay: 0, .1s; + background-color: #ffffff; + } + + &:after { + margin-top: 0; + transform: rotate(-45deg); + transition-delay: 0, .1s; + background-color: #ffffff; + } + } + } + } + + span { + margin: 0 auto; + position: relative; + z-index: 999; + top: 12px; + width: 25px; + height: 2px; + background-color: #fff; + display: block; + + &:before, &:after { + position: absolute; + content: ''; + width: 25px; + height: 2px; + background-color: #fff; + display: block; + } + + &:before { + margin-top: -7px; + } + + &:after { + margin-top: 7px; + } + } + } + + + header { + .navigation { + .container { + padding: 0; + } + } + + nav { + position: fixed !important; + + top: 0; + left: 0; + width: 100%; + height: 100%; + + background: rgba($color-our, .98); + + transform: translate(0, -100%); + @include transition(transform, .3s); + + visibility: hidden; + opacity: 0; + + line-height: 1; + + display: flex; + align-items: center; + + + &.open { + transform: translate(0, 0); + visibility: visible; + opacity: 1; + + ul, li, .user { + visibility: visible; + } + } + + + ul { + width: 100%; + height: 75%; + padding-top: 40px; + text-align: center; + visibility: hidden; + background: rgba($color-our, .98); + + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-around; + } + + + li { + float: none; + width: 100%; + font-size: 1.3rem; + padding: .2rem 0; + + margin: 0; + + text-align: center; + flex-grow: 1; + + &:first-child { + padding-top: 0; + } + + &:last-child { + padding-bottom: 0; + } + } + + a, a:visited, a:active { + text-decoration: none; + color: #fff; + @include transition(color, .2s); + + &:hover { + color: #fff; + } + } + + .user { + visibility: hidden; + img { + height: 75px; + width: 75px; + } + } + + .notificationCount { + transform: translate(-14px, 6px); + } + + } + } +} + + + + +.map { + .sticky { + .navigation { + background: $color-our; + } + } + + .navigation { + background: transparent; + } +} + diff --git a/OurUmbraco.Client/src/scss/elements/_icons.scss b/OurUmbraco.Client/src/scss/elements/_icons.scss new file mode 100644 index 00000000..ecb7e84f --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_icons.scss @@ -0,0 +1,1936 @@ +// fonts/our-icon/ +@charset "UTF-8"; + +@font-face { + font-family: "our-umbraco"; + src:url("fonts/our-icon/our-umbraco.eot"); + src:url("fonts/our-icon/our-umbraco.eot?#iefix") format("embedded-opentype"), + url("fonts/our-icon/our-umbraco.woff") format("woff"), + url("fonts/our-icon/our-umbraco.ttf") format("truetype"), + url("fonts/our-icon/our-umbraco.svg#our-umbraco") format("svg"); + font-weight: normal; + font-style: normal; + +} + +[data-icon]:before { + font-family: "our-umbraco" !important; + content: attr(data-icon); + font-style: normal !important; + font-weight: normal !important; + font-variant: normal !important; + text-transform: none !important; + speak: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +[class^="our-icon-"]:before, +[class*=" our-icon-"]:before { + font-family: "our-umbraco" !important; + font-style: normal !important; + font-weight: normal !important; + font-variant: normal !important; + text-transform: none !important; + speak: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.our-icon-bold:before { + content: "a"; +} +.our-icon-code:before { + content: "b"; +} +.our-icon-header:before { + content: "c"; +} +.our-icon-hr:before { + content: "d"; +} +.our-icon-hyperlink:before { + content: "e"; +} +.our-icon-italic:before { + content: "f"; +} +.our-icon-ol:before { + content: "g"; +} +.our-icon-picture:before { + content: "h"; +} +.our-icon-quote:before { + content: "i"; +} +.our-icon-redo:before { + content: "j"; +} +.our-icon-ul:before { + content: "k"; +} +.our-icon-undo:before { + content: "l"; +} + +// fonts/icomoon/ +@font-face { + font-family: 'icomoon'; + src:url('fonts/icomoon/icomoon.eot'); + src:url('fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'), + url('fonts/icomoon/icomoon.woff') format('woff'), + url('fonts/icomoon/icomoon.ttf') format('truetype'), + url('fonts/icomoon/icomoon.svg#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +/* Use the following CSS code if you want to use data attributes for inserting your icons */ +[data-icon]:before { + font-family: 'icomoon'; + content: attr(data-icon); + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; +} + +/* Use the following CSS code if you want to have a class per icon */ +/* +Instead of a list of all class selectors, +you can use the generic selector below, but it's slower: +[class*="icon-"] { +*/ +.icon-Zoom-out, .icon-Truck, .icon-Zoom-in, .icon-Zip, .icon-axis-rotation, .icon-Yen-bag, .icon-axis-rotation-2, .icon-axis-rotation-3, .icon-Wrench, .icon-Wine-glass, .icon-Wrong, .icon-Windows, .icon-Window-sizes, .icon-Window-popin, .icon-Wifi, .icon-Width, .icon-Weight, .icon-War, .icon-Wand, .icon-Wallet, .icon-Wall-plug, .icon-Umbraco_icons-06, .icon-Voice, .icon-Video, .icon-Vcard, .icon-Utilities, .icon-Users, .icon-Users-alt, .icon-User, .icon-User-glasses, .icon-User-females, .icon-User-females-alt, .icon-User-female, .icon-Usb, .icon-Usb-connector, .icon-Unlocked, .icon-Universal, .icon-Undo, .icon-Umbrella, .icon-Umbraco_icons-08, .icon-Umbraco_icons-07, .icon-Umbraco_icons-05, .icon-Umbraco_icons-04, .icon-Umbraco_icons-03, .icon-Umbraco_icons-02, .icon-Umbraco_icons-01, .icon-Tv, .icon-Tv-old, .icon-Trophy, .icon-Tree, .icon-Trash, .icon-Trash-alt, .icon-Trash-alt-2, .icon-Train, .icon-Trafic, .icon-Traffic-alt, .icon-Top, .icon-Tools, .icon-Timer, .icon-Time, .icon-T-shirt, .icon-Tab-key, .icon-Tab, .icon-Tactics, .icon-Tag, .icon-Tags, .icon-Takeaway-cup, .icon-Target, .icon-Temperatrure-alt, .icon-Temperature, .icon-Terminal, .icon-Theater, .icon-Theif, .icon-Thought-bubble, .icon-Thumb-down, .icon-Thumb-up, .icon-Thumbnail-list, .icon-Thumbnails-small, .icon-Thumbnails, .icon-Ticket, .icon-Sync, .icon-Sweatshirt, .icon-Sunny, .icon-Stream, .icon-Store, .icon-Stop, .icon-Stop-hand, .icon-Stop-alt, .icon-Stamp, .icon-Stacked-disks, .icon-Ssd, .icon-Squiggly-line, .icon-Sprout, .icon-Split, .icon-Split-alt, .icon-Speed-gauge, .icon-Speaker, .icon-Sound, .icon-Spades, .icon-Sound-waves, .icon-Shipping-box, .icon-Shipping, .icon-Shoe, .icon-Shopping-basket-alt-2, .icon-Shopping-basket, .icon-Shopping-basket-alt, .icon-Shorts, .icon-Shuffle, .icon-Sience, .icon-Simcard, .icon-Single-note, .icon-Sitemap, .icon-Sleep, .icon-Slideshow, .icon-Smiley-inverted, .icon-Smiley, .icon-Snow, .icon-Sound-low, .icon-Sound-medium, .icon-Sound-off, .icon-Shift, .icon-Shield, .icon-Sharing-iphone, .icon-Share, .icon-Share-alt, .icon-Share-alt-2, .icon-Settings, .icon-Settings-alt, .icon-Settings-alt-2, .icon-Server, .icon-Server-alt, .icon-Sensor, .icon-Security-camera, .icon-Search, .icon-Scull, .icon-Script, .icon-Script-alt, .icon-Screensharing, .icon-School, .icon-Scan, .icon-Refresh, .icon-Remote, .icon-Remove, .icon-Repeat-one, .icon-Repeat, .icon-Resize, .icon-Reply-arrow, .icon-Return-to-top, .icon-Right-double-arrow, .icon-Road, .icon-Roadsign, .icon-Rocket, .icon-Rss, .icon-Ruler-alt, .icon-Ruler, .icon-Sandbox-toys, .icon-Satellite-dish, .icon-Save, .icon-Safedial, .icon-Safe, .icon-Redo, .icon-Printer-alt, .icon-Planet, .icon-Paste-in, .icon-Os-x, .icon-Navigation-left, .icon-Message, .icon-Lock, .icon-Layers-alt, .icon-Record, .icon-Print, .icon-Plane, .icon-Partly-cloudy, .icon-Ordered-list, .icon-Navigation-last, .icon-Message-unopened, .icon-Location-nearby, .icon-Laptop, .icon-Reception, .icon-Price-yen, .icon-Piracy, .icon-Parental-control, .icon-Operator, .icon-Navigation-horizontal, .icon-Message-open, .icon-Lab, .icon-Location-near-me, .icon-Receipt-yen, .icon-Price-pound, .icon-Pin-location, .icon-Parachute-drop, .icon-Old-phone, .icon-Merge, .icon-Navigation-first, .icon-Locate, .icon-Keyhole, .icon-Receipt-pound, .icon-Price-euro, .icon-Piggy-bank, .icon-Paper-plane, .icon-Old-key, .icon-Navigation-down, .icon-Megaphone, .icon-Loading, .icon-Keychain, .icon-Receipt-euro, .icon-Price-dollar, .icon-Pie-chart, .icon-Paper-plane-alt, .icon-Notepad, .icon-Navigation-bottom, .icon-Meeting, .icon-Keyboard, .icon-Load, .icon-Receipt-dollar, .icon-Previous, .icon-Pictures, .icon-Notepad-alt, .icon-Paper-bag, .icon-Name-badge, .icon-Medicine, .icon-List, .icon-Key, .icon-Receipt-alt, .icon-Previous-media, .icon-Pictures-alt, .icon-Pants, .icon-Nodes, .icon-Music, .icon-Readonly, .icon-Presentation, .icon-Pictures-alt-2, .icon-Pannel-close, .icon-Next, .icon-Multiple-windows, .icon-Medical-emergency, .icon-Medal, .icon-Link, .icon-Linux-tux, .icon-Junk, .icon-Item-arrangement, .icon-Iphone, .icon-Lightning, .icon-Map, .icon-Multiple-credit-cards, .icon-Next-media, .icon-Panel-show, .icon-Picture, .icon-Power, .icon-Re-post, .icon-Rate, .icon-Rain, .icon-Radio, .icon-Radio-receiver, .icon-Radio-alt, .icon-Quote, .icon-Qr-code, .icon-Pushpin, .icon-Pulse, .icon-Projector, .icon-Play, .icon-Playing-cards, .icon-Playlist, .icon-Plugin, .icon-Podcast, .icon-Poker-chip, .icon-Poll, .icon-Post-it, .icon-Pound-bag, .icon-Power-outlet, .icon-Photo-album, .icon-Phone, .icon-Phone-ring, .icon-People, .icon-People-female, .icon-People-alt, .icon-People-alt-2, .icon-Pc, .icon-Pause, .icon-Path, .icon-Out, .icon-Outbox, .icon-Outdent, .icon-Page-add, .icon-Page-down, .icon-Page-remove, .icon-Page-restricted, .icon-Page-up, .icon-Paint-roller, .icon-Palette, .icon-Newspaper, .icon-Newspaper-alt, .icon-Network-alt, .icon-Navigational-arrow, .icon-Navigation, .icon-Navigation-vertical, .icon-Navigation-up, .icon-Navigation-top, .icon-Navigation-road, .icon-Navigation-right, .icon-Microscope, .icon-Mindmap, .icon-Molecular-network, .icon-Molecular, .icon-Mountain, .icon-Mouse-cursor, .icon-Mouse, .icon-Movie-alt, .icon-Map-marker, .icon-Movie, .icon-Map-loaction, .icon-Map-alt, .icon-Male-symbol, .icon-Male-and-female, .icon-Mailbox, .icon-Magnet, .icon-Loupe, .icon-Mobile, .icon-Logout, .icon-Log-out, .icon-Layers, .icon-Left-double-arrow, .icon-Layout, .icon-Legal, .icon-Lense, .icon-Library, .icon-Light-down, .icon-Light-up, .icon-Lightbulb-active, .icon-Lightbulb, .icon-iPad, .icon-Invoice, .icon-Info, .icon-Infinity, .icon-Indent, .icon-Inbox, .icon-Inbox-full, .icon-Inactive-line, .icon-iMac, .icon-Hourglass, .icon-Home, .icon-Grid, .icon-Food, .icon-Favorite, .icon-Door-open-alt, .icon-Diagnostics, .icon-Contrast, .icon-Coins-dollar-alt, .icon-Circle-dotted-active, .icon-Cinema, .icon-Chip, .icon-Chip-alt, .icon-Chess, .icon-Checkbox, .icon-Checkbox-empty, .icon-Checkbox-dotted, .icon-Checkbox-dotted-active, .icon-Check, .icon-Chat, .icon-Chat-active, .icon-Chart, .icon-Chart-curve, .icon-Certificate, .icon-Categories, .icon-Cash-register, .icon-Car, .icon-Caps-lock, .icon-Candy, .icon-Circle-dotted, .icon-Circuits, .icon-Circus, .icon-Client, .icon-Clothes-hanger, .icon-Cloud-drive, .icon-Cloud-upload, .icon-Cloud, .icon-Cloudy, .icon-Clubs, .icon-Cocktail, .icon-Code, .icon-Coffee, .icon-Coin-dollar, .icon-Coin-pound, .icon-Coin-yen, .icon-Coin, .icon-Coins-alt, .icon-Console, .icon-Connection, .icon-Compress, .icon-Company, .icon-Command, .icon-Coin-euro, .icon-Combination-lock, .icon-Combination-lock-open, .icon-Comb, .icon-Columns, .icon-Colorpicker, .icon-Color-bucket, .icon-Coins, .icon-Coins-yen, .icon-Coins-yen-alt, .icon-Coins-pound, .icon-Coins-pound-alt, .icon-Coins-euro, .icon-Coins-euro-alt, .icon-Coins-dollar, .icon-Conversation-alt, .icon-Conversation, .icon-Coverflow, .icon-Credit-card-alt, .icon-Credit-card, .icon-Crop, .icon-Crosshair, .icon-Crown-alt, .icon-Crown, .icon-Cupcake, .icon-Curve, .icon-Cut, .icon-Dashboard, .icon-Defrag, .icon-Delete, .icon-Delete-key, .icon-Departure, .icon-Desk, .icon-Desktop, .icon-Donate, .icon-Dollar-bag, .icon-Documents, .icon-Document, .icon-Document-dashed-line, .icon-Dock-connector, .icon-Dna, .icon-Display, .icon-Disk-image, .icon-Disc, .icon-Directions, .icon-Directions-alt, .icon-Diploma, .icon-Diploma-alt, .icon-Dice, .icon-Diamonds, .icon-Diamond, .icon-Diagonal-arrow, .icon-Diagonal-arrow-alt, .icon-Door-open, .icon-Download-alt, .icon-Download, .icon-Drop, .icon-Eco, .icon-Economy, .icon-Edit, .icon-Eject, .icon-Employee, .icon-Energy-saving-bulb, .icon-Enter, .icon-Equalizer, .icon-Escape, .icon-Ethernet, .icon-Euro-bag, .icon-Exit-fullscreen, .icon-Eye, .icon-Facebook-like, .icon-Factory, .icon-Font, .icon-Folders, .icon-Folder, .icon-Folder-outline, .icon-Folder-open, .icon-Flowerpot, .icon-Flashlight, .icon-Flash, .icon-Flag, .icon-Flag-alt, .icon-Firewire, .icon-Firewall, .icon-Fire, .icon-Fingerprint, .icon-FIlter, .icon-Filter-arrows, .icon-Files, .icon-File-cabinet, .icon-Female-symbol, .icon-Footprints, .icon-Hammer, .icon-Hand-active-alt, .icon-Forking, .icon-Hand-active, .icon-Hand-pointer-alt, .icon-Hand-pointer, .icon-Handprint, .icon-Handshake, .icon-Handtool, .icon-Hard-drive, .icon-Help, .icon-Graduate, .icon-Gps, .icon-Help-alt, .icon-Height, .icon-Globe, .icon-Hearts, .icon-Globe-inverted-europe-africa, .icon-Headset, .icon-Globe-inverted-asia, .icon-Headphones, .icon-Globe-inverted-america, .icon-Hd, .icon-Globe-Europe---Africa, .icon-Hat, .icon-Globe-Asia, .icon-Globe-alt, .icon-Hard-drive-alt, .icon-Glasses, .icon-Gift, .icon-Handtool-alt, .icon-Geometry, .icon-Game, .icon-Fullscreen, .icon-Fullscreen-alt, .icon-Frame, .icon-Frame-alt, .icon-Camera-roll, .icon-Bookmark, .icon-Bill, .icon-Baby-stroller, .icon-Alarm-clock, .icon-Adressbook, .icon-Add, .icon-Activity, .icon-untitled, .icon-glasses, .icon-Camcorder, .icon-Calendar, .icon-Calendar-alt, .icon-Calculator, .icon-Bus, .icon-Burn, .icon-Bulleted-list, .icon-Bug, .icon-Brush, .icon-Brush-alt, .icon-Brush-alt-2, .icon-Browser-window, .icon-Briefcase, .icon-Brick, .icon-Brackets, .icon-Box, .icon-Box-open, .icon-Box-alt, .icon-Books, .icon-Billboard, .icon-Bills-dollar, .icon-Bills-euro, .icon-Bills-pound, .icon-Bills-yen, .icon-Bills, .icon-Binarycode, .icon-Binoculars, .icon-Bird, .icon-Birthday-cake, .icon-Blueprint, .icon-Block, .icon-Bluetooth, .icon-Boat-shipping, .icon-Bomb, .icon-Book-alt-2, .icon-Bones, .icon-Book-alt, .icon-Book, .icon-Bill-yen, .icon-Award, .icon-Bill-pound, .icon-Autofill, .icon-Bill-euro, .icon-Auction-hammer, .icon-Bill-dollar, .icon-Attachment, .icon-Bell, .icon-Article, .icon-Bell-off, .icon-Art-easel, .icon-Beer-glass, .icon-Arrow-up, .icon-Battery-low, .icon-Arrow-right, .icon-Battery-full, .icon-Arrow-left, .icon-Bars, .icon-Arrow-down, .icon-Barcode, .icon-Arrivals, .icon-Bar-chart, .icon-Application-window, .icon-Band-aid, .icon-Application-window-alt, .icon-Ball, .icon-Application-Error, .icon-Badge-restricted, .icon-App, .icon-Badge-remove, .icon-Anchor, .icon-Badge-count, .icon-Alt, .icon-Badge-add, .icon-Alert, .icon-Backspace, .icon-Alert-alt { + font-family: 'icomoon'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; +} +.icon-Zoom-out:before { + content: "\e000"; +} +.icon-Truck:before { + content: "\e001"; +} +.icon-Zoom-in:before { + content: "\e002"; +} +.icon-Zip:before { + content: "\e003"; +} +.icon-axis-rotation:before { + content: "\e004"; +} +.icon-Yen-bag:before { + content: "\e005"; +} +.icon-axis-rotation-2:before { + content: "\e006"; +} +.icon-axis-rotation-3:before { + content: "\e007"; +} +.icon-Wrench:before { + content: "\e008"; +} +.icon-Wine-glass:before { + content: "\e009"; +} +.icon-Wrong:before { + content: "\e00a"; +} +.icon-Windows:before { + content: "\e00b"; +} +.icon-Window-sizes:before { + content: "\e00c"; +} +.icon-Window-popin:before { + content: "\e00d"; +} +.icon-Wifi:before { + content: "\e00e"; +} +.icon-Width:before { + content: "\e00f"; +} +.icon-Weight:before { + content: "\e010"; +} +.icon-War:before { + content: "\e011"; +} +.icon-Wand:before { + content: "\e012"; +} +.icon-Wallet:before { + content: "\e013"; +} +.icon-Wall-plug:before { + content: "\e014"; +} +.icon-Umbraco_icons-06:before { + content: "\e015"; +} +.icon-Voice:before { + content: "\e016"; +} +.icon-Video:before { + content: "\e017"; +} +.icon-Vcard:before { + content: "\e018"; +} +.icon-Utilities:before { + content: "\e019"; +} +.icon-Users:before { + content: "\e01a"; +} +.icon-Users-alt:before { + content: "\e01b"; +} +.icon-User:before { + content: "\e01c"; +} +.icon-User-glasses:before { + content: "\e01d"; +} +.icon-User-females:before { + content: "\e01e"; +} +.icon-User-females-alt:before { + content: "\e01f"; +} +.icon-User-female:before { + content: "\e020"; +} +.icon-Usb:before { + content: "\e021"; +} +.icon-Usb-connector:before { + content: "\e022"; +} +.icon-Unlocked:before { + content: "\e023"; +} +.icon-Universal:before { + content: "\e024"; +} +.icon-Undo:before { + content: "\e025"; +} +.icon-Umbrella:before { + content: "\e026"; +} +.icon-Umbraco_icons-08:before { + content: "\e027"; +} +.icon-Umbraco_icons-07:before { + content: "\e028"; +} +.icon-Umbraco_icons-05:before { + content: "\e029"; +} +.icon-Umbraco_icons-04:before { + content: "\e02a"; +} +.icon-Umbraco_icons-03:before { + content: "\e02b"; +} +.icon-Umbraco_icons-02:before { + content: "\e02c"; +} +.icon-Umbraco_icons-01:before { + content: "\e02d"; +} +.icon-Tv:before { + content: "\e02e"; +} +.icon-Tv-old:before { + content: "\e02f"; +} +.icon-Trophy:before { + content: "\e030"; +} +.icon-Tree:before { + content: "\e031"; +} +.icon-Trash:before { + content: "\e032"; +} +.icon-Trash-alt:before { + content: "\e033"; +} +.icon-Trash-alt-2:before { + content: "\e034"; +} +.icon-Train:before { + content: "\e035"; +} +.icon-Trafic:before { + content: "\e036"; +} +.icon-Traffic-alt:before { + content: "\e037"; +} +.icon-Top:before { + content: "\e038"; +} +.icon-Tools:before { + content: "\e039"; +} +.icon-Timer:before { + content: "\e03a"; +} +.icon-Time:before { + content: "\e03b"; +} +.icon-T-shirt:before { + content: "\e03c"; +} +.icon-Tab-key:before { + content: "\e03d"; +} +.icon-Tab:before { + content: "\e03e"; +} +.icon-Tactics:before { + content: "\e03f"; +} +.icon-Tag:before { + content: "\e040"; +} +.icon-Tags:before { + content: "\e041"; +} +.icon-Takeaway-cup:before { + content: "\e042"; +} +.icon-Target:before { + content: "\e043"; +} +.icon-Temperatrure-alt:before { + content: "\e044"; +} +.icon-Temperature:before { + content: "\e045"; +} +.icon-Terminal:before { + content: "\e046"; +} +.icon-Theater:before { + content: "\e047"; +} +.icon-Theif:before { + content: "\e048"; +} +.icon-Thought-bubble:before { + content: "\e049"; +} +.icon-Thumb-down:before { + content: "\e04a"; +} +.icon-Thumb-up:before { + content: "\e04b"; +} +.icon-Thumbnail-list:before { + content: "\e04c"; +} +.icon-Thumbnails-small:before { + content: "\e04d"; +} +.icon-Thumbnails:before { + content: "\e04e"; +} +.icon-Ticket:before { + content: "\e04f"; +} +.icon-Sync:before { + content: "\e050"; +} +.icon-Sweatshirt:before { + content: "\e051"; +} +.icon-Sunny:before { + content: "\e052"; +} +.icon-Stream:before { + content: "\e053"; +} +.icon-Store:before { + content: "\e054"; +} +.icon-Stop:before { + content: "\e055"; +} +.icon-Stop-hand:before { + content: "\e056"; +} +.icon-Stop-alt:before { + content: "\e057"; +} +.icon-Stamp:before { + content: "\e058"; +} +.icon-Stacked-disks:before { + content: "\e059"; +} +.icon-Ssd:before { + content: "\e05a"; +} +.icon-Squiggly-line:before { + content: "\e05b"; +} +.icon-Sprout:before { + content: "\e05c"; +} +.icon-Split:before { + content: "\e05d"; +} +.icon-Split-alt:before { + content: "\e05e"; +} +.icon-Speed-gauge:before { + content: "\e05f"; +} +.icon-Speaker:before { + content: "\e060"; +} +.icon-Sound:before { + content: "\e061"; +} +.icon-Spades:before { + content: "\e062"; +} +.icon-Sound-waves:before { + content: "\e063"; +} +.icon-Shipping-box:before { + content: "\e064"; +} +.icon-Shipping:before { + content: "\e065"; +} +.icon-Shoe:before { + content: "\e066"; +} +.icon-Shopping-basket-alt-2:before { + content: "\e067"; +} +.icon-Shopping-basket:before { + content: "\e068"; +} +.icon-Shopping-basket-alt:before { + content: "\e069"; +} +.icon-Shorts:before { + content: "\e06a"; +} +.icon-Shuffle:before { + content: "\e06b"; +} +.icon-Sience:before { + content: "\e06c"; +} +.icon-Simcard:before { + content: "\e06d"; +} +.icon-Single-note:before { + content: "\e06e"; +} +.icon-Sitemap:before { + content: "\e06f"; +} +.icon-Sleep:before { + content: "\e070"; +} +.icon-Slideshow:before { + content: "\e071"; +} +.icon-Smiley-inverted:before { + content: "\e072"; +} +.icon-Smiley:before { + content: "\e073"; +} +.icon-Snow:before { + content: "\e074"; +} +.icon-Sound-low:before { + content: "\e075"; +} +.icon-Sound-medium:before { + content: "\e076"; +} +.icon-Sound-off:before { + content: "\e077"; +} +.icon-Shift:before { + content: "\e078"; +} +.icon-Shield:before { + content: "\e079"; +} +.icon-Sharing-iphone:before { + content: "\e07a"; +} +.icon-Share:before { + content: "\e07b"; +} +.icon-Share-alt:before { + content: "\e07c"; +} +.icon-Share-alt-2:before { + content: "\e07d"; +} +.icon-Settings:before { + content: "\e07e"; +} +.icon-Settings-alt:before { + content: "\e07f"; +} +.icon-Settings-alt-2:before { + content: "\e080"; +} +.icon-Server:before { + content: "\e081"; +} +.icon-Server-alt:before { + content: "\e082"; +} +.icon-Sensor:before { + content: "\e083"; +} +.icon-Security-camera:before { + content: "\e084"; +} +.icon-Search:before { + content: "\e085"; +} +.icon-Scull:before { + content: "\e086"; +} +.icon-Script:before { + content: "\e087"; +} +.icon-Script-alt:before { + content: "\e088"; +} +.icon-Screensharing:before { + content: "\e089"; +} +.icon-School:before { + content: "\e08a"; +} +.icon-Scan:before { + content: "\e08b"; +} +.icon-Refresh:before { + content: "\e08c"; +} +.icon-Remote:before { + content: "\e08d"; +} +.icon-Remove:before { + content: "\e08e"; +} +.icon-Repeat-one:before { + content: "\e08f"; +} +.icon-Repeat:before { + content: "\e090"; +} +.icon-Resize:before { + content: "\e091"; +} +.icon-Reply-arrow:before { + content: "\e092"; +} +.icon-Return-to-top:before { + content: "\e093"; +} +.icon-Right-double-arrow:before { + content: "\e094"; +} +.icon-Road:before { + content: "\e095"; +} +.icon-Roadsign:before { + content: "\e096"; +} +.icon-Rocket:before { + content: "\e097"; +} +.icon-Rss:before { + content: "\e098"; +} +.icon-Ruler-alt:before { + content: "\e099"; +} +.icon-Ruler:before { + content: "\e09a"; +} +.icon-Sandbox-toys:before { + content: "\e09b"; +} +.icon-Satellite-dish:before { + content: "\e09c"; +} +.icon-Save:before { + content: "\e09d"; +} +.icon-Safedial:before { + content: "\e09e"; +} +.icon-Safe:before { + content: "\e09f"; +} +.icon-Redo:before { + content: "\e0a0"; +} +.icon-Printer-alt:before { + content: "\e0a1"; +} +.icon-Planet:before { + content: "\e0a2"; +} +.icon-Paste-in:before { + content: "\e0a3"; +} +.icon-Os-x:before { + content: "\e0a4"; +} +.icon-Navigation-left:before { + content: "\e0a5"; +} +.icon-Message:before { + content: "\e0a6"; +} +.icon-Lock:before { + content: "\e0a7"; +} +.icon-Layers-alt:before { + content: "\e0a8"; +} +.icon-Record:before { + content: "\e0a9"; +} +.icon-Print:before { + content: "\e0aa"; +} +.icon-Plane:before { + content: "\e0ab"; +} +.icon-Partly-cloudy:before { + content: "\e0ac"; +} +.icon-Ordered-list:before { + content: "\e0ad"; +} +.icon-Navigation-last:before { + content: "\e0ae"; +} +.icon-Message-unopened:before { + content: "\e0af"; +} +.icon-Location-nearby:before { + content: "\e0b0"; +} +.icon-Laptop:before { + content: "\e0b1"; +} +.icon-Reception:before { + content: "\e0b2"; +} +.icon-Price-yen:before { + content: "\e0b3"; +} +.icon-Piracy:before { + content: "\e0b4"; +} +.icon-Parental-control:before { + content: "\e0b5"; +} +.icon-Operator:before { + content: "\e0b6"; +} +.icon-Navigation-horizontal:before { + content: "\e0b7"; +} +.icon-Message-open:before { + content: "\e0b8"; +} +.icon-Lab:before { + content: "\e0b9"; +} +.icon-Location-near-me:before { + content: "\e0ba"; +} +.icon-Receipt-yen:before { + content: "\e0bb"; +} +.icon-Price-pound:before { + content: "\e0bc"; +} +.icon-Pin-location:before { + content: "\e0bd"; +} +.icon-Parachute-drop:before { + content: "\e0be"; +} +.icon-Old-phone:before { + content: "\e0bf"; +} +.icon-Merge:before { + content: "\e0c0"; +} +.icon-Navigation-first:before { + content: "\e0c1"; +} +.icon-Locate:before { + content: "\e0c2"; +} +.icon-Keyhole:before { + content: "\e0c3"; +} +.icon-Receipt-pound:before { + content: "\e0c4"; +} +.icon-Price-euro:before { + content: "\e0c5"; +} +.icon-Piggy-bank:before { + content: "\e0c6"; +} +.icon-Paper-plane:before { + content: "\e0c7"; +} +.icon-Old-key:before { + content: "\e0c8"; +} +.icon-Navigation-down:before { + content: "\e0c9"; +} +.icon-Megaphone:before { + content: "\e0ca"; +} +.icon-Loading:before { + content: "\e0cb"; +} +.icon-Keychain:before { + content: "\e0cc"; +} +.icon-Receipt-euro:before { + content: "\e0cd"; +} +.icon-Price-dollar:before { + content: "\e0ce"; +} +.icon-Pie-chart:before { + content: "\e0cf"; +} +.icon-Paper-plane-alt:before { + content: "\e0d0"; +} +.icon-Notepad:before { + content: "\e0d1"; +} +.icon-Navigation-bottom:before { + content: "\e0d2"; +} +.icon-Meeting:before { + content: "\e0d3"; +} +.icon-Keyboard:before { + content: "\e0d4"; +} +.icon-Load:before { + content: "\e0d5"; +} +.icon-Receipt-dollar:before { + content: "\e0d6"; +} +.icon-Previous:before { + content: "\e0d7"; +} +.icon-Pictures:before { + content: "\e0d8"; +} +.icon-Notepad-alt:before { + content: "\e0d9"; +} +.icon-Paper-bag:before { + content: "\e0da"; +} +.icon-Name-badge:before { + content: "\e0db"; +} +.icon-Medicine:before { + content: "\e0dc"; +} +.icon-List:before { + content: "\e0dd"; +} +.icon-Key:before { + content: "\e0de"; +} +.icon-Receipt-alt:before { + content: "\e0df"; +} +.icon-Previous-media:before { + content: "\e0e0"; +} +.icon-Pictures-alt:before { + content: "\e0e1"; +} +.icon-Pants:before { + content: "\e0e2"; +} +.icon-Nodes:before { + content: "\e0e3"; +} +.icon-Music:before { + content: "\e0e4"; +} +.icon-Readonly:before { + content: "\e0e5"; +} +.icon-Presentation:before { + content: "\e0e6"; +} +.icon-Pictures-alt-2:before { + content: "\e0e7"; +} +.icon-Pannel-close:before { + content: "\e0e8"; +} +.icon-Next:before { + content: "\e0e9"; +} +.icon-Multiple-windows:before { + content: "\e0ea"; +} +.icon-Medical-emergency:before { + content: "\e0eb"; +} +.icon-Medal:before { + content: "\e0ec"; +} +.icon-Link:before { + content: "\e0ed"; +} +.icon-Linux-tux:before { + content: "\e0ee"; +} +.icon-Junk:before { + content: "\e0ef"; +} +.icon-Item-arrangement:before { + content: "\e0f0"; +} +.icon-Iphone:before { + content: "\e0f1"; +} +.icon-Lightning:before { + content: "\e0f2"; +} +.icon-Map:before { + content: "\e0f3"; +} +.icon-Multiple-credit-cards:before { + content: "\e0f4"; +} +.icon-Next-media:before { + content: "\e0f5"; +} +.icon-Panel-show:before { + content: "\e0f6"; +} +.icon-Picture:before { + content: "\e0f7"; +} +.icon-Power:before { + content: "\e0f8"; +} +.icon-Re-post:before { + content: "\e0f9"; +} +.icon-Rate:before { + content: "\e0fa"; +} +.icon-Rain:before { + content: "\e0fb"; +} +.icon-Radio:before { + content: "\e0fc"; +} +.icon-Radio-receiver:before { + content: "\e0fd"; +} +.icon-Radio-alt:before { + content: "\e0fe"; +} +.icon-Quote:before { + content: "\e0ff"; +} +.icon-Qr-code:before { + content: "\e100"; +} +.icon-Pushpin:before { + content: "\e101"; +} +.icon-Pulse:before { + content: "\e102"; +} +.icon-Projector:before { + content: "\e103"; +} +.icon-Play:before { + content: "\e104"; +} +.icon-Playing-cards:before { + content: "\e105"; +} +.icon-Playlist:before { + content: "\e106"; +} +.icon-Plugin:before { + content: "\e107"; +} +.icon-Podcast:before { + content: "\e108"; +} +.icon-Poker-chip:before { + content: "\e109"; +} +.icon-Poll:before { + content: "\e10a"; +} +.icon-Post-it:before { + content: "\e10b"; +} +.icon-Pound-bag:before { + content: "\e10c"; +} +.icon-Power-outlet:before { + content: "\e10d"; +} +.icon-Photo-album:before { + content: "\e10e"; +} +.icon-Phone:before { + content: "\e10f"; +} +.icon-Phone-ring:before { + content: "\e110"; +} +.icon-People:before { + content: "\e111"; +} +.icon-People-female:before { + content: "\e112"; +} +.icon-People-alt:before { + content: "\e113"; +} +.icon-People-alt-2:before { + content: "\e114"; +} +.icon-Pc:before { + content: "\e115"; +} +.icon-Pause:before { + content: "\e116"; +} +.icon-Path:before { + content: "\e117"; +} +.icon-Out:before { + content: "\e118"; +} +.icon-Outbox:before { + content: "\e119"; +} +.icon-Outdent:before { + content: "\e11a"; +} +.icon-Page-add:before { + content: "\e11b"; +} +.icon-Page-down:before { + content: "\e11c"; +} +.icon-Page-remove:before { + content: "\e11d"; +} +.icon-Page-restricted:before { + content: "\e11e"; +} +.icon-Page-up:before { + content: "\e11f"; +} +.icon-Paint-roller:before { + content: "\e120"; +} +.icon-Palette:before { + content: "\e121"; +} +.icon-Newspaper:before { + content: "\e122"; +} +.icon-Newspaper-alt:before { + content: "\e123"; +} +.icon-Network-alt:before { + content: "\e124"; +} +.icon-Navigational-arrow:before { + content: "\e125"; +} +.icon-Navigation:before { + content: "\e126"; +} +.icon-Navigation-vertical:before { + content: "\e127"; +} +.icon-Navigation-up:before { + content: "\e128"; +} +.icon-Navigation-top:before { + content: "\e129"; +} +.icon-Navigation-road:before { + content: "\e12a"; +} +.icon-Navigation-right:before { + content: "\e12b"; +} +.icon-Microscope:before { + content: "\e12c"; +} +.icon-Mindmap:before { + content: "\e12d"; +} +.icon-Molecular-network:before { + content: "\e12e"; +} +.icon-Molecular:before { + content: "\e12f"; +} +.icon-Mountain:before { + content: "\e130"; +} +.icon-Mouse-cursor:before { + content: "\e131"; +} +.icon-Mouse:before { + content: "\e132"; +} +.icon-Movie-alt:before { + content: "\e133"; +} +.icon-Map-marker:before { + content: "\e134"; +} +.icon-Movie:before { + content: "\e135"; +} +.icon-Map-loaction:before { + content: "\e136"; +} +.icon-Map-alt:before { + content: "\e137"; +} +.icon-Male-symbol:before { + content: "\e138"; +} +.icon-Male-and-female:before { + content: "\e139"; +} +.icon-Mailbox:before { + content: "\e13a"; +} +.icon-Magnet:before { + content: "\e13b"; +} +.icon-Loupe:before { + content: "\e13c"; +} +.icon-Mobile:before { + content: "\e13d"; +} +.icon-Logout:before { + content: "\e13e"; +} +.icon-Log-out:before { + content: "\e13f"; +} +.icon-Layers:before { + content: "\e140"; +} +.icon-Left-double-arrow:before { + content: "\e141"; +} +.icon-Layout:before { + content: "\e142"; +} +.icon-Legal:before { + content: "\e143"; +} +.icon-Lense:before { + content: "\e144"; +} +.icon-Library:before { + content: "\e145"; +} +.icon-Light-down:before { + content: "\e146"; +} +.icon-Light-up:before { + content: "\e147"; +} +.icon-Lightbulb-active:before { + content: "\e148"; +} +.icon-Lightbulb:before { + content: "\e149"; +} +.icon-iPad:before { + content: "\e14a"; +} +.icon-Invoice:before { + content: "\e14b"; +} +.icon-Info:before { + content: "\e14c"; +} +.icon-Infinity:before { + content: "\e14d"; +} +.icon-Indent:before { + content: "\e14e"; +} +.icon-Inbox:before { + content: "\e14f"; +} +.icon-Inbox-full:before { + content: "\e150"; +} +.icon-Inactive-line:before { + content: "\e151"; +} +.icon-iMac:before { + content: "\e152"; +} +.icon-Hourglass:before { + content: "\e153"; +} +.icon-Home:before { + content: "\e154"; +} +.icon-Grid:before { + content: "\e155"; +} +.icon-Food:before { + content: "\e156"; +} +.icon-Favorite:before { + content: "\e157"; +} +.icon-Door-open-alt:before { + content: "\e158"; +} +.icon-Diagnostics:before { + content: "\e159"; +} +.icon-Contrast:before { + content: "\e15a"; +} +.icon-Coins-dollar-alt:before { + content: "\e15b"; +} +.icon-Circle-dotted-active:before { + content: "\e15c"; +} +.icon-Cinema:before { + content: "\e15d"; +} +.icon-Chip:before { + content: "\e15e"; +} +.icon-Chip-alt:before { + content: "\e15f"; +} +.icon-Chess:before { + content: "\e160"; +} +.icon-Checkbox:before { + content: "\e161"; +} +.icon-Checkbox-empty:before { + content: "\e162"; +} +.icon-Checkbox-dotted:before { + content: "\e163"; +} +.icon-Checkbox-dotted-active:before { + content: "\e164"; +} +.icon-Check:before { + content: "\e165"; +} +.icon-Chat:before { + content: "\e166"; +} +.icon-Chat-active:before { + content: "\e167"; +} +.icon-Chart:before { + content: "\e168"; +} +.icon-Chart-curve:before { + content: "\e169"; +} +.icon-Certificate:before { + content: "\e16a"; +} +.icon-Categories:before { + content: "\e16b"; +} +.icon-Cash-register:before { + content: "\e16c"; +} +.icon-Car:before { + content: "\e16d"; +} +.icon-Caps-lock:before { + content: "\e16e"; +} +.icon-Candy:before { + content: "\e16f"; +} +.icon-Circle-dotted:before { + content: "\e170"; +} +.icon-Circuits:before { + content: "\e171"; +} +.icon-Circus:before { + content: "\e172"; +} +.icon-Client:before { + content: "\e173"; +} +.icon-Clothes-hanger:before { + content: "\e174"; +} +.icon-Cloud-drive:before { + content: "\e175"; +} +.icon-Cloud-upload:before { + content: "\e176"; +} +.icon-Cloud:before { + content: "\e177"; +} +.icon-Cloudy:before { + content: "\e178"; +} +.icon-Clubs:before { + content: "\e179"; +} +.icon-Cocktail:before { + content: "\e17a"; +} +.icon-Code:before { + content: "\e17b"; +} +.icon-Coffee:before { + content: "\e17c"; +} +.icon-Coin-dollar:before { + content: "\e17d"; +} +.icon-Coin-pound:before { + content: "\e17e"; +} +.icon-Coin-yen:before { + content: "\e17f"; +} +.icon-Coin:before { + content: "\e180"; +} +.icon-Coins-alt:before { + content: "\e181"; +} +.icon-Console:before { + content: "\e182"; +} +.icon-Connection:before { + content: "\e183"; +} +.icon-Compress:before { + content: "\e184"; +} +.icon-Company:before { + content: "\e185"; +} +.icon-Command:before { + content: "\e186"; +} +.icon-Coin-euro:before { + content: "\e187"; +} +.icon-Combination-lock:before { + content: "\e188"; +} +.icon-Combination-lock-open:before { + content: "\e189"; +} +.icon-Comb:before { + content: "\e18a"; +} +.icon-Columns:before { + content: "\e18b"; +} +.icon-Colorpicker:before { + content: "\e18c"; +} +.icon-Color-bucket:before { + content: "\e18d"; +} +.icon-Coins:before { + content: "\e18e"; +} +.icon-Coins-yen:before { + content: "\e18f"; +} +.icon-Coins-yen-alt:before { + content: "\e190"; +} +.icon-Coins-pound:before { + content: "\e191"; +} +.icon-Coins-pound-alt:before { + content: "\e192"; +} +.icon-Coins-euro:before { + content: "\e193"; +} +.icon-Coins-euro-alt:before { + content: "\e194"; +} +.icon-Coins-dollar:before { + content: "\e195"; +} +.icon-Conversation-alt:before { + content: "\e196"; +} +.icon-Conversation:before { + content: "\e197"; +} +.icon-Coverflow:before { + content: "\e198"; +} +.icon-Credit-card-alt:before { + content: "\e199"; +} +.icon-Credit-card:before { + content: "\e19a"; +} +.icon-Crop:before { + content: "\e19b"; +} +.icon-Crosshair:before { + content: "\e19c"; +} +.icon-Crown-alt:before { + content: "\e19d"; +} +.icon-Crown:before { + content: "\e19e"; +} +.icon-Cupcake:before { + content: "\e19f"; +} +.icon-Curve:before { + content: "\e1a0"; +} +.icon-Cut:before { + content: "\e1a1"; +} +.icon-Dashboard:before { + content: "\e1a2"; +} +.icon-Defrag:before { + content: "\e1a3"; +} +.icon-Delete:before { + content: "\e1a4"; +} +.icon-Delete-key:before { + content: "\e1a5"; +} +.icon-Departure:before { + content: "\e1a6"; +} +.icon-Desk:before { + content: "\e1a7"; +} +.icon-Desktop:before { + content: "\e1a8"; +} +.icon-Donate:before { + content: "\e1a9"; +} +.icon-Dollar-bag:before { + content: "\e1aa"; +} +.icon-Documents:before { + content: "\e1ab"; +} +.icon-Document:before { + content: "\e1ac"; +} +.icon-Document-dashed-line:before { + content: "\e1ad"; +} +.icon-Dock-connector:before { + content: "\e1ae"; +} +.icon-Dna:before { + content: "\e1af"; +} +.icon-Display:before { + content: "\e1b0"; +} +.icon-Disk-image:before { + content: "\e1b1"; +} +.icon-Disc:before { + content: "\e1b2"; +} +.icon-Directions:before { + content: "\e1b3"; +} +.icon-Directions-alt:before { + content: "\e1b4"; +} +.icon-Diploma:before { + content: "\e1b5"; +} +.icon-Diploma-alt:before { + content: "\e1b6"; +} +.icon-Dice:before { + content: "\e1b7"; +} +.icon-Diamonds:before { + content: "\e1b8"; +} +.icon-Diamond:before { + content: "\e1b9"; +} +.icon-Diagonal-arrow:before { + content: "\e1ba"; +} +.icon-Diagonal-arrow-alt:before { + content: "\e1bb"; +} +.icon-Door-open:before { + content: "\e1bc"; +} +.icon-Download-alt:before { + content: "\e1bd"; +} +.icon-Download:before { + content: "\e1be"; +} +.icon-Drop:before { + content: "\e1bf"; +} +.icon-Eco:before { + content: "\e1c0"; +} +.icon-Economy:before { + content: "\e1c1"; +} +.icon-Edit:before { + content: "\e1c2"; +} +.icon-Eject:before { + content: "\e1c3"; +} +.icon-Employee:before { + content: "\e1c4"; +} +.icon-Energy-saving-bulb:before { + content: "\e1c5"; +} +.icon-Enter:before { + content: "\e1c6"; +} +.icon-Equalizer:before { + content: "\e1c7"; +} +.icon-Escape:before { + content: "\e1c8"; +} +.icon-Ethernet:before { + content: "\e1c9"; +} +.icon-Euro-bag:before { + content: "\e1ca"; +} +.icon-Exit-fullscreen:before { + content: "\e1cb"; +} +.icon-Eye:before { + content: "\e1cc"; +} +.icon-Facebook-like:before { + content: "\e1cd"; +} +.icon-Factory:before { + content: "\e1ce"; +} +.icon-Font:before { + content: "\e1cf"; +} +.icon-Folders:before { + content: "\e1d0"; +} +.icon-Folder:before { + content: "\e1d1"; +} +.icon-Folder-outline:before { + content: "\e1d2"; +} +.icon-Folder-open:before { + content: "\e1d3"; +} +.icon-Flowerpot:before { + content: "\e1d4"; +} +.icon-Flashlight:before { + content: "\e1d5"; +} +.icon-Flash:before { + content: "\e1d6"; +} +.icon-Flag:before { + content: "\e1d7"; +} +.icon-Flag-alt:before { + content: "\e1d8"; +} +.icon-Firewire:before { + content: "\e1d9"; +} +.icon-Firewall:before { + content: "\e1da"; +} +.icon-Fire:before { + content: "\e1db"; +} +.icon-Fingerprint:before { + content: "\e1dc"; +} +.icon-FIlter:before { + content: "\e1dd"; +} +.icon-Filter-arrows:before { + content: "\e1de"; +} +.icon-Files:before { + content: "\e1df"; +} +.icon-File-cabinet:before { + content: "\e1e0"; +} +.icon-Female-symbol:before { + content: "\e1e1"; +} +.icon-Footprints:before { + content: "\e1e2"; +} +.icon-Hammer:before { + content: "\e1e3"; +} +.icon-Hand-active-alt:before { + content: "\e1e4"; +} +.icon-Forking:before { + content: "\e1e5"; +} +.icon-Hand-active:before { + content: "\e1e6"; +} +.icon-Hand-pointer-alt:before { + content: "\e1e7"; +} +.icon-Hand-pointer:before { + content: "\e1e8"; +} +.icon-Handprint:before { + content: "\e1e9"; +} +.icon-Handshake:before { + content: "\e1ea"; +} +.icon-Handtool:before { + content: "\e1eb"; +} +.icon-Hard-drive:before { + content: "\e1ec"; +} +.icon-Help:before { + content: "\e1ed"; +} +.icon-Graduate:before { + content: "\e1ee"; +} +.icon-Gps:before { + content: "\e1ef"; +} +.icon-Help-alt:before { + content: "\e1f0"; +} +.icon-Height:before { + content: "\e1f1"; +} +.icon-Globe:before { + content: "\e1f2"; +} +.icon-Hearts:before { + content: "\e1f3"; +} +.icon-Globe-inverted-europe-africa:before { + content: "\e1f4"; +} +.icon-Headset:before { + content: "\e1f5"; +} +.icon-Globe-inverted-asia:before { + content: "\e1f6"; +} +.icon-Headphones:before { + content: "\e1f7"; +} +.icon-Globe-inverted-america:before { + content: "\e1f8"; +} +.icon-Hd:before { + content: "\e1f9"; +} +.icon-Globe-Europe---Africa:before { + content: "\e1fa"; +} +.icon-Hat:before { + content: "\e1fb"; +} +.icon-Globe-Asia:before { + content: "\e1fc"; +} +.icon-Globe-alt:before { + content: "\e1fd"; +} +.icon-Hard-drive-alt:before { + content: "\e1fe"; +} +.icon-Glasses:before { + content: "\e1ff"; +} +.icon-Gift:before { + content: "\e200"; +} +.icon-Handtool-alt:before { + content: "\e201"; +} +.icon-Geometry:before { + content: "\e202"; +} +.icon-Game:before { + content: "\e203"; +} +.icon-Fullscreen:before { + content: "\e204"; +} +.icon-Fullscreen-alt:before { + content: "\e205"; +} +.icon-Frame:before { + content: "\e206"; +} +.icon-Frame-alt:before { + content: "\e207"; +} +.icon-Camera-roll:before { + content: "\e208"; +} +.icon-Bookmark:before { + content: "\e209"; +} +.icon-Bill:before { + content: "\e20a"; +} +.icon-Baby-stroller:before { + content: "\e20b"; +} +.icon-Alarm-clock:before { + content: "\e20c"; +} +.icon-Adressbook:before { + content: "\e20d"; +} +.icon-Add:before { + content: "\e20e"; +} +.icon-Activity:before { + content: "\e20f"; +} +.icon-untitled:before { + content: "\e210"; +} +.icon-glasses:before { + content: "\e211"; +} +.icon-Camcorder:before { + content: "\e212"; +} +.icon-Calendar:before { + content: "\e213"; +} +.icon-Calendar-alt:before { + content: "\e214"; +} +.icon-Calculator:before { + content: "\e215"; +} +.icon-Bus:before { + content: "\e216"; +} +.icon-Burn:before { + content: "\e217"; +} +.icon-Bulleted-list:before { + content: "\e218"; +} +.icon-Bug:before { + content: "\e219"; +} +.icon-Brush:before { + content: "\e21a"; +} +.icon-Brush-alt:before { + content: "\e21b"; +} +.icon-Brush-alt-2:before { + content: "\e21c"; +} +.icon-Browser-window:before { + content: "\e21d"; +} +.icon-Briefcase:before { + content: "\e21e"; +} +.icon-Brick:before { + content: "\e21f"; +} +.icon-Brackets:before { + content: "\e220"; +} +.icon-Box:before { + content: "\e221"; +} +.icon-Box-open:before { + content: "\e222"; +} +.icon-Box-alt:before { + content: "\e223"; +} +.icon-Books:before { + content: "\e224"; +} +.icon-Billboard:before { + content: "\e225"; +} +.icon-Bills-dollar:before { + content: "\e226"; +} +.icon-Bills-euro:before { + content: "\e227"; +} +.icon-Bills-pound:before { + content: "\e228"; +} +.icon-Bills-yen:before { + content: "\e229"; +} +.icon-Bills:before { + content: "\e22a"; +} +.icon-Binarycode:before { + content: "\e22b"; +} +.icon-Binoculars:before { + content: "\e22c"; +} +.icon-Bird:before { + content: "\e22d"; +} +.icon-Birthday-cake:before { + content: "\e22e"; +} +.icon-Blueprint:before { + content: "\e22f"; +} +.icon-Block:before { + content: "\e230"; +} +.icon-Bluetooth:before { + content: "\e231"; +} +.icon-Boat-shipping:before { + content: "\e232"; +} +.icon-Bomb:before { + content: "\e233"; +} +.icon-Book-alt-2:before { + content: "\e234"; +} +.icon-Bones:before { + content: "\e235"; +} +.icon-Book-alt:before { + content: "\e236"; +} +.icon-Book:before { + content: "\e237"; +} +.icon-Bill-yen:before { + content: "\e238"; +} +.icon-Award:before { + content: "\e239"; +} +.icon-Bill-pound:before { + content: "\e23a"; +} +.icon-Autofill:before { + content: "\e23b"; +} +.icon-Bill-euro:before { + content: "\e23c"; +} +.icon-Auction-hammer:before { + content: "\e23d"; +} +.icon-Bill-dollar:before { + content: "\e23e"; +} +.icon-Attachment:before { + content: "\e23f"; +} +.icon-Bell:before { + content: "\e240"; +} +.icon-Article:before { + content: "\e241"; +} +.icon-Bell-off:before { + content: "\e242"; +} +.icon-Art-easel:before { + content: "\e243"; +} +.icon-Beer-glass:before { + content: "\e244"; +} +.icon-Arrow-up:before { + content: "\e245"; +} +.icon-Battery-low:before { + content: "\e246"; +} +.icon-Arrow-right:before { + content: "\e247"; +} +.icon-Battery-full:before { + content: "\e248"; +} +.icon-Arrow-left:before { + content: "\e249"; +} +.icon-Bars:before { + content: "\e24a"; +} +.icon-Arrow-down:before { + content: "\e24b"; +} +.icon-Barcode:before { + content: "\e24c"; +} +.icon-Arrivals:before { + content: "\e24d"; +} +.icon-Bar-chart:before { + content: "\e24e"; +} +.icon-Application-window:before { + content: "\e24f"; +} +.icon-Band-aid:before { + content: "\e250"; +} +.icon-Application-window-alt:before { + content: "\e251"; +} +.icon-Ball:before { + content: "\e252"; +} +.icon-Application-Error:before { + content: "\e253"; +} +.icon-Badge-restricted:before { + content: "\e254"; +} +.icon-App:before { + content: "\e255"; +} +.icon-Badge-remove:before { + content: "\e256"; +} +.icon-Anchor:before { + content: "\e257"; +} +.icon-Badge-count:before { + content: "\e258"; +} +.icon-Alt:before { + content: "\e259"; +} +.icon-Badge-add:before { + content: "\e25a"; +} +.icon-Alert:before { + content: "\e25b"; +} +.icon-Backspace:before { + content: "\e25c"; +} +.icon-Alert-alt:before { + content: "\e25d"; +} diff --git a/OurUmbraco.Client/src/scss/elements/_loader.scss b/OurUmbraco.Client/src/scss/elements/_loader.scss new file mode 100644 index 00000000..7938358d --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_loader.scss @@ -0,0 +1,48 @@ +.span { + width: 60px; + background-color: rgba($color-our, 0.5); + height: 60px; + border-radius: 3px; + position: relative; +} + + +#posting { + position: absolute; + top: 0; + width: 140px; + background-color: rgba(74, 174, 78, 1); + height: 36px; + border-radius: 3px; + display: none; +} + + +.loader { + width: 6px; + height: 6px; + border-radius: 50%; + animation: typing 1s linear infinite alternate; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-250%, -50%); +} + + +@keyframes typing { + 0%{ + background-color: rgba(#fff, 1); + box-shadow: 12px 0px 0px 0px rgba(#fff, .4), + 24px 0px 0px 0px rgba(#fff, .4); + } + 25%{ + background-color: rgba(#fff , 0.4); + box-shadow: 12px 0px 0px 0px rgba(#fff, .2), + 24px 0px 0px 0px rgba(#fff, .4); + } + 75%{ background-color: rgba(#fff , 0.4); + box-shadow: 12px 0px 0px 0px rgba(#fff, .4), + 24px 0px 0px 0px rgba(#fff, 1); + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_markdown-editor.scss b/OurUmbraco.Client/src/scss/elements/_markdown-editor.scss new file mode 100644 index 00000000..47eedc33 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_markdown-editor.scss @@ -0,0 +1,463 @@ +.markdown-editor { + position: fixed; + bottom: -100%; + max-height: 100%; + width: 100%; + padding: .2rem; + background-color: rgba(darken(#fff, 1%), .94); + box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.08); + transition: bottom .6s $cubicSearch, top .6s $cubicSearch; + z-index: 800; + + @media (max-width: $xs) { + top: 100%; + padding: 20px 0 0; + } + + &.write { + bottom:0px; + overflow-y: scroll; + visibility: visible; + @media (max-width: $xs) { + top: 0; + } + } + + &.mobile-preview { + @media (max-width: $md) { + #input-container { + display: none; + } + + #preview-container { + display: block; + } + } + } + + #preview-container { + @media (max-width: $md) { + display: none; + } + } + + input, textarea, select{ + border: 1px solid transparent; + &:focus, &:active{ + outline: none; + } + &.warning { + border: 1px solid $color-red !important; + } + } + + + .wmd-button { + position: relative; + margin-right: 15px; + left: 0 !important; + font-size: 1.4em; + top: 10px; + cursor: pointer; + float: left; + border-radius: 20px; + transition: top 300ms $cubicSearch, opacity 300ms $cubicSearch; + + } + + .show { + .wmd-button { + @media (min-width: $md){ + top: 10px; + opacity: .9; + } + } + } + + .reply-to { + p { + font-size: .8rem; + overflow: hidden; + color: $color-text; + background: transparent; + } + span { + font-weight: 800; + } + } + + #wmd-button-bar { + position:relative; + height: 30px; + @media (max-width: $xs) { + display:none; + } + } + + .input-row { + label { + display: block; + margin-bottom: 5px; + color: #a9a9a9; + font-size: .8rem; + } + } + .wmd-button-row { + list-style: none; + li { + &:hover { + span { + color:black; + } + } + + span { + background-image: none; + color: #727272; + transition: color .2s ease-in; + &:before { + font-family: "our-umbraco" !important; + content: attr(data-icon); + font-style: normal !important; + font-weight: normal !important; + font-variant: normal !important; + text-transform: none !important; + speak: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + } + } + } + + #wmd-bold-button { + span { + @extend .our-icon-bold; + } + } + + #wmd-italic-button { + span { + @extend .our-icon-italic; + } + } + + #wmd-bold-button { + span { + @extend .our-icon-bold; + } + } + + #wmd-link-button { + span { + @extend .our-icon-hyperlink; + } + } + + #wmd-quote-button { + span { + @extend .our-icon-quote; + } + } + + #wmd-quote-button { + span { + @extend .our-icon-quote; + } + } + + #wmd-code-button { + span { + @extend .our-icon-code; + } + } + + #wmd-image-button { + span { + @extend .our-icon-picture; + } + } + + #wmd-olist-button { + span { + @extend .our-icon-ol; + } + } + + #wmd-ulist-button { + span { + @extend .our-icon-ul; + } + } + + #wmd-heading-button { + span { + @extend .our-icon-header; + } + } + + #wmd-hr-button { + span { + @extend .our-icon-hr; + } + } + + #wmd-undo-button { + span { + @extend .our-icon-undo; + } + } + + #wmd-redo-button { + span { + @extend .our-icon-redo; + } + } + + } + + .wmd-spacer { + float: left; + position: relative; + width: 27px; + display: block; + opacity: 0; + height: 20px; + @media (max-width:$md) { + display: none; + } + } + + #wmd-input { + height: 300px; + width: 100%; + padding: .5rem; + font-size: .8rem; + color: $color-text; + background: white; + border: 2px solid whitesmoke; + @include transition(border-color, .2s); + + @media (max-width: $xs) { + height: 152px; + } + } + + #wmd-preview { + width: 100%; + min-height: 300px; + max-height: 300px; + overflow-y: scroll; + padding: .5rem 20px; + font-size: .8rem; + color: #000; + background: #ededed; + @media (max-width: $xs) { + max-height: 150px; + min-height: 150px; + margin-bottom: 0; + } + } + + + .markdown-close { + position: absolute; + right: 1.5rem; + top: 2rem; + font-size: 28px; + cursor: pointer; + opacity: .6; + @include transition(opacity, .3s); + + @media (min-width: $md) { + top: 1.5rem; + } + + &:hover { + opacity: 1; + } + } + + .draft { + position: fixed; + bottom: -40px; + right: 30px; + background-color: $color-our; + color:white; + padding: 12px 20px; + cursor: pointer; + opacity: 0; + font-size: .9rem; + font-weight: bold; + transition: opacity .3s $cubicSearch, bottom .6s $cubicSearch, box-shadow .2s ease-in-out; + + &.show { + bottom: 30px; + opacity: 1; + + &:hover { + background: darken($color-our, 3%); + @extend .BoxShadow; + } + } + } + + .markdown-control { + font-family: $font-family; + font-size: .8rem; + -webkit-appearance: none; + @media (max-width: $xs) { + padding: 5px !important; + } + } + + #topic-title { + padding: .5rem; + font-size: .8rem; + overflow: hidden; + color: #000; + background: #fff; + width: 100%; + } + + select { + position: relative; + border: none; + border-radius: 0; + padding: .5rem; + font-size: .8rem; + overflow: hidden; + color: #000; + background: #fff; + width: 100%; + @media (max-width: $xs) { + margin-top: 20px; + } + + &::after { + position: absolute; + display: block; + top: 0; + right: 0; + content: "<"; + color: black; + } + } + + #topic-category { + + option.frontend { + background: #4ea7ff; + color: #fff; + } + + option.core { + background: #ff661b; + color: #fff; + } + + option.azure { + background: #1ed45c; + color: #fff; + + } + } + + #topic-submit { + border: none; + background: $color-green; + color: white; + font-size: .9rem; + padding: 10px; + width: 100%; + max-width: 140px; + font-family: $font-family; + cursor: pointer; + + &:hover { + background: lighten($color-green, 5%); + } + } + + #mobile-preview { + border: none; + background: none; + -webkit-appearance:none; + text-align: right; + float: right; + opacity: .4; + cursor: pointer; + @include transition(opacity, .3s); + + i { + font-size: 24px; + display: inline-block; + transform: translate(-3px, 5px); + + } + + span { + font-size: 14px; + } + + &:hover { + opacity: 1; + } + + @media (max-width: $xs) { + margin-bottom: 10px; + } + } + + + &.mobile-preview { + + #wmd-preview { + @media (max-width: $md) { + margin-bottom: 4px; + } + } + + #mobile-preview { + color: $color-our; + opacity: 1; + } + } + +} + +.wmd-prompt-background { + background-color: black; +} + +#insert-image-dialog { + position: fixed; + z-index: 1001; + @extend .copy-link-wrapper; + &.show { + clip: auto; + opacity: 1; + top: 50%; + left: 50%; + } +} + +.wmd-prompt-dialog { + @extend .copy-link-wrapper; + opacity: 1; + clip: auto; + margin: 0 !important; + input[type="text"] { + text-align: left; + } +} + +.markdown-spacer { + position: relative; + height: 0px; + transition: height .6s $cubicSearch; + &.write { + height: 500px; + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_markdown-syntax.scss b/OurUmbraco.Client/src/scss/elements/_markdown-syntax.scss new file mode 100644 index 00000000..09f494a3 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_markdown-syntax.scss @@ -0,0 +1,482 @@ +.markdown-syntax{ + + + a { + text-decoration: none; + + &.absent { + color: #cc0000; + } + + + &.anchor { + display: block; + padding-left: 30px; + margin-left: -30px; + cursor: pointer; + position: absolute; + top: 0; + left: 0; + bottom: 0; + } + } + + + + + h1, h2, h3, h4, h5, h6 { + margin: 20px 0 10px; + padding: 0; + font-weight: 700; + -webkit-font-smoothing: antialiased; + cursor: text; + position: relative; + margin-top: 1em; + color: $color-headline; + } + + + + h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { + background: url("assets/images/documentation/para.png") no-repeat 10px center; + text-decoration: none; + } + + + + h1 tt, h1 code { + font-size: inherit; + } + + + + h2 tt, h2 code { + font-size: inherit; + } + + + + h3 tt, h3 code { + font-size: inherit; + } + + + + h4 tt, h4 code, h4 a { + font-size: inherit; + } + + + + h5 tt, h5 code { + font-size: inherit; + } + + + + h6 tt, h6 code { + font-size: inherit; + } + + + + * + h2 { + margin-top: 3rem; + } + + + + * + h3, * + h4 { + margin-top: 2rem; + } + + + + img { + margin: 1.5rem 0; + } + + + + p { + margin: 10px 0; + + line-height: 1.5; + + word-break: break-word; + color: $color-text; + } + + + + li { + padding: 0 0 3px 0; + color: $color-text; + } + + + + h1 { + font-size: 2.1rem; + } + + + + h2 { + font-size: 1.7rem; + } + + + + h3 { + font-size: 1.6rem; + } + + + + h4 { + font-size: 1.4rem; + } + + + + h5 { + font-size: 1.2; + } + + + + h6 { + font-size: 1.1rem; + } + + + + blockquote, ul, ol, dl, table, pre { + margin: 0 0 1rem; + } + + + + hr { + border-top: 1px whitesmoke solid; + margin: 3em 0; + color: #871A1A; + height: 0px; + padding: 0; + } + + + + body > h2:first-child { + margin-top: 0; + padding-top: 0; + } + + + + body > h1:first-child { + margin-top: 0; + padding-top: 0; + } + + + + body > h1:first-child + h2 { + margin-top: 0; + padding-top: 0; + } + + + + body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child { + margin-top: 0; + padding-top: 0; + } + + + + a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 { + margin-top: 0; + padding-top: 0; + } + + + + h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { + margin-top: 0; + } + + + + li p.first { + display: inline-block; + } + + + + ul, ol { + padding-left: 30px; + } + + + + ul :first-child, ol :first-child { + margin-top: 0; + } + + + + ul :last-child, ol :last-child { + margin-bottom: 0; + } + + + + dl { + padding: 0; + } + + + + dl dt { + font-size: 14px; + font-weight: bold; + font-style: italic; + padding: 0; + margin: 15px 0 5px; + } + + + + dl dt:first-child { + padding: 0; + } + + + + dl dt > :first-child { + margin-top: 0; + } + + + + dl dt > :last-child { + margin-bottom: 0; + } + + + + dl dd { + margin: 0 0 15px; + padding: 0 15px; + } + + + + dl dd > :first-child { + margin-top: 0; + } + + + + dl dd > :last-child { + margin-bottom: 0; + } + + + + blockquote { + border-left: 4px solid #dddddd; + padding: 0 15px; + color: #777777; } + + + + blockquote > :first-child { + margin-top: 0; + } + + + + blockquote > :last-child { + margin-bottom: 0; + } + + + + table { + padding: 0; + + + tr { + border-top: 1px solid #cccccc; + background-color: white; + margin: 0; + padding: 0; + + + &:nth-child(2n) { + background-color: #f8f8f8; + } + + + th { + font-weight: bold; + border: 1px solid #cccccc; + text-align: left; + margin: 0; + padding: 6px 13px; + } + + + td { + border: 1px solid #cccccc; + text-align: left; + margin: 0; + padding: 6px 13px; + } + + th, td { + &:first-child { + margin-top: 0; + } + &:last-child { + margin-bottom: 0; + } + } + } + } + + + img { + max-width: 100%; + } + + span.frame { + display: block; + overflow: hidden; + } + span.frame > span { + border: 1px solid #dddddd; + display: block; + float: left; + overflow: hidden; + margin: 13px 0 0; + padding: 7px; + width: auto; + } + span.frame span img { + display: block; + float: left; + } + span.frame span span { + clear: both; + color: #333333; + display: block; + padding: 5px 0 0; + } + span.align-center { + display: block; + overflow: hidden; + clear: both; + } + span.align-center > span { + display: block; + overflow: hidden; + margin: 13px auto 0; + text-align: center; + } + span.align-center span img { + margin: 0 auto; + text-align: center; + } + span.align-right { + display: block; + overflow: hidden; + clear: both; } + span.align-right > span { + display: block; + overflow: hidden; + margin: 13px 0 0; + text-align: right; + } + span.align-right span img { + margin: 0; + text-align: right; + } + span.float-left { + display: block; + margin-right: 13px; + overflow: hidden; + float: left; } + span.float-left span { + margin: 13px 0 0; + } + span.float-right { + display: block; + margin-left: 13px; + overflow: hidden; + float: right; + } + span.float-right > span { + display: block; + overflow: hidden; + margin: 13px auto 0; + text-align: right; + } + + code { + margin: 0; + padding: 0; + white-space: pre; + border: none; + background: transparent; + } + + code, tt { + margin: 0 2px; + padding: 1px 5px; + white-space: pre-wrap; + border: 1px solid $color-text; + background-color: rgba(255, 255, 255, 0); + border-radius: 3px; + } + + pre { + overflow: auto; + display: block; + font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; + background-color: $color-markdown-bg; + color: white; + font-size: 0.9rem; + line-height: 1.4em; + background-clip: padding-box; + padding: 20px 30px; + white-space: pre; + margin: 20px -15px; + + @media (min-width: $md) { + margin: 20px -30px; + } + + code { + margin: 0; + padding: 0; + white-space: pre; + border: none; + background: transparent; + } + + code, tt { + background-color: transparent; + border: none; + } + } +} + +.documentation { + .markdown-syntax pre { + margin: 20px 0; + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_member.scss b/OurUmbraco.Client/src/scss/elements/_member.scss new file mode 100644 index 00000000..a04654b0 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_member.scss @@ -0,0 +1,127 @@ +.public-member { + font-size: .9rem; + line-height: 1.5; + color: $color-text; + margin-top: 2rem; + + .member-details { + display: flex; + align-items: center; + + img { + border-radius: 50%; + max-width: 112px; + min-width: 112px; + height: auto; + } + + h3 { + margin: 0; + font-size: 1.2rem; + line-height: 1.3; + color: $color-headline; + font-weight: bold; + } + + small { + line-height: 1.3; + color: darken($color-space, 25%); + font-size: 1.15rem; + + font-weight: bold; + + margin: 0; + } + + a { + &:hover { + text-decoration: none; + } + } + + + + .text { + margin: 0 0 0 1rem; + + small { + font-size: 1rem; + font-weight: normal; + color: darken($color-space, 15%); + } + } + + + .roles { + display: flex; + flex-wrap: wrap; + flex: 0 0 100%; + + span { + font-size: .85rem; + margin: 0 2% 2% 0; + } + } + } + + + + + h3 { + margin: 0 0 .5rem; + font-weight: bold; + + font-size: 1.15rem; + } + + + + .member-bio { + margin-top: 1rem; + + p { + font-size: 1rem; + line-height: 1.4; + color: darken($color-space, 20%); + } + } + + + + .category { + margin-top: .5rem; + + span.cat { + font-size: .75rem; + } + } + + + .forum-thread { + .row { + display: flex; + + align-items: center; + } + + &-text { + h3 { + font-size: 1rem; + + @media (min-width: $md) { + font-size: 1.1rem; + } + } + } + } + + + + .goto { + font-size: 1rem; + + &:hover { + text-decoration: none; + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_notification.scss b/OurUmbraco.Client/src/scss/elements/_notification.scss new file mode 100644 index 00000000..c59520f9 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_notification.scss @@ -0,0 +1,127 @@ +.quickmenu { + .notification { + opacity: 0; + left: 25%; + } +} + + + +.notification { + position: fixed; + z-index: 999; + left: 50%; + bottom: 30px; + transform: translate(-50%, 0); + + opacity: 1; + transition: all .3s $easeExpo; + + width: 90%; + margin: 0 auto; + max-width: 1024px; + + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + + padding: 20px 10px; + + border-radius: 4px; + + border: 1px solid darken(#b8d9ff, 10%); + background: #b8d9ff; + + color: #00499e; + + + @include colorset(notification); + + + h1, h2, h3 { + margin-bottom: .5rem; + font-weight: bold; + } + + h1 { + font-size: 1.3rem; + } + + h2 { + font-size: 1.2rem; + } + + h3 { + font-size: 1.1rem; + } + + p { + font-size: 1rem; + line-height: 1.5; + } + + a { + font-size: 1rem; + line-height: 1.5; + + &:hover { + text-decoration: none; + } + } + + small { + margin: 0; + display: inline-block; + } + + + + .message { + flex: 0 0 100%; + + margin-bottom: 1rem; + } + + + + .close-notification { + left: 15px; + cursor: pointer; + font-size: 1rem; + + text-align: right; + flex: 0 0 100%; + + + i { + position: relative; + top: 3px; + font-size: 1.2rem; + margin-right: 3px; + } + } + + + @media (min-width: $md) { + padding: 20px; + width: 100%; + + top: 100px; + bottom: auto; + + p { + font-size: .95rem; + } + + .message { + flex: 1 0 89%; + margin-right: 1%; + margin-bottom: 0; + } + + .close-notification { + flex: 0 0 10%; + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_package-badges.scss b/OurUmbraco.Client/src/scss/elements/_package-badges.scss new file mode 100644 index 00000000..b643fe55 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_package-badges.scss @@ -0,0 +1,64 @@ +.package-badge { + font-size: .7rem; + overflow: hidden; + font-weight: bold; + color: #fff; + + span { + background: lighten(#343434, 8%); + background: linear-gradient(to bottom, rgba(#545454,1) 0%, rgba(#2f2f2f,1) 100%); + padding: 5px 7px; + margin: 0; + display: inline-block; + float: left; + + &.package-name { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + + &.package-number { + background: $color-green; + background: linear-gradient(to bottom, rgba(lighten($color-green, 15%),1) 0%, rgba($color-green,1) 100%); + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + } + + &.blue { + .package-number { + background: $color-blue; + background: linear-gradient(to bottom, rgba(lighten($color-blue, 15%),1) 0%, rgba($color-blue,1) 100%); + } + } + + &.green { + .package-number { + background: $color-green; + background: linear-gradient(to bottom, rgba(lighten($color-green, 15%),1) 0%, rgba($color-green,1) 100%); + } + } + + &.red { + .package-number { + background: $color-red; + background: linear-gradient(to bottom, rgba(lighten($color-red, 15%),1) 0%, rgba($color-red,1) 100%); + } + } + + &.orange { + .package-number { + background: $color-orange; + background: linear-gradient(to bottom, rgba(lighten($color-orange, 15%),1) 0%, rgba($color-orange,1) 100%); + } + } + + &.our { + .package-number { + background: $color-our; + background: linear-gradient(to bottom, rgba(lighten($color-our, 15%),1) 0%, rgba($color-our,1) 100%); + + color: #000; + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_package-creation.scss b/OurUmbraco.Client/src/scss/elements/_package-creation.scss new file mode 100644 index 00000000..f8a4f0d4 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_package-creation.scss @@ -0,0 +1,360 @@ +.package-create { + position: relative; + top: 15px; + max-width: 100%; + + h1, h2, h3, legend { + color: $color-headline; + font-weight: bold; + } + + h1 { + @extend .sidebarTitle; + margin-top: 0; + } + + h2 { + font-size: 1.6rem; + margin: 0 0 10px; + } + + h3, legend { + font-size: 1.2rem; + margin: 0 0 10px; + + } + + p { + font-size: .95rem; + line-height: 1.5; + color: $color-text; + + + p { + margin-top: 20px; + } + } + + .stepNavigation { + list-style: none; + margin-bottom: 1rem; + padding-bottom: 1rem; + margin-top: 1.5rem; + border-bottom: 1px solid rgba(#000, .18); + + li { + display: inline-block; + margin-right: .5rem; + color: $color-text; + font-size: .75rem; + + @media (min-width: $md) { + font-size: .9rem; + margin-right: 1rem; + } + + &.current { + color: $color-headline; + font-weight: bold; + } + + &:last-child { + margin-right: 0; + } + + a { + text-decoration: none; + + &:hover { + color: $color-text-hover; + } + } + } + } + + fieldset { + padding: 0 0 1.5rem 0; + margin: 1.5rem 0 0 0; + border: none; + border-bottom: 1px solid whitesmoke; + max-width: 100%; + + input { + @media (max-width: $md) { + max-width: 360px; + } + } + } + + label { + color: rgba(#000, 1); + width: 10rem; + display: block; + padding: 1.5rem .5rem .2rem 0; + display: inline-block; + font-size: 1rem; + font-weight: bold; + + &.pickfile { + font-size: .9rem; + padding: 0; + color: $color-text; + } + + @media (min-width: $md) { + width: 15rem; + } + } + + small { + font-size: .85rem; + color: $color-text; + margin: 5px 0 0; + max-width: 90%; + + @media (min-width: 1142px) { + margin: 0; + max-width: 80%; + opacity: .6; + } + } + + + input, textarea { + font-family: $font-family; + + &.warning, &.error { + border-color: $color-red !important; + } + } + + + input[type="text"], textarea { + font-size: .95rem; + color: rgba(#000, 1); + border: 1px solid darken(whitesmoke, 5%); + + &:focus, &:active { + outline: none; + border-color: $color-our; + } + } + + + input[type="text"] { + padding: 12px 10px; + outline: none; + width: 30rem; + } + + + + + input[type="checkbox"] + label { + font-size: .9rem; + color: $color-headline; + margin-left: .5rem; + } + + input[type="checkbox"]:checked + label { + font-weight: bold; + } + + input[type="checkbox"] + label + small { + top: -20px; + } + + + + + select + small { + top: -20px; + } + + + + textarea { + padding: 8px; + } + + + + ::-webkit-input-placeholder { + color: red; + } + + + #ContentPlaceHolderDefault_Main_Editor_5_ctl00_Collab { + & + label { + padding: 0; + } + } + + .buttons { + margin-top: 2rem; + text-align: right; + + .button { + font-size: .9rem; + + } + + a { + font-size: .9rem; + color: $color-text; + + &:hover { + text-decoration: none; + color: $color-headline; + } + } + } + + .pickversionWrapper { + overflow: hidden; + } + + .pickversion { + font-size: .95rem; + color: $color-text; + float: left; + + + input[type="checkbox"] { + margin-right: .5rem; + margin-bottom: .5rem; + } + + input[type="checkbox"]:checked + * { + font-weight: bold; + } + } + + #pickVersion, #pickNetVersion, #pickTrustLevel { + label { + padding-bottom: .5rem; + padding-top: 0; + } + } + + #pickVersion { + margin-top: 0; + float: left; + display: block; + } + + &.complete { + fieldset { + margin-top: 2rem; + + label { + padding: 1.5rem 0 0; + } + + p + p { + margin: .5rem 0 0; + } + } + } +} + + + + +.dataTable { + border-collapse:collapse; + border:1px solid #ddd; + width:100%; + margin-bottom:1rem; + + td, th { + padding:8px !important; + font-size: .8rem; + } + + th { + color: #fff; + background: $color-our; + font-size:14px; + } + + tbody { + tr { + transition: background 0.3s ease-in; + + &:hover { + background:#ddd; + } + + &.totals { + font-weight:bold; + font-size:14px; + + &:hover td { + background:#82B84F; + } + + td { + border-top:3px solid $color-our; + } + } + } + } + + .count, .dataTable .center { + text-align:center; + } + + .money, .dataTable .right { + text-align:right; + } +} + +.eligibilityNotification { + border: 2px solid $color-our; + background: rgba($color-our, .18); + padding: 15px; + + p, li { + font-size: .9rem; + color: #000; + } + + ul { + list-style: none; + margin: .8rem 0; + } + + li { + margin-left: .3rem; + font-weight: bold; + } + + &.notEligible { + border-color: $color-orange; + background: rgba($color-orange, .18); + } +} + + +// Tags +div.ac_results { + background: #fff; + padding: 20px; + border: 1px solid whitesmoke; + + li { + padding-bottom: .5rem; + } +} + +.tagAdd { + @extend .button; @extend .tiny; + padding: 12px 20px !important; + + float: right; + + @media (min-width: $md) { + position: absolute; + float: none; + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_package-detail.scss b/OurUmbraco.Client/src/scss/elements/_package-detail.scss new file mode 100644 index 00000000..009497f5 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_package-detail.scss @@ -0,0 +1,396 @@ +.package-detail { + padding-top: 0; + position: relative; + + .vote { + display: flex; + justify-content: flex-end; + align-items: center; + + margin-bottom: 20px; + + i { + font-size: 1.1rem; + color: rgba(#000, .3); + display: inline-block; + margin-right: 5px; + + &.liked { + color: #f64051; + } + } + + &:hover { + cursor: pointer; + + i { + color: #f64051; + + &.liked { + color: rgba(#000, .3); + } + } + + span { + color: $color-text; + } + } + + span { + font-size: .9rem; + color: rgba(#000, .4); + } + } + + .markdown-syntax pre { + margin: 0 0 1rem; + } + + .package-forum-activity { + overflow: hidden; + + .goto { + text-align: right; + font-size: .9rem; + color: $color-text; + float: right; + + &:hover { + text-decoration: none; + color: $color-headline; + } + } + } + + .forum-thread { + padding: 10px; + + img { + max-width: 60px; + height: auto; + } + + .forum-thread-text { + margin-top: .7rem; + + h3 { + font-size: .9rem; + color: $color-headline; + } + + p { + color: $color-text; + } + } + } +} + +.package-detail-sidebar { + font-size: .9rem; + line-height: 1.5; + color: $color-text; + margin-top: 2rem; + + @media (min-width: $md) { + margin-top: 0; + } + + .button { + max-width: 80%; + padding: 15px 20px; + font-size: 1rem; + margin: .5rem 0 2.5rem; + + i { + font-size: 1.5rem; + position: relative; + display: inline-block; + top: 4px; + left: 5px; + } + } + + h2, h3, strong, span { + color: $color-headline; + } + + h2 { + font-size: 1.5rem; + margin-bottom: 1rem; + } + + h3 { + margin-bottom: .3rem; + font-size: 1.08rem; + font-weight: bold; + } + + ul { + margin-bottom: .8rem; + } + + li { + list-style: none; + font-size: .9rem; + padding: .15rem 0 0; + + &:first-child { + padding: 0; + } + } + + small { + color: $color-text; + } + + span, strong { + font-weight: bold; + } + + span { + padding-right: 3px; + } + + .package-creator { + position: relative; + + + h3 { + margin: 0 0 1rem 0; + } + + .row { + margin-top: 0; + margin-bottom: 0; + } + + img { + display: inline-block; + border-radius: 50%; + max-width: 80px; + min-width: 80px; + height: auto; + vertical-align: middle; + } + + .package-creator-information { + h3 { + margin: 0; + font-size: 1rem; + color: rgba(#000, .8); + + a { + text-decoration: none; + + &:hover { + color: $color-our; + } + } + } + + small { + font-size: .8rem; + transform: translate(0, -3px); + } + + .text { + margin: 0 0 0 .5rem; + display: inline-block; + vertical-align: bottom; + + a { + text-decoration: underline; + + &:hover { + text-decoration: none; + } + } + } + } + } + + .package-creator, .package-compatibility { + border-bottom: 1px solid whitesmoke; + margin-bottom: 1rem; + padding-bottom: 1rem; + } +} + +.package-compatibility-versions { + + .versions { + margin-bottom: 1rem; + } + + span { + display: block; + font-weight: normal; + } + + strong { + margin-right: 5px; + } +} + +.package-detail-content { + + h3 { + display: block; + margin-bottom: .4rem; + font-size: 1.2rem; + } + + .package-detail-description { + margin-bottom: 2rem; + + h1 { + font-size: 2.1rem; + line-height: 1.5; + color: $color-headline; + margin-bottom: 1rem; + margin-top: 0; + max-width: 95%; + position:relative; + z-index:1; + font-weight: bold; + } + + a { + &:hover { + text-decoration: none; + } + } + + .hero-image { + max-width: 100%; + height: auto; + margin-bottom: 1.5rem; + } + + p, li { + font-size: 1rem; + line-height: 1.5; + color: $color-text; + + + * { + margin-top: 1rem; + } + + + h3 { + margin-top: 1.7rem; + } + + &.hero { + font-size: 1.25rem !important; + line-height: 1.4; + color: $color-headline; + margin-bottom: 1.5rem; + } + } + + ul { + margin-left: 40px; + + li { + margin: 0; + } + } + + h3 { + display: block; + margin-bottom: .4rem; + font-size: 1.2rem; + } + } + + .package-detail-screenshots { + overflow: hidden; + + a { + margin-bottom: .5rem; + display: block; + position: relative; + width: 23%; + max-height: 100px; + overflow: hidden; + margin-right: 2%; + float: left; + border: 1px solid whitesmoke; + + } + + img { + max-width: 100%; + height: auto; + } + } + + .tabs{ + margin: 0px; + padding: 0px; + list-style: none; + margin-top: 6rem; + + li { + background: none; + color: $color-headline; + display: inline-block; + padding: 10px 15px; + cursor: pointer; + font-size: 1rem; + + &.current{ + background: #ededed; + color: $color-headline; + } + + &:hover { + opacity: .8; + } + } + } + + .tab-content{ + display: none; + background: #ededed; + padding: 30px; + margin-bottom: 6rem; + + h3 { + font-size: 1.1rem; + margin-bottom: 1rem; + color: $color-headline; + } + + p { + font-size: 1rem; + color: $color-text; + } + + span { + color: rgba(#000, .4); + font-size: .8rem; + display: block; + margin-top: .2rem; + } + + &.current{ + display: inherit; + } + } +} + +.package-misc { + .search-all-results { + border: none; + + li { + border: none; + padding: 10px; + } + + .type-context { + padding-left: 10px; + } + } +} diff --git a/OurUmbraco.Client/src/scss/elements/_packages.scss b/OurUmbraco.Client/src/scss/elements/_packages.scss new file mode 100644 index 00000000..f58667ad --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_packages.scss @@ -0,0 +1,170 @@ +body.packages { + nav { + + h3 { + &:hover { + opacity: .8; + } + } + + h4 { + opacity: .7; + margin: .5rem 0 .5rem; + } + } + + li { + h3 { + opacity: .5; + } + + &.open, &.active { + h3, a { + opacity: 1; + color: #000 !important; + } + } + + &.active > ul { + max-height: 100%; + } + } +} + +.packages-content { + + .search-big { + margin-bottom: 0; + margin-top: 20px; + } + + h1 { + margin: 1em 0 10px; + font-size: 2.1rem; + } + + .package { + margin-bottom: 15px; + padding: 20px; + transition: all .1s linear; + cursor: pointer; + position: relative; + overflow: hidden; + border-radius: 3px; + border: 1px solid #e9e9e9; + + &:hover { + @include box-shadow(2); + + .icon { + transform: scale(1.1); + } + } + } + + .box { + border: none; + border-bottom: 1px solid whitesmoke; + width: 100%; + + h3 { + font-size: 1.1rem; + margin-bottom: .5rem; + font-weight: 600; + + a { + color: $color-headline; + + &:hover { + color: $color-our; + } + } + } + + img { + max-width: 100%; + height: auto; + display: block; + vertical-align: middle; + + @media (min-width: $md) { + + } + } + + .col-xs-2 { + vertical-align: middle !important; + padding: 0 !important; + } + + .other { + margin-top: 30px; + } + + .stats { + left: calc(16.666666666666664% + 15px); + font-family: Consolas, "Liberation Mono", Menlo, Monaco, Courier, monospace; + font-size: .75rem; + + i { + margin-left: 3px; + font-size: .9rem; + } + + span { + &:first-child { + margin-right: 0px; + } + } + } + + p { + font-size: .9rem; + color: $color-text; + opacity: 1; + } + + .package-badge { + position: absolute; + right: 15px; + bottom: -3px; + + + @media (min-width: $md) { + position: absolute; + right: 0; + bottom: 25px; + } + } + + .karma , .downloads { + color: #000; + + span { + transform: translate(0, 2px); + display: inline-block; + } + } + + &.liked { + .karma { + i { + color: $color-red; + } + } + } + } + + .name { + font-size: 1rem; + line-height: 1.3; + font-weight: bold; + } + + .description { + font-size: .8rem; + margin-top: 3px; + max-height: 28px; + overflow: hidden; + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_pagination.scss b/OurUmbraco.Client/src/scss/elements/_pagination.scss new file mode 100644 index 00000000..9fcad1c9 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_pagination.scss @@ -0,0 +1,82 @@ +// pagination for profile +.pagination { + margin-top: 60px; + margin-left: 10px; + + display: flex; + justify-content: center; + align-items: center; + + @media (min-width: $md) { + justify-content:flex-end; + } + + a { + padding: 12px 16px; + border: 1px solid darken($color-light-grey, 25%); + border-radius: 3px; + background: #fff; + text-decoration: none; + + display: inline-block; + margin-top: 5px; + margin-left: 5px; + + + font-size: .9rem; + font-weight: normal; + color: darken($color-light-grey, 25%); + + + @media (min-width: $md) { + padding: 6px 12px; + } + + + &:last-of-type, &:first-of-type { + margin-left: 0; + } + + + &:hover { + border-color: darken($color-light-grey, 50%); + color: darken($color-light-grey, 45%); + } + + &.active { + background: $color-green; + color: #fff; + font-weight: bold; + border-color: $color-green; + + &:hover { + cursor: default; + } + } + } + + span { + margin: 0 8px; + font-size: 1.1rem; + letter-spacing: 1px; + } + + .prev { + &:before { + font-weight: normal; + } + } + + .next { + &:after { + font-weight: normal; + } + } + + .next, .prev { + &:hover { + border-color: darken($color-light-grey, 45%); + color: darken($color-light-grey, 45%); + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_profile.scss b/OurUmbraco.Client/src/scss/elements/_profile.scss new file mode 100644 index 00000000..ce4bb108 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_profile.scss @@ -0,0 +1,604 @@ +.profile { + nav { + + h3 { + &:hover { + opacity: .8; + } + } + + h4 { + opacity: .7; + margin: .5rem 0 .5rem; + } + } + + li { + h3 { + opacity: .5; + } + + &.open, &.active { + h3, a { + opacity: 1; + color: #000 !important; + } + } + + &.active > ul { + max-height: 100%; + } + } + + .profile-settings { + position: relative; + top: 30px; + + strong { + display: block; + margin: 3rem 0 1rem; + } + + h1 { + font-size: 1.5rem; + } + + + .button { + padding: 20px; + font-size: 1rem; + font-family: $font-family; + + @media (min-width: $md) { + padding: 12px 20px; + } + } + } + + .profile-settings-forms { + margin-top: 30px; + + label { + font-weight: 600; + } + + .button { + margin-top: 60px; + + @media (max-width: $md) { + width: 100%; + } + } + + @include placeholder { + color: $color-text; + font-size: 1rem; + font-family: $font-family; + } + + div.profile-input { + font-size: 1rem; + font-family: $font-family; + color: #000; + position: relative; + } + + div.profile-input { + min-height: 30px; + + & + div.profile-input { + margin-top: 20px; + } + + &#bio { + min-height: 200px; + } + + input, textarea { + height: 30px; + line-height: 30px; + border: 1px solid transparent; + border-bottom-color: darken(whitesmoke, 6%); + width: auto; + min-width: 200px; + width: 140px; + display: inline-block; + padding: 4px 8px 4px 0; + + color: $color-text; + font-size: 1rem; + font-family: $font-family; + + position: absolute; + top: -8px; + left: 100px; + + @media (min-width: $md) { + width: 300px; + } + + @include transition(all, .2s); + + &:focus { + outline: none; + border-bottom-color: $color-our; + color: rgba(#000, 1); + } + } + + textarea { + border: 1px solid darken(whitesmoke, 6%); + min-height: 200px; + left: 102px; + line-height: normal; + display: inline-block; + text-align: left; + overflow: hidden; + padding: 8px; + resize: none; + max-width: 100%; + font-size: .9rem; + width: 138px; + + @media (min-width: $md) { + width: 298px; + } + + &:focus { + border-color: $color-our; + } + } + + input { + &:hover { + border-bottom-color: rgba($color-our, .78); + color: darken(#a6a6a6, 15%); + + &:focus { + color: #000; + border-bottom-color: rgba($color-our, 1); + } + } + + &[type='password']{ + letter-spacing: 1px; + font-size: 1.1rem; + } + } + + textarea { + &:hover { + border-color: rgba($color-our, .78); + color: darken(#a6a6a6, 15%); + + &:focus { + color: #000; + border-color: rgba($color-our, 1); + } + } + } + + &.warning { + input, textarea { + border-bottom-color: $color-red; + color: $color-red; + } + + textarea { + border-color: $color-red; + } + + label { + color: $color-red; + } + } + + &.confirm-password { + display: none; + + &.visible { + display: block; + } + } + } + + + label { + &:after { + content:":"; + display: inline-block; + } + } + + .avatar { + margin: 0 0 50px; + position: relative; + overflow: hidden; + height: 98px; + line-height: 98px; + + .ink { + background: rgba(#fff, .5); + overflow: hidden; + } + + label { + float: left; + } + + .avatar-image { + position: absolute; + height: 98px; + width: 98px; + left: 100px; + user-select: none; + + img { + border-radius:50%; + height: auto; + width:98px; + } + + span { + opacity: 0; + border-radius:50%; + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: rgba(#000, .58); + text-align: center; + line-height: 98px; + font-size: .85rem; + color: #fff; + @include transition(opacity, .2s); + user-select: none; + } + + &:hover { + span { + opacity: 1; + cursor: pointer; + } + } + } + } + } +} + + + + + + +.profile-settings-packages { + .button { + margin-top: 30px; + margin-bottom: 30px; + + @media (max-width: $md) { + width: 100%; + } + } + + strong { + margin-top: 3rem; + display: block; + margin-bottom: 1rem; + } + + + &.packages-content { + top: 0; + } +} + +.box { + background: #fff; + padding: 15px; + margin-bottom: 15px; + width: 100%; + transition: box-shadow .2s; + position: relative; + height: 100%; + width: 100%; + + .row { + display: block; + margin: 0; + + [class*="col-"] { + margin: 0; + + @media (min-width: $md) { + float: none; + display: table-cell; + vertical-align: top; + } + } + + @media (min-width: $md) { + margin: 0; + display: table; + } + } + + .forum-thread-text { + margin-top: 4px; + + } + + i { + font-size: 3rem; + color: #acacac; + } + + h3 { + margin-bottom: 3px; + font-size: 1.3rem; + font-weight: normal; + + a { + text-decoration: none; + color: rgba(#000, .5); + + &:hover { + color: #000; + } + } + } + + p { + font-size: .8rem; + color: darken(whitesmoke, 40%); + } + + &:last-child { + margin-bottom: 0; + } + + .stats { + font-size: .8rem; + position: absolute; + left: 15px; + bottom: 0; + + @media (min-width: $md) { + text-align: right; + right: 0; + bottom: 0; + } + + span { + color: #7f7f7f; + + &:first-child { + margin-right: 8px; + } + + span { + color: #000; + + &:first-child { + margin-right: 0; + } + } + } + } + + .other { + padding-top: 10px; + display: block; + margin-top: 20px; + overflow: hidden; + width: 100%; + + .edit { + font-size: .8rem; + position: absolute; + right: 15px; + bottom: 0; + opacity: .6; + text-decoration: underline; + display: inline-block; + + @media (min-width: $md) { + top: 0; + right: 0; + } + + &:hover { + opacity: 1; + text-decoration: none; + } + } + + @media (min-width: $md) { + margin-top: 0 !important; + } + } +} + + + +// Following +.profile-settings-following { + margin-top: 20px; + + li { + font-size: 1.05rem; + margin-bottom: 1rem; + padding-bottom: 1rem; + padding-left: 0; + list-style: none; + border-bottom: 1px solid $color-light-grey; + + @media (min-width: $md) { + margin-bottom: 1rem; + padding-bottom: 0; + font-size: .9rem; + border-bottom: none; + } + + &:last-child { + margin-bottom: 0; + } + + a { + margin-bottom: 0; + display: inline-block; + font-size: .95rem; + margin-bottom: 1rem; + + @media (min-width: $md) { + font-size: 1rem; + margin-bottom: 0; + } + + &:hover { + text-decoration: none; + background: none; + } + } + + span { + @media (min-width: $md) { + display: inline-block !important; + } + } + + .unfollow { + opacity: .7; + margin-left: 5px; + margin-right: 0; + + &.button { + display: block; + font-size: .9rem; + padding: 12px 0; + border: none; + + @media (min-width: $md) { + display: inline-block; + font-size: .75rem; + padding: 0; + } + + .ink { + background: rgba(255,255,255, .23); + } + + &:hover { + background: none; + border: none; + color: $color-text-hover; + opacity: 1; + } + } + } + } +} + +small.notification { + display: inline-block; + position: absolute; + line-height: 43px; + padding: 0 10px; + margin: 0; + margin-top: 60px; + + &.success { + color: $color-text; + } + + &.alert { + color: $color-red; + } +} + +// Manage team - ProfileProjectTeam.cshtml +.profile-settings { + #open-for-colab { + width: auto; + left: 200px; + top: -10px; + } + #contris { + ul { + li { + list-style: none; + } + a.contri-name { + text-decoration: none; + line-height: 1.7rem; + color: $color-text; + font-size: .8rem; + &:hover { + text-decoration: underline; + } + } + a.remove-contri { + display: inline-block; + text-decoration: none; + font-size: .75rem; + margin-left: .7rem; + margin-right: .5rem; + color: rgba(#000, .5); + max-height: 14px; + cursor: pointer; + + @media (min-width: $md) { + max-width: 14px; + overflow: hidden; + + } + + &:hover { + color: $color-text-hover; + } + + i { + display: inline-block; + font-size: 14px; + margin-right: 5px; + transform: translateY(2px); + } + + } + } + #forums { + li { + list-style: none; + } + a.remove-forum { + display: inline-block; + text-decoration: none; + font-size: .75rem; + margin-left: .7rem; + margin-right: .5rem; + color: rgba(#000, .5); + max-height: 14px; + cursor: pointer; + + @media (min-width: $md) { + max-width: 14px; + overflow: hidden; + + } + + &:hover { + color: $color-text-hover; + } + + i { + display: inline-block; + font-size: 14px; + margin-right: 5px; + transform: translateY(2px); + } + + } + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_quickmenu.scss b/OurUmbraco.Client/src/scss/elements/_quickmenu.scss new file mode 100644 index 00000000..0379fca9 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_quickmenu.scss @@ -0,0 +1,352 @@ +body.quickmenu { + overflow: hidden; + max-height: 100%; +} + +.quick-menu { + width: 100%; + + position: fixed; + right: 0; + top: 0; + + height: auto; + z-index: 999; + visibility: hidden; + transform: translateX(100%); + overflow-y: scroll; + height: 100%; + background: rgba(#fff, 1); + box-shadow: 0 3px 6px rgba(#000, .08), 0 3px 6px rgba(#000, .12); + @include transition(all, .3s); + + @media (min-width: $md) { + width: 450px; + min-height: 100%; + transform: translateX(450px); + } + + + + > .container { + padding-bottom: 30px; + } + + + .user-image { + img { + border-radius: 50%; + display: block; + margin: 30px auto; + max-width: 128px; + height: auto; + } + } + + + + .close { + left: 15px; + cursor: pointer; + font-size: .9rem; + color: darken($color-space, 15%); + + &:hover { + color: $color-space; + } + + i { + position: relative; + top: 3px; + font-size: 1rem; + margin-right: 3px; + } + } + + + + .settings { + right: 15px; + + a { + font-size: .9rem; + text-decoration: none; + color: darken($color-space, 15%); + } + + i { + position: relative; + top: 3px; + font-size: 1rem; + margin-right: 5px; + } + + &:hover { + a { + color: $color-space; + } + } + } + + + + .close, .settings { + transition: color .2s $cubicSearch; + position: absolute; + top: -3px; + + @media (min-width: $md) { + top: 3px; + } + } + + + + .user-profile { + text-align: center; + margin: 0 auto 30px; + + + + h2 { + font-size: 1.3rem; + margin-bottom: .5rem; + } + + + + .karma { + display: inline-block; + font-size: .9rem; + color: darken($color-space, 15%); + + &:before { + content:"Karma"; + display: inline-block; + padding: 0 2px 0 0; + transform: translateY(-1px); + } + + &:after { + content:"-"; + display: inline-block; + padding: 0 1px; + } + } + + + + .user-twitter { + display: inline-block; + font-size: .9rem; + color: darken($color-space, 15%); + + a { + border-bottom: 1px solid rgba(#000, .6); + padding-bottom: 1px; + text-decoration: none; + @include transition(all, .2s); + + &:hover { + padding-bottom: 3px; + color: $color-space; + } + } + } + + .roles { + display: block; + margin-top: 1rem; + + span { + font-size: .8rem; + } + } + } + + .log-out { + margin-top: 20px; + a { + font-size: .8rem; + } + } + + + small { + font-size: .9rem; + color: #4f5f63; + text-transform: uppercase; + font-weight: 700; + letter-spacing: .2px; + display: block; + margin-bottom: .5rem; + } + + + .forum-thread, .user-notification { + border: 1px solid darken(whitesmoke, 8%); + margin-bottom: 10px; + padding: 15px; + margin-top: 0; + + display: flex; + justify-content: space-between; + align-items: center; + + text-decoration: none; + + + + &-text { + margin-top: 0; + margin-right: 5%; + flex: 1 0 60%; + + h3 { + font-size: .9rem; + } + } + + + .cat { + flex: 1 0 30%; + font-size: .8rem; + margin: 0; + } + } + + + + .user-notifications { + margin-bottom: 2rem; + } + + .user-notification { + @include colorset(user-notification); + + transition: all 250ms $cubicSearch; + + &-text { + p { + font-size: .9rem; + } + } + + &:hover { + @include box_shadow (2); + } + } + + + .login, .new-profile { + padding: 0 20px; + margin-top: 60px; + + h2 { + margin-bottom: .8rem; + text-align: center; + } + + small { + text-align: center; + } + + label { + text-align: left; + font-size: .7rem; + } + + input { + margin-bottom: 5px; + display: inline-block; + font-family: $font-family; + } + + input[type=text], input[type=password] { + width: 95%; + padding: 10px 20px 10px 8px; + font-size: 1rem; + border: 1px solid darken(whitesmoke, 8%); + border-radius: 5px; + } + + input[type=submit] { + margin: 1rem auto 2rem; + display: inline-block; + @extend .button; @extend .tiny; @extend .green; + padding: 15px 45px; + font-size: 1rem; + } + + .buttons { + text-align: center; + } + + small { + line-height: 1.3; + } + + a { + &:hover { + text-decoration: none; + } + } + + } + + .oAuth { + text-align: center; + img { + display: inline-block; + } + } + +} + +.wrapper, .navigation { + + &:after { + content:""; + position: absolute; + z-index: 998; + height: 100%; + width: 100%; + background: rgba(#000, .33); + top: 0; + left: 0; + visibility: hidden; + opacity: 0; + @include transition(opacity, .3s); + } +} + + +.wrapper { + transition: margin-left .3s, margin-right .3s; + position: relative; +} + + + +body.quickmenu { + + .wrapper, .navigation { + @media (min-width: $md) { + margin-left:-100px; + margin-right: 100px; + overflow: hidden; + max-height: 100vh; + + &:after { + visibility: visible; + opacity: 1; + } + + } + } + + .quick-menu { + transform: translateX(0px); + visibility: visible; + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_roles.scss b/OurUmbraco.Client/src/scss/elements/_roles.scss new file mode 100644 index 00000000..b6c9dea6 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_roles.scss @@ -0,0 +1,103 @@ +.roles { + + @media (max-width: $md) { + display: block; + margin-top: .3rem; + } + + span { + border: 2px solid $color-blue; + color: $color-blue; + font-size: .6rem; + font-weight: bold; + // border-radius: 3px; + padding: 2px 6px 2px; + display: inline-block; + + &:hover { + cursor: default; + } + + + span { + margin-left: 5px; + } + + &:first-child { + margin-left: 0; + + @media (min-width: $md) { + margin-left: .3rem; + } + } + + &.standard { + display: none; + } + + &.hq { + border-color: $color-red; + color: $color-red; + text-transform: uppercase; + + // &:hover { + // background-color: rgba($color-red, .1); + // } + } + + &.admin { + border-color: $color-turquoise; + color: $color-turquoise; + text-transform: capitalize; + + // &:hover { + // background-color: rgba($color-turquoise, .1); + // } + } + + &.mvp { + border-color: $color-roles-purple; + color: $color-roles-purple; + text-transform: uppercase; + + // &:hover { + // background-color: rgba($color-roles-purple, .1); + // } + } + + &.core { + border-color: $color-roles-orange; + color: $color-roles-orange; + text-transform: capitalize; + + // &:hover { + // background-color: rgba($color-roles-orange, .1); + // } + } + + &.c-trib { + border-color: $color-roles-blue; + color: $color-roles-blue; + text-transform: capitalize; + + // &:hover { + // background-color: rgba($color-roles-blue, .1); + // } + } + + &.corecontrib { + @extend .c-trib; + visibility: hidden; + position: relative; + &:after { + visibility: visible; + position: absolute; + top: -2px; + left: -2px; + display: block; + content: "C-trib"; + border: inherit; + padding: inherit; + } + } + } +} diff --git a/OurUmbraco.Client/src/scss/elements/_search-big.scss b/OurUmbraco.Client/src/scss/elements/_search-big.scss new file mode 100644 index 00000000..3bfefe8d --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_search-big.scss @@ -0,0 +1,48 @@ +.search-big { + display: inline-block; + position: relative; + width: 100%; + margin-bottom: 20px; + + input { + -webkit-appearance: none; + border-radius: 0; + + border: 1px solid darken(whitesmoke, 15%); + padding: 20px 6px 20px 6px; + outline: none; + display: block; + width: 100%; + font-size: 1.3rem; + min-height: 60px; + font-family: $font-family; + z-index: 20; + position: relative; + + & + label { + position: absolute; + z-index: 10; + transform: translate(0, -10px); + transition: transform .4s $cubicSearch, opacity .3s $cubicSearch; + opacity: 0; + color: #ccc; + font-size: .8rem; + } + + &:valid + label { + opacity: 1; + top: 3px; + transform: translate(0, 0); + } + + + &:focus + label { + color: #000; + transform: translate(0, -20px); + } + + &:focus { + border-color: $color-our; + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_search-result_old.scss b/OurUmbraco.Client/src/scss/elements/_search-result_old.scss new file mode 100644 index 00000000..156d42b0 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_search-result_old.scss @@ -0,0 +1,334 @@ +.search-all { + width: 100%; + text-align: center; + + // &.open { + // min-height: 100%; + + // .search-all-form { + // width: 100%; + // height: 11em; + // max-width: 100%; + // margin-top: 0; + // padding-top: 50px; + // background-color: whitesmoke; + // } + + // input[type="search"], input[type="submit"] { + // background-color: whitesmoke; + // font-size: 3em; + // } + + // .search-fieldset { + // width: 80%; + + // &:focus, &:active, &:hover { + // box-shadow: none; + // } + // } + + // .search-all-results { + // max-height: 10000px; + // opacity: 1; + // padding: 3% 10% 0; + // } + + // .search-column { + // opacity: 1; + // transform: translate3d(0,0,0); + // } + + // .search-all-close { + // opacity: 1; + // pointer-events: auto; + // transform: scale3d(1,1,0); + // transition: opacity 0.3s, transform 0.3s; + // transition-delay: 0.5s; + // } + // } +} + +.search-all-form { + position: relative; + display: inline-block; + width: 80%; + height: 60px; + max-width: 1100px; + margin-top: 15px; + padding-top: 0; + background-color: white; + text-align: center; + transition: width .5s cubic-bezier(0.7,0,0.3,1), + max-width .5s cubic-bezier(0.7,0,0.3,1), + height .5s cubic-bezier(0.7,0,0.3,1), + margin-top .5s cubic-bezier(0.7,0,0.3,1), + padding-top .5s cubic-bezier(0.7,0,0.3,1), + background-color .5s cubic-bezier(0.7,0,0.3,1); + + z-index: 150; + + @media (min-width: $md) { + margin-top: 100px; + } + + .search-fieldset { + position: relative; + display: inline-block; + width: 100%; + height: 100%; + @include transitionMultiple(width .5s, box-shadow .2s); + + &:hover { + @extend .BoxShadow; + } + } + input[type="search"], input[type="submit"] { + min-height: 60px; + font-size: 1em; + border: none; + background-color: white; + padding: 15px 20px; + z-index: 150; + @include transitionMultiple(font-size .5s, + background-color .5s); + } + input[type="search"] { + width: 100%; + -webkit-appearance: none; + + &:focus { + outline: none; + } + } + input[type="submit"] { + position: absolute; + top: 0; + right: 0; + font-family: "Icomoon"; + color: darken($color-light-grey, 30%); + } +} + +.search-text { + padding-top: 2em; + padding-bottom: 5em +} + +.search-all-results { + position: absolute; + width: 100%; + margin: 0 auto; + max-height: 0px; + padding: 0 10% 0; + text-align: center; + background-color: white; + overflow: hidden; + opacity: 0; + transition: max-height 0.6s cubic-bezier(0.7,0,0.3,1), opacity 0.6s cubic-bezier(0.7,0,0.3,1), padding 0.6s cubic-bezier(0.7,0,0.3,1); + z-index:150; +} + +.search-column { + display: inline-block; + width: 30%; + vertical-align: top; + text-align: left; + opacity: 0; + transform: translateY(100px); + transition: transform 0.5s, opacity 0.5s; + + h2 { + font-size: 1em; + font-weight: 700; + color: #565656; + margin-bottom: 8px; + } + + &:first-child { + margin-left: 2%; + transition-delay: 0.4s; + } + + &:nth-child(2) { + margin: 0 2%; + transition-delay: 0.45s; + + .search-meta { + width: calc(100% - 70px); + } + } + + &:nth-child(3) { + margin-right: 2%; + transition-delay: 0.5s; + + .search-meta { + width: calc(100% - 70px); + } + } +} + +.search-result { + display: inline-block; + margin-bottom: 2em; + padding: 10px; + width: 100%; + border: 1px solid transparent; + text-decoration: none; + @include transition(border, .2s); + + img { + display: inline-block; + width: 50px; + margin: 0 10px 0 0; + vertical-align: middle; + } + + i { + display: inline-block; + font-size: 2rem; + margin-right: 1.5rem; + text-decoration: none; + vertical-align: middle; + @include transition(color, .2s); + + &.icon-Chat { + color: #efefef; + + &.solved { + color: $color-our; + } + } + } + + &:hover { + i { + &.icon-Chat { + color:#c6c6c6; + } + } + } + + .search-meta { + display: inline-block; + vertical-align: middle; + } + + h3, p { + margin: 0; + transition: color 150ms ease-in; + } + + h3 { + margin: 0; + font-size: .9em; + line-height: 1.3; + font-weight: 400; + color: darken($color-light-grey, 35%); + } + + p { + margin: 0; + font-size: 0.8em; + font-weight: 400; + line-height: 1.5em; + color: darken($color-light-grey, 25%); + } + + &:hover { + border: 1px solid #dfdfdf; + + h3, p{ + color: #333; + } + } +} + +.search-all-close { + width: 36px; + height: 36px; + position: absolute; + right: 1em; + top: 1em; + overflow: hidden; + text-indent: 100%; + cursor: pointer; + pointer-events: none; + opacity: 0; + transform: scale3d(0,0,1); +} + +.search-all.open .search-all-close { + opacity: 1; + pointer-events: auto; + transform: scale3d(1,1,1); + transition: opacity 0.3s, transform 0.3s; + transition-delay: 0.5s; +} + +.search-all-close::before, +.search-all-close::after { + content: ''; + position: absolute; + width: 2px; + height: 100%; + top: 0; + left: 50%; + border-radius: 3px; + opacity: 0.2; + background: #000; +} + +.search-all-close:hover.search-all-close::before, +.search-all-close:hover.search-all-close::after { + opacity: 1; +} + +.search-all-close::before { + transform: rotate(45deg); +} + +.search-all-close::after { + transform: rotate(-45deg); +} + +@media (max-width: 991px) { + .search-all-form { + width: 80%; + } + .search-column { + width: 100%; + } +} + +@media (max-width: 767px) { + .search-all { + &.open { + input[type="search"], input[type="submit"] { + font-size: 2em; + } + .search-all-form { + height: 9em; + padding-top: 40px; + } + } + } + .search-all-close { + width: 20px; + height: 20px; + } +} + +@media (max-width: 489px) { + .search-all { + &.open { + input[type="search"], input[type="submit"] { + font-size: 1.5em; + } + .search-all-form { + height: 7em; + padding-top: 30px; + } + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_search-results.scss b/OurUmbraco.Client/src/scss/elements/_search-results.scss new file mode 100644 index 00000000..d6f99ddd --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_search-results.scss @@ -0,0 +1,295 @@ +.search-all { + width: 100%; + text-align: center; + + padding: 20px 0; + + @media (max-width: $md) { + .search-all-form, .search-all-results { + transition: width .2s cubic-bezier(0.7,0,0.3,1), + max-width .2s cubic-bezier(0.7,0,0.3,1), + } + } +} + +.search-container { + position: relative; + height: 100%; + width: 100%; + overflow: hidden; +} + +.search-all-form { + position: relative; + display: inline-block; + width: 80%; + height: 60px; + max-width: 1100px; + margin-top: 15px; + padding-top: 0; + background-color: white; + z-index: 150; + + @media (min-width: $md) { + margin-top: 100px; + } + + .search-fieldset { + position: relative; + display: inline-block; + width: 100%; + height: 100%; + border-left: 1px solid transparent; + border-right: 1px solid transparent; + border-top: 1px solid transparent; + } + + input[type="search"], input[type="submit"] { + min-height: 60px; + font-size: 1em; + border: none; + background: #fff; + padding: 15px 20px; + z-index: 150; + margin: 0; + @include transitionMultiple(border .2,background-color .5s); + } + + input[type="search"] { + width: 100%; + -webkit-appearance: none; + font-family: $font-family; + font-size: 1.2rem; + + &:focus { + outline: none; + + + input[type="submit"] { + color: $color-our; + } + } + } + + input[type="submit"] { + position: absolute; + top: 0; + right: 0; + font-family: "Icomoon"; + color: darken($color-light-grey, 30%); + } +} + +.search-text { + padding-top: 2em; + padding-bottom: 5em +} + +.search-all-results { + border-bottom: 1px solid whitesmoke; + border-left: 1px solid whitesmoke; + border-right: 1px solid whitesmoke; + + ul { + max-width: 1100px; + width: 100%; + margin: 0 auto; + background: darken(#fff, 1%); + padding: 0; + } + + li { + list-style: none; + padding: 30px; + border-bottom: 1px solid whitesmoke; + text-align: left; + overflow: hidden; + + a { + display: block; + } + + &:hover { + background: rgba($color-our, .16); + + .type-icon, .type-name, .type-description { + color: $color-text-hover; + } + } + + &.search-view-all { + border-bottom: none; + font-size: .9rem; + font-weight: bold; + text-align: center; + padding: 15px; + color: $color-text; + background: darken(#fff, 3%); + + a { + text-decoration: none; + color: $color-headline; + } + + &:hover { + background: darken(#fff, 4%); + + a { + color: #000; + } + } + } + } + + .type-icon, .type-context { + float: left; + } + + .type-icon { + width: 20%; + font-size: 2rem; + color: $color-text; + + @media (min-width: $md) { + width: 5%; + font-size: 2rem; + color: $color-text; + } + } + + .type-context { + width: 80%; + + @media (min-width: $md) { + width: 95%; + } + + .type-name { + font-size: 1rem; + margin-bottom: .15rem; + font-weight: 600; + color: $color-headline; + } + + .type-description { + font-size: .9rem; + color: $color-text; + } + + } +} + + +.search-all.open { + + input[type="search"], input[type="submit"] { + color: #000; + + ::-webkit-input-placeholder { + color: #000; + } + + :-moz-placeholder { + color: #000; + } + + ::-moz-placeholder { + color: #000; + } + + :-ms-input-placeholder { + color: #000; + } + } + + .search-fieldset { + border-left: 1px solid whitesmoke; + border-right: 1px solid whitesmoke; + border-top: 1px solid whitesmoke; + } + + .search-all-results { + display: block; + } + + @media (max-width: $md) { + .search-all-form, .search-all-results { + width: 100%; + } + } +} + + +.frontpage, .community-page { + .search-all-results { + width: 80%; + left: 50%; + transform: translate(-50%, 0); + display: none; + position: absolute; + z-index: 150; + max-width: 1100px; + } +} + + +.plain { + max-width: 1160px; + margin: 0 auto; + + .search-big { + margin-top: 30px; + margin-bottom: 0; + } + + .search-all { + background: none; + padding: 0 10px; + + @media(min-width: $md) { + padding: 0 15px; + } + } + + .forum-archive-header { + margin-bottom:0; + border-bottom: none; + } + + .search-all-results { + width: 100%; + + ul { + margin: 0; + width: 100%; + max-width: 100%; + } + + .type-icon { + font-size: 1.6rem; + opacity: .6; + } + + .type-context { + + .type-name { + font-size: .95rem; + } + + .type-description { + font-size: .8rem; + } + } + } +} + +.forum-page { + .search-big { + width: 100%; + margin: 15px 0 15px 0; + + input { + font-size: .9rem; + min-height: 55px; + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/elements/_sidebar.scss b/OurUmbraco.Client/src/scss/elements/_sidebar.scss new file mode 100644 index 00000000..6fdfabd9 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_sidebar.scss @@ -0,0 +1,213 @@ +$sb-desktop: 1200px; +$sb-width: 30%; +$sb-mobile-width: 40%; +$sb-hd-width: 35%; +$sb-retina-width: 40%; +$main-width: 100% - $sb-width; + +html { + height: 100%; +} + + +.sidebarTitle { + margin: 1em 0 10px; + font-size: 2.1rem; +} + + +.has-sidebar, .projects-page{ + + .page-content { + width: 100%; + display: table; + overflow: hidden; + height: auto; + @media (max-width:992px) { + display: block; + width: 100%; + } + } + + .content-wrapper { + display: inline-block; + max-width: 100%; + text-align: left; + width: 100%; + } + + .sidebar-area { + display: table-cell; + vertical-align: top; + width:$sb-width; + background-color: lighten($color-our, 30%); + height: 100%; + + @media (max-width:992px) { + display: block; + width:100%; + .sidebar-content { + max-width: none; + } + } + + @media (min-width: 1600px) { + width:$sb-hd-width; + } + + @media (min-width: 2100px) { + width:$sb-retina-width; + } + + .sidebar-content { + display: inline-block; + overflow: hidden; + width: 100%; + max-width: $sb-desktop / 100% * $sb-width; + text-align: center; + + @media (min-width: $md) { + float: right; + } + } + } + + .main-area { + width: 100% - $sb-width; + height: auto; + display: table-cell; + vertical-align: top; + padding-bottom: 200px; + + @media (max-width:992px) { + + display: block; + width: 100%; + + .main-content { + max-width: none; + } + } + + @media (min-width: 1600px) { + width:100% - $sb-hd-width; + } + + @media (min-width: 2100px) { + width:100% - $sb-retina-width; + } + + .main-content { + display: block; + width: 100%; + padding-left: 20px; + padding-right: 20px; + max-width: $sb-desktop / 100% * $main-width + 40px; + text-align: center; + min-height: 600px; + // position: relative; + // top: 30px; + + @media (min-width: $md) { + padding-left: 40px; + padding-right: 40px; + // top: 130px; + } + } + } +} + +.sidebar-content { + nav { + margin: 0; + height: 100%; + z-index: 1; + + @media (min-width: 993px) { + padding-top: 50px; + &.fixed { + position: fixed; + top:20px; + } + } + + + + @media screen and (max-width: 992px) { + position: relative; + &.fixed { + position: relative; + } + } + + ul { + list-style: none; + margin-left: 5px; + padding-left: 10px; + transition: max-height 300ms ease-in-out; + li.active > a *{ + color: darken($color-our, 20%); + } + li.open > ul { + max-height: 600px; + } + @media (max-width: 992px) { + padding-left: 0; + text-align: center; + margin-left: 0; + } + h3, h4, h5 { + margin-top: 10px; + margin-bottom: 5px; + font-weight: 400; + + } + a { + display: inline-block; + text-decoration: none; + } + } + + .level-1 { + h3 { + font-size: 1.1em; + color: $color-headline; + cursor: pointer; + } + @media (max-width: 992px) { + border-left: none; + background-color: lighten($color-our,10%); + padding-top: 10px; + padding-bottom: 10px; + } + } + + .level-2 { + overflow: hidden; + max-height: 0; + border-left:1px solid lighten($color-our,10%); + h4 { + font-size: .9em; + color: $color-headline; + } + @media (max-width: 992px) { + border-left: none; + background-color: lighten($color-our,15%); + } + } + + .level-3 { + overflow: hidden; + max-height: 0; + border-left:1px solid lighten($color-our,20%); + h5 { + font-size: 0.8em; + color: $color-headline; + } + @media (max-width: 992px) { + border-left: none; + background-color: lighten($color-our,25%); + } + } + } +} diff --git a/OurUmbraco.Client/src/scss/elements/_wrap-old-our.scss b/OurUmbraco.Client/src/scss/elements/_wrap-old-our.scss new file mode 100644 index 00000000..4e370628 --- /dev/null +++ b/OurUmbraco.Client/src/scss/elements/_wrap-old-our.scss @@ -0,0 +1,20 @@ +.page, .subpage { + @extend .container; +} + +// Contribute +.projectGroups { + margin-top: 50px; + .projectGroup { + min-height: 150px; + h3 { + color: $color-headline; + font-size: 1.3rem; + } + p { + color: $color-text; + line-height: 1.5; + font-size: .97rem; + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/pages/_documentation.scss b/OurUmbraco.Client/src/scss/pages/_documentation.scss new file mode 100644 index 00000000..2222aea1 --- /dev/null +++ b/OurUmbraco.Client/src/scss/pages/_documentation.scss @@ -0,0 +1,393 @@ +// Variables +$docs-color: $color-our; + +.documentation { + padding: 0; + + + > .container { + position: relative; + } + + + #body a { + color: darken($color-our, 20%); + + + &:hover { + text-decoration: underline; + } + + + &.active h3 { + color: darken($color-our, 10%) !important; + } + } + + + .search-big { + margin-bottom: 0; + margin-top: 20px; + } +} + + + + +// Documentation frontpage +.docs-overview { + text-align: center; + + + h1 { + font-size: 3rem; + font-weight: 100; + color: $color-headline; + } + + + .docs-section { + display: inline-block; + max-width: 400px; + text-align: center; + color: #000; + transition: all .1s $cubicSearch; + + + img { + text-align: center; + opacity: .8; + transform: scale(.95); + transition: all .1s linear; + } + + + h2, p { + transition: all .1s linear; + } + + + h2 { + font-weight: 100; + color: $color-headline; + margin-bottom: 1rem; + } + + + p { + text-align: center; + color: $color-text; + } + + + &:hover { + cursor: pointer; + + h2, p { + color: #000; + } + + img { + opacity: 1; + transform: scale(1); + } + } + } + + .contributing { + text-align: left; + margin-top: 2rem; + + + h3 { + color: rgba(#000, .8); + font-size: 1rem; + margin-bottom: .5rem; + } + + + p { + color: $color-text; + font-size: .9rem; + margin-top: 0; + } + } + + + h3 { + font-weight: 100; + margin-top: 80px; + } +} + + + +// Documentation markdown +#markdown-docs { + + a { + color: darken($color-our, 20%); + text-decoration: none; + + &:hover { + color: darken($color-our, 40%); + } + } + + + + h1, h2, h3, h4, h5, h6 { + + + a { + color: #000; + text-decoration: underline; + + &:hover { + color: #000; + text-decoration: none; + } + } + } + + + @media (min-width: $md) { + + pre { + margin: 20px 0; + } + } +} + + + +// Section overview +$color-overview: lighten($color-our, 20%); + +.dot { + display: block; + position: relative; + margin-top: 13px; + background-color: $color-overview; + border: solid 3px $color-overview; + + + .line { + display: block; + position: absolute; + + + &.h-line { + border-top: solid 3px $color-overview; + + @media (max-width: $xs) { + display: none; + } + } + + + &.v-line { + border-left: solid 3px $color-overview; + } + } + + + + &.big { + height: 60px; + width: 60px; + border-radius: 40px; + margin: 20px auto 100px; + font-size: 2rem; + line-height: 3.5rem; + text-indent: .7rem; + color: darken($color-our, 30%); + + + .h-line { + left: 50px; + top: 25px; + width: 70px; + height: 1px; + + } + + + .v-line { + left: 25px; + top: 57px; + width: 1px; + height: 100px; + + + &.top { + top: -80px; + height: 80px; + } + } + } + + + + &.small { + height: 20px; + width: 20px; + border-radius: 30px; + margin: 0 auto 115px; + + + &.last { + margin-top: 60px; + margin-bottom: 5px; + } + + + .h-line { + left: 17px; + top: 7px; + width: 70px; + height: 1px; + border-width: 1px; + } + + + .v-line { + top: 17px; + left: 5px; + width: 1px; + height: 120px; + + + &.top { + height: 100px; + top: -90px; + } + } + } +} + + + +.point { + position: absolute; + margin-left: 191px; + margin-top: 21px; + z-index: 100; + + + a { + color: #000 !important; + } + + + h4 { + font-size: 2rem; + margin-top: 13px; + } + + + small { + margin-bottom: 10px; + color: $color-text; + font-size: .9rem; + display: block; + line-height: 1.3; + padding-right: 5px; + } +} + + + +.explain { + + + small { + margin-bottom: 10px; + color: $color-text; + font-size: .9rem; + display: block; + line-height: 1.3; + padding-right: 5px; + } + + + .col-xs-12 { + min-height: 153px; + + + h4 { + margin-top: 12px; + font-size: 2em; + margin-bottom: .3rem; + color: rgba(#000, .8); + + + + a { + text-decoration: none; + + &:hover { + color: $color-our; + } + } + } + } + + + + .col-xs-6 { + min-height: 133px; + + + h5 { + font-size: 1.1rem; + margin-bottom: .2rem; + font-weight: 600; + + + a { + color: rgba(#000, .8); + text-decoration: none; + + + &:hover { + color: $color-our; + } + } + + } + + + + & > a { + display: inline-block; + min-height: 150px; + padding: 5px; + color: white; + + + &:hover { + cursor: pointer; + } + } + } +} + + + + +.umbracoVersion { + display: inline-block; + font-weight: 700; + border-radius: 2px; + font-size: .7rem; + padding: 3px 5px; + text-decoration: none; + text-transform: capitalize; + transition: background .2s; + padding: 4px 6px; + font-size: .85rem; + background: #4ea7ff; + color: #fff; + margin-top: 0px; +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/pages/_download.scss b/OurUmbraco.Client/src/scss/pages/_download.scss new file mode 100644 index 00000000..3fe99aaa --- /dev/null +++ b/OurUmbraco.Client/src/scss/pages/_download.scss @@ -0,0 +1,410 @@ +body.download { + header { + .navigation { + background: $color-our; + } + + &.sticky { + .navigation { + background: rgba($color-our, 1); + } + } + } +} + + +.download-umbraco { + background: $color-our; + text-align: center; + color: #fff; + padding: 0 0 100px; + position: relative; + z-index: 90; + min-height: 530px; + + height: calc(100vh - 262px); + + @media (min-width: $md) { + height: calc(100vh - 262px); + background: transparent; + + &:after { + content:""; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background: rgba($color-our, 1); + z-index: 100; + } + } + + + + .container { + padding: 20px 20px 0; + position: relative; + z-index: 200; + + @media (min-width: $md){ + transform: translate(-50%, -65%); + position: absolute; + top: 50%; + left: 50%; + padding: 20px 0 0; + } + } + + @media (min-width: $md) { + padding: 0 0 100px; + } + + h1 { + font-size: 2rem; + margin-bottom: 2rem; + + @media (min-width: $md) { + font-size: 3rem; + } + } + + p { + margin: 0 auto 1.5rem; + font-size: .97rem; + line-height: 1.5; + color: $color-text; + + + .button { + margin-top: 1.5rem; + } + + @media (min-width: $md) { + font-size: 1.3rem; + } + + &.small { + font-size: .97rem; + } + + a { + text-decoration: none; + border-bottom: 2px solid rgba(#000, .48); + + &:hover { + border-color: rgba(#fff, 1); + } + } + } + + .button { + margin-bottom: 1rem; + position: relative; + padding-left: 60px; + cursor: pointer; + overflow: hidden; + transition: all .2s ease; + + i { + font-size: 1.5rem; + position: absolute; + top: 50%; + left: 0; + opacity: .5; + transform: translate(20px, -53%); + @include transition(opacity, .2s); + } + + &:hover { + opacity: 1; + + i { + opacity: 1; + } + } + + .ink { + background:rgba($color-our, .3); + } + + &:not(:active) { + @include transition(box-shadow, .2s); + } + + &:active { + box-shadow: none; + } + } + + .pre { + overflow: auto; + display: block; + font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; + background-color: #333; + color: #fff; + font-size: 0.8rem; + line-height: 1.4em; + background-clip: padding-box; + padding: 8px 25px 8px 50px; + border-radius: 5px; + width: auto; + min-width: 300px; + text-align: center; + border: none; + margin: 0 auto; + + &:hover { + background: lighten(#333, 5%); + cursor: pointer; + } + } + + .pm-nuget { + position: relative; + display: block; + margin: 0 auto; + height: 100%; + width: 300px; + + &:before { + content:"PM>"; + display: block; + position: absolute; + top: 50%; + left: 0; + font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; + font-size: 0.8rem; + transform: translate(25px, -46%); + opacity: .9; + } + } + + .archive { + position: absolute; + bottom: 5%; + left: 50%; + transform: translate(-50%, 0); + color: $color-text; + z-index: 200; + + + a:hover { + text-decoration: none; + opacity: 1; + } + } +} + +.historical-releases { + .content { + min-height: 40vh; + margin-top: 100px; + padding-left: 30px; + } + + .title-level { + margin-bottom: 15px; + font-weight: bold; + font-size: 1.3rem; + } + + ul { + li { + list-style: none; + } + + a { + color: $color-text; + font-size: 1rem; + margin-top: 10px; + margin-bottom: 5px; + + &:hover { + color: $color-text-hover; + } + } + } + + .versions { + border-left: 1px solid darken(whitesmoke, 6%); + + // > li:hover { + // span { + // background: $color-our; + // } + // } + } + + .version { + width: 100%; + position: relative; + padding: 15px 20px 20px; + margin-bottom: 30px; + max-width: 640px; + + ul { + padding-left: 60px; + overflow: hidden; + } + + li { + list-style: none; + display: block; + float: left; + } + + span { + font-size: 1.7rem; + font-weight: bold; + background: #fff; + color: #222222; + border: 1px solid rgba(#222222, .3); + border-radius: 50%; + height: 60px; + width: 60px; + line-height: 60px; + display: block; + text-align: center; + position: absolute; + left: 0; + top: 0; + transform: translate(-50%, 0px); + @include transition(background, .2s); + } + } + + .downloadable { + + width: 25%; + + a { + font-size: 1rem; + text-decoration: none; + padding: 10px 12px; + background-color: $color-green; + color: #fff !important; + font-weight: bold; + border-radius: 3px; + display: block; + margin-right: 20px; + margin-bottom: 20px; + margin-top: 0; + min-width: 60px; + text-align: center; + transition: all .2s ease; + + + &:hover { + background: lighten($color-green, 5%); + color: #fff !important; + @include box_shadow(1); + } + } + } +} + +.mac-notice { + text-align: center; + background: rgba(#000, .13); + padding: 15px 0; + font-size: 1.1rem; + position: relative; + z-index: 999; + display: none; + + &:before { + content:""; + display: inline-block; + height: 24px; + width: 24px; + margin-right: 8px; + background: url('../images/osx.png'); + background-repeat: no-repeat; + background-size: 24px 24px; + background-position: left -3px; + vertical-align: middle; + } + + a { + &:hover { + text-decoration: none; + } + } +} + +.steps { + text-align: left; + margin: 60px auto 0; + + @media (min-width: $md) { + min-width: 960px; + } + + h2 { + font-size:1.9rem; + margin-bottom: 50px; + font-weight: 600; + text-align: center; + } + + .guide { + width: 100%; + margin: 0 auto; + text-align: center; + } + + img { + display: block; + margin: 0 auto; + width: 60%; + height: auto; + } + + .step { + font-size: 1.5rem; + margin-bottom: 80px; + position: relative; + @extend .fadeInUp; + + display: inline-block; + width: 30%; + + span { + display: block; + text-align: center; + border: 2px dashed rgba(#000, .23); + color: rgba(#000, .23); + border-radius: 50%; + height: 50px; + width: 50px; + margin: 0 auto 20px; + font-size: 1.7rem; + font-weight: bold; + line-height: 45px; + } + + &.step-one { + animation-delay: .1s; + } + + &.step-two { + animation-delay: .4s; + } + + &.step-three { + animation-delay: .7s; + } + + } +} + +.archive i { + font-size: 1.3rem; + padding-top: 2px; +} + +body.mac { + .mac-notice { + display: block; + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/pages/_forum.scss b/OurUmbraco.Client/src/scss/pages/_forum.scss new file mode 100644 index 00000000..42f8ce54 --- /dev/null +++ b/OurUmbraco.Client/src/scss/pages/_forum.scss @@ -0,0 +1,532 @@ +.forum-overview { + + .forum { + display: flex; + flex: 0 0 100%; + flex-wrap: wrap; + + background: none; + padding: 0; + + + @media (min-width: $md) { + padding: 0 15px; + } + + + &-head, &-content, &-settings { + display: flex; + flex: 0 0 100%; + } + + + &-settings { + margin: 30px 0 0; + flex-direction: row; + flex-wrap: wrap; + + align-items: center; + + .search-big { + flex: 0 0 100%; + + @media (min-width: $md) { + flex: 0 0 70%; + } + } + + .or { + flex: 0 0 5%; + + color: darken($color-space, 25%); + font-size: 1.1rem; + text-align: center; + + @media (max-width: $md) { + display: none; + } + } + + .sorting { + flex: 0 0 100%; + + @media (min-width: $md) { + flex: 0 0 25%; + } + } + + select, input { + font-size: .95rem; + color: $color-space; + + &:focus { + color: darken($color-space, 25%); + } + } + } + + + &-head { + flex-direction: row; + + padding: 20px 15px; + border-bottom: 1px solid whitesmoke; + + font-size: .8rem; + text-transform: uppercase; + font-weight: bold; + + letter-spacing: .5px; + } + + + + &-content { + flex-direction: column; + + .posts { + + display: flex; + flex-direction: column; + + small { + color: darken($color-space, 25%); + font-size: 1rem; + + margin-bottom: .2rem; + } + + span { + font-size: .8rem; + color: $color-space; + } + + } + + } + + + + .topic-row { + padding: 25px 15px; + + display: flex; + flex-direction: row; + align-items: center; + + border-bottom: 1px solid rgba($color-space, .11); + + .topic { + + font-size: .95rem; + line-height: 1.3; + + a { + text-decoration: none; + display: block; + + &:hover { + h3 { + text-decoration: underline; + } + } + } + + span { + display: block; + font-size: .75rem; + color: $color-space; + margin-top: 8px; + + strong { + font-weight: normal; + color: darken($color-space, 25%); + } + } + + @media (min-width: $md) { + font-size: 1.15rem; + line-height: 1.3; + + span { + font-size: .9rem; + } + } + } + + .category { + line-height: 1.3; + } + + &.solved { + background: rgba($color-our, .23); + border-bottom: 2px solid rgba($color-our, .66); + } + + + + @media (min-width: $md) { + padding: 35px 15px; + } + } + + + + .topic { + flex: 0 0 50%; + margin-right: 5%; + + @media (min-width: $md) { + flex: 0 0 50%; + margin-right: 10%; + } + } + + + + .category { + flex: 0 0 30%; + margin-right: 5%; + + @media (min-width: $md) { + flex: 0 0 28%; + margin-right: 2%; + } + } + + + + .posts { + flex: 0 0 10%; + text-align: center; + + @media (max-width: $md) { + transform: translate(-6px, 0); + } + } + } + + + + + .sorting { + display: flex; + + justify-content: flex-end; + + margin-left: auto; + + select { + border: 1px solid #cfcfcf; + border-radius: 0; + + padding: 20px 20px 20px 10px; + + background-position: 95% center; + + &:focus, &:hover { + color: black; + + background-position: 95% center; + } + } + } + + + .pagination { + margin: 60px 0; + justify-content: center; + + a { + margin-top: 0; + } + } + + +} + + + + +// Buttons in forum +.forum-page .button { + + &.delete-thread, + &.follow, + &.create-new-thread, + &.login, + &.go-to-solution { + padding: 6px 18px 10px 14px; + min-width: 115px; + font-size: .8rem; + margin-top: 5px; + margin-left: 5px; + min-width: 115px; + width: auto; + + @include transition(all, .2s); + + @media (min-width: $md) { + float: right; + } + + i { + margin-right: 3px; + font-size: 18px; + transform: translate(0, 3px); + display: inline-block; + @include transition(opacity, .2s); + } + + &:hover { + opacity: 1; + } + } + + + &.transparent { + border: 1px solid rgba(#000, .5); + background: none; + color: rgba(#000, .5); + padding: 5px 17px 9px 13px; + + &:hover { + background: none; + color: #000; + border-color: #000; + } + + .ink { + background:rgba($color-green, .23); + } + } + + + &.delete-thread { + @extend .button.red; + opacity: 1; + border-color: transparent; + + i { + color: #fff; + } + + &:hover { + i { + opacity: .5; + } + } + + .ink { + background:rgba(#fff, 0.3); + } + } + + + + &.following { + background: $color-green; + color: #fff; + opacity: 1; + border-color: transparent; + + &:hover { + background: lighten($color-green, 5%); + i { + opacity: .5; + } + } + } + + &.create-new-thread, &.login { + padding: 9px 18px 10px 14px; + opacity: 1; + border-color: transparent; + + @extend .button.green; + + font-size: 1rem; + font-weight: bold; + color: #fff; + + i { + color: #fff; + transform: translate(0, 3px); + } + + &:hover { + background: lighten($color-green, 10%); + } + + &.disabled { + background: transparent; + border: 1px solid #7f7f7f; + color: #7f7f7f; + + i { + color: #7f7f7f; + } + + &:hover { + color: #000; + border-color: #000; + + i { + color: #000; + opacity: 1; + } + } + } + } +} + + + + +.forum-overview { + background: #fff; + max-width: 1160px; + padding: 20px 0 0; + margin: 0 auto; + + + .scrolly-loading { + margin: 2rem auto; + text-align: center; + display: block; + position:relative; + left:50%; + + .span { + background-color: rgba(#504d3e, 0.5); + transform: translate(-50%, 0); + } + } + + #breadcrumb { + display: inline-block; + padding: 0; + margin-bottom: 15px; + + @media (min-width: $md) { + height: 48px; + line-height: 48px; + margin-bottom: 0; + } + + li { + + display: none; + + &:last-child { + display: block; + opacity: .5; + font-style: italic; + + @media (min-width: $md) { + display: inline-block; + opacity: 1; + } + } + + @media (min-width: $md) { + display: inline-block; + } + + a { + font-size: .9rem; + } + } + } + + .sorting { + width: 100%; + text-align: center; + + + select { + font-family: $font-family; + position: relative; + overflow: hidden; + + -webkit-appearance:none; + -moz-appearance: none; + + background: #fff url('/assets/images/selectdown_unfocus.svg'); + background-size: 11px 13px; + background-repeat: no-repeat; + background-position: 95% center; + + color: #4d4d4d; + + width: 100%; + + @include transition(border, .3s); + + + &:focus, &:hover { + border-color: $color-our; + outline: none; + cursor: pointer; + background: #fff url('/assets/images/selectdown_our.svg'); + background-size: 11px 13px; + background-repeat: no-repeat; + background-position: 95% center; + } + + option { + margin: 0; + display: block; + } + } + } + + +} + + + + +.forum-archive-header { + color: #898989; + font-size: .9rem; + margin: 0 0 20px; + padding: 0 10px; + text-align: center; + + @media (min-width: $md) { + padding: 10px 15px; + text-align: left; + } + + .container { + padding: 0; + + .row { + margin: 0; + } + } + + #breadcrumb span { + &:last-child { + color: darken(#b7b7b7, 50%); + + &:after { + display: none; + } + } + + &:after { + content:""; + display: inline-block; + margin: 0 5px; + background: url('/assets/images/breadcrumb.png'); + background-repeat: no-repeat; + background-size: 100%; + background-position: bottom center; + height: 16px; + width: 16px; + transform: translateY(3px); + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/pages/_frontpage.scss b/OurUmbraco.Client/src/scss/pages/_frontpage.scss new file mode 100644 index 00000000..87a6fea8 --- /dev/null +++ b/OurUmbraco.Client/src/scss/pages/_frontpage.scss @@ -0,0 +1,23 @@ +.frontpage, .community-page { + .docs, .forum { + .button { + &.transparent { + float: none; + font-size: .9rem; + padding: 12px 14px; + @include transition(all, .2s); + + &:hover { + background: $color-green; + color: #fff; + opacity: 1; + border-color: $color-green; + } + + &.ink { + background: rgba(#fff, .3); + } + } + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/pages/_map.scss b/OurUmbraco.Client/src/scss/pages/_map.scss new file mode 100644 index 00000000..6a189d35 --- /dev/null +++ b/OurUmbraco.Client/src/scss/pages/_map.scss @@ -0,0 +1,100 @@ +.map { + header { + background: transparent !important; + } + + .container { + position: relative; + z-index: 200; + } + + + div { + margin-top: 15px; + } + + nav { + a, a:visited, a:active { + text-decoration: none; + color: rgba(#fff, .6); + @include transition(color, .2s); + + &:hover { + color: rgba(#fff, 1); + } + } + } + + .event-map { + position: relative; + padding-top: 0 !important; + min-height: 200px; + + @media (min-width: $md) { + + min-height: 500px; + } + } + + #map { + height: 200px; + + @media (min-width: $md) { + height: 500px; + } + } + + .col-md-4 { + margin-bottom: 40px; + + @media (min-width: $md) { + margin-bottom: 0; + } + } + + .people { + border-bottom: 1px solid whitesmoke; + padding: 30px 0; + + .teaser { + max-width: 640px; + margin: 0 auto; + + h1 { + margin-bottom: 1rem; + } + + p + p { + margin-top: 30px; + } + + strong { + font-size: 1.2rem; + } + } + } + + .people-activity { + background: whitesmoke; + padding: 30px 0; + + strong { + margin-bottom: .3rem; + display: block; + font-size: 1.6rem; + + @media (min-width: $md) { + font-size: 1.2rem; + } + } + + img { + max-height: 66px; + width: auto; + } + + .person-activity-text { + margin-top: 8px; + } + } +} + diff --git a/OurUmbraco.Client/src/scss/pages/_release.scss b/OurUmbraco.Client/src/scss/pages/_release.scss new file mode 100644 index 00000000..28ace66f --- /dev/null +++ b/OurUmbraco.Client/src/scss/pages/_release.scss @@ -0,0 +1,348 @@ +.download { + + + .dot.progress { + text-indent: .3rem; + text-align: center; + line-height: 2.8rem; + + + .counter { + font-size: 1.1rem;; + } + } + + + &.latest { + + + .dot { + margin-top: 2rem; + } + } +} + + + +.explain { + + + .changes { + small { + line-height: .5rem; + } + } +} + + + +.chart { + position: absolute; + top: -4px; + left: -8px; + z-index: 1; + + + .percentage { + display: inline-block; + position: absolute; + top: 9px; + left: 16px; + font-size: 1.1rem; + color: darken($color-our, 30%); + } + + + canvas { + top: 1px; + position: absolute; + left: 5px; + } + +} + + + +.get-release { + + + i { + font-size: 2.5rem; + line-height: 5rem; + } +} + + + +.get-release { + line-height: 1.5; + padding: 2.5rem 0; + margin: 2.5rem 0; + border-bottom: 1px solid darken(whitesmoke, 5%); + border-top: 1px solid darken(whitesmoke, 5%); + + + h3 { + font-size: 1.1rem; + margin-bottom: .3rem; + color: $color-headline; + + + a { + text-decoration: none; + + + &:hover { + color: $color-our; + } + } + } + + + p { + color: $color-headline; + font-size: .95rem; + line-height: 1.3; + margin-bottom: .5rem; + } + + + small { + font-size: .7rem; + color: $color-text; + } +} + + + +.release { + min-height: 160px; + + + &.zip { + + + i { + color: $color-headline; + } + } + + + &.bin { + + + i { + color: rgba(#000, .4); + font-size: 1.6rem; + } + + + h4 { + font-size: .9rem; + margin-bottom: .3rem; + color: $color-headline; + + + a { + text-decoration: none; + + + &:hover { + color: $color-our; + } + } + } + + + &.col-sm-5 { + padding-top: 18px; + } + } + + + &.col-sm-1 { + text-align: center; + } +} + + + + +.latest { + + + .dot.big { + margin-bottom: 30px; + } + + + .explain { + + + h4 { + font-size: 2.5rem; + } + + + p { + font-size: 1.1rem; + color: $color-text +; + } + + .col-xs-12 { + min-height: 0; + } + } +} + + + +// Single release page +.release{ + + + .markdown-syntax { + + + p, li, ul, a { + color: $color-headline; + font-size: .95rem; + } + + + strong { + color: $color-headline; + } + + + a { + text-decoration: none; + + + &:hover { + text-decoration: underline; + } + } + + + p + p { + margin-bottom: 15px !important; + } + + + h1, h2, h3 { + color: $color-headline; + } + + + h1, { + font-size: 2rem; + } + + + h2 { + font-size: 1.3rem; + } + + + h3 { + font-size: 1.1rem; + } + + + ul li { + margin-bottom: .5rem; + line-height: 1.5; + } + } +} +.releaseTable { + + + .col-xs-3 { + + + &:first-child { + .progress { + .top { + display: none; + } + } + } + + + &:nth-last-child(2) { + + + .small:last-child { + + + .v-line { + display: none; + } + } + } + } +} + +// Progress page +.inprogress { + + .dot.big.progress { + text-indent: 0; + border: none; + + .v-line { + top: 60px; + left: 28px; + + &.top { + top: -80px; + } + } + + .h-line { + top: 28px; + } + + } + + + .chart { + top: 0px; + left: 0px; + width: 100%; + height: 100%; + text-align: center; + line-height: 3rem; + + .percentage { + position: initial; + } + + canvas { + top: 0; + left: 0; + } + } +} + +// Roadmap page +.plannedreleases { + .dot.big { + text-indent: 0; + line-height: 3rem; + } + .chart { + top: 0px; + left: 0px; + width: 100%; + height: 100%; + text-align: center; + + .percentage { + position: initial; + } + } +} diff --git a/OurUmbraco.Client/src/scss/pages/_wiki.scss b/OurUmbraco.Client/src/scss/pages/_wiki.scss new file mode 100644 index 00000000..53713918 --- /dev/null +++ b/OurUmbraco.Client/src/scss/pages/_wiki.scss @@ -0,0 +1,36 @@ +.wikipage-page { + .markdown-syntax { + a { + color: darken($color-our, 20%); + text-decoration: none; + + &:hover { + color: darken($color-our, 40%); + } + } + + + + h1, h2, h3, h4, h5, h6 { + + + a { + color: #000; + text-decoration: underline; + + &:hover { + color: #000; + text-decoration: none; + } + } + } + + + @media (min-width: $md) { + + pre { + margin: 20px 0; + } + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/sections/_docs.scss b/OurUmbraco.Client/src/scss/sections/_docs.scss new file mode 100644 index 00000000..74d388f8 --- /dev/null +++ b/OurUmbraco.Client/src/scss/sections/_docs.scss @@ -0,0 +1,68 @@ +.docs { + padding: 0; + border-bottom: 1px solid rgba($color-space, .11); + + .row { + margin: 0; + } + + .container, .row, .col-md-6 { + @media (max-width: $md) { + padding: 0; + + p { + padding: 0 40px; + } + } + } + + .advanced, .beginners { + padding: 80px 20px; + text-align: center; + + @media (min-width: $md) { + padding: 80px 60px; + } + } + + .advanced { + @media (max-width: $md) { + padding: 40px 0px 80px; + border-top: 1px solid rgba($color-space, .11); + } + } + + .col-md-6 { + &:last-child { + @media (min-width: $md) { + border-left: 1px solid rgba($color-space, .11); + } + } + } + + img { + margin-bottom: 30px; + display: inline-block; + } + + h2 { + font-size: 2rem; + margin-bottom: 1rem; + } + + p { + color: darken($color-space, 20%); + line-height: 1.5; + font-size: 1.1rem; + + margin-bottom: 30px; + } + + .button { + font-size: 1rem; + + @media (min-width: $md) { + font-size: 1.2rem; + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/sections/_events.scss b/OurUmbraco.Client/src/scss/sections/_events.scss new file mode 100644 index 00000000..c55847e2 --- /dev/null +++ b/OurUmbraco.Client/src/scss/sections/_events.scss @@ -0,0 +1,64 @@ +.events { + padding: 0; + + .event-map { + position: relative; + overflow: hidden; + } + + .event-info { + padding: 20px; + color: #fff; + background: rgba(#161616, .87); + text-align: center; + + @media (min-width: $md) { + position: absolute; + right: 0; + top: 50%; + height: 100%; + transform: translateY(-50%); + width: 400px; + padding: 30px; + } + + img { + max-width: 66px; + height: auto; + margin: 10px auto 20px; + display: block; + + @media (min-width: $md) { + margin: 10px auto 40px; + } + + } + + h1 { + font-size: 2rem; + margin-bottom: 30px; + } + + p { + line-height: 1.5; + } + + a { + margin-top: 30px; + display: inline-block; + font-weight: bold; + + &:hover { + text-decoration: none; + } + } + } + + #map { + height: 300px; + + @media (min-width: $md) { + height: 500px; + } + } +} diff --git a/OurUmbraco.Client/src/scss/sections/_forum.scss b/OurUmbraco.Client/src/scss/sections/_forum.scss new file mode 100644 index 00000000..042b879a --- /dev/null +++ b/OurUmbraco.Client/src/scss/sections/_forum.scss @@ -0,0 +1,162 @@ +section.forum { + background: rgba($color-space, .11); + background-size: 100%; + background-position: center bottom; + background-repeat: no-repeat; + position: relative; + + + h1 { + font-size: 1.8rem; + text-align: center; + position: relative; + z-index: 30; + + margin-bottom: 3.5rem; // Remove me when text is ready under this + + @media (min-width: $md) { + font-size: 2.4rem; + } + + + p { + max-width: 700px; + margin: 1rem auto 3.5rem; + margin-bottom: 3rem; + padding: 0 10px; + + font-size: 1rem; + color: darken($color-space, 15%); + text-align: center; + + @media (min-width: $md) { + padding: 0; + font-size: 1.2rem; + } + } + } + + .col-md-6 { + margin-bottom: 40px; + + @media (min-width: $md) { + margin-bottom: 0; + } + } + + .goto-forum { + text-align: center; + margin-top: 60px; + } + + .forum-thread { + + .category { + margin: .5rem 0 0; + + span { + font-size: .75rem; + } + } + } + + .button { + @media (min-width: $md) { + font-size: 1.2rem; + } + } + + small { + font-size: .9rem; + color: darken($color-space, 20%); + text-transform: uppercase; + font-weight: 700; + letter-spacing: .5px; + display: block; + margin-bottom: .5rem; + } +} + + +.forum-thread, .person-activity { + background: #fff; + padding: 15px; + margin-bottom: 30px; + display: table; + width: 100%; + border: 1px solid darken(#f6f6f6, 5%); + transition: box-shadow .2s; + text-decoration: none; + + display: flex; + align-items: center; + &:hover { + @extend .BoxShadow; + } + + .row { + margin: 0; + } + + img { + border-radius: 50%; + width: 100%; + max-width: 112px; + height: auto; + @media (min-width: $md) { + max-width: 58px; + } + + &.aura { + border: 2px solid transparent; + border-radius: 50%; + padding: 3px; + + &.mvp { + border-color: rgba($color-green, .4); + } + + &.admin { + border-color: rgba(#f61700, .4); + } + + &.hq { + border-color: rgba(#227cf6, .4); + } + } + } + + h3 { + margin-bottom: 2px; + font-weight: normal; + color: #000; + line-height: 1.3; + font-size: 1rem; + + @media (min-width: $md) { + font-size: 1.1rem; + } + } + + p { + margin: 0; + text-align: left; + font-size: .9rem; + color: $color-space; + } + + &:last-child { + margin-bottom: 0; + } + + small { + font-size: .8rem; + } + + .col-xs-2 { + padding: 0 .1rem; + + @media (min-width: $md) { + padding: 0 .3rem; + } + } +} diff --git a/OurUmbraco.Client/src/scss/sections/_people.scss b/OurUmbraco.Client/src/scss/sections/_people.scss new file mode 100644 index 00000000..af92ee15 --- /dev/null +++ b/OurUmbraco.Client/src/scss/sections/_people.scss @@ -0,0 +1,203 @@ +.people, +.leaderboard { + position: relative; + overflow: hidden; + + .user-profile { + width: 100%; + max-width: 68px; + margin: 0 auto; + height: auto; + border-radius: 50%; + position: relative; + @include transition(box-shadow, .2s); + + &:hover { + @extend .BoxShadow; + } + } + + h1, p { + text-align: center; + position: relative; + z-index: 30; + } + + h1 { + font-size: 1.8rem; + + @media (min-width: $md) { + font-size: 2.4rem; + } + } + + p { + max-width: 700px; + margin: 1rem auto 2.5rem; + margin-bottom: 3rem; + padding: 0 10px; + + font-size: 1rem; + color: darken($color-space, 15%); + + @media (min-width: $md) { + padding: 0; + font-size: 1.2rem; + } + } + + .button { + margin: 3rem auto 0; + + @media (min-width: $md) { + font-size: 1.2rem; + } + } +} + + + +.people { + text-align: center; + background: rgba($color-space, .11); + + .container { + max-width: 1400px; + position: relative; + z-index: 30; + } + + div[class^="col-"] { + margin-bottom: 15px; + } +} + + + +.leaderboard { + text-align: center; + + div[data-attr="weeks"], + div[data-attr="alltime"] { + position: relative; + z-index: 30; + + @media (min-width: $md) { + margin: 2rem 0; + } + } + + div[data-attr="weeks"] { + text-align: left; + + strong, .profile { + padding-left: .5rem; + } + + .meta { + margin-left: 4%; + } + } + + + div[data-attr="alltime"] { + margin-bottom: 3rem; + text-align: left; + + strong, .profile { + padding-left: .5rem; + } + + .meta { + margin-left: 4%; + } + + @media (min-width: $md) { + margin-bottom: 0; + text-align: right; + + strong, .profile { + padding-left: 0; + padding-right: .5rem; + } + + .profile { + flex-direction: row-reverse; + + .meta { + margin-left: 0; + margin-right: 4%; + } + } + + } + } + + + + a { + text-decoration: none; + padding: 15px 0; + + &:hover { + background: rgba($color-space, .11); + } + } + + strong { + font-size: 1rem; + color: $color-pink; + text-transform: uppercase; + font-weight: 700; + letter-spacing: .5px; + + display: block; + } + + .profile { + display: flex; + align-items: center; + flex-wrap: wrap; + + &:last-of-type { + margin: 0; + } + } + + + .avatar { + flex: 0 0 20%; + + @media (min-width: $md) { + flex: 0 0 10%; + } + } + + + .meta { + flex: 0 0 76%; + + @media (min-width: $md) { + flex: 0 0 86%; + } + + .name { + padding-left: 0; + margin-bottom: .4rem; + font-size: 1rem; + + @media (min-width: $md) { + font-size: 1.2rem; + } + } + + small { + font-size: .95rem; + color: darken($color-space, 10%); + + span { + color: darken($color-space, 20%); + } + } + } +} \ No newline at end of file diff --git a/OurUmbraco.Client/src/scss/style.scss b/OurUmbraco.Client/src/scss/style.scss new file mode 100644 index 00000000..83cff058 --- /dev/null +++ b/OurUmbraco.Client/src/scss/style.scss @@ -0,0 +1,72 @@ +/** +/* CORE +**/ + +@import 'core/reset'; +@import 'core/bootstrap'; +@import 'core/helpers'; +@import 'core/animations'; + + +/** +/* Random +**/ + +@import 'playground'; + + +/** +/* Elements +**/ + +@import 'elements/icons'; +@import 'elements/loader'; +@import 'elements/buttons'; +@import 'elements/header'; +@import 'elements/breadcrumb'; +@import 'elements/quickmenu'; +@import 'elements/search-results'; +@import 'elements/copylink'; +@import 'elements/footer'; +@import 'elements/sidebar'; +@import 'elements/profile'; +@import 'elements/markdown-syntax'; +@import 'elements/markdown-editor'; +@import 'elements/categories'; +@import 'elements/roles'; +@import 'elements/forum-thread'; +@import 'elements/pagination'; +@import 'elements/packages'; +@import 'elements/package-badges'; +@import 'elements/search-big'; +@import 'elements/package-creation'; +@import 'elements/package-detail'; +@import 'elements/member'; +@import 'elements/flex'; +@import 'elements/notification'; +@import 'elements/alertbar'; + +/** +/* Sections +**/ + +@import 'sections/docs'; +@import 'sections/forum'; +@import 'sections/people'; +@import 'sections/events'; + + +/** +/* Pages +**/ + +@import 'elements/wrap-old-our'; +@import 'pages/frontpage'; +@import 'pages/map'; +@import 'pages/documentation'; +@import 'pages/download'; +@import 'pages/release'; +@import 'pages/wiki'; +@import 'pages/forum'; + +@import 'elements/wrap-old-our'; \ No newline at end of file diff --git a/OurUmbraco.Site/Assets/css/style.css b/OurUmbraco.Site/Assets/css/style.css deleted file mode 100644 index 10ac8660..00000000 --- a/OurUmbraco.Site/Assets/css/style.css +++ /dev/null @@ -1,13525 +0,0 @@ -/** -/* CORE -**/ - -html, -body, -div, -span, -object, -iframe, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -abbr, -address, -cite, -code, -del, -dfn, -em, -img, -ins, -kbd, -q, -samp, -small, -strong, -sub, -sup, -var, -b, -i, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td, -article, -aside, -canvas, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section, -summary, -time, -mark, -audio, -video { - margin: 0; - padding: 0; - outline: 0; - border: 0; - background: transparent; - vertical-align: baseline; - font-size: 100%; -} - -body { - line-height: 1; - margin: 0; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { - display: block; -} - -nav ul { - list-style: none; -} - -blockquote, -q { - quotes: none; -} - -blockquote:before, -blockquote:after, -q:before, -q:after { - content: ''; - content: none; -} - -a { - margin: 0; - padding: 0; - background: transparent; - vertical-align: baseline; - font-size: 100%; -} - -ins { - background-color: #ff9; - color: #000; - text-decoration: none; -} - -mark { - background-color: #ff9; - color: #000; - font-weight: bold; - font-style: italic; -} - -del { - text-decoration: line-through; -} - -abbr[title], -dfn[title] { - border-bottom: 1px dotted; - cursor: help; -} - -table { - border-spacing: 0; - border-collapse: collapse; -} - -hr { - display: block; - margin: 1em 0; - padding: 0; - height: 1px; - border: 0; - border-top: 1px solid #cccccc; -} - -input, -select { - vertical-align: middle; -} - -html { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -*, -*:before, -*:after { - box-sizing: border-box; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: 100; -} - -.container, -.page, -.subpage { - max-width: 1200px; - margin: 0 auto; - padding: 0 20px; -} - -.row { - margin-left: -15px; - margin-right: -15px; - margin-top: 20px; - margin-bottom: 20px; -} - -.row:before, -.row:after { - content: " "; - display: table; -} - -.row:after { - clear: both; -} - -.col-xs-1, -.col-sm-1, -.col-md-1, -.col-lg-1, -.col-xs-2, -.col-sm-2, -.col-md-2, -.col-lg-2, -.col-xs-3, -.col-sm-3, -.col-md-3, -.col-lg-3, -.col-xs-4, -.col-sm-4, -.col-md-4, -.col-lg-4, -.col-xs-5, -.col-sm-5, -.col-md-5, -.col-lg-5, -.col-xs-6, -.col-sm-6, -.col-md-6, -.col-lg-6, -.col-xs-7, -.col-sm-7, -.col-md-7, -.col-lg-7, -.col-xs-8, -.col-sm-8, -.col-md-8, -.col-lg-8, -.col-xs-9, -.col-sm-9, -.col-md-9, -.col-lg-9, -.col-xs-10, -.col-sm-10, -.col-md-10, -.col-lg-10, -.col-xs-11, -.col-sm-11, -.col-md-11, -.col-lg-11, -.col-xs-12, -.col-sm-12, -.col-md-12, -.col-lg-12 { - position: relative; - min-height: 1px; - padding-left: 15px; - padding-right: 15px; -} - -.col-xs-1, -.col-xs-2, -.col-xs-3, -.col-xs-4, -.col-xs-5, -.col-xs-6, -.col-xs-7, -.col-xs-8, -.col-xs-9, -.col-xs-10, -.col-xs-11, -.col-xs-12 { - float: left; -} - -.col-xs-12 { - width: 100%; -} - -.col-xs-11 { - width: 91.66666666666666%; -} - -.col-xs-10 { - width: 83.33333333333334%; -} - -.col-xs-9 { - width: 75%; -} - -.col-xs-8 { - width: 66.66666666666666%; -} - -.col-xs-7 { - width: 58.333333333333336%; -} - -.col-xs-6 { - width: 50%; -} - -.col-xs-5 { - width: 41.66666666666667%; -} - -.col-xs-4 { - width: 33.33333333333333%; -} - -.col-xs-3 { - width: 25%; -} - -.col-xs-2 { - width: 16.666666666666664%; -} - -.col-xs-1 { - width: 8.333333333333332%; -} - -.col-xs-pull-12 { - right: 100%; -} - -.col-xs-pull-11 { - right: 91.66666666666666%; -} - -.col-xs-pull-10 { - right: 83.33333333333334%; -} - -.col-xs-pull-9 { - right: 75%; -} - -.col-xs-pull-8 { - right: 66.66666666666666%; -} - -.col-xs-pull-7 { - right: 58.333333333333336%; -} - -.col-xs-pull-6 { - right: 50%; -} - -.col-xs-pull-5 { - right: 41.66666666666667%; -} - -.col-xs-pull-4 { - right: 33.33333333333333%; -} - -.col-xs-pull-3 { - right: 25%; -} - -.col-xs-pull-2 { - right: 16.666666666666664%; -} - -.col-xs-pull-1 { - right: 8.333333333333332%; -} - -.col-xs-pull-0 { - right: 0%; -} - -.col-xs-push-12 { - left: 100%; -} - -.col-xs-push-11 { - left: 91.66666666666666%; -} - -.col-xs-push-10 { - left: 83.33333333333334%; -} - -.col-xs-push-9 { - left: 75%; -} - -.col-xs-push-8 { - left: 66.66666666666666%; -} - -.col-xs-push-7 { - left: 58.333333333333336%; -} - -.col-xs-push-6 { - left: 50%; -} - -.col-xs-push-5 { - left: 41.66666666666667%; -} - -.col-xs-push-4 { - left: 33.33333333333333%; -} - -.col-xs-push-3 { - left: 25%; -} - -.col-xs-push-2 { - left: 16.666666666666664%; -} - -.col-xs-push-1 { - left: 8.333333333333332%; -} - -.col-xs-push-0 { - left: 0%; -} - -.col-xs-offset-12 { - margin-left: 100%; -} - -.col-xs-offset-11 { - margin-left: 91.66666666666666%; -} - -.col-xs-offset-10 { - margin-left: 83.33333333333334%; -} - -.col-xs-offset-9 { - margin-left: 75%; -} - -.col-xs-offset-8 { - margin-left: 66.66666666666666%; -} - -.col-xs-offset-7 { - margin-left: 58.333333333333336%; -} - -.col-xs-offset-6 { - margin-left: 50%; -} - -.col-xs-offset-5 { - margin-left: 41.66666666666667%; -} - -.col-xs-offset-4 { - margin-left: 33.33333333333333%; -} - -.col-xs-offset-3 { - margin-left: 25%; -} - -.col-xs-offset-2 { - margin-left: 16.666666666666664%; -} - -.col-xs-offset-1 { - margin-left: 8.333333333333332%; -} - -.col-xs-offset-0 { - margin-left: 0%; -} - -table { - background-color: transparent; -} - -caption { - padding-top: 8px; - padding-bottom: 8px; - color: #777777; - text-align: left; -} - -th { - text-align: left; -} - -.table { - width: 100%; - max-width: 100%; - margin-bottom: 20px; -} - -.table > thead > tr > th, -.table > tbody > tr > th, -.table > tfoot > tr > th, -.table > thead > tr > td, -.table > tbody > tr > td, -.table > tfoot > tr > td { - padding: 8px; - line-height: 1.42857143; - vertical-align: top; - border-top: 1px solid #dddddd; -} - -.table > thead > tr > th { - vertical-align: bottom; - border-bottom: 2px solid #dddddd; -} - -.table > caption + thead > tr:first-child > th, -.table > colgroup + thead > tr:first-child > th, -.table > thead:first-child > tr:first-child > th, -.table > caption + thead > tr:first-child > td, -.table > colgroup + thead > tr:first-child > td, -.table > thead:first-child > tr:first-child > td { - border-top: 0; -} - -.table > tbody + tbody { - border-top: 2px solid #dddddd; -} - -.table .table { - background-color: #ffffff; -} - -.table-condensed > thead > tr > th, -.table-condensed > tbody > tr > th, -.table-condensed > tfoot > tr > th, -.table-condensed > thead > tr > td, -.table-condensed > tbody > tr > td, -.table-condensed > tfoot > tr > td { - padding: 5px; -} - -.table-bordered { - border: 1px solid #dddddd; -} - -.table-bordered > thead > tr > th, -.table-bordered > tbody > tr > th, -.table-bordered > tfoot > tr > th, -.table-bordered > thead > tr > td, -.table-bordered > tbody > tr > td, -.table-bordered > tfoot > tr > td { - border: 1px solid #dddddd; -} - -.table-bordered > thead > tr > th, -.table-bordered > thead > tr > td { - border-bottom-width: 2px; -} - -.table-striped > tbody > tr:nth-child(odd) { - background-color: #f9f9f9; -} - -.table-hover > tbody > tr:hover { - background-color: #f5f5f5; -} - -table col[class*="col-"] { - position: static; - float: none; - display: table-column; -} - -table td[class*="col-"], -table th[class*="col-"] { - position: static; - float: none; - display: table-cell; -} - -.table > thead > tr > td.active, -.table > tbody > tr > td.active, -.table > tfoot > tr > td.active, -.table > thead > tr > th.active, -.table > tbody > tr > th.active, -.table > tfoot > tr > th.active, -.table > thead > tr.active > td, -.table > tbody > tr.active > td, -.table > tfoot > tr.active > td, -.table > thead > tr.active > th, -.table > tbody > tr.active > th, -.table > tfoot > tr.active > th { - background-color: #f5f5f5; -} - -.table-hover > tbody > tr > td.active:hover, -.table-hover > tbody > tr > th.active:hover, -.table-hover > tbody > tr.active:hover > td, -.table-hover > tbody > tr:hover > .active, -.table-hover > tbody > tr.active:hover > th { - background-color: #e8e8e8; -} - -.table > thead > tr > td.success, -.table > tbody > tr > td.success, -.table > tfoot > tr > td.success, -.table > thead > tr > th.success, -.table > tbody > tr > th.success, -.table > tfoot > tr > th.success, -.table > thead > tr.success > td, -.table > tbody > tr.success > td, -.table > tfoot > tr.success > td, -.table > thead > tr.success > th, -.table > tbody > tr.success > th, -.table > tfoot > tr.success > th { - background-color: #dff0d8; -} - -.table-hover > tbody > tr > td.success:hover, -.table-hover > tbody > tr > th.success:hover, -.table-hover > tbody > tr.success:hover > td, -.table-hover > tbody > tr:hover > .success, -.table-hover > tbody > tr.success:hover > th { - background-color: #d0e9c6; -} - -.table > thead > tr > td.info, -.table > tbody > tr > td.info, -.table > tfoot > tr > td.info, -.table > thead > tr > th.info, -.table > tbody > tr > th.info, -.table > tfoot > tr > th.info, -.table > thead > tr.info > td, -.table > tbody > tr.info > td, -.table > tfoot > tr.info > td, -.table > thead > tr.info > th, -.table > tbody > tr.info > th, -.table > tfoot > tr.info > th { - background-color: #d9edf7; -} - -.table-hover > tbody > tr > td.info:hover, -.table-hover > tbody > tr > th.info:hover, -.table-hover > tbody > tr.info:hover > td, -.table-hover > tbody > tr:hover > .info, -.table-hover > tbody > tr.info:hover > th { - background-color: #c4e3f3; -} - -.table > thead > tr > td.warning, -.table > tbody > tr > td.warning, -.table > tfoot > tr > td.warning, -.table > thead > tr > th.warning, -.table > tbody > tr > th.warning, -.table > tfoot > tr > th.warning, -.table > thead > tr.warning > td, -.table > tbody > tr.warning > td, -.table > tfoot > tr.warning > td, -.table > thead > tr.warning > th, -.table > tbody > tr.warning > th, -.table > tfoot > tr.warning > th { - background-color: #fcf8e3; -} - -.table-hover > tbody > tr > td.warning:hover, -.table-hover > tbody > tr > th.warning:hover, -.table-hover > tbody > tr.warning:hover > td, -.table-hover > tbody > tr:hover > .warning, -.table-hover > tbody > tr.warning:hover > th { - background-color: #faf2cc; -} - -.table > thead > tr > td.danger, -.table > tbody > tr > td.danger, -.table > tfoot > tr > td.danger, -.table > thead > tr > th.danger, -.table > tbody > tr > th.danger, -.table > tfoot > tr > th.danger, -.table > thead > tr.danger > td, -.table > tbody > tr.danger > td, -.table > tfoot > tr.danger > td, -.table > thead > tr.danger > th, -.table > tbody > tr.danger > th, -.table > tfoot > tr.danger > th { - background-color: #f2dede; -} - -.table-hover > tbody > tr > td.danger:hover, -.table-hover > tbody > tr > th.danger:hover, -.table-hover > tbody > tr.danger:hover > td, -.table-hover > tbody > tr:hover > .danger, -.table-hover > tbody > tr.danger:hover > th { - background-color: #ebcccc; -} - -.table-responsive { - overflow-x: auto; - min-height: 0.01%; -} - -.clearfix:before, -.clearfix:after { - content: " "; - display: table; -} - -.clearfix:after { - clear: both; -} - -@-ms-viewport { - width: device-width; -} - -.visible-xs, -tr.visible-xs, -th.visible-xs, -td.visible-xs { - display: none !important; -} - -.visible-sm, -tr.visible-sm, -th.visible-sm, -td.visible-sm { - display: none !important; -} - -.visible-md, -tr.visible-md, -th.visible-md, -td.visible-md { - display: none !important; -} - -.visible-lg, -tr.visible-lg, -th.visible-lg, -td.visible-lg { - display: none !important; -} - -.hidden-xs { - display: block !important; -} - -table.hidden-xs { - display: table; -} - -tr.hidden-xs { - display: table-row !important; -} - -th.hidden-xs, -td.hidden-xs { - display: table-cell !important; -} - -.hidden-sm { - display: block !important; -} - -table.hidden-sm { - display: table; -} - -tr.hidden-sm { - display: table-row !important; -} - -th.hidden-sm, -td.hidden-sm { - display: table-cell !important; -} - -.hidden-md { - display: block !important; -} - -table.hidden-md { - display: table; -} - -tr.hidden-md { - display: table-row !important; -} - -th.hidden-md, -td.hidden-md { - display: table-cell !important; -} - -.hidden-lg { - display: block !important; -} - -table.hidden-lg { - display: table; -} - -tr.hidden-lg { - display: table-row !important; -} - -th.hidden-lg, -td.hidden-lg { - display: table-cell !important; -} - -.visible-print, -tr.visible-print, -th.visible-print, -td.visible-print { - display: none !important; -} - -.BoxShadow, -header .search input[type=search]:active, -header .search input[type=search]:focus, -header .search input[type=search]:hover, -header .user img:hover, -.markdown-editor .draft.show:hover, -.comments .comment .photo:hover img:hover, -.forum-thread:hover, -.person-activity:hover, -.people .user-profile:hover { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); -} - -.text-center { - text-align: center; -} - -.table.table-striped.topic-list, -.projects-default-listing, -.docs-search-listing { - opacity: 1; - -webkit-transition: opacity 50ms cubic-bezier(0.7, 0, 0.3, 1); - transition: opacity 50ms cubic-bezier(0.7, 0, 0.3, 1); -} - -.table.table-striped.topic-list.fadeResultOut, -.projects-default-listing.fadeResultOut, -.docs-search-listing.fadeResultOut { - opacity: 0; -} - -.fadeInUp, -.steps .step { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} - -.newInAnimation { - -webkit-animation-name: newIn; - animation-name: newIn; - -webkit-animation-duration: 1.2s; - animation-duration: 1.2s; - -webkit-animation-iteration-count: 3; - animation-iteration-count: 3; - -webkit-animation-fill-mode: backwards; - animation-fill-mode: backwards; - -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); - animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); -} - -.fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; - -webkit-animation-duration: 1.2s; - animation-duration: 1.2s; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; - -webkit-animation-fill-mode: forward; - animation-fill-mode: forward; - -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); - animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); - display: block; -} - -.searchLoading { - -webkit-animation-name: searchLoading; - animation-name: searchLoading; - -webkit-animation-duration: 2s; - animation-duration: 2s; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; - -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); - animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); -} - -/** -/* Random -**/ - -html, -body { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - -webkit-text-size-adjust: none; - overflow-x: hidden; - min-height: 100%; -} - -body { - font-family: "Asap", sans-serif; - position: relative; - font-size: 16px; - width: 100%; -} - -a, -a:visited, -a:active { - color: inherit; -} - -p, -li { - line-height: 1.3; - font-size: 1rem; - font-weight: 400; -} - -section { - padding: 20px 0; -} - -.user { - position: relative; -} - -.unread { - border-left: 3px solid #a3db78; -} - -.user-logged-in .search-all .search-all-form { - margin-top: 0; -} - -.user-logged-in .search-text { - padding: 2.2em 0 1rem !important; -} - -.user-logged-in .search-text p { - display: none; -} - -.user-logged-in section.forum { - padding: 30px 0; - min-height: 0; -} - -.user-logged-in section.forum:before { - display: none; -} - -.search-all { - background: #a3db78; -} - -.search-all .search-text { - padding: 1rem 0 3rem; -} - -.search-all .search-text strong { - font-size: 1.2rem; - margin: 0 0 .8rem; - display: block; - color: white; -} - -.search-all .search-text p { - color: white; -} - -.search-all input { - -webkit-appearance: none; - border-radius: 0; -} - -.loader-placeholder { - margin: 30px auto; - width: 100%; -} - -.loader-placeholder .span { - margin: 0 auto; -} - -.login h2 { - margin-bottom: .8rem; - text-align: center; - font-size: 1.5rem; - color: rgba(0, 0, 0, 0.8); -} - -.login p { - font-size: .95rem; - color: black; -} - -.login p a { - text-decoration: underline !important; -} - -.login p a:hover { - text-decoration: none; -} - -#registrationForm { - padding: 0; -} - -#registrationForm fieldset { - max-width: 640px; -} - -#registrationForm fieldset p { - display: block; - margin-left: 0; -} - -#registrationForm label { - text-align: left; - font-size: .85rem; -} - -#registrationForm input { - margin-bottom: 5px; - display: inline-block; - font-family: "Asap", sans-serif; -} - -#registrationForm input[type=text], -#registrationForm input[type=password] { - width: 100%; - padding: 10px 20px 10px 8px; - font-size: 1rem; - border: 1px solid #e1e1e1; - border-radius: 5px; -} - -#registrationForm input[type=submit] { - margin: 1rem auto 1rem; - display: inline-block; - padding: 15px 45px !important; - font-size: 1rem !important; -} - -#registrationForm p { - display: inline-block; - font-size: .9rem; -} - -#registrationForm p a:hover { - text-decoration: none !important; -} - -/** -/* Elements -**/ - -@font-face { - font-family: "our-umbraco"; - src: url("fonts/our-icon/our-umbraco.eot"); - src: url("fonts/our-icon/our-umbraco.eot?#iefix") format("embedded-opentype"), url("fonts/our-icon/our-umbraco.woff") format("woff"), url("fonts/our-icon/our-umbraco.ttf") format("truetype"), url("fonts/our-icon/our-umbraco.svg#our-umbraco") format("svg"); - font-weight: normal; - font-style: normal; -} - -[data-icon]:before { - font-family: "our-umbraco" !important; - content: attr(data-icon); - font-style: normal !important; - font-weight: normal !important; - font-variant: normal !important; - text-transform: none !important; - speak: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -[class^="our-icon-"]:before, -[class*=" our-icon-"]:before { - font-family: "our-umbraco" !important; - font-style: normal !important; - font-weight: normal !important; - font-variant: normal !important; - text-transform: none !important; - speak: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.our-icon-bold:before, -.markdown-editor .wmd-button-row #wmd-bold-button span:before { - content: "a"; -} - -.our-icon-code:before, -.markdown-editor .wmd-button-row #wmd-code-button span:before { - content: "b"; -} - -.our-icon-header:before, -.markdown-editor .wmd-button-row #wmd-heading-button span:before { - content: "c"; -} - -.our-icon-hr:before, -.markdown-editor .wmd-button-row #wmd-hr-button span:before { - content: "d"; -} - -.our-icon-hyperlink:before, -.markdown-editor .wmd-button-row #wmd-link-button span:before { - content: "e"; -} - -.our-icon-italic:before, -.markdown-editor .wmd-button-row #wmd-italic-button span:before { - content: "f"; -} - -.our-icon-ol:before, -.markdown-editor .wmd-button-row #wmd-olist-button span:before { - content: "g"; -} - -.our-icon-picture:before, -.markdown-editor .wmd-button-row #wmd-image-button span:before { - content: "h"; -} - -.our-icon-quote:before, -.markdown-editor .wmd-button-row #wmd-quote-button span:before { - content: "i"; -} - -.our-icon-redo:before, -.markdown-editor .wmd-button-row #wmd-redo-button span:before { - content: "j"; -} - -.our-icon-ul:before, -.markdown-editor .wmd-button-row #wmd-ulist-button span:before { - content: "k"; -} - -.our-icon-undo:before, -.markdown-editor .wmd-button-row #wmd-undo-button span:before { - content: "l"; -} - -@font-face { - font-family: 'icomoon'; - src: url("fonts/icomoon/icomoon.eot"); - src: url("fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon/icomoon.woff") format("woff"), url("fonts/icomoon/icomoon.ttf") format("truetype"), url("fonts/icomoon/icomoon.svg#icomoon") format("svg"); - font-weight: normal; - font-style: normal; -} - -/* Use the following CSS code if you want to use data attributes for inserting your icons */ - -[data-icon]:before { - font-family: 'icomoon'; - content: attr(data-icon); - speak: none; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; -} - -/* Use the following CSS code if you want to have a class per icon */ - -/* -Instead of a list of all class selectors, -you can use the generic selector below, but it's slower: -[class*="icon-"] { -*/ - -.icon-Zoom-out, -.icon-Truck, -.icon-Zoom-in, -.icon-Zip, -.icon-axis-rotation, -.icon-Yen-bag, -.icon-axis-rotation-2, -.icon-axis-rotation-3, -.icon-Wrench, -.icon-Wine-glass, -.icon-Wrong, -.icon-Windows, -.icon-Window-sizes, -.icon-Window-popin, -.icon-Wifi, -.icon-Width, -.icon-Weight, -.icon-War, -.icon-Wand, -.icon-Wallet, -.icon-Wall-plug, -.icon-Umbraco_icons-06, -.icon-Voice, -.icon-Video, -.icon-Vcard, -.icon-Utilities, -.icon-Users, -.icon-Users-alt, -.icon-User, -.icon-User-glasses, -.icon-User-females, -.icon-User-females-alt, -.icon-User-female, -.icon-Usb, -.icon-Usb-connector, -.icon-Unlocked, -.icon-Universal, -.icon-Undo, -.icon-Umbrella, -.icon-Umbraco_icons-08, -.icon-Umbraco_icons-07, -.icon-Umbraco_icons-05, -.icon-Umbraco_icons-04, -.icon-Umbraco_icons-03, -.icon-Umbraco_icons-02, -.icon-Umbraco_icons-01, -.icon-Tv, -.icon-Tv-old, -.icon-Trophy, -.icon-Tree, -.icon-Trash, -.icon-Trash-alt, -.icon-Trash-alt-2, -.icon-Train, -.icon-Trafic, -.icon-Traffic-alt, -.icon-Top, -.icon-Tools, -.icon-Timer, -.icon-Time, -.icon-T-shirt, -.icon-Tab-key, -.icon-Tab, -.icon-Tactics, -.icon-Tag, -.icon-Tags, -.icon-Takeaway-cup, -.icon-Target, -.icon-Temperatrure-alt, -.icon-Temperature, -.icon-Terminal, -.icon-Theater, -.icon-Theif, -.icon-Thought-bubble, -.icon-Thumb-down, -.icon-Thumb-up, -.icon-Thumbnail-list, -.icon-Thumbnails-small, -.icon-Thumbnails, -.icon-Ticket, -.icon-Sync, -.icon-Sweatshirt, -.icon-Sunny, -.icon-Stream, -.icon-Store, -.icon-Stop, -.icon-Stop-hand, -.icon-Stop-alt, -.icon-Stamp, -.icon-Stacked-disks, -.icon-Ssd, -.icon-Squiggly-line, -.icon-Sprout, -.icon-Split, -.icon-Split-alt, -.icon-Speed-gauge, -.icon-Speaker, -.icon-Sound, -.icon-Spades, -.icon-Sound-waves, -.icon-Shipping-box, -.icon-Shipping, -.icon-Shoe, -.icon-Shopping-basket-alt-2, -.icon-Shopping-basket, -.icon-Shopping-basket-alt, -.icon-Shorts, -.icon-Shuffle, -.icon-Sience, -.icon-Simcard, -.icon-Single-note, -.icon-Sitemap, -.icon-Sleep, -.icon-Slideshow, -.icon-Smiley-inverted, -.icon-Smiley, -.icon-Snow, -.icon-Sound-low, -.icon-Sound-medium, -.icon-Sound-off, -.icon-Shift, -.icon-Shield, -.icon-Sharing-iphone, -.icon-Share, -.icon-Share-alt, -.icon-Share-alt-2, -.icon-Settings, -.icon-Settings-alt, -.icon-Settings-alt-2, -.icon-Server, -.icon-Server-alt, -.icon-Sensor, -.icon-Security-camera, -.icon-Search, -.icon-Scull, -.icon-Script, -.icon-Script-alt, -.icon-Screensharing, -.icon-School, -.icon-Scan, -.icon-Refresh, -.icon-Remote, -.icon-Remove, -.icon-Repeat-one, -.icon-Repeat, -.icon-Resize, -.icon-Reply-arrow, -.icon-Return-to-top, -.icon-Right-double-arrow, -.icon-Road, -.icon-Roadsign, -.icon-Rocket, -.icon-Rss, -.icon-Ruler-alt, -.icon-Ruler, -.icon-Sandbox-toys, -.icon-Satellite-dish, -.icon-Save, -.icon-Safedial, -.icon-Safe, -.icon-Redo, -.icon-Printer-alt, -.icon-Planet, -.icon-Paste-in, -.icon-Os-x, -.icon-Navigation-left, -.icon-Message, -.icon-Lock, -.icon-Layers-alt, -.icon-Record, -.icon-Print, -.icon-Plane, -.icon-Partly-cloudy, -.icon-Ordered-list, -.icon-Navigation-last, -.icon-Message-unopened, -.icon-Location-nearby, -.icon-Laptop, -.icon-Reception, -.icon-Price-yen, -.icon-Piracy, -.icon-Parental-control, -.icon-Operator, -.icon-Navigation-horizontal, -.icon-Message-open, -.icon-Lab, -.icon-Location-near-me, -.icon-Receipt-yen, -.icon-Price-pound, -.icon-Pin-location, -.icon-Parachute-drop, -.icon-Old-phone, -.icon-Merge, -.icon-Navigation-first, -.icon-Locate, -.icon-Keyhole, -.icon-Receipt-pound, -.icon-Price-euro, -.icon-Piggy-bank, -.icon-Paper-plane, -.icon-Old-key, -.icon-Navigation-down, -.icon-Megaphone, -.icon-Loading, -.icon-Keychain, -.icon-Receipt-euro, -.icon-Price-dollar, -.icon-Pie-chart, -.icon-Paper-plane-alt, -.icon-Notepad, -.icon-Navigation-bottom, -.icon-Meeting, -.icon-Keyboard, -.icon-Load, -.icon-Receipt-dollar, -.icon-Previous, -.icon-Pictures, -.icon-Notepad-alt, -.icon-Paper-bag, -.icon-Name-badge, -.icon-Medicine, -.icon-List, -.icon-Key, -.icon-Receipt-alt, -.icon-Previous-media, -.icon-Pictures-alt, -.icon-Pants, -.icon-Nodes, -.icon-Music, -.icon-Readonly, -.icon-Presentation, -.icon-Pictures-alt-2, -.icon-Pannel-close, -.icon-Next, -.icon-Multiple-windows, -.icon-Medical-emergency, -.icon-Medal, -.icon-Link, -.icon-Linux-tux, -.icon-Junk, -.icon-Item-arrangement, -.icon-Iphone, -.icon-Lightning, -.icon-Map, -.icon-Multiple-credit-cards, -.icon-Next-media, -.icon-Panel-show, -.icon-Picture, -.icon-Power, -.icon-Re-post, -.icon-Rate, -.icon-Rain, -.icon-Radio, -.icon-Radio-receiver, -.icon-Radio-alt, -.icon-Quote, -.icon-Qr-code, -.icon-Pushpin, -.icon-Pulse, -.icon-Projector, -.icon-Play, -.icon-Playing-cards, -.icon-Playlist, -.icon-Plugin, -.icon-Podcast, -.icon-Poker-chip, -.icon-Poll, -.icon-Post-it, -.icon-Pound-bag, -.icon-Power-outlet, -.icon-Photo-album, -.icon-Phone, -.icon-Phone-ring, -.icon-People, -.icon-People-female, -.icon-People-alt, -.icon-People-alt-2, -.icon-Pc, -.icon-Pause, -.icon-Path, -.icon-Out, -.icon-Outbox, -.icon-Outdent, -.icon-Page-add, -.icon-Page-down, -.icon-Page-remove, -.icon-Page-restricted, -.icon-Page-up, -.icon-Paint-roller, -.icon-Palette, -.icon-Newspaper, -.icon-Newspaper-alt, -.icon-Network-alt, -.icon-Navigational-arrow, -.icon-Navigation, -.icon-Navigation-vertical, -.icon-Navigation-up, -.icon-Navigation-top, -.icon-Navigation-road, -.icon-Navigation-right, -.icon-Microscope, -.icon-Mindmap, -.icon-Molecular-network, -.icon-Molecular, -.icon-Mountain, -.icon-Mouse-cursor, -.icon-Mouse, -.icon-Movie-alt, -.icon-Map-marker, -.icon-Movie, -.icon-Map-loaction, -.icon-Map-alt, -.icon-Male-symbol, -.icon-Male-and-female, -.icon-Mailbox, -.icon-Magnet, -.icon-Loupe, -.icon-Mobile, -.icon-Logout, -.icon-Log-out, -.icon-Layers, -.icon-Left-double-arrow, -.icon-Layout, -.icon-Legal, -.icon-Lense, -.icon-Library, -.icon-Light-down, -.icon-Light-up, -.icon-Lightbulb-active, -.icon-Lightbulb, -.icon-iPad, -.icon-Invoice, -.icon-Info, -.icon-Infinity, -.icon-Indent, -.icon-Inbox, -.icon-Inbox-full, -.icon-Inactive-line, -.icon-iMac, -.icon-Hourglass, -.icon-Home, -.icon-Grid, -.icon-Food, -.icon-Favorite, -.icon-Door-open-alt, -.icon-Diagnostics, -.icon-Contrast, -.icon-Coins-dollar-alt, -.icon-Circle-dotted-active, -.icon-Cinema, -.icon-Chip, -.icon-Chip-alt, -.icon-Chess, -.icon-Checkbox, -.icon-Checkbox-empty, -.icon-Checkbox-dotted, -.icon-Checkbox-dotted-active, -.icon-Check, -.icon-Chat, -.icon-Chat-active, -.icon-Chart, -.icon-Chart-curve, -.icon-Certificate, -.icon-Categories, -.icon-Cash-register, -.icon-Car, -.icon-Caps-lock, -.icon-Candy, -.icon-Circle-dotted, -.icon-Circuits, -.icon-Circus, -.icon-Client, -.icon-Clothes-hanger, -.icon-Cloud-drive, -.icon-Cloud-upload, -.icon-Cloud, -.icon-Cloudy, -.icon-Clubs, -.icon-Cocktail, -.icon-Code, -.icon-Coffee, -.icon-Coin-dollar, -.icon-Coin-pound, -.icon-Coin-yen, -.icon-Coin, -.icon-Coins-alt, -.icon-Console, -.icon-Connection, -.icon-Compress, -.icon-Company, -.icon-Command, -.icon-Coin-euro, -.icon-Combination-lock, -.icon-Combination-lock-open, -.icon-Comb, -.icon-Columns, -.icon-Colorpicker, -.icon-Color-bucket, -.icon-Coins, -.icon-Coins-yen, -.icon-Coins-yen-alt, -.icon-Coins-pound, -.icon-Coins-pound-alt, -.icon-Coins-euro, -.icon-Coins-euro-alt, -.icon-Coins-dollar, -.icon-Conversation-alt, -.icon-Conversation, -.icon-Coverflow, -.icon-Credit-card-alt, -.icon-Credit-card, -.icon-Crop, -.icon-Crosshair, -.icon-Crown-alt, -.icon-Crown, -.icon-Cupcake, -.icon-Curve, -.icon-Cut, -.icon-Dashboard, -.icon-Defrag, -.icon-Delete, -.icon-Delete-key, -.icon-Departure, -.icon-Desk, -.icon-Desktop, -.icon-Donate, -.icon-Dollar-bag, -.icon-Documents, -.icon-Document, -.icon-Document-dashed-line, -.icon-Dock-connector, -.icon-Dna, -.icon-Display, -.icon-Disk-image, -.icon-Disc, -.icon-Directions, -.icon-Directions-alt, -.icon-Diploma, -.icon-Diploma-alt, -.icon-Dice, -.icon-Diamonds, -.icon-Diamond, -.icon-Diagonal-arrow, -.icon-Diagonal-arrow-alt, -.icon-Door-open, -.icon-Download-alt, -.icon-Download, -.icon-Drop, -.icon-Eco, -.icon-Economy, -.icon-Edit, -.icon-Eject, -.icon-Employee, -.icon-Energy-saving-bulb, -.icon-Enter, -.icon-Equalizer, -.icon-Escape, -.icon-Ethernet, -.icon-Euro-bag, -.icon-Exit-fullscreen, -.icon-Eye, -.icon-Facebook-like, -.icon-Factory, -.icon-Font, -.icon-Folders, -.icon-Folder, -.icon-Folder-outline, -.icon-Folder-open, -.icon-Flowerpot, -.icon-Flashlight, -.icon-Flash, -.icon-Flag, -.icon-Flag-alt, -.icon-Firewire, -.icon-Firewall, -.icon-Fire, -.icon-Fingerprint, -.icon-FIlter, -.icon-Filter-arrows, -.icon-Files, -.icon-File-cabinet, -.icon-Female-symbol, -.icon-Footprints, -.icon-Hammer, -.icon-Hand-active-alt, -.icon-Forking, -.icon-Hand-active, -.icon-Hand-pointer-alt, -.icon-Hand-pointer, -.icon-Handprint, -.icon-Handshake, -.icon-Handtool, -.icon-Hard-drive, -.icon-Help, -.icon-Graduate, -.icon-Gps, -.icon-Help-alt, -.icon-Height, -.icon-Globe, -.icon-Hearts, -.icon-Globe-inverted-europe-africa, -.icon-Headset, -.icon-Globe-inverted-asia, -.icon-Headphones, -.icon-Globe-inverted-america, -.icon-Hd, -.icon-Globe-Europe---Africa, -.icon-Hat, -.icon-Globe-Asia, -.icon-Globe-alt, -.icon-Hard-drive-alt, -.icon-Glasses, -.icon-Gift, -.icon-Handtool-alt, -.icon-Geometry, -.icon-Game, -.icon-Fullscreen, -.icon-Fullscreen-alt, -.icon-Frame, -.icon-Frame-alt, -.icon-Camera-roll, -.icon-Bookmark, -.icon-Bill, -.icon-Baby-stroller, -.icon-Alarm-clock, -.icon-Adressbook, -.icon-Add, -.icon-Activity, -.icon-untitled, -.icon-glasses, -.icon-Camcorder, -.icon-Calendar, -.icon-Calendar-alt, -.icon-Calculator, -.icon-Bus, -.icon-Burn, -.icon-Bulleted-list, -.icon-Bug, -.icon-Brush, -.icon-Brush-alt, -.icon-Brush-alt-2, -.icon-Browser-window, -.icon-Briefcase, -.icon-Brick, -.icon-Brackets, -.icon-Box, -.icon-Box-open, -.icon-Box-alt, -.icon-Books, -.icon-Billboard, -.icon-Bills-dollar, -.icon-Bills-euro, -.icon-Bills-pound, -.icon-Bills-yen, -.icon-Bills, -.icon-Binarycode, -.icon-Binoculars, -.icon-Bird, -.icon-Birthday-cake, -.icon-Blueprint, -.icon-Block, -.icon-Bluetooth, -.icon-Boat-shipping, -.icon-Bomb, -.icon-Book-alt-2, -.icon-Bones, -.icon-Book-alt, -.icon-Book, -.icon-Bill-yen, -.icon-Award, -.icon-Bill-pound, -.icon-Autofill, -.icon-Bill-euro, -.icon-Auction-hammer, -.icon-Bill-dollar, -.icon-Attachment, -.icon-Bell, -.icon-Article, -.icon-Bell-off, -.icon-Art-easel, -.icon-Beer-glass, -.icon-Arrow-up, -.icon-Battery-low, -.icon-Arrow-right, -.icon-Battery-full, -.icon-Arrow-left, -.icon-Bars, -.icon-Arrow-down, -.icon-Barcode, -.icon-Arrivals, -.icon-Bar-chart, -.icon-Application-window, -.icon-Band-aid, -.icon-Application-window-alt, -.icon-Ball, -.icon-Application-Error, -.icon-Badge-restricted, -.icon-App, -.icon-Badge-remove, -.icon-Anchor, -.icon-Badge-count, -.icon-Alt, -.icon-Badge-add, -.icon-Alert, -.icon-Backspace, -.icon-Alert-alt { - font-family: 'icomoon'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; -} - -.icon-Zoom-out:before { - content: "\e000"; -} - -.icon-Truck:before { - content: "\e001"; -} - -.icon-Zoom-in:before { - content: "\e002"; -} - -.icon-Zip:before { - content: "\e003"; -} - -.icon-axis-rotation:before { - content: "\e004"; -} - -.icon-Yen-bag:before { - content: "\e005"; -} - -.icon-axis-rotation-2:before { - content: "\e006"; -} - -.icon-axis-rotation-3:before { - content: "\e007"; -} - -.icon-Wrench:before { - content: "\e008"; -} - -.icon-Wine-glass:before { - content: "\e009"; -} - -.icon-Wrong:before { - content: "\e00a"; -} - -.icon-Windows:before { - content: "\e00b"; -} - -.icon-Window-sizes:before { - content: "\e00c"; -} - -.icon-Window-popin:before { - content: "\e00d"; -} - -.icon-Wifi:before { - content: "\e00e"; -} - -.icon-Width:before { - content: "\e00f"; -} - -.icon-Weight:before { - content: "\e010"; -} - -.icon-War:before { - content: "\e011"; -} - -.icon-Wand:before { - content: "\e012"; -} - -.icon-Wallet:before { - content: "\e013"; -} - -.icon-Wall-plug:before { - content: "\e014"; -} - -.icon-Umbraco_icons-06:before { - content: "\e015"; -} - -.icon-Voice:before { - content: "\e016"; -} - -.icon-Video:before { - content: "\e017"; -} - -.icon-Vcard:before { - content: "\e018"; -} - -.icon-Utilities:before { - content: "\e019"; -} - -.icon-Users:before { - content: "\e01a"; -} - -.icon-Users-alt:before { - content: "\e01b"; -} - -.icon-User:before { - content: "\e01c"; -} - -.icon-User-glasses:before { - content: "\e01d"; -} - -.icon-User-females:before { - content: "\e01e"; -} - -.icon-User-females-alt:before { - content: "\e01f"; -} - -.icon-User-female:before { - content: "\e020"; -} - -.icon-Usb:before { - content: "\e021"; -} - -.icon-Usb-connector:before { - content: "\e022"; -} - -.icon-Unlocked:before { - content: "\e023"; -} - -.icon-Universal:before { - content: "\e024"; -} - -.icon-Undo:before { - content: "\e025"; -} - -.icon-Umbrella:before { - content: "\e026"; -} - -.icon-Umbraco_icons-08:before { - content: "\e027"; -} - -.icon-Umbraco_icons-07:before { - content: "\e028"; -} - -.icon-Umbraco_icons-05:before { - content: "\e029"; -} - -.icon-Umbraco_icons-04:before { - content: "\e02a"; -} - -.icon-Umbraco_icons-03:before { - content: "\e02b"; -} - -.icon-Umbraco_icons-02:before { - content: "\e02c"; -} - -.icon-Umbraco_icons-01:before { - content: "\e02d"; -} - -.icon-Tv:before { - content: "\e02e"; -} - -.icon-Tv-old:before { - content: "\e02f"; -} - -.icon-Trophy:before { - content: "\e030"; -} - -.icon-Tree:before { - content: "\e031"; -} - -.icon-Trash:before { - content: "\e032"; -} - -.icon-Trash-alt:before { - content: "\e033"; -} - -.icon-Trash-alt-2:before { - content: "\e034"; -} - -.icon-Train:before { - content: "\e035"; -} - -.icon-Trafic:before { - content: "\e036"; -} - -.icon-Traffic-alt:before { - content: "\e037"; -} - -.icon-Top:before { - content: "\e038"; -} - -.icon-Tools:before { - content: "\e039"; -} - -.icon-Timer:before { - content: "\e03a"; -} - -.icon-Time:before { - content: "\e03b"; -} - -.icon-T-shirt:before { - content: "\e03c"; -} - -.icon-Tab-key:before { - content: "\e03d"; -} - -.icon-Tab:before { - content: "\e03e"; -} - -.icon-Tactics:before { - content: "\e03f"; -} - -.icon-Tag:before { - content: "\e040"; -} - -.icon-Tags:before { - content: "\e041"; -} - -.icon-Takeaway-cup:before { - content: "\e042"; -} - -.icon-Target:before { - content: "\e043"; -} - -.icon-Temperatrure-alt:before { - content: "\e044"; -} - -.icon-Temperature:before { - content: "\e045"; -} - -.icon-Terminal:before { - content: "\e046"; -} - -.icon-Theater:before { - content: "\e047"; -} - -.icon-Theif:before { - content: "\e048"; -} - -.icon-Thought-bubble:before { - content: "\e049"; -} - -.icon-Thumb-down:before { - content: "\e04a"; -} - -.icon-Thumb-up:before { - content: "\e04b"; -} - -.icon-Thumbnail-list:before { - content: "\e04c"; -} - -.icon-Thumbnails-small:before { - content: "\e04d"; -} - -.icon-Thumbnails:before { - content: "\e04e"; -} - -.icon-Ticket:before { - content: "\e04f"; -} - -.icon-Sync:before { - content: "\e050"; -} - -.icon-Sweatshirt:before { - content: "\e051"; -} - -.icon-Sunny:before { - content: "\e052"; -} - -.icon-Stream:before { - content: "\e053"; -} - -.icon-Store:before { - content: "\e054"; -} - -.icon-Stop:before { - content: "\e055"; -} - -.icon-Stop-hand:before { - content: "\e056"; -} - -.icon-Stop-alt:before { - content: "\e057"; -} - -.icon-Stamp:before { - content: "\e058"; -} - -.icon-Stacked-disks:before { - content: "\e059"; -} - -.icon-Ssd:before { - content: "\e05a"; -} - -.icon-Squiggly-line:before { - content: "\e05b"; -} - -.icon-Sprout:before { - content: "\e05c"; -} - -.icon-Split:before { - content: "\e05d"; -} - -.icon-Split-alt:before { - content: "\e05e"; -} - -.icon-Speed-gauge:before { - content: "\e05f"; -} - -.icon-Speaker:before { - content: "\e060"; -} - -.icon-Sound:before { - content: "\e061"; -} - -.icon-Spades:before { - content: "\e062"; -} - -.icon-Sound-waves:before { - content: "\e063"; -} - -.icon-Shipping-box:before { - content: "\e064"; -} - -.icon-Shipping:before { - content: "\e065"; -} - -.icon-Shoe:before { - content: "\e066"; -} - -.icon-Shopping-basket-alt-2:before { - content: "\e067"; -} - -.icon-Shopping-basket:before { - content: "\e068"; -} - -.icon-Shopping-basket-alt:before { - content: "\e069"; -} - -.icon-Shorts:before { - content: "\e06a"; -} - -.icon-Shuffle:before { - content: "\e06b"; -} - -.icon-Sience:before { - content: "\e06c"; -} - -.icon-Simcard:before { - content: "\e06d"; -} - -.icon-Single-note:before { - content: "\e06e"; -} - -.icon-Sitemap:before { - content: "\e06f"; -} - -.icon-Sleep:before { - content: "\e070"; -} - -.icon-Slideshow:before { - content: "\e071"; -} - -.icon-Smiley-inverted:before { - content: "\e072"; -} - -.icon-Smiley:before { - content: "\e073"; -} - -.icon-Snow:before { - content: "\e074"; -} - -.icon-Sound-low:before { - content: "\e075"; -} - -.icon-Sound-medium:before { - content: "\e076"; -} - -.icon-Sound-off:before { - content: "\e077"; -} - -.icon-Shift:before { - content: "\e078"; -} - -.icon-Shield:before { - content: "\e079"; -} - -.icon-Sharing-iphone:before { - content: "\e07a"; -} - -.icon-Share:before { - content: "\e07b"; -} - -.icon-Share-alt:before { - content: "\e07c"; -} - -.icon-Share-alt-2:before { - content: "\e07d"; -} - -.icon-Settings:before { - content: "\e07e"; -} - -.icon-Settings-alt:before { - content: "\e07f"; -} - -.icon-Settings-alt-2:before { - content: "\e080"; -} - -.icon-Server:before { - content: "\e081"; -} - -.icon-Server-alt:before { - content: "\e082"; -} - -.icon-Sensor:before { - content: "\e083"; -} - -.icon-Security-camera:before { - content: "\e084"; -} - -.icon-Search:before { - content: "\e085"; -} - -.icon-Scull:before { - content: "\e086"; -} - -.icon-Script:before { - content: "\e087"; -} - -.icon-Script-alt:before { - content: "\e088"; -} - -.icon-Screensharing:before { - content: "\e089"; -} - -.icon-School:before { - content: "\e08a"; -} - -.icon-Scan:before { - content: "\e08b"; -} - -.icon-Refresh:before { - content: "\e08c"; -} - -.icon-Remote:before { - content: "\e08d"; -} - -.icon-Remove:before { - content: "\e08e"; -} - -.icon-Repeat-one:before { - content: "\e08f"; -} - -.icon-Repeat:before { - content: "\e090"; -} - -.icon-Resize:before { - content: "\e091"; -} - -.icon-Reply-arrow:before { - content: "\e092"; -} - -.icon-Return-to-top:before { - content: "\e093"; -} - -.icon-Right-double-arrow:before { - content: "\e094"; -} - -.icon-Road:before { - content: "\e095"; -} - -.icon-Roadsign:before { - content: "\e096"; -} - -.icon-Rocket:before { - content: "\e097"; -} - -.icon-Rss:before { - content: "\e098"; -} - -.icon-Ruler-alt:before { - content: "\e099"; -} - -.icon-Ruler:before { - content: "\e09a"; -} - -.icon-Sandbox-toys:before { - content: "\e09b"; -} - -.icon-Satellite-dish:before { - content: "\e09c"; -} - -.icon-Save:before { - content: "\e09d"; -} - -.icon-Safedial:before { - content: "\e09e"; -} - -.icon-Safe:before { - content: "\e09f"; -} - -.icon-Redo:before { - content: "\e0a0"; -} - -.icon-Printer-alt:before { - content: "\e0a1"; -} - -.icon-Planet:before { - content: "\e0a2"; -} - -.icon-Paste-in:before { - content: "\e0a3"; -} - -.icon-Os-x:before { - content: "\e0a4"; -} - -.icon-Navigation-left:before { - content: "\e0a5"; -} - -.icon-Message:before { - content: "\e0a6"; -} - -.icon-Lock:before { - content: "\e0a7"; -} - -.icon-Layers-alt:before { - content: "\e0a8"; -} - -.icon-Record:before { - content: "\e0a9"; -} - -.icon-Print:before { - content: "\e0aa"; -} - -.icon-Plane:before { - content: "\e0ab"; -} - -.icon-Partly-cloudy:before { - content: "\e0ac"; -} - -.icon-Ordered-list:before { - content: "\e0ad"; -} - -.icon-Navigation-last:before { - content: "\e0ae"; -} - -.icon-Message-unopened:before { - content: "\e0af"; -} - -.icon-Location-nearby:before { - content: "\e0b0"; -} - -.icon-Laptop:before { - content: "\e0b1"; -} - -.icon-Reception:before { - content: "\e0b2"; -} - -.icon-Price-yen:before { - content: "\e0b3"; -} - -.icon-Piracy:before { - content: "\e0b4"; -} - -.icon-Parental-control:before { - content: "\e0b5"; -} - -.icon-Operator:before { - content: "\e0b6"; -} - -.icon-Navigation-horizontal:before { - content: "\e0b7"; -} - -.icon-Message-open:before { - content: "\e0b8"; -} - -.icon-Lab:before { - content: "\e0b9"; -} - -.icon-Location-near-me:before { - content: "\e0ba"; -} - -.icon-Receipt-yen:before { - content: "\e0bb"; -} - -.icon-Price-pound:before { - content: "\e0bc"; -} - -.icon-Pin-location:before { - content: "\e0bd"; -} - -.icon-Parachute-drop:before { - content: "\e0be"; -} - -.icon-Old-phone:before { - content: "\e0bf"; -} - -.icon-Merge:before { - content: "\e0c0"; -} - -.icon-Navigation-first:before { - content: "\e0c1"; -} - -.icon-Locate:before { - content: "\e0c2"; -} - -.icon-Keyhole:before { - content: "\e0c3"; -} - -.icon-Receipt-pound:before { - content: "\e0c4"; -} - -.icon-Price-euro:before { - content: "\e0c5"; -} - -.icon-Piggy-bank:before { - content: "\e0c6"; -} - -.icon-Paper-plane:before { - content: "\e0c7"; -} - -.icon-Old-key:before { - content: "\e0c8"; -} - -.icon-Navigation-down:before { - content: "\e0c9"; -} - -.icon-Megaphone:before { - content: "\e0ca"; -} - -.icon-Loading:before { - content: "\e0cb"; -} - -.icon-Keychain:before { - content: "\e0cc"; -} - -.icon-Receipt-euro:before { - content: "\e0cd"; -} - -.icon-Price-dollar:before { - content: "\e0ce"; -} - -.icon-Pie-chart:before { - content: "\e0cf"; -} - -.icon-Paper-plane-alt:before { - content: "\e0d0"; -} - -.icon-Notepad:before { - content: "\e0d1"; -} - -.icon-Navigation-bottom:before { - content: "\e0d2"; -} - -.icon-Meeting:before { - content: "\e0d3"; -} - -.icon-Keyboard:before { - content: "\e0d4"; -} - -.icon-Load:before { - content: "\e0d5"; -} - -.icon-Receipt-dollar:before { - content: "\e0d6"; -} - -.icon-Previous:before { - content: "\e0d7"; -} - -.icon-Pictures:before { - content: "\e0d8"; -} - -.icon-Notepad-alt:before { - content: "\e0d9"; -} - -.icon-Paper-bag:before { - content: "\e0da"; -} - -.icon-Name-badge:before { - content: "\e0db"; -} - -.icon-Medicine:before { - content: "\e0dc"; -} - -.icon-List:before { - content: "\e0dd"; -} - -.icon-Key:before { - content: "\e0de"; -} - -.icon-Receipt-alt:before { - content: "\e0df"; -} - -.icon-Previous-media:before { - content: "\e0e0"; -} - -.icon-Pictures-alt:before { - content: "\e0e1"; -} - -.icon-Pants:before { - content: "\e0e2"; -} - -.icon-Nodes:before { - content: "\e0e3"; -} - -.icon-Music:before { - content: "\e0e4"; -} - -.icon-Readonly:before { - content: "\e0e5"; -} - -.icon-Presentation:before { - content: "\e0e6"; -} - -.icon-Pictures-alt-2:before { - content: "\e0e7"; -} - -.icon-Pannel-close:before { - content: "\e0e8"; -} - -.icon-Next:before { - content: "\e0e9"; -} - -.icon-Multiple-windows:before { - content: "\e0ea"; -} - -.icon-Medical-emergency:before { - content: "\e0eb"; -} - -.icon-Medal:before { - content: "\e0ec"; -} - -.icon-Link:before { - content: "\e0ed"; -} - -.icon-Linux-tux:before { - content: "\e0ee"; -} - -.icon-Junk:before { - content: "\e0ef"; -} - -.icon-Item-arrangement:before { - content: "\e0f0"; -} - -.icon-Iphone:before { - content: "\e0f1"; -} - -.icon-Lightning:before { - content: "\e0f2"; -} - -.icon-Map:before { - content: "\e0f3"; -} - -.icon-Multiple-credit-cards:before { - content: "\e0f4"; -} - -.icon-Next-media:before { - content: "\e0f5"; -} - -.icon-Panel-show:before { - content: "\e0f6"; -} - -.icon-Picture:before { - content: "\e0f7"; -} - -.icon-Power:before { - content: "\e0f8"; -} - -.icon-Re-post:before { - content: "\e0f9"; -} - -.icon-Rate:before { - content: "\e0fa"; -} - -.icon-Rain:before { - content: "\e0fb"; -} - -.icon-Radio:before { - content: "\e0fc"; -} - -.icon-Radio-receiver:before { - content: "\e0fd"; -} - -.icon-Radio-alt:before { - content: "\e0fe"; -} - -.icon-Quote:before { - content: "\e0ff"; -} - -.icon-Qr-code:before { - content: "\e100"; -} - -.icon-Pushpin:before { - content: "\e101"; -} - -.icon-Pulse:before { - content: "\e102"; -} - -.icon-Projector:before { - content: "\e103"; -} - -.icon-Play:before { - content: "\e104"; -} - -.icon-Playing-cards:before { - content: "\e105"; -} - -.icon-Playlist:before { - content: "\e106"; -} - -.icon-Plugin:before { - content: "\e107"; -} - -.icon-Podcast:before { - content: "\e108"; -} - -.icon-Poker-chip:before { - content: "\e109"; -} - -.icon-Poll:before { - content: "\e10a"; -} - -.icon-Post-it:before { - content: "\e10b"; -} - -.icon-Pound-bag:before { - content: "\e10c"; -} - -.icon-Power-outlet:before { - content: "\e10d"; -} - -.icon-Photo-album:before { - content: "\e10e"; -} - -.icon-Phone:before { - content: "\e10f"; -} - -.icon-Phone-ring:before { - content: "\e110"; -} - -.icon-People:before { - content: "\e111"; -} - -.icon-People-female:before { - content: "\e112"; -} - -.icon-People-alt:before { - content: "\e113"; -} - -.icon-People-alt-2:before { - content: "\e114"; -} - -.icon-Pc:before { - content: "\e115"; -} - -.icon-Pause:before { - content: "\e116"; -} - -.icon-Path:before { - content: "\e117"; -} - -.icon-Out:before { - content: "\e118"; -} - -.icon-Outbox:before { - content: "\e119"; -} - -.icon-Outdent:before { - content: "\e11a"; -} - -.icon-Page-add:before { - content: "\e11b"; -} - -.icon-Page-down:before { - content: "\e11c"; -} - -.icon-Page-remove:before { - content: "\e11d"; -} - -.icon-Page-restricted:before { - content: "\e11e"; -} - -.icon-Page-up:before { - content: "\e11f"; -} - -.icon-Paint-roller:before { - content: "\e120"; -} - -.icon-Palette:before { - content: "\e121"; -} - -.icon-Newspaper:before { - content: "\e122"; -} - -.icon-Newspaper-alt:before { - content: "\e123"; -} - -.icon-Network-alt:before { - content: "\e124"; -} - -.icon-Navigational-arrow:before { - content: "\e125"; -} - -.icon-Navigation:before { - content: "\e126"; -} - -.icon-Navigation-vertical:before { - content: "\e127"; -} - -.icon-Navigation-up:before { - content: "\e128"; -} - -.icon-Navigation-top:before { - content: "\e129"; -} - -.icon-Navigation-road:before { - content: "\e12a"; -} - -.icon-Navigation-right:before { - content: "\e12b"; -} - -.icon-Microscope:before { - content: "\e12c"; -} - -.icon-Mindmap:before { - content: "\e12d"; -} - -.icon-Molecular-network:before { - content: "\e12e"; -} - -.icon-Molecular:before { - content: "\e12f"; -} - -.icon-Mountain:before { - content: "\e130"; -} - -.icon-Mouse-cursor:before { - content: "\e131"; -} - -.icon-Mouse:before { - content: "\e132"; -} - -.icon-Movie-alt:before { - content: "\e133"; -} - -.icon-Map-marker:before { - content: "\e134"; -} - -.icon-Movie:before { - content: "\e135"; -} - -.icon-Map-loaction:before { - content: "\e136"; -} - -.icon-Map-alt:before { - content: "\e137"; -} - -.icon-Male-symbol:before { - content: "\e138"; -} - -.icon-Male-and-female:before { - content: "\e139"; -} - -.icon-Mailbox:before { - content: "\e13a"; -} - -.icon-Magnet:before { - content: "\e13b"; -} - -.icon-Loupe:before { - content: "\e13c"; -} - -.icon-Mobile:before { - content: "\e13d"; -} - -.icon-Logout:before { - content: "\e13e"; -} - -.icon-Log-out:before { - content: "\e13f"; -} - -.icon-Layers:before { - content: "\e140"; -} - -.icon-Left-double-arrow:before { - content: "\e141"; -} - -.icon-Layout:before { - content: "\e142"; -} - -.icon-Legal:before { - content: "\e143"; -} - -.icon-Lense:before { - content: "\e144"; -} - -.icon-Library:before { - content: "\e145"; -} - -.icon-Light-down:before { - content: "\e146"; -} - -.icon-Light-up:before { - content: "\e147"; -} - -.icon-Lightbulb-active:before { - content: "\e148"; -} - -.icon-Lightbulb:before { - content: "\e149"; -} - -.icon-iPad:before { - content: "\e14a"; -} - -.icon-Invoice:before { - content: "\e14b"; -} - -.icon-Info:before { - content: "\e14c"; -} - -.icon-Infinity:before { - content: "\e14d"; -} - -.icon-Indent:before { - content: "\e14e"; -} - -.icon-Inbox:before { - content: "\e14f"; -} - -.icon-Inbox-full:before { - content: "\e150"; -} - -.icon-Inactive-line:before { - content: "\e151"; -} - -.icon-iMac:before { - content: "\e152"; -} - -.icon-Hourglass:before { - content: "\e153"; -} - -.icon-Home:before { - content: "\e154"; -} - -.icon-Grid:before { - content: "\e155"; -} - -.icon-Food:before { - content: "\e156"; -} - -.icon-Favorite:before { - content: "\e157"; -} - -.icon-Door-open-alt:before { - content: "\e158"; -} - -.icon-Diagnostics:before { - content: "\e159"; -} - -.icon-Contrast:before { - content: "\e15a"; -} - -.icon-Coins-dollar-alt:before { - content: "\e15b"; -} - -.icon-Circle-dotted-active:before { - content: "\e15c"; -} - -.icon-Cinema:before { - content: "\e15d"; -} - -.icon-Chip:before { - content: "\e15e"; -} - -.icon-Chip-alt:before { - content: "\e15f"; -} - -.icon-Chess:before { - content: "\e160"; -} - -.icon-Checkbox:before { - content: "\e161"; -} - -.icon-Checkbox-empty:before { - content: "\e162"; -} - -.icon-Checkbox-dotted:before { - content: "\e163"; -} - -.icon-Checkbox-dotted-active:before { - content: "\e164"; -} - -.icon-Check:before { - content: "\e165"; -} - -.icon-Chat:before { - content: "\e166"; -} - -.icon-Chat-active:before { - content: "\e167"; -} - -.icon-Chart:before { - content: "\e168"; -} - -.icon-Chart-curve:before { - content: "\e169"; -} - -.icon-Certificate:before { - content: "\e16a"; -} - -.icon-Categories:before { - content: "\e16b"; -} - -.icon-Cash-register:before { - content: "\e16c"; -} - -.icon-Car:before { - content: "\e16d"; -} - -.icon-Caps-lock:before { - content: "\e16e"; -} - -.icon-Candy:before { - content: "\e16f"; -} - -.icon-Circle-dotted:before { - content: "\e170"; -} - -.icon-Circuits:before { - content: "\e171"; -} - -.icon-Circus:before { - content: "\e172"; -} - -.icon-Client:before { - content: "\e173"; -} - -.icon-Clothes-hanger:before { - content: "\e174"; -} - -.icon-Cloud-drive:before { - content: "\e175"; -} - -.icon-Cloud-upload:before { - content: "\e176"; -} - -.icon-Cloud:before { - content: "\e177"; -} - -.icon-Cloudy:before { - content: "\e178"; -} - -.icon-Clubs:before { - content: "\e179"; -} - -.icon-Cocktail:before { - content: "\e17a"; -} - -.icon-Code:before { - content: "\e17b"; -} - -.icon-Coffee:before { - content: "\e17c"; -} - -.icon-Coin-dollar:before { - content: "\e17d"; -} - -.icon-Coin-pound:before { - content: "\e17e"; -} - -.icon-Coin-yen:before { - content: "\e17f"; -} - -.icon-Coin:before { - content: "\e180"; -} - -.icon-Coins-alt:before { - content: "\e181"; -} - -.icon-Console:before { - content: "\e182"; -} - -.icon-Connection:before { - content: "\e183"; -} - -.icon-Compress:before { - content: "\e184"; -} - -.icon-Company:before { - content: "\e185"; -} - -.icon-Command:before { - content: "\e186"; -} - -.icon-Coin-euro:before { - content: "\e187"; -} - -.icon-Combination-lock:before { - content: "\e188"; -} - -.icon-Combination-lock-open:before { - content: "\e189"; -} - -.icon-Comb:before { - content: "\e18a"; -} - -.icon-Columns:before { - content: "\e18b"; -} - -.icon-Colorpicker:before { - content: "\e18c"; -} - -.icon-Color-bucket:before { - content: "\e18d"; -} - -.icon-Coins:before { - content: "\e18e"; -} - -.icon-Coins-yen:before { - content: "\e18f"; -} - -.icon-Coins-yen-alt:before { - content: "\e190"; -} - -.icon-Coins-pound:before { - content: "\e191"; -} - -.icon-Coins-pound-alt:before { - content: "\e192"; -} - -.icon-Coins-euro:before { - content: "\e193"; -} - -.icon-Coins-euro-alt:before { - content: "\e194"; -} - -.icon-Coins-dollar:before { - content: "\e195"; -} - -.icon-Conversation-alt:before { - content: "\e196"; -} - -.icon-Conversation:before { - content: "\e197"; -} - -.icon-Coverflow:before { - content: "\e198"; -} - -.icon-Credit-card-alt:before { - content: "\e199"; -} - -.icon-Credit-card:before { - content: "\e19a"; -} - -.icon-Crop:before { - content: "\e19b"; -} - -.icon-Crosshair:before { - content: "\e19c"; -} - -.icon-Crown-alt:before { - content: "\e19d"; -} - -.icon-Crown:before { - content: "\e19e"; -} - -.icon-Cupcake:before { - content: "\e19f"; -} - -.icon-Curve:before { - content: "\e1a0"; -} - -.icon-Cut:before { - content: "\e1a1"; -} - -.icon-Dashboard:before { - content: "\e1a2"; -} - -.icon-Defrag:before { - content: "\e1a3"; -} - -.icon-Delete:before { - content: "\e1a4"; -} - -.icon-Delete-key:before { - content: "\e1a5"; -} - -.icon-Departure:before { - content: "\e1a6"; -} - -.icon-Desk:before { - content: "\e1a7"; -} - -.icon-Desktop:before { - content: "\e1a8"; -} - -.icon-Donate:before { - content: "\e1a9"; -} - -.icon-Dollar-bag:before { - content: "\e1aa"; -} - -.icon-Documents:before { - content: "\e1ab"; -} - -.icon-Document:before { - content: "\e1ac"; -} - -.icon-Document-dashed-line:before { - content: "\e1ad"; -} - -.icon-Dock-connector:before { - content: "\e1ae"; -} - -.icon-Dna:before { - content: "\e1af"; -} - -.icon-Display:before { - content: "\e1b0"; -} - -.icon-Disk-image:before { - content: "\e1b1"; -} - -.icon-Disc:before { - content: "\e1b2"; -} - -.icon-Directions:before { - content: "\e1b3"; -} - -.icon-Directions-alt:before { - content: "\e1b4"; -} - -.icon-Diploma:before { - content: "\e1b5"; -} - -.icon-Diploma-alt:before { - content: "\e1b6"; -} - -.icon-Dice:before { - content: "\e1b7"; -} - -.icon-Diamonds:before { - content: "\e1b8"; -} - -.icon-Diamond:before { - content: "\e1b9"; -} - -.icon-Diagonal-arrow:before { - content: "\e1ba"; -} - -.icon-Diagonal-arrow-alt:before { - content: "\e1bb"; -} - -.icon-Door-open:before { - content: "\e1bc"; -} - -.icon-Download-alt:before { - content: "\e1bd"; -} - -.icon-Download:before { - content: "\e1be"; -} - -.icon-Drop:before { - content: "\e1bf"; -} - -.icon-Eco:before { - content: "\e1c0"; -} - -.icon-Economy:before { - content: "\e1c1"; -} - -.icon-Edit:before { - content: "\e1c2"; -} - -.icon-Eject:before { - content: "\e1c3"; -} - -.icon-Employee:before { - content: "\e1c4"; -} - -.icon-Energy-saving-bulb:before { - content: "\e1c5"; -} - -.icon-Enter:before { - content: "\e1c6"; -} - -.icon-Equalizer:before { - content: "\e1c7"; -} - -.icon-Escape:before { - content: "\e1c8"; -} - -.icon-Ethernet:before { - content: "\e1c9"; -} - -.icon-Euro-bag:before { - content: "\e1ca"; -} - -.icon-Exit-fullscreen:before { - content: "\e1cb"; -} - -.icon-Eye:before { - content: "\e1cc"; -} - -.icon-Facebook-like:before { - content: "\e1cd"; -} - -.icon-Factory:before { - content: "\e1ce"; -} - -.icon-Font:before { - content: "\e1cf"; -} - -.icon-Folders:before { - content: "\e1d0"; -} - -.icon-Folder:before { - content: "\e1d1"; -} - -.icon-Folder-outline:before { - content: "\e1d2"; -} - -.icon-Folder-open:before { - content: "\e1d3"; -} - -.icon-Flowerpot:before { - content: "\e1d4"; -} - -.icon-Flashlight:before { - content: "\e1d5"; -} - -.icon-Flash:before { - content: "\e1d6"; -} - -.icon-Flag:before { - content: "\e1d7"; -} - -.icon-Flag-alt:before { - content: "\e1d8"; -} - -.icon-Firewire:before { - content: "\e1d9"; -} - -.icon-Firewall:before { - content: "\e1da"; -} - -.icon-Fire:before { - content: "\e1db"; -} - -.icon-Fingerprint:before { - content: "\e1dc"; -} - -.icon-FIlter:before { - content: "\e1dd"; -} - -.icon-Filter-arrows:before { - content: "\e1de"; -} - -.icon-Files:before { - content: "\e1df"; -} - -.icon-File-cabinet:before { - content: "\e1e0"; -} - -.icon-Female-symbol:before { - content: "\e1e1"; -} - -.icon-Footprints:before { - content: "\e1e2"; -} - -.icon-Hammer:before { - content: "\e1e3"; -} - -.icon-Hand-active-alt:before { - content: "\e1e4"; -} - -.icon-Forking:before { - content: "\e1e5"; -} - -.icon-Hand-active:before { - content: "\e1e6"; -} - -.icon-Hand-pointer-alt:before { - content: "\e1e7"; -} - -.icon-Hand-pointer:before { - content: "\e1e8"; -} - -.icon-Handprint:before { - content: "\e1e9"; -} - -.icon-Handshake:before { - content: "\e1ea"; -} - -.icon-Handtool:before { - content: "\e1eb"; -} - -.icon-Hard-drive:before { - content: "\e1ec"; -} - -.icon-Help:before { - content: "\e1ed"; -} - -.icon-Graduate:before { - content: "\e1ee"; -} - -.icon-Gps:before { - content: "\e1ef"; -} - -.icon-Help-alt:before { - content: "\e1f0"; -} - -.icon-Height:before { - content: "\e1f1"; -} - -.icon-Globe:before { - content: "\e1f2"; -} - -.icon-Hearts:before { - content: "\e1f3"; -} - -.icon-Globe-inverted-europe-africa:before { - content: "\e1f4"; -} - -.icon-Headset:before { - content: "\e1f5"; -} - -.icon-Globe-inverted-asia:before { - content: "\e1f6"; -} - -.icon-Headphones:before { - content: "\e1f7"; -} - -.icon-Globe-inverted-america:before { - content: "\e1f8"; -} - -.icon-Hd:before { - content: "\e1f9"; -} - -.icon-Globe-Europe---Africa:before { - content: "\e1fa"; -} - -.icon-Hat:before { - content: "\e1fb"; -} - -.icon-Globe-Asia:before { - content: "\e1fc"; -} - -.icon-Globe-alt:before { - content: "\e1fd"; -} - -.icon-Hard-drive-alt:before { - content: "\e1fe"; -} - -.icon-Glasses:before { - content: "\e1ff"; -} - -.icon-Gift:before { - content: "\e200"; -} - -.icon-Handtool-alt:before { - content: "\e201"; -} - -.icon-Geometry:before { - content: "\e202"; -} - -.icon-Game:before { - content: "\e203"; -} - -.icon-Fullscreen:before { - content: "\e204"; -} - -.icon-Fullscreen-alt:before { - content: "\e205"; -} - -.icon-Frame:before { - content: "\e206"; -} - -.icon-Frame-alt:before { - content: "\e207"; -} - -.icon-Camera-roll:before { - content: "\e208"; -} - -.icon-Bookmark:before { - content: "\e209"; -} - -.icon-Bill:before { - content: "\e20a"; -} - -.icon-Baby-stroller:before { - content: "\e20b"; -} - -.icon-Alarm-clock:before { - content: "\e20c"; -} - -.icon-Adressbook:before { - content: "\e20d"; -} - -.icon-Add:before { - content: "\e20e"; -} - -.icon-Activity:before { - content: "\e20f"; -} - -.icon-untitled:before { - content: "\e210"; -} - -.icon-glasses:before { - content: "\e211"; -} - -.icon-Camcorder:before { - content: "\e212"; -} - -.icon-Calendar:before { - content: "\e213"; -} - -.icon-Calendar-alt:before { - content: "\e214"; -} - -.icon-Calculator:before { - content: "\e215"; -} - -.icon-Bus:before { - content: "\e216"; -} - -.icon-Burn:before { - content: "\e217"; -} - -.icon-Bulleted-list:before { - content: "\e218"; -} - -.icon-Bug:before { - content: "\e219"; -} - -.icon-Brush:before { - content: "\e21a"; -} - -.icon-Brush-alt:before { - content: "\e21b"; -} - -.icon-Brush-alt-2:before { - content: "\e21c"; -} - -.icon-Browser-window:before { - content: "\e21d"; -} - -.icon-Briefcase:before { - content: "\e21e"; -} - -.icon-Brick:before { - content: "\e21f"; -} - -.icon-Brackets:before { - content: "\e220"; -} - -.icon-Box:before { - content: "\e221"; -} - -.icon-Box-open:before { - content: "\e222"; -} - -.icon-Box-alt:before { - content: "\e223"; -} - -.icon-Books:before { - content: "\e224"; -} - -.icon-Billboard:before { - content: "\e225"; -} - -.icon-Bills-dollar:before { - content: "\e226"; -} - -.icon-Bills-euro:before { - content: "\e227"; -} - -.icon-Bills-pound:before { - content: "\e228"; -} - -.icon-Bills-yen:before { - content: "\e229"; -} - -.icon-Bills:before { - content: "\e22a"; -} - -.icon-Binarycode:before { - content: "\e22b"; -} - -.icon-Binoculars:before { - content: "\e22c"; -} - -.icon-Bird:before { - content: "\e22d"; -} - -.icon-Birthday-cake:before { - content: "\e22e"; -} - -.icon-Blueprint:before { - content: "\e22f"; -} - -.icon-Block:before { - content: "\e230"; -} - -.icon-Bluetooth:before { - content: "\e231"; -} - -.icon-Boat-shipping:before { - content: "\e232"; -} - -.icon-Bomb:before { - content: "\e233"; -} - -.icon-Book-alt-2:before { - content: "\e234"; -} - -.icon-Bones:before { - content: "\e235"; -} - -.icon-Book-alt:before { - content: "\e236"; -} - -.icon-Book:before { - content: "\e237"; -} - -.icon-Bill-yen:before { - content: "\e238"; -} - -.icon-Award:before { - content: "\e239"; -} - -.icon-Bill-pound:before { - content: "\e23a"; -} - -.icon-Autofill:before { - content: "\e23b"; -} - -.icon-Bill-euro:before { - content: "\e23c"; -} - -.icon-Auction-hammer:before { - content: "\e23d"; -} - -.icon-Bill-dollar:before { - content: "\e23e"; -} - -.icon-Attachment:before { - content: "\e23f"; -} - -.icon-Bell:before { - content: "\e240"; -} - -.icon-Article:before { - content: "\e241"; -} - -.icon-Bell-off:before { - content: "\e242"; -} - -.icon-Art-easel:before { - content: "\e243"; -} - -.icon-Beer-glass:before { - content: "\e244"; -} - -.icon-Arrow-up:before { - content: "\e245"; -} - -.icon-Battery-low:before { - content: "\e246"; -} - -.icon-Arrow-right:before { - content: "\e247"; -} - -.icon-Battery-full:before { - content: "\e248"; -} - -.icon-Arrow-left:before { - content: "\e249"; -} - -.icon-Bars:before { - content: "\e24a"; -} - -.icon-Arrow-down:before { - content: "\e24b"; -} - -.icon-Barcode:before { - content: "\e24c"; -} - -.icon-Arrivals:before { - content: "\e24d"; -} - -.icon-Bar-chart:before { - content: "\e24e"; -} - -.icon-Application-window:before { - content: "\e24f"; -} - -.icon-Band-aid:before { - content: "\e250"; -} - -.icon-Application-window-alt:before { - content: "\e251"; -} - -.icon-Ball:before { - content: "\e252"; -} - -.icon-Application-Error:before { - content: "\e253"; -} - -.icon-Badge-restricted:before { - content: "\e254"; -} - -.icon-App:before { - content: "\e255"; -} - -.icon-Badge-remove:before { - content: "\e256"; -} - -.icon-Anchor:before { - content: "\e257"; -} - -.icon-Badge-count:before { - content: "\e258"; -} - -.icon-Alt:before { - content: "\e259"; -} - -.icon-Badge-add:before { - content: "\e25a"; -} - -.icon-Alert:before { - content: "\e25b"; -} - -.icon-Backspace:before { - content: "\e25c"; -} - -.icon-Alert-alt:before { - content: "\e25d"; -} - -.span { - width: 60px; - background-color: rgba(163, 219, 120, 0.5); - height: 60px; - border-radius: 3px; - position: relative; -} - -#posting { - position: absolute; - top: 0; - width: 140px; - background-color: #4aae4e; - height: 36px; - border-radius: 3px; - display: none; -} - -.loader { - width: 6px; - height: 6px; - border-radius: 50%; - -webkit-animation: typing 1s linear infinite alternate; - animation: typing 1s linear infinite alternate; - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-250%, -50%); - -ms-transform: translate(-250%, -50%); - transform: translate(-250%, -50%); -} - -.button, -#registrationForm input[type=submit], -.quick-menu .login input[type=submit], -.quick-menu .new-profile input[type=submit], -.tagAdd, -a.button, -a.tagAdd { - background: #2f6bff; - color: #fff; - text-align: center; - font-size: 1rem; - padding: 20px 40px; - display: inline-block; - text-decoration: none; - border: none; - border-radius: 3px; - -webkit-appearance: none; - position: relative; - overflow: hidden; - -webkit-transition: background 0.2s; - transition: background 0.2s; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.button:hover, -#registrationForm input[type=submit]:hover, -.quick-menu .login input[type=submit]:hover, -.quick-menu .new-profile input[type=submit]:hover, -.tagAdd:hover, -a.button:hover, -a.tagAdd:hover { - background: #497dff; -} - -.button span, -#registrationForm input[type=submit] span, -.quick-menu .login input[type=submit] span, -.quick-menu .new-profile input[type=submit] span, -.tagAdd span, -a.button span, -a.tagAdd span { - position: relative; - z-index: 20; -} - -.button.green, -#registrationForm input[type=submit], -.quick-menu .login input[type=submit], -.quick-menu .new-profile input[type=submit], -.green.tagAdd, -a.button.green, -a.green.tagAdd { - background: #4aae4e; -} - -.button.green:hover, -#registrationForm input[type=submit]:hover, -.quick-menu .login input[type=submit]:hover, -.quick-menu .new-profile input[type=submit]:hover, -.green.tagAdd:hover, -a.button.green:hover, -a.green.tagAdd:hover { - background: #59b85d; -} - -.button.white, -#registrationForm input.white[type=submit], -.quick-menu .login input.white[type=submit], -.quick-menu .new-profile input.white[type=submit], -.white.tagAdd, -a.button.white, -a.white.tagAdd { - background: #fff; - color: black; -} - -.button.white:hover, -#registrationForm input.white[type=submit]:hover, -.quick-menu .login input.white[type=submit]:hover, -.quick-menu .new-profile input.white[type=submit]:hover, -.white.tagAdd:hover, -a.button.white:hover, -a.white.tagAdd:hover { - background: rgba(255, 255, 255, 0.7); -} - -.button.red, -#registrationForm input.red[type=submit], -.quick-menu .login input.red[type=submit], -.quick-menu .new-profile input.red[type=submit], -.red.tagAdd, -a.button.red, -a.red.tagAdd { - background: #fe6561; - color: #fff; -} - -.button.red:hover, -#registrationForm input.red[type=submit]:hover, -.quick-menu .login input.red[type=submit]:hover, -.quick-menu .new-profile input.red[type=submit]:hover, -.red.tagAdd:hover, -a.button.red:hover, -a.red.tagAdd:hover { - background: #fe7e7a; -} - -.button.transparent, -#registrationForm input.transparent[type=submit], -.quick-menu .login input.transparent[type=submit], -.quick-menu .new-profile input.transparent[type=submit], -.transparent.tagAdd, -a.button.transparent, -a.transparent.tagAdd { - border: 1px solid #565656; - background: none; - color: #565656; -} - -.button.transparent:hover, -#registrationForm input.transparent[type=submit]:hover, -.quick-menu .login input.transparent[type=submit]:hover, -.quick-menu .new-profile input.transparent[type=submit]:hover, -.transparent.tagAdd:hover, -a.button.transparent:hover, -a.transparent.tagAdd:hover { - background: none; - color: #000; - border-color: #000; -} - -.button.transparent .ink, -#registrationForm input.transparent[type=submit] .ink, -.quick-menu .login input.transparent[type=submit] .ink, -.quick-menu .new-profile input.transparent[type=submit] .ink, -.transparent.tagAdd .ink, -a.button.transparent .ink, -a.transparent.tagAdd .ink { - background: rgba(74, 174, 78, 0.3); -} - -.button.large, -#registrationForm input.large[type=submit], -.quick-menu .login input.large[type=submit], -.quick-menu .new-profile input.large[type=submit], -.large.tagAdd, -a.button.large, -a.large.tagAdd { - font-size: 1.2rem; -} - -.button.tiny, -#registrationForm input[type=submit], -.quick-menu .login input[type=submit], -.quick-menu .new-profile input[type=submit], -.tagAdd, -a.button.tiny, -a.tagAdd { - padding: 10px 20px; - font-size: .9rem; -} - -button.button, -button.tagAdd { - font-family: "Asap", sans-serif; - cursor: pointer; - font-size: .9rem; - outline: none; -} - -button.button:active, -button.tagAdd:active { - outline: none; -} - -.ink { - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.3); - border-radius: 100%; - -webkit-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); -} - -.animate { - -webkit-animation: ripple 0.65s cubic-bezier(0, 0, 0.22, 0.88); - animation: ripple 0.65s cubic-bezier(0, 0, 0.22, 0.88); -} - -body { - padding-top: 80px; -} - -body.navopen { - overflow: hidden; - max-height: 100%; -} - -header { - color: #fff; - width: 100%; - position: absolute; - z-index: 800; - top: -80px; -} - -header .navigation { - position: relative; - z-index: 200; - width: 100%; - padding: 10px 0; - background: #a3db78; - -webkit-transition: all 0.2s; - transition: all 0.2s; -} - -header .row:first-child { - margin: 0; -} - -header .logo { - background: url("../images/logo.svg"); - background-repeat: no-repeat; - background-position: left center; - background-size: 30px auto; - height: 60px; - line-height: 60px; - display: inline-block; - text-indent: 40px; - text-decoration: none; - position: relative; - z-index: 300; - font-size: 1rem; - -webkit-transition: all 0.2s; - transition: all 0.2s; -} - -header nav { - text-align: right; - overflow: hidden; - height: 60px; - line-height: 60px; - color: rgba(0, 0, 0, 0.5); -} - -header nav ul { - float: right; -} - -header nav li { - float: left; - margin-right: 20px; - font-size: 1rem; - line-height: inherit; -} - -header nav li:last-child { - margin-right: 0; -} - -header nav a, -header nav a:visited { - text-decoration: none; - color: rgba(0, 0, 0, 0.6); - border-bottom: 1px solid transparent; -} - -header nav a:hover, -header nav a:visited:hover { - border-bottom-color: rgba(0, 0, 0, 0.6); -} - -header nav a.active, -header nav a:visited.active { - border-bottom-color: rgba(0, 0, 0, 0.6); -} - -header .search { - max-width: 1200px; - -webkit-transform: translateY(50%); - -ms-transform: translateY(50%); - transform: translateY(50%); -} - -header .search form { - position: relative; -} - -header .search input { - font-family: "Asap", sans-serif; -} - -header .search input[type=search] { - -webkit-appearance: none; - border: none; - padding: 14px 0; - text-indent: 14px; - height: 60px; - width: 100%; - min-width: 400px; - display: block; - font-size: 1rem; - -webkit-transition: box-shadow 0.2s; - transition: box-shadow 0.2s; -} - -header .search input[type=search]:active, -header .search input[type=search]:focus { - outline: none; -} - -header .search input[type=submit] { - background: #fff url("../images/search-dark.png"); - background-repeat: no-repeat; - background-size: 24px 24px; - background-position: center; - width: 10%; - height: 60px; - padding: 14px 28px; - border: none; - position: absolute; - z-index: 100; - right: 0px; - top: 0; - margin: 0; -} - -header .search .search-text p { - display: none; -} - -header .user img { - height: 40px; - width: 40px; - border-radius: 50%; - vertical-align: middle; - cursor: pointer; - -webkit-transition: all 0.2s; - transition: all 0.2s; -} - -header.sticky .navigation { - background: #98d768; - padding: 0; -} - -header.sticky .menu-toggle { - top: 15px; -} - -.notificationCount { - position: absolute; - width: 100%; - text-align: center; - height: 20px; - width: 20px; - background: #fe6561; - line-height: 20px; - z-index: 40; - font-size: .68rem; - font-weight: bold; - cursor: pointer; - border-radius: 50%; - color: #fff; - -webkit-animation-name: animGenie; - animation-name: animGenie; - -webkit-animation-duration: 1s; - animation-duration: 1s; -} - -.map .sticky .navigation { - background: #a3db78; -} - -.map .navigation { - background: transparent; -} - -#alertBar { - background: #f4ebba; - text-align: center; -} - -#alertBar h1, -#alertBar h2, -#alertBar h3 { - margin-bottom: .8rem; -} - -#alertBar h1 { - font-size: 1.7rem; -} - -#alertBar h2 { - font-size: 1.3rem; -} - -#alertBar h3 { - font-size: 1rem; -} - -#alertBar p { - font-size: .95rem; -} - -#alertBar p a:hover { - text-decoration: none; -} - -#alertBar img { - max-width: 100%; - height: auto; -} - -#alertBar .row { - margin: 0; - padding: 20px 0 20px; -} - -#breadcrumb { - padding: 10px 10px 10px 0; - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); - margin: 0; - display: block; - width: 100%; -} - -#breadcrumb li { - display: inline-block; - list-style: none; -} - -#breadcrumb li:after { - content: ""; - background: url("../images/breadcrumb.png"); - background-repeat: no-repeat; - background-size: 16px 16px; - display: inline-block; - background-position: center bottom; - height: 20px; - width: 16px; - margin-left: 3px; - margin-right: 3px; - -webkit-transform: translateY(4px); - -ms-transform: translateY(4px); - transform: translateY(4px); -} - -#breadcrumb li a { - color: black; - text-decoration: none; - font-size: .8rem; - -webkit-transition: color 0.1s; - transition: color 0.1s; -} - -#breadcrumb li a:hover { - color: black; - text-decoration: underline; -} - -#breadcrumb li:last-child a { - color: black; -} - -#breadcrumb li:last-child:after { - display: none; -} - -body.quickmenu { - overflow: hidden; - max-height: 100%; -} - -.quick-menu { - width: 100%; - position: fixed; - right: 0; - top: 0; - height: auto; - z-index: 999; - visibility: hidden; - -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); - overflow-y: scroll; - height: 100%; - background: white; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.12); - -webkit-transition: all 0.3s; - transition: all 0.3s; -} - -.quick-menu > .container, -.quick-menu > .page, -.quick-menu > .subpage { - padding-bottom: 30px; -} - -.quick-menu .user-image img { - border-radius: 50%; - display: block; - margin: 30px auto; - max-width: 128px; - height: auto; -} - -.quick-menu .close { - left: 15px; - cursor: pointer; - font-size: .8rem; - color: black; -} - -.quick-menu .close:hover { - color: black; -} - -.quick-menu .close i { - position: relative; - top: 3px; - font-size: 1rem; - margin-right: 3px; -} - -.quick-menu .settings { - right: 15px; -} - -.quick-menu .settings a { - font-size: .8rem; - text-decoration: none; - color: black; -} - -.quick-menu .settings i { - position: relative; - top: 3px; - font-size: 1rem; - margin-right: 5px; -} - -.quick-menu .settings:hover a { - color: black; -} - -.quick-menu .close, -.quick-menu .settings { - -webkit-transition: color 0.2s cubic-bezier(0.7, 0, 0.3, 1); - transition: color 0.2s cubic-bezier(0.7, 0, 0.3, 1); - position: absolute; - top: -3px; -} - -.quick-menu .user-profile { - text-align: center; - margin: 0 auto 30px; -} - -.quick-menu .user-profile h2 { - font-size: 1.5rem; - margin-bottom: 10px; -} - -.quick-menu .user-profile .karma { - display: inline-block; - font-size: .8rem; - color: black; -} - -.quick-menu .user-profile .karma:before { - content: "Karma"; - display: inline-block; - padding: 0 3px 0 0; - -webkit-transform: translateY(-1px); - -ms-transform: translateY(-1px); - transform: translateY(-1px); -} - -.quick-menu .user-profile .karma:after { - content: "-"; - display: inline-block; - padding: 0 3px; -} - -.quick-menu .user-profile .user-twitter { - display: inline-block; - font-size: .8rem; - color: black; -} - -.quick-menu .user-profile .user-twitter a { - border-bottom: 1px solid rgba(0, 0, 0, 0.6); - padding-bottom: 1px; - text-decoration: none; - -webkit-transition: all 0.2s; - transition: all 0.2s; -} - -.quick-menu .user-profile .user-twitter a:hover { - padding-bottom: 3px; - color: rgba(0, 0, 0, 0.8); -} - -.quick-menu .user-profile .roles { - display: block; - margin-top: 1rem; -} - -.quick-menu .log-out { - margin-top: 20px; -} - -.quick-menu .log-out a { - font-size: .8rem; -} - -.quick-menu small { - color: rgba(0, 0, 0, 0.8); - font-size: .8rem; - margin-bottom: 20px; - display: block; - text-align: center; -} - -.quick-menu .forum-thread { - border: 1px solid #e1e1e1; - margin-bottom: 10px; - padding: 15px 0; - margin-top: 0; -} - -.quick-menu .forum-thread .forum-thread-text { - margin-top: 0; -} - -.quick-menu .forum-thread h3 { - font-size: .9rem; -} - -.quick-menu .forum-thread .category { - margin-top: 5px; -} - -.quick-menu .forum-thread .cat { - font-size: .8rem; -} - -.quick-menu .login, -.quick-menu .new-profile { - padding: 0 20px; - margin-top: 60px; -} - -.quick-menu .login h2, -.quick-menu .new-profile h2 { - margin-bottom: .8rem; - text-align: center; -} - -.quick-menu .login small, -.quick-menu .new-profile small { - text-align: center; -} - -.quick-menu .login label, -.quick-menu .new-profile label { - text-align: left; - font-size: .7rem; -} - -.quick-menu .login input, -.quick-menu .new-profile input { - margin-bottom: 5px; - display: inline-block; - font-family: "Asap", sans-serif; -} - -.quick-menu .login input[type=text], -.quick-menu .login input[type=password], -.quick-menu .new-profile input[type=text], -.quick-menu .new-profile input[type=password] { - width: 95%; - padding: 10px 20px 10px 8px; - font-size: 1rem; - border: 1px solid #e1e1e1; - border-radius: 5px; -} - -.quick-menu .login input[type=submit], -.quick-menu .new-profile input[type=submit] { - margin: 1rem auto 2rem; - display: inline-block; - padding: 15px 45px; - font-size: 1rem; -} - -.quick-menu .login .buttons, -.quick-menu .new-profile .buttons { - text-align: center; -} - -.quick-menu .login small, -.quick-menu .new-profile small { - line-height: 1.3; -} - -.quick-menu .login a:hover, -.quick-menu .new-profile a:hover { - text-decoration: none; -} - -.quick-menu .oAuth { - text-align: center; -} - -.quick-menu .oAuth img { - display: inline-block; -} - -.wrapper:after, -.navigation:after { - content: ""; - position: absolute; - z-index: 998; - height: 100%; - width: 100%; - background: rgba(0, 0, 0, 0.33); - top: 0; - left: 0; - visibility: hidden; - opacity: 0; - -webkit-transition: opacity 0.3s; - transition: opacity 0.3s; -} - -.wrapper { - -webkit-transition: margin-left .3s, margin-right .3s; - transition: margin-left .3s, margin-right .3s; - position: relative; -} - -body.quickmenu .quick-menu { - -webkit-transform: translateX(0px); - -ms-transform: translateX(0px); - transform: translateX(0px); - visibility: visible; -} - -.search-all { - width: 100%; - text-align: center; - padding: 20px 0; -} - -.search-container { - position: relative; - height: 100%; - width: 100%; - overflow: hidden; -} - -.search-all-form { - position: relative; - display: inline-block; - width: 80%; - height: 60px; - max-width: 1100px; - margin-top: 15px; - padding-top: 0; - background-color: white; - z-index: 150; -} - -.search-all-form .search-fieldset { - position: relative; - display: inline-block; - width: 100%; - height: 100%; - border-left: 1px solid transparent; - border-right: 1px solid transparent; - border-top: 1px solid transparent; -} - -.search-all-form input[type="search"], -.search-all-form input[type="submit"] { - min-height: 60px; - font-size: 1em; - border: none; - background: #fff; - padding: 15px 20px; - z-index: 150; - margin: 0; - -webkit-transition: border 0.2, background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1); - transition: border 0.2, background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1); -} - -.search-all-form input[type="search"] { - width: 100%; - -webkit-appearance: none; - font-family: "Asap", sans-serif; - font-size: 1.2rem; -} - -.search-all-form input[type="search"]:focus { - outline: none; -} - -.search-all-form input[type="search"]:focus + input[type="submit"] { - color: #a3db78; -} - -.search-all-form input[type="submit"] { - position: absolute; - top: 0; - right: 0; - font-family: "Icomoon"; - color: #a4a4a4; -} - -.search-text { - padding-top: 2em; - padding-bottom: 5em; -} - -.search-all-results { - border-bottom: 1px solid whitesmoke; - border-left: 1px solid whitesmoke; - border-right: 1px solid whitesmoke; -} - -.search-all-results ul { - max-width: 1100px; - width: 100%; - margin: 0 auto; - background: #fcfcfc; - padding: 0; -} - -.search-all-results li { - list-style: none; - padding: 30px; - border-bottom: 1px solid whitesmoke; - text-align: left; - overflow: hidden; -} - -.search-all-results li a { - display: block; -} - -.search-all-results li:hover { - background: rgba(163, 219, 120, 0.16); -} - -.search-all-results li:hover .type-icon, -.search-all-results li:hover .type-name, -.search-all-results li:hover .type-description { - color: black; -} - -.search-all-results li.search-view-all { - border-bottom: none; - font-size: .9rem; - font-weight: bold; - text-align: center; - padding: 15px; - color: black; - background: #f7f7f7; -} - -.search-all-results li.search-view-all a { - text-decoration: none; - color: rgba(0, 0, 0, 0.8); -} - -.search-all-results li.search-view-all:hover { - background: whitesmoke; -} - -.search-all-results li.search-view-all:hover a { - color: #000; -} - -.search-all-results .type-icon, -.search-all-results .type-context { - float: left; -} - -.search-all-results .type-icon { - width: 20%; - font-size: 2rem; - color: black; -} - -.search-all-results .type-context { - width: 80%; -} - -.search-all-results .type-context .type-name { - font-size: 1rem; - margin-bottom: .15rem; - font-weight: 600; - color: rgba(0, 0, 0, 0.8); -} - -.search-all-results .type-context .type-description { - font-size: .9rem; - color: black; -} - -.search-all.open input[type="search"], -.search-all.open input[type="submit"] { - color: #000; -} - -.search-all.open input[type="search"] ::-webkit-input-placeholder, -.search-all.open input[type="submit"] ::-webkit-input-placeholder { - color: #000; -} - -.search-all.open input[type="search"] :-moz-placeholder, -.search-all.open input[type="submit"] :-moz-placeholder { - color: #000; -} - -.search-all.open input[type="search"] ::-moz-placeholder, -.search-all.open input[type="submit"] ::-moz-placeholder { - color: #000; -} - -.search-all.open input[type="search"] :-ms-input-placeholder, -.search-all.open input[type="submit"] :-ms-input-placeholder { - color: #000; -} - -.search-all.open .search-fieldset { - border-left: 1px solid whitesmoke; - border-right: 1px solid whitesmoke; - border-top: 1px solid whitesmoke; -} - -.search-all.open .search-all-results { - display: block; -} - -.frontpage .search-all-results, -.community-page .search-all-results { - width: 80%; - left: 50%; - -webkit-transform: translate(-50%, 0); - -ms-transform: translate(-50%, 0); - transform: translate(-50%, 0); - display: none; - position: absolute; - z-index: 150; - max-width: 1100px; -} - -.plain { - max-width: 1160px; - margin: 0 auto; -} - -.plain .search-big { - margin-top: 30px; - margin-bottom: 0; -} - -.plain .search-all { - background: none; - padding: 0 10px; -} - -.plain .forum-archive-header { - margin-bottom: 0; - border-bottom: none; -} - -.plain .search-all-results { - width: 100%; -} - -.plain .search-all-results ul { - margin: 0; - width: 100%; - max-width: 100%; -} - -.plain .search-all-results .type-icon { - font-size: 1.6rem; - opacity: .6; -} - -.plain .search-all-results .type-context .type-name { - font-size: .95rem; -} - -.plain .search-all-results .type-context .type-description { - font-size: .8rem; -} - -.forum-page .search-big { - width: 100%; - margin: 15px 0 15px 0; -} - -.forum-page .search-big input { - font-size: .9rem; - min-height: 55px; -} - -.overlay { - width: 100%; - position: fixed; - top: 0; - left: 0; - height: auto; - overflow-y: scroll; - height: 100%; - z-index: 850; - background-color: rgba(0, 0, 0, 0.33); - visibility: hidden; - opacity: 0; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -.active .overlay { - visibility: visible; - opacity: 1; -} - -.copy-link-wrapper, -#insert-image-dialog, -.wmd-prompt-dialog, -.confirm-wrapper, -#update-avatar-dialog { - z-index: 870; - padding: 2rem; - position: fixed; - top: 50%; - left: 50%; - width: 50%; - max-width: 500px; - min-width: 300px; - background-color: #fff; - border-radius: 2px; - -webkit-transform: translateX(-50%) translateY(-50%); - -ms-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; - clip: rect(1px 1px 1px 1px); - opacity: 0; - text-align: center; - top: -9999999px; - left: -9999999px; -} - -.copy-link-wrapper i, -#insert-image-dialog i, -.wmd-prompt-dialog i, -.confirm-wrapper i, -#update-avatar-dialog i { - display: block; - font-size: 2rem; - color: #a3db78; - margin-bottom: 1rem; -} - -.copy-link-wrapper p, -#insert-image-dialog p, -.wmd-prompt-dialog p, -.confirm-wrapper p, -#update-avatar-dialog p { - margin-top: 1rem; - font-size: .85rem; - color: black; -} - -.copy-link-wrapper input, -#insert-image-dialog input, -.wmd-prompt-dialog input, -.copy-link-wrapper textarea, -#insert-image-dialog textarea, -.wmd-prompt-dialog textarea, -.confirm-wrapper input, -.confirm-wrapper textarea, -#update-avatar-dialog input, -#update-avatar-dialog textarea { - background-color: #f3f3f3; - color: #454545; - border: 0; - font-size: 1rem; - padding: 1rem; - margin: 0; - width: 100%; - border-radius: 2px; - text-align: center; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - font-family: "Asap", sans-serif; -} - -.copy-link-wrapper textarea, -#insert-image-dialog textarea, -.wmd-prompt-dialog textarea, -.confirm-wrapper textarea, -#update-avatar-dialog textarea { - outline: none; - resize: none; - white-space: initial; - padding-bottom: 10px; -} - -.copy-link-wrapper textarea:focus, -#insert-image-dialog textarea:focus, -.wmd-prompt-dialog textarea:focus, -.confirm-wrapper textarea:focus, -#update-avatar-dialog textarea:focus { - outline: none; -} - -.copy-link-wrapper .error, -#insert-image-dialog .error, -.wmd-prompt-dialog .error, -.confirm-wrapper .error, -#update-avatar-dialog .error { - text-align: center; - color: #E7483B; - display: block; - padding: .5rem; -} - -.active.copy-prompt .copy-link-wrapper, -.active.copy-prompt #insert-image-dialog, -.active.copy-prompt .wmd-prompt-dialog { - clip: auto; - opacity: 1; - top: 50%; - left: 50%; -} - -.confirm-wrapper { - max-width: 360px; - padding: 2.5rem; -} - -.confirm-wrapper h4 { - font-size: 1.5rem; -} - -.confirm-wrapper p { - margin-top: .5rem; -} - -.active.confirm-prompt .confirm-wrapper { - clip: auto; - opacity: 1; - top: 50%; - left: 50%; -} - -.active.uploading-image #update-avatar-dialog { - clip: auto; - opacity: 1; - top: 50%; - left: 50%; -} - -#update-avatar-dialog .invalid-file { - color: rgba(254, 101, 97, 0); - -webkit-transition: color .4s ease-in; - transition: color .4s ease-in; -} - -#update-avatar-dialog.invalid .invalid-file { - color: #fe6561; -} - -#update-avatar-dialog button { - margin-top: 15px; -} - -#update-avatar-dialog .span { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: #E7E7E7; -} - -#thankyou { - position: fixed; - -webkit-transform: translateX(-50%) translateY(-50%); - -ms-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - top: -9999999px; - left: -9999999px; - font-size: 1rem; - background: rgba(0, 0, 0, 0.8); - padding: 10px 15px; - border-radius: 6px; - z-index: 860; - color: #fff; - opacity: 0; - -webkit-transition: opacity .4s ease-in; - transition: opacity .4s ease-in; -} - -#thankyou.active { - top: 50%; - left: 50%; - opacity: 1; -} - -.wrapper { - min-height: 100%; - margin-bottom: 0px; -} - -footer, -.wrapper:before { - height: 184px; -} - -footer { - background: #161616; - color: #fff; - padding: 30px 0; - font-size: .9rem; - text-align: center; - line-height: 1.5; - width: 100%; -} - -html { - height: 100%; -} - -.sidebarTitle, -.package-create h1 { - margin: 1em 0 10px; - font-size: 2.1rem; -} - -.has-sidebar .page-content, -.projects-page .page-content { - width: 100%; - display: table; - overflow: hidden; - height: auto; -} - -.has-sidebar .content-wrapper, -.projects-page .content-wrapper { - display: inline-block; - max-width: 100%; - text-align: left; - width: 100%; -} - -.has-sidebar .sidebar-area, -.projects-page .sidebar-area { - display: table-cell; - vertical-align: top; - width: 30%; - background-color: #f5fbf1; - height: 100%; -} - -.has-sidebar .sidebar-area .sidebar-content, -.projects-page .sidebar-area .sidebar-content { - display: inline-block; - overflow: hidden; - width: 100%; - max-width: 360px; - text-align: center; -} - -.has-sidebar .main-area, -.projects-page .main-area { - width: 70%; - height: auto; - display: table-cell; - vertical-align: top; - padding-bottom: 200px; -} - -.has-sidebar .main-area .main-content, -.projects-page .main-area .main-content { - display: block; - width: 100%; - padding-left: 20px; - padding-right: 20px; - max-width: 880px; - text-align: center; - min-height: 600px; -} - -.sidebar-content nav { - margin: 0; - height: 100%; - z-index: 1; -} - -.sidebar-content nav ul { - list-style: none; - margin-left: 5px; - padding-left: 10px; - -webkit-transition: max-height 300ms ease-in-out; - transition: max-height 300ms ease-in-out; -} - -.sidebar-content nav ul li.active > a * { - color: #6dbb32; -} - -.sidebar-content nav ul li.open > ul { - max-height: 600px; -} - -.sidebar-content nav ul h3, -.sidebar-content nav ul h4, -.sidebar-content nav ul h5 { - margin-top: 10px; - margin-bottom: 5px; - font-weight: 400; -} - -.sidebar-content nav ul a { - display: inline-block; - text-decoration: none; -} - -.sidebar-content nav .level-1 h3 { - font-size: 1.1em; - color: rgba(0, 0, 0, 0.8); - cursor: pointer; -} - -.sidebar-content nav .level-2 { - overflow: hidden; - max-height: 0; - border-left: 1px solid #bee6a0; -} - -.sidebar-content nav .level-2 h4 { - font-size: .9em; - color: rgba(0, 0, 0, 0.8); -} - -.sidebar-content nav .level-3 { - overflow: hidden; - max-height: 0; - border-left: 1px solid #daf0c9; -} - -.sidebar-content nav .level-3 h5 { - font-size: 0.8em; - color: rgba(0, 0, 0, 0.8); -} - -.profile nav h3:hover { - opacity: .8; -} - -.profile nav h4 { - opacity: .7; - margin: .5rem 0 .5rem; -} - -.profile li h3 { - opacity: .5; -} - -.profile li.open h3, -.profile li.open a, -.profile li.active h3, -.profile li.active a { - opacity: 1; - color: #000 !important; -} - -.profile li.active > ul { - max-height: 100%; -} - -.profile .profile-settings { - position: relative; - top: 30px; -} - -.profile .profile-settings strong { - display: block; - margin: 3rem 0 1rem; -} - -.profile .profile-settings h1 { - font-size: 1.5rem; -} - -.profile .profile-settings .button, -.profile .profile-settings #registrationForm input[type=submit], -#registrationForm .profile .profile-settings input[type=submit], -.profile .profile-settings .quick-menu .login input[type=submit], -.quick-menu .login .profile .profile-settings input[type=submit], -.profile .profile-settings .quick-menu .new-profile input[type=submit], -.quick-menu .new-profile .profile .profile-settings input[type=submit], -.profile .profile-settings .tagAdd { - padding: 20px; - font-size: 1rem; - font-family: "Asap", sans-serif; -} - -.profile .profile-settings-forms { - margin-top: 30px; -} - -.profile .profile-settings-forms label { - font-weight: 600; -} - -.profile .profile-settings-forms .button, -.profile .profile-settings-forms #registrationForm input[type=submit], -#registrationForm .profile .profile-settings-forms input[type=submit], -.profile .profile-settings-forms .quick-menu .login input[type=submit], -.quick-menu .login .profile .profile-settings-forms input[type=submit], -.profile .profile-settings-forms .quick-menu .new-profile input[type=submit], -.quick-menu .new-profile .profile .profile-settings-forms input[type=submit], -.profile .profile-settings-forms .tagAdd { - margin-top: 60px; -} - -.profile .profile-settings-forms ::-webkit-input-placeholder { - color: black; - font-size: 1rem; - font-family: "Asap", sans-serif; -} - -.profile .profile-settings-forms :-moz-placeholder { - color: black; - font-size: 1rem; - font-family: "Asap", sans-serif; -} - -.profile .profile-settings-forms ::-moz-placeholder { - color: black; - font-size: 1rem; - font-family: "Asap", sans-serif; -} - -.profile .profile-settings-forms :-ms-input-placeholder { - color: black; - font-size: 1rem; - font-family: "Asap", sans-serif; -} - -.profile .profile-settings-forms div.profile-input { - font-size: 1rem; - font-family: "Asap", sans-serif; - color: #000; - position: relative; -} - -.profile .profile-settings-forms div.profile-input { - min-height: 30px; -} - -.profile .profile-settings-forms div.profile-input + div.profile-input { - margin-top: 20px; -} - -.profile .profile-settings-forms div.profile-input#bio { - min-height: 200px; -} - -.profile .profile-settings-forms div.profile-input input, -.profile .profile-settings-forms div.profile-input textarea { - height: 30px; - line-height: 30px; - border: 1px solid transparent; - border-bottom-color: #e6e6e6; - width: auto; - min-width: 200px; - width: 140px; - display: inline-block; - padding: 4px 8px 4px 0; - color: black; - font-size: 1rem; - font-family: "Asap", sans-serif; - position: absolute; - top: -8px; - left: 100px; - -webkit-transition: all 0.2s; - transition: all 0.2s; -} - -.profile .profile-settings-forms div.profile-input input:focus, -.profile .profile-settings-forms div.profile-input textarea:focus { - outline: none; - border-bottom-color: #a3db78; - color: black; -} - -.profile .profile-settings-forms div.profile-input textarea { - border: 1px solid #e6e6e6; - min-height: 200px; - left: 102px; - line-height: normal; - display: inline-block; - text-align: left; - overflow: hidden; - padding: 8px; - resize: none; - max-width: 100%; - font-size: .9rem; - width: 138px; -} - -.profile .profile-settings-forms div.profile-input textarea:focus { - border-color: #a3db78; -} - -.profile .profile-settings-forms div.profile-input input:hover { - border-bottom-color: rgba(163, 219, 120, 0.78); - color: gray; -} - -.profile .profile-settings-forms div.profile-input input:hover:focus { - color: #000; - border-bottom-color: #a3db78; -} - -.profile .profile-settings-forms div.profile-input input[type='password'] { - letter-spacing: 1px; - font-size: 1.1rem; -} - -.profile .profile-settings-forms div.profile-input textarea:hover { - border-color: rgba(163, 219, 120, 0.78); - color: gray; -} - -.profile .profile-settings-forms div.profile-input textarea:hover:focus { - color: #000; - border-color: #a3db78; -} - -.profile .profile-settings-forms div.profile-input.warning input, -.profile .profile-settings-forms div.profile-input.warning textarea { - border-bottom-color: #fe6561; - color: #fe6561; -} - -.profile .profile-settings-forms div.profile-input.warning textarea { - border-color: #fe6561; -} - -.profile .profile-settings-forms div.profile-input.warning label { - color: #fe6561; -} - -.profile .profile-settings-forms div.profile-input.confirm-password { - display: none; -} - -.profile .profile-settings-forms div.profile-input.confirm-password.visible { - display: block; -} - -.profile .profile-settings-forms label:after { - content: ":"; - display: inline-block; -} - -.profile .profile-settings-forms .avatar { - margin: 0 0 50px; - position: relative; - overflow: hidden; - height: 98px; - line-height: 98px; -} - -.profile .profile-settings-forms .avatar .ink { - background: rgba(255, 255, 255, 0.5); - overflow: hidden; -} - -.profile .profile-settings-forms .avatar label { - float: left; -} - -.profile .profile-settings-forms .avatar .avatar-image { - position: absolute; - height: 98px; - width: 98px; - left: 100px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.profile .profile-settings-forms .avatar .avatar-image img { - border-radius: 50%; - height: auto; - width: 98px; -} - -.profile .profile-settings-forms .avatar .avatar-image span { - opacity: 0; - border-radius: 50%; - position: absolute; - height: 100%; - width: 100%; - top: 0; - left: 0; - background: rgba(0, 0, 0, 0.58); - text-align: center; - line-height: 98px; - font-size: .85rem; - color: #fff; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.profile .profile-settings-forms .avatar .avatar-image:hover span { - opacity: 1; - cursor: pointer; -} - -.profile-settings-packages .button, -.profile-settings-packages #registrationForm input[type=submit], -#registrationForm .profile-settings-packages input[type=submit], -.profile-settings-packages .quick-menu .login input[type=submit], -.quick-menu .login .profile-settings-packages input[type=submit], -.profile-settings-packages .quick-menu .new-profile input[type=submit], -.quick-menu .new-profile .profile-settings-packages input[type=submit], -.profile-settings-packages .tagAdd { - margin-top: 30px; - margin-bottom: 30px; -} - -.profile-settings-packages strong { - margin-top: 3rem; - display: block; - margin-bottom: 1rem; -} - -.profile-settings-packages.packages-content { - top: 0; -} - -.box { - background: #fff; - padding: 15px; - margin-bottom: 15px; - width: 100%; - -webkit-transition: box-shadow .2s; - transition: box-shadow .2s; - position: relative; - height: 100%; - width: 100%; -} - -.box .row { - display: block; - margin: 0; -} - -.box .row [class*="col-"] { - margin: 0; -} - -.box .forum-thread-text { - margin-top: 4px; -} - -.box i { - font-size: 3rem; - color: #acacac; -} - -.box h3 { - margin-bottom: 3px; - font-size: 1.3rem; - font-weight: normal; -} - -.box h3 a { - text-decoration: none; - color: rgba(0, 0, 0, 0.5); -} - -.box h3 a:hover { - color: #000; -} - -.box p { - font-size: .8rem; - color: #8f8f8f; -} - -.box:last-child { - margin-bottom: 0; -} - -.box .stats { - font-size: .8rem; - position: absolute; - left: 15px; - bottom: 0; -} - -.box .stats span { - color: #7f7f7f; -} - -.box .stats span:first-child { - margin-right: 8px; -} - -.box .stats span span { - color: #000; -} - -.box .stats span span:first-child { - margin-right: 0; -} - -.box .other { - padding-top: 10px; - display: block; - margin-top: 20px; - overflow: hidden; - width: 100%; -} - -.box .other .edit { - font-size: .8rem; - position: absolute; - right: 15px; - bottom: 0; - opacity: .6; - text-decoration: underline; - display: inline-block; -} - -.box .other .edit:hover { - opacity: 1; - text-decoration: none; -} - -.profile-settings-following { - margin-top: 20px; -} - -.profile-settings-following li { - font-size: 1.05rem; - margin-bottom: 1rem; - padding-bottom: 1rem; - padding-left: 0; - list-style: none; - border-bottom: 1px solid #f1f1f1; -} - -.profile-settings-following li:last-child { - margin-bottom: 0; -} - -.profile-settings-following li a { - margin-bottom: 0; - display: inline-block; - font-size: .95rem; - margin-bottom: 1rem; -} - -.profile-settings-following li a:hover { - text-decoration: none; - background: none; -} - -.profile-settings-following li .unfollow { - opacity: .7; - margin-left: 5px; - margin-right: 0; -} - -.profile-settings-following li .unfollow.button, -.profile-settings-following li #registrationForm input.unfollow[type=submit], -#registrationForm .profile-settings-following li input.unfollow[type=submit], -.profile-settings-following li .quick-menu .login input.unfollow[type=submit], -.quick-menu .login .profile-settings-following li input.unfollow[type=submit], -.profile-settings-following li .quick-menu .new-profile input.unfollow[type=submit], -.quick-menu .new-profile .profile-settings-following li input.unfollow[type=submit], -.profile-settings-following li .unfollow.tagAdd { - display: block; - font-size: .9rem; - padding: 12px 0; - border: none; -} - -.profile-settings-following li .unfollow.button .ink, -.profile-settings-following li #registrationForm input.unfollow[type=submit] .ink, -#registrationForm .profile-settings-following li input.unfollow[type=submit] .ink, -.profile-settings-following li .quick-menu .login input.unfollow[type=submit] .ink, -.quick-menu .login .profile-settings-following li input.unfollow[type=submit] .ink, -.profile-settings-following li .quick-menu .new-profile input.unfollow[type=submit] .ink, -.quick-menu .new-profile .profile-settings-following li input.unfollow[type=submit] .ink, -.profile-settings-following li .unfollow.tagAdd .ink { - background: rgba(255, 255, 255, 0.23); -} - -.profile-settings-following li .unfollow.button:hover, -.profile-settings-following li #registrationForm input.unfollow[type=submit]:hover, -#registrationForm .profile-settings-following li input.unfollow[type=submit]:hover, -.profile-settings-following li .quick-menu .login input.unfollow[type=submit]:hover, -.quick-menu .login .profile-settings-following li input.unfollow[type=submit]:hover, -.profile-settings-following li .quick-menu .new-profile input.unfollow[type=submit]:hover, -.quick-menu .new-profile .profile-settings-following li input.unfollow[type=submit]:hover, -.profile-settings-following li .unfollow.tagAdd:hover { - background: none; - border: none; - color: black; - opacity: 1; -} - -small.notification { - display: inline-block; - position: absolute; - line-height: 43px; - padding: 0 10px; - margin: 0; - margin-top: 60px; -} - -small.notification.success { - color: black; -} - -small.notification.alert { - color: #fe6561; -} - -.profile-settings #open-for-colab { - width: auto; - left: 200px; - top: -10px; -} - -.profile-settings #contris ul li { - list-style: none; -} - -.profile-settings #contris ul a.contri-name { - text-decoration: none; - line-height: 1.7rem; - color: black; - font-size: .8rem; -} - -.profile-settings #contris ul a.contri-name:hover { - text-decoration: underline; -} - -.profile-settings #contris ul a.remove-contri { - display: inline-block; - text-decoration: none; - font-size: .75rem; - margin-left: .7rem; - margin-right: .5rem; - color: rgba(0, 0, 0, 0.5); - max-height: 14px; - cursor: pointer; -} - -.profile-settings #contris ul a.remove-contri:hover { - color: black; -} - -.profile-settings #contris ul a.remove-contri i { - display: inline-block; - font-size: 14px; - margin-right: 5px; - -webkit-transform: translateY(2px); - -ms-transform: translateY(2px); - transform: translateY(2px); -} - -.profile-settings #contris #forums li { - list-style: none; -} - -.profile-settings #contris #forums a.remove-forum { - display: inline-block; - text-decoration: none; - font-size: .75rem; - margin-left: .7rem; - margin-right: .5rem; - color: rgba(0, 0, 0, 0.5); - max-height: 14px; - cursor: pointer; -} - -.profile-settings #contris #forums a.remove-forum:hover { - color: black; -} - -.profile-settings #contris #forums a.remove-forum i { - display: inline-block; - font-size: 14px; - margin-right: 5px; - -webkit-transform: translateY(2px); - -ms-transform: translateY(2px); - transform: translateY(2px); -} - -.markdown-syntax a { - text-decoration: none; -} - -.markdown-syntax a.absent { - color: #cc0000; -} - -.markdown-syntax a.anchor { - display: block; - padding-left: 30px; - margin-left: -30px; - cursor: pointer; - position: absolute; - top: 0; - left: 0; - bottom: 0; -} - -.markdown-syntax h1, -.markdown-syntax h2, -.markdown-syntax h3, -.markdown-syntax h4, -.markdown-syntax h5, -.markdown-syntax h6 { - margin: 20px 0 10px; - padding: 0; - font-weight: 700; - -webkit-font-smoothing: antialiased; - cursor: text; - position: relative; - margin-top: 1em; - color: rgba(0, 0, 0, 0.8); -} - -.markdown-syntax h1:hover a.anchor, -.markdown-syntax h2:hover a.anchor, -.markdown-syntax h3:hover a.anchor, -.markdown-syntax h4:hover a.anchor, -.markdown-syntax h5:hover a.anchor, -.markdown-syntax h6:hover a.anchor { - background: url("assets/images/documentation/para.png") no-repeat 10px center; - text-decoration: none; -} - -.markdown-syntax h1 tt, -.markdown-syntax h1 code { - font-size: inherit; -} - -.markdown-syntax h2 tt, -.markdown-syntax h2 code { - font-size: inherit; -} - -.markdown-syntax h3 tt, -.markdown-syntax h3 code { - font-size: inherit; -} - -.markdown-syntax h4 tt, -.markdown-syntax h4 code, -.markdown-syntax h4 a { - font-size: inherit; -} - -.markdown-syntax h5 tt, -.markdown-syntax h5 code { - font-size: inherit; -} - -.markdown-syntax h6 tt, -.markdown-syntax h6 code { - font-size: inherit; -} - -.markdown-syntax * + h2 { - margin-top: 3rem; -} - -.markdown-syntax * + h3, -.markdown-syntax * + h4 { - margin-top: 2rem; -} - -.markdown-syntax img { - margin: 1.5rem 0; -} - -.markdown-syntax p { - margin: 10px 0; - line-height: 1.5; - word-break: break-word; - color: black; -} - -.markdown-syntax li { - padding: 0 0 3px 0; - color: black; -} - -.markdown-syntax h1 { - font-size: 2.1rem; -} - -.markdown-syntax h2 { - font-size: 1.7rem; -} - -.markdown-syntax h3 { - font-size: 1.6rem; -} - -.markdown-syntax h4 { - font-size: 1.4rem; -} - -.markdown-syntax h5 { - font-size: 1.2; -} - -.markdown-syntax h6 { - font-size: 1.1rem; -} - -.markdown-syntax blockquote, -.markdown-syntax ul, -.markdown-syntax ol, -.markdown-syntax dl, -.markdown-syntax table, -.markdown-syntax pre { - margin: 0 0 1rem; -} - -.markdown-syntax hr { - border-top: 1px whitesmoke solid; - margin: 3em 0; - color: #871A1A; - height: 0px; - padding: 0; -} - -.markdown-syntax body > h2:first-child { - margin-top: 0; - padding-top: 0; -} - -.markdown-syntax body > h1:first-child { - margin-top: 0; - padding-top: 0; -} - -.markdown-syntax body > h1:first-child + h2 { - margin-top: 0; - padding-top: 0; -} - -.markdown-syntax body > h3:first-child, -.markdown-syntax body > h4:first-child, -.markdown-syntax body > h5:first-child, -.markdown-syntax body > h6:first-child { - margin-top: 0; - padding-top: 0; -} - -.markdown-syntax a:first-child h1, -.markdown-syntax a:first-child h2, -.markdown-syntax a:first-child h3, -.markdown-syntax a:first-child h4, -.markdown-syntax a:first-child h5, -.markdown-syntax a:first-child h6 { - margin-top: 0; - padding-top: 0; -} - -.markdown-syntax h1 p, -.markdown-syntax h2 p, -.markdown-syntax h3 p, -.markdown-syntax h4 p, -.markdown-syntax h5 p, -.markdown-syntax h6 p { - margin-top: 0; -} - -.markdown-syntax li p.first { - display: inline-block; -} - -.markdown-syntax ul, -.markdown-syntax ol { - padding-left: 30px; -} - -.markdown-syntax ul :first-child, -.markdown-syntax ol :first-child { - margin-top: 0; -} - -.markdown-syntax ul :last-child, -.markdown-syntax ol :last-child { - margin-bottom: 0; -} - -.markdown-syntax dl { - padding: 0; -} - -.markdown-syntax dl dt { - font-size: 14px; - font-weight: bold; - font-style: italic; - padding: 0; - margin: 15px 0 5px; -} - -.markdown-syntax dl dt:first-child { - padding: 0; -} - -.markdown-syntax dl dt > :first-child { - margin-top: 0; -} - -.markdown-syntax dl dt > :last-child { - margin-bottom: 0; -} - -.markdown-syntax dl dd { - margin: 0 0 15px; - padding: 0 15px; -} - -.markdown-syntax dl dd > :first-child { - margin-top: 0; -} - -.markdown-syntax dl dd > :last-child { - margin-bottom: 0; -} - -.markdown-syntax blockquote { - border-left: 4px solid #dddddd; - padding: 0 15px; - color: #777777; -} - -.markdown-syntax blockquote > :first-child { - margin-top: 0; -} - -.markdown-syntax blockquote > :last-child { - margin-bottom: 0; -} - -.markdown-syntax table { - padding: 0; -} - -.markdown-syntax table tr { - border-top: 1px solid #cccccc; - background-color: white; - margin: 0; - padding: 0; -} - -.markdown-syntax table tr:nth-child(2n) { - background-color: #f8f8f8; -} - -.markdown-syntax table tr th { - font-weight: bold; - border: 1px solid #cccccc; - text-align: left; - margin: 0; - padding: 6px 13px; -} - -.markdown-syntax table tr td { - border: 1px solid #cccccc; - text-align: left; - margin: 0; - padding: 6px 13px; -} - -.markdown-syntax table tr th:first-child, -.markdown-syntax table tr td:first-child { - margin-top: 0; -} - -.markdown-syntax table tr th:last-child, -.markdown-syntax table tr td:last-child { - margin-bottom: 0; -} - -.markdown-syntax img { - max-width: 100%; -} - -.markdown-syntax span.frame { - display: block; - overflow: hidden; -} - -.markdown-syntax span.frame > span { - border: 1px solid #dddddd; - display: block; - float: left; - overflow: hidden; - margin: 13px 0 0; - padding: 7px; - width: auto; -} - -.markdown-syntax span.frame span img { - display: block; - float: left; -} - -.markdown-syntax span.frame span span { - clear: both; - color: #333333; - display: block; - padding: 5px 0 0; -} - -.markdown-syntax span.align-center { - display: block; - overflow: hidden; - clear: both; -} - -.markdown-syntax span.align-center > span { - display: block; - overflow: hidden; - margin: 13px auto 0; - text-align: center; -} - -.markdown-syntax span.align-center span img { - margin: 0 auto; - text-align: center; -} - -.markdown-syntax span.align-right { - display: block; - overflow: hidden; - clear: both; -} - -.markdown-syntax span.align-right > span { - display: block; - overflow: hidden; - margin: 13px 0 0; - text-align: right; -} - -.markdown-syntax span.align-right span img { - margin: 0; - text-align: right; -} - -.markdown-syntax span.float-left { - display: block; - margin-right: 13px; - overflow: hidden; - float: left; -} - -.markdown-syntax span.float-left span { - margin: 13px 0 0; -} - -.markdown-syntax span.float-right { - display: block; - margin-left: 13px; - overflow: hidden; - float: right; -} - -.markdown-syntax span.float-right > span { - display: block; - overflow: hidden; - margin: 13px auto 0; - text-align: right; -} - -.markdown-syntax code { - margin: 0; - padding: 0; - white-space: pre; - border: none; - background: transparent; -} - -.markdown-syntax code, -.markdown-syntax tt { - margin: 0 2px; - padding: 1px 5px; - white-space: pre-wrap; - border: 1px solid black; - background-color: rgba(255, 255, 255, 0); - border-radius: 3px; -} - -.markdown-syntax pre { - overflow: auto; - display: block; - font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; - background-color: #333; - color: white; - font-size: 0.9rem; - line-height: 1.4em; - background-clip: padding-box; - padding: 20px 30px; - white-space: pre; - margin: 20px -15px; -} - -.markdown-syntax pre code { - margin: 0; - padding: 0; - white-space: pre; - border: none; - background: transparent; -} - -.markdown-syntax pre code, -.markdown-syntax pre tt { - background-color: transparent; - border: none; -} - -.documentation .markdown-syntax pre { - margin: 20px 0; -} - -.markdown-editor { - position: fixed; - bottom: -100%; - max-height: 100%; - width: 100%; - padding: .2rem; - background-color: rgba(252, 252, 252, 0.94); - box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.08); - -webkit-transition: bottom 0.6s cubic-bezier(0.7, 0, 0.3, 1), top 0.6s cubic-bezier(0.7, 0, 0.3, 1); - transition: bottom 0.6s cubic-bezier(0.7, 0, 0.3, 1), top 0.6s cubic-bezier(0.7, 0, 0.3, 1); - z-index: 800; -} - -.markdown-editor.write { - bottom: 0px; - overflow-y: scroll; - visibility: visible; -} - -.markdown-editor input, -.markdown-editor textarea, -.markdown-editor select { - border: 1px solid transparent; -} - -.markdown-editor input:focus, -.markdown-editor input:active, -.markdown-editor textarea:focus, -.markdown-editor textarea:active, -.markdown-editor select:focus, -.markdown-editor select:active { - outline: none; -} - -.markdown-editor input.warning, -.markdown-editor textarea.warning, -.markdown-editor select.warning { - border: 1px solid #fe6561 !important; -} - -.markdown-editor .wmd-button { - position: relative; - margin-right: 15px; - left: 0 !important; - font-size: 1.4em; - top: 10px; - cursor: pointer; - float: left; - border-radius: 20px; - -webkit-transition: top 300ms cubic-bezier(0.7, 0, 0.3, 1), opacity 300ms cubic-bezier(0.7, 0, 0.3, 1); - transition: top 300ms cubic-bezier(0.7, 0, 0.3, 1), opacity 300ms cubic-bezier(0.7, 0, 0.3, 1); -} - -.markdown-editor .reply-to p { - font-size: .8rem; - overflow: hidden; - color: black; - background: transparent; -} - -.markdown-editor .reply-to span { - font-weight: 800; -} - -.markdown-editor #wmd-button-bar { - position: relative; - height: 30px; -} - -.markdown-editor .input-row label { - display: block; - margin-bottom: 5px; - color: #a9a9a9; - font-size: .8rem; -} - -.markdown-editor .wmd-button-row { - list-style: none; -} - -.markdown-editor .wmd-button-row li:hover span { - color: black; -} - -.markdown-editor .wmd-button-row li span { - background-image: none; - color: #727272; - -webkit-transition: color .2s ease-in; - transition: color .2s ease-in; -} - -.markdown-editor .wmd-button-row li span:before { - font-family: "our-umbraco" !important; - content: attr(data-icon); - font-style: normal !important; - font-weight: normal !important; - font-variant: normal !important; - text-transform: none !important; - speak: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.markdown-editor .wmd-spacer { - float: left; - position: relative; - width: 27px; - display: block; - opacity: 0; - height: 20px; -} - -.markdown-editor #wmd-input { - height: 300px; - width: 100%; - padding: .5rem; - font-size: .8rem; - color: black; - background: white; - border: 2px solid whitesmoke; - -webkit-transition: border-color 0.2s; - transition: border-color 0.2s; -} - -.markdown-editor #wmd-preview { - width: 100%; - min-height: 300px; - max-height: 300px; - overflow-y: scroll; - padding: .5rem 20px; - font-size: .8rem; - color: #000; - background: #ededed; -} - -.markdown-editor .markdown-close { - position: absolute; - right: 1.5rem; - top: 2rem; - font-size: 28px; - cursor: pointer; - opacity: .6; - -webkit-transition: opacity 0.3s; - transition: opacity 0.3s; -} - -.markdown-editor .markdown-close:hover { - opacity: 1; -} - -.markdown-editor .draft { - position: fixed; - bottom: -40px; - right: 30px; - background-color: #a3db78; - color: white; - padding: 12px 20px; - cursor: pointer; - opacity: 0; - font-size: .9rem; - font-weight: bold; - -webkit-transition: opacity 0.3s cubic-bezier(0.7, 0, 0.3, 1), bottom 0.6s cubic-bezier(0.7, 0, 0.3, 1), box-shadow 0.2s ease-in-out; - transition: opacity 0.3s cubic-bezier(0.7, 0, 0.3, 1), bottom 0.6s cubic-bezier(0.7, 0, 0.3, 1), box-shadow 0.2s ease-in-out; -} - -.markdown-editor .draft.show { - bottom: 30px; - opacity: 1; -} - -.markdown-editor .draft.show:hover { - background: #9bd86c; -} - -.markdown-editor .markdown-control { - font-family: "Asap", sans-serif; - font-size: .8rem; - -webkit-appearance: none; -} - -.markdown-editor #topic-title { - padding: .5rem; - font-size: .8rem; - overflow: hidden; - color: #000; - background: #fff; - width: 100%; -} - -.markdown-editor select { - position: relative; - border: none; - border-radius: 0; - padding: .5rem; - font-size: .8rem; - overflow: hidden; - color: #000; - background: #fff; - width: 100%; -} - -.markdown-editor select::after { - position: absolute; - display: block; - top: 0; - right: 0; - content: "<"; - color: black; -} - -.markdown-editor #topic-category option.frontend { - background: #4ea7ff; - color: #fff; -} - -.markdown-editor #topic-category option.core { - background: #ff661b; - color: #fff; -} - -.markdown-editor #topic-category option.azure { - background: #1ed45c; - color: #fff; -} - -.markdown-editor #topic-submit { - border: none; - background: #4aae4e; - color: white; - font-size: .9rem; - padding: 10px; - width: 100%; - max-width: 140px; - font-family: "Asap", sans-serif; - cursor: pointer; -} - -.markdown-editor #topic-submit:hover { - background: #59b85d; -} - -.markdown-editor #mobile-preview { - border: none; - background: none; - -webkit-appearance: none; - text-align: right; - float: right; - opacity: .4; - cursor: pointer; - -webkit-transition: opacity 0.3s; - transition: opacity 0.3s; -} - -.markdown-editor #mobile-preview i { - font-size: 24px; - display: inline-block; - -webkit-transform: translate(-3px, 5px); - -ms-transform: translate(-3px, 5px); - transform: translate(-3px, 5px); -} - -.markdown-editor #mobile-preview span { - font-size: 14px; -} - -.markdown-editor #mobile-preview:hover { - opacity: 1; -} - -.markdown-editor.mobile-preview #mobile-preview { - color: #a3db78; - opacity: 1; -} - -.wmd-prompt-background { - background-color: black; -} - -#insert-image-dialog { - position: fixed; - z-index: 1001; -} - -#insert-image-dialog.show { - clip: auto; - opacity: 1; - top: 50%; - left: 50%; -} - -.wmd-prompt-dialog { - opacity: 1; - clip: auto; - margin: 0 !important; -} - -.wmd-prompt-dialog input[type="text"] { - text-align: left; -} - -.markdown-spacer { - position: relative; - height: 0px; - -webkit-transition: height 0.6s cubic-bezier(0.7, 0, 0.3, 1); - transition: height 0.6s cubic-bezier(0.7, 0, 0.3, 1); -} - -.markdown-spacer.write { - height: 500px; -} - -.category, -.version { - display: inline-block; - margin: 0; -} - -.category a, -.category span.cat, -.version a, -.version span.cat { - display: inline-block; - font-weight: bold; - border-radius: 2px; - font-size: .70rem; - padding: 3px 5px; - text-decoration: none; - text-transform: capitalize; - -webkit-transition: background 0.2s; - transition: background 0.2s; -} - -.category.default a, -.category.default span.cat, -.version.default a, -.version.default span.cat { - background: transparent; - border: 1px solid #cbcbcb; - color: #b2b2b2; -} - -.category.default a:hover, -.category.default span.cat:hover, -.version.default a:hover, -.version.default span.cat:hover { - color: #989898; -} - -.category.frontend a, -.category.frontend span.cat, -.version.frontend a, -.version.frontend span.cat { - background: #4ea7ff; - color: #fff; -} - -.category.frontend a:hover, -.category.frontend span.cat:hover, -.version.frontend a:hover, -.version.frontend span.cat:hover { - background: #68b4ff; -} - -.category.core a, -.category.core span.cat, -.version.core a, -.version.core span.cat { - background: #ff661b; - color: #fff; -} - -.category.core a:hover, -.category.core span.cat:hover, -.version.core a:hover, -.version.core span.cat:hover { - background: #ff7735; -} - -.category.azure a, -.category.azure span.cat, -.version.azure a, -.version.azure span.cat { - background: #1ed45c; - color: #fff; -} - -.category.azure a:hover, -.category.azure span.cat:hover, -.version.azure a:hover, -.version.azure span.cat:hover { - background: #2be169; -} - -.version a, -.version span.cat { - background: #cbcbcb; - color: #fefefe; -} - -.version a:hover, -.version span.cat:hover { - background: #d8d8d8; -} - -.version.default a, -.version.default span.cat { - background: transparent; - border: 1px solid #cbcbcb; - color: #b2b2b2; -} - -.version.default a:hover, -.version.default span.cat:hover { - color: #989898; - background: transparent; -} - -.roles span { - border: 2px solid #2f6bff; - color: #2f6bff; - font-size: .6rem; - font-weight: bold; - padding: 2px 6px 2px; - display: inline-block; -} - -.roles span:hover { - cursor: default; -} - -.roles span + span { - margin-left: 5px; -} - -.roles span:first-child { - margin-left: 0; -} - -.roles span.standard { - display: none; -} - -.roles span.hq { - border-color: #fe6561; - color: #fe6561; - text-transform: uppercase; -} - -.roles span.admin { - border-color: #43cfcf; - color: #43cfcf; - text-transform: capitalize; -} - -.roles span.mvp { - border-color: #df89ff; - color: #df89ff; - text-transform: uppercase; -} - -.roles span.core { - border-color: #e8b142; - color: #e8b142; - text-transform: capitalize; -} - -.roles span.c-trib, -.roles span.corecontrib { - border-color: #5dacff; - color: #5dacff; - text-transform: capitalize; -} - -.roles span.corecontrib { - visibility: hidden; - position: relative; -} - -.roles span.corecontrib:after { - visibility: visible; - position: absolute; - top: -2px; - left: -2px; - display: block; - content: "C-trib"; - border: inherit; - padding: inherit; -} - -.comments { - list-style-type: none; - padding: 0 20px 0 20px; - position: relative; - margin: 0 0 0 10px; -} - -.comments .comment { - margin-bottom: 75px; - position: relative; - border-radius: 2px; -} - -.comments .comment .comment-inner { - padding: 15px; - background: rgba(127, 148, 153, 0.08); - border: 1px solid rgba(127, 148, 153, 0.15); - border-bottom: none; - border-top: none; - -webkit-transition: all 0.2s; - transition: all 0.2s; -} - -.comments .comment.solution .photo img { - padding: 2px; - border: 1px solid #a3db78; -} - -.comments .comment.solution .meta { - background: rgba(163, 219, 120, 0.1); - border: 1px solid rgba(163, 219, 120, 0.3); - border-bottom: none; -} - -.comments .comment.solution .comment-inner { - background: rgba(163, 219, 120, 0.1); - border: 1px solid rgba(163, 219, 120, 0.3); - border-bottom: none; - border-top: none; -} - -.comments .comment.solution .actions { - background: rgba(163, 219, 120, 0.1); - border-top: none; -} - -.comments .comment .photo { - position: absolute; - left: -22px; - top: 10px; - z-index: 10; -} - -.comments .comment .photo span { - display: none; -} - -.comments .comment .photo img { - overflow: hidden; - max-width: 32px; - border-radius: 50%; - height: auto; - -webkit-transition: box-shadow 0.2s; - transition: box-shadow 0.2s; -} - -.comments .comment .highfive { - position: absolute; - top: 100%; - left: 0; - right: 0; - font-size: 1rem; - text-decoration: none; - padding: 10px 0; - background: rgba(85, 157, 255, 0.14); - border-right: 1px solid rgba(85, 157, 255, 0.2); - border-left: 1px solid rgba(85, 157, 255, 0.2); - border-bottom: 1px solid rgba(85, 157, 255, 0.2); - color: #5204d4; - font-weight: bold; - text-align: center; -} - -.comments .comment .highfive a { - display: block; -} - -.comments .comment .highfive .highfive-count, -.comments .comment .highfive img { - display: none; -} - -.comments .comment .highfive img { - -webkit-transition: -webkit-transform 0.2s; - transition: transform 0.2s; - max-width: 22px; - height: auto; -} - -.comments .comment .highfive a { - display: block; - text-decoration: none; - opacity: .7; - -webkit-transition: all 0.2s; - transition: all 0.2s; -} - -.comments .comment .highfive:hover a { - opacity: 1; - color: #000; -} - -.comments .comment .body { - white-space: normal; -} - -.comments .comment .body p, -.comments .comment .body li { - line-height: 1.5; - font-size: 1rem; -} - -.comments .comment .body * + * { - margin-top: 15px; -} - -.comments .comment .body a { - color: #6dbb32; - word-wrap: break-word; -} - -.comments .comment .body a:hover { - text-decoration: underline; -} - -.comments .comment .meta { - padding: .7rem 20px; - font-size: .9rem; - overflow: hidden; - color: #7F9499; - background: rgba(127, 148, 153, 0.08); - border: 1px solid rgba(127, 148, 153, 0.15); - border-bottom: none; - -webkit-transition: all 0.2s; - transition: all 0.2s; -} - -.comments .comment .meta .profile, -.comments .comment .meta .time { - float: left; -} - -.comments .comment .meta .profile { - width: auto; -} - -.comments .comment .meta .profile a { - color: #445255; - text-decoration: none; - display: block; -} - -.comments .comment .meta .profile a:hover { - text-decoration: underline; -} - -.comments .comment .meta .profile span { - margin-right: .1rem; -} - -.comments .comment .meta .time { - text-decoration: none; - float: right; -} - -.comments .comment .meta + .body { - padding-top: 1rem; -} - -.comments .comment .meta .gotosolution { - margin-left: 5px; - color: #000; - float: right; -} - -.comments .comment .meta .gotosolution:hover { - text-decoration: none; -} - -.comments .comment .meta .hide-xs { - display: none; -} - -.comments .comment.question .topic { - font-size: 1.1rem; -} - -.comments .comment .body-meta { - margin-bottom: 1rem; - padding-bottom: 1rem; - overflow: hidden; - border-bottom: 1px solid transparent; -} - -.comments .comment .body-meta .category a, -.comments .comment .body-meta .version a { - font-size: .7rem; -} - -.comments .comment .body-meta .category { - margin-bottom: .5rem; -} - -.comments .comment .body-meta .categories, -.comments .comment .body-meta .topic { - display: inline-block; - vertical-align: middle; -} - -.comments .comment .body-meta .topic { - width: 100%; - margin-bottom: .2rem; -} - -.comments .comment .body-meta .categories { - width: 100%; -} - -.comments .comment .actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 10px 20px; - background: rgba(127, 148, 153, 0.08); - border: 1px solid rgba(127, 148, 153, 0.15); - border-top: none; - -webkit-transition: background 0.2s; - transition: background 0.2s; -} - -.comments .comment .actions a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-decoration: none; - cursor: pointer; - color: rgba(0, 0, 0, 0.5); - font-size: .9rem; -} - -.comments .comment .actions a:hover { - color: black; -} - -.comments .comment .actions a span { - display: none; -} - -.comments .comment .actions a i { - display: inline-block; - font-size: 1.4rem; -} - -.comments .alert { - background: rgba(235, 116, 57, 0.1); - padding: 15px; - border-top: 3px solid rgba(235, 116, 57, 0.25); - color: #db5716; -} - -.comments .level-2 { - margin-left: 15px; -} - -.replybutton { - text-align: center; - width: 100%; - margin: 0 auto; -} - -.replybutton .button, -.replybutton #registrationForm input[type=submit], -#registrationForm .replybutton input[type=submit], -.replybutton .quick-menu .login input[type=submit], -.quick-menu .login .replybutton input[type=submit], -.replybutton .quick-menu .new-profile input[type=submit], -.quick-menu .new-profile .replybutton input[type=submit], -.replybutton .tagAdd { - display: inline-block; - margin: 0px auto 50px; - text-align: center; -} - -.replybutton .button.reply, -.replybutton #registrationForm input.reply[type=submit], -#registrationForm .replybutton input.reply[type=submit], -.replybutton .quick-menu .login input.reply[type=submit], -.quick-menu .login .replybutton input.reply[type=submit], -.replybutton .quick-menu .new-profile input.reply[type=submit], -.quick-menu .new-profile .replybutton input.reply[type=submit], -.replybutton .reply.tagAdd { - font-size: .85rem; -} - -.replybutton.notloggedin { - background: rgba(235, 116, 57, 0.1); - border: 2px solid rgba(235, 116, 57, 0.2); - padding: 30px 0; - margin: 30px auto 30px; - width: calc(100% - 40px); -} - -.replybutton.notloggedin a:hover { - text-decoration: none; -} - -.pagination { - margin-top: 60px; - margin-left: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} - -.pagination a { - padding: 12px 16px; - border: 1px solid #b1b1b1; - border-radius: 3px; - background: #fff; - text-decoration: none; - display: inline-block; - margin-top: 5px; - margin-left: 5px; - font-size: .9rem; - font-weight: normal; - color: #b1b1b1; -} - -.pagination a:last-of-type, -.pagination a:first-of-type { - margin-left: 0; -} - -.pagination a:hover { - border-color: #717171; - color: #7e7e7e; -} - -.pagination a.active { - background: #4aae4e; - color: #fff; - font-weight: bold; - border-color: #4aae4e; -} - -.pagination a.active:hover { - cursor: default; -} - -.pagination span { - margin: 0 8px; - font-size: 1.1rem; - letter-spacing: 1px; -} - -.pagination .prev:before { - font-weight: normal; -} - -.pagination .next:after { - font-weight: normal; -} - -.pagination .next:hover, -.pagination .prev:hover { - border-color: #7e7e7e; - color: #7e7e7e; -} - -body.packages nav h3:hover { - opacity: .8; -} - -body.packages nav h4 { - opacity: .7; - margin: .5rem 0 .5rem; -} - -body.packages li h3 { - opacity: .5; -} - -body.packages li.open h3, -body.packages li.open a, -body.packages li.active h3, -body.packages li.active a { - opacity: 1; - color: #000 !important; -} - -body.packages li.active > ul { - max-height: 100%; -} - -.packages-content .search-big { - margin-bottom: 0; - margin-top: 20px; -} - -.packages-content h1 { - margin: 1em 0 10px; - font-size: 2.1rem; -} - -.packages-content .package { - margin-bottom: 15px; - padding: 20px; - -webkit-transition: all .1s linear; - transition: all .1s linear; - cursor: pointer; - position: relative; - overflow: hidden; - border-radius: 3px; - border: 1px solid #e9e9e9; -} - -.packages-content .package:hover { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); -} - -.packages-content .package:hover .icon { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); -} - -.packages-content .box { - border: none; - border-bottom: 1px solid whitesmoke; - width: 100%; -} - -.packages-content .box h3 { - font-size: 1.1rem; - margin-bottom: .5rem; - font-weight: 600; -} - -.packages-content .box h3 a { - color: rgba(0, 0, 0, 0.8); -} - -.packages-content .box h3 a:hover { - color: #a3db78; -} - -.packages-content .box img { - max-width: 100%; - height: auto; - display: block; - vertical-align: middle; -} - -.packages-content .box .col-xs-2 { - vertical-align: middle !important; - padding: 0 !important; -} - -.packages-content .box .other { - margin-top: 30px; -} - -.packages-content .box .stats { - left: calc(16.666666666666664% + 15px); - font-family: Consolas, "Liberation Mono", Menlo, Monaco, Courier, monospace; - font-size: .75rem; -} - -.packages-content .box .stats i { - margin-left: 3px; - font-size: .9rem; -} - -.packages-content .box .stats span:first-child { - margin-right: 0px; -} - -.packages-content .box p { - font-size: .9rem; - color: black; - opacity: 1; -} - -.packages-content .box .package-badge { - position: absolute; - right: 15px; - bottom: -3px; -} - -.packages-content .box .karma, -.packages-content .box .downloads { - color: #000; -} - -.packages-content .box .karma span, -.packages-content .box .downloads span { - -webkit-transform: translate(0, 2px); - -ms-transform: translate(0, 2px); - transform: translate(0, 2px); - display: inline-block; -} - -.packages-content .box.liked .karma i { - color: #fe6561; -} - -.packages-content .name { - font-size: 1rem; - line-height: 1.3; - font-weight: bold; -} - -.packages-content .description { - font-size: .8rem; - margin-top: 3px; - max-height: 28px; - overflow: hidden; -} - -.package-badge { - font-size: .7rem; - overflow: hidden; - font-weight: bold; - color: #fff; -} - -.package-badge span { - background: #484848; - background: -webkit-linear-gradient(top, #545454 0%, #2f2f2f 100%); - background: linear-gradient(to bottom, #545454 0%, #2f2f2f 100%); - padding: 5px 7px; - margin: 0; - display: inline-block; - float: left; -} - -.package-badge span.package-name { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.package-badge span.package-number { - background: #4aae4e; - background: -webkit-linear-gradient(top, #7dc880 0%, #4aae4e 100%); - background: linear-gradient(to bottom, #7dc880 0%, #4aae4e 100%); - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.package-badge.blue .package-number { - background: #2f6bff; - background: -webkit-linear-gradient(top, #7ca1ff 0%, #2f6bff 100%); - background: linear-gradient(to bottom, #7ca1ff 0%, #2f6bff 100%); -} - -.package-badge.green .package-number, -#registrationForm input.package-badge[type=submit] .package-number, -.quick-menu .login input.package-badge[type=submit] .package-number, -.quick-menu .new-profile input.package-badge[type=submit] .package-number { - background: #4aae4e; - background: -webkit-linear-gradient(top, #7dc880 0%, #4aae4e 100%); - background: linear-gradient(to bottom, #7dc880 0%, #4aae4e 100%); -} - -.package-badge.red .package-number { - background: #fe6561; - background: -webkit-linear-gradient(top, #feafad 0%, #fe6561 100%); - background: linear-gradient(to bottom, #feafad 0%, #fe6561 100%); -} - -.package-badge.orange .package-number { - background: #EB7439; - background: -webkit-linear-gradient(top, #f2a57e 0%, #eb7439 100%); - background: linear-gradient(to bottom, #f2a57e 0%, #eb7439 100%); -} - -.package-badge.our .package-number { - background: #a3db78; - background: -webkit-linear-gradient(top, #ccebb4 0%, #a3db78 100%); - background: linear-gradient(to bottom, #ccebb4 0%, #a3db78 100%); - color: #000; -} - -.search-big { - display: inline-block; - position: relative; - width: 100%; - margin-bottom: 20px; -} - -.search-big input { - -webkit-appearance: none; - border-radius: 0; - border: 1px solid #cfcfcf; - padding: 20px 6px 20px 6px; - outline: none; - display: block; - width: 100%; - font-size: 1.3rem; - min-height: 60px; - font-family: "Asap", sans-serif; - z-index: 20; - position: relative; -} - -.search-big input + label { - position: absolute; - z-index: 10; - -webkit-transform: translate(0, -10px); - -ms-transform: translate(0, -10px); - transform: translate(0, -10px); - -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.3s cubic-bezier(0.7, 0, 0.3, 1); - transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.3s cubic-bezier(0.7, 0, 0.3, 1); - opacity: 0; - color: #ccc; - font-size: .8rem; -} - -.search-big input:valid + label { - opacity: 1; - top: 3px; - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); -} - -.search-big input:focus + label { - color: #000; - -webkit-transform: translate(0, -20px); - -ms-transform: translate(0, -20px); - transform: translate(0, -20px); -} - -.search-big input:focus { - border-color: #a3db78; -} - -.package-create { - position: relative; - top: 15px; - max-width: 100%; -} - -.package-create h1, -.package-create h2, -.package-create h3, -.package-create legend { - color: rgba(0, 0, 0, 0.8); - font-weight: bold; -} - -.package-create h1 { - margin-top: 0; -} - -.package-create h2 { - font-size: 1.6rem; - margin: 0 0 10px; -} - -.package-create h3, -.package-create legend { - font-size: 1.2rem; - margin: 0 0 10px; -} - -.package-create p { - font-size: .95rem; - line-height: 1.5; - color: black; -} - -.package-create p + p { - margin-top: 20px; -} - -.package-create .stepNavigation { - list-style: none; - margin-bottom: 1rem; - padding-bottom: 1rem; - margin-top: 1.5rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.18); -} - -.package-create .stepNavigation li { - display: inline-block; - margin-right: .5rem; - color: black; - font-size: .75rem; -} - -.package-create .stepNavigation li.current { - color: rgba(0, 0, 0, 0.8); - font-weight: bold; -} - -.package-create .stepNavigation li:last-child { - margin-right: 0; -} - -.package-create .stepNavigation li a { - text-decoration: none; -} - -.package-create .stepNavigation li a:hover { - color: black; -} - -.package-create fieldset { - padding: 0 0 1.5rem 0; - margin: 1.5rem 0 0 0; - border: none; - border-bottom: 1px solid whitesmoke; - max-width: 100%; -} - -.package-create label { - color: black; - width: 10rem; - display: block; - padding: 1.5rem .5rem .2rem 0; - display: inline-block; - font-size: 1rem; - font-weight: bold; -} - -.package-create label.pickfile { - font-size: .9rem; - padding: 0; - color: black; -} - -.package-create small { - font-size: .85rem; - color: black; - margin: 5px 0 0; - max-width: 90%; -} - -.package-create input, -.package-create textarea { - font-family: "Asap", sans-serif; -} - -.package-create input.warning, -.package-create input.error, -.package-create textarea.warning, -.package-create textarea.error { - border-color: #fe6561 !important; -} - -.package-create input[type="text"], -.package-create textarea { - font-size: .95rem; - color: black; - border: 1px solid #e8e8e8; -} - -.package-create input[type="text"]:focus, -.package-create input[type="text"]:active, -.package-create textarea:focus, -.package-create textarea:active { - outline: none; - border-color: #a3db78; -} - -.package-create input[type="text"] { - padding: 12px 10px; - outline: none; - width: 30rem; -} - -.package-create input[type="checkbox"] + label { - font-size: .9rem; - color: rgba(0, 0, 0, 0.8); - margin-left: .5rem; -} - -.package-create input[type="checkbox"]:checked + label { - font-weight: bold; -} - -.package-create input[type="checkbox"] + label + small { - top: -20px; -} - -.package-create select + small { - top: -20px; -} - -.package-create textarea { - padding: 8px; -} - -.package-create ::-webkit-input-placeholder { - color: red; -} - -.package-create #ContentPlaceHolderDefault_Main_Editor_5_ctl00_Collab + label { - padding: 0; -} - -.package-create .buttons { - margin-top: 2rem; - text-align: right; -} - -.package-create .buttons .button, -.package-create .buttons #registrationForm input[type=submit], -#registrationForm .package-create .buttons input[type=submit], -.package-create .buttons .quick-menu .login input[type=submit], -.quick-menu .login .package-create .buttons input[type=submit], -.package-create .buttons .quick-menu .new-profile input[type=submit], -.quick-menu .new-profile .package-create .buttons input[type=submit], -.package-create .buttons .tagAdd { - font-size: .9rem; -} - -.package-create .buttons a { - font-size: .9rem; - color: black; -} - -.package-create .buttons a:hover { - text-decoration: none; - color: rgba(0, 0, 0, 0.8); -} - -.package-create .pickversionWrapper { - overflow: hidden; -} - -.package-create .pickversion { - font-size: .95rem; - color: black; - float: left; -} - -.package-create .pickversion input[type="checkbox"] { - margin-right: .5rem; - margin-bottom: .5rem; -} - -.package-create .pickversion input[type="checkbox"]:checked + * { - font-weight: bold; -} - -.package-create #pickVersion label, -.package-create #pickNetVersion label, -.package-create #pickTrustLevel label { - padding-bottom: .5rem; - padding-top: 0; -} - -.package-create #pickVersion { - margin-top: 0; - float: left; - display: block; -} - -.package-create.complete fieldset { - margin-top: 2rem; -} - -.package-create.complete fieldset label { - padding: 1.5rem 0 0; -} - -.package-create.complete fieldset p + p { - margin: .5rem 0 0; -} - -.dataTable { - border-collapse: collapse; - border: 1px solid #ddd; - width: 100%; - margin-bottom: 1rem; -} - -.dataTable td, -.dataTable th { - padding: 8px !important; - font-size: .8rem; -} - -.dataTable th { - color: #fff; - background: #a3db78; - font-size: 14px; -} - -.dataTable tbody tr { - -webkit-transition: background 0.3s ease-in; - transition: background 0.3s ease-in; -} - -.dataTable tbody tr:hover { - background: #ddd; -} - -.dataTable tbody tr.totals { - font-weight: bold; - font-size: 14px; -} - -.dataTable tbody tr.totals:hover td { - background: #82B84F; -} - -.dataTable tbody tr.totals td { - border-top: 3px solid #a3db78; -} - -.dataTable .count, -.dataTable .dataTable .center { - text-align: center; -} - -.dataTable .money, -.dataTable .dataTable .right { - text-align: right; -} - -.eligibilityNotification { - border: 2px solid #a3db78; - background: rgba(163, 219, 120, 0.18); - padding: 15px; -} - -.eligibilityNotification p, -.eligibilityNotification li { - font-size: .9rem; - color: #000; -} - -.eligibilityNotification ul { - list-style: none; - margin: .8rem 0; -} - -.eligibilityNotification li { - margin-left: .3rem; - font-weight: bold; -} - -.eligibilityNotification.notEligible { - border-color: #EB7439; - background: rgba(235, 116, 57, 0.18); -} - -div.ac_results { - background: #fff; - padding: 20px; - border: 1px solid whitesmoke; -} - -div.ac_results li { - padding-bottom: .5rem; -} - -.tagAdd { - padding: 12px 20px !important; - float: right; -} - -.package-detail { - padding-top: 0; - position: relative; -} - -.package-detail .vote { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 20px; -} - -.package-detail .vote i { - font-size: 1.1rem; - color: rgba(0, 0, 0, 0.3); - display: inline-block; - margin-right: 5px; -} - -.package-detail .vote i.liked { - color: #f64051; -} - -.package-detail .vote:hover { - cursor: pointer; -} - -.package-detail .vote:hover i { - color: #f64051; -} - -.package-detail .vote:hover i.liked { - color: rgba(0, 0, 0, 0.3); -} - -.package-detail .vote:hover span { - color: black; -} - -.package-detail .vote span { - font-size: .9rem; - color: rgba(0, 0, 0, 0.4); -} - -.package-detail .markdown-syntax pre { - margin: 0 0 1rem; -} - -.package-detail .package-forum-activity { - overflow: hidden; -} - -.package-detail .package-forum-activity .goto { - text-align: right; - font-size: .9rem; - color: black; - float: right; -} - -.package-detail .package-forum-activity .goto:hover { - text-decoration: none; - color: rgba(0, 0, 0, 0.8); -} - -.package-detail .forum-thread { - padding: 10px; -} - -.package-detail .forum-thread img { - max-width: 60px; - height: auto; -} - -.package-detail .forum-thread .forum-thread-text { - margin-top: .7rem; -} - -.package-detail .forum-thread .forum-thread-text h3 { - font-size: .9rem; - color: rgba(0, 0, 0, 0.8); -} - -.package-detail .forum-thread .forum-thread-text p { - color: black; -} - -.package-detail-sidebar { - font-size: .9rem; - line-height: 1.5; - color: black; - margin-top: 2rem; -} - -.package-detail-sidebar .button, -.package-detail-sidebar #registrationForm input[type=submit], -#registrationForm .package-detail-sidebar input[type=submit], -.package-detail-sidebar .quick-menu .login input[type=submit], -.quick-menu .login .package-detail-sidebar input[type=submit], -.package-detail-sidebar .quick-menu .new-profile input[type=submit], -.quick-menu .new-profile .package-detail-sidebar input[type=submit], -.package-detail-sidebar .tagAdd { - max-width: 80%; - padding: 15px 20px; - font-size: 1rem; - margin: .5rem 0 2.5rem; -} - -.package-detail-sidebar .button i, -.package-detail-sidebar #registrationForm input[type=submit] i, -#registrationForm .package-detail-sidebar input[type=submit] i, -.package-detail-sidebar .quick-menu .login input[type=submit] i, -.quick-menu .login .package-detail-sidebar input[type=submit] i, -.package-detail-sidebar .quick-menu .new-profile input[type=submit] i, -.quick-menu .new-profile .package-detail-sidebar input[type=submit] i, -.package-detail-sidebar .tagAdd i { - font-size: 1.5rem; - position: relative; - display: inline-block; - top: 4px; - left: 5px; -} - -.package-detail-sidebar h2, -.package-detail-sidebar h3, -.package-detail-sidebar strong, -.package-detail-sidebar span { - color: rgba(0, 0, 0, 0.8); -} - -.package-detail-sidebar h2 { - font-size: 1.5rem; - margin-bottom: 1rem; -} - -.package-detail-sidebar h3 { - margin-bottom: .3rem; - font-size: 1.08rem; - font-weight: bold; -} - -.package-detail-sidebar ul { - margin-bottom: .8rem; -} - -.package-detail-sidebar li { - list-style: none; - font-size: .9rem; - padding: .15rem 0 0; -} - -.package-detail-sidebar li:first-child { - padding: 0; -} - -.package-detail-sidebar small { - color: black; -} - -.package-detail-sidebar span, -.package-detail-sidebar strong { - font-weight: bold; -} - -.package-detail-sidebar span { - padding-right: 3px; -} - -.package-detail-sidebar .package-creator { - position: relative; -} - -.package-detail-sidebar .package-creator h3 { - margin: 0 0 1rem 0; -} - -.package-detail-sidebar .package-creator .row { - margin-top: 0; - margin-bottom: 0; -} - -.package-detail-sidebar .package-creator img { - display: inline-block; - border-radius: 50%; - max-width: 80px; - min-width: 80px; - height: auto; - vertical-align: middle; -} - -.package-detail-sidebar .package-creator .package-creator-information h3 { - margin: 0; - font-size: 1rem; - color: rgba(0, 0, 0, 0.8); -} - -.package-detail-sidebar .package-creator .package-creator-information h3 a { - text-decoration: none; -} - -.package-detail-sidebar .package-creator .package-creator-information h3 a:hover { - color: #a3db78; -} - -.package-detail-sidebar .package-creator .package-creator-information small { - font-size: .8rem; - -webkit-transform: translate(0, -3px); - -ms-transform: translate(0, -3px); - transform: translate(0, -3px); -} - -.package-detail-sidebar .package-creator .package-creator-information .text { - margin: 0 0 0 .5rem; - display: inline-block; - vertical-align: bottom; -} - -.package-detail-sidebar .package-creator .package-creator-information .text a { - text-decoration: underline; -} - -.package-detail-sidebar .package-creator .package-creator-information .text a:hover { - text-decoration: none; -} - -.package-detail-sidebar .package-creator, -.package-detail-sidebar .package-compatibility { - border-bottom: 1px solid whitesmoke; - margin-bottom: 1rem; - padding-bottom: 1rem; -} - -.package-compatibility-versions .versions { - margin-bottom: 1rem; -} - -.package-compatibility-versions span { - display: block; - font-weight: normal; -} - -.package-compatibility-versions strong { - margin-right: 5px; -} - -.package-detail-content h3 { - display: block; - margin-bottom: .4rem; - font-size: 1.2rem; -} - -.package-detail-content .package-detail-description { - margin-bottom: 2rem; -} - -.package-detail-content .package-detail-description h1 { - font-size: 2.1rem; - line-height: 1.5; - color: rgba(0, 0, 0, 0.8); - margin-bottom: 1rem; - margin-top: 0; - max-width: 95%; - position: relative; - z-index: 1; - font-weight: bold; -} - -.package-detail-content .package-detail-description a:hover { - text-decoration: none; -} - -.package-detail-content .package-detail-description .hero-image { - max-width: 100%; - height: auto; - margin-bottom: 1.5rem; -} - -.package-detail-content .package-detail-description p, -.package-detail-content .package-detail-description li { - font-size: 1rem; - line-height: 1.5; - color: black; -} - -.package-detail-content .package-detail-description p + *, -.package-detail-content .package-detail-description li + * { - margin-top: 1rem; -} - -.package-detail-content .package-detail-description p + h3, -.package-detail-content .package-detail-description li + h3 { - margin-top: 1.7rem; -} - -.package-detail-content .package-detail-description p.hero, -.package-detail-content .package-detail-description li.hero { - font-size: 1.25rem !important; - line-height: 1.4; - color: rgba(0, 0, 0, 0.8); - margin-bottom: 1.5rem; -} - -.package-detail-content .package-detail-description ul { - margin-left: 40px; -} - -.package-detail-content .package-detail-description ul li { - margin: 0; -} - -.package-detail-content .package-detail-description h3 { - display: block; - margin-bottom: .4rem; - font-size: 1.2rem; -} - -.package-detail-content .package-detail-screenshots { - overflow: hidden; -} - -.package-detail-content .package-detail-screenshots a { - margin-bottom: .5rem; - display: block; - position: relative; - width: 23%; - max-height: 100px; - overflow: hidden; - margin-right: 2%; - float: left; - border: 1px solid whitesmoke; -} - -.package-detail-content .package-detail-screenshots img { - max-width: 100%; - height: auto; -} - -.package-detail-content .tabs { - margin: 0px; - padding: 0px; - list-style: none; - margin-top: 6rem; -} - -.package-detail-content .tabs li { - background: none; - color: rgba(0, 0, 0, 0.8); - display: inline-block; - padding: 10px 15px; - cursor: pointer; - font-size: 1rem; -} - -.package-detail-content .tabs li.current { - background: #ededed; - color: rgba(0, 0, 0, 0.8); -} - -.package-detail-content .tabs li:hover { - opacity: .8; -} - -.package-detail-content .tab-content { - display: none; - background: #ededed; - padding: 30px; - margin-bottom: 6rem; -} - -.package-detail-content .tab-content h3 { - font-size: 1.1rem; - margin-bottom: 1rem; - color: rgba(0, 0, 0, 0.8); -} - -.package-detail-content .tab-content p { - font-size: 1rem; - color: black; -} - -.package-detail-content .tab-content span { - color: rgba(0, 0, 0, 0.4); - font-size: .8rem; - display: block; - margin-top: .2rem; -} - -.package-detail-content .tab-content.current { - display: inherit; -} - -.package-misc .search-all-results { - border: none; -} - -.package-misc .search-all-results li { - border: none; - padding: 10px; -} - -.package-misc .search-all-results .type-context { - padding-left: 10px; -} - -.public-member { - font-size: .9rem; - line-height: 1.5; - color: black; - margin-top: 2rem; -} - -.public-member .member-details { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} - -.public-member .member-details img { - border-radius: 50%; - max-width: 112px; - min-width: 112px; - height: auto; -} - -.public-member .member-details h3 { - margin: 0; - font-size: 1.2rem; - line-height: 1.3; - color: rgba(0, 0, 0, 0.8); - font-weight: bold; -} - -.public-member .member-details small { - line-height: 1.3; - color: #445255; - font-size: 1.15rem; - font-weight: bold; - margin: 0; -} - -.public-member .member-details a:hover { - text-decoration: none; -} - -.public-member .member-details .text { - margin: 0 0 0 1rem; -} - -.public-member .member-details .text small { - font-size: 1rem; - font-weight: normal; - color: #5a6d71; -} - -.public-member .member-details .roles { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} - -.public-member .member-details .roles span { - font-size: .85rem; - margin: 0 2% 2% 0; -} - -.public-member h3 { - margin: 0 0 .5rem; - font-weight: bold; - font-size: 1.15rem; -} - -.public-member .member-bio { - margin-top: 1rem; -} - -.public-member .member-bio p { - font-size: 1rem; - line-height: 1.4; - color: #4f5f63; -} - -.public-member .category { - margin-top: .5rem; -} - -.public-member .category span.cat { - font-size: .75rem; -} - -.public-member .forum-thread .row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} - -.public-member .forum-thread-text h3 { - font-size: 1rem; -} - -.public-member .goto { - font-size: 1rem; -} - -.public-member .goto:hover { - text-decoration: none; -} - -.flex, -.flex-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.flex-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} - -/** -/* Sections -**/ - -.docs { - padding: 0; - border-bottom: 1px solid whitesmoke; -} - -.docs .row { - margin: 0; -} - -.docs .advanced, -.docs .beginners { - padding: 80px 20px; - text-align: center; -} - -.docs img { - margin-bottom: 30px; - display: inline-block; -} - -.docs h2 { - font-size: 2rem; - margin-bottom: 1rem; -} - -.docs p { - color: #565656; - line-height: 1.5; - font-size: .97rem; - margin-bottom: 30px; -} - -section.forum { - background: #f6f6f6; - background-size: 100%; - background-position: center bottom; - background-repeat: no-repeat; - position: relative; -} - -section.forum h1 { - font-size: 1.5rem; - margin-bottom: 2rem; -} - -section.forum .col-md-6 { - margin-bottom: 40px; -} - -section.forum .goto-forum { - text-align: center; - margin-top: 60px; -} - -section.forum .forum-thread .category { - margin: .5rem 0 0; -} - -section.forum .forum-thread .category span { - font-size: .75rem; -} - -small { - margin-bottom: 10px; - color: darkgray; - font-size: .9rem; - display: block; -} - -.forum-thread, -.person-activity { - background: #fff; - padding: 15px; - margin-bottom: 30px; - display: table; - width: 100%; - border: 1px solid #e9e9e9; - -webkit-transition: box-shadow .2s; - transition: box-shadow .2s; - text-decoration: none; -} - -.forum-thread .row, -.person-activity .row { - margin: 0; -} - -.forum-thread img, -.person-activity img { - border-radius: 50%; - width: 100%; - max-width: 112px; - height: auto; -} - -.forum-thread img.aura, -.person-activity img.aura { - border: 2px solid transparent; - border-radius: 50%; - padding: 3px; -} - -.forum-thread img.aura.mvp, -.person-activity img.aura.mvp { - border-color: rgba(74, 174, 78, 0.4); -} - -.forum-thread img.aura.admin, -.person-activity img.aura.admin { - border-color: rgba(246, 23, 0, 0.4); -} - -.forum-thread img.aura.hq, -.person-activity img.aura.hq { - border-color: rgba(34, 124, 246, 0.4); -} - -.forum-thread h3, -.person-activity h3 { - margin-bottom: 5px; - font-weight: normal; - color: #000; - line-height: 1.3; -} - -.forum-thread p, -.person-activity p { - font-size: .8rem; - color: #7F9499; -} - -.forum-thread:last-child, -.person-activity:last-child { - margin-bottom: 0; -} - -.forum-thread .col-xs-2, -.person-activity .col-xs-2 { - padding: 0 .1rem; -} - -.people { - text-align: center; -} - -.people .container, -.people .page, -.people .subpage { - max-width: 1400px; - position: relative; -} - -.people h1 { - font-size: 2rem; -} - -.people p { - max-width: 700px; - margin: 1rem auto 2.5rem; - margin-bottom: 3rem; - font-size: 1.2rem; - color: black; -} - -.people .user-profile { - width: 100%; - max-width: 68px; - margin: 0 auto; - height: auto; - border-radius: 50%; - position: relative; - -webkit-transition: box-shadow 0.2s; - transition: box-shadow 0.2s; -} - -.people div[class^="col-"] { - margin-bottom: 15px; -} - -.people button { - margin: 3rem auto 0; -} - -.events { - padding: 0; -} - -.events .event-map { - position: relative; - overflow: hidden; -} - -.events .event-info { - padding: 20px; - color: #fff; - background: rgba(22, 22, 22, 0.87); - text-align: center; -} - -.events .event-info img { - max-width: 66px; - height: auto; - margin: 10px auto 20px; - display: block; -} - -.events .event-info h1 { - font-size: 2rem; - margin-bottom: 30px; -} - -.events .event-info p { - line-height: 1.5; -} - -.events .event-info a { - margin-top: 30px; - display: inline-block; - font-weight: bold; -} - -.events .event-info a:hover { - text-decoration: none; -} - -.events #map { - height: 300px; -} - -/** -/* Pages -**/ - -.projectGroups { - margin-top: 50px; -} - -.projectGroups .projectGroup { - min-height: 150px; -} - -.projectGroups .projectGroup h3 { - color: rgba(0, 0, 0, 0.8); - font-size: 1.3rem; -} - -.projectGroups .projectGroup p { - color: black; - line-height: 1.5; - font-size: .97rem; -} - -.frontpage .docs .button.transparent, -.frontpage .docs #registrationForm input.transparent[type=submit], -#registrationForm .frontpage .docs input.transparent[type=submit], -.frontpage .docs .quick-menu .login input.transparent[type=submit], -.quick-menu .login .frontpage .docs input.transparent[type=submit], -.frontpage .docs .quick-menu .new-profile input.transparent[type=submit], -.quick-menu .new-profile .frontpage .docs input.transparent[type=submit], -.frontpage .docs .transparent.tagAdd, -.frontpage .forum .button.transparent, -.frontpage .forum #registrationForm input.transparent[type=submit], -#registrationForm .frontpage .forum input.transparent[type=submit], -.frontpage .forum .quick-menu .login input.transparent[type=submit], -.quick-menu .login .frontpage .forum input.transparent[type=submit], -.frontpage .forum .quick-menu .new-profile input.transparent[type=submit], -.quick-menu .new-profile .frontpage .forum input.transparent[type=submit], -.frontpage .forum .transparent.tagAdd, -.community-page .docs .button.transparent, -.community-page .docs #registrationForm input.transparent[type=submit], -#registrationForm .community-page .docs input.transparent[type=submit], -.community-page .docs .quick-menu .login input.transparent[type=submit], -.quick-menu .login .community-page .docs input.transparent[type=submit], -.community-page .docs .quick-menu .new-profile input.transparent[type=submit], -.quick-menu .new-profile .community-page .docs input.transparent[type=submit], -.community-page .docs .transparent.tagAdd, -.community-page .forum .button.transparent, -.community-page .forum #registrationForm input.transparent[type=submit], -#registrationForm .community-page .forum input.transparent[type=submit], -.community-page .forum .quick-menu .login input.transparent[type=submit], -.quick-menu .login .community-page .forum input.transparent[type=submit], -.community-page .forum .quick-menu .new-profile input.transparent[type=submit], -.quick-menu .new-profile .community-page .forum input.transparent[type=submit], -.community-page .forum .transparent.tagAdd { - float: none; - font-size: .9rem; - padding: 12px 14px; - -webkit-transition: all 0.2s; - transition: all 0.2s; -} - -.frontpage .docs .button.transparent:hover, -.frontpage .docs #registrationForm input.transparent[type=submit]:hover, -#registrationForm .frontpage .docs input.transparent[type=submit]:hover, -.frontpage .docs .quick-menu .login input.transparent[type=submit]:hover, -.quick-menu .login .frontpage .docs input.transparent[type=submit]:hover, -.frontpage .docs .quick-menu .new-profile input.transparent[type=submit]:hover, -.quick-menu .new-profile .frontpage .docs input.transparent[type=submit]:hover, -.frontpage .docs .transparent.tagAdd:hover, -.frontpage .forum .button.transparent:hover, -.frontpage .forum #registrationForm input.transparent[type=submit]:hover, -#registrationForm .frontpage .forum input.transparent[type=submit]:hover, -.frontpage .forum .quick-menu .login input.transparent[type=submit]:hover, -.quick-menu .login .frontpage .forum input.transparent[type=submit]:hover, -.frontpage .forum .quick-menu .new-profile input.transparent[type=submit]:hover, -.quick-menu .new-profile .frontpage .forum input.transparent[type=submit]:hover, -.frontpage .forum .transparent.tagAdd:hover, -.community-page .docs .button.transparent:hover, -.community-page .docs #registrationForm input.transparent[type=submit]:hover, -#registrationForm .community-page .docs input.transparent[type=submit]:hover, -.community-page .docs .quick-menu .login input.transparent[type=submit]:hover, -.quick-menu .login .community-page .docs input.transparent[type=submit]:hover, -.community-page .docs .quick-menu .new-profile input.transparent[type=submit]:hover, -.quick-menu .new-profile .community-page .docs input.transparent[type=submit]:hover, -.community-page .docs .transparent.tagAdd:hover, -.community-page .forum .button.transparent:hover, -.community-page .forum #registrationForm input.transparent[type=submit]:hover, -#registrationForm .community-page .forum input.transparent[type=submit]:hover, -.community-page .forum .quick-menu .login input.transparent[type=submit]:hover, -.quick-menu .login .community-page .forum input.transparent[type=submit]:hover, -.community-page .forum .quick-menu .new-profile input.transparent[type=submit]:hover, -.quick-menu .new-profile .community-page .forum input.transparent[type=submit]:hover, -.community-page .forum .transparent.tagAdd:hover { - background: #4aae4e; - color: #fff; - opacity: 1; - border-color: #4aae4e; -} - -.frontpage .docs .button.transparent.ink, -.frontpage .docs #registrationForm input.transparent.ink[type=submit], -#registrationForm .frontpage .docs input.transparent.ink[type=submit], -.frontpage .docs .quick-menu .login input.transparent.ink[type=submit], -.quick-menu .login .frontpage .docs input.transparent.ink[type=submit], -.frontpage .docs .quick-menu .new-profile input.transparent.ink[type=submit], -.quick-menu .new-profile .frontpage .docs input.transparent.ink[type=submit], -.frontpage .docs .transparent.ink.tagAdd, -.frontpage .forum .button.transparent.ink, -.frontpage .forum #registrationForm input.transparent.ink[type=submit], -#registrationForm .frontpage .forum input.transparent.ink[type=submit], -.frontpage .forum .quick-menu .login input.transparent.ink[type=submit], -.quick-menu .login .frontpage .forum input.transparent.ink[type=submit], -.frontpage .forum .quick-menu .new-profile input.transparent.ink[type=submit], -.quick-menu .new-profile .frontpage .forum input.transparent.ink[type=submit], -.frontpage .forum .transparent.ink.tagAdd, -.community-page .docs .button.transparent.ink, -.community-page .docs #registrationForm input.transparent.ink[type=submit], -#registrationForm .community-page .docs input.transparent.ink[type=submit], -.community-page .docs .quick-menu .login input.transparent.ink[type=submit], -.quick-menu .login .community-page .docs input.transparent.ink[type=submit], -.community-page .docs .quick-menu .new-profile input.transparent.ink[type=submit], -.quick-menu .new-profile .community-page .docs input.transparent.ink[type=submit], -.community-page .docs .transparent.ink.tagAdd, -.community-page .forum .button.transparent.ink, -.community-page .forum #registrationForm input.transparent.ink[type=submit], -#registrationForm .community-page .forum input.transparent.ink[type=submit], -.community-page .forum .quick-menu .login input.transparent.ink[type=submit], -.quick-menu .login .community-page .forum input.transparent.ink[type=submit], -.community-page .forum .quick-menu .new-profile input.transparent.ink[type=submit], -.quick-menu .new-profile .community-page .forum input.transparent.ink[type=submit], -.community-page .forum .transparent.ink.tagAdd { - background: rgba(255, 255, 255, 0.3); -} - -.map header { - background: transparent !important; -} - -.map .container, -.map .page, -.map .subpage { - position: relative; - z-index: 200; -} - -.map + div { - margin-top: 15px; -} - -.map nav a, -.map nav a:visited, -.map nav a:active { - text-decoration: none; - color: rgba(255, 255, 255, 0.6); - -webkit-transition: color 0.2s; - transition: color 0.2s; -} - -.map nav a:hover, -.map nav a:visited:hover, -.map nav a:active:hover { - color: white; -} - -.map .event-map { - position: relative; - padding-top: 0 !important; - min-height: 200px; -} - -.map #map { - height: 200px; -} - -.map .col-md-4 { - margin-bottom: 40px; -} - -.map .people { - border-bottom: 1px solid whitesmoke; - padding: 30px 0; -} - -.map .people .teaser { - max-width: 640px; - margin: 0 auto; -} - -.map .people .teaser h1 { - margin-bottom: 1rem; -} - -.map .people .teaser p + p { - margin-top: 30px; -} - -.map .people .teaser strong { - font-size: 1.2rem; -} - -.map .people-activity { - background: whitesmoke; - padding: 30px 0; -} - -.map .people-activity strong { - margin-bottom: .3rem; - display: block; - font-size: 1.6rem; -} - -.map .people-activity img { - max-height: 66px; - width: auto; -} - -.map .people-activity .person-activity-text { - margin-top: 8px; -} - -.documentation { - padding: 0; -} - -.documentation > .container, -.documentation > .page, -.documentation > .subpage { - position: relative; -} - -.documentation #body a { - color: #6dbb32; -} - -.documentation #body a:hover { - text-decoration: underline; -} - -.documentation #body a.active h3 { - color: #88d050 !important; -} - -.documentation .search-big { - margin-bottom: 0; - margin-top: 20px; -} - -.docs-overview { - text-align: center; -} - -.docs-overview h1 { - font-size: 3rem; - font-weight: 100; - color: rgba(0, 0, 0, 0.8); -} - -.docs-overview .docs-section { - display: inline-block; - max-width: 400px; - text-align: center; - color: #000; - -webkit-transition: all 0.1s cubic-bezier(0.7, 0, 0.3, 1); - transition: all 0.1s cubic-bezier(0.7, 0, 0.3, 1); -} - -.docs-overview .docs-section img { - text-align: center; - opacity: .8; - -webkit-filter: grayscale(75%); - filter: grayscale(75%); - -webkit-transform: scale(0.95); - -ms-transform: scale(0.95); - transform: scale(0.95); - -webkit-transition: all .1s linear; - transition: all .1s linear; -} - -.docs-overview .docs-section h2, -.docs-overview .docs-section p { - -webkit-transition: all .1s linear; - transition: all .1s linear; -} - -.docs-overview .docs-section h2 { - font-weight: 100; - color: rgba(0, 0, 0, 0.8); - margin-bottom: 1rem; -} - -.docs-overview .docs-section p { - text-align: center; - color: black; -} - -.docs-overview .docs-section:hover { - cursor: pointer; -} - -.docs-overview .docs-section:hover h2, -.docs-overview .docs-section:hover p { - color: #000; -} - -.docs-overview .docs-section:hover img { - opacity: 1; - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - -webkit-filter: grayscale(0%); - filter: grayscale(0%); -} - -.docs-overview .contributing { - text-align: left; - margin-top: 2rem; -} - -.docs-overview .contributing h3 { - color: rgba(0, 0, 0, 0.8); - font-size: 1rem; - margin-bottom: .5rem; -} - -.docs-overview .contributing p { - color: black; - font-size: .9rem; - margin-top: 0; -} - -.docs-overview h3 { - font-weight: 100; - margin-top: 80px; -} - -#markdown-docs a { - color: #6dbb32; - text-decoration: none; -} - -#markdown-docs a:hover { - color: #3e6b1c; -} - -#markdown-docs h1 a, -#markdown-docs h2 a, -#markdown-docs h3 a, -#markdown-docs h4 a, -#markdown-docs h5 a, -#markdown-docs h6 a { - color: #000; - text-decoration: underline; -} - -#markdown-docs h1 a:hover, -#markdown-docs h2 a:hover, -#markdown-docs h3 a:hover, -#markdown-docs h4 a:hover, -#markdown-docs h5 a:hover, -#markdown-docs h6 a:hover { - color: #000; - text-decoration: none; -} - -.dot { - display: block; - position: relative; - margin-top: 13px; - background-color: #daf0c9; - border: solid 3px #daf0c9; -} - -.dot .line { - display: block; - position: absolute; -} - -.dot .line.h-line { - border-top: solid 3px #daf0c9; -} - -.dot .line.v-line { - border-left: solid 3px #daf0c9; -} - -.dot.big { - height: 60px; - width: 60px; - border-radius: 40px; - margin: 20px auto 100px; - font-size: 2rem; - line-height: 3.5rem; - text-indent: .7rem; - color: #569327; -} - -.dot.big .h-line { - left: 50px; - top: 25px; - width: 70px; - height: 1px; -} - -.dot.big .v-line { - left: 25px; - top: 57px; - width: 1px; - height: 100px; -} - -.dot.big .v-line.top { - top: -80px; - height: 80px; -} - -.dot.small { - height: 20px; - width: 20px; - border-radius: 30px; - margin: 0 auto 115px; -} - -.dot.small.last { - margin-top: 60px; - margin-bottom: 5px; -} - -.dot.small .h-line { - left: 17px; - top: 7px; - width: 70px; - height: 1px; - border-width: 1px; -} - -.dot.small .v-line { - top: 17px; - left: 5px; - width: 1px; - height: 120px; -} - -.dot.small .v-line.top { - height: 100px; - top: -90px; -} - -.point { - position: absolute; - margin-left: 191px; - margin-top: 21px; - z-index: 100; -} - -.point a { - color: #000 !important; -} - -.point h4 { - font-size: 2rem; - margin-top: 13px; -} - -.point small { - margin-bottom: 10px; - color: black; - font-size: .9rem; - display: block; - line-height: 1.3; - padding-right: 5px; -} - -.explain small { - margin-bottom: 10px; - color: black; - font-size: .9rem; - display: block; - line-height: 1.3; - padding-right: 5px; -} - -.explain .col-xs-12 { - min-height: 153px; -} - -.explain .col-xs-12 h4 { - margin-top: 12px; - font-size: 2em; - margin-bottom: .3rem; - color: rgba(0, 0, 0, 0.8); -} - -.explain .col-xs-12 h4 a { - text-decoration: none; -} - -.explain .col-xs-12 h4 a:hover { - color: #a3db78; -} - -.explain .col-xs-6 { - min-height: 133px; -} - -.explain .col-xs-6 h5 { - font-size: 1.1rem; - margin-bottom: .2rem; - font-weight: 600; -} - -.explain .col-xs-6 h5 a { - color: rgba(0, 0, 0, 0.8); - text-decoration: none; -} - -.explain .col-xs-6 h5 a:hover { - color: #a3db78; -} - -.explain .col-xs-6 > a { - display: inline-block; - min-height: 150px; - padding: 5px; - color: white; -} - -.explain .col-xs-6 > a:hover { - cursor: pointer; -} - -.umbracoVersion { - display: inline-block; - font-weight: 700; - border-radius: 2px; - font-size: .7rem; - padding: 3px 5px; - text-decoration: none; - text-transform: capitalize; - -webkit-transition: background .2s; - transition: background .2s; - padding: 4px 6px; - font-size: .85rem; - background: #4ea7ff; - color: #fff; - margin-top: 0px; -} - -.forum-overview .forum { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - background: none; - padding: 0; -} - -.forum-overview .forum-head, -.forum-overview .forum-content, -.forum-overview .forum-settings { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} - -.forum-overview .forum-settings { - margin: 30px 0 0; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} - -.forum-overview .forum-settings .search-big { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} - -.forum-overview .forum-settings .or { - -webkit-box-flex: 0; - -webkit-flex: 0 0 5%; - -ms-flex: 0 0 5%; - flex: 0 0 5%; - color: #445255; - font-size: 1.1rem; - text-align: center; -} - -.forum-overview .forum-settings .sorting { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} - -.forum-overview .forum-settings select, -.forum-overview .forum-settings input { - font-size: .95rem; - color: #7F9499; -} - -.forum-overview .forum-settings select:focus, -.forum-overview .forum-settings input:focus { - color: #445255; -} - -.forum-overview .forum-head { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - padding: 20px 15px; - border-bottom: 1px solid whitesmoke; - font-size: .8rem; - text-transform: uppercase; - font-weight: bold; - letter-spacing: .5px; -} - -.forum-overview .forum-content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.forum-overview .forum-content .posts { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.forum-overview .forum-content .posts small { - color: #445255; - font-size: 1rem; - margin-bottom: .2rem; -} - -.forum-overview .forum-content .posts span { - font-size: .8rem; - color: #7F9499; -} - -.forum-overview .forum .topic-row { - padding: 25px 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid rgba(127, 148, 153, 0.11); -} - -.forum-overview .forum .topic-row .topic { - font-size: .95rem; - line-height: 1.3; -} - -.forum-overview .forum .topic-row .topic a { - text-decoration: none; - display: block; -} - -.forum-overview .forum .topic-row .topic a:hover h3 { - text-decoration: underline; -} - -.forum-overview .forum .topic-row .topic span { - display: block; - font-size: .75rem; - color: #7F9499; - margin-top: 8px; -} - -.forum-overview .forum .topic-row .topic span strong { - font-weight: normal; - color: #445255; -} - -.forum-overview .forum .topic-row .category { - line-height: 1.3; -} - -.forum-overview .forum .topic-row.solved { - background: rgba(163, 219, 120, 0.23); -} - -.forum-overview .forum .topic { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - margin-right: 5%; -} - -.forum-overview .forum .category { - -webkit-box-flex: 0; - -webkit-flex: 0 0 30%; - -ms-flex: 0 0 30%; - flex: 0 0 30%; - margin-right: 5%; -} - -.forum-overview .forum .posts { - -webkit-box-flex: 0; - -webkit-flex: 0 0 10%; - -ms-flex: 0 0 10%; - flex: 0 0 10%; - text-align: center; -} - -.forum-overview .sorting { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin-left: auto; -} - -.forum-overview .sorting select { - border: 1px solid #cfcfcf; - border-radius: 0; - padding: 20px 20px 20px 10px; - background-position: 95% center; -} - -.forum-overview .sorting select:focus, -.forum-overview .sorting select:hover { - color: black; - background-position: 95% center; -} - -.forum-overview .pagination { - margin: 60px 0; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} - -.forum-overview .pagination a { - margin-top: 0; -} - -.forum-page .button.delete-thread, -.forum-page #registrationForm input.delete-thread[type=submit], -#registrationForm .forum-page input.delete-thread[type=submit], -.forum-page .quick-menu .login input.delete-thread[type=submit], -.quick-menu .login .forum-page input.delete-thread[type=submit], -.forum-page .quick-menu .new-profile input.delete-thread[type=submit], -.quick-menu .new-profile .forum-page input.delete-thread[type=submit], -.forum-page .delete-thread.tagAdd, -.forum-page .button.follow, -.forum-page #registrationForm input.follow[type=submit], -#registrationForm .forum-page input.follow[type=submit], -.forum-page .quick-menu .login input.follow[type=submit], -.quick-menu .login .forum-page input.follow[type=submit], -.forum-page .quick-menu .new-profile input.follow[type=submit], -.quick-menu .new-profile .forum-page input.follow[type=submit], -.forum-page .follow.tagAdd, -.forum-page .button.create-new-thread, -.forum-page #registrationForm input.create-new-thread[type=submit], -#registrationForm .forum-page input.create-new-thread[type=submit], -.forum-page .quick-menu .login input.create-new-thread[type=submit], -.quick-menu .login .forum-page input.create-new-thread[type=submit], -.forum-page .quick-menu .new-profile input.create-new-thread[type=submit], -.quick-menu .new-profile .forum-page input.create-new-thread[type=submit], -.forum-page .create-new-thread.tagAdd, -.forum-page .button.login, -.forum-page #registrationForm input.login[type=submit], -#registrationForm .forum-page input.login[type=submit], -.forum-page .quick-menu .login input.login[type=submit], -.quick-menu .login .forum-page input.login[type=submit], -.forum-page .quick-menu .new-profile input.login[type=submit], -.quick-menu .new-profile .forum-page input.login[type=submit], -.forum-page .login.tagAdd, -.forum-page .button.go-to-solution, -.forum-page #registrationForm input.go-to-solution[type=submit], -#registrationForm .forum-page input.go-to-solution[type=submit], -.forum-page .quick-menu .login input.go-to-solution[type=submit], -.quick-menu .login .forum-page input.go-to-solution[type=submit], -.forum-page .quick-menu .new-profile input.go-to-solution[type=submit], -.quick-menu .new-profile .forum-page input.go-to-solution[type=submit], -.forum-page .go-to-solution.tagAdd { - padding: 6px 18px 10px 14px; - min-width: 115px; - font-size: .8rem; - margin-top: 5px; - margin-left: 5px; - min-width: 115px; - width: auto; - -webkit-transition: all 0.2s; - transition: all 0.2s; -} - -.forum-page .button.delete-thread i, -.forum-page #registrationForm input.delete-thread[type=submit] i, -#registrationForm .forum-page input.delete-thread[type=submit] i, -.forum-page .quick-menu .login input.delete-thread[type=submit] i, -.quick-menu .login .forum-page input.delete-thread[type=submit] i, -.forum-page .quick-menu .new-profile input.delete-thread[type=submit] i, -.quick-menu .new-profile .forum-page input.delete-thread[type=submit] i, -.forum-page .delete-thread.tagAdd i, -.forum-page .button.follow i, -.forum-page #registrationForm input.follow[type=submit] i, -#registrationForm .forum-page input.follow[type=submit] i, -.forum-page .quick-menu .login input.follow[type=submit] i, -.quick-menu .login .forum-page input.follow[type=submit] i, -.forum-page .quick-menu .new-profile input.follow[type=submit] i, -.quick-menu .new-profile .forum-page input.follow[type=submit] i, -.forum-page .follow.tagAdd i, -.forum-page .button.create-new-thread i, -.forum-page #registrationForm input.create-new-thread[type=submit] i, -#registrationForm .forum-page input.create-new-thread[type=submit] i, -.forum-page .quick-menu .login input.create-new-thread[type=submit] i, -.quick-menu .login .forum-page input.create-new-thread[type=submit] i, -.forum-page .quick-menu .new-profile input.create-new-thread[type=submit] i, -.quick-menu .new-profile .forum-page input.create-new-thread[type=submit] i, -.forum-page .create-new-thread.tagAdd i, -.forum-page .button.login i, -.forum-page #registrationForm input.login[type=submit] i, -#registrationForm .forum-page input.login[type=submit] i, -.forum-page .quick-menu .login input.login[type=submit] i, -.quick-menu .login .forum-page input.login[type=submit] i, -.forum-page .quick-menu .new-profile input.login[type=submit] i, -.quick-menu .new-profile .forum-page input.login[type=submit] i, -.forum-page .login.tagAdd i, -.forum-page .button.go-to-solution i, -.forum-page #registrationForm input.go-to-solution[type=submit] i, -#registrationForm .forum-page input.go-to-solution[type=submit] i, -.forum-page .quick-menu .login input.go-to-solution[type=submit] i, -.quick-menu .login .forum-page input.go-to-solution[type=submit] i, -.forum-page .quick-menu .new-profile input.go-to-solution[type=submit] i, -.quick-menu .new-profile .forum-page input.go-to-solution[type=submit] i, -.forum-page .go-to-solution.tagAdd i { - margin-right: 3px; - font-size: 18px; - -webkit-transform: translate(0, 3px); - -ms-transform: translate(0, 3px); - transform: translate(0, 3px); - display: inline-block; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -.forum-page .button.delete-thread:hover, -.forum-page #registrationForm input.delete-thread[type=submit]:hover, -#registrationForm .forum-page input.delete-thread[type=submit]:hover, -.forum-page .quick-menu .login input.delete-thread[type=submit]:hover, -.quick-menu .login .forum-page input.delete-thread[type=submit]:hover, -.forum-page .quick-menu .new-profile input.delete-thread[type=submit]:hover, -.quick-menu .new-profile .forum-page input.delete-thread[type=submit]:hover, -.forum-page .delete-thread.tagAdd:hover, -.forum-page .button.follow:hover, -.forum-page #registrationForm input.follow[type=submit]:hover, -#registrationForm .forum-page input.follow[type=submit]:hover, -.forum-page .quick-menu .login input.follow[type=submit]:hover, -.quick-menu .login .forum-page input.follow[type=submit]:hover, -.forum-page .quick-menu .new-profile input.follow[type=submit]:hover, -.quick-menu .new-profile .forum-page input.follow[type=submit]:hover, -.forum-page .follow.tagAdd:hover, -.forum-page .button.create-new-thread:hover, -.forum-page #registrationForm input.create-new-thread[type=submit]:hover, -#registrationForm .forum-page input.create-new-thread[type=submit]:hover, -.forum-page .quick-menu .login input.create-new-thread[type=submit]:hover, -.quick-menu .login .forum-page input.create-new-thread[type=submit]:hover, -.forum-page .quick-menu .new-profile input.create-new-thread[type=submit]:hover, -.quick-menu .new-profile .forum-page input.create-new-thread[type=submit]:hover, -.forum-page .create-new-thread.tagAdd:hover, -.forum-page .button.login:hover, -.forum-page #registrationForm input.login[type=submit]:hover, -#registrationForm .forum-page input.login[type=submit]:hover, -.forum-page .quick-menu .login input.login[type=submit]:hover, -.quick-menu .login .forum-page input.login[type=submit]:hover, -.forum-page .quick-menu .new-profile input.login[type=submit]:hover, -.quick-menu .new-profile .forum-page input.login[type=submit]:hover, -.forum-page .login.tagAdd:hover, -.forum-page .button.go-to-solution:hover, -.forum-page #registrationForm input.go-to-solution[type=submit]:hover, -#registrationForm .forum-page input.go-to-solution[type=submit]:hover, -.forum-page .quick-menu .login input.go-to-solution[type=submit]:hover, -.quick-menu .login .forum-page input.go-to-solution[type=submit]:hover, -.forum-page .quick-menu .new-profile input.go-to-solution[type=submit]:hover, -.quick-menu .new-profile .forum-page input.go-to-solution[type=submit]:hover, -.forum-page .go-to-solution.tagAdd:hover { - opacity: 1; -} - -.forum-page .button.transparent, -.forum-page #registrationForm input.transparent[type=submit], -#registrationForm .forum-page input.transparent[type=submit], -.forum-page .quick-menu .login input.transparent[type=submit], -.quick-menu .login .forum-page input.transparent[type=submit], -.forum-page .quick-menu .new-profile input.transparent[type=submit], -.quick-menu .new-profile .forum-page input.transparent[type=submit], -.forum-page .transparent.tagAdd { - border: 1px solid rgba(0, 0, 0, 0.5); - background: none; - color: rgba(0, 0, 0, 0.5); - padding: 5px 17px 9px 13px; -} - -.forum-page .button.transparent:hover, -.forum-page #registrationForm input.transparent[type=submit]:hover, -#registrationForm .forum-page input.transparent[type=submit]:hover, -.forum-page .quick-menu .login input.transparent[type=submit]:hover, -.quick-menu .login .forum-page input.transparent[type=submit]:hover, -.forum-page .quick-menu .new-profile input.transparent[type=submit]:hover, -.quick-menu .new-profile .forum-page input.transparent[type=submit]:hover, -.forum-page .transparent.tagAdd:hover { - background: none; - color: #000; - border-color: #000; -} - -.forum-page .button.transparent .ink, -.forum-page #registrationForm input.transparent[type=submit] .ink, -#registrationForm .forum-page input.transparent[type=submit] .ink, -.forum-page .quick-menu .login input.transparent[type=submit] .ink, -.quick-menu .login .forum-page input.transparent[type=submit] .ink, -.forum-page .quick-menu .new-profile input.transparent[type=submit] .ink, -.quick-menu .new-profile .forum-page input.transparent[type=submit] .ink, -.forum-page .transparent.tagAdd .ink { - background: rgba(74, 174, 78, 0.23); -} - -.forum-page .button.delete-thread, -.forum-page #registrationForm input.delete-thread[type=submit], -#registrationForm .forum-page input.delete-thread[type=submit], -.forum-page .quick-menu .login input.delete-thread[type=submit], -.quick-menu .login .forum-page input.delete-thread[type=submit], -.forum-page .quick-menu .new-profile input.delete-thread[type=submit], -.quick-menu .new-profile .forum-page input.delete-thread[type=submit], -.forum-page .delete-thread.tagAdd { - opacity: 1; - border-color: transparent; - background: #fe6561; -} - -.forum-page .button.delete-thread i, -.forum-page #registrationForm input.delete-thread[type=submit] i, -#registrationForm .forum-page input.delete-thread[type=submit] i, -.forum-page .quick-menu .login input.delete-thread[type=submit] i, -.quick-menu .login .forum-page input.delete-thread[type=submit] i, -.forum-page .quick-menu .new-profile input.delete-thread[type=submit] i, -.quick-menu .new-profile .forum-page input.delete-thread[type=submit] i, -.forum-page .delete-thread.tagAdd i { - color: #fff; -} - -.forum-page .button.delete-thread:hover, -.forum-page #registrationForm input.delete-thread[type=submit]:hover, -#registrationForm .forum-page input.delete-thread[type=submit]:hover, -.forum-page .quick-menu .login input.delete-thread[type=submit]:hover, -.quick-menu .login .forum-page input.delete-thread[type=submit]:hover, -.forum-page .quick-menu .new-profile input.delete-thread[type=submit]:hover, -.quick-menu .new-profile .forum-page input.delete-thread[type=submit]:hover, -.forum-page .delete-thread.tagAdd:hover { - background: #fe7e7a; -} - -.forum-page .button.delete-thread:hover i, -.forum-page #registrationForm input.delete-thread[type=submit]:hover i, -#registrationForm .forum-page input.delete-thread[type=submit]:hover i, -.forum-page .quick-menu .login input.delete-thread[type=submit]:hover i, -.quick-menu .login .forum-page input.delete-thread[type=submit]:hover i, -.forum-page .quick-menu .new-profile input.delete-thread[type=submit]:hover i, -.quick-menu .new-profile .forum-page input.delete-thread[type=submit]:hover i, -.forum-page .delete-thread.tagAdd:hover i { - opacity: .5; -} - -.forum-page .button.delete-thread .ink, -.forum-page #registrationForm input.delete-thread[type=submit] .ink, -#registrationForm .forum-page input.delete-thread[type=submit] .ink, -.forum-page .quick-menu .login input.delete-thread[type=submit] .ink, -.quick-menu .login .forum-page input.delete-thread[type=submit] .ink, -.forum-page .quick-menu .new-profile input.delete-thread[type=submit] .ink, -.quick-menu .new-profile .forum-page input.delete-thread[type=submit] .ink, -.forum-page .delete-thread.tagAdd .ink { - background: rgba(255, 255, 255, 0.3); -} - -.forum-page .button.following, -.forum-page #registrationForm input.following[type=submit], -#registrationForm .forum-page input.following[type=submit], -.forum-page .quick-menu .login input.following[type=submit], -.quick-menu .login .forum-page input.following[type=submit], -.forum-page .quick-menu .new-profile input.following[type=submit], -.quick-menu .new-profile .forum-page input.following[type=submit], -.forum-page .following.tagAdd { - background: #4aae4e; - color: #fff; - opacity: 1; - border-color: transparent; -} - -.forum-page .button.following:hover, -.forum-page #registrationForm input.following[type=submit]:hover, -#registrationForm .forum-page input.following[type=submit]:hover, -.forum-page .quick-menu .login input.following[type=submit]:hover, -.quick-menu .login .forum-page input.following[type=submit]:hover, -.forum-page .quick-menu .new-profile input.following[type=submit]:hover, -.quick-menu .new-profile .forum-page input.following[type=submit]:hover, -.forum-page .following.tagAdd:hover { - background: #59b85d; -} - -.forum-page .button.following:hover i, -.forum-page #registrationForm input.following[type=submit]:hover i, -#registrationForm .forum-page input.following[type=submit]:hover i, -.forum-page .quick-menu .login input.following[type=submit]:hover i, -.quick-menu .login .forum-page input.following[type=submit]:hover i, -.forum-page .quick-menu .new-profile input.following[type=submit]:hover i, -.quick-menu .new-profile .forum-page input.following[type=submit]:hover i, -.forum-page .following.tagAdd:hover i { - opacity: .5; -} - -.forum-page .button.create-new-thread, -.forum-page #registrationForm input.create-new-thread[type=submit], -#registrationForm .forum-page input.create-new-thread[type=submit], -.forum-page .quick-menu .login input.create-new-thread[type=submit], -.quick-menu .login .forum-page input.create-new-thread[type=submit], -.forum-page .quick-menu .new-profile input.create-new-thread[type=submit], -.quick-menu .new-profile .forum-page input.create-new-thread[type=submit], -.forum-page .create-new-thread.tagAdd, -.forum-page .button.login, -.forum-page #registrationForm input.login[type=submit], -#registrationForm .forum-page input.login[type=submit], -.forum-page .quick-menu .login input.login[type=submit], -.quick-menu .login .forum-page input.login[type=submit], -.forum-page .quick-menu .new-profile input.login[type=submit], -.quick-menu .new-profile .forum-page input.login[type=submit], -.forum-page .login.tagAdd { - padding: 9px 18px 10px 14px; - background: #4aae4e; - color: #fff; - opacity: 1; - border-color: transparent; -} - -.forum-page .button.create-new-thread i, -.forum-page #registrationForm input.create-new-thread[type=submit] i, -#registrationForm .forum-page input.create-new-thread[type=submit] i, -.forum-page .quick-menu .login input.create-new-thread[type=submit] i, -.quick-menu .login .forum-page input.create-new-thread[type=submit] i, -.forum-page .quick-menu .new-profile input.create-new-thread[type=submit] i, -.quick-menu .new-profile .forum-page input.create-new-thread[type=submit] i, -.forum-page .create-new-thread.tagAdd i, -.forum-page .button.login i, -.forum-page #registrationForm input.login[type=submit] i, -#registrationForm .forum-page input.login[type=submit] i, -.forum-page .quick-menu .login input.login[type=submit] i, -.quick-menu .login .forum-page input.login[type=submit] i, -.forum-page .quick-menu .new-profile input.login[type=submit] i, -.quick-menu .new-profile .forum-page input.login[type=submit] i, -.forum-page .login.tagAdd i { - color: #fff; - font-size: .8rem; - -webkit-transform: translate(0, 2px); - -ms-transform: translate(0, 2px); - transform: translate(0, 2px); -} - -.forum-page .button.create-new-thread:hover, -.forum-page #registrationForm input.create-new-thread[type=submit]:hover, -#registrationForm .forum-page input.create-new-thread[type=submit]:hover, -.forum-page .quick-menu .login input.create-new-thread[type=submit]:hover, -.quick-menu .login .forum-page input.create-new-thread[type=submit]:hover, -.forum-page .quick-menu .new-profile input.create-new-thread[type=submit]:hover, -.quick-menu .new-profile .forum-page input.create-new-thread[type=submit]:hover, -.forum-page .create-new-thread.tagAdd:hover, -.forum-page .button.login:hover, -.forum-page #registrationForm input.login[type=submit]:hover, -#registrationForm .forum-page input.login[type=submit]:hover, -.forum-page .quick-menu .login input.login[type=submit]:hover, -.quick-menu .login .forum-page input.login[type=submit]:hover, -.forum-page .quick-menu .new-profile input.login[type=submit]:hover, -.quick-menu .new-profile .forum-page input.login[type=submit]:hover, -.forum-page .login.tagAdd:hover { - background: #59b85d; -} - -.forum-page .button.create-new-thread:hover i, -.forum-page #registrationForm input.create-new-thread[type=submit]:hover i, -#registrationForm .forum-page input.create-new-thread[type=submit]:hover i, -.forum-page .quick-menu .login input.create-new-thread[type=submit]:hover i, -.quick-menu .login .forum-page input.create-new-thread[type=submit]:hover i, -.forum-page .quick-menu .new-profile input.create-new-thread[type=submit]:hover i, -.quick-menu .new-profile .forum-page input.create-new-thread[type=submit]:hover i, -.forum-page .create-new-thread.tagAdd:hover i, -.forum-page .button.login:hover i, -.forum-page #registrationForm input.login[type=submit]:hover i, -#registrationForm .forum-page input.login[type=submit]:hover i, -.forum-page .quick-menu .login input.login[type=submit]:hover i, -.quick-menu .login .forum-page input.login[type=submit]:hover i, -.forum-page .quick-menu .new-profile input.login[type=submit]:hover i, -.quick-menu .new-profile .forum-page input.login[type=submit]:hover i, -.forum-page .login.tagAdd:hover i { - opacity: .5; -} - -.forum-page .button.create-new-thread.disabled, -.forum-page #registrationForm input.create-new-thread.disabled[type=submit], -#registrationForm .forum-page input.create-new-thread.disabled[type=submit], -.forum-page .quick-menu .login input.create-new-thread.disabled[type=submit], -.quick-menu .login .forum-page input.create-new-thread.disabled[type=submit], -.forum-page .quick-menu .new-profile input.create-new-thread.disabled[type=submit], -.quick-menu .new-profile .forum-page input.create-new-thread.disabled[type=submit], -.forum-page .create-new-thread.disabled.tagAdd, -.forum-page .button.login.disabled, -.forum-page #registrationForm input.login.disabled[type=submit], -#registrationForm .forum-page input.login.disabled[type=submit], -.forum-page .quick-menu .login input.login.disabled[type=submit], -.quick-menu .login .forum-page input.login.disabled[type=submit], -.forum-page .quick-menu .new-profile input.login.disabled[type=submit], -.quick-menu .new-profile .forum-page input.login.disabled[type=submit], -.forum-page .login.disabled.tagAdd { - background: transparent; - border: 1px solid #7f7f7f; - color: #7f7f7f; -} - -.forum-page .button.create-new-thread.disabled i, -.forum-page #registrationForm input.create-new-thread.disabled[type=submit] i, -#registrationForm .forum-page input.create-new-thread.disabled[type=submit] i, -.forum-page .quick-menu .login input.create-new-thread.disabled[type=submit] i, -.quick-menu .login .forum-page input.create-new-thread.disabled[type=submit] i, -.forum-page .quick-menu .new-profile input.create-new-thread.disabled[type=submit] i, -.quick-menu .new-profile .forum-page input.create-new-thread.disabled[type=submit] i, -.forum-page .create-new-thread.disabled.tagAdd i, -.forum-page .button.login.disabled i, -.forum-page #registrationForm input.login.disabled[type=submit] i, -#registrationForm .forum-page input.login.disabled[type=submit] i, -.forum-page .quick-menu .login input.login.disabled[type=submit] i, -.quick-menu .login .forum-page input.login.disabled[type=submit] i, -.forum-page .quick-menu .new-profile input.login.disabled[type=submit] i, -.quick-menu .new-profile .forum-page input.login.disabled[type=submit] i, -.forum-page .login.disabled.tagAdd i { - color: #7f7f7f; -} - -.forum-page .button.create-new-thread.disabled:hover, -.forum-page #registrationForm input.create-new-thread.disabled[type=submit]:hover, -#registrationForm .forum-page input.create-new-thread.disabled[type=submit]:hover, -.forum-page .quick-menu .login input.create-new-thread.disabled[type=submit]:hover, -.quick-menu .login .forum-page input.create-new-thread.disabled[type=submit]:hover, -.forum-page .quick-menu .new-profile input.create-new-thread.disabled[type=submit]:hover, -.quick-menu .new-profile .forum-page input.create-new-thread.disabled[type=submit]:hover, -.forum-page .create-new-thread.disabled.tagAdd:hover, -.forum-page .button.login.disabled:hover, -.forum-page #registrationForm input.login.disabled[type=submit]:hover, -#registrationForm .forum-page input.login.disabled[type=submit]:hover, -.forum-page .quick-menu .login input.login.disabled[type=submit]:hover, -.quick-menu .login .forum-page input.login.disabled[type=submit]:hover, -.forum-page .quick-menu .new-profile input.login.disabled[type=submit]:hover, -.quick-menu .new-profile .forum-page input.login.disabled[type=submit]:hover, -.forum-page .login.disabled.tagAdd:hover { - color: #000; - border-color: #000; -} - -.forum-page .button.create-new-thread.disabled:hover i, -.forum-page #registrationForm input.create-new-thread.disabled[type=submit]:hover i, -#registrationForm .forum-page input.create-new-thread.disabled[type=submit]:hover i, -.forum-page .quick-menu .login input.create-new-thread.disabled[type=submit]:hover i, -.quick-menu .login .forum-page input.create-new-thread.disabled[type=submit]:hover i, -.forum-page .quick-menu .new-profile input.create-new-thread.disabled[type=submit]:hover i, -.quick-menu .new-profile .forum-page input.create-new-thread.disabled[type=submit]:hover i, -.forum-page .create-new-thread.disabled.tagAdd:hover i, -.forum-page .button.login.disabled:hover i, -.forum-page #registrationForm input.login.disabled[type=submit]:hover i, -#registrationForm .forum-page input.login.disabled[type=submit]:hover i, -.forum-page .quick-menu .login input.login.disabled[type=submit]:hover i, -.quick-menu .login .forum-page input.login.disabled[type=submit]:hover i, -.forum-page .quick-menu .new-profile input.login.disabled[type=submit]:hover i, -.quick-menu .new-profile .forum-page input.login.disabled[type=submit]:hover i, -.forum-page .login.disabled.tagAdd:hover i { - color: #000; - opacity: 1; -} - -.forum-overview { - background: #fff; - max-width: 1160px; - padding: 20px 0 0; - margin: 0 auto; -} - -.forum-overview .scrolly-loading { - margin: 2rem auto; - text-align: center; - display: block; - position: relative; - left: 50%; -} - -.forum-overview .scrolly-loading .span { - background-color: rgba(80, 77, 62, 0.5); - -webkit-transform: translate(-50%, 0); - -ms-transform: translate(-50%, 0); - transform: translate(-50%, 0); -} - -.forum-overview #breadcrumb { - display: inline-block; - padding: 0; - margin-bottom: 15px; -} - -.forum-overview #breadcrumb li { - display: none; -} - -.forum-overview #breadcrumb li:last-child { - display: block; - opacity: .5; - font-style: italic; -} - -.forum-overview #breadcrumb li a { - font-size: .9rem; -} - -.forum-overview .sorting { - width: 100%; - text-align: center; -} - -.forum-overview .sorting select { - font-family: "Asap", sans-serif; - position: relative; - overflow: hidden; - -webkit-appearance: none; - -moz-appearance: none; - background: #fff url("/assets/images/selectdown_unfocus.svg"); - color: #4d4d4d; - background-size: 11px 13px; - background-repeat: no-repeat; - background-position: 95% center; - -webkit-transition: border 0.3s; - transition: border 0.3s; -} - -.forum-overview .sorting select:focus, -.forum-overview .sorting select:hover { - border-color: #a3db78; - outline: none; - cursor: pointer; - background: #fff url("/assets/images/selectdown_our.svg"); - background-size: 11px 13px; - background-repeat: no-repeat; - background-position: 95% center; -} - -.forum-overview .sorting select option { - margin: 0; - display: block; -} - -.forum-archive-header { - color: #898989; - font-size: .9rem; - margin: 0 0 20px; - padding: 0 10px; - text-align: center; -} - -.forum-archive-header .container, -.forum-archive-header .page, -.forum-archive-header .subpage { - padding: 0; -} - -.forum-archive-header .container .row, -.forum-archive-header .page .row, -.forum-archive-header .subpage .row { - margin: 0; -} - -.forum-archive-header #breadcrumb span:last-child { - color: #383838; -} - -.forum-archive-header #breadcrumb span:last-child:after { - display: none; -} - -.forum-archive-header #breadcrumb span:after { - content: ""; - display: inline-block; - margin: 0 5px; - background: url("/assets/images/breadcrumb.png"); - background-repeat: no-repeat; - background-size: 100%; - background-position: bottom center; - height: 16px; - width: 16px; - -webkit-transform: translateY(3px); - -ms-transform: translateY(3px); - transform: translateY(3px); -} - -body.download header .navigation { - background: #a3db78; -} - -body.download header.sticky .navigation { - background: #a3db78; -} - -.download-umbraco { - background: #a3db78; - text-align: center; - color: #fff; - padding: 0 0 100px; - position: relative; - z-index: 90; - min-height: 530px; - height: calc(100vh - 262px); -} - -.download-umbraco .container, -.download-umbraco .page, -.download-umbraco .subpage { - padding: 20px 20px 0; - position: relative; - z-index: 200; -} - -.download-umbraco h1 { - font-size: 2rem; - margin-bottom: 2rem; -} - -.download-umbraco p { - margin: 0 auto 1.5rem; - font-size: .97rem; - line-height: 1.5; - color: black; -} - -.download-umbraco p + .button, -.download-umbraco #registrationForm p + input[type=submit], -#registrationForm .download-umbraco p + input[type=submit], -.download-umbraco .quick-menu .login p + input[type=submit], -.quick-menu .login .download-umbraco p + input[type=submit], -.download-umbraco .quick-menu .new-profile p + input[type=submit], -.quick-menu .new-profile .download-umbraco p + input[type=submit], -.download-umbraco p + .tagAdd { - margin-top: 1.5rem; -} - -.download-umbraco p.small { - font-size: .97rem; -} - -.download-umbraco p a { - text-decoration: none; - border-bottom: 2px solid rgba(0, 0, 0, 0.48); -} - -.download-umbraco p a:hover { - border-color: white; -} - -.download-umbraco .button, -.download-umbraco #registrationForm input[type=submit], -#registrationForm .download-umbraco input[type=submit], -.download-umbraco .quick-menu .login input[type=submit], -.quick-menu .login .download-umbraco input[type=submit], -.download-umbraco .quick-menu .new-profile input[type=submit], -.quick-menu .new-profile .download-umbraco input[type=submit], -.download-umbraco .tagAdd { - margin-bottom: 1rem; - position: relative; - padding-left: 60px; - cursor: pointer; - overflow: hidden; - -webkit-transition: all .2s ease; - transition: all .2s ease; -} - -.download-umbraco .button i, -.download-umbraco #registrationForm input[type=submit] i, -#registrationForm .download-umbraco input[type=submit] i, -.download-umbraco .quick-menu .login input[type=submit] i, -.quick-menu .login .download-umbraco input[type=submit] i, -.download-umbraco .quick-menu .new-profile input[type=submit] i, -.quick-menu .new-profile .download-umbraco input[type=submit] i, -.download-umbraco .tagAdd i { - font-size: 1.5rem; - position: absolute; - top: 50%; - left: 0; - opacity: .5; - -webkit-transform: translate(20px, -53%); - -ms-transform: translate(20px, -53%); - transform: translate(20px, -53%); - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} - -.download-umbraco .button:hover, -.download-umbraco #registrationForm input[type=submit]:hover, -#registrationForm .download-umbraco input[type=submit]:hover, -.download-umbraco .quick-menu .login input[type=submit]:hover, -.quick-menu .login .download-umbraco input[type=submit]:hover, -.download-umbraco .quick-menu .new-profile input[type=submit]:hover, -.quick-menu .new-profile .download-umbraco input[type=submit]:hover, -.download-umbraco .tagAdd:hover { - opacity: 1; -} - -.download-umbraco .button:hover i, -.download-umbraco #registrationForm input[type=submit]:hover i, -#registrationForm .download-umbraco input[type=submit]:hover i, -.download-umbraco .quick-menu .login input[type=submit]:hover i, -.quick-menu .login .download-umbraco input[type=submit]:hover i, -.download-umbraco .quick-menu .new-profile input[type=submit]:hover i, -.quick-menu .new-profile .download-umbraco input[type=submit]:hover i, -.download-umbraco .tagAdd:hover i { - opacity: 1; -} - -.download-umbraco .button .ink, -.download-umbraco #registrationForm input[type=submit] .ink, -#registrationForm .download-umbraco input[type=submit] .ink, -.download-umbraco .quick-menu .login input[type=submit] .ink, -.quick-menu .login .download-umbraco input[type=submit] .ink, -.download-umbraco .quick-menu .new-profile input[type=submit] .ink, -.quick-menu .new-profile .download-umbraco input[type=submit] .ink, -.download-umbraco .tagAdd .ink { - background: rgba(163, 219, 120, 0.3); -} - -.download-umbraco .button:not(:active), -.download-umbraco #registrationForm input[type=submit]:not(:active), -#registrationForm .download-umbraco input[type=submit]:not(:active), -.download-umbraco .quick-menu .login input[type=submit]:not(:active), -.quick-menu .login .download-umbraco input[type=submit]:not(:active), -.download-umbraco .quick-menu .new-profile input[type=submit]:not(:active), -.quick-menu .new-profile .download-umbraco input[type=submit]:not(:active), -.download-umbraco .tagAdd:not(:active) { - -webkit-transition: box-shadow 0.2s; - transition: box-shadow 0.2s; -} - -.download-umbraco .button:active, -.download-umbraco #registrationForm input[type=submit]:active, -#registrationForm .download-umbraco input[type=submit]:active, -.download-umbraco .quick-menu .login input[type=submit]:active, -.quick-menu .login .download-umbraco input[type=submit]:active, -.download-umbraco .quick-menu .new-profile input[type=submit]:active, -.quick-menu .new-profile .download-umbraco input[type=submit]:active, -.download-umbraco .tagAdd:active { - box-shadow: none; -} - -.download-umbraco .pre { - overflow: auto; - display: block; - font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; - background-color: #333; - color: #fff; - font-size: 0.8rem; - line-height: 1.4em; - background-clip: padding-box; - padding: 8px 25px 8px 50px; - border-radius: 5px; - width: auto; - min-width: 300px; - text-align: center; - border: none; - margin: 0 auto; -} - -.download-umbraco .pre:hover { - background: #404040; - cursor: pointer; -} - -.download-umbraco .pm-nuget { - position: relative; - display: block; - margin: 0 auto; - height: 100%; - width: 300px; -} - -.download-umbraco .pm-nuget:before { - content: "PM>"; - display: block; - position: absolute; - top: 50%; - left: 0; - font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; - font-size: 0.8rem; - -webkit-transform: translate(25px, -46%); - -ms-transform: translate(25px, -46%); - transform: translate(25px, -46%); - opacity: .9; -} - -.download-umbraco .archive { - position: absolute; - bottom: 5%; - left: 50%; - -webkit-transform: translate(-50%, 0); - -ms-transform: translate(-50%, 0); - transform: translate(-50%, 0); - color: black; - z-index: 200; -} - -.download-umbraco .archive a:hover { - text-decoration: none; - opacity: 1; -} - -.historical-releases .content { - min-height: 40vh; - margin-top: 100px; - padding-left: 30px; -} - -.historical-releases .title-level { - margin-bottom: 15px; - font-weight: bold; - font-size: 1.3rem; -} - -.historical-releases ul li { - list-style: none; -} - -.historical-releases ul a { - color: black; - font-size: 1rem; - margin-top: 10px; - margin-bottom: 5px; -} - -.historical-releases ul a:hover { - color: black; -} - -.historical-releases .versions { - border-left: 1px solid #e6e6e6; -} - -.historical-releases .version { - width: 100%; - position: relative; - padding: 15px 20px 20px; - margin-bottom: 30px; - max-width: 640px; -} - -.historical-releases .version ul { - padding-left: 60px; - overflow: hidden; -} - -.historical-releases .version li { - list-style: none; - display: block; - float: left; -} - -.historical-releases .version span { - font-size: 1.7rem; - font-weight: bold; - background: #fff; - color: #222222; - border: 1px solid rgba(34, 34, 34, 0.3); - border-radius: 50%; - height: 60px; - width: 60px; - line-height: 60px; - display: block; - text-align: center; - position: absolute; - left: 0; - top: 0; - -webkit-transform: translate(-50%, 0px); - -ms-transform: translate(-50%, 0px); - transform: translate(-50%, 0px); - -webkit-transition: background 0.2s; - transition: background 0.2s; -} - -.historical-releases .downloadable { - width: 25%; -} - -.historical-releases .downloadable a { - font-size: 1rem; - text-decoration: none; - padding: 10px 12px; - background-color: #4aae4e; - color: #fff !important; - font-weight: bold; - border-radius: 3px; - display: block; - margin-right: 20px; - margin-bottom: 20px; - margin-top: 0; - min-width: 60px; - text-align: center; - -webkit-transition: all .2s ease; - transition: all .2s ease; -} - -.historical-releases .downloadable a:hover { - background: #59b85d; - color: #fff !important; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -} - -.mac-notice { - text-align: center; - background: rgba(0, 0, 0, 0.13); - padding: 15px 0; - font-size: 1.1rem; - position: relative; - z-index: 999; - display: none; -} - -.mac-notice:before { - content: ""; - display: inline-block; - height: 24px; - width: 24px; - margin-right: 8px; - background: url("../images/osx.png"); - background-repeat: no-repeat; - background-size: 24px 24px; - background-position: left -3px; - vertical-align: middle; -} - -.mac-notice a:hover { - text-decoration: none; -} - -.steps { - text-align: left; - margin: 60px auto 0; -} - -.steps h2 { - font-size: 1.9rem; - margin-bottom: 50px; - font-weight: 600; - text-align: center; -} - -.steps .guide { - width: 100%; - margin: 0 auto; - text-align: center; -} - -.steps img { - display: block; - margin: 0 auto; - width: 60%; - height: auto; -} - -.steps .step { - font-size: 1.5rem; - margin-bottom: 80px; - position: relative; - display: inline-block; - width: 30%; -} - -.steps .step span { - display: block; - text-align: center; - border: 2px dashed rgba(0, 0, 0, 0.23); - color: rgba(0, 0, 0, 0.23); - border-radius: 50%; - height: 50px; - width: 50px; - margin: 0 auto 20px; - font-size: 1.7rem; - font-weight: bold; - line-height: 45px; -} - -.steps .step.step-one { - -webkit-animation-delay: .1s; - animation-delay: .1s; -} - -.steps .step.step-two { - -webkit-animation-delay: .4s; - animation-delay: .4s; -} - -.steps .step.step-three { - -webkit-animation-delay: .7s; - animation-delay: .7s; -} - -.archive i { - font-size: 1.3rem; - padding-top: 2px; -} - -body.mac .mac-notice { - display: block; -} - -.download .dot.progress { - text-indent: .3rem; - text-align: center; - line-height: 2.8rem; -} - -.download .dot.progress .counter { - font-size: 1.1rem; -} - -.download.latest .dot { - margin-top: 2rem; -} - -.explain .changes small { - line-height: .5rem; -} - -.chart { - position: absolute; - top: -4px; - left: -8px; - z-index: 1; -} - -.chart .percentage { - display: inline-block; - position: absolute; - top: 9px; - left: 16px; - font-size: 1.1rem; - color: #569327; -} - -.chart canvas { - top: 1px; - position: absolute; - left: 5px; -} - -.get-release i { - font-size: 2.5rem; - line-height: 5rem; -} - -.get-release { - line-height: 1.5; - padding: 2.5rem 0; - margin: 2.5rem 0; - border-bottom: 1px solid #e8e8e8; - border-top: 1px solid #e8e8e8; -} - -.get-release h3 { - font-size: 1.1rem; - margin-bottom: .3rem; - color: rgba(0, 0, 0, 0.8); -} - -.get-release h3 a { - text-decoration: none; -} - -.get-release h3 a:hover { - color: #a3db78; -} - -.get-release p { - color: rgba(0, 0, 0, 0.8); - font-size: .95rem; - line-height: 1.3; - margin-bottom: .5rem; -} - -.get-release small { - font-size: .7rem; - color: black; -} - -.release { - min-height: 160px; -} - -.release.zip i { - color: rgba(0, 0, 0, 0.8); -} - -.release.bin i { - color: rgba(0, 0, 0, 0.4); - font-size: 1.6rem; -} - -.release.bin h4 { - font-size: .9rem; - margin-bottom: .3rem; - color: rgba(0, 0, 0, 0.8); -} - -.release.bin h4 a { - text-decoration: none; -} - -.release.bin h4 a:hover { - color: #a3db78; -} - -.release.bin.col-sm-5 { - padding-top: 18px; -} - -.release.col-sm-1 { - text-align: center; -} - -.latest .dot.big { - margin-bottom: 30px; -} - -.latest .explain h4 { - font-size: 2.5rem; -} - -.latest .explain p { - font-size: 1.1rem; - color: black; -} - -.latest .explain .col-xs-12 { - min-height: 0; -} - -.release .markdown-syntax p, -.release .markdown-syntax li, -.release .markdown-syntax ul, -.release .markdown-syntax a { - color: rgba(0, 0, 0, 0.8); - font-size: .95rem; -} - -.release .markdown-syntax strong { - color: rgba(0, 0, 0, 0.8); -} - -.release .markdown-syntax a { - text-decoration: none; -} - -.release .markdown-syntax a:hover { - text-decoration: underline; -} - -.release .markdown-syntax p + p { - margin-bottom: 15px !important; -} - -.release .markdown-syntax h1, -.release .markdown-syntax h2, -.release .markdown-syntax h3 { - color: rgba(0, 0, 0, 0.8); -} - -.release .markdown-syntax h1 { - font-size: 2rem; -} - -.release .markdown-syntax h2 { - font-size: 1.3rem; -} - -.release .markdown-syntax h3 { - font-size: 1.1rem; -} - -.release .markdown-syntax ul li { - margin-bottom: .5rem; - line-height: 1.5; -} - -.releaseTable .col-xs-3:first-child .progress .top { - display: none; -} - -.releaseTable .col-xs-3:nth-last-child(2) .small:last-child .v-line { - display: none; -} - -.inprogress .dot.big.progress { - text-indent: 0; - border: none; -} - -.inprogress .dot.big.progress .v-line { - top: 60px; - left: 28px; -} - -.inprogress .dot.big.progress .v-line.top { - top: -80px; -} - -.inprogress .dot.big.progress .h-line { - top: 28px; -} - -.inprogress .chart { - top: 0px; - left: 0px; - width: 100%; - height: 100%; - text-align: center; - line-height: 3rem; -} - -.inprogress .chart .percentage { - position: initial; -} - -.inprogress .chart canvas { - top: 0; - left: 0; -} - -.plannedreleases .dot.big { - text-indent: 0; - line-height: 3rem; -} - -.plannedreleases .chart { - top: 0px; - left: 0px; - width: 100%; - height: 100%; - text-align: center; -} - -.plannedreleases .chart .percentage { - position: initial; -} - -.wikipage-page .markdown-syntax a { - color: #6dbb32; - text-decoration: none; -} - -.wikipage-page .markdown-syntax a:hover { - color: #3e6b1c; -} - -.wikipage-page .markdown-syntax h1 a, -.wikipage-page .markdown-syntax h2 a, -.wikipage-page .markdown-syntax h3 a, -.wikipage-page .markdown-syntax h4 a, -.wikipage-page .markdown-syntax h5 a, -.wikipage-page .markdown-syntax h6 a { - color: #000; - text-decoration: underline; -} - -.wikipage-page .markdown-syntax h1 a:hover, -.wikipage-page .markdown-syntax h2 a:hover, -.wikipage-page .markdown-syntax h3 a:hover, -.wikipage-page .markdown-syntax h4 a:hover, -.wikipage-page .markdown-syntax h5 a:hover, -.wikipage-page .markdown-syntax h6 a:hover { - color: #000; - text-decoration: none; -} - -.projectGroups { - margin-top: 50px; -} - -.projectGroups .projectGroup { - min-height: 150px; -} - -.projectGroups .projectGroup h3 { - color: rgba(0, 0, 0, 0.8); - font-size: 1.3rem; -} - -.projectGroups .projectGroup p { - color: black; - line-height: 1.5; - font-size: .97rem; -} - -@media (min-width: 768px) { - -.col-sm-1, -.col-sm-2, -.col-sm-3, -.col-sm-4, -.col-sm-5, -.col-sm-6, -.col-sm-7, -.col-sm-8, -.col-sm-9, -.col-sm-10, -.col-sm-11, -.col-sm-12 { - float: left; -} - -.col-sm-12 { - width: 100%; -} - -.col-sm-11 { - width: 91.66666666666666%; -} - -.col-sm-10 { - width: 83.33333333333334%; -} - -.col-sm-9 { - width: 75%; -} - -.col-sm-8 { - width: 66.66666666666666%; -} - -.col-sm-7 { - width: 58.333333333333336%; -} - -.col-sm-6 { - width: 50%; -} - -.col-sm-5 { - width: 41.66666666666667%; -} - -.col-sm-4 { - width: 33.33333333333333%; -} - -.col-sm-3 { - width: 25%; -} - -.col-sm-2 { - width: 16.666666666666664%; -} - -.col-sm-1 { - width: 8.333333333333332%; -} - -.col-sm-pull-12 { - right: 100%; -} - -.col-sm-pull-11 { - right: 91.66666666666666%; -} - -.col-sm-pull-10 { - right: 83.33333333333334%; -} - -.col-sm-pull-9 { - right: 75%; -} - -.col-sm-pull-8 { - right: 66.66666666666666%; -} - -.col-sm-pull-7 { - right: 58.333333333333336%; -} - -.col-sm-pull-6 { - right: 50%; -} - -.col-sm-pull-5 { - right: 41.66666666666667%; -} - -.col-sm-pull-4 { - right: 33.33333333333333%; -} - -.col-sm-pull-3 { - right: 25%; -} - -.col-sm-pull-2 { - right: 16.666666666666664%; -} - -.col-sm-pull-1 { - right: 8.333333333333332%; -} - -.col-sm-pull-0 { - right: 0%; -} - -.col-sm-push-12 { - left: 100%; -} - -.col-sm-push-11 { - left: 91.66666666666666%; -} - -.col-sm-push-10 { - left: 83.33333333333334%; -} - -.col-sm-push-9 { - left: 75%; -} - -.col-sm-push-8 { - left: 66.66666666666666%; -} - -.col-sm-push-7 { - left: 58.333333333333336%; -} - -.col-sm-push-6 { - left: 50%; -} - -.col-sm-push-5 { - left: 41.66666666666667%; -} - -.col-sm-push-4 { - left: 33.33333333333333%; -} - -.col-sm-push-3 { - left: 25%; -} - -.col-sm-push-2 { - left: 16.666666666666664%; -} - -.col-sm-push-1 { - left: 8.333333333333332%; -} - -.col-sm-push-0 { - left: 0%; -} - -.col-sm-offset-12 { - margin-left: 100%; -} - -.col-sm-offset-11 { - margin-left: 91.66666666666666%; -} - -.col-sm-offset-10 { - margin-left: 83.33333333333334%; -} - -.col-sm-offset-9 { - margin-left: 75%; -} - -.col-sm-offset-8 { - margin-left: 66.66666666666666%; -} - -.col-sm-offset-7 { - margin-left: 58.333333333333336%; -} - -.col-sm-offset-6 { - margin-left: 50%; -} - -.col-sm-offset-5 { - margin-left: 41.66666666666667%; -} - -.col-sm-offset-4 { - margin-left: 33.33333333333333%; -} - -.col-sm-offset-3 { - margin-left: 25%; -} - -.col-sm-offset-2 { - margin-left: 16.666666666666664%; -} - -.col-sm-offset-1 { - margin-left: 8.333333333333332%; -} - -.col-sm-offset-0 { - margin-left: 0%; -} - -} - -@media (min-width: 768px) and (max-width: 991px) { - -.visible-xs.visible-sm { - display: block !important; -} - -table.visible-xs.visible-sm { - display: table; -} - -tr.visible-xs.visible-sm { - display: table-row !important; -} - -th.visible-xs.visible-sm, -td.visible-xs.visible-sm { - display: table-cell !important; -} - -.visible-sm { - display: block !important; -} - -table.visible-sm { - display: table; -} - -tr.visible-sm { - display: table-row !important; -} - -th.visible-sm, -td.visible-sm { - display: table-cell !important; -} - -.visible-md.visible-sm { - display: block !important; -} - -table.visible-md.visible-sm { - display: table; -} - -tr.visible-md.visible-sm { - display: table-row !important; -} - -th.visible-md.visible-sm, -td.visible-md.visible-sm { - display: table-cell !important; -} - -.visible-lg.visible-sm { - display: block !important; -} - -table.visible-lg.visible-sm { - display: table; -} - -tr.visible-lg.visible-sm { - display: table-row !important; -} - -th.visible-lg.visible-sm, -td.visible-lg.visible-sm { - display: table-cell !important; -} - -.hidden-xs.hidden-sm, -tr.hidden-xs.hidden-sm, -th.hidden-xs.hidden-sm, -td.hidden-xs.hidden-sm { - display: none !important; -} - -.hidden-sm, -tr.hidden-sm, -th.hidden-sm, -td.hidden-sm { - display: none !important; -} - -.hidden-md.hidden-sm, -tr.hidden-md.hidden-sm, -th.hidden-md.hidden-sm, -td.hidden-md.hidden-sm { - display: none !important; -} - -.hidden-lg.hidden-sm, -tr.hidden-lg.hidden-sm, -th.hidden-lg.hidden-sm, -td.hidden-lg.hidden-sm { - display: none !important; -} - -} - -@media (min-width: 992px) { - -.col-md-1, -.col-md-2, -.col-md-3, -.col-md-4, -.col-md-5, -.col-md-6, -.col-md-7, -.col-md-8, -.col-md-9, -.col-md-10, -.col-md-11, -.col-md-12 { - float: left; -} - -.col-md-12 { - width: 100%; -} - -.col-md-11 { - width: 91.66666666666666%; -} - -.col-md-10 { - width: 83.33333333333334%; -} - -.col-md-9 { - width: 75%; -} - -.col-md-8 { - width: 66.66666666666666%; -} - -.col-md-7 { - width: 58.333333333333336%; -} - -.col-md-6 { - width: 50%; -} - -.col-md-5 { - width: 41.66666666666667%; -} - -.col-md-4 { - width: 33.33333333333333%; -} - -.col-md-3 { - width: 25%; -} - -.col-md-2 { - width: 16.666666666666664%; -} - -.col-md-1 { - width: 8.333333333333332%; -} - -.col-md-pull-12 { - right: 100%; -} - -.col-md-pull-11 { - right: 91.66666666666666%; -} - -.col-md-pull-10 { - right: 83.33333333333334%; -} - -.col-md-pull-9 { - right: 75%; -} - -.col-md-pull-8 { - right: 66.66666666666666%; -} - -.col-md-pull-7 { - right: 58.333333333333336%; -} - -.col-md-pull-6 { - right: 50%; -} - -.col-md-pull-5 { - right: 41.66666666666667%; -} - -.col-md-pull-4 { - right: 33.33333333333333%; -} - -.col-md-pull-3 { - right: 25%; -} - -.col-md-pull-2 { - right: 16.666666666666664%; -} - -.col-md-pull-1 { - right: 8.333333333333332%; -} - -.col-md-pull-0 { - right: 0%; -} - -.col-md-push-12 { - left: 100%; -} - -.col-md-push-11 { - left: 91.66666666666666%; -} - -.col-md-push-10 { - left: 83.33333333333334%; -} - -.col-md-push-9 { - left: 75%; -} - -.col-md-push-8 { - left: 66.66666666666666%; -} - -.col-md-push-7 { - left: 58.333333333333336%; -} - -.col-md-push-6 { - left: 50%; -} - -.col-md-push-5 { - left: 41.66666666666667%; -} - -.col-md-push-4 { - left: 33.33333333333333%; -} - -.col-md-push-3 { - left: 25%; -} - -.col-md-push-2 { - left: 16.666666666666664%; -} - -.col-md-push-1 { - left: 8.333333333333332%; -} - -.col-md-push-0 { - left: 0%; -} - -.col-md-offset-12 { - margin-left: 100%; -} - -.col-md-offset-11 { - margin-left: 91.66666666666666%; -} - -.col-md-offset-10 { - margin-left: 83.33333333333334%; -} - -.col-md-offset-9 { - margin-left: 75%; -} - -.col-md-offset-8 { - margin-left: 66.66666666666666%; -} - -.col-md-offset-7 { - margin-left: 58.333333333333336%; -} - -.col-md-offset-6 { - margin-left: 50%; -} - -.col-md-offset-5 { - margin-left: 41.66666666666667%; -} - -.col-md-offset-4 { - margin-left: 33.33333333333333%; -} - -.col-md-offset-3 { - margin-left: 25%; -} - -.col-md-offset-2 { - margin-left: 16.666666666666664%; -} - -.col-md-offset-1 { - margin-left: 8.333333333333332%; -} - -.col-md-offset-0 { - margin-left: 0%; -} - -section { - padding: 80px 0; -} - -#registrationForm p { - margin-left: .5rem; -} - -body { - padding-top: 120px; -} - -header { - top: -120px; -} - -header .navigation { - padding: 30px 0; - position: fixed; -} - -header .logo { - background-size: 40px auto; - text-indent: 46px; -} - -header .logo:hover { - color: rgba(255, 255, 255, 0.66); - background-size: 36px auto; - background-position: 4px center; -} - -header nav { - visibility: visible; - display: block; -} - -header .search { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); -} - -header .search input[type=search] { - float: left; - width: 100%; -} - -header .search input[type=submit] { - float: left; -} - -header .search .search-text p { - display: block; - font-size: 1rem; - text-align: center; - margin-top: 1rem; - max-width: 80%; - margin: 1rem auto 0; -} - -header.sticky .logo { - background-size: 30px auto; - text-indent: 40px; -} - -.notificationCount { - right: -4px; - top: 3px; -} - -#alertBar { - padding-top: 0; -} - -#breadcrumb { - display: inline-block; - width: auto; -} - -.quick-menu { - width: 450px; - min-height: 100%; - -webkit-transform: translateX(450px); - -ms-transform: translateX(450px); - transform: translateX(450px); -} - -.quick-menu .close, -.quick-menu .settings { - top: 3px; -} - -body.quickmenu .wrapper, -body.quickmenu .navigation { - margin-left: -100px; - margin-right: 100px; - overflow: hidden; - max-height: 100vh; -} - -body.quickmenu .wrapper:after, -body.quickmenu .navigation:after { - visibility: visible; - opacity: 1; -} - -.search-all-form { - margin-top: 100px; -} - -.search-all-results .type-icon { - width: 5%; - font-size: 2rem; - color: black; -} - -.search-all-results .type-context { - width: 95%; -} - -.plain .search-all { - padding: 0 15px; -} - -.wrapper { - margin-bottom: 0px; -} - -footer, -.wrapper:before { - height: 142px; -} - -.has-sidebar .sidebar-area .sidebar-content, -.projects-page .sidebar-area .sidebar-content { - float: right; -} - -.has-sidebar .main-area .main-content, -.projects-page .main-area .main-content { - padding-left: 40px; - padding-right: 40px; -} - -.profile .profile-settings .button, -.profile .profile-settings #registrationForm input[type=submit], -#registrationForm .profile .profile-settings input[type=submit], -.profile .profile-settings .quick-menu .login input[type=submit], -.quick-menu .login .profile .profile-settings input[type=submit], -.profile .profile-settings .quick-menu .new-profile input[type=submit], -.quick-menu .new-profile .profile .profile-settings input[type=submit], -.profile .profile-settings .tagAdd { - padding: 12px 20px; -} - -.profile .profile-settings-forms div.profile-input input, -.profile .profile-settings-forms div.profile-input textarea { - width: 300px; -} - -.profile .profile-settings-forms div.profile-input textarea { - width: 298px; -} - -.box .row [class*="col-"] { - float: none; - display: table-cell; - vertical-align: top; -} - -.box .row { - margin: 0; - display: table; -} - -.box .stats { - text-align: right; - right: 0; - bottom: 0; -} - -.box .other .edit { - top: 0; - right: 0; -} - -.box .other { - margin-top: 0 !important; -} - -.profile-settings-following li { - margin-bottom: 1rem; - padding-bottom: 0; - font-size: .9rem; - border-bottom: none; -} - -.profile-settings-following li a { - font-size: 1rem; - margin-bottom: 0; -} - -.profile-settings-following li span { - display: inline-block !important; -} - -.profile-settings-following li .unfollow.button, -.profile-settings-following li #registrationForm input.unfollow[type=submit], -#registrationForm .profile-settings-following li input.unfollow[type=submit], -.profile-settings-following li .quick-menu .login input.unfollow[type=submit], -.quick-menu .login .profile-settings-following li input.unfollow[type=submit], -.profile-settings-following li .quick-menu .new-profile input.unfollow[type=submit], -.quick-menu .new-profile .profile-settings-following li input.unfollow[type=submit], -.profile-settings-following li .unfollow.tagAdd { - display: inline-block; - font-size: .75rem; - padding: 0; -} - -.profile-settings #contris ul a.remove-contri { - max-width: 14px; - overflow: hidden; -} - -.profile-settings #contris #forums a.remove-forum { - max-width: 14px; - overflow: hidden; -} - -.markdown-syntax pre { - margin: 20px -30px; -} - -.markdown-editor .show .wmd-button { - top: 10px; - opacity: .9; -} - -.markdown-editor .markdown-close { - top: 1.5rem; -} - -.category a, -.category span.cat, -.version a, -.version span.cat { - padding: 4px 6px; - font-size: .85rem; -} - -.roles span:first-child { - margin-left: .3rem; -} - -.comments { - padding: 0 20px 0 30px; - margin: 0 0 0 30px; -} - -.comments .comment .comment-inner { - padding: 20px 30px 30px 30px; -} - -.comments .comment .photo span { - display: block; - font-size: .7rem; - text-decoration: none; - position: absolute; - left: 50%; - -webkit-transform: translate(-50%, 4px); - -ms-transform: translate(-50%, 4px); - transform: translate(-50%, 4px); - background: #fff; - padding: 3px; - text-align: center; - color: #8e8e8e; -} - -.comments .comment .photo { - left: -52px; -} - -.comments .comment .photo img { - max-width: 44px; -} - -.comments .comment .highfive { - right: auto; - top: auto; - display: block; - font-size: .7rem; - color: #384244; - -webkit-transform: translate(-52px, 6px); - -ms-transform: translate(-52px, 6px); - transform: translate(-52px, 6px); - background: #fff; - padding: 3px; - text-align: center; - color: #8e8e8e; - border: none; - max-width: 44px; - min-width: 44px; - line-height: 1.3; - display: block; -} - -.comments .comment .highfive img { - margin: 0; -} - -.comments .comment .highfive a { - margin: 0; -} - -.comments .comment .highfive .highfive-count { - display: inline-block; - font-size: .85rem; - font-weight: bold; - padding-top: 3px; -} - -.comments .comment .highfive .highfive-count + a { - margin-top: 10px; -} - -.comments .comment .highfive img { - display: block; - margin: 0 auto .2rem; -} - -.comments .comment .meta .profile a { - display: inline-block; -} - -.comments .comment .meta .gotosolution { - float: none; -} - -.comments .comment .meta .hide-xs { - display: inline-block; -} - -.comments .comment.question .topic { - font-size: 1.5rem; -} - -.comments .comment .body-meta .category a, -.comments .comment .body-meta .version a { - font-size: .9rem; -} - -.comments .comment .body-meta .topic { - margin-bottom: 0; - width: 74%; -} - -.comments .comment .body-meta .categories { - width: 25%; - text-align: right; - float: right; -} - -.comments .comment .actions a { - overflow: hidden; - margin-right: .5rem; -} - -.comments .comment .actions a i { - font-size: 1.1rem; - margin-right: .5rem; -} - -.comments .comment .actions { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - padding: 10px 0; -} - -.comments .comment:hover .actions a span { - display: inline-block; -} - -.comments .level-2 { - margin-left: 30px; -} - -.replybutton .button.reply, -.replybutton #registrationForm input.reply[type=submit], -#registrationForm .replybutton input.reply[type=submit], -.replybutton .quick-menu .login input.reply[type=submit], -.quick-menu .login .replybutton input.reply[type=submit], -.replybutton .quick-menu .new-profile input.reply[type=submit], -.quick-menu .new-profile .replybutton input.reply[type=submit], -.replybutton .reply.tagAdd { - font-size: 1.2rem; -} - -.replybutton.notloggedin { - padding: 30px 0; - margin: 60px auto 30px; - width: 100%; -} - -.pagination { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} - -.pagination a { - padding: 6px 12px; -} - -.packages-content .box .package-badge { - position: absolute; - right: 0; - bottom: 25px; -} - -.package-create .stepNavigation li { - font-size: .9rem; - margin-right: 1rem; -} - -.package-create label { - width: 15rem; -} - -.tagAdd { - position: absolute; - float: none; -} - -.package-detail-sidebar { - margin-top: 0; -} - -.public-member .forum-thread-text h3 { - font-size: 1.1rem; -} - -.docs .advanced, -.docs .beginners { - padding: 80px 60px; -} - -.docs .col-md-6:first-child { - border-right: 1px solid whitesmoke; -} - -section.forum .col-md-6 { - margin-bottom: 0; -} - -.forum-thread .col-xs-2, -.person-activity .col-xs-2 { - padding: 0 .3rem; -} - -.people h1 { - font-size: 2.4rem; -} - -.events .event-info { - position: absolute; - right: 0; - top: 50%; - height: 100%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - width: 400px; - padding: 30px; -} - -.events .event-info img { - margin: 10px auto 40px; -} - -.events #map { - height: 500px; -} - -.map .event-map { - min-height: 500px; -} - -.map #map { - height: 500px; -} - -.map .col-md-4 { - margin-bottom: 0; -} - -.map .people-activity strong { - font-size: 1.2rem; -} - -#markdown-docs pre { - margin: 20px 0; -} - -.forum-overview .forum { - padding: 0 15px; -} - -.forum-overview .forum-settings .search-big { - -webkit-box-flex: 0; - -webkit-flex: 0 0 70%; - -ms-flex: 0 0 70%; - flex: 0 0 70%; -} - -.forum-overview .forum-settings .sorting { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; -} - -.forum-overview .forum .topic-row .topic { - font-size: 1.15rem; - line-height: 1.3; -} - -.forum-overview .forum .topic-row .topic span { - font-size: .9rem; -} - -.forum-overview .forum .topic-row { - padding: 35px 15px; -} - -.forum-overview .forum .topic { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - margin-right: 10%; -} - -.forum-overview .forum .category { - -webkit-box-flex: 0; - -webkit-flex: 0 0 28%; - -ms-flex: 0 0 28%; - flex: 0 0 28%; - margin-right: 2%; -} - -.forum-page .button.delete-thread, -.forum-page #registrationForm input.delete-thread[type=submit], -#registrationForm .forum-page input.delete-thread[type=submit], -.forum-page .quick-menu .login input.delete-thread[type=submit], -.quick-menu .login .forum-page input.delete-thread[type=submit], -.forum-page .quick-menu .new-profile input.delete-thread[type=submit], -.quick-menu .new-profile .forum-page input.delete-thread[type=submit], -.forum-page .delete-thread.tagAdd, -.forum-page .button.follow, -.forum-page #registrationForm input.follow[type=submit], -#registrationForm .forum-page input.follow[type=submit], -.forum-page .quick-menu .login input.follow[type=submit], -.quick-menu .login .forum-page input.follow[type=submit], -.forum-page .quick-menu .new-profile input.follow[type=submit], -.quick-menu .new-profile .forum-page input.follow[type=submit], -.forum-page .follow.tagAdd, -.forum-page .button.create-new-thread, -.forum-page #registrationForm input.create-new-thread[type=submit], -#registrationForm .forum-page input.create-new-thread[type=submit], -.forum-page .quick-menu .login input.create-new-thread[type=submit], -.quick-menu .login .forum-page input.create-new-thread[type=submit], -.forum-page .quick-menu .new-profile input.create-new-thread[type=submit], -.quick-menu .new-profile .forum-page input.create-new-thread[type=submit], -.forum-page .create-new-thread.tagAdd, -.forum-page .button.login, -.forum-page #registrationForm input.login[type=submit], -#registrationForm .forum-page input.login[type=submit], -.forum-page .quick-menu .login input.login[type=submit], -.quick-menu .login .forum-page input.login[type=submit], -.forum-page .quick-menu .new-profile input.login[type=submit], -.quick-menu .new-profile .forum-page input.login[type=submit], -.forum-page .login.tagAdd, -.forum-page .button.go-to-solution, -.forum-page #registrationForm input.go-to-solution[type=submit], -#registrationForm .forum-page input.go-to-solution[type=submit], -.forum-page .quick-menu .login input.go-to-solution[type=submit], -.quick-menu .login .forum-page input.go-to-solution[type=submit], -.forum-page .quick-menu .new-profile input.go-to-solution[type=submit], -.quick-menu .new-profile .forum-page input.go-to-solution[type=submit], -.forum-page .go-to-solution.tagAdd { - float: right; -} - -.forum-overview #breadcrumb { - height: 48px; - line-height: 48px; - margin-bottom: 0; -} - -.forum-overview #breadcrumb li:last-child { - display: inline-block; - opacity: 1; -} - -.forum-overview #breadcrumb li { - display: inline-block; -} - -.forum-archive-header { - padding: 10px 15px; - text-align: left; -} - -.download-umbraco { - height: calc(100vh - 262px); - background: transparent; -} - -.download-umbraco:after { - content: ""; - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - background: #a3db78; - z-index: 100; -} - -.download-umbraco .container, -.download-umbraco .page, -.download-umbraco .subpage { - -webkit-transform: translate(-50%, -65%); - -ms-transform: translate(-50%, -65%); - transform: translate(-50%, -65%); - position: absolute; - top: 50%; - left: 50%; - padding: 20px 0 0; -} - -.download-umbraco { - padding: 0 0 100px; -} - -.download-umbraco h1 { - font-size: 3rem; -} - -.download-umbraco p { - font-size: 1.3rem; -} - -.steps { - min-width: 960px; -} - -.wikipage-page .markdown-syntax pre { - margin: 20px 0; -} - -} - -@media (min-width: 992px) and (max-width: 1199px) { - -.visible-xs.visible-md { - display: block !important; -} - -table.visible-xs.visible-md { - display: table; -} - -tr.visible-xs.visible-md { - display: table-row !important; -} - -th.visible-xs.visible-md, -td.visible-xs.visible-md { - display: table-cell !important; -} - -.visible-sm.visible-md { - display: block !important; -} - -table.visible-sm.visible-md { - display: table; -} - -tr.visible-sm.visible-md { - display: table-row !important; -} - -th.visible-sm.visible-md, -td.visible-sm.visible-md { - display: table-cell !important; -} - -.visible-md { - display: block !important; -} - -table.visible-md { - display: table; -} - -tr.visible-md { - display: table-row !important; -} - -th.visible-md, -td.visible-md { - display: table-cell !important; -} - -.visible-lg.visible-md { - display: block !important; -} - -table.visible-lg.visible-md { - display: table; -} - -tr.visible-lg.visible-md { - display: table-row !important; -} - -th.visible-lg.visible-md, -td.visible-lg.visible-md { - display: table-cell !important; -} - -.hidden-xs.hidden-md, -tr.hidden-xs.hidden-md, -th.hidden-xs.hidden-md, -td.hidden-xs.hidden-md { - display: none !important; -} - -.hidden-sm.hidden-md, -tr.hidden-sm.hidden-md, -th.hidden-sm.hidden-md, -td.hidden-sm.hidden-md { - display: none !important; -} - -.hidden-md, -tr.hidden-md, -th.hidden-md, -td.hidden-md { - display: none !important; -} - -.hidden-lg.hidden-md, -tr.hidden-lg.hidden-md, -th.hidden-lg.hidden-md, -td.hidden-lg.hidden-md { - display: none !important; -} - -} - -@media (min-width: 993px) { - -.sidebar-content nav { - padding-top: 50px; -} - -.sidebar-content nav.fixed { - position: fixed; - top: 20px; -} - -} - -@media (min-width: 1142px) { - -.package-create small { - margin: 0; - max-width: 80%; - opacity: .6; -} - -} - -@media (min-width: 1200px) { - -.col-lg-1, -.col-lg-2, -.col-lg-3, -.col-lg-4, -.col-lg-5, -.col-lg-6, -.col-lg-7, -.col-lg-8, -.col-lg-9, -.col-lg-10, -.col-lg-11, -.col-lg-12 { - float: left; -} - -.col-lg-12 { - width: 100%; -} - -.col-lg-11 { - width: 91.66666666666666%; -} - -.col-lg-10 { - width: 83.33333333333334%; -} - -.col-lg-9 { - width: 75%; -} - -.col-lg-8 { - width: 66.66666666666666%; -} - -.col-lg-7 { - width: 58.333333333333336%; -} - -.col-lg-6 { - width: 50%; -} - -.col-lg-5 { - width: 41.66666666666667%; -} - -.col-lg-4 { - width: 33.33333333333333%; -} - -.col-lg-3 { - width: 25%; -} - -.col-lg-2 { - width: 16.666666666666664%; -} - -.col-lg-1 { - width: 8.333333333333332%; -} - -.col-lg-pull-12 { - right: 100%; -} - -.col-lg-pull-11 { - right: 91.66666666666666%; -} - -.col-lg-pull-10 { - right: 83.33333333333334%; -} - -.col-lg-pull-9 { - right: 75%; -} - -.col-lg-pull-8 { - right: 66.66666666666666%; -} - -.col-lg-pull-7 { - right: 58.333333333333336%; -} - -.col-lg-pull-6 { - right: 50%; -} - -.col-lg-pull-5 { - right: 41.66666666666667%; -} - -.col-lg-pull-4 { - right: 33.33333333333333%; -} - -.col-lg-pull-3 { - right: 25%; -} - -.col-lg-pull-2 { - right: 16.666666666666664%; -} - -.col-lg-pull-1 { - right: 8.333333333333332%; -} - -.col-lg-pull-0 { - right: 0%; -} - -.col-lg-push-12 { - left: 100%; -} - -.col-lg-push-11 { - left: 91.66666666666666%; -} - -.col-lg-push-10 { - left: 83.33333333333334%; -} - -.col-lg-push-9 { - left: 75%; -} - -.col-lg-push-8 { - left: 66.66666666666666%; -} - -.col-lg-push-7 { - left: 58.333333333333336%; -} - -.col-lg-push-6 { - left: 50%; -} - -.col-lg-push-5 { - left: 41.66666666666667%; -} - -.col-lg-push-4 { - left: 33.33333333333333%; -} - -.col-lg-push-3 { - left: 25%; -} - -.col-lg-push-2 { - left: 16.666666666666664%; -} - -.col-lg-push-1 { - left: 8.333333333333332%; -} - -.col-lg-push-0 { - left: 0%; -} - -.col-lg-offset-12 { - margin-left: 100%; -} - -.col-lg-offset-11 { - margin-left: 91.66666666666666%; -} - -.col-lg-offset-10 { - margin-left: 83.33333333333334%; -} - -.col-lg-offset-9 { - margin-left: 75%; -} - -.col-lg-offset-8 { - margin-left: 66.66666666666666%; -} - -.col-lg-offset-7 { - margin-left: 58.333333333333336%; -} - -.col-lg-offset-6 { - margin-left: 50%; -} - -.col-lg-offset-5 { - margin-left: 41.66666666666667%; -} - -.col-lg-offset-4 { - margin-left: 33.33333333333333%; -} - -.col-lg-offset-3 { - margin-left: 25%; -} - -.col-lg-offset-2 { - margin-left: 16.666666666666664%; -} - -.col-lg-offset-1 { - margin-left: 8.333333333333332%; -} - -.col-lg-offset-0 { - margin-left: 0%; -} - -.visible-xs.visible-lg { - display: block !important; -} - -table.visible-xs.visible-lg { - display: table; -} - -tr.visible-xs.visible-lg { - display: table-row !important; -} - -th.visible-xs.visible-lg, -td.visible-xs.visible-lg { - display: table-cell !important; -} - -.visible-sm.visible-lg { - display: block !important; -} - -table.visible-sm.visible-lg { - display: table; -} - -tr.visible-sm.visible-lg { - display: table-row !important; -} - -th.visible-sm.visible-lg, -td.visible-sm.visible-lg { - display: table-cell !important; -} - -.visible-md.visible-lg { - display: block !important; -} - -table.visible-md.visible-lg { - display: table; -} - -tr.visible-md.visible-lg { - display: table-row !important; -} - -th.visible-md.visible-lg, -td.visible-md.visible-lg { - display: table-cell !important; -} - -.visible-lg { - display: block !important; -} - -table.visible-lg { - display: table; -} - -tr.visible-lg { - display: table-row !important; -} - -th.visible-lg, -td.visible-lg { - display: table-cell !important; -} - -.hidden-xs.hidden-lg, -tr.hidden-xs.hidden-lg, -th.hidden-xs.hidden-lg, -td.hidden-xs.hidden-lg { - display: none !important; -} - -.hidden-sm.hidden-lg, -tr.hidden-sm.hidden-lg, -th.hidden-sm.hidden-lg, -td.hidden-sm.hidden-lg { - display: none !important; -} - -.hidden-md.hidden-lg, -tr.hidden-md.hidden-lg, -th.hidden-md.hidden-lg, -td.hidden-md.hidden-lg { - display: none !important; -} - -.hidden-lg, -tr.hidden-lg, -th.hidden-lg, -td.hidden-lg { - display: none !important; -} - -} - -@media (min-width: 1600px) { - -.has-sidebar .sidebar-area, -.projects-page .sidebar-area { - width: 35%; -} - -.has-sidebar .main-area, -.projects-page .main-area { - width: 65%; -} - -} - -@media (min-width: 2100px) { - -.has-sidebar .sidebar-area, -.projects-page .sidebar-area { - width: 40%; -} - -.has-sidebar .main-area, -.projects-page .main-area { - width: 60%; -} - -} - -@media (max-width: 992px) { - -header { - position: fixed; - top: 0; - left: 0; - width: 100%; -} - -.search-all .search-all-form, -.search-all .search-all-results { - -webkit-transition: width 0.2s cubic-bezier(0.7, 0, 0.3, 1), max-width 0.2s cubic-bezier(0.7, 0, 0.3, 1); - transition: width 0.2s cubic-bezier(0.7, 0, 0.3, 1), max-width 0.2s cubic-bezier(0.7, 0, 0.3, 1); -} - -.search-all.open .search-all-form, -.search-all.open .search-all-results { - width: 100%; -} - -.has-sidebar .page-content, -.projects-page .page-content { - display: block; - width: 100%; -} - -.has-sidebar .sidebar-area, -.projects-page .sidebar-area { - display: block; - width: 100%; -} - -.has-sidebar .sidebar-area .sidebar-content, -.projects-page .sidebar-area .sidebar-content { - max-width: none; -} - -.has-sidebar .main-area, -.projects-page .main-area { - display: block; - width: 100%; -} - -.has-sidebar .main-area .main-content, -.projects-page .main-area .main-content { - max-width: none; -} - -.sidebar-content nav ul { - padding-left: 0; - text-align: center; - margin-left: 0; -} - -.sidebar-content nav .level-1 { - border-left: none; - background-color: #bee6a0; - padding-top: 10px; - padding-bottom: 10px; -} - -.sidebar-content nav .level-2 { - border-left: none; - background-color: #ccebb4; -} - -.sidebar-content nav .level-3 { - border-left: none; - background-color: #e8f6dd; -} - -.profile .profile-settings-forms .button, -.profile .profile-settings-forms #registrationForm input[type=submit], -#registrationForm .profile .profile-settings-forms input[type=submit], -.profile .profile-settings-forms .quick-menu .login input[type=submit], -.quick-menu .login .profile .profile-settings-forms input[type=submit], -.profile .profile-settings-forms .quick-menu .new-profile input[type=submit], -.quick-menu .new-profile .profile .profile-settings-forms input[type=submit], -.profile .profile-settings-forms .tagAdd { - width: 100%; -} - -.profile-settings-packages .button, -.profile-settings-packages #registrationForm input[type=submit], -#registrationForm .profile-settings-packages input[type=submit], -.profile-settings-packages .quick-menu .login input[type=submit], -.quick-menu .login .profile-settings-packages input[type=submit], -.profile-settings-packages .quick-menu .new-profile input[type=submit], -.quick-menu .new-profile .profile-settings-packages input[type=submit], -.profile-settings-packages .tagAdd { - width: 100%; -} - -.markdown-editor.mobile-preview #input-container { - display: none; -} - -.markdown-editor.mobile-preview #preview-container { - display: block; -} - -.markdown-editor #preview-container { - display: none; -} - -.markdown-editor .wmd-spacer { - display: none; -} - -.markdown-editor.mobile-preview #wmd-preview { - margin-bottom: 4px; -} - -.roles { - display: block; - margin-top: .3rem; -} - -.comments .roles { - display: inline-block; - margin-left: 5px; -} - -.comments .roles span { - text-indent: -9999px; - padding: 0; - margin: 0; - border-radius: 50%; - height: 10px; - width: 10px; -} - -.package-create fieldset input { - max-width: 360px; -} - -.docs .container, -.docs .page, -.docs .subpage, -.docs .row, -.docs .col-md-6 { - padding: 0; -} - -.docs .container p, -.docs .page p, -.docs .subpage p, -.docs .row p, -.docs .col-md-6 p { - padding: 0 40px; -} - -.docs .advanced { - padding: 40px 0px 80px; - border-top: 1px solid whitesmoke; -} - -.forum-overview .forum-settings .or { - display: none; -} - -.forum-overview .forum .posts { - -webkit-transform: translate(-6px, 0); - -ms-transform: translate(-6px, 0); - transform: translate(-6px, 0); -} - -} - -@media screen and (max-width: 992px) { - -.sidebar-content nav { - position: relative; -} - -.sidebar-content nav.fixed { - position: relative; -} - -} - -@media (max-width: 991px) { - -.menu-toggle { - display: block; - position: absolute; - right: 20px; - top: 25px; - z-index: 999; - -webkit-transition: top 0.3s; - transition: top 0.3s; -} - -.toggle { - position: relative; - z-index: 999; - display: inline-block; - width: 30px; - height: 30px; -} - -.toggle.cross { - -webkit-transition-duration: 0s; - transition-duration: 0s; - -webkit-transition-delay: .1s; - transition-delay: .1s; -} - -.toggle.cross span:before { - -webkit-transition-property: margin, -webkit-transform; - transition-property: margin, transform; - -webkit-transition-duration: .1s; - transition-duration: .1s; - -webkit-transition-delay: .1s, 0; - transition-delay: .1s, 0; -} - -.toggle.cross span:after { - -webkit-transition-property: margin, -webkit-transform; - transition-property: margin, transform; - -webkit-transition-duration: .1s; - transition-duration: .1s; - -webkit-transition-delay: .1s, 0; - transition-delay: .1s, 0; -} - -.toggle.cross.open span { - background-color: transparent; - -webkit-transition-delay: .1s; - transition-delay: .1s; -} - -.toggle.cross.open span:before { - margin-top: 0; - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transition-delay: 0, .1s; - transition-delay: 0, .1s; - background-color: #ffffff; -} - -.toggle.cross.open span:after { - margin-top: 0; - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transition-delay: 0, .1s; - transition-delay: 0, .1s; - background-color: #ffffff; -} - -.toggle span { - margin: 0 auto; - position: relative; - z-index: 999; - top: 12px; - width: 25px; - height: 2px; - background-color: #fff; - display: block; -} - -.toggle span:before, -.toggle span:after { - position: absolute; - content: ''; - width: 25px; - height: 2px; - background-color: #fff; - display: block; -} - -.toggle span:before { - margin-top: -7px; -} - -.toggle span:after { - margin-top: 7px; -} - -header .navigation .container, -header .navigation .page, -header .navigation .subpage { - padding: 0; -} - -header nav { - position: fixed !important; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(163, 219, 120, 0.98); - -webkit-transform: translate(0, -100%); - -ms-transform: translate(0, -100%); - transform: translate(0, -100%); - -webkit-transition: -webkit-transform 0.3s; - transition: transform 0.3s; - visibility: hidden; - opacity: 0; - line-height: 1; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} - -header nav.open { - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); - visibility: visible; - opacity: 1; -} - -header nav.open ul, -header nav.open li, -header nav.open .user { - visibility: visible; -} - -header nav ul { - width: 100%; - height: 75%; - padding-top: 40px; - text-align: center; - visibility: hidden; - background: rgba(163, 219, 120, 0.98); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; -} - -header nav li { - float: none; - width: 100%; - font-size: 1.3rem; - padding: .2rem 0; - margin: 0; - text-align: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -header nav li:first-child { - padding-top: 0; -} - -header nav li:last-child { - padding-bottom: 0; -} - -header nav a, -header nav a:visited, -header nav a:active { - text-decoration: none; - color: #fff; - -webkit-transition: color 0.2s; - transition: color 0.2s; -} - -header nav a:hover, -header nav a:visited:hover, -header nav a:active:hover { - color: #fff; -} - -header nav .user { - visibility: hidden; -} - -header nav .user img { - height: 75px; - width: 75px; -} - -header nav .notificationCount { - -webkit-transform: translate(-14px, 6px); - -ms-transform: translate(-14px, 6px); - transform: translate(-14px, 6px); -} - -} - -@media (max-width: 768px) { - -.markdown-editor { - top: 100%; - padding: 20px 0 0; -} - -.markdown-editor.write { - top: 0; -} - -.markdown-editor #wmd-button-bar { - display: none; -} - -.markdown-editor #wmd-input { - height: 152px; -} - -.markdown-editor #wmd-preview { - max-height: 150px; - min-height: 150px; - margin-bottom: 0; -} - -.markdown-editor .markdown-control { - padding: 5px !important; -} - -.markdown-editor select { - margin-top: 20px; -} - -.markdown-editor #mobile-preview { - margin-bottom: 10px; -} - -.dot .line.h-line { - display: none; -} - -} - -@media screen and (max-width: 767px) { - -.table-responsive { - width: 100%; - margin-bottom: 15px; - overflow-y: hidden; - -ms-overflow-style: -ms-autohiding-scrollbar; - border: 1px solid #dddddd; -} - -.table-responsive > .table { - margin-bottom: 0; -} - -.table-responsive > .table > thead > tr > th, -.table-responsive > .table > tbody > tr > th, -.table-responsive > .table > tfoot > tr > th, -.table-responsive > .table > thead > tr > td, -.table-responsive > .table > tbody > tr > td, -.table-responsive > .table > tfoot > tr > td { - white-space: nowrap; -} - -.table-responsive > .table-bordered { - border: 0; -} - -.table-responsive > .table-bordered > thead > tr > th:first-child, -.table-responsive > .table-bordered > tbody > tr > th:first-child, -.table-responsive > .table-bordered > tfoot > tr > th:first-child, -.table-responsive > .table-bordered > thead > tr > td:first-child, -.table-responsive > .table-bordered > tbody > tr > td:first-child, -.table-responsive > .table-bordered > tfoot > tr > td:first-child { - border-left: 0; -} - -.table-responsive > .table-bordered > thead > tr > th:last-child, -.table-responsive > .table-bordered > tbody > tr > th:last-child, -.table-responsive > .table-bordered > tfoot > tr > th:last-child, -.table-responsive > .table-bordered > thead > tr > td:last-child, -.table-responsive > .table-bordered > tbody > tr > td:last-child, -.table-responsive > .table-bordered > tfoot > tr > td:last-child { - border-right: 0; -} - -.table-responsive > .table-bordered > tbody > tr:last-child > th, -.table-responsive > .table-bordered > tfoot > tr:last-child > th, -.table-responsive > .table-bordered > tbody > tr:last-child > td, -.table-responsive > .table-bordered > tfoot > tr:last-child > td { - border-bottom: 0; -} - -} - -@media (max-width: 767px) { - -.visible-xs { - display: block !important; -} - -table.visible-xs { - display: table; -} - -tr.visible-xs { - display: table-row !important; -} - -th.visible-xs, -td.visible-xs { - display: table-cell !important; -} - -.visible-sm.visible-xs { - display: block !important; -} - -table.visible-sm.visible-xs { - display: table; -} - -tr.visible-sm.visible-xs { - display: table-row !important; -} - -th.visible-sm.visible-xs, -td.visible-sm.visible-xs { - display: table-cell !important; -} - -.visible-md.visible-xs { - display: block !important; -} - -table.visible-md.visible-xs { - display: table; -} - -tr.visible-md.visible-xs { - display: table-row !important; -} - -th.visible-md.visible-xs, -td.visible-md.visible-xs { - display: table-cell !important; -} - -.visible-lg.visible-xs { - display: block !important; -} - -table.visible-lg.visible-xs { - display: table; -} - -tr.visible-lg.visible-xs { - display: table-row !important; -} - -th.visible-lg.visible-xs, -td.visible-lg.visible-xs { - display: table-cell !important; -} - -.hidden-xs, -tr.hidden-xs, -th.hidden-xs, -td.hidden-xs { - display: none !important; -} - -.hidden-sm.hidden-xs, -tr.hidden-sm.hidden-xs, -th.hidden-sm.hidden-xs, -td.hidden-sm.hidden-xs { - display: none !important; -} - -.hidden-md.hidden-xs, -tr.hidden-md.hidden-xs, -th.hidden-md.hidden-xs, -td.hidden-md.hidden-xs { - display: none !important; -} - -.hidden-lg.hidden-xs, -tr.hidden-lg.hidden-xs, -th.hidden-lg.hidden-xs, -td.hidden-lg.hidden-xs { - display: none !important; -} - -} - -@media print { - -.visible-print { - display: block !important; -} - -table.visible-print { - display: table; -} - -tr.visible-print { - display: table-row !important; -} - -th.visible-print, -td.visible-print { - display: table-cell !important; -} - -.hidden-print, -tr.hidden-print, -th.hidden-print, -td.hidden-print { - display: none !important; -} - -} - -@-webkit-keyframes animGenie { - -0% { - opacity: 1; - -webkit-transform: scale(0); - transform: scale(0); -} - -25% { - opacity: 1; - -webkit-transform: scale(1.2); - transform: scale(1.2); -} - -50% { - opacity: 1; - -webkit-transform: scale(0.8); - transform: scale(0.8); -} - -75% { - opacity: 1; - -webkit-transform: scale(1.1); - transform: scale(1.1); -} - -100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} - -} - -@keyframes animGenie { - -0% { - opacity: 1; - -webkit-transform: scale(0); - transform: scale(0); -} - -25% { - opacity: 1; - -webkit-transform: scale(1.2); - transform: scale(1.2); -} - -50% { - opacity: 1; - -webkit-transform: scale(0.8); - transform: scale(0.8); -} - -75% { - opacity: 1; - -webkit-transform: scale(1.1); - transform: scale(1.1); -} - -100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} - -} - -@-webkit-keyframes fadeOut { - -0% { - opacity: 0; -} - -50% { - opacity: 1; -} - -100% { - opacity: 0; -} - -} - -@keyframes fadeOut { - -0% { - opacity: 0; -} - -50% { - opacity: 1; -} - -100% { - opacity: 0; -} - -} - -@-webkit-keyframes newIn { - -0% { - background-color: rgba(163, 219, 120, 0.1); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.14); -} - -100% { - background-color: #fff; - box-shadow: none; -} - -} - -@keyframes newIn { - -0% { - background-color: rgba(163, 219, 120, 0.1); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.14); -} - -100% { - background-color: #fff; - box-shadow: none; -} - -} - -@-webkit-keyframes fadeInUp { - -0% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} - -100% { - opacity: 1; - -webkit-transform: none; - transform: none; -} - -} - -@keyframes fadeInUp { - -0% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} - -100% { - opacity: 1; - -webkit-transform: none; - transform: none; -} - -} - -@-webkit-keyframes searchLoading { - -0% { - opacity: 1; -} - -50% { - opacity: 0; -} - -100% { - opacity: 1; -} - -} - -@keyframes searchLoading { - -0% { - opacity: 1; -} - -50% { - opacity: 0; -} - -100% { - opacity: 1; -} - -} - -@-webkit-keyframes typing { - -0% { - background-color: white; - box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.4), 24px 0px 0px 0px rgba(255, 255, 255, 0.4); -} - -25% { - background-color: rgba(255, 255, 255, 0.4); - box-shadow: 12px 0px 0px 0px white, 24px 0px 0px 0px rgba(255, 255, 255, 0.4); -} - -75% { - background-color: rgba(255, 255, 255, 0.4); - box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.4), 24px 0px 0px 0px white; -} - -} - -@keyframes typing { - -0% { - background-color: white; - box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.4), 24px 0px 0px 0px rgba(255, 255, 255, 0.4); -} - -25% { - background-color: rgba(255, 255, 255, 0.4); - box-shadow: 12px 0px 0px 0px white, 24px 0px 0px 0px rgba(255, 255, 255, 0.4); -} - -75% { - background-color: rgba(255, 255, 255, 0.4); - box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.4), 24px 0px 0px 0px white; -} - -} - -@-webkit-keyframes ripple { - -100% { - opacity: 0; - -webkit-transform: scale(2); - transform: scale(2); -} - -} - -@keyframes ripple { - -100% { - opacity: 0; - -webkit-transform: scale(2); - transform: scale(2); -} - -} - diff --git a/OurUmbraco.Site/Assets/css/style.min.css b/OurUmbraco.Site/Assets/css/style.min.css index 39b4c044..1ddb2fa5 100644 --- a/OurUmbraco.Site/Assets/css/style.min.css +++ b/OurUmbraco.Site/Assets/css/style.min.css @@ -1 +1 @@ -abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-size:100%}body{line-height:1;margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;background:0 0;vertical-align:baseline;font-size:100%}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-weight:700;font-style:italic}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-spacing:0;border-collapse:collapse}hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc}input,select{vertical-align:middle}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:100}.container,.page,.subpage{max-width:1200px;margin:0 auto;padding:0 20px}.row{margin:20px -15px}.row:after,.row:before{content:" ";display:table}.row:after{clear:both}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666666666666%}.col-xs-10{width:83.33333333333334%}.col-xs-9{width:75%}.col-xs-8{width:66.66666666666666%}.col-xs-7{width:58.333333333333336%}.col-xs-6{width:50%}.col-xs-5{width:41.66666666666667%}.col-xs-4{width:33.33333333333333%}.col-xs-3{width:25%}.col-xs-2{width:16.666666666666664%}.col-xs-1{width:8.333333333333332%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666666666666%}.col-xs-pull-10{right:83.33333333333334%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666666666666%}.col-xs-pull-7{right:58.333333333333336%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666666666667%}.col-xs-pull-4{right:33.33333333333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.666666666666664%}.col-xs-pull-1{right:8.333333333333332%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666666666666%}.col-xs-push-10{left:83.33333333333334%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666666666666%}.col-xs-push-7{left:58.333333333333336%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666666666667%}.col-xs-push-4{left:33.33333333333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.666666666666664%}.col-xs-push-1{left:8.333333333333332%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666666666666%}.col-xs-offset-10{margin-left:83.33333333333334%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666666666666%}.col-xs-offset-7{margin-left:58.333333333333336%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666666666667%}.col-xs-offset-4{margin-left:33.33333333333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.666666666666664%}.col-xs-offset-1{margin-left:8.333333333333332%}.col-xs-offset-0{margin-left:0}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs,td.visible-lg,td.visible-md,td.visible-sm,td.visible-xs,th.visible-lg,th.visible-md,th.visible-sm,th.visible-xs,tr.visible-lg,tr.visible-md,tr.visible-sm,tr.visible-xs{display:none!important}.hidden-xs{display:block!important}table.hidden-xs{display:table}tr.hidden-xs{display:table-row!important}td.hidden-xs,th.hidden-xs{display:table-cell!important}.hidden-sm{display:block!important}table.hidden-sm{display:table}tr.hidden-sm{display:table-row!important}td.hidden-sm,th.hidden-sm{display:table-cell!important}.hidden-md{display:block!important}table.hidden-md{display:table}tr.hidden-md{display:table-row!important}td.hidden-md,th.hidden-md{display:table-cell!important}.hidden-lg{display:block!important}table.hidden-lg{display:table}tr.hidden-lg{display:table-row!important}td.hidden-lg,th.hidden-lg{display:table-cell!important}.visible-print,td.visible-print,th.visible-print,tr.visible-print{display:none!important}.BoxShadow,.comments .comment .photo:hover img:hover,.leaderboard .user-profile:hover,.markdown-editor .draft.show:hover,.people .user-profile:hover,header .search input[type=search]:active,header .search input[type=search]:focus,header .search input[type=search]:hover,header .user img:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.text-center{text-align:center}.docs-search-listing,.projects-default-listing,.table.table-striped.topic-list{opacity:1;-webkit-transition:opacity 50ms cubic-bezier(.7,0,.3,1);transition:opacity 50ms cubic-bezier(.7,0,.3,1)}.docs-search-listing.fadeResultOut,.projects-default-listing.fadeResultOut,.table.table-striped.topic-list.fadeResultOut{opacity:0}.fadeInUp,.steps .step{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.newInAnimation{-webkit-animation-name:newIn;animation-name:newIn;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-timing-function:cubic-bezier(.7,0,.3,1);animation-timing-function:cubic-bezier(.7,0,.3,1)}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forward;animation-fill-mode:forward;-webkit-animation-timing-function:cubic-bezier(.7,0,.3,1);animation-timing-function:cubic-bezier(.7,0,.3,1);display:block}.searchLoading{-webkit-animation-name:searchLoading;animation-name:searchLoading;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.7,0,.3,1);animation-timing-function:cubic-bezier(.7,0,.3,1)}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;overflow-x:hidden;min-height:100%}body{font-family:Asap,sans-serif;position:relative;font-size:16px;width:100%}a,a:active,a:visited{color:inherit}li,p{line-height:1.3;font-size:1rem;font-weight:400}section{padding:20px 0}.user{position:relative}.unread{border-left:3px solid #a3db78}.user-logged-in .search-all .search-all-form{margin-top:0}.user-logged-in .search-text{padding:2.2em 0 1rem!important}.user-logged-in .search-text p{display:none}.user-logged-in section.forum{padding:30px 0;min-height:0}.user-logged-in section.forum:before{display:none}.search-all{background:#a3db78}.search-all .search-text{padding:1rem 0 3rem}.search-all .search-text strong{font-size:1.2rem;margin:0 0 .8rem;display:block;color:#fff}.search-all .search-text p{color:#fff}.search-all input{-webkit-appearance:none;border-radius:0}.loader-placeholder{margin:30px auto;width:100%}.loader-placeholder .span{margin:0 auto}.login h2{margin-bottom:.8rem;text-align:center;font-size:1.5rem;color:rgba(0,0,0,.8)}.login p{font-size:.95rem;color:#000}.login p a{text-decoration:underline!important}.login p a:hover{text-decoration:none}#registrationForm{padding:0}#registrationForm fieldset{max-width:640px}#registrationForm fieldset p{display:block;margin-left:0}#registrationForm label{text-align:left;font-size:.85rem}#registrationForm input{margin-bottom:5px;display:inline-block;font-family:Asap,sans-serif}#registrationForm input[type=password],#registrationForm input[type=text]{width:100%;padding:10px 20px 10px 8px;font-size:1rem;border:1px solid #e1e1e1;border-radius:5px}#registrationForm input[type=submit]{margin:1rem auto;padding:15px 45px!important;font-size:1rem!important}#registrationForm p{display:inline-block;font-size:.9rem}#registrationForm p a:hover{text-decoration:none!important}@font-face{font-family:our-umbraco;src:url(fonts/our-icon/our-umbraco.eot);src:url(fonts/our-icon/our-umbraco.eot?#iefix) format("embedded-opentype"),url(fonts/our-icon/our-umbraco.woff) format("woff"),url(fonts/our-icon/our-umbraco.ttf) format("truetype"),url(fonts/our-icon/our-umbraco.svg#our-umbraco) format("svg");font-weight:400;font-style:normal}[data-icon]:before{font-family:our-umbraco!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;-moz-osx-font-smoothing:grayscale}[class*=" our-icon-"]:before,[class^=our-icon-]:before{font-family:our-umbraco!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.markdown-editor .wmd-button-row #wmd-bold-button span:before,.our-icon-bold:before{content:"a"}.markdown-editor .wmd-button-row #wmd-code-button span:before,.our-icon-code:before{content:"b"}.markdown-editor .wmd-button-row #wmd-heading-button span:before,.our-icon-header:before{content:"c"}.markdown-editor .wmd-button-row #wmd-hr-button span:before,.our-icon-hr:before{content:"d"}.markdown-editor .wmd-button-row #wmd-link-button span:before,.our-icon-hyperlink:before{content:"e"}.markdown-editor .wmd-button-row #wmd-italic-button span:before,.our-icon-italic:before{content:"f"}.markdown-editor .wmd-button-row #wmd-olist-button span:before,.our-icon-ol:before{content:"g"}.markdown-editor .wmd-button-row #wmd-image-button span:before,.our-icon-picture:before{content:"h"}.markdown-editor .wmd-button-row #wmd-quote-button span:before,.our-icon-quote:before{content:"i"}.markdown-editor .wmd-button-row #wmd-redo-button span:before,.our-icon-redo:before{content:"j"}.markdown-editor .wmd-button-row #wmd-ulist-button span:before,.our-icon-ul:before{content:"k"}.markdown-editor .wmd-button-row #wmd-undo-button span:before,.our-icon-undo:before{content:"l"}@font-face{font-family:icomoon;src:url(fonts/icomoon/icomoon.eot);src:url(fonts/icomoon/icomoon.eot?#iefix) format("embedded-opentype"),url(fonts/icomoon/icomoon.woff) format("woff"),url(fonts/icomoon/icomoon.ttf) format("truetype"),url(fonts/icomoon/icomoon.svg#icomoon) format("svg");font-weight:400;font-style:normal}[data-icon]:before{content:attr(data-icon);speak:none;line-height:1;-webkit-font-smoothing:antialiased}.icon-Activity,.icon-Add,.icon-Adressbook,.icon-Alarm-clock,.icon-Alert,.icon-Alert-alt,.icon-Alt,.icon-Anchor,.icon-App,.icon-Application-Error,.icon-Application-window,.icon-Application-window-alt,.icon-Arrivals,.icon-Arrow-down,.icon-Arrow-left,.icon-Arrow-right,.icon-Arrow-up,.icon-Art-easel,.icon-Article,.icon-Attachment,.icon-Auction-hammer,.icon-Autofill,.icon-Award,.icon-Baby-stroller,.icon-Backspace,.icon-Badge-add,.icon-Badge-count,.icon-Badge-remove,.icon-Badge-restricted,.icon-Ball,.icon-Band-aid,.icon-Bar-chart,.icon-Barcode,.icon-Bars,.icon-Battery-full,.icon-Battery-low,.icon-Beer-glass,.icon-Bell,.icon-Bell-off,.icon-Bill,.icon-Bill-dollar,.icon-Bill-euro,.icon-Bill-pound,.icon-Bill-yen,.icon-Billboard,.icon-Bills,.icon-Bills-dollar,.icon-Bills-euro,.icon-Bills-pound,.icon-Bills-yen,.icon-Binarycode,.icon-Binoculars,.icon-Bird,.icon-Birthday-cake,.icon-Block,.icon-Blueprint,.icon-Bluetooth,.icon-Boat-shipping,.icon-Bomb,.icon-Bones,.icon-Book,.icon-Book-alt,.icon-Book-alt-2,.icon-Bookmark,.icon-Books,.icon-Box,.icon-Box-alt,.icon-Box-open,.icon-Brackets,.icon-Brick,.icon-Briefcase,.icon-Browser-window,.icon-Brush,.icon-Brush-alt,.icon-Brush-alt-2,.icon-Bug,.icon-Bulleted-list,.icon-Burn,.icon-Bus,.icon-Calculator,.icon-Calendar,.icon-Calendar-alt,.icon-Camcorder,.icon-Camera-roll,.icon-Candy,.icon-Caps-lock,.icon-Car,.icon-Cash-register,.icon-Categories,.icon-Certificate,.icon-Chart,.icon-Chart-curve,.icon-Chat,.icon-Chat-active,.icon-Check,.icon-Checkbox,.icon-Checkbox-dotted,.icon-Checkbox-dotted-active,.icon-Checkbox-empty,.icon-Chess,.icon-Chip,.icon-Chip-alt,.icon-Cinema,.icon-Circle-dotted,.icon-Circle-dotted-active,.icon-Circuits,.icon-Circus,.icon-Client,.icon-Clothes-hanger,.icon-Cloud,.icon-Cloud-drive,.icon-Cloud-upload,.icon-Cloudy,.icon-Clubs,.icon-Cocktail,.icon-Code,.icon-Coffee,.icon-Coin,.icon-Coin-dollar,.icon-Coin-euro,.icon-Coin-pound,.icon-Coin-yen,.icon-Coins,.icon-Coins-alt,.icon-Coins-dollar,.icon-Coins-dollar-alt,.icon-Coins-euro,.icon-Coins-euro-alt,.icon-Coins-pound,.icon-Coins-pound-alt,.icon-Coins-yen,.icon-Coins-yen-alt,.icon-Color-bucket,.icon-Colorpicker,.icon-Columns,.icon-Comb,.icon-Combination-lock,.icon-Combination-lock-open,.icon-Command,.icon-Company,.icon-Compress,.icon-Connection,.icon-Console,.icon-Contrast,.icon-Conversation,.icon-Conversation-alt,.icon-Coverflow,.icon-Credit-card,.icon-Credit-card-alt,.icon-Crop,.icon-Crosshair,.icon-Crown,.icon-Crown-alt,.icon-Cupcake,.icon-Curve,.icon-Cut,.icon-Dashboard,.icon-Defrag,.icon-Delete,.icon-Delete-key,.icon-Departure,.icon-Desk,.icon-Desktop,.icon-Diagnostics,.icon-Diagonal-arrow,.icon-Diagonal-arrow-alt,.icon-Diamond,.icon-Diamonds,.icon-Dice,.icon-Diploma,.icon-Diploma-alt,.icon-Directions,.icon-Directions-alt,.icon-Disc,.icon-Disk-image,.icon-Display,.icon-Dna,.icon-Dock-connector,.icon-Document,.icon-Document-dashed-line,.icon-Documents,.icon-Dollar-bag,.icon-Donate,.icon-Door-open,.icon-Door-open-alt,.icon-Download,.icon-Download-alt,.icon-Drop,.icon-Eco,.icon-Economy,.icon-Edit,.icon-Eject,.icon-Employee,.icon-Energy-saving-bulb,.icon-Enter,.icon-Equalizer,.icon-Escape,.icon-Ethernet,.icon-Euro-bag,.icon-Exit-fullscreen,.icon-Eye,.icon-FIlter,.icon-Facebook-like,.icon-Factory,.icon-Favorite,.icon-Female-symbol,.icon-File-cabinet,.icon-Files,.icon-Filter-arrows,.icon-Fingerprint,.icon-Fire,.icon-Firewall,.icon-Firewire,.icon-Flag,.icon-Flag-alt,.icon-Flash,.icon-Flashlight,.icon-Flowerpot,.icon-Folder,.icon-Folder-open,.icon-Folder-outline,.icon-Folders,.icon-Font,.icon-Food,.icon-Footprints,.icon-Forking,.icon-Frame,.icon-Frame-alt,.icon-Fullscreen,.icon-Fullscreen-alt,.icon-Game,.icon-Geometry,.icon-Gift,.icon-Glasses,.icon-Globe,.icon-Globe-Asia,.icon-Globe-Europe---Africa,.icon-Globe-alt,.icon-Globe-inverted-america,.icon-Globe-inverted-asia,.icon-Globe-inverted-europe-africa,.icon-Gps,.icon-Graduate,.icon-Grid,.icon-Hammer,.icon-Hand-active,.icon-Hand-active-alt,.icon-Hand-pointer,.icon-Hand-pointer-alt,.icon-Handprint,.icon-Handshake,.icon-Handtool,.icon-Handtool-alt,.icon-Hard-drive,.icon-Hard-drive-alt,.icon-Hat,.icon-Hd,.icon-Headphones,.icon-Headset,.icon-Hearts,.icon-Height,.icon-Help,.icon-Help-alt,.icon-Home,.icon-Hourglass,.icon-Inactive-line,.icon-Inbox,.icon-Inbox-full,.icon-Indent,.icon-Infinity,.icon-Info,.icon-Invoice,.icon-Iphone,.icon-Item-arrangement,.icon-Junk,.icon-Key,.icon-Keyboard,.icon-Keychain,.icon-Keyhole,.icon-Lab,.icon-Laptop,.icon-Layers,.icon-Layers-alt,.icon-Layout,.icon-Left-double-arrow,.icon-Legal,.icon-Lense,.icon-Library,.icon-Light-down,.icon-Light-up,.icon-Lightbulb,.icon-Lightbulb-active,.icon-Lightning,.icon-Link,.icon-Linux-tux,.icon-List,.icon-Load,.icon-Loading,.icon-Locate,.icon-Location-near-me,.icon-Location-nearby,.icon-Lock,.icon-Log-out,.icon-Logout,.icon-Loupe,.icon-Magnet,.icon-Mailbox,.icon-Male-and-female,.icon-Male-symbol,.icon-Map,.icon-Map-alt,.icon-Map-loaction,.icon-Map-marker,.icon-Medal,.icon-Medical-emergency,.icon-Medicine,.icon-Meeting,.icon-Megaphone,.icon-Merge,.icon-Message,.icon-Message-open,.icon-Message-unopened,.icon-Microscope,.icon-Mindmap,.icon-Mobile,.icon-Molecular,.icon-Molecular-network,.icon-Mountain,.icon-Mouse,.icon-Mouse-cursor,.icon-Movie,.icon-Movie-alt,.icon-Multiple-credit-cards,.icon-Multiple-windows,.icon-Music,.icon-Name-badge,.icon-Navigation,.icon-Navigation-bottom,.icon-Navigation-down,.icon-Navigation-first,.icon-Navigation-horizontal,.icon-Navigation-last,.icon-Navigation-left,.icon-Navigation-right,.icon-Navigation-road,.icon-Navigation-top,.icon-Navigation-up,.icon-Navigation-vertical,.icon-Navigational-arrow,.icon-Network-alt,.icon-Newspaper,.icon-Newspaper-alt,.icon-Next,.icon-Next-media,.icon-Nodes,.icon-Notepad,.icon-Notepad-alt,.icon-Old-key,.icon-Old-phone,.icon-Operator,.icon-Ordered-list,.icon-Os-x,.icon-Out,.icon-Outbox,.icon-Outdent,.icon-Page-add,.icon-Page-down,.icon-Page-remove,.icon-Page-restricted,.icon-Page-up,.icon-Paint-roller,.icon-Palette,.icon-Panel-show,.icon-Pannel-close,.icon-Pants,.icon-Paper-bag,.icon-Paper-plane,.icon-Paper-plane-alt,.icon-Parachute-drop,.icon-Parental-control,.icon-Partly-cloudy,.icon-Paste-in,.icon-Path,.icon-Pause,.icon-Pc,.icon-People,.icon-People-alt,.icon-People-alt-2,.icon-People-female,.icon-Phone,.icon-Phone-ring,.icon-Photo-album,.icon-Picture,.icon-Pictures,.icon-Pictures-alt,.icon-Pictures-alt-2,.icon-Pie-chart,.icon-Piggy-bank,.icon-Pin-location,.icon-Piracy,.icon-Plane,.icon-Planet,.icon-Play,.icon-Playing-cards,.icon-Playlist,.icon-Plugin,.icon-Podcast,.icon-Poker-chip,.icon-Poll,.icon-Post-it,.icon-Pound-bag,.icon-Power,.icon-Power-outlet,.icon-Presentation,.icon-Previous,.icon-Previous-media,.icon-Price-dollar,.icon-Price-euro,.icon-Price-pound,.icon-Price-yen,.icon-Print,.icon-Printer-alt,.icon-Projector,.icon-Pulse,.icon-Pushpin,.icon-Qr-code,.icon-Quote,.icon-Radio,.icon-Radio-alt,.icon-Radio-receiver,.icon-Rain,.icon-Rate,.icon-Re-post,.icon-Readonly,.icon-Receipt-alt,.icon-Receipt-dollar,.icon-Receipt-euro,.icon-Receipt-pound,.icon-Receipt-yen,.icon-Reception,.icon-Record,.icon-Redo,.icon-Refresh,.icon-Remote,.icon-Remove,.icon-Repeat,.icon-Repeat-one,.icon-Reply-arrow,.icon-Resize,.icon-Return-to-top,.icon-Right-double-arrow,.icon-Road,.icon-Roadsign,.icon-Rocket,.icon-Rss,.icon-Ruler,.icon-Ruler-alt,.icon-Safe,.icon-Safedial,.icon-Sandbox-toys,.icon-Satellite-dish,.icon-Save,.icon-Scan,.icon-School,.icon-Screensharing,.icon-Script,.icon-Script-alt,.icon-Scull,.icon-Search,.icon-Security-camera,.icon-Sensor,.icon-Server,.icon-Server-alt,.icon-Settings,.icon-Settings-alt,.icon-Settings-alt-2,.icon-Share,.icon-Share-alt,.icon-Share-alt-2,.icon-Sharing-iphone,.icon-Shield,.icon-Shift,.icon-Shipping,.icon-Shipping-box,.icon-Shoe,.icon-Shopping-basket,.icon-Shopping-basket-alt,.icon-Shopping-basket-alt-2,.icon-Shorts,.icon-Shuffle,.icon-Sience,.icon-Simcard,.icon-Single-note,.icon-Sitemap,.icon-Sleep,.icon-Slideshow,.icon-Smiley,.icon-Smiley-inverted,.icon-Snow,.icon-Sound,.icon-Sound-low,.icon-Sound-medium,.icon-Sound-off,.icon-Sound-waves,.icon-Spades,.icon-Speaker,.icon-Speed-gauge,.icon-Split,.icon-Split-alt,.icon-Sprout,.icon-Squiggly-line,.icon-Ssd,.icon-Stacked-disks,.icon-Stamp,.icon-Stop,.icon-Stop-alt,.icon-Stop-hand,.icon-Store,.icon-Stream,.icon-Sunny,.icon-Sweatshirt,.icon-Sync,.icon-T-shirt,.icon-Tab,.icon-Tab-key,.icon-Tactics,.icon-Tag,.icon-Tags,.icon-Takeaway-cup,.icon-Target,.icon-Temperatrure-alt,.icon-Temperature,.icon-Terminal,.icon-Theater,.icon-Theif,.icon-Thought-bubble,.icon-Thumb-down,.icon-Thumb-up,.icon-Thumbnail-list,.icon-Thumbnails,.icon-Thumbnails-small,.icon-Ticket,.icon-Time,.icon-Timer,.icon-Tools,.icon-Top,.icon-Traffic-alt,.icon-Trafic,.icon-Train,.icon-Trash,.icon-Trash-alt,.icon-Trash-alt-2,.icon-Tree,.icon-Trophy,.icon-Truck,.icon-Tv,.icon-Tv-old,.icon-Umbraco_icons-01,.icon-Umbraco_icons-02,.icon-Umbraco_icons-03,.icon-Umbraco_icons-04,.icon-Umbraco_icons-05,.icon-Umbraco_icons-06,.icon-Umbraco_icons-07,.icon-Umbraco_icons-08,.icon-Umbrella,.icon-Undo,.icon-Universal,.icon-Unlocked,.icon-Usb,.icon-Usb-connector,.icon-User,.icon-User-female,.icon-User-females,.icon-User-females-alt,.icon-User-glasses,.icon-Users,.icon-Users-alt,.icon-Utilities,.icon-Vcard,.icon-Video,.icon-Voice,.icon-Wall-plug,.icon-Wallet,.icon-Wand,.icon-War,.icon-Weight,.icon-Width,.icon-Wifi,.icon-Window-popin,.icon-Window-sizes,.icon-Windows,.icon-Wine-glass,.icon-Wrench,.icon-Wrong,.icon-Yen-bag,.icon-Zip,.icon-Zoom-in,.icon-Zoom-out,.icon-axis-rotation,.icon-axis-rotation-2,.icon-axis-rotation-3,.icon-glasses,.icon-iMac,.icon-iPad,.icon-untitled{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.icon-Zoom-out:before{content:"\e000"}.icon-Truck:before{content:"\e001"}.icon-Zoom-in:before{content:"\e002"}.icon-Zip:before{content:"\e003"}.icon-axis-rotation:before{content:"\e004"}.icon-Yen-bag:before{content:"\e005"}.icon-axis-rotation-2:before{content:"\e006"}.icon-axis-rotation-3:before{content:"\e007"}.icon-Wrench:before{content:"\e008"}.icon-Wine-glass:before{content:"\e009"}.icon-Wrong:before{content:"\e00a"}.icon-Windows:before{content:"\e00b"}.icon-Window-sizes:before{content:"\e00c"}.icon-Window-popin:before{content:"\e00d"}.icon-Wifi:before{content:"\e00e"}.icon-Width:before{content:"\e00f"}.icon-Weight:before{content:"\e010"}.icon-War:before{content:"\e011"}.icon-Wand:before{content:"\e012"}.icon-Wallet:before{content:"\e013"}.icon-Wall-plug:before{content:"\e014"}.icon-Umbraco_icons-06:before{content:"\e015"}.icon-Voice:before{content:"\e016"}.icon-Video:before{content:"\e017"}.icon-Vcard:before{content:"\e018"}.icon-Utilities:before{content:"\e019"}.icon-Users:before{content:"\e01a"}.icon-Users-alt:before{content:"\e01b"}.icon-User:before{content:"\e01c"}.icon-User-glasses:before{content:"\e01d"}.icon-User-females:before{content:"\e01e"}.icon-User-females-alt:before{content:"\e01f"}.icon-User-female:before{content:"\e020"}.icon-Usb:before{content:"\e021"}.icon-Usb-connector:before{content:"\e022"}.icon-Unlocked:before{content:"\e023"}.icon-Universal:before{content:"\e024"}.icon-Undo:before{content:"\e025"}.icon-Umbrella:before{content:"\e026"}.icon-Umbraco_icons-08:before{content:"\e027"}.icon-Umbraco_icons-07:before{content:"\e028"}.icon-Umbraco_icons-05:before{content:"\e029"}.icon-Umbraco_icons-04:before{content:"\e02a"}.icon-Umbraco_icons-03:before{content:"\e02b"}.icon-Umbraco_icons-02:before{content:"\e02c"}.icon-Umbraco_icons-01:before{content:"\e02d"}.icon-Tv:before{content:"\e02e"}.icon-Tv-old:before{content:"\e02f"}.icon-Trophy:before{content:"\e030"}.icon-Tree:before{content:"\e031"}.icon-Trash:before{content:"\e032"}.icon-Trash-alt:before{content:"\e033"}.icon-Trash-alt-2:before{content:"\e034"}.icon-Train:before{content:"\e035"}.icon-Trafic:before{content:"\e036"}.icon-Traffic-alt:before{content:"\e037"}.icon-Top:before{content:"\e038"}.icon-Tools:before{content:"\e039"}.icon-Timer:before{content:"\e03a"}.icon-Time:before{content:"\e03b"}.icon-T-shirt:before{content:"\e03c"}.icon-Tab-key:before{content:"\e03d"}.icon-Tab:before{content:"\e03e"}.icon-Tactics:before{content:"\e03f"}.icon-Tag:before{content:"\e040"}.icon-Tags:before{content:"\e041"}.icon-Takeaway-cup:before{content:"\e042"}.icon-Target:before{content:"\e043"}.icon-Temperatrure-alt:before{content:"\e044"}.icon-Temperature:before{content:"\e045"}.icon-Terminal:before{content:"\e046"}.icon-Theater:before{content:"\e047"}.icon-Theif:before{content:"\e048"}.icon-Thought-bubble:before{content:"\e049"}.icon-Thumb-down:before{content:"\e04a"}.icon-Thumb-up:before{content:"\e04b"}.icon-Thumbnail-list:before{content:"\e04c"}.icon-Thumbnails-small:before{content:"\e04d"}.icon-Thumbnails:before{content:"\e04e"}.icon-Ticket:before{content:"\e04f"}.icon-Sync:before{content:"\e050"}.icon-Sweatshirt:before{content:"\e051"}.icon-Sunny:before{content:"\e052"}.icon-Stream:before{content:"\e053"}.icon-Store:before{content:"\e054"}.icon-Stop:before{content:"\e055"}.icon-Stop-hand:before{content:"\e056"}.icon-Stop-alt:before{content:"\e057"}.icon-Stamp:before{content:"\e058"}.icon-Stacked-disks:before{content:"\e059"}.icon-Ssd:before{content:"\e05a"}.icon-Squiggly-line:before{content:"\e05b"}.icon-Sprout:before{content:"\e05c"}.icon-Split:before{content:"\e05d"}.icon-Split-alt:before{content:"\e05e"}.icon-Speed-gauge:before{content:"\e05f"}.icon-Speaker:before{content:"\e060"}.icon-Sound:before{content:"\e061"}.icon-Spades:before{content:"\e062"}.icon-Sound-waves:before{content:"\e063"}.icon-Shipping-box:before{content:"\e064"}.icon-Shipping:before{content:"\e065"}.icon-Shoe:before{content:"\e066"}.icon-Shopping-basket-alt-2:before{content:"\e067"}.icon-Shopping-basket:before{content:"\e068"}.icon-Shopping-basket-alt:before{content:"\e069"}.icon-Shorts:before{content:"\e06a"}.icon-Shuffle:before{content:"\e06b"}.icon-Sience:before{content:"\e06c"}.icon-Simcard:before{content:"\e06d"}.icon-Single-note:before{content:"\e06e"}.icon-Sitemap:before{content:"\e06f"}.icon-Sleep:before{content:"\e070"}.icon-Slideshow:before{content:"\e071"}.icon-Smiley-inverted:before{content:"\e072"}.icon-Smiley:before{content:"\e073"}.icon-Snow:before{content:"\e074"}.icon-Sound-low:before{content:"\e075"}.icon-Sound-medium:before{content:"\e076"}.icon-Sound-off:before{content:"\e077"}.icon-Shift:before{content:"\e078"}.icon-Shield:before{content:"\e079"}.icon-Sharing-iphone:before{content:"\e07a"}.icon-Share:before{content:"\e07b"}.icon-Share-alt:before{content:"\e07c"}.icon-Share-alt-2:before{content:"\e07d"}.icon-Settings:before{content:"\e07e"}.icon-Settings-alt:before{content:"\e07f"}.icon-Settings-alt-2:before{content:"\e080"}.icon-Server:before{content:"\e081"}.icon-Server-alt:before{content:"\e082"}.icon-Sensor:before{content:"\e083"}.icon-Security-camera:before{content:"\e084"}.icon-Search:before{content:"\e085"}.icon-Scull:before{content:"\e086"}.icon-Script:before{content:"\e087"}.icon-Script-alt:before{content:"\e088"}.icon-Screensharing:before{content:"\e089"}.icon-School:before{content:"\e08a"}.icon-Scan:before{content:"\e08b"}.icon-Refresh:before{content:"\e08c"}.icon-Remote:before{content:"\e08d"}.icon-Remove:before{content:"\e08e"}.icon-Repeat-one:before{content:"\e08f"}.icon-Repeat:before{content:"\e090"}.icon-Resize:before{content:"\e091"}.icon-Reply-arrow:before{content:"\e092"}.icon-Return-to-top:before{content:"\e093"}.icon-Right-double-arrow:before{content:"\e094"}.icon-Road:before{content:"\e095"}.icon-Roadsign:before{content:"\e096"}.icon-Rocket:before{content:"\e097"}.icon-Rss:before{content:"\e098"}.icon-Ruler-alt:before{content:"\e099"}.icon-Ruler:before{content:"\e09a"}.icon-Sandbox-toys:before{content:"\e09b"}.icon-Satellite-dish:before{content:"\e09c"}.icon-Save:before{content:"\e09d"}.icon-Safedial:before{content:"\e09e"}.icon-Safe:before{content:"\e09f"}.icon-Redo:before{content:"\e0a0"}.icon-Printer-alt:before{content:"\e0a1"}.icon-Planet:before{content:"\e0a2"}.icon-Paste-in:before{content:"\e0a3"}.icon-Os-x:before{content:"\e0a4"}.icon-Navigation-left:before{content:"\e0a5"}.icon-Message:before{content:"\e0a6"}.icon-Lock:before{content:"\e0a7"}.icon-Layers-alt:before{content:"\e0a8"}.icon-Record:before{content:"\e0a9"}.icon-Print:before{content:"\e0aa"}.icon-Plane:before{content:"\e0ab"}.icon-Partly-cloudy:before{content:"\e0ac"}.icon-Ordered-list:before{content:"\e0ad"}.icon-Navigation-last:before{content:"\e0ae"}.icon-Message-unopened:before{content:"\e0af"}.icon-Location-nearby:before{content:"\e0b0"}.icon-Laptop:before{content:"\e0b1"}.icon-Reception:before{content:"\e0b2"}.icon-Price-yen:before{content:"\e0b3"}.icon-Piracy:before{content:"\e0b4"}.icon-Parental-control:before{content:"\e0b5"}.icon-Operator:before{content:"\e0b6"}.icon-Navigation-horizontal:before{content:"\e0b7"}.icon-Message-open:before{content:"\e0b8"}.icon-Lab:before{content:"\e0b9"}.icon-Location-near-me:before{content:"\e0ba"}.icon-Receipt-yen:before{content:"\e0bb"}.icon-Price-pound:before{content:"\e0bc"}.icon-Pin-location:before{content:"\e0bd"}.icon-Parachute-drop:before{content:"\e0be"}.icon-Old-phone:before{content:"\e0bf"}.icon-Merge:before{content:"\e0c0"}.icon-Navigation-first:before{content:"\e0c1"}.icon-Locate:before{content:"\e0c2"}.icon-Keyhole:before{content:"\e0c3"}.icon-Receipt-pound:before{content:"\e0c4"}.icon-Price-euro:before{content:"\e0c5"}.icon-Piggy-bank:before{content:"\e0c6"}.icon-Paper-plane:before{content:"\e0c7"}.icon-Old-key:before{content:"\e0c8"}.icon-Navigation-down:before{content:"\e0c9"}.icon-Megaphone:before{content:"\e0ca"}.icon-Loading:before{content:"\e0cb"}.icon-Keychain:before{content:"\e0cc"}.icon-Receipt-euro:before{content:"\e0cd"}.icon-Price-dollar:before{content:"\e0ce"}.icon-Pie-chart:before{content:"\e0cf"}.icon-Paper-plane-alt:before{content:"\e0d0"}.icon-Notepad:before{content:"\e0d1"}.icon-Navigation-bottom:before{content:"\e0d2"}.icon-Meeting:before{content:"\e0d3"}.icon-Keyboard:before{content:"\e0d4"}.icon-Load:before{content:"\e0d5"}.icon-Receipt-dollar:before{content:"\e0d6"}.icon-Previous:before{content:"\e0d7"}.icon-Pictures:before{content:"\e0d8"}.icon-Notepad-alt:before{content:"\e0d9"}.icon-Paper-bag:before{content:"\e0da"}.icon-Name-badge:before{content:"\e0db"}.icon-Medicine:before{content:"\e0dc"}.icon-List:before{content:"\e0dd"}.icon-Key:before{content:"\e0de"}.icon-Receipt-alt:before{content:"\e0df"}.icon-Previous-media:before{content:"\e0e0"}.icon-Pictures-alt:before{content:"\e0e1"}.icon-Pants:before{content:"\e0e2"}.icon-Nodes:before{content:"\e0e3"}.icon-Music:before{content:"\e0e4"}.icon-Readonly:before{content:"\e0e5"}.icon-Presentation:before{content:"\e0e6"}.icon-Pictures-alt-2:before{content:"\e0e7"}.icon-Pannel-close:before{content:"\e0e8"}.icon-Next:before{content:"\e0e9"}.icon-Multiple-windows:before{content:"\e0ea"}.icon-Medical-emergency:before{content:"\e0eb"}.icon-Medal:before{content:"\e0ec"}.icon-Link:before{content:"\e0ed"}.icon-Linux-tux:before{content:"\e0ee"}.icon-Junk:before{content:"\e0ef"}.icon-Item-arrangement:before{content:"\e0f0"}.icon-Iphone:before{content:"\e0f1"}.icon-Lightning:before{content:"\e0f2"}.icon-Map:before{content:"\e0f3"}.icon-Multiple-credit-cards:before{content:"\e0f4"}.icon-Next-media:before{content:"\e0f5"}.icon-Panel-show:before{content:"\e0f6"}.icon-Picture:before{content:"\e0f7"}.icon-Power:before{content:"\e0f8"}.icon-Re-post:before{content:"\e0f9"}.icon-Rate:before{content:"\e0fa"}.icon-Rain:before{content:"\e0fb"}.icon-Radio:before{content:"\e0fc"}.icon-Radio-receiver:before{content:"\e0fd"}.icon-Radio-alt:before{content:"\e0fe"}.icon-Quote:before{content:"\e0ff"}.icon-Qr-code:before{content:"\e100"}.icon-Pushpin:before{content:"\e101"}.icon-Pulse:before{content:"\e102"}.icon-Projector:before{content:"\e103"}.icon-Play:before{content:"\e104"}.icon-Playing-cards:before{content:"\e105"}.icon-Playlist:before{content:"\e106"}.icon-Plugin:before{content:"\e107"}.icon-Podcast:before{content:"\e108"}.icon-Poker-chip:before{content:"\e109"}.icon-Poll:before{content:"\e10a"}.icon-Post-it:before{content:"\e10b"}.icon-Pound-bag:before{content:"\e10c"}.icon-Power-outlet:before{content:"\e10d"}.icon-Photo-album:before{content:"\e10e"}.icon-Phone:before{content:"\e10f"}.icon-Phone-ring:before{content:"\e110"}.icon-People:before{content:"\e111"}.icon-People-female:before{content:"\e112"}.icon-People-alt:before{content:"\e113"}.icon-People-alt-2:before{content:"\e114"}.icon-Pc:before{content:"\e115"}.icon-Pause:before{content:"\e116"}.icon-Path:before{content:"\e117"}.icon-Out:before{content:"\e118"}.icon-Outbox:before{content:"\e119"}.icon-Outdent:before{content:"\e11a"}.icon-Page-add:before{content:"\e11b"}.icon-Page-down:before{content:"\e11c"}.icon-Page-remove:before{content:"\e11d"}.icon-Page-restricted:before{content:"\e11e"}.icon-Page-up:before{content:"\e11f"}.icon-Paint-roller:before{content:"\e120"}.icon-Palette:before{content:"\e121"}.icon-Newspaper:before{content:"\e122"}.icon-Newspaper-alt:before{content:"\e123"}.icon-Network-alt:before{content:"\e124"}.icon-Navigational-arrow:before{content:"\e125"}.icon-Navigation:before{content:"\e126"}.icon-Navigation-vertical:before{content:"\e127"}.icon-Navigation-up:before{content:"\e128"}.icon-Navigation-top:before{content:"\e129"}.icon-Navigation-road:before{content:"\e12a"}.icon-Navigation-right:before{content:"\e12b"}.icon-Microscope:before{content:"\e12c"}.icon-Mindmap:before{content:"\e12d"}.icon-Molecular-network:before{content:"\e12e"}.icon-Molecular:before{content:"\e12f"}.icon-Mountain:before{content:"\e130"}.icon-Mouse-cursor:before{content:"\e131"}.icon-Mouse:before{content:"\e132"}.icon-Movie-alt:before{content:"\e133"}.icon-Map-marker:before{content:"\e134"}.icon-Movie:before{content:"\e135"}.icon-Map-loaction:before{content:"\e136"}.icon-Map-alt:before{content:"\e137"}.icon-Male-symbol:before{content:"\e138"}.icon-Male-and-female:before{content:"\e139"}.icon-Mailbox:before{content:"\e13a"}.icon-Magnet:before{content:"\e13b"}.icon-Loupe:before{content:"\e13c"}.icon-Mobile:before{content:"\e13d"}.icon-Logout:before{content:"\e13e"}.icon-Log-out:before{content:"\e13f"}.icon-Layers:before{content:"\e140"}.icon-Left-double-arrow:before{content:"\e141"}.icon-Layout:before{content:"\e142"}.icon-Legal:before{content:"\e143"}.icon-Lense:before{content:"\e144"}.icon-Library:before{content:"\e145"}.icon-Light-down:before{content:"\e146"}.icon-Light-up:before{content:"\e147"}.icon-Lightbulb-active:before{content:"\e148"}.icon-Lightbulb:before{content:"\e149"}.icon-iPad:before{content:"\e14a"}.icon-Invoice:before{content:"\e14b"}.icon-Info:before{content:"\e14c"}.icon-Infinity:before{content:"\e14d"}.icon-Indent:before{content:"\e14e"}.icon-Inbox:before{content:"\e14f"}.icon-Inbox-full:before{content:"\e150"}.icon-Inactive-line:before{content:"\e151"}.icon-iMac:before{content:"\e152"}.icon-Hourglass:before{content:"\e153"}.icon-Home:before{content:"\e154"}.icon-Grid:before{content:"\e155"}.icon-Food:before{content:"\e156"}.icon-Favorite:before{content:"\e157"}.icon-Door-open-alt:before{content:"\e158"}.icon-Diagnostics:before{content:"\e159"}.icon-Contrast:before{content:"\e15a"}.icon-Coins-dollar-alt:before{content:"\e15b"}.icon-Circle-dotted-active:before{content:"\e15c"}.icon-Cinema:before{content:"\e15d"}.icon-Chip:before{content:"\e15e"}.icon-Chip-alt:before{content:"\e15f"}.icon-Chess:before{content:"\e160"}.icon-Checkbox:before{content:"\e161"}.icon-Checkbox-empty:before{content:"\e162"}.icon-Checkbox-dotted:before{content:"\e163"}.icon-Checkbox-dotted-active:before{content:"\e164"}.icon-Check:before{content:"\e165"}.icon-Chat:before{content:"\e166"}.icon-Chat-active:before{content:"\e167"}.icon-Chart:before{content:"\e168"}.icon-Chart-curve:before{content:"\e169"}.icon-Certificate:before{content:"\e16a"}.icon-Categories:before{content:"\e16b"}.icon-Cash-register:before{content:"\e16c"}.icon-Car:before{content:"\e16d"}.icon-Caps-lock:before{content:"\e16e"}.icon-Candy:before{content:"\e16f"}.icon-Circle-dotted:before{content:"\e170"}.icon-Circuits:before{content:"\e171"}.icon-Circus:before{content:"\e172"}.icon-Client:before{content:"\e173"}.icon-Clothes-hanger:before{content:"\e174"}.icon-Cloud-drive:before{content:"\e175"}.icon-Cloud-upload:before{content:"\e176"}.icon-Cloud:before{content:"\e177"}.icon-Cloudy:before{content:"\e178"}.icon-Clubs:before{content:"\e179"}.icon-Cocktail:before{content:"\e17a"}.icon-Code:before{content:"\e17b"}.icon-Coffee:before{content:"\e17c"}.icon-Coin-dollar:before{content:"\e17d"}.icon-Coin-pound:before{content:"\e17e"}.icon-Coin-yen:before{content:"\e17f"}.icon-Coin:before{content:"\e180"}.icon-Coins-alt:before{content:"\e181"}.icon-Console:before{content:"\e182"}.icon-Connection:before{content:"\e183"}.icon-Compress:before{content:"\e184"}.icon-Company:before{content:"\e185"}.icon-Command:before{content:"\e186"}.icon-Coin-euro:before{content:"\e187"}.icon-Combination-lock:before{content:"\e188"}.icon-Combination-lock-open:before{content:"\e189"}.icon-Comb:before{content:"\e18a"}.icon-Columns:before{content:"\e18b"}.icon-Colorpicker:before{content:"\e18c"}.icon-Color-bucket:before{content:"\e18d"}.icon-Coins:before{content:"\e18e"}.icon-Coins-yen:before{content:"\e18f"}.icon-Coins-yen-alt:before{content:"\e190"}.icon-Coins-pound:before{content:"\e191"}.icon-Coins-pound-alt:before{content:"\e192"}.icon-Coins-euro:before{content:"\e193"}.icon-Coins-euro-alt:before{content:"\e194"}.icon-Coins-dollar:before{content:"\e195"}.icon-Conversation-alt:before{content:"\e196"}.icon-Conversation:before{content:"\e197"}.icon-Coverflow:before{content:"\e198"}.icon-Credit-card-alt:before{content:"\e199"}.icon-Credit-card:before{content:"\e19a"}.icon-Crop:before{content:"\e19b"}.icon-Crosshair:before{content:"\e19c"}.icon-Crown-alt:before{content:"\e19d"}.icon-Crown:before{content:"\e19e"}.icon-Cupcake:before{content:"\e19f"}.icon-Curve:before{content:"\e1a0"}.icon-Cut:before{content:"\e1a1"}.icon-Dashboard:before{content:"\e1a2"}.icon-Defrag:before{content:"\e1a3"}.icon-Delete:before{content:"\e1a4"}.icon-Delete-key:before{content:"\e1a5"}.icon-Departure:before{content:"\e1a6"}.icon-Desk:before{content:"\e1a7"}.icon-Desktop:before{content:"\e1a8"}.icon-Donate:before{content:"\e1a9"}.icon-Dollar-bag:before{content:"\e1aa"}.icon-Documents:before{content:"\e1ab"}.icon-Document:before{content:"\e1ac"}.icon-Document-dashed-line:before{content:"\e1ad"}.icon-Dock-connector:before{content:"\e1ae"}.icon-Dna:before{content:"\e1af"}.icon-Display:before{content:"\e1b0"}.icon-Disk-image:before{content:"\e1b1"}.icon-Disc:before{content:"\e1b2"}.icon-Directions:before{content:"\e1b3"}.icon-Directions-alt:before{content:"\e1b4"}.icon-Diploma:before{content:"\e1b5"}.icon-Diploma-alt:before{content:"\e1b6"}.icon-Dice:before{content:"\e1b7"}.icon-Diamonds:before{content:"\e1b8"}.icon-Diamond:before{content:"\e1b9"}.icon-Diagonal-arrow:before{content:"\e1ba"}.icon-Diagonal-arrow-alt:before{content:"\e1bb"}.icon-Door-open:before{content:"\e1bc"}.icon-Download-alt:before{content:"\e1bd"}.icon-Download:before{content:"\e1be"}.icon-Drop:before{content:"\e1bf"}.icon-Eco:before{content:"\e1c0"}.icon-Economy:before{content:"\e1c1"}.icon-Edit:before{content:"\e1c2"}.icon-Eject:before{content:"\e1c3"}.icon-Employee:before{content:"\e1c4"}.icon-Energy-saving-bulb:before{content:"\e1c5"}.icon-Enter:before{content:"\e1c6"}.icon-Equalizer:before{content:"\e1c7"}.icon-Escape:before{content:"\e1c8"}.icon-Ethernet:before{content:"\e1c9"}.icon-Euro-bag:before{content:"\e1ca"}.icon-Exit-fullscreen:before{content:"\e1cb"}.icon-Eye:before{content:"\e1cc"}.icon-Facebook-like:before{content:"\e1cd"}.icon-Factory:before{content:"\e1ce"}.icon-Font:before{content:"\e1cf"}.icon-Folders:before{content:"\e1d0"}.icon-Folder:before{content:"\e1d1"}.icon-Folder-outline:before{content:"\e1d2"}.icon-Folder-open:before{content:"\e1d3"}.icon-Flowerpot:before{content:"\e1d4"}.icon-Flashlight:before{content:"\e1d5"}.icon-Flash:before{content:"\e1d6"}.icon-Flag:before{content:"\e1d7"}.icon-Flag-alt:before{content:"\e1d8"}.icon-Firewire:before{content:"\e1d9"}.icon-Firewall:before{content:"\e1da"}.icon-Fire:before{content:"\e1db"}.icon-Fingerprint:before{content:"\e1dc"}.icon-FIlter:before{content:"\e1dd"}.icon-Filter-arrows:before{content:"\e1de"}.icon-Files:before{content:"\e1df"}.icon-File-cabinet:before{content:"\e1e0"}.icon-Female-symbol:before{content:"\e1e1"}.icon-Footprints:before{content:"\e1e2"}.icon-Hammer:before{content:"\e1e3"}.icon-Hand-active-alt:before{content:"\e1e4"}.icon-Forking:before{content:"\e1e5"}.icon-Hand-active:before{content:"\e1e6"}.icon-Hand-pointer-alt:before{content:"\e1e7"}.icon-Hand-pointer:before{content:"\e1e8"}.icon-Handprint:before{content:"\e1e9"}.icon-Handshake:before{content:"\e1ea"}.icon-Handtool:before{content:"\e1eb"}.icon-Hard-drive:before{content:"\e1ec"}.icon-Help:before{content:"\e1ed"}.icon-Graduate:before{content:"\e1ee"}.icon-Gps:before{content:"\e1ef"}.icon-Help-alt:before{content:"\e1f0"}.icon-Height:before{content:"\e1f1"}.icon-Globe:before{content:"\e1f2"}.icon-Hearts:before{content:"\e1f3"}.icon-Globe-inverted-europe-africa:before{content:"\e1f4"}.icon-Headset:before{content:"\e1f5"}.icon-Globe-inverted-asia:before{content:"\e1f6"}.icon-Headphones:before{content:"\e1f7"}.icon-Globe-inverted-america:before{content:"\e1f8"}.icon-Hd:before{content:"\e1f9"}.icon-Globe-Europe---Africa:before{content:"\e1fa"}.icon-Hat:before{content:"\e1fb"}.icon-Globe-Asia:before{content:"\e1fc"}.icon-Globe-alt:before{content:"\e1fd"}.icon-Hard-drive-alt:before{content:"\e1fe"}.icon-Glasses:before{content:"\e1ff"}.icon-Gift:before{content:"\e200"}.icon-Handtool-alt:before{content:"\e201"}.icon-Geometry:before{content:"\e202"}.icon-Game:before{content:"\e203"}.icon-Fullscreen:before{content:"\e204"}.icon-Fullscreen-alt:before{content:"\e205"}.icon-Frame:before{content:"\e206"}.icon-Frame-alt:before{content:"\e207"}.icon-Camera-roll:before{content:"\e208"}.icon-Bookmark:before{content:"\e209"}.icon-Bill:before{content:"\e20a"}.icon-Baby-stroller:before{content:"\e20b"}.icon-Alarm-clock:before{content:"\e20c"}.icon-Adressbook:before{content:"\e20d"}.icon-Add:before{content:"\e20e"}.icon-Activity:before{content:"\e20f"}.icon-untitled:before{content:"\e210"}.icon-glasses:before{content:"\e211"}.icon-Camcorder:before{content:"\e212"}.icon-Calendar:before{content:"\e213"}.icon-Calendar-alt:before{content:"\e214"}.icon-Calculator:before{content:"\e215"}.icon-Bus:before{content:"\e216"}.icon-Burn:before{content:"\e217"}.icon-Bulleted-list:before{content:"\e218"}.icon-Bug:before{content:"\e219"}.icon-Brush:before{content:"\e21a"}.icon-Brush-alt:before{content:"\e21b"}.icon-Brush-alt-2:before{content:"\e21c"}.icon-Browser-window:before{content:"\e21d"}.icon-Briefcase:before{content:"\e21e"}.icon-Brick:before{content:"\e21f"}.icon-Brackets:before{content:"\e220"}.icon-Box:before{content:"\e221"}.icon-Box-open:before{content:"\e222"}.icon-Box-alt:before{content:"\e223"}.icon-Books:before{content:"\e224"}.icon-Billboard:before{content:"\e225"}.icon-Bills-dollar:before{content:"\e226"}.icon-Bills-euro:before{content:"\e227"}.icon-Bills-pound:before{content:"\e228"}.icon-Bills-yen:before{content:"\e229"}.icon-Bills:before{content:"\e22a"}.icon-Binarycode:before{content:"\e22b"}.icon-Binoculars:before{content:"\e22c"}.icon-Bird:before{content:"\e22d"}.icon-Birthday-cake:before{content:"\e22e"}.icon-Blueprint:before{content:"\e22f"}.icon-Block:before{content:"\e230"}.icon-Bluetooth:before{content:"\e231"}.icon-Boat-shipping:before{content:"\e232"}.icon-Bomb:before{content:"\e233"}.icon-Book-alt-2:before{content:"\e234"}.icon-Bones:before{content:"\e235"}.icon-Book-alt:before{content:"\e236"}.icon-Book:before{content:"\e237"}.icon-Bill-yen:before{content:"\e238"}.icon-Award:before{content:"\e239"}.icon-Bill-pound:before{content:"\e23a"}.icon-Autofill:before{content:"\e23b"}.icon-Bill-euro:before{content:"\e23c"}.icon-Auction-hammer:before{content:"\e23d"}.icon-Bill-dollar:before{content:"\e23e"}.icon-Attachment:before{content:"\e23f"}.icon-Bell:before{content:"\e240"}.icon-Article:before{content:"\e241"}.icon-Bell-off:before{content:"\e242"}.icon-Art-easel:before{content:"\e243"}.icon-Beer-glass:before{content:"\e244"}.icon-Arrow-up:before{content:"\e245"}.icon-Battery-low:before{content:"\e246"}.icon-Arrow-right:before{content:"\e247"}.icon-Battery-full:before{content:"\e248"}.icon-Arrow-left:before{content:"\e249"}.icon-Bars:before{content:"\e24a"}.icon-Arrow-down:before{content:"\e24b"}.icon-Barcode:before{content:"\e24c"}.icon-Arrivals:before{content:"\e24d"}.icon-Bar-chart:before{content:"\e24e"}.icon-Application-window:before{content:"\e24f"}.icon-Band-aid:before{content:"\e250"}.icon-Application-window-alt:before{content:"\e251"}.icon-Ball:before{content:"\e252"}.icon-Application-Error:before{content:"\e253"}.icon-Badge-restricted:before{content:"\e254"}.icon-App:before{content:"\e255"}.icon-Badge-remove:before{content:"\e256"}.icon-Anchor:before{content:"\e257"}.icon-Badge-count:before{content:"\e258"}.icon-Alt:before{content:"\e259"}.icon-Badge-add:before{content:"\e25a"}.icon-Alert:before{content:"\e25b"}.icon-Backspace:before{content:"\e25c"}.icon-Alert-alt:before{content:"\e25d"}.span{width:60px;background-color:rgba(163,219,120,.5);height:60px;border-radius:3px;position:relative}#posting{position:absolute;top:0;width:140px;background-color:#4aae4e;height:36px;border-radius:3px;display:none}.loader{width:6px;height:6px;border-radius:50%;-webkit-animation:typing 1s linear infinite alternate;animation:typing 1s linear infinite alternate;position:absolute;top:50%;left:50%;-webkit-transform:translate(-250%,-50%);-ms-transform:translate(-250%,-50%);transform:translate(-250%,-50%)}#registrationForm input[type=submit],.button,.quick-menu .login input[type=submit],.quick-menu .new-profile input[type=submit],.tagAdd,a.button,a.tagAdd{background:#2f6bff;padding:20px 40px;display:inline-block;text-decoration:none;border:none;border-radius:3px;-webkit-appearance:none;position:relative;overflow:hidden;color:#fff;text-align:center;font-size:1rem;-webkit-transition:background .2s;transition:background .2s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#registrationForm input[type=submit]:hover,.button:hover,.quick-menu .login input[type=submit]:hover,.quick-menu .new-profile input[type=submit]:hover,.tagAdd:hover,a.button:hover,a.tagAdd:hover{background:#497dff}#registrationForm input[type=submit] span,.button span,.quick-menu .login input[type=submit] span,.quick-menu .new-profile input[type=submit] span,.tagAdd span,a.button span,a.tagAdd span{position:relative;z-index:20}#registrationForm input[type=submit],.button.green,.forum-page .button.create-new-thread,.forum-page .button.login,.forum-page .create-new-thread.tagAdd,.forum-page .login.tagAdd,.forum-page a.button.create-new-thread,.forum-page a.button.login,.forum-page a.create-new-thread.tagAdd,.forum-page a.login.tagAdd,.green.tagAdd,.quick-menu .login input[type=submit],.quick-menu .new-profile input[type=submit],a.button.green,a.green.tagAdd{background:#2EB369}#registrationForm input[type=submit]:hover,.button.green:hover,.forum-page .button.create-new-thread:hover,.forum-page .button.login:hover,.forum-page .create-new-thread.tagAdd:hover,.forum-page .login.tagAdd:hover,.forum-page a.button.create-new-thread:hover,.forum-page a.button.login:hover,.forum-page a.create-new-thread.tagAdd:hover,.forum-page a.login.tagAdd:hover,.green.tagAdd:hover,.quick-menu .login input[type=submit]:hover,.quick-menu .new-profile input[type=submit]:hover,a.button.green:hover,a.green.tagAdd:hover{background:#33c775}#registrationForm input.white[type=submit],.button.white,.quick-menu .login input.white[type=submit],.quick-menu .new-profile input.white[type=submit],.white.tagAdd,a.button.white,a.white.tagAdd{background:#fff;color:#000}#registrationForm input.white[type=submit]:hover,.button.white:hover,.quick-menu .login input.white[type=submit]:hover,.quick-menu .new-profile input.white[type=submit]:hover,.white.tagAdd:hover,a.button.white:hover,a.white.tagAdd:hover{background:rgba(255,255,255,.7)}#registrationForm .forum-page input.delete-thread[type=submit],#registrationForm input.red[type=submit],.button.red,.forum-page #registrationForm input.delete-thread[type=submit],.forum-page .button.delete-thread,.forum-page .delete-thread.tagAdd,.forum-page .quick-menu .login input.delete-thread[type=submit],.forum-page .quick-menu .new-profile input.delete-thread[type=submit],.forum-page a.button.delete-thread,.forum-page a.delete-thread.tagAdd,.quick-menu .login .forum-page input.delete-thread[type=submit],.quick-menu .login input.red[type=submit],.quick-menu .new-profile .forum-page input.delete-thread[type=submit],.quick-menu .new-profile input.red[type=submit],.red.tagAdd,a.button.red,a.red.tagAdd{background:#fe6561;color:#fff}#registrationForm .forum-page input.delete-thread[type=submit]:hover,#registrationForm input.red[type=submit]:hover,.button.red:hover,.forum-page #registrationForm input.delete-thread[type=submit]:hover,.forum-page .button.delete-thread:hover,.forum-page .delete-thread.tagAdd:hover,.forum-page .quick-menu .login input.delete-thread[type=submit]:hover,.forum-page .quick-menu .new-profile input.delete-thread[type=submit]:hover,.forum-page a.button.delete-thread:hover,.forum-page a.delete-thread.tagAdd:hover,.quick-menu .login .forum-page input.delete-thread[type=submit]:hover,.quick-menu .login input.red[type=submit]:hover,.quick-menu .new-profile .forum-page input.delete-thread[type=submit]:hover,.quick-menu .new-profile input.red[type=submit]:hover,.red.tagAdd:hover,a.button.red:hover,a.red.tagAdd:hover{background:#fe7e7a}#registrationForm input.transparent[type=submit],.button.transparent,.quick-menu .login input.transparent[type=submit],.quick-menu .new-profile input.transparent[type=submit],.transparent.tagAdd,a.button.transparent,a.transparent.tagAdd{border:1px solid #565656;background:0 0;color:#565656}#registrationForm input.transparent[type=submit]:hover,.button.transparent:hover,.quick-menu .login input.transparent[type=submit]:hover,.quick-menu .new-profile input.transparent[type=submit]:hover,.transparent.tagAdd:hover,a.button.transparent:hover,a.transparent.tagAdd:hover{background:0 0;color:#000;border-color:#000}#registrationForm input.transparent[type=submit] .ink,.button.transparent .ink,.quick-menu .login input.transparent[type=submit] .ink,.quick-menu .new-profile input.transparent[type=submit] .ink,.transparent.tagAdd .ink,a.button.transparent .ink,a.transparent.tagAdd .ink{background:rgba(46,179,105,.3)}#registrationForm input.pink[type=submit],.button.pink,.pink.tagAdd,.quick-menu .login input.pink[type=submit],.quick-menu .new-profile input.pink[type=submit],a.button.pink,a.pink.tagAdd{background:#E13E8F}#registrationForm input.pink[type=submit]:hover,.button.pink:hover,.pink.tagAdd:hover,.quick-menu .login input.pink[type=submit]:hover,.quick-menu .new-profile input.pink[type=submit]:hover,a.button.pink:hover,a.pink.tagAdd:hover{background:#e4549c}#registrationForm input.large[type=submit],.button.large,.large.tagAdd,.quick-menu .login input.large[type=submit],.quick-menu .new-profile input.large[type=submit],a.button.large,a.large.tagAdd{font-size:1.2rem}#registrationForm input[type=submit],.button.tiny,.quick-menu .login input[type=submit],.quick-menu .new-profile input[type=submit],.tagAdd,a.button.tiny,a.tagAdd{padding:10px 20px;font-size:.9rem}button.button,button.tagAdd{font-family:Asap,sans-serif;cursor:pointer;outline:0}button.button:active,button.button:focus,button.tagAdd:active,button.tagAdd:focus{outline:0}.ink{display:block;position:absolute;background:rgba(255,255,255,.3);border-radius:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.animate{-webkit-animation:ripple .65s cubic-bezier(0,0,.22,.88);animation:ripple .65s cubic-bezier(0,0,.22,.88)}body{padding-top:80px}body.navopen{overflow:hidden;max-height:100%}header{color:#fff;width:100%;position:absolute;z-index:800;top:-80px}header .navigation{position:relative;z-index:200;width:100%;padding:10px 0;background:#a3db78;-webkit-transition:all .2s;transition:all .2s}header .row:first-child{margin:0}header .logo{background:url(../images/logo.svg) left center no-repeat;background-size:30px auto;height:60px;line-height:60px;display:inline-block;text-indent:40px;text-decoration:none;position:relative;z-index:300;font-size:1rem;-webkit-transition:all .2s;transition:all .2s}header nav{text-align:right;overflow:hidden;height:60px;line-height:60px;color:rgba(0,0,0,.5)}header nav ul{float:right}header nav li{float:left;margin-right:20px;font-size:1rem;line-height:inherit}header nav li:last-child{margin-right:0}header nav a,header nav a:visited{text-decoration:none;color:rgba(0,0,0,.6);border-bottom:1px solid transparent}header nav a.active,header nav a:hover,header nav a:visited.active,header nav a:visited:hover{border-bottom-color:rgba(0,0,0,.6)}header .search{max-width:1200px;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}header .search form{position:relative}header .search input{font-family:Asap,sans-serif}header .search input[type=search]{-webkit-appearance:none;border:none;padding:14px 0;text-indent:14px;height:60px;width:100%;min-width:400px;display:block;font-size:1rem;-webkit-transition:box-shadow .2s;transition:box-shadow .2s}header .search input[type=search]:active,header .search input[type=search]:focus{outline:0}header .search input[type=submit]{background:url(../images/search-dark.png) center no-repeat #fff;background-size:24px 24px;width:10%;height:60px;padding:14px 28px;border:none;position:absolute;z-index:100;right:0;top:0;margin:0}header .search .search-text p{display:none}header .user img{height:40px;width:40px;border-radius:50%;vertical-align:middle;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}header.sticky .navigation{background:#98d768;padding:0}header.sticky .menu-toggle{top:15px}.notificationCount{position:absolute;text-align:center;height:20px;width:20px;background:#fe6561;line-height:20px;z-index:40;font-size:.68rem;font-weight:700;cursor:pointer;border-radius:50%;color:#fff;-webkit-animation-name:animGenie;animation-name:animGenie;-webkit-animation-duration:1s;animation-duration:1s}.map .sticky .navigation{background:#a3db78}.map .navigation{background:0 0}#breadcrumb{padding:10px 10px 10px 0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);margin:0;display:block;width:100%}#breadcrumb li{display:inline-block;list-style:none}#breadcrumb li:after{content:"";background:url(../images/breadcrumb.png) center bottom no-repeat;background-size:16px 16px;display:inline-block;height:20px;width:16px;margin-left:3px;margin-right:3px;-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}#breadcrumb li a{color:#000;text-decoration:none;font-size:.8rem;-webkit-transition:color .1s;transition:color .1s}#breadcrumb li a:hover{color:#000;text-decoration:underline}#breadcrumb li:last-child a{color:#000}#breadcrumb li:last-child:after{display:none}body.quickmenu{overflow:hidden;max-height:100%}.quick-menu{width:100%;position:fixed;right:0;top:0;z-index:999;visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);overflow-y:scroll;height:100%;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.12);-webkit-transition:all .3s;transition:all .3s}.quick-menu>.container,.quick-menu>.page,.quick-menu>.subpage{padding-bottom:30px}.quick-menu .user-image img{border-radius:50%;display:block;margin:30px auto;max-width:128px;height:auto}.quick-menu .close{left:15px;cursor:pointer;font-size:.9rem;color:#5a6d71}.quick-menu .close:hover{color:#7F9499}.quick-menu .close i{position:relative;top:3px;font-size:1rem;margin-right:3px}.quick-menu .settings{right:15px}.quick-menu .settings a{font-size:.9rem;text-decoration:none;color:#5a6d71}.quick-menu .settings i{position:relative;top:3px;font-size:1rem;margin-right:5px}.quick-menu .settings:hover a{color:#7F9499}.quick-menu .close,.quick-menu .settings{-webkit-transition:color .2s cubic-bezier(.7,0,.3,1);transition:color .2s cubic-bezier(.7,0,.3,1);position:absolute;top:-3px}.quick-menu .user-profile{text-align:center;margin:0 auto 30px}.quick-menu .user-profile h2{font-size:1.3rem;margin-bottom:.5rem}.quick-menu .user-profile .karma{display:inline-block;font-size:.9rem;color:#5a6d71}.quick-menu .user-profile .karma:before{content:"Karma";display:inline-block;padding:0 2px 0 0;-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.quick-menu .user-profile .karma:after{content:"-";display:inline-block;padding:0 1px}.quick-menu .user-profile .user-twitter{display:inline-block;font-size:.9rem;color:#5a6d71}.quick-menu .user-profile .user-twitter a{border-bottom:1px solid rgba(0,0,0,.6);padding-bottom:1px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.quick-menu .user-profile .user-twitter a:hover{padding-bottom:3px;color:#7F9499}.quick-menu .user-profile .roles{display:block;margin-top:1rem}.quick-menu .user-profile .roles span{font-size:.8rem}.quick-menu .log-out{margin-top:20px}.quick-menu .log-out a{font-size:.8rem}.quick-menu small{font-size:.9rem;color:#4f5f63;text-transform:uppercase;font-weight:700;letter-spacing:.2px;display:block;margin-bottom:.5rem}.quick-menu .forum-thread,.quick-menu .user-notification,.quick-menu .user-notification__blue,.quick-menu .user-notification__green,.quick-menu .user-notification__red,.quick-menu .user-notification__yellow{border:1px solid #e1e1e1;margin-bottom:10px;padding:15px;margin-top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-decoration:none}.quick-menu .forum-thread-text,.quick-menu .user-notification-text{margin-top:0;margin-right:5%;-webkit-box-flex:1;-webkit-flex:1 0 60%;-ms-flex:1 0 60%;flex:1 0 60%}.quick-menu .forum-thread-text h3,.quick-menu .user-notification-text h3{font-size:.9rem}.quick-menu .forum-thread .cat,.quick-menu .user-notification .cat,.quick-menu .user-notification__blue .cat,.quick-menu .user-notification__green .cat,.quick-menu .user-notification__red .cat,.quick-menu .user-notification__yellow .cat{-webkit-box-flex:1;-webkit-flex:1 0 30%;-ms-flex:1 0 30%;flex:1 0 30%;font-size:.8rem;margin:0}.quick-menu .user-notifications{margin-bottom:2rem}.quick-menu .user-notification,.quick-menu .user-notification__blue,.quick-menu .user-notification__green,.quick-menu .user-notification__red,.quick-menu .user-notification__yellow{-webkit-transition:all 250ms cubic-bezier(.7,0,.3,1);transition:all 250ms cubic-bezier(.7,0,.3,1)}.quick-menu .user-notification__red{border:1px solid #fa040a;background:#feb3b5;color:#4a0103}.quick-menu .user-notification__red a,.quick-menu .user-notification__red a:visited{text-decoration:underline;color:#4a0103}.quick-menu .user-notification__red a:hover,.quick-menu .user-notification__red a:visited:hover{text-decoration:none}.quick-menu .user-notification__red .close-notification:hover{color:#af0307}.quick-menu .user-notification__yellow{border:1px solid #f7e5b4;background:#faedcb;color:#9c7610}.quick-menu .user-notification__yellow a,.quick-menu .user-notification__yellow a:visited{text-decoration:underline;color:#9c7610}.quick-menu .user-notification__yellow a:hover,.quick-menu .user-notification__yellow a:visited:hover{text-decoration:none}.quick-menu .user-notification__yellow .close-notification:hover{color:#eec557}.quick-menu .user-notification__blue{border:1px solid #6bafff;background:#b8d9ff;color:#00499e}.quick-menu .user-notification__blue a,.quick-menu .user-notification__blue a:visited{text-decoration:underline;color:#00499e}.quick-menu .user-notification__blue a:hover,.quick-menu .user-notification__blue a:visited:hover{text-decoration:none}.quick-menu .user-notification__blue .close-notification:hover{color:#001a38}.quick-menu .user-notification__green{border:1px solid #00e75f;background:#9bffc4;color:#008135}.quick-menu .user-notification__green a,.quick-menu .user-notification__green a:visited{text-decoration:underline;color:#008135}.quick-menu .user-notification__green a:hover,.quick-menu .user-notification__green a:visited:hover{text-decoration:none}.quick-menu .user-notification__green .close-notification:hover{color:#001b0b}.quick-menu .user-notification-text p{font-size:.9rem}.quick-menu .user-notification:hover,.quick-menu .user-notification__blue:hover,.quick-menu .user-notification__green:hover,.quick-menu .user-notification__red:hover,.quick-menu .user-notification__yellow:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.quick-menu .login,.quick-menu .new-profile{padding:0 20px;margin-top:60px}.quick-menu .login h2,.quick-menu .new-profile h2{margin-bottom:.8rem;text-align:center}.quick-menu .login small,.quick-menu .new-profile small{text-align:center}.quick-menu .login label,.quick-menu .new-profile label{text-align:left;font-size:.7rem}.quick-menu .login input,.quick-menu .new-profile input{margin-bottom:5px;display:inline-block;font-family:Asap,sans-serif}.quick-menu .login input[type=password],.quick-menu .login input[type=text],.quick-menu .new-profile input[type=password],.quick-menu .new-profile input[type=text]{width:95%;padding:10px 20px 10px 8px;font-size:1rem;border:1px solid #e1e1e1;border-radius:5px}.quick-menu .login input[type=submit],.quick-menu .new-profile input[type=submit]{margin:1rem auto 2rem;display:inline-block;padding:15px 45px;font-size:1rem}.quick-menu .login .buttons,.quick-menu .new-profile .buttons{text-align:center}.quick-menu .login small,.quick-menu .new-profile small{line-height:1.3}.quick-menu .login a:hover,.quick-menu .new-profile a:hover{text-decoration:none}.quick-menu .oAuth{text-align:center}.quick-menu .oAuth img{display:inline-block}.navigation:after,.wrapper:after{content:"";position:absolute;z-index:998;height:100%;width:100%;background:rgba(0,0,0,.33);top:0;left:0;visibility:hidden;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.wrapper{-webkit-transition:margin-left .3s,margin-right .3s;transition:margin-left .3s,margin-right .3s;position:relative}body.quickmenu .quick-menu{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);visibility:visible}.search-all{width:100%;text-align:center;padding:20px 0}.search-container{position:relative;height:100%;width:100%;overflow:hidden}.search-all-form{position:relative;display:inline-block;width:80%;height:60px;max-width:1100px;margin-top:15px;padding-top:0;background-color:#fff;z-index:150}.search-all-form .search-fieldset{position:relative;display:inline-block;width:100%;height:100%;border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent}.search-all-form input[type=search],.search-all-form input[type=submit]{min-height:60px;font-size:1em;border:none;background:#fff;padding:15px 20px;z-index:150;margin:0;-webkit-transition:border .2,background-color .5s cubic-bezier(.7,0,.3,1);transition:border .2,background-color .5s cubic-bezier(.7,0,.3,1)}.search-all-form input[type=search]{width:100%;-webkit-appearance:none;font-family:Asap,sans-serif;font-size:1.2rem}.search-all-form input[type=search]:focus{outline:0}.search-all-form input[type=search]:focus+input[type=submit]{color:#a3db78}.search-all-form input[type=submit]{position:absolute;top:0;right:0;font-family:Icomoon;color:#a4a4a4}.search-text{padding-top:2em;padding-bottom:5em}.search-all-results{border-bottom:1px solid #f5f5f5;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5}.search-all-results ul{max-width:1100px;width:100%;margin:0 auto;background:#fcfcfc;padding:0}.search-all-results li{list-style:none;padding:30px;border-bottom:1px solid #f5f5f5;text-align:left;overflow:hidden}.search-all-results li a{display:block}.search-all-results li:hover{background:rgba(163,219,120,.16)}.search-all-results li:hover .type-description,.search-all-results li:hover .type-icon,.search-all-results li:hover .type-name{color:#000}.search-all-results li.search-view-all{border-bottom:none;font-size:.9rem;font-weight:700;text-align:center;padding:15px;color:#000;background:#f7f7f7}.search-all-results li.search-view-all a{text-decoration:none;color:rgba(0,0,0,.8)}.search-all-results li.search-view-all:hover{background:#f5f5f5}.search-all-results li.search-view-all:hover a{color:#000}.search-all-results .type-context,.search-all-results .type-icon{float:left}.search-all-results .type-icon{width:20%;font-size:2rem;color:#000}.search-all-results .type-context{width:80%}.search-all-results .type-context .type-name{font-size:1rem;margin-bottom:.15rem;font-weight:600;color:rgba(0,0,0,.8)}.search-all-results .type-context .type-description{font-size:.9rem;color:#000}.search-all.open input[type=search],.search-all.open input[type=submit]{color:#000}.search-all.open input[type=search] ::-webkit-input-placeholder,.search-all.open input[type=submit] ::-webkit-input-placeholder{color:#000}.search-all.open input[type=search] :-moz-placeholder,.search-all.open input[type=submit] :-moz-placeholder{color:#000}.search-all.open input[type=search] ::-moz-placeholder,.search-all.open input[type=submit] ::-moz-placeholder{color:#000}.search-all.open input[type=search] :-ms-input-placeholder,.search-all.open input[type=submit] :-ms-input-placeholder{color:#000}.search-all.open .search-fieldset{border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;border-top:1px solid #f5f5f5}.search-all.open .search-all-results{display:block}.community-page .search-all-results,.frontpage .search-all-results{width:80%;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);display:none;position:absolute;z-index:150;max-width:1100px}.plain{max-width:1160px;margin:0 auto}.plain .search-big{margin-top:30px;margin-bottom:0}.plain .search-all{background:0 0;padding:0 10px}.plain .forum-archive-header{margin-bottom:0;border-bottom:none}.plain .search-all-results{width:100%}.plain .search-all-results ul{margin:0;width:100%;max-width:100%}.plain .search-all-results .type-icon{font-size:1.6rem;opacity:.6}.plain .search-all-results .type-context .type-name{font-size:.95rem}.plain .search-all-results .type-context .type-description{font-size:.8rem}.forum-page .search-big{width:100%;margin:15px 0}.forum-page .search-big input{font-size:.9rem;min-height:55px}.overlay{width:100%;position:fixed;top:0;left:0;overflow-y:scroll;height:100%;z-index:850;background-color:rgba(0,0,0,.33);visibility:hidden;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.active .overlay{visibility:visible;opacity:1}#insert-image-dialog,#update-avatar-dialog,.confirm-wrapper,.copy-link-wrapper,.wmd-prompt-dialog{z-index:870;padding:2rem;position:fixed;width:50%;max-width:500px;min-width:300px;background-color:#fff;border-radius:2px;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity .2s;transition:opacity .2s;clip:rect(1px 1px 1px 1px);opacity:0;text-align:center;top:-9999999px;left:-9999999px}#insert-image-dialog i,#update-avatar-dialog i,.confirm-wrapper i,.copy-link-wrapper i,.wmd-prompt-dialog i{display:block;font-size:2rem;color:#a3db78;margin-bottom:1rem}#insert-image-dialog p,#update-avatar-dialog p,.confirm-wrapper p,.copy-link-wrapper p,.wmd-prompt-dialog p{margin-top:1rem;font-size:.85rem;color:#000}#insert-image-dialog input,#insert-image-dialog textarea,#update-avatar-dialog input,#update-avatar-dialog textarea,.confirm-wrapper input,.confirm-wrapper textarea,.copy-link-wrapper input,.copy-link-wrapper textarea,.wmd-prompt-dialog input,.wmd-prompt-dialog textarea{background-color:#f3f3f3;color:#454545;border:0;font-size:1rem;padding:1rem;margin:0;width:100%;border-radius:2px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Asap,sans-serif}#insert-image-dialog textarea,#update-avatar-dialog textarea,.confirm-wrapper textarea,.copy-link-wrapper textarea,.wmd-prompt-dialog textarea{outline:0;resize:none;white-space:initial;padding-bottom:10px}#insert-image-dialog textarea:focus,#update-avatar-dialog textarea:focus,.confirm-wrapper textarea:focus,.copy-link-wrapper textarea:focus,.wmd-prompt-dialog textarea:focus{outline:0}#insert-image-dialog .error,#update-avatar-dialog .error,.confirm-wrapper .error,.copy-link-wrapper .error,.wmd-prompt-dialog .error{text-align:center;color:#E7483B;display:block;padding:.5rem}.active.copy-prompt #insert-image-dialog,.active.copy-prompt .copy-link-wrapper,.active.copy-prompt .wmd-prompt-dialog{clip:auto;opacity:1;top:50%;left:50%}.confirm-wrapper{max-width:360px;padding:2.5rem}.confirm-wrapper h4{font-size:1.5rem}.confirm-wrapper p{margin-top:.5rem}.active.confirm-prompt .confirm-wrapper,.active.uploading-image #update-avatar-dialog{clip:auto;opacity:1;top:50%;left:50%}#update-avatar-dialog .invalid-file{color:rgba(254,101,97,0);-webkit-transition:color .4s ease-in;transition:color .4s ease-in}#update-avatar-dialog.invalid .invalid-file{color:#fe6561}#update-avatar-dialog button{margin-top:15px}#update-avatar-dialog .span{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#E7E7E7}#thankyou{position:fixed;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);top:-9999999px;left:-9999999px;font-size:1rem;background:rgba(0,0,0,.8);padding:10px 15px;border-radius:6px;z-index:860;color:#fff;opacity:0;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}#thankyou.active{top:50%;left:50%;opacity:1}.wrapper{min-height:100%;margin-bottom:0}.wrapper:before,footer{height:184px}footer{background:#161616;color:#fff;padding:30px 0;font-size:.9rem;text-align:center;line-height:1.5;width:100%}html{height:100%}.package-create h1,.sidebarTitle{margin:1em 0 10px;font-size:2.1rem}.has-sidebar .page-content,.projects-page .page-content{width:100%;display:table;overflow:hidden;height:auto}.has-sidebar .content-wrapper,.projects-page .content-wrapper{display:inline-block;max-width:100%;text-align:left;width:100%}.has-sidebar .sidebar-area,.projects-page .sidebar-area{display:table-cell;vertical-align:top;width:30%;background-color:#f5fbf1;height:100%}.has-sidebar .sidebar-area .sidebar-content,.projects-page .sidebar-area .sidebar-content{display:inline-block;overflow:hidden;width:100%;max-width:360px;text-align:center}.has-sidebar .main-area,.projects-page .main-area{width:70%;height:auto;display:table-cell;vertical-align:top;padding-bottom:200px}.has-sidebar .main-area .main-content,.projects-page .main-area .main-content{display:block;width:100%;padding-left:20px;padding-right:20px;max-width:880px;text-align:center;min-height:600px}.sidebar-content nav{margin:0;height:100%;z-index:1}.sidebar-content nav ul{list-style:none;margin-left:5px;padding-left:10px;-webkit-transition:max-height 300ms ease-in-out;transition:max-height 300ms ease-in-out}.sidebar-content nav ul li.active>a *{color:#6dbb32}.sidebar-content nav ul li.open>ul{max-height:600px}.sidebar-content nav ul h3,.sidebar-content nav ul h4,.sidebar-content nav ul h5{margin-top:10px;margin-bottom:5px;font-weight:400}.sidebar-content nav ul a{display:inline-block;text-decoration:none}.sidebar-content nav .level-1 h3{font-size:1.1em;color:rgba(0,0,0,.8);cursor:pointer}.sidebar-content nav .level-2{overflow:hidden;max-height:0;border-left:1px solid #bee6a0}.sidebar-content nav .level-2 h4{font-size:.9em;color:rgba(0,0,0,.8)}.sidebar-content nav .level-3{overflow:hidden;max-height:0;border-left:1px solid #daf0c9}.sidebar-content nav .level-3 h5{font-size:.8em;color:rgba(0,0,0,.8)}.profile nav h3:hover{opacity:.8}.profile nav h4{opacity:.7;margin:.5rem 0}.profile li h3{opacity:.5}.profile li.active a,.profile li.active h3,.profile li.open a,.profile li.open h3{opacity:1;color:#000!important}.profile li.active>ul{max-height:100%}.profile .profile-settings{position:relative;top:30px}.profile .profile-settings strong{display:block;margin:3rem 0 1rem}.profile .profile-settings h1{font-size:1.5rem}#registrationForm .profile .profile-settings input[type=submit],.profile .profile-settings #registrationForm input[type=submit],.profile .profile-settings .button,.profile .profile-settings .quick-menu .login input[type=submit],.profile .profile-settings .quick-menu .new-profile input[type=submit],.profile .profile-settings .tagAdd,.quick-menu .login .profile .profile-settings input[type=submit],.quick-menu .new-profile .profile .profile-settings input[type=submit]{padding:20px;font-size:1rem;font-family:Asap,sans-serif}.profile .profile-settings-forms{margin-top:30px}.profile .profile-settings-forms label{font-weight:600}#registrationForm .profile .profile-settings-forms input[type=submit],.profile .profile-settings-forms #registrationForm input[type=submit],.profile .profile-settings-forms .button,.profile .profile-settings-forms .quick-menu .login input[type=submit],.profile .profile-settings-forms .quick-menu .new-profile input[type=submit],.profile .profile-settings-forms .tagAdd,.quick-menu .login .profile .profile-settings-forms input[type=submit],.quick-menu .new-profile .profile .profile-settings-forms input[type=submit]{margin-top:60px}.profile .profile-settings-forms ::-webkit-input-placeholder{color:#000;font-size:1rem;font-family:Asap,sans-serif}.profile .profile-settings-forms :-moz-placeholder{color:#000;font-size:1rem;font-family:Asap,sans-serif}.profile .profile-settings-forms ::-moz-placeholder{color:#000;font-size:1rem;font-family:Asap,sans-serif}.profile .profile-settings-forms :-ms-input-placeholder{color:#000;font-size:1rem;font-family:Asap,sans-serif}.profile .profile-settings-forms div.profile-input{font-size:1rem;font-family:Asap,sans-serif;color:#000;position:relative;min-height:30px}.profile .profile-settings-forms div.profile-input+div.profile-input{margin-top:20px}.profile .profile-settings-forms div.profile-input#bio{min-height:200px}.profile .profile-settings-forms div.profile-input input,.profile .profile-settings-forms div.profile-input textarea{height:30px;line-height:30px;border:1px solid transparent;border-bottom-color:#e6e6e6;min-width:200px;width:140px;display:inline-block;padding:4px 8px 4px 0;color:#000;font-size:1rem;font-family:Asap,sans-serif;position:absolute;top:-8px;left:100px;-webkit-transition:all .2s;transition:all .2s}.profile .profile-settings-forms div.profile-input input:focus,.profile .profile-settings-forms div.profile-input textarea:focus{outline:0;border-bottom-color:#a3db78;color:#000}.profile .profile-settings-forms div.profile-input textarea{border:1px solid #e6e6e6;min-height:200px;left:102px;line-height:normal;display:inline-block;text-align:left;overflow:hidden;padding:8px;resize:none;max-width:100%;font-size:.9rem;width:138px}.profile .profile-settings-forms div.profile-input textarea:focus{border-color:#a3db78}.profile .profile-settings-forms div.profile-input input:hover{border-bottom-color:rgba(163,219,120,.78);color:gray}.profile .profile-settings-forms div.profile-input input:hover:focus{color:#000;border-bottom-color:#a3db78}.profile .profile-settings-forms div.profile-input input[type=password]{letter-spacing:1px;font-size:1.1rem}.profile .profile-settings-forms div.profile-input textarea:hover{border-color:rgba(163,219,120,.78);color:gray}.profile .profile-settings-forms div.profile-input textarea:hover:focus{color:#000;border-color:#a3db78}.profile .profile-settings-forms div.profile-input.warning input,.profile .profile-settings-forms div.profile-input.warning textarea{border-bottom-color:#fe6561;color:#fe6561}.profile .profile-settings-forms div.profile-input.warning textarea{border-color:#fe6561}.profile .profile-settings-forms div.profile-input.warning label{color:#fe6561}.profile .profile-settings-forms div.profile-input.confirm-password{display:none}.profile .profile-settings-forms div.profile-input.confirm-password.visible{display:block}.profile .profile-settings-forms label:after{content:":";display:inline-block}.profile .profile-settings-forms .avatar{margin:0 0 50px;position:relative;overflow:hidden;height:98px;line-height:98px}.profile .profile-settings-forms .avatar .ink{background:rgba(255,255,255,.5);overflow:hidden}.profile .profile-settings-forms .avatar label{float:left}.profile .profile-settings-forms .avatar .avatar-image{position:absolute;height:98px;width:98px;left:100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.profile .profile-settings-forms .avatar .avatar-image img{border-radius:50%;height:auto;width:98px}.profile .profile-settings-forms .avatar .avatar-image span{opacity:0;border-radius:50%;position:absolute;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.58);text-align:center;line-height:98px;font-size:.85rem;color:#fff;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.profile .profile-settings-forms .avatar .avatar-image:hover span{opacity:1;cursor:pointer}#registrationForm .profile-settings-packages input[type=submit],.profile-settings-packages #registrationForm input[type=submit],.profile-settings-packages .button,.profile-settings-packages .quick-menu .login input[type=submit],.profile-settings-packages .quick-menu .new-profile input[type=submit],.profile-settings-packages .tagAdd,.quick-menu .login .profile-settings-packages input[type=submit],.quick-menu .new-profile .profile-settings-packages input[type=submit]{margin-top:30px;margin-bottom:30px}.profile-settings-packages strong{margin-top:3rem;display:block;margin-bottom:1rem}.profile-settings-packages.packages-content{top:0}.box{background:#fff;padding:15px;margin-bottom:15px;-webkit-transition:box-shadow .2s;transition:box-shadow .2s;position:relative;height:100%;width:100%}.box .row{display:block;margin:0}.box .row [class*=col-]{margin:0}.box .forum-thread-text{margin-top:4px}.box i{font-size:3rem;color:#acacac}.box h3{margin-bottom:3px;font-size:1.3rem;font-weight:400}.box h3 a{text-decoration:none;color:rgba(0,0,0,.5)}.box h3 a:hover{color:#000}.box p{font-size:.8rem;color:#8f8f8f}.box:last-child{margin-bottom:0}.box .stats{font-size:.8rem;position:absolute;left:15px;bottom:0}.box .stats span{color:#7f7f7f}.box .stats span:first-child{margin-right:8px}.box .stats span span{color:#000}.box .stats span span:first-child{margin-right:0}.box .other{padding-top:10px;display:block;margin-top:20px;overflow:hidden;width:100%}.box .other .edit{font-size:.8rem;position:absolute;right:15px;bottom:0;opacity:.6;text-decoration:underline;display:inline-block}.box .other .edit:hover{opacity:1;text-decoration:none}.profile-settings-following{margin-top:20px}.profile-settings-following li{font-size:1.05rem;margin-bottom:1rem;padding-bottom:1rem;padding-left:0;list-style:none;border-bottom:1px solid #f1f1f1}.profile-settings-following li:last-child{margin-bottom:0}.profile-settings-following li a{display:inline-block;font-size:.95rem;margin-bottom:1rem}.profile-settings-following li a:hover{text-decoration:none;background:0 0}.profile-settings-following li .unfollow{opacity:.7;margin-left:5px;margin-right:0}#registrationForm .profile-settings-following li input.unfollow[type=submit],.profile-settings-following li #registrationForm input.unfollow[type=submit],.profile-settings-following li .quick-menu .login input.unfollow[type=submit],.profile-settings-following li .quick-menu .new-profile input.unfollow[type=submit],.profile-settings-following li .unfollow.button,.profile-settings-following li .unfollow.tagAdd,.quick-menu .login .profile-settings-following li input.unfollow[type=submit],.quick-menu .new-profile .profile-settings-following li input.unfollow[type=submit]{display:block;font-size:.9rem;padding:12px 0;border:none}#registrationForm .profile-settings-following li input.unfollow[type=submit] .ink,.profile-settings-following li #registrationForm input.unfollow[type=submit] .ink,.profile-settings-following li .quick-menu .login input.unfollow[type=submit] .ink,.profile-settings-following li .quick-menu .new-profile input.unfollow[type=submit] .ink,.profile-settings-following li .unfollow.button .ink,.profile-settings-following li .unfollow.tagAdd .ink,.quick-menu .login .profile-settings-following li input.unfollow[type=submit] .ink,.quick-menu .new-profile .profile-settings-following li input.unfollow[type=submit] .ink{background:rgba(255,255,255,.23)}#registrationForm .profile-settings-following li input.unfollow[type=submit]:hover,.profile-settings-following li #registrationForm input.unfollow[type=submit]:hover,.profile-settings-following li .quick-menu .login input.unfollow[type=submit]:hover,.profile-settings-following li .quick-menu .new-profile input.unfollow[type=submit]:hover,.profile-settings-following li .unfollow.button:hover,.profile-settings-following li .unfollow.tagAdd:hover,.quick-menu .login .profile-settings-following li input.unfollow[type=submit]:hover,.quick-menu .new-profile .profile-settings-following li input.unfollow[type=submit]:hover{background:0 0;border:none;color:#000;opacity:1}small.notification,small.notification__blue,small.notification__green,small.notification__red,small.notification__yellow{display:inline-block;position:absolute;line-height:43px;padding:0 10px;margin:60px 0 0}small.notification.success,small.success.notification__blue,small.success.notification__green,small.success.notification__red,small.success.notification__yellow{color:#000}small.alert.notification__blue,small.alert.notification__green,small.alert.notification__red,small.alert.notification__yellow,small.notification.alert{color:#fe6561}.profile-settings #open-for-colab{width:auto;left:200px;top:-10px}.profile-settings #contris ul li{list-style:none}.profile-settings #contris ul a.contri-name{text-decoration:none;line-height:1.7rem;color:#000;font-size:.8rem}.profile-settings #contris ul a.contri-name:hover{text-decoration:underline}.profile-settings #contris ul a.remove-contri{display:inline-block;text-decoration:none;font-size:.75rem;margin-left:.7rem;margin-right:.5rem;color:rgba(0,0,0,.5);max-height:14px;cursor:pointer}.profile-settings #contris ul a.remove-contri:hover{color:#000}.profile-settings #contris ul a.remove-contri i{display:inline-block;font-size:14px;margin-right:5px;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.profile-settings #contris #forums li{list-style:none}.profile-settings #contris #forums a.remove-forum{display:inline-block;text-decoration:none;font-size:.75rem;margin-left:.7rem;margin-right:.5rem;color:rgba(0,0,0,.5);max-height:14px;cursor:pointer}.profile-settings #contris #forums a.remove-forum:hover{color:#000}.profile-settings #contris #forums a.remove-forum i{display:inline-block;font-size:14px;margin-right:5px;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.markdown-syntax a{text-decoration:none}.markdown-syntax a.absent{color:#c00}.markdown-syntax a.anchor{display:block;padding-left:30px;margin-left:-30px;cursor:pointer;position:absolute;top:0;left:0;bottom:0}.markdown-syntax h1,.markdown-syntax h2,.markdown-syntax h3,.markdown-syntax h4,.markdown-syntax h5,.markdown-syntax h6{margin:1em 0 10px;padding:0;font-weight:700;-webkit-font-smoothing:antialiased;cursor:text;position:relative;color:rgba(0,0,0,.8)}.markdown-syntax h1:hover a.anchor,.markdown-syntax h2:hover a.anchor,.markdown-syntax h3:hover a.anchor,.markdown-syntax h4:hover a.anchor,.markdown-syntax h5:hover a.anchor,.markdown-syntax h6:hover a.anchor{background:url(assets/images/documentation/para.png) 10px center no-repeat;text-decoration:none}.markdown-syntax h1 code,.markdown-syntax h1 tt,.markdown-syntax h2 code,.markdown-syntax h2 tt,.markdown-syntax h3 code,.markdown-syntax h3 tt,.markdown-syntax h4 a,.markdown-syntax h4 code,.markdown-syntax h4 tt,.markdown-syntax h5 code,.markdown-syntax h5 tt,.markdown-syntax h6 code,.markdown-syntax h6 tt{font-size:inherit}.markdown-syntax *+h2{margin-top:3rem}.markdown-syntax *+h3,.markdown-syntax *+h4{margin-top:2rem}.markdown-syntax img{margin:1.5rem 0}.markdown-syntax p{margin:10px 0;line-height:1.5;word-break:break-word;color:#000}.markdown-syntax li{padding:0 0 3px;color:#000}.markdown-syntax h1{font-size:2.1rem}.markdown-syntax h2{font-size:1.7rem}.markdown-syntax h3{font-size:1.6rem}.markdown-syntax h4{font-size:1.4rem}.markdown-syntax h5{font-size:1.2}.markdown-syntax h6{font-size:1.1rem}.markdown-syntax blockquote,.markdown-syntax dl,.markdown-syntax ol,.markdown-syntax pre,.markdown-syntax table,.markdown-syntax ul{margin:0 0 1rem}.markdown-syntax hr{border-top:1px #f5f5f5 solid;margin:3em 0;color:#871A1A;height:0;padding:0}.markdown-syntax a:first-child h1,.markdown-syntax a:first-child h2,.markdown-syntax a:first-child h3,.markdown-syntax a:first-child h4,.markdown-syntax a:first-child h5,.markdown-syntax a:first-child h6,.markdown-syntax body>h1:first-child,.markdown-syntax body>h1:first-child+h2,.markdown-syntax body>h2:first-child,.markdown-syntax body>h3:first-child,.markdown-syntax body>h4:first-child,.markdown-syntax body>h5:first-child,.markdown-syntax body>h6:first-child{margin-top:0;padding-top:0}.markdown-syntax h1 p,.markdown-syntax h2 p,.markdown-syntax h3 p,.markdown-syntax h4 p,.markdown-syntax h5 p,.markdown-syntax h6 p{margin-top:0}.markdown-syntax li p.first{display:inline-block}.markdown-syntax ol,.markdown-syntax ul{padding-left:30px}.markdown-syntax ol :first-child,.markdown-syntax ul :first-child{margin-top:0}.markdown-syntax ol :last-child,.markdown-syntax ul :last-child{margin-bottom:0}.markdown-syntax dl{padding:0}.markdown-syntax dl dt{font-size:14px;font-weight:700;font-style:italic;padding:0;margin:15px 0 5px}.markdown-syntax dl dt:first-child{padding:0}.markdown-syntax dl dt>:first-child{margin-top:0}.markdown-syntax dl dt>:last-child{margin-bottom:0}.markdown-syntax dl dd{margin:0 0 15px;padding:0 15px}.markdown-syntax dl dd>:first-child{margin-top:0}.markdown-syntax dl dd>:last-child{margin-bottom:0}.markdown-syntax blockquote{border-left:4px solid #ddd;padding:0 15px;color:#777}.markdown-syntax blockquote>:first-child{margin-top:0}.markdown-syntax blockquote>:last-child{margin-bottom:0}.markdown-syntax table{padding:0}.markdown-syntax table tr{border-top:1px solid #ccc;background-color:#fff;margin:0;padding:0}.markdown-syntax table tr:nth-child(2n){background-color:#f8f8f8}.markdown-syntax table tr th{font-weight:700;border:1px solid #ccc;text-align:left;margin:0;padding:6px 13px}.markdown-syntax table tr td{border:1px solid #ccc;text-align:left;margin:0;padding:6px 13px}.markdown-syntax table tr td:first-child,.markdown-syntax table tr th:first-child{margin-top:0}.markdown-syntax table tr td:last-child,.markdown-syntax table tr th:last-child{margin-bottom:0}.markdown-syntax img{max-width:100%}.markdown-syntax span.frame{display:block;overflow:hidden}.markdown-syntax span.frame>span{border:1px solid #ddd;display:block;float:left;overflow:hidden;margin:13px 0 0;padding:7px;width:auto}.markdown-syntax span.frame span img{display:block;float:left}.markdown-syntax span.frame span span{clear:both;color:#333;display:block;padding:5px 0 0}.markdown-syntax span.align-center{display:block;overflow:hidden;clear:both}.markdown-syntax span.align-center>span{display:block;overflow:hidden;margin:13px auto 0;text-align:center}.markdown-syntax span.align-center span img{margin:0 auto;text-align:center}.markdown-syntax span.align-right{display:block;overflow:hidden;clear:both}.markdown-syntax span.align-right>span{display:block;overflow:hidden;margin:13px 0 0;text-align:right}.markdown-syntax span.align-right span img{margin:0;text-align:right}.markdown-syntax span.float-left{display:block;margin-right:13px;overflow:hidden;float:left}.markdown-syntax span.float-left span{margin:13px 0 0}.markdown-syntax span.float-right{display:block;margin-left:13px;overflow:hidden;float:right}.markdown-syntax span.float-right>span{display:block;overflow:hidden;margin:13px auto 0;text-align:right}.markdown-syntax code{background:0 0}.markdown-syntax code,.markdown-syntax tt{margin:0 2px;padding:1px 5px;white-space:pre-wrap;border:1px solid #000;background-color:rgba(255,255,255,0);border-radius:3px}.markdown-syntax pre{overflow:auto;display:block;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;background-color:#333;color:#fff;font-size:.9rem;line-height:1.4em;background-clip:padding-box;padding:20px 30px;white-space:pre;margin:20px -15px}.markdown-syntax pre code{margin:0;padding:0;white-space:pre;background:0 0}.markdown-syntax pre code,.markdown-syntax pre tt{background-color:transparent;border:none}.documentation .markdown-syntax pre{margin:20px 0}.markdown-editor{position:fixed;bottom:-100%;max-height:100%;width:100%;padding:.2rem;background-color:rgba(252,252,252,.94);box-shadow:0 -2px 6px 0 rgba(0,0,0,.08);-webkit-transition:bottom .6s cubic-bezier(.7,0,.3,1),top .6s cubic-bezier(.7,0,.3,1);transition:bottom .6s cubic-bezier(.7,0,.3,1),top .6s cubic-bezier(.7,0,.3,1);z-index:800}.markdown-editor.write{bottom:0;overflow-y:scroll;visibility:visible}.markdown-editor input,.markdown-editor select,.markdown-editor textarea{border:1px solid transparent}.markdown-editor input:active,.markdown-editor input:focus,.markdown-editor select:active,.markdown-editor select:focus,.markdown-editor textarea:active,.markdown-editor textarea:focus{outline:0}.markdown-editor input.warning,.markdown-editor select.warning,.markdown-editor textarea.warning{border:1px solid #fe6561!important}.markdown-editor .wmd-button{position:relative;margin-right:15px;left:0!important;font-size:1.4em;top:10px;cursor:pointer;float:left;border-radius:20px;-webkit-transition:top 300ms cubic-bezier(.7,0,.3,1),opacity 300ms cubic-bezier(.7,0,.3,1);transition:top 300ms cubic-bezier(.7,0,.3,1),opacity 300ms cubic-bezier(.7,0,.3,1)}.markdown-editor .reply-to p{font-size:.8rem;overflow:hidden;color:#000;background:0 0}.markdown-editor .reply-to span{font-weight:800}.markdown-editor #wmd-button-bar{position:relative;height:30px}.markdown-editor .input-row label{display:block;margin-bottom:5px;color:#a9a9a9;font-size:.8rem}.markdown-editor .wmd-button-row{list-style:none}.markdown-editor .wmd-button-row li:hover span{color:#000}.markdown-editor .wmd-button-row li span{background-image:none;color:#727272;-webkit-transition:color .2s ease-in;transition:color .2s ease-in}.markdown-editor .wmd-button-row li span:before{font-family:our-umbraco!important;content:attr(data-icon);font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.markdown-editor .wmd-spacer{float:left;position:relative;width:27px;display:block;opacity:0;height:20px}.markdown-editor #wmd-input{height:300px;width:100%;padding:.5rem;font-size:.8rem;color:#000;background:#fff;border:2px solid #f5f5f5;-webkit-transition:border-color .2s;transition:border-color .2s}.markdown-editor #wmd-preview{width:100%;min-height:300px;max-height:300px;overflow-y:scroll;padding:.5rem 20px;font-size:.8rem;color:#000;background:#ededed}.markdown-editor .markdown-close{position:absolute;right:1.5rem;top:2rem;font-size:28px;cursor:pointer;opacity:.6;-webkit-transition:opacity .3s;transition:opacity .3s}.markdown-editor .markdown-close:hover{opacity:1}.markdown-editor .draft{position:fixed;bottom:-40px;right:30px;background-color:#a3db78;color:#fff;padding:12px 20px;cursor:pointer;opacity:0;font-size:.9rem;font-weight:700;-webkit-transition:opacity .3s cubic-bezier(.7,0,.3,1),bottom .6s cubic-bezier(.7,0,.3,1),box-shadow .2s ease-in-out;transition:opacity .3s cubic-bezier(.7,0,.3,1),bottom .6s cubic-bezier(.7,0,.3,1),box-shadow .2s ease-in-out}.markdown-editor .draft.show{bottom:30px;opacity:1}.markdown-editor .draft.show:hover{background:#9bd86c}.markdown-editor .markdown-control{font-family:Asap,sans-serif;font-size:.8rem;-webkit-appearance:none}.markdown-editor #topic-title{padding:.5rem;font-size:.8rem;overflow:hidden;color:#000;background:#fff;width:100%}.markdown-editor select{position:relative;border:none;border-radius:0;padding:.5rem;font-size:.8rem;overflow:hidden;color:#000;background:#fff;width:100%}.markdown-editor select::after{position:absolute;display:block;top:0;right:0;content:"<";color:#000}.markdown-editor #topic-category option.frontend{background:#4ea7ff;color:#fff}.markdown-editor #topic-category option.core{background:#ff661b;color:#fff}.markdown-editor #topic-category option.azure{background:#1ed45c;color:#fff}.markdown-editor #topic-submit{border:none;background:#2EB369;color:#fff;font-size:.9rem;padding:10px;width:100%;max-width:140px;font-family:Asap,sans-serif;cursor:pointer}.markdown-editor #topic-submit:hover{background:#33c775}.markdown-editor #mobile-preview{border:none;background:0 0;-webkit-appearance:none;text-align:right;float:right;opacity:.4;cursor:pointer;-webkit-transition:opacity .3s;transition:opacity .3s}.markdown-editor #mobile-preview i{font-size:24px;display:inline-block;-webkit-transform:translate(-3px,5px);-ms-transform:translate(-3px,5px);transform:translate(-3px,5px)}.markdown-editor #mobile-preview span{font-size:14px}.markdown-editor #mobile-preview:hover{opacity:1}.markdown-editor.mobile-preview #mobile-preview{color:#a3db78;opacity:1}.wmd-prompt-background{background-color:#000}#insert-image-dialog{position:fixed;z-index:1001}#insert-image-dialog.show{clip:auto;opacity:1;top:50%;left:50%}.wmd-prompt-dialog{opacity:1;clip:auto;margin:0!important}.wmd-prompt-dialog input[type=text]{text-align:left}.markdown-spacer{position:relative;height:0;-webkit-transition:height .6s cubic-bezier(.7,0,.3,1);transition:height .6s cubic-bezier(.7,0,.3,1)}.markdown-spacer.write{height:500px}.category,.version{display:inline-block;margin:0}.category a,.category span.cat,.version a,.version span.cat{display:inline-block;font-weight:700;border-radius:2px;font-size:.7rem;padding:3px 5px;text-decoration:none;text-transform:capitalize;-webkit-transition:background .2s;transition:background .2s;background:#4ea7ff;color:#fff}.category a:hover,.category span.cat:hover,.version a:hover,.version span.cat:hover{background:#68b4ff}.category.default a,.category.default span.cat,.version.default a,.version.default span.cat{background:#4ea7ff;color:#fff}.category.default a:hover,.category.default span.cat:hover,.version.default a:hover,.version.default span.cat:hover{background:#68b4ff}.category.frontend a,.category.frontend span.cat,.version.frontend a,.version.frontend span.cat{background:#4ea7ff;color:#fff}.category.frontend a:hover,.category.frontend span.cat:hover,.version.frontend a:hover,.version.frontend span.cat:hover{background:#68b4ff}.category.core a,.category.core span.cat,.version.core a,.version.core span.cat{background:#ff661b;color:#fff}.category.core a:hover,.category.core span.cat:hover,.version.core a:hover,.version.core span.cat:hover{background:#ff7735}.category.azure a,.category.azure span.cat,.version.azure a,.version.azure span.cat{background:#1ed45c;color:#fff}.category.azure a:hover,.category.azure span.cat:hover,.version.azure a:hover,.version.azure span.cat:hover{background:#2be169}.version a,.version span.cat{background:#cbcbcb;color:#fefefe}.version a:hover,.version span.cat:hover{background:#d8d8d8}.version.default a,.version.default span.cat{background:0 0;border:1px solid #cbcbcb;color:#b2b2b2}.version.default a:hover,.version.default span.cat:hover{color:#989898;background:0 0}.roles span{border:2px solid #2f6bff;color:#2f6bff;font-size:.6rem;font-weight:700;padding:2px 6px;display:inline-block}.roles span:hover{cursor:default}.roles span+span{margin-left:5px}.roles span:first-child{margin-left:0}.roles span.standard{display:none}.roles span.hq{border-color:#fe6561;color:#fe6561;text-transform:uppercase}.roles span.admin{border-color:#43cfcf;color:#43cfcf;text-transform:capitalize}.roles span.mvp{border-color:#df89ff;color:#df89ff;text-transform:uppercase}.roles span.core{border-color:#e8b142;color:#e8b142;text-transform:capitalize}.roles span.c-trib,.roles span.corecontrib{border-color:#5dacff;color:#5dacff;text-transform:capitalize}.roles span.corecontrib{visibility:hidden;position:relative}.roles span.corecontrib:after{visibility:visible;position:absolute;top:-2px;left:-2px;display:block;content:"C-trib";border:inherit;padding:inherit}.comments{list-style-type:none;padding:0 20px;position:relative;margin:0 0 0 10px}.comments .comment{margin-bottom:75px;position:relative;border-radius:2px}.comments .comment .comment-inner{padding:15px;background:rgba(127,148,153,.08);border:1px solid rgba(127,148,153,.15);border-bottom:none;border-top:none;-webkit-transition:all .2s;transition:all .2s}.comments .comment.solution{background:rgba(163,219,120,.23)}.comments .comment.solution .photo img{padding:2px;border:1px solid #a3db78}.comments .comment.solution .meta{border:1px solid rgba(163,219,120,.3);border-bottom:none}.comments .comment.solution .comment-inner{border:1px solid rgba(163,219,120,.3);border-bottom:none;border-top:none}.comments .comment.solution .actions{border-top:none}.comments .comment.solution .body a{color:#000;word-wrap:break-word;text-decoration:underline}.comments .comment.solution .body a:hover{text-decoration:none}.comments .comment .photo{position:absolute;left:-22px;top:10px;z-index:10}.comments .comment .photo span{display:none}.comments .comment .photo img{overflow:hidden;max-width:32px;border-radius:50%;height:auto;-webkit-transition:box-shadow .2s;transition:box-shadow .2s}.comments .comment .highfive{position:absolute;top:100%;left:0;right:0;font-size:1rem;text-decoration:none;padding:10px 0;background:rgba(85,157,255,.14);border-right:1px solid rgba(85,157,255,.2);border-left:1px solid rgba(85,157,255,.2);border-bottom:1px solid rgba(85,157,255,.2);color:#5204d4;font-weight:700;text-align:center}.comments .comment .highfive .highfive-count,.comments .comment .highfive img{display:none}.comments .comment .highfive img{-webkit-transition:-webkit-transform .2s;transition:transform .2s;max-width:22px;height:auto}.comments .comment .highfive a{display:block;text-decoration:none;opacity:.7;-webkit-transition:all .2s;transition:all .2s}.comments .comment .highfive:hover a{opacity:1;color:#000}.comments .comment .body{white-space:normal}.comments .comment .body li,.comments .comment .body p{line-height:1.5;font-size:1rem}.comments .comment .body *+*{margin-top:15px}.comments .comment .body a{color:#6dbb32;word-wrap:break-word}.comments .comment .body a:hover{text-decoration:underline}.comments .comment .meta{padding:.7rem 20px;font-size:.9rem;overflow:hidden;color:#7F9499;background:rgba(127,148,153,.08);border:1px solid rgba(127,148,153,.15);border-bottom:none;-webkit-transition:all .2s;transition:all .2s}.comments .comment .meta .profile,.comments .comment .meta .time{float:left}.comments .comment .meta .profile{width:auto}.comments .comment .meta .profile a{color:#445255;text-decoration:none;display:block}.comments .comment .meta .profile a:hover{text-decoration:underline}.comments .comment .meta .profile span{margin-right:.1rem}.comments .comment .meta .time{text-decoration:none;float:right}.comments .comment .meta+.body{padding-top:1rem}.comments .comment .meta .gotosolution{margin-left:5px;color:#000;float:right}.comments .comment .meta .gotosolution:hover{text-decoration:none}.comments .comment .meta .hide-xs{display:none}.comments .comment.question .topic{font-size:1.1rem}.comments .comment .body-meta{margin-bottom:1rem;padding-bottom:1rem;overflow:hidden;border-bottom:1px solid transparent}.comments .comment .body-meta .category a,.comments .comment .body-meta .version a{font-size:.7rem}.comments .comment .body-meta .category{margin-bottom:.5rem}.comments .comment .body-meta .categories,.comments .comment .body-meta .topic{display:inline-block;vertical-align:middle}.comments .comment .body-meta .topic{width:100%;margin-bottom:.2rem}.comments .comment .body-meta .categories{width:100%}.comments .comment .actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:10px 20px;background:rgba(127,148,153,.08);border:1px solid rgba(127,148,153,.15);border-top:none;-webkit-transition:background .2s;transition:background .2s}.comments .comment .actions a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:pointer;color:rgba(0,0,0,.5);font-size:.9rem}.comments .comment .actions a:hover{color:#000}.comments .comment .actions a span{display:none}.comments .comment .actions a i{display:inline-block;font-size:1.4rem}.comments .alert{background:rgba(235,116,57,.1);padding:15px;border-top:3px solid rgba(235,116,57,.25);color:#db5716}.comments .level-2{margin-left:15px}.replybutton{text-align:center;width:100%;margin:0 auto}#registrationForm .replybutton input[type=submit],.quick-menu .login .replybutton input[type=submit],.quick-menu .new-profile .replybutton input[type=submit],.replybutton #registrationForm input[type=submit],.replybutton .button,.replybutton .quick-menu .login input[type=submit],.replybutton .quick-menu .new-profile input[type=submit],.replybutton .tagAdd{display:inline-block;margin:0 auto 50px;text-align:center}#registrationForm .replybutton input.reply[type=submit],.quick-menu .login .replybutton input.reply[type=submit],.quick-menu .new-profile .replybutton input.reply[type=submit],.replybutton #registrationForm input.reply[type=submit],.replybutton .button.reply,.replybutton .quick-menu .login input.reply[type=submit],.replybutton .quick-menu .new-profile input.reply[type=submit],.replybutton .reply.tagAdd{font-size:.85rem}.replybutton.notloggedin{background:rgba(235,116,57,.1);border:2px solid rgba(235,116,57,.2);padding:30px 0;margin:30px auto;width:calc(100% - 40px)}.replybutton.notloggedin a:hover{text-decoration:none}.pagination{margin-top:60px;margin-left:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.pagination a{padding:12px 16px;border:1px solid #b1b1b1;border-radius:3px;background:#fff;text-decoration:none;display:inline-block;margin-top:5px;margin-left:5px;font-size:.9rem;font-weight:400;color:#b1b1b1}.pagination a:first-of-type,.pagination a:last-of-type{margin-left:0}.pagination a:hover{border-color:#717171;color:#7e7e7e}.pagination a.active{background:#2EB369;color:#fff;font-weight:700;border-color:#2EB369}.pagination a.active:hover{cursor:default}.pagination span{margin:0 8px;font-size:1.1rem;letter-spacing:1px}.pagination .next:after,.pagination .prev:before{font-weight:400}.pagination .next:hover,.pagination .prev:hover{border-color:#7e7e7e;color:#7e7e7e}body.packages nav h3:hover{opacity:.8}body.packages nav h4{opacity:.7;margin:.5rem 0}body.packages li h3{opacity:.5}body.packages li.active a,body.packages li.active h3,body.packages li.open a,body.packages li.open h3{opacity:1;color:#000!important}body.packages li.active>ul{max-height:100%}.packages-content .search-big{margin-bottom:0;margin-top:20px}.packages-content h1{margin:1em 0 10px;font-size:2.1rem}.packages-content .package{margin-bottom:15px;padding:20px;-webkit-transition:all .1s linear;transition:all .1s linear;cursor:pointer;position:relative;overflow:hidden;border-radius:3px;border:1px solid #e9e9e9}.packages-content .package:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.packages-content .package:hover .icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.packages-content .box{border:none;border-bottom:1px solid #f5f5f5;width:100%}.packages-content .box h3{font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.packages-content .box h3 a{color:rgba(0,0,0,.8)}.packages-content .box h3 a:hover{color:#a3db78}.packages-content .box img{max-width:100%;height:auto;display:block;vertical-align:middle}.packages-content .box .col-xs-2{vertical-align:middle!important;padding:0!important}.packages-content .box .other{margin-top:30px}.packages-content .box .stats{left:calc(16.666666666666664% + 15px);font-family:Consolas,"Liberation Mono",Menlo,Monaco,Courier,monospace;font-size:.75rem}.packages-content .box .stats i{margin-left:3px;font-size:.9rem}.packages-content .box .stats span:first-child{margin-right:0}.packages-content .box p{font-size:.9rem;color:#000;opacity:1}.packages-content .box .package-badge{position:absolute;right:15px;bottom:-3px}.packages-content .box .downloads,.packages-content .box .karma{color:#000}.packages-content .box .downloads span,.packages-content .box .karma span{-webkit-transform:translate(0,2px);-ms-transform:translate(0,2px);transform:translate(0,2px);display:inline-block}.packages-content .box.liked .karma i{color:#fe6561}.packages-content .name{font-size:1rem;line-height:1.3;font-weight:700}.packages-content .description{font-size:.8rem;margin-top:3px;max-height:28px;overflow:hidden}.package-badge{font-size:.7rem;overflow:hidden;font-weight:700;color:#fff}.package-badge span{background:#484848;background:-webkit-linear-gradient(top,#545454 0,#2f2f2f 100%);background:linear-gradient(to bottom,#545454 0,#2f2f2f 100%);padding:5px 7px;margin:0;display:inline-block;float:left}.package-badge span.package-name{border-top-left-radius:3px;border-bottom-left-radius:3px}.package-badge span.package-number{background:#2EB369;background:-webkit-linear-gradient(top,#59d490 0,#2eb369 100%);background:linear-gradient(to bottom,#59d490 0,#2eb369 100%);border-top-right-radius:3px;border-bottom-right-radius:3px}.package-badge.blue .package-number{background:#2f6bff;background:-webkit-linear-gradient(top,#7ca1ff 0,#2f6bff 100%);background:linear-gradient(to bottom,#7ca1ff 0,#2f6bff 100%)}#registrationForm input.package-badge[type=submit] .package-number,.package-badge.green .package-number,.quick-menu .login input.package-badge[type=submit] .package-number,.quick-menu .new-profile input.package-badge[type=submit] .package-number{background:#2EB369;background:-webkit-linear-gradient(top,#59d490 0,#2eb369 100%);background:linear-gradient(to bottom,#59d490 0,#2eb369 100%)}.package-badge.red .package-number{background:#fe6561;background:-webkit-linear-gradient(top,#feafad 0,#fe6561 100%);background:linear-gradient(to bottom,#feafad 0,#fe6561 100%)}.package-badge.orange .package-number{background:#EB7439;background:-webkit-linear-gradient(top,#f2a57e 0,#eb7439 100%);background:linear-gradient(to bottom,#f2a57e 0,#eb7439 100%)}.package-badge.our .package-number{background:#a3db78;background:-webkit-linear-gradient(top,#ccebb4 0,#a3db78 100%);background:linear-gradient(to bottom,#ccebb4 0,#a3db78 100%);color:#000}.search-big{display:inline-block;position:relative;width:100%;margin-bottom:20px}.search-big input{-webkit-appearance:none;border-radius:0;border:1px solid #cfcfcf;padding:20px 6px;outline:0;display:block;width:100%;font-size:1.3rem;min-height:60px;font-family:Asap,sans-serif;z-index:20;position:relative}.search-big input+label{position:absolute;z-index:10;-webkit-transform:translate(0,-10px);-ms-transform:translate(0,-10px);transform:translate(0,-10px);-webkit-transition:-webkit-transform .4s cubic-bezier(.7,0,.3,1),opacity .3s cubic-bezier(.7,0,.3,1);transition:transform .4s cubic-bezier(.7,0,.3,1),opacity .3s cubic-bezier(.7,0,.3,1);opacity:0;color:#ccc;font-size:.8rem}.search-big input:valid+label{opacity:1;top:3px;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.search-big input:focus+label{color:#000;-webkit-transform:translate(0,-20px);-ms-transform:translate(0,-20px);transform:translate(0,-20px)}.search-big input:focus{border-color:#a3db78}.package-create{position:relative;top:15px;max-width:100%}.package-create h1,.package-create h2,.package-create h3,.package-create legend{color:rgba(0,0,0,.8);font-weight:700}.package-create h1{margin-top:0}.package-create h2{font-size:1.6rem;margin:0 0 10px}.package-create h3,.package-create legend{font-size:1.2rem;margin:0 0 10px}.package-create p{font-size:.95rem;line-height:1.5;color:#000}.package-create p+p{margin-top:20px}.package-create .stepNavigation{list-style:none;margin-bottom:1rem;padding-bottom:1rem;margin-top:1.5rem;border-bottom:1px solid rgba(0,0,0,.18)}.package-create .stepNavigation li{display:inline-block;margin-right:.5rem;color:#000;font-size:.75rem}.package-create .stepNavigation li.current{color:rgba(0,0,0,.8);font-weight:700}.package-create .stepNavigation li:last-child{margin-right:0}.package-create .stepNavigation li a{text-decoration:none}.package-create .stepNavigation li a:hover{color:#000}.package-create fieldset{padding:0 0 1.5rem;margin:1.5rem 0 0;border:none;border-bottom:1px solid #f5f5f5;max-width:100%}.package-create label{color:#000;width:10rem;padding:1.5rem .5rem .2rem 0;display:inline-block;font-size:1rem;font-weight:700}.package-create label.pickfile{font-size:.9rem;padding:0;color:#000}.package-create small{font-size:.85rem;color:#000;margin:5px 0 0;max-width:90%}.package-create input,.package-create textarea{font-family:Asap,sans-serif}.package-create input.error,.package-create input.warning,.package-create textarea.error,.package-create textarea.warning{border-color:#fe6561!important}.package-create input[type=text],.package-create textarea{font-size:.95rem;color:#000;border:1px solid #e8e8e8}.package-create input[type=text]:active,.package-create input[type=text]:focus,.package-create textarea:active,.package-create textarea:focus{outline:0;border-color:#a3db78}.package-create input[type=text]{padding:12px 10px;outline:0;width:30rem}.package-create input[type=checkbox]+label{font-size:.9rem;color:rgba(0,0,0,.8);margin-left:.5rem}.package-create input[type=checkbox]:checked+label{font-weight:700}.package-create input[type=checkbox]+label+small,.package-create select+small{top:-20px}.package-create textarea{padding:8px}.package-create ::-webkit-input-placeholder{color:red}.package-create #ContentPlaceHolderDefault_Main_Editor_5_ctl00_Collab+label{padding:0}.package-create .buttons{margin-top:2rem;text-align:right}#registrationForm .package-create .buttons input[type=submit],.package-create .buttons #registrationForm input[type=submit],.package-create .buttons .button,.package-create .buttons .quick-menu .login input[type=submit],.package-create .buttons .quick-menu .new-profile input[type=submit],.package-create .buttons .tagAdd,.quick-menu .login .package-create .buttons input[type=submit],.quick-menu .new-profile .package-create .buttons input[type=submit]{font-size:.9rem}.package-create .buttons a{font-size:.9rem;color:#000}.package-create .buttons a:hover{text-decoration:none;color:rgba(0,0,0,.8)}.package-create .pickversionWrapper{overflow:hidden}.package-create .pickversion{font-size:.95rem;color:#000;float:left}.package-create .pickversion input[type=checkbox]{margin-right:.5rem;margin-bottom:.5rem}.package-create .pickversion input[type=checkbox]:checked+*{font-weight:700}.package-create #pickNetVersion label,.package-create #pickTrustLevel label,.package-create #pickVersion label{padding-bottom:.5rem;padding-top:0}.package-create #pickVersion{margin-top:0;float:left;display:block}.package-create.complete fieldset{margin-top:2rem}.package-create.complete fieldset label{padding:1.5rem 0 0}.package-create.complete fieldset p+p{margin:.5rem 0 0}.dataTable{border-collapse:collapse;border:1px solid #ddd;width:100%;margin-bottom:1rem}.dataTable td,.dataTable th{padding:8px!important;font-size:.8rem}.dataTable th{color:#fff;background:#a3db78;font-size:14px}.dataTable tbody tr{-webkit-transition:background .3s ease-in;transition:background .3s ease-in}.dataTable tbody tr:hover{background:#ddd}.dataTable tbody tr.totals{font-weight:700;font-size:14px}.dataTable tbody tr.totals:hover td{background:#82B84F}.dataTable tbody tr.totals td{border-top:3px solid #a3db78}.dataTable .count,.dataTable .dataTable .center{text-align:center}.dataTable .dataTable .right,.dataTable .money{text-align:right}.eligibilityNotification{border:2px solid #a3db78;background:rgba(163,219,120,.18);padding:15px}.eligibilityNotification li,.eligibilityNotification p{font-size:.9rem;color:#000}.eligibilityNotification ul{list-style:none;margin:.8rem 0}.eligibilityNotification li{margin-left:.3rem;font-weight:700}.eligibilityNotification.notEligible{border-color:#EB7439;background:rgba(235,116,57,.18)}div.ac_results{background:#fff;padding:20px;border:1px solid #f5f5f5}div.ac_results li{padding-bottom:.5rem}.tagAdd{padding:12px 20px!important;float:right}.package-detail{padding-top:0;position:relative}.package-detail .vote{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.package-detail .vote i{font-size:1.1rem;color:rgba(0,0,0,.3);display:inline-block;margin-right:5px}.package-detail .vote i.liked{color:#f64051}.package-detail .vote:hover{cursor:pointer}.package-detail .vote:hover i{color:#f64051}.package-detail .vote:hover i.liked{color:rgba(0,0,0,.3)}.package-detail .vote:hover span{color:#000}.package-detail .vote span{font-size:.9rem;color:rgba(0,0,0,.4)}.package-detail .markdown-syntax pre{margin:0 0 1rem}.package-detail .package-forum-activity{overflow:hidden}.package-detail .package-forum-activity .goto{text-align:right;font-size:.9rem;color:#000;float:right}.package-detail .package-forum-activity .goto:hover{text-decoration:none;color:rgba(0,0,0,.8)}.package-detail .forum-thread{padding:10px}.package-detail .forum-thread img{max-width:60px;height:auto}.package-detail .forum-thread .forum-thread-text{margin-top:.7rem}.package-detail .forum-thread .forum-thread-text h3{font-size:.9rem;color:rgba(0,0,0,.8)}.package-detail .forum-thread .forum-thread-text p{color:#000}.package-detail-sidebar{font-size:.9rem;line-height:1.5;color:#000;margin-top:2rem}#registrationForm .package-detail-sidebar input[type=submit],.package-detail-sidebar #registrationForm input[type=submit],.package-detail-sidebar .button,.package-detail-sidebar .quick-menu .login input[type=submit],.package-detail-sidebar .quick-menu .new-profile input[type=submit],.package-detail-sidebar .tagAdd,.quick-menu .login .package-detail-sidebar input[type=submit],.quick-menu .new-profile .package-detail-sidebar input[type=submit]{max-width:80%;padding:15px 20px;font-size:1rem;margin:.5rem 0 2.5rem}#registrationForm .package-detail-sidebar input[type=submit] i,.package-detail-sidebar #registrationForm input[type=submit] i,.package-detail-sidebar .button i,.package-detail-sidebar .quick-menu .login input[type=submit] i,.package-detail-sidebar .quick-menu .new-profile input[type=submit] i,.package-detail-sidebar .tagAdd i,.quick-menu .login .package-detail-sidebar input[type=submit] i,.quick-menu .new-profile .package-detail-sidebar input[type=submit] i{font-size:1.5rem;position:relative;display:inline-block;top:4px;left:5px}.package-detail-sidebar h2,.package-detail-sidebar h3,.package-detail-sidebar span,.package-detail-sidebar strong{color:rgba(0,0,0,.8)}.package-detail-sidebar h2{font-size:1.5rem;margin-bottom:1rem}.package-detail-sidebar h3{margin-bottom:.3rem;font-size:1.08rem;font-weight:700}.package-detail-sidebar ul{margin-bottom:.8rem}.package-detail-sidebar li{list-style:none;font-size:.9rem;padding:.15rem 0 0}.package-detail-sidebar li:first-child{padding:0}.package-detail-sidebar small{color:#000}.package-detail-sidebar span,.package-detail-sidebar strong{font-weight:700}.package-detail-sidebar span{padding-right:3px}.package-detail-sidebar .package-creator{position:relative}.package-detail-sidebar .package-creator h3{margin:0 0 1rem}.package-detail-sidebar .package-creator .row{margin-top:0;margin-bottom:0}.package-detail-sidebar .package-creator img{display:inline-block;border-radius:50%;max-width:80px;min-width:80px;height:auto;vertical-align:middle}.package-detail-sidebar .package-creator .package-creator-information h3{margin:0;font-size:1rem;color:rgba(0,0,0,.8)}.package-detail-sidebar .package-creator .package-creator-information h3 a{text-decoration:none}.package-detail-sidebar .package-creator .package-creator-information h3 a:hover{color:#a3db78}.package-detail-sidebar .package-creator .package-creator-information small{font-size:.8rem;-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}.package-detail-sidebar .package-creator .package-creator-information .text{margin:0 0 0 .5rem;display:inline-block;vertical-align:bottom}.package-detail-sidebar .package-creator .package-creator-information .text a{text-decoration:underline}.package-detail-sidebar .package-creator .package-creator-information .text a:hover{text-decoration:none}.package-detail-sidebar .package-compatibility,.package-detail-sidebar .package-creator{border-bottom:1px solid #f5f5f5;margin-bottom:1rem;padding-bottom:1rem}.package-compatibility-versions .versions{margin-bottom:1rem}.package-compatibility-versions span{display:block;font-weight:400}.package-compatibility-versions strong{margin-right:5px}.package-detail-content h3{display:block;margin-bottom:.4rem;font-size:1.2rem}.package-detail-content .package-detail-description{margin-bottom:2rem}.package-detail-content .package-detail-description h1{font-size:2.1rem;line-height:1.5;color:rgba(0,0,0,.8);margin-bottom:1rem;margin-top:0;max-width:95%;position:relative;z-index:1;font-weight:700}.package-detail-content .package-detail-description a:hover{text-decoration:none}.package-detail-content .package-detail-description .hero-image{max-width:100%;height:auto;margin-bottom:1.5rem}.package-detail-content .package-detail-description li,.package-detail-content .package-detail-description p{font-size:1rem;line-height:1.5;color:#000}.package-detail-content .package-detail-description li+*,.package-detail-content .package-detail-description p+*{margin-top:1rem}.package-detail-content .package-detail-description li+h3,.package-detail-content .package-detail-description p+h3{margin-top:1.7rem}.package-detail-content .package-detail-description li.hero,.package-detail-content .package-detail-description p.hero{font-size:1.25rem!important;line-height:1.4;color:rgba(0,0,0,.8);margin-bottom:1.5rem}.package-detail-content .package-detail-description ul{margin-left:40px}.package-detail-content .package-detail-description ul li{margin:0}.package-detail-content .package-detail-description h3{display:block;margin-bottom:.4rem;font-size:1.2rem}.package-detail-content .package-detail-screenshots{overflow:hidden}.package-detail-content .package-detail-screenshots a{margin-bottom:.5rem;display:block;position:relative;width:23%;max-height:100px;overflow:hidden;margin-right:2%;float:left;border:1px solid #f5f5f5}.package-detail-content .package-detail-screenshots img{max-width:100%;height:auto}.package-detail-content .tabs{margin:6rem 0 0;padding:0;list-style:none}.package-detail-content .tabs li{background:0 0;color:rgba(0,0,0,.8);display:inline-block;padding:10px 15px;cursor:pointer;font-size:1rem}.package-detail-content .tabs li.current{background:#ededed;color:rgba(0,0,0,.8)}.package-detail-content .tabs li:hover{opacity:.8}.package-detail-content .tab-content{display:none;background:#ededed;padding:30px;margin-bottom:6rem}.package-detail-content .tab-content h3{font-size:1.1rem;margin-bottom:1rem;color:rgba(0,0,0,.8)}.package-detail-content .tab-content p{font-size:1rem;color:#000}.package-detail-content .tab-content span{color:rgba(0,0,0,.4);font-size:.8rem;display:block;margin-top:.2rem}.package-detail-content .tab-content.current{display:inherit}.package-misc .search-all-results{border:none}.package-misc .search-all-results li{border:none;padding:10px}.package-misc .search-all-results .type-context{padding-left:10px}.public-member{font-size:.9rem;line-height:1.5;color:#000;margin-top:2rem}.public-member .member-details{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.public-member .member-details img{border-radius:50%;max-width:112px;min-width:112px;height:auto}.public-member .member-details h3{margin:0;font-size:1.2rem;line-height:1.3;color:rgba(0,0,0,.8);font-weight:700}.public-member .member-details small{line-height:1.3;color:#445255;font-size:1.15rem;font-weight:700;margin:0}.public-member .member-details a:hover{text-decoration:none}.public-member .member-details .text{margin:0 0 0 1rem}.public-member .member-details .text small{font-size:1rem;font-weight:400;color:#5a6d71}.public-member .member-details .roles{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.public-member .member-details .roles span{font-size:.85rem;margin:0 2% 2% 0}.public-member h3{margin:0 0 .5rem;font-weight:700;font-size:1.15rem}.public-member .member-bio{margin-top:1rem}.public-member .member-bio p{font-size:1rem;line-height:1.4;color:#4f5f63}.public-member .category{margin-top:.5rem}.public-member .category span.cat{font-size:.75rem}.public-member .forum-thread .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.public-member .forum-thread-text h3,.public-member .goto{font-size:1rem}.public-member .goto:hover{text-decoration:none}.flex,.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.quickmenu .notification,.quickmenu .notification__blue,.quickmenu .notification__green,.quickmenu .notification__red,.quickmenu .notification__yellow{opacity:0;left:25%}.notification,.notification__blue,.notification__green,.notification__red,.notification__yellow{position:fixed;z-index:999;left:50%;bottom:30px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;-webkit-transition:all .3s cubic-bezier(0,0,.22,.88);transition:all .3s cubic-bezier(0,0,.22,.88);width:90%;margin:0 auto;max-width:1024px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:20px 10px;border-radius:4px;border:1px solid #85beff;background:#b8d9ff;color:#00499e}.notification__red{border:1px solid #fa040a;background:#feb3b5;color:#4a0103}.notification__red a,.notification__red a:visited{text-decoration:underline;color:#4a0103}.notification__red a:hover,.notification__red a:visited:hover{text-decoration:none}.notification__red .close-notification:hover{color:#af0307}.notification__yellow{border:1px solid #f7e5b4;background:#faedcb;color:#9c7610}.notification__yellow a,.notification__yellow a:visited{text-decoration:underline;color:#9c7610}.notification__yellow a:hover,.notification__yellow a:visited:hover{text-decoration:none}.notification__yellow .close-notification:hover{color:#eec557}.notification__blue{border:1px solid #6bafff;background:#b8d9ff;color:#00499e}.notification__blue a,.notification__blue a:visited{text-decoration:underline;color:#00499e}.notification__blue a:hover,.notification__blue a:visited:hover{text-decoration:none}.notification__blue .close-notification:hover{color:#001a38}.notification__green{border:1px solid #00e75f;background:#9bffc4;color:#008135}.notification__green a,.notification__green a:visited{text-decoration:underline;color:#008135}.notification__green a:hover,.notification__green a:visited:hover{text-decoration:none}.notification__green .close-notification:hover{color:#001b0b}.notification h1,.notification h2,.notification h3,.notification__blue h1,.notification__blue h2,.notification__blue h3,.notification__green h1,.notification__green h2,.notification__green h3,.notification__red h1,.notification__red h2,.notification__red h3,.notification__yellow h1,.notification__yellow h2,.notification__yellow h3{margin-bottom:.5rem;font-weight:700}.notification h1,.notification__blue h1,.notification__green h1,.notification__red h1,.notification__yellow h1{font-size:1.3rem}.notification h2,.notification__blue h2,.notification__green h2,.notification__red h2,.notification__yellow h2{font-size:1.2rem}.notification h3,.notification__blue h3,.notification__green h3,.notification__red h3,.notification__yellow h3{font-size:1.1rem}.notification a,.notification p,.notification__blue a,.notification__blue p,.notification__green a,.notification__green p,.notification__red a,.notification__red p,.notification__yellow a,.notification__yellow p{font-size:1rem;line-height:1.5}.notification a:hover,.notification__blue a:hover,.notification__green a:hover,.notification__red a:hover,.notification__yellow a:hover{text-decoration:none}.notification small,.notification__blue small,.notification__green small,.notification__red small,.notification__yellow small{margin:0;display:inline-block}.notification .message,.notification__blue .message,.notification__green .message,.notification__red .message,.notification__yellow .message{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;margin-bottom:1rem}.notification .close-notification,.notification__blue .close-notification,.notification__green .close-notification,.notification__red .close-notification,.notification__yellow .close-notification{left:15px;cursor:pointer;font-size:1rem;text-align:right;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.notification .close-notification i,.notification__blue .close-notification i,.notification__green .close-notification i,.notification__red .close-notification i,.notification__yellow .close-notification i{position:relative;top:3px;font-size:1.2rem;margin-right:3px}.alertbar,.alertbar__blue,.alertbar__green,.alertbar__red,.alertbar__yellow{background:#f4ebba;text-align:center;border:none!important;padding:20px}.alertbar__red{border:1px solid #fa040a;background:#feb3b5;color:#4a0103}.alertbar__red a,.alertbar__red a:visited{text-decoration:underline;color:#4a0103}.alertbar__red a:hover,.alertbar__red a:visited:hover{text-decoration:none}.alertbar__red .close-notification:hover{color:#af0307}.alertbar__yellow{border:1px solid #f7e5b4;background:#faedcb;color:#9c7610}.alertbar__yellow a,.alertbar__yellow a:visited{text-decoration:underline;color:#9c7610}.alertbar__yellow a:hover,.alertbar__yellow a:visited:hover{text-decoration:none}.alertbar__yellow .close-notification:hover{color:#eec557}.alertbar__blue{border:1px solid #6bafff;background:#b8d9ff;color:#00499e}.alertbar__blue a,.alertbar__blue a:visited{text-decoration:underline;color:#00499e}.alertbar__blue a:hover,.alertbar__blue a:visited:hover{text-decoration:none}.alertbar__blue .close-notification:hover{color:#001a38}.alertbar__green{border:1px solid #00e75f;background:#9bffc4;color:#008135}.alertbar__green a,.alertbar__green a:visited{text-decoration:underline;color:#008135}.alertbar__green a:hover,.alertbar__green a:visited:hover{text-decoration:none}.alertbar__green .close-notification:hover{color:#001b0b}.alertbar h1,.alertbar h2,.alertbar h3,.alertbar__blue h1,.alertbar__blue h2,.alertbar__blue h3,.alertbar__green h1,.alertbar__green h2,.alertbar__green h3,.alertbar__red h1,.alertbar__red h2,.alertbar__red h3,.alertbar__yellow h1,.alertbar__yellow h2,.alertbar__yellow h3{margin-bottom:.8rem}.alertbar h1,.alertbar__blue h1,.alertbar__green h1,.alertbar__red h1,.alertbar__yellow h1{font-size:1.7rem}.alertbar h2,.alertbar__blue h2,.alertbar__green h2,.alertbar__red h2,.alertbar__yellow h2{font-size:1.3rem}.alertbar h3,.alertbar__blue h3,.alertbar__green h3,.alertbar__red h3,.alertbar__yellow h3{font-size:1rem}.alertbar p,.alertbar__blue p,.alertbar__green p,.alertbar__red p,.alertbar__yellow p{font-size:.95rem}.alertbar p a:hover,.alertbar__blue p a:hover,.alertbar__green p a:hover,.alertbar__red p a:hover,.alertbar__yellow p a:hover{text-decoration:none}.alertbar img,.alertbar__blue img,.alertbar__green img,.alertbar__red img,.alertbar__yellow img{max-width:100%;height:auto}.docs{padding:0;border-bottom:1px solid rgba(127,148,153,.11)}.docs .row{margin:0}.docs .advanced,.docs .beginners{padding:80px 20px;text-align:center}.docs img{margin-bottom:30px;display:inline-block}.docs h2{font-size:2rem;margin-bottom:1rem}.docs p{color:#4f5f63;line-height:1.5;font-size:1.1rem;margin-bottom:30px}#registrationForm .docs input[type=submit],.docs #registrationForm input[type=submit],.docs .button,.docs .quick-menu .login input[type=submit],.docs .quick-menu .new-profile input[type=submit],.docs .tagAdd,.quick-menu .login .docs input[type=submit],.quick-menu .new-profile .docs input[type=submit]{font-size:1rem}section.forum{background:center bottom no-repeat rgba(127,148,153,.11);background-size:100%;position:relative}section.forum h1{font-size:1.8rem;text-align:center;position:relative;z-index:30}section.forum h1+p{max-width:700px;margin:1rem auto 3rem;padding:0 10px;font-size:1rem;color:#5a6d71;text-align:center}section.forum .col-md-6{margin-bottom:40px}section.forum .goto-forum{text-align:center;margin-top:60px}section.forum .forum-thread .category{margin:.5rem 0 0}section.forum .forum-thread .category span{font-size:.75rem}section.forum small{font-size:.9rem;color:#4f5f63;text-transform:uppercase;font-weight:700;letter-spacing:.5px;display:block;margin-bottom:.5rem}.forum-thread,.person-activity{background:#fff;padding:15px;margin-bottom:30px;width:100%;border:1px solid #e9e9e9;-webkit-transition:box-shadow .2s;transition:box-shadow .2s;text-decoration:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.forum-thread:hover,.person-activity:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.forum-thread .row,.person-activity .row{margin:0}.forum-thread img,.person-activity img{border-radius:50%;width:100%;max-width:112px;height:auto}.forum-thread img.aura,.person-activity img.aura{border:2px solid transparent;border-radius:50%;padding:3px}.forum-thread img.aura.mvp,.person-activity img.aura.mvp{border-color:rgba(46,179,105,.4)}.forum-thread img.aura.admin,.person-activity img.aura.admin{border-color:rgba(246,23,0,.4)}.forum-thread img.aura.hq,.person-activity img.aura.hq{border-color:rgba(34,124,246,.4)}.forum-thread h3,.person-activity h3{margin-bottom:2px;font-weight:400;color:#000;line-height:1.3;font-size:1rem}.forum-thread p,.person-activity p{margin:0;text-align:left;font-size:.9rem;color:#7F9499}.forum-thread:last-child,.person-activity:last-child{margin-bottom:0}.forum-thread small,.person-activity small{font-size:.8rem}.forum-thread .col-xs-2,.person-activity .col-xs-2{padding:0 .1rem}.leaderboard,.people{position:relative;overflow:hidden}.leaderboard .user-profile,.people .user-profile{width:100%;max-width:68px;margin:0 auto;height:auto;border-radius:50%;position:relative;-webkit-transition:box-shadow .2s;transition:box-shadow .2s}.leaderboard h1,.leaderboard p,.people h1,.people p{text-align:center;position:relative;z-index:30}.leaderboard h1,.people h1{font-size:1.8rem}.leaderboard p,.people p{max-width:700px;margin:1rem auto 3rem;padding:0 10px;font-size:1rem;color:#5a6d71}#registrationForm .leaderboard input[type=submit],#registrationForm .people input[type=submit],.leaderboard #registrationForm input[type=submit],.leaderboard .button,.leaderboard .quick-menu .login input[type=submit],.leaderboard .quick-menu .new-profile input[type=submit],.leaderboard .tagAdd,.people #registrationForm input[type=submit],.people .button,.people .quick-menu .login input[type=submit],.people .quick-menu .new-profile input[type=submit],.people .tagAdd,.quick-menu .login .leaderboard input[type=submit],.quick-menu .login .people input[type=submit],.quick-menu .new-profile .leaderboard input[type=submit],.quick-menu .new-profile .people input[type=submit]{margin:3rem auto 0}.people{text-align:center;background:rgba(127,148,153,.11)}.people .container,.people .page,.people .subpage{max-width:1400px;position:relative;z-index:30}.people div[class^=col-]{margin-bottom:15px}.leaderboard{text-align:center}.leaderboard div[data-attr=weeks],.leaderboard div[data-attr=alltime]{position:relative;z-index:30}.leaderboard div[data-attr=weeks]{text-align:left}.leaderboard div[data-attr=weeks] .profile,.leaderboard div[data-attr=weeks] strong{padding-left:.5rem}.leaderboard div[data-attr=weeks] .meta{margin-left:4%}.leaderboard div[data-attr=alltime]{margin-bottom:3rem;text-align:left}.leaderboard div[data-attr=alltime] .profile,.leaderboard div[data-attr=alltime] strong{padding-left:.5rem}.leaderboard div[data-attr=alltime] .meta{margin-left:4%}.leaderboard a{text-decoration:none;padding:15px 0}.leaderboard a:hover{background:rgba(127,148,153,.11)}.leaderboard strong{font-size:1rem;color:#E13E8F;text-transform:uppercase;font-weight:700;letter-spacing:.5px;display:block}.leaderboard .profile{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.leaderboard .profile:last-of-type{margin:0}.leaderboard .avatar{-webkit-box-flex:0;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%}.leaderboard .meta{-webkit-box-flex:0;-webkit-flex:0 0 76%;-ms-flex:0 0 76%;flex:0 0 76%}.leaderboard .meta .name{padding-left:0;margin-bottom:.4rem;font-size:1rem}.leaderboard .meta small{font-size:.95rem;color:#667a7f}.leaderboard .meta small span{color:#4f5f63}.events{padding:0}.events .event-map{position:relative;overflow:hidden}.events .event-info{padding:20px;color:#fff;background:rgba(22,22,22,.87);text-align:center}.events .event-info img{max-width:66px;height:auto;margin:10px auto 20px;display:block}.events .event-info h1{font-size:2rem;margin-bottom:30px}.events .event-info p{line-height:1.5}.events .event-info a{margin-top:30px;display:inline-block;font-weight:700}.events .event-info a:hover{text-decoration:none}.events #map{height:300px}#registrationForm .community-page .docs input.transparent[type=submit],#registrationForm .community-page .forum input.transparent[type=submit],#registrationForm .frontpage .docs input.transparent[type=submit],#registrationForm .frontpage .forum input.transparent[type=submit],.community-page .docs #registrationForm input.transparent[type=submit],.community-page .docs .button.transparent,.community-page .docs .quick-menu .login input.transparent[type=submit],.community-page .docs .quick-menu .new-profile input.transparent[type=submit],.community-page .docs .transparent.tagAdd,.community-page .forum #registrationForm input.transparent[type=submit],.community-page .forum .button.transparent,.community-page .forum .quick-menu .login input.transparent[type=submit],.community-page .forum .quick-menu .new-profile input.transparent[type=submit],.community-page .forum .transparent.tagAdd,.frontpage .docs #registrationForm input.transparent[type=submit],.frontpage .docs .button.transparent,.frontpage .docs .quick-menu .login input.transparent[type=submit],.frontpage .docs .quick-menu .new-profile input.transparent[type=submit],.frontpage .docs .transparent.tagAdd,.frontpage .forum #registrationForm input.transparent[type=submit],.frontpage .forum .button.transparent,.frontpage .forum .quick-menu .login input.transparent[type=submit],.frontpage .forum .quick-menu .new-profile input.transparent[type=submit],.frontpage .forum .transparent.tagAdd,.quick-menu .login .community-page .docs input.transparent[type=submit],.quick-menu .login .community-page .forum input.transparent[type=submit],.quick-menu .login .frontpage .docs input.transparent[type=submit],.quick-menu .login .frontpage .forum input.transparent[type=submit],.quick-menu .new-profile .community-page .docs input.transparent[type=submit],.quick-menu .new-profile .community-page .forum input.transparent[type=submit],.quick-menu .new-profile .frontpage .docs input.transparent[type=submit],.quick-menu .new-profile .frontpage .forum input.transparent[type=submit]{float:none;font-size:.9rem;padding:12px 14px;-webkit-transition:all .2s;transition:all .2s}#registrationForm .community-page .docs input.transparent[type=submit]:hover,#registrationForm .community-page .forum input.transparent[type=submit]:hover,#registrationForm .frontpage .docs input.transparent[type=submit]:hover,#registrationForm .frontpage .forum input.transparent[type=submit]:hover,.community-page .docs #registrationForm input.transparent[type=submit]:hover,.community-page .docs .button.transparent:hover,.community-page .docs .quick-menu .login input.transparent[type=submit]:hover,.community-page .docs .quick-menu .new-profile input.transparent[type=submit]:hover,.community-page .docs .transparent.tagAdd:hover,.community-page .forum #registrationForm input.transparent[type=submit]:hover,.community-page .forum .button.transparent:hover,.community-page .forum .quick-menu .login input.transparent[type=submit]:hover,.community-page .forum .quick-menu .new-profile input.transparent[type=submit]:hover,.community-page .forum .transparent.tagAdd:hover,.frontpage .docs #registrationForm input.transparent[type=submit]:hover,.frontpage .docs .button.transparent:hover,.frontpage .docs .quick-menu .login input.transparent[type=submit]:hover,.frontpage .docs .quick-menu .new-profile input.transparent[type=submit]:hover,.frontpage .docs .transparent.tagAdd:hover,.frontpage .forum #registrationForm input.transparent[type=submit]:hover,.frontpage .forum .button.transparent:hover,.frontpage .forum .quick-menu .login input.transparent[type=submit]:hover,.frontpage .forum .quick-menu .new-profile input.transparent[type=submit]:hover,.frontpage .forum .transparent.tagAdd:hover,.quick-menu .login .community-page .docs input.transparent[type=submit]:hover,.quick-menu .login .community-page .forum input.transparent[type=submit]:hover,.quick-menu .login .frontpage .docs input.transparent[type=submit]:hover,.quick-menu .login .frontpage .forum input.transparent[type=submit]:hover,.quick-menu .new-profile .community-page .docs input.transparent[type=submit]:hover,.quick-menu .new-profile .community-page .forum input.transparent[type=submit]:hover,.quick-menu .new-profile .frontpage .docs input.transparent[type=submit]:hover,.quick-menu .new-profile .frontpage .forum input.transparent[type=submit]:hover{background:#2EB369;color:#fff;opacity:1;border-color:#2EB369}#registrationForm .community-page .docs input.transparent.ink[type=submit],#registrationForm .community-page .forum input.transparent.ink[type=submit],#registrationForm .frontpage .docs input.transparent.ink[type=submit],#registrationForm .frontpage .forum input.transparent.ink[type=submit],.community-page .docs #registrationForm input.transparent.ink[type=submit],.community-page .docs .button.transparent.ink,.community-page .docs .quick-menu .login input.transparent.ink[type=submit],.community-page .docs .quick-menu .new-profile input.transparent.ink[type=submit],.community-page .docs .transparent.ink.tagAdd,.community-page .forum #registrationForm input.transparent.ink[type=submit],.community-page .forum .button.transparent.ink,.community-page .forum .quick-menu .login input.transparent.ink[type=submit],.community-page .forum .quick-menu .new-profile input.transparent.ink[type=submit],.community-page .forum .transparent.ink.tagAdd,.frontpage .docs #registrationForm input.transparent.ink[type=submit],.frontpage .docs .button.transparent.ink,.frontpage .docs .quick-menu .login input.transparent.ink[type=submit],.frontpage .docs .quick-menu .new-profile input.transparent.ink[type=submit],.frontpage .docs .transparent.ink.tagAdd,.frontpage .forum #registrationForm input.transparent.ink[type=submit],.frontpage .forum .button.transparent.ink,.frontpage .forum .quick-menu .login input.transparent.ink[type=submit],.frontpage .forum .quick-menu .new-profile input.transparent.ink[type=submit],.frontpage .forum .transparent.ink.tagAdd,.quick-menu .login .community-page .docs input.transparent.ink[type=submit],.quick-menu .login .community-page .forum input.transparent.ink[type=submit],.quick-menu .login .frontpage .docs input.transparent.ink[type=submit],.quick-menu .login .frontpage .forum input.transparent.ink[type=submit],.quick-menu .new-profile .community-page .docs input.transparent.ink[type=submit],.quick-menu .new-profile .community-page .forum input.transparent.ink[type=submit],.quick-menu .new-profile .frontpage .docs input.transparent.ink[type=submit],.quick-menu .new-profile .frontpage .forum input.transparent.ink[type=submit]{background:rgba(255,255,255,.3)}.map header{background:0 0!important}.map .container,.map .page,.map .subpage{position:relative;z-index:200}.map+div{margin-top:15px}.map nav a,.map nav a:active,.map nav a:visited{text-decoration:none;color:rgba(255,255,255,.6);-webkit-transition:color .2s;transition:color .2s}.map nav a:active:hover,.map nav a:hover,.map nav a:visited:hover{color:#fff}.map .event-map{position:relative;padding-top:0!important;min-height:200px}.map #map{height:200px}.map .col-md-4{margin-bottom:40px}.map .people{border-bottom:1px solid #f5f5f5;padding:30px 0}.map .people .teaser{max-width:640px;margin:0 auto}.map .people .teaser h1{margin-bottom:1rem}.map .people .teaser p+p{margin-top:30px}.map .people .teaser strong{font-size:1.2rem}.map .people-activity{background:#f5f5f5;padding:30px 0}.map .people-activity strong{margin-bottom:.3rem;display:block;font-size:1.6rem}.map .people-activity img{max-height:66px;width:auto}.map .people-activity .person-activity-text{margin-top:8px}.documentation{padding:0}.documentation>.container,.documentation>.page,.documentation>.subpage{position:relative}.documentation #body a{color:#6dbb32}.documentation #body a:hover{text-decoration:underline}.documentation #body a.active h3{color:#88d050!important}.documentation .search-big{margin-bottom:0;margin-top:20px}.docs-overview{text-align:center}.docs-overview h1{font-size:3rem;font-weight:100;color:rgba(0,0,0,.8)}.docs-overview .docs-section{display:inline-block;max-width:400px;text-align:center;color:#000;-webkit-transition:all .1s cubic-bezier(.7,0,.3,1);transition:all .1s cubic-bezier(.7,0,.3,1)}.docs-overview .docs-section img{text-align:center;opacity:.8;-webkit-filter:grayscale(75%);filter:grayscale(75%);-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);-webkit-transition:all .1s linear;transition:all .1s linear}.docs-overview .docs-section h2,.docs-overview .docs-section p{-webkit-transition:all .1s linear;transition:all .1s linear}.docs-overview .docs-section h2{font-weight:100;color:rgba(0,0,0,.8);margin-bottom:1rem}.docs-overview .docs-section p{text-align:center;color:#000}.docs-overview .docs-section:hover{cursor:pointer}.docs-overview .docs-section:hover h2,.docs-overview .docs-section:hover p{color:#000}.docs-overview .docs-section:hover img{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:grayscale(0);filter:grayscale(0)}.docs-overview .contributing{text-align:left;margin-top:2rem}.docs-overview .contributing h3{color:rgba(0,0,0,.8);font-size:1rem;margin-bottom:.5rem}.docs-overview .contributing p{color:#000;font-size:.9rem;margin-top:0}.docs-overview h3{font-weight:100;margin-top:80px}#markdown-docs a{color:#6dbb32;text-decoration:none}#markdown-docs a:hover{color:#3e6b1c}#markdown-docs h1 a,#markdown-docs h2 a,#markdown-docs h3 a,#markdown-docs h4 a,#markdown-docs h5 a,#markdown-docs h6 a{color:#000;text-decoration:underline}#markdown-docs h1 a:hover,#markdown-docs h2 a:hover,#markdown-docs h3 a:hover,#markdown-docs h4 a:hover,#markdown-docs h5 a:hover,#markdown-docs h6 a:hover{color:#000;text-decoration:none}.dot{display:block;position:relative;margin-top:13px;background-color:#daf0c9;border:3px solid #daf0c9}.dot .line{display:block;position:absolute}.dot .line.h-line{border-top:solid 3px #daf0c9}.dot .line.v-line{border-left:solid 3px #daf0c9}.dot.big{height:60px;width:60px;border-radius:40px;margin:20px auto 100px;font-size:2rem;line-height:3.5rem;text-indent:.7rem;color:#569327}.dot.big .h-line{left:50px;top:25px;width:70px;height:1px}.dot.big .v-line{left:25px;top:57px;width:1px;height:100px}.dot.big .v-line.top{top:-80px;height:80px}.dot.small{height:20px;width:20px;border-radius:30px;margin:0 auto 115px}.dot.small.last{margin-top:60px;margin-bottom:5px}.dot.small .h-line{left:17px;top:7px;width:70px;height:1px;border-width:1px}.dot.small .v-line{top:17px;left:5px;width:1px;height:120px}.dot.small .v-line.top{height:100px;top:-90px}.point{position:absolute;margin-left:191px;margin-top:21px;z-index:100}.point a{color:#000!important}.point h4{font-size:2rem;margin-top:13px}.explain small,.point small{margin-bottom:10px;color:#000;font-size:.9rem;display:block;line-height:1.3;padding-right:5px}.explain .col-xs-12{min-height:153px}.explain .col-xs-12 h4{margin-top:12px;font-size:2em;margin-bottom:.3rem;color:rgba(0,0,0,.8)}.explain .col-xs-12 h4 a{text-decoration:none}.explain .col-xs-12 h4 a:hover{color:#a3db78}.explain .col-xs-6{min-height:133px}.explain .col-xs-6 h5{font-size:1.1rem;margin-bottom:.2rem;font-weight:600}.explain .col-xs-6 h5 a{color:rgba(0,0,0,.8);text-decoration:none}.explain .col-xs-6 h5 a:hover{color:#a3db78}.explain .col-xs-6>a{display:inline-block;min-height:150px;padding:5px;color:#fff}.explain .col-xs-6>a:hover{cursor:pointer}.umbracoVersion{display:inline-block;font-weight:700;border-radius:2px;text-decoration:none;text-transform:capitalize;-webkit-transition:background .2s;transition:background .2s;padding:4px 6px;font-size:.85rem;background:#4ea7ff;color:#fff;margin-top:0}body.download header .navigation,body.download header.sticky .navigation{background:#a3db78}.download-umbraco{background:#a3db78;text-align:center;color:#fff;padding:0 0 100px;position:relative;z-index:90;min-height:530px;height:calc(100vh - 262px)}.download-umbraco .container,.download-umbraco .page,.download-umbraco .subpage{padding:20px 20px 0;position:relative;z-index:200}.download-umbraco h1{font-size:2rem;margin-bottom:2rem}.download-umbraco p{margin:0 auto 1.5rem;font-size:.97rem;line-height:1.5;color:#000}#registrationForm .download-umbraco p+input[type=submit],.download-umbraco #registrationForm p+input[type=submit],.download-umbraco .quick-menu .login p+input[type=submit],.download-umbraco .quick-menu .new-profile p+input[type=submit],.download-umbraco p+.button,.download-umbraco p+.tagAdd,.quick-menu .login .download-umbraco p+input[type=submit],.quick-menu .new-profile .download-umbraco p+input[type=submit]{margin-top:1.5rem}.download-umbraco p.small{font-size:.97rem}.download-umbraco p a{text-decoration:none;border-bottom:2px solid rgba(0,0,0,.48)}.download-umbraco p a:hover{border-color:#fff}#registrationForm .download-umbraco input[type=submit],.download-umbraco #registrationForm input[type=submit],.download-umbraco .button,.download-umbraco .quick-menu .login input[type=submit],.download-umbraco .quick-menu .new-profile input[type=submit],.download-umbraco .tagAdd,.quick-menu .login .download-umbraco input[type=submit],.quick-menu .new-profile .download-umbraco input[type=submit]{margin-bottom:1rem;position:relative;padding-left:60px;cursor:pointer;overflow:hidden;-webkit-transition:all .2s ease;transition:all .2s ease}#registrationForm .download-umbraco input[type=submit] i,.download-umbraco #registrationForm input[type=submit] i,.download-umbraco .button i,.download-umbraco .quick-menu .login input[type=submit] i,.download-umbraco .quick-menu .new-profile input[type=submit] i,.download-umbraco .tagAdd i,.quick-menu .login .download-umbraco input[type=submit] i,.quick-menu .new-profile .download-umbraco input[type=submit] i{font-size:1.5rem;position:absolute;top:50%;left:0;opacity:.5;-webkit-transform:translate(20px,-53%);-ms-transform:translate(20px,-53%);transform:translate(20px,-53%);-webkit-transition:opacity .2s;transition:opacity .2s}#registrationForm .download-umbraco input[type=submit]:hover,#registrationForm .download-umbraco input[type=submit]:hover i,.download-umbraco #registrationForm input[type=submit]:hover,.download-umbraco #registrationForm input[type=submit]:hover i,.download-umbraco .button:hover,.download-umbraco .button:hover i,.download-umbraco .quick-menu .login input[type=submit]:hover,.download-umbraco .quick-menu .login input[type=submit]:hover i,.download-umbraco .quick-menu .new-profile input[type=submit]:hover,.download-umbraco .quick-menu .new-profile input[type=submit]:hover i,.download-umbraco .tagAdd:hover,.download-umbraco .tagAdd:hover i,.quick-menu .login .download-umbraco input[type=submit]:hover,.quick-menu .login .download-umbraco input[type=submit]:hover i,.quick-menu .new-profile .download-umbraco input[type=submit]:hover,.quick-menu .new-profile .download-umbraco input[type=submit]:hover i{opacity:1}#registrationForm .download-umbraco input[type=submit] .ink,.download-umbraco #registrationForm input[type=submit] .ink,.download-umbraco .button .ink,.download-umbraco .quick-menu .login input[type=submit] .ink,.download-umbraco .quick-menu .new-profile input[type=submit] .ink,.download-umbraco .tagAdd .ink,.quick-menu .login .download-umbraco input[type=submit] .ink,.quick-menu .new-profile .download-umbraco input[type=submit] .ink{background:rgba(163,219,120,.3)}#registrationForm .download-umbraco input[type=submit]:not(:active),.download-umbraco #registrationForm input[type=submit]:not(:active),.download-umbraco .button:not(:active),.download-umbraco .quick-menu .login input[type=submit]:not(:active),.download-umbraco .quick-menu .new-profile input[type=submit]:not(:active),.download-umbraco .tagAdd:not(:active),.quick-menu .login .download-umbraco input[type=submit]:not(:active),.quick-menu .new-profile .download-umbraco input[type=submit]:not(:active){-webkit-transition:box-shadow .2s;transition:box-shadow .2s}#registrationForm .download-umbraco input[type=submit]:active,.download-umbraco #registrationForm input[type=submit]:active,.download-umbraco .button:active,.download-umbraco .quick-menu .login input[type=submit]:active,.download-umbraco .quick-menu .new-profile input[type=submit]:active,.download-umbraco .tagAdd:active,.quick-menu .login .download-umbraco input[type=submit]:active,.quick-menu .new-profile .download-umbraco input[type=submit]:active{box-shadow:none}.download-umbraco .pre{overflow:auto;display:block;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;background-color:#333;color:#fff;font-size:.8rem;line-height:1.4em;background-clip:padding-box;padding:8px 25px 8px 50px;border-radius:5px;width:auto;min-width:300px;text-align:center;border:none;margin:0 auto}.download-umbraco .pre:hover{background:#404040;cursor:pointer}.download-umbraco .pm-nuget{position:relative;display:block;margin:0 auto;height:100%;width:300px}.download-umbraco .pm-nuget:before{content:"PM>";display:block;position:absolute;top:50%;left:0;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;font-size:.8rem;-webkit-transform:translate(25px,-46%);-ms-transform:translate(25px,-46%);transform:translate(25px,-46%);opacity:.9}.download-umbraco .archive{position:absolute;bottom:5%;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);color:#000;z-index:200}.download-umbraco .archive a:hover{text-decoration:none;opacity:1}.historical-releases .content{min-height:40vh;margin-top:100px;padding-left:30px}.historical-releases .title-level{margin-bottom:15px;font-weight:700;font-size:1.3rem}.historical-releases ul li{list-style:none}.historical-releases ul a{color:#000;font-size:1rem;margin-top:10px;margin-bottom:5px}.historical-releases ul a:hover{color:#000}.historical-releases .versions{border-left:1px solid #e6e6e6}.historical-releases .version{width:100%;position:relative;padding:15px 20px 20px;margin-bottom:30px;max-width:640px}.historical-releases .version ul{padding-left:60px;overflow:hidden}.historical-releases .version li{list-style:none;display:block;float:left}.historical-releases .version span{font-size:1.7rem;font-weight:700;background:#fff;color:#222;border:1px solid rgba(34,34,34,.3);border-radius:50%;height:60px;width:60px;line-height:60px;display:block;text-align:center;position:absolute;left:0;top:0;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:background .2s;transition:background .2s}.historical-releases .downloadable{width:25%}.historical-releases .downloadable a{font-size:1rem;text-decoration:none;padding:10px 12px;background-color:#2EB369;color:#fff!important;font-weight:700;border-radius:3px;display:block;margin-right:20px;margin-bottom:20px;margin-top:0;min-width:60px;text-align:center;-webkit-transition:all .2s ease;transition:all .2s ease}.historical-releases .downloadable a:hover{background:#33c775;color:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.mac-notice{text-align:center;background:rgba(0,0,0,.13);padding:15px 0;font-size:1.1rem;position:relative;z-index:999;display:none}.mac-notice:before{content:"";display:inline-block;height:24px;width:24px;margin-right:8px;background:url(../images/osx.png) left -3px no-repeat;background-size:24px 24px;vertical-align:middle}.mac-notice a:hover{text-decoration:none}.steps{text-align:left;margin:60px auto 0}.steps h2{font-size:1.9rem;margin-bottom:50px;font-weight:600;text-align:center}.steps .guide{width:100%;margin:0 auto;text-align:center}.steps img{display:block;margin:0 auto;width:60%;height:auto}.steps .step{font-size:1.5rem;margin-bottom:80px;position:relative;display:inline-block;width:30%}.steps .step span{display:block;text-align:center;border:2px dashed rgba(0,0,0,.23);color:rgba(0,0,0,.23);border-radius:50%;height:50px;width:50px;margin:0 auto 20px;font-size:1.7rem;font-weight:700;line-height:45px}.steps .step.step-one{-webkit-animation-delay:.1s;animation-delay:.1s}.steps .step.step-two{-webkit-animation-delay:.4s;animation-delay:.4s}.steps .step.step-three{-webkit-animation-delay:.7s;animation-delay:.7s}.archive i{font-size:1.3rem;padding-top:2px}body.mac .mac-notice{display:block}.download .dot.progress{text-indent:.3rem;text-align:center;line-height:2.8rem}.download .dot.progress .counter{font-size:1.1rem}.download.latest .dot{margin-top:2rem}.explain .changes small{line-height:.5rem}.chart{position:absolute;top:-4px;left:-8px;z-index:1}.chart .percentage{display:inline-block;position:absolute;top:9px;left:16px;font-size:1.1rem;color:#569327}.chart canvas{top:1px;position:absolute;left:5px}.get-release i{font-size:2.5rem;line-height:5rem}.get-release{line-height:1.5;padding:2.5rem 0;margin:2.5rem 0;border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8}.get-release h3{font-size:1.1rem;margin-bottom:.3rem;color:rgba(0,0,0,.8)}.get-release h3 a{text-decoration:none}.get-release h3 a:hover{color:#a3db78}.get-release p{color:rgba(0,0,0,.8);font-size:.95rem;line-height:1.3;margin-bottom:.5rem}.get-release small{font-size:.7rem;color:#000}.release{min-height:160px}.release.zip i{color:rgba(0,0,0,.8)}.release.bin i{color:rgba(0,0,0,.4);font-size:1.6rem}.release.bin h4{font-size:.9rem;margin-bottom:.3rem;color:rgba(0,0,0,.8)}.release.bin h4 a{text-decoration:none}.release.bin h4 a:hover{color:#a3db78}.release.bin.col-sm-5{padding-top:18px}.release.col-sm-1{text-align:center}.latest .dot.big{margin-bottom:30px}.latest .explain h4{font-size:2.5rem}.latest .explain p{font-size:1.1rem;color:#000}.latest .explain .col-xs-12{min-height:0}.release .markdown-syntax a,.release .markdown-syntax li,.release .markdown-syntax p,.release .markdown-syntax ul{color:rgba(0,0,0,.8);font-size:.95rem}.release .markdown-syntax strong{color:rgba(0,0,0,.8)}.release .markdown-syntax a{text-decoration:none}.release .markdown-syntax a:hover{text-decoration:underline}.release .markdown-syntax p+p{margin-bottom:15px!important}.release .markdown-syntax h1,.release .markdown-syntax h2,.release .markdown-syntax h3{color:rgba(0,0,0,.8)}.release .markdown-syntax h1{font-size:2rem}.release .markdown-syntax h2{font-size:1.3rem}.release .markdown-syntax h3{font-size:1.1rem}.release .markdown-syntax ul li{margin-bottom:.5rem;line-height:1.5}.releaseTable .col-xs-3:first-child .progress .top,.releaseTable .col-xs-3:nth-last-child(2) .small:last-child .v-line{display:none}.inprogress .dot.big.progress{text-indent:0;border:none}.inprogress .dot.big.progress .v-line{top:60px;left:28px}.inprogress .dot.big.progress .v-line.top{top:-80px}.inprogress .dot.big.progress .h-line{top:28px}.inprogress .chart{top:0;left:0;width:100%;height:100%;text-align:center;line-height:3rem}.inprogress .chart .percentage{position:initial}.inprogress .chart canvas{top:0;left:0}.plannedreleases .dot.big{text-indent:0;line-height:3rem}.plannedreleases .chart{top:0;left:0;width:100%;height:100%;text-align:center}.plannedreleases .chart .percentage{position:initial}.wikipage-page .markdown-syntax a{color:#6dbb32;text-decoration:none}.wikipage-page .markdown-syntax a:hover{color:#3e6b1c}.wikipage-page .markdown-syntax h1 a,.wikipage-page .markdown-syntax h2 a,.wikipage-page .markdown-syntax h3 a,.wikipage-page .markdown-syntax h4 a,.wikipage-page .markdown-syntax h5 a,.wikipage-page .markdown-syntax h6 a{color:#000;text-decoration:underline}.wikipage-page .markdown-syntax h1 a:hover,.wikipage-page .markdown-syntax h2 a:hover,.wikipage-page .markdown-syntax h3 a:hover,.wikipage-page .markdown-syntax h4 a:hover,.wikipage-page .markdown-syntax h5 a:hover,.wikipage-page .markdown-syntax h6 a:hover{color:#000;text-decoration:none}.forum-overview .forum{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background:0 0;padding:0}.forum-overview .forum-content,.forum-overview .forum-head,.forum-overview .forum-settings{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.forum-overview .forum-settings{margin:30px 0 0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.forum-overview .forum-settings .search-big{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.forum-overview .forum-settings .or{-webkit-box-flex:0;-webkit-flex:0 0 5%;-ms-flex:0 0 5%;flex:0 0 5%;color:#445255;font-size:1.1rem;text-align:center}.forum-overview .forum-settings .sorting{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.forum-overview .forum-settings input,.forum-overview .forum-settings select{font-size:.95rem;color:#7F9499}.forum-overview .forum-settings input:focus,.forum-overview .forum-settings select:focus{color:#445255}.forum-overview .forum-head{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:20px 15px;border-bottom:1px solid #f5f5f5;font-size:.8rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.forum-overview .forum-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.forum-overview .forum-content .posts{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.forum-overview .forum-content .posts small{color:#445255;font-size:1rem;margin-bottom:.2rem}.forum-overview .forum-content .posts span{font-size:.8rem;color:#7F9499}.forum-overview .forum .topic-row{padding:25px 15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(127,148,153,.11)}.forum-overview .forum .topic-row .topic{font-size:.95rem;line-height:1.3}.forum-overview .forum .topic-row .topic a{text-decoration:none;display:block}.forum-overview .forum .topic-row .topic a:hover h3{text-decoration:underline}.forum-overview .forum .topic-row .topic span{display:block;font-size:.75rem;color:#7F9499;margin-top:8px}.forum-overview .forum .topic-row .topic span strong{font-weight:400;color:#445255}.forum-overview .forum .topic-row .category{line-height:1.3}.forum-overview .forum .topic-row.solved{background:rgba(163,219,120,.23);border-bottom:2px solid rgba(163,219,120,.66)}.forum-overview .forum .topic{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;margin-right:5%}.forum-overview .forum .category{-webkit-box-flex:0;-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%;margin-right:5%}.forum-overview .forum .posts{-webkit-box-flex:0;-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%;text-align:center}.forum-overview .sorting{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-left:auto}.forum-overview .sorting select{border:1px solid #cfcfcf;border-radius:0;padding:20px 20px 20px 10px;background-position:95% center}.forum-overview .sorting select:focus,.forum-overview .sorting select:hover{color:#000;background-position:95% center}.forum-overview .pagination{margin:60px 0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.forum-overview .pagination a{margin-top:0}#registrationForm .forum-page input.create-new-thread[type=submit],#registrationForm .forum-page input.delete-thread[type=submit],#registrationForm .forum-page input.follow[type=submit],#registrationForm .forum-page input.go-to-solution[type=submit],#registrationForm .forum-page input.login[type=submit],.forum-page #registrationForm input.create-new-thread[type=submit],.forum-page #registrationForm input.delete-thread[type=submit],.forum-page #registrationForm input.follow[type=submit],.forum-page #registrationForm input.go-to-solution[type=submit],.forum-page #registrationForm input.login[type=submit],.forum-page .button.create-new-thread,.forum-page .button.delete-thread,.forum-page .button.follow,.forum-page .button.go-to-solution,.forum-page .button.login,.forum-page .create-new-thread.tagAdd,.forum-page .delete-thread.tagAdd,.forum-page .follow.tagAdd,.forum-page .go-to-solution.tagAdd,.forum-page .login.tagAdd,.forum-page .quick-menu .login input.create-new-thread[type=submit],.forum-page .quick-menu .login input.delete-thread[type=submit],.forum-page .quick-menu .login input.follow[type=submit],.forum-page .quick-menu .login input.go-to-solution[type=submit],.forum-page .quick-menu .login input.login[type=submit],.forum-page .quick-menu .new-profile input.create-new-thread[type=submit],.forum-page .quick-menu .new-profile input.delete-thread[type=submit],.forum-page .quick-menu .new-profile input.follow[type=submit],.forum-page .quick-menu .new-profile input.go-to-solution[type=submit],.forum-page .quick-menu .new-profile input.login[type=submit],.quick-menu .login .forum-page input.create-new-thread[type=submit],.quick-menu .login .forum-page input.delete-thread[type=submit],.quick-menu .login .forum-page input.follow[type=submit],.quick-menu .login .forum-page input.go-to-solution[type=submit],.quick-menu .login .forum-page input.login[type=submit],.quick-menu .new-profile .forum-page input.create-new-thread[type=submit],.quick-menu .new-profile .forum-page input.delete-thread[type=submit],.quick-menu .new-profile .forum-page input.follow[type=submit],.quick-menu .new-profile .forum-page input.go-to-solution[type=submit],.quick-menu .new-profile .forum-page input.login[type=submit]{padding:6px 18px 10px 14px;font-size:.8rem;margin-top:5px;margin-left:5px;min-width:115px;width:auto;-webkit-transition:all .2s;transition:all .2s}#registrationForm .forum-page input.create-new-thread[type=submit] i,#registrationForm .forum-page input.delete-thread[type=submit] i,#registrationForm .forum-page input.follow[type=submit] i,#registrationForm .forum-page input.go-to-solution[type=submit] i,#registrationForm .forum-page input.login[type=submit] i,.forum-page #registrationForm input.create-new-thread[type=submit] i,.forum-page #registrationForm input.delete-thread[type=submit] i,.forum-page #registrationForm input.follow[type=submit] i,.forum-page #registrationForm input.go-to-solution[type=submit] i,.forum-page #registrationForm input.login[type=submit] i,.forum-page .button.create-new-thread i,.forum-page .button.delete-thread i,.forum-page .button.follow i,.forum-page .button.go-to-solution i,.forum-page .button.login i,.forum-page .create-new-thread.tagAdd i,.forum-page .delete-thread.tagAdd i,.forum-page .follow.tagAdd i,.forum-page .go-to-solution.tagAdd i,.forum-page .login.tagAdd i,.forum-page .quick-menu .login input.create-new-thread[type=submit] i,.forum-page .quick-menu .login input.delete-thread[type=submit] i,.forum-page .quick-menu .login input.follow[type=submit] i,.forum-page .quick-menu .login input.go-to-solution[type=submit] i,.forum-page .quick-menu .login input.login[type=submit] i,.forum-page .quick-menu .new-profile input.create-new-thread[type=submit] i,.forum-page .quick-menu .new-profile input.delete-thread[type=submit] i,.forum-page .quick-menu .new-profile input.follow[type=submit] i,.forum-page .quick-menu .new-profile input.go-to-solution[type=submit] i,.forum-page .quick-menu .new-profile input.login[type=submit] i,.quick-menu .login .forum-page input.create-new-thread[type=submit] i,.quick-menu .login .forum-page input.delete-thread[type=submit] i,.quick-menu .login .forum-page input.follow[type=submit] i,.quick-menu .login .forum-page input.go-to-solution[type=submit] i,.quick-menu .login .forum-page input.login[type=submit] i,.quick-menu .new-profile .forum-page input.create-new-thread[type=submit] i,.quick-menu .new-profile .forum-page input.delete-thread[type=submit] i,.quick-menu .new-profile .forum-page input.follow[type=submit] i,.quick-menu .new-profile .forum-page input.go-to-solution[type=submit] i,.quick-menu .new-profile .forum-page input.login[type=submit] i{margin-right:3px;font-size:18px;-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px);display:inline-block;-webkit-transition:opacity .2s;transition:opacity .2s}#registrationForm .forum-page input.create-new-thread[type=submit]:hover,#registrationForm .forum-page input.delete-thread[type=submit]:hover,#registrationForm .forum-page input.follow[type=submit]:hover,#registrationForm .forum-page input.go-to-solution[type=submit]:hover,#registrationForm .forum-page input.login[type=submit]:hover,.forum-page #registrationForm input.create-new-thread[type=submit]:hover,.forum-page #registrationForm input.delete-thread[type=submit]:hover,.forum-page #registrationForm input.follow[type=submit]:hover,.forum-page #registrationForm input.go-to-solution[type=submit]:hover,.forum-page #registrationForm input.login[type=submit]:hover,.forum-page .button.create-new-thread:hover,.forum-page .button.delete-thread:hover,.forum-page .button.follow:hover,.forum-page .button.go-to-solution:hover,.forum-page .button.login:hover,.forum-page .create-new-thread.tagAdd:hover,.forum-page .delete-thread.tagAdd:hover,.forum-page .follow.tagAdd:hover,.forum-page .go-to-solution.tagAdd:hover,.forum-page .login.tagAdd:hover,.forum-page .quick-menu .login input.create-new-thread[type=submit]:hover,.forum-page .quick-menu .login input.delete-thread[type=submit]:hover,.forum-page .quick-menu .login input.follow[type=submit]:hover,.forum-page .quick-menu .login input.go-to-solution[type=submit]:hover,.forum-page .quick-menu .login input.login[type=submit]:hover,.forum-page .quick-menu .new-profile input.create-new-thread[type=submit]:hover,.forum-page .quick-menu .new-profile input.delete-thread[type=submit]:hover,.forum-page .quick-menu .new-profile input.follow[type=submit]:hover,.forum-page .quick-menu .new-profile input.go-to-solution[type=submit]:hover,.forum-page .quick-menu .new-profile input.login[type=submit]:hover,.quick-menu .login .forum-page input.create-new-thread[type=submit]:hover,.quick-menu .login .forum-page input.delete-thread[type=submit]:hover,.quick-menu .login .forum-page input.follow[type=submit]:hover,.quick-menu .login .forum-page input.go-to-solution[type=submit]:hover,.quick-menu .login .forum-page input.login[type=submit]:hover,.quick-menu .new-profile .forum-page input.create-new-thread[type=submit]:hover,.quick-menu .new-profile .forum-page input.delete-thread[type=submit]:hover,.quick-menu .new-profile .forum-page input.follow[type=submit]:hover,.quick-menu .new-profile .forum-page input.go-to-solution[type=submit]:hover,.quick-menu .new-profile .forum-page input.login[type=submit]:hover{opacity:1}#registrationForm .forum-page input.transparent[type=submit],.forum-page #registrationForm input.transparent[type=submit],.forum-page .button.transparent,.forum-page .quick-menu .login input.transparent[type=submit],.forum-page .quick-menu .new-profile input.transparent[type=submit],.forum-page .transparent.tagAdd,.quick-menu .login .forum-page input.transparent[type=submit],.quick-menu .new-profile .forum-page input.transparent[type=submit]{border:1px solid rgba(0,0,0,.5);background:0 0;color:rgba(0,0,0,.5);padding:5px 17px 9px 13px}#registrationForm .forum-page input.transparent[type=submit]:hover,.forum-page #registrationForm input.transparent[type=submit]:hover,.forum-page .button.transparent:hover,.forum-page .quick-menu .login input.transparent[type=submit]:hover,.forum-page .quick-menu .new-profile input.transparent[type=submit]:hover,.forum-page .transparent.tagAdd:hover,.quick-menu .login .forum-page input.transparent[type=submit]:hover,.quick-menu .new-profile .forum-page input.transparent[type=submit]:hover{background:0 0;color:#000;border-color:#000}#registrationForm .forum-page input.transparent[type=submit] .ink,.forum-page #registrationForm input.transparent[type=submit] .ink,.forum-page .button.transparent .ink,.forum-page .quick-menu .login input.transparent[type=submit] .ink,.forum-page .quick-menu .new-profile input.transparent[type=submit] .ink,.forum-page .transparent.tagAdd .ink,.quick-menu .login .forum-page input.transparent[type=submit] .ink,.quick-menu .new-profile .forum-page input.transparent[type=submit] .ink{background:rgba(46,179,105,.23)}#registrationForm .forum-page input.delete-thread[type=submit],.forum-page #registrationForm input.delete-thread[type=submit],.forum-page .button.delete-thread,.forum-page .delete-thread.tagAdd,.forum-page .quick-menu .login input.delete-thread[type=submit],.forum-page .quick-menu .new-profile input.delete-thread[type=submit],.quick-menu .login .forum-page input.delete-thread[type=submit],.quick-menu .new-profile .forum-page input.delete-thread[type=submit]{opacity:1;border-color:transparent}#registrationForm .forum-page input.delete-thread[type=submit] i,.forum-page #registrationForm input.delete-thread[type=submit] i,.forum-page .button.delete-thread i,.forum-page .delete-thread.tagAdd i,.forum-page .quick-menu .login input.delete-thread[type=submit] i,.forum-page .quick-menu .new-profile input.delete-thread[type=submit] i,.quick-menu .login .forum-page input.delete-thread[type=submit] i,.quick-menu .new-profile .forum-page input.delete-thread[type=submit] i{color:#fff}#registrationForm .forum-page input.delete-thread[type=submit]:hover i,.forum-page #registrationForm input.delete-thread[type=submit]:hover i,.forum-page .button.delete-thread:hover i,.forum-page .delete-thread.tagAdd:hover i,.forum-page .quick-menu .login input.delete-thread[type=submit]:hover i,.forum-page .quick-menu .new-profile input.delete-thread[type=submit]:hover i,.quick-menu .login .forum-page input.delete-thread[type=submit]:hover i,.quick-menu .new-profile .forum-page input.delete-thread[type=submit]:hover i{opacity:.5}#registrationForm .forum-page input.delete-thread[type=submit] .ink,.forum-page #registrationForm input.delete-thread[type=submit] .ink,.forum-page .button.delete-thread .ink,.forum-page .delete-thread.tagAdd .ink,.forum-page .quick-menu .login input.delete-thread[type=submit] .ink,.forum-page .quick-menu .new-profile input.delete-thread[type=submit] .ink,.quick-menu .login .forum-page input.delete-thread[type=submit] .ink,.quick-menu .new-profile .forum-page input.delete-thread[type=submit] .ink{background:rgba(255,255,255,.3)}#registrationForm .forum-page input.following[type=submit],.forum-page #registrationForm input.following[type=submit],.forum-page .button.following,.forum-page .following.tagAdd,.forum-page .quick-menu .login input.following[type=submit],.forum-page .quick-menu .new-profile input.following[type=submit],.quick-menu .login .forum-page input.following[type=submit],.quick-menu .new-profile .forum-page input.following[type=submit]{background:#2EB369;color:#fff;opacity:1;border-color:transparent}#registrationForm .forum-page input.following[type=submit]:hover,.forum-page #registrationForm input.following[type=submit]:hover,.forum-page .button.following:hover,.forum-page .following.tagAdd:hover,.forum-page .quick-menu .login input.following[type=submit]:hover,.forum-page .quick-menu .new-profile input.following[type=submit]:hover,.quick-menu .login .forum-page input.following[type=submit]:hover,.quick-menu .new-profile .forum-page input.following[type=submit]:hover{background:#33c775}#registrationForm .forum-page input.following[type=submit]:hover i,.forum-page #registrationForm input.following[type=submit]:hover i,.forum-page .button.following:hover i,.forum-page .following.tagAdd:hover i,.forum-page .quick-menu .login input.following[type=submit]:hover i,.forum-page .quick-menu .new-profile input.following[type=submit]:hover i,.quick-menu .login .forum-page input.following[type=submit]:hover i,.quick-menu .new-profile .forum-page input.following[type=submit]:hover i{opacity:.5}#registrationForm .forum-page input.create-new-thread[type=submit],#registrationForm .forum-page input.login[type=submit],.forum-page #registrationForm input.create-new-thread[type=submit],.forum-page #registrationForm input.login[type=submit],.forum-page .button.create-new-thread,.forum-page .button.login,.forum-page .create-new-thread.tagAdd,.forum-page .login.tagAdd,.forum-page .quick-menu .login input.create-new-thread[type=submit],.forum-page .quick-menu .login input.login[type=submit],.forum-page .quick-menu .new-profile input.create-new-thread[type=submit],.forum-page .quick-menu .new-profile input.login[type=submit],.quick-menu .login .forum-page input.create-new-thread[type=submit],.quick-menu .login .forum-page input.login[type=submit],.quick-menu .new-profile .forum-page input.create-new-thread[type=submit],.quick-menu .new-profile .forum-page input.login[type=submit]{padding:9px 18px 10px 14px;opacity:1;border-color:transparent;font-size:1rem;font-weight:700;color:#fff}#registrationForm .forum-page input.create-new-thread[type=submit] i,#registrationForm .forum-page input.login[type=submit] i,.forum-page #registrationForm input.create-new-thread[type=submit] i,.forum-page #registrationForm input.login[type=submit] i,.forum-page .button.create-new-thread i,.forum-page .button.login i,.forum-page .create-new-thread.tagAdd i,.forum-page .login.tagAdd i,.forum-page .quick-menu .login input.create-new-thread[type=submit] i,.forum-page .quick-menu .login input.login[type=submit] i,.forum-page .quick-menu .new-profile input.create-new-thread[type=submit] i,.forum-page .quick-menu .new-profile input.login[type=submit] i,.quick-menu .login .forum-page input.create-new-thread[type=submit] i,.quick-menu .login .forum-page input.login[type=submit] i,.quick-menu .new-profile .forum-page input.create-new-thread[type=submit] i,.quick-menu .new-profile .forum-page input.login[type=submit] i{color:#fff;-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}#registrationForm .forum-page input.create-new-thread[type=submit]:hover,#registrationForm .forum-page input.login[type=submit]:hover,.forum-page #registrationForm input.create-new-thread[type=submit]:hover,.forum-page #registrationForm input.login[type=submit]:hover,.forum-page .button.create-new-thread:hover,.forum-page .button.login:hover,.forum-page .create-new-thread.tagAdd:hover,.forum-page .login.tagAdd:hover,.forum-page .quick-menu .login input.create-new-thread[type=submit]:hover,.forum-page .quick-menu .login input.login[type=submit]:hover,.forum-page .quick-menu .new-profile input.create-new-thread[type=submit]:hover,.forum-page .quick-menu .new-profile input.login[type=submit]:hover,.quick-menu .login .forum-page input.create-new-thread[type=submit]:hover,.quick-menu .login .forum-page input.login[type=submit]:hover,.quick-menu .new-profile .forum-page input.create-new-thread[type=submit]:hover,.quick-menu .new-profile .forum-page input.login[type=submit]:hover{background:#45cf82}#registrationForm .forum-page input.create-new-thread.disabled[type=submit],#registrationForm .forum-page input.login.disabled[type=submit],.forum-page #registrationForm input.create-new-thread.disabled[type=submit],.forum-page #registrationForm input.login.disabled[type=submit],.forum-page .button.create-new-thread.disabled,.forum-page .button.login.disabled,.forum-page .create-new-thread.disabled.tagAdd,.forum-page .login.disabled.tagAdd,.forum-page .quick-menu .login input.create-new-thread.disabled[type=submit],.forum-page .quick-menu .login input.login.disabled[type=submit],.forum-page .quick-menu .new-profile input.create-new-thread.disabled[type=submit],.forum-page .quick-menu .new-profile input.login.disabled[type=submit],.quick-menu .login .forum-page input.create-new-thread.disabled[type=submit],.quick-menu .login .forum-page input.login.disabled[type=submit],.quick-menu .new-profile .forum-page input.create-new-thread.disabled[type=submit],.quick-menu .new-profile .forum-page input.login.disabled[type=submit]{background:0 0;border:1px solid #7f7f7f;color:#7f7f7f}#registrationForm .forum-page input.create-new-thread.disabled[type=submit] i,#registrationForm .forum-page input.login.disabled[type=submit] i,.forum-page #registrationForm input.create-new-thread.disabled[type=submit] i,.forum-page #registrationForm input.login.disabled[type=submit] i,.forum-page .button.create-new-thread.disabled i,.forum-page .button.login.disabled i,.forum-page .create-new-thread.disabled.tagAdd i,.forum-page .login.disabled.tagAdd i,.forum-page .quick-menu .login input.create-new-thread.disabled[type=submit] i,.forum-page .quick-menu .login input.login.disabled[type=submit] i,.forum-page .quick-menu .new-profile input.create-new-thread.disabled[type=submit] i,.forum-page .quick-menu .new-profile input.login.disabled[type=submit] i,.quick-menu .login .forum-page input.create-new-thread.disabled[type=submit] i,.quick-menu .login .forum-page input.login.disabled[type=submit] i,.quick-menu .new-profile .forum-page input.create-new-thread.disabled[type=submit] i,.quick-menu .new-profile .forum-page input.login.disabled[type=submit] i{color:#7f7f7f}#registrationForm .forum-page input.create-new-thread.disabled[type=submit]:hover,#registrationForm .forum-page input.login.disabled[type=submit]:hover,.forum-page #registrationForm input.create-new-thread.disabled[type=submit]:hover,.forum-page #registrationForm input.login.disabled[type=submit]:hover,.forum-page .button.create-new-thread.disabled:hover,.forum-page .button.login.disabled:hover,.forum-page .create-new-thread.disabled.tagAdd:hover,.forum-page .login.disabled.tagAdd:hover,.forum-page .quick-menu .login input.create-new-thread.disabled[type=submit]:hover,.forum-page .quick-menu .login input.login.disabled[type=submit]:hover,.forum-page .quick-menu .new-profile input.create-new-thread.disabled[type=submit]:hover,.forum-page .quick-menu .new-profile input.login.disabled[type=submit]:hover,.quick-menu .login .forum-page input.create-new-thread.disabled[type=submit]:hover,.quick-menu .login .forum-page input.login.disabled[type=submit]:hover,.quick-menu .new-profile .forum-page input.create-new-thread.disabled[type=submit]:hover,.quick-menu .new-profile .forum-page input.login.disabled[type=submit]:hover{color:#000;border-color:#000}#registrationForm .forum-page input.create-new-thread.disabled[type=submit]:hover i,#registrationForm .forum-page input.login.disabled[type=submit]:hover i,.forum-page #registrationForm input.create-new-thread.disabled[type=submit]:hover i,.forum-page #registrationForm input.login.disabled[type=submit]:hover i,.forum-page .button.create-new-thread.disabled:hover i,.forum-page .button.login.disabled:hover i,.forum-page .create-new-thread.disabled.tagAdd:hover i,.forum-page .login.disabled.tagAdd:hover i,.forum-page .quick-menu .login input.create-new-thread.disabled[type=submit]:hover i,.forum-page .quick-menu .login input.login.disabled[type=submit]:hover i,.forum-page .quick-menu .new-profile input.create-new-thread.disabled[type=submit]:hover i,.forum-page .quick-menu .new-profile input.login.disabled[type=submit]:hover i,.quick-menu .login .forum-page input.create-new-thread.disabled[type=submit]:hover i,.quick-menu .login .forum-page input.login.disabled[type=submit]:hover i,.quick-menu .new-profile .forum-page input.create-new-thread.disabled[type=submit]:hover i,.quick-menu .new-profile .forum-page input.login.disabled[type=submit]:hover i{color:#000;opacity:1}.forum-overview{background:#fff;max-width:1160px;padding:20px 0 0;margin:0 auto}.forum-overview .scrolly-loading{margin:2rem auto;text-align:center;display:block;position:relative;left:50%}.forum-overview .scrolly-loading .span{background-color:rgba(80,77,62,.5);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.forum-overview #breadcrumb{display:inline-block;padding:0;margin-bottom:15px}.forum-overview #breadcrumb li{display:none}.forum-overview #breadcrumb li:last-child{display:block;opacity:.5;font-style:italic}.forum-overview #breadcrumb li a{font-size:.9rem}.forum-overview .sorting{width:100%;text-align:center}.forum-overview .sorting select{font-family:Asap,sans-serif;position:relative;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;background:url(/assets/images/selectdown_unfocus.svg) 95% center no-repeat #fff;background-size:11px 13px;color:#4d4d4d;width:100%;-webkit-transition:border .3s;transition:border .3s}.forum-overview .sorting select:focus,.forum-overview .sorting select:hover{border-color:#a3db78;outline:0;cursor:pointer;background:url(/assets/images/selectdown_our.svg) 95% center no-repeat #fff;background-size:11px 13px}.forum-overview .sorting select option{margin:0;display:block}.forum-archive-header{color:#898989;font-size:.9rem;margin:0 0 20px;padding:0 10px;text-align:center}.forum-archive-header .container,.forum-archive-header .page,.forum-archive-header .subpage{padding:0}.forum-archive-header .container .row,.forum-archive-header .page .row,.forum-archive-header .subpage .row{margin:0}.forum-archive-header #breadcrumb span:last-child{color:#383838}.forum-archive-header #breadcrumb span:last-child:after{display:none}.forum-archive-header #breadcrumb span:after{content:"";display:inline-block;margin:0 5px;background:url(/assets/images/breadcrumb.png) bottom center no-repeat;background-size:100%;height:16px;width:16px;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}.projectGroups{margin-top:50px}.projectGroups .projectGroup{min-height:150px}.projectGroups .projectGroup h3{color:rgba(0,0,0,.8);font-size:1.3rem}.projectGroups .projectGroup p{color:#000;line-height:1.5;font-size:.97rem}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666666666666%}.col-sm-10{width:83.33333333333334%}.col-sm-9{width:75%}.col-sm-8{width:66.66666666666666%}.col-sm-7{width:58.333333333333336%}.col-sm-6{width:50%}.col-sm-5{width:41.66666666666667%}.col-sm-4{width:33.33333333333333%}.col-sm-3{width:25%}.col-sm-2{width:16.666666666666664%}.col-sm-1{width:8.333333333333332%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666666666666%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666666666666%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-0{margin-left:0}}@media (min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important}table.visible-xs.visible-sm{display:table}tr.visible-xs.visible-sm{display:table-row!important}td.visible-xs.visible-sm,th.visible-xs.visible-sm{display:table-cell!important}.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-md.visible-sm{display:block!important}table.visible-md.visible-sm{display:table}tr.visible-md.visible-sm{display:table-row!important}td.visible-md.visible-sm,th.visible-md.visible-sm{display:table-cell!important}.visible-lg.visible-sm{display:block!important}table.visible-lg.visible-sm{display:table}tr.visible-lg.visible-sm{display:table-row!important}td.visible-lg.visible-sm,th.visible-lg.visible-sm{display:table-cell!important}.hidden-lg.hidden-sm,.hidden-md.hidden-sm,.hidden-sm,.hidden-xs.hidden-sm,td.hidden-lg.hidden-sm,td.hidden-md.hidden-sm,td.hidden-sm,td.hidden-xs.hidden-sm,th.hidden-lg.hidden-sm,th.hidden-md.hidden-sm,th.hidden-sm,th.hidden-xs.hidden-sm,tr.hidden-lg.hidden-sm,tr.hidden-md.hidden-sm,tr.hidden-sm,tr.hidden-xs.hidden-sm{display:none!important}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666666666666%}.col-md-10{width:83.33333333333334%}.col-md-9{width:75%}.col-md-8{width:66.66666666666666%}.col-md-7{width:58.333333333333336%}.col-md-6{width:50%}.col-md-5{width:41.66666666666667%}.col-md-4{width:33.33333333333333%}.col-md-3{width:25%}.col-md-2{width:16.666666666666664%}.col-md-1{width:8.333333333333332%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666666666666%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666666666666%}.col-md-push-10{left:83.33333333333334%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666666666666%}.col-md-push-7{left:58.333333333333336%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666666666667%}.col-md-push-4{left:33.33333333333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.666666666666664%}.col-md-push-1{left:8.333333333333332%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666666666666%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-0{margin-left:0}section{padding:80px 0}#registrationForm p{margin-left:.5rem}body{padding-top:120px}header{top:-120px}header .navigation{padding:30px 0;position:fixed}header .logo{background-size:40px auto;text-indent:46px}header .logo:hover{color:rgba(255,255,255,.66);background-size:36px auto;background-position:4px center}header nav{visibility:visible;display:block}header .search{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}header .search input[type=search]{float:left;width:100%}header .search input[type=submit]{float:left}header .search .search-text p{display:block;font-size:1rem;text-align:center;max-width:80%;margin:1rem auto 0}header.sticky .logo{background-size:30px auto;text-indent:40px}.notificationCount{right:-4px;top:3px}#breadcrumb{display:inline-block;width:auto}.quick-menu{width:450px;min-height:100%;-webkit-transform:translateX(450px);-ms-transform:translateX(450px);transform:translateX(450px)}.quick-menu .close,.quick-menu .settings{top:3px}body.quickmenu .navigation,body.quickmenu .wrapper{margin-left:-100px;margin-right:100px;overflow:hidden;max-height:100vh}body.quickmenu .navigation:after,body.quickmenu .wrapper:after{visibility:visible;opacity:1}.search-all-form{margin-top:100px}.search-all-results .type-icon{width:5%;font-size:2rem;color:#000}.search-all-results .type-context{width:95%}.plain .search-all{padding:0 15px}.wrapper{margin-bottom:0}.wrapper:before,footer{height:142px}.has-sidebar .sidebar-area .sidebar-content,.projects-page .sidebar-area .sidebar-content{float:right}.has-sidebar .main-area .main-content,.projects-page .main-area .main-content{padding-left:40px;padding-right:40px}#registrationForm .profile .profile-settings input[type=submit],.profile .profile-settings #registrationForm input[type=submit],.profile .profile-settings .button,.profile .profile-settings .quick-menu .login input[type=submit],.profile .profile-settings .quick-menu .new-profile input[type=submit],.profile .profile-settings .tagAdd,.quick-menu .login .profile .profile-settings input[type=submit],.quick-menu .new-profile .profile .profile-settings input[type=submit]{padding:12px 20px}.profile .profile-settings-forms div.profile-input input,.profile .profile-settings-forms div.profile-input textarea{width:300px}.profile .profile-settings-forms div.profile-input textarea{width:298px}.box .row [class*=col-]{float:none;display:table-cell;vertical-align:top}.box .row{margin:0;display:table}.box .stats{text-align:right;right:0;bottom:0}.box .other .edit{top:0;right:0}.box .other{margin-top:0!important}.profile-settings-following li{margin-bottom:1rem;padding-bottom:0;font-size:.9rem;border-bottom:none}.profile-settings-following li a{font-size:1rem;margin-bottom:0}.profile-settings-following li span{display:inline-block!important}#registrationForm .profile-settings-following li input.unfollow[type=submit],.profile-settings-following li #registrationForm input.unfollow[type=submit],.profile-settings-following li .quick-menu .login input.unfollow[type=submit],.profile-settings-following li .quick-menu .new-profile input.unfollow[type=submit],.profile-settings-following li .unfollow.button,.profile-settings-following li .unfollow.tagAdd,.quick-menu .login .profile-settings-following li input.unfollow[type=submit],.quick-menu .new-profile .profile-settings-following li input.unfollow[type=submit]{display:inline-block;font-size:.75rem;padding:0}.profile-settings #contris #forums a.remove-forum,.profile-settings #contris ul a.remove-contri{max-width:14px;overflow:hidden}.markdown-syntax pre{margin:20px -30px}.markdown-editor .show .wmd-button{top:10px;opacity:.9}.markdown-editor .markdown-close{top:1.5rem}.category a,.category span.cat,.version a,.version span.cat{padding:4px 6px;font-size:.85rem}.roles span:first-child{margin-left:.3rem}.comments{padding:0 20px 0 30px;margin:0 0 0 30px}.comments .comment .comment-inner{padding:20px 30px 30px}.comments .comment .photo span{display:block;font-size:.7rem;text-decoration:none;position:absolute;left:50%;-webkit-transform:translate(-50%,4px);-ms-transform:translate(-50%,4px);transform:translate(-50%,4px);background:#fff;padding:3px;text-align:center;color:#8e8e8e}.comments .comment .photo{left:-52px}.comments .comment .photo img{max-width:44px}.comments .comment .highfive{right:auto;top:auto;font-size:.7rem;-webkit-transform:translate(-52px,6px);-ms-transform:translate(-52px,6px);transform:translate(-52px,6px);background:#fff;padding:3px;text-align:center;color:#8e8e8e;border:none;max-width:44px;min-width:44px;line-height:1.3;display:block}.comments .comment .highfive a,.comments .comment .highfive img{margin:0}.comments .comment .highfive .highfive-count{display:inline-block;font-size:.85rem;font-weight:700;padding-top:3px}.comments .comment .highfive .highfive-count+a{margin-top:10px}.comments .comment .highfive img{display:block;margin:0 auto .2rem}.comments .comment .meta .profile a{display:inline-block}.comments .comment .meta .gotosolution{float:none}.comments .comment .meta .hide-xs{display:inline-block}.comments .comment.question .topic{font-size:1.5rem}.comments .comment .body-meta .category a,.comments .comment .body-meta .version a{font-size:.9rem}.comments .comment .body-meta .topic{margin-bottom:0;width:74%}.comments .comment .body-meta .categories{width:25%;text-align:right;float:right}.comments .comment .actions a{overflow:hidden;margin-right:.5rem}.comments .comment .actions a i{font-size:1.1rem;margin-right:.5rem}.comments .comment .actions{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:10px 0}.comments .comment:hover .actions a span{display:inline-block}.comments .level-2{margin-left:30px}#registrationForm .replybutton input.reply[type=submit],.quick-menu .login .replybutton input.reply[type=submit],.quick-menu .new-profile .replybutton input.reply[type=submit],.replybutton #registrationForm input.reply[type=submit],.replybutton .button.reply,.replybutton .quick-menu .login input.reply[type=submit],.replybutton .quick-menu .new-profile input.reply[type=submit],.replybutton .reply.tagAdd{font-size:1.2rem}.replybutton.notloggedin{padding:30px 0;margin:60px auto 30px;width:100%}.pagination{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.pagination a{padding:6px 12px}.packages-content .box .package-badge{position:absolute;right:0;bottom:25px}.package-create .stepNavigation li{font-size:.9rem;margin-right:1rem}.package-create label{width:15rem}.tagAdd{position:absolute;float:none}.package-detail-sidebar{margin-top:0}.public-member .forum-thread-text h3{font-size:1.1rem}.notification,.notification__blue,.notification__green,.notification__red,.notification__yellow{padding:20px;width:100%;top:100px;bottom:auto}.notification p,.notification__blue p,.notification__green p,.notification__red p,.notification__yellow p{font-size:.95rem}.notification .message,.notification__blue .message,.notification__green .message,.notification__red .message,.notification__yellow .message{-webkit-box-flex:1;-webkit-flex:1 0 89%;-ms-flex:1 0 89%;flex:1 0 89%;margin-right:1%;margin-bottom:0}.notification .close-notification,.notification__blue .close-notification,.notification__green .close-notification,.notification__red .close-notification,.notification__yellow .close-notification{-webkit-box-flex:0;-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%}.docs .advanced,.docs .beginners{padding:80px 60px}.docs .col-md-6:last-child{border-left:1px solid rgba(127,148,153,.11)}#registrationForm .docs input[type=submit],.docs #registrationForm input[type=submit],.docs .button,.docs .quick-menu .login input[type=submit],.docs .quick-menu .new-profile input[type=submit],.docs .tagAdd,.quick-menu .login .docs input[type=submit],.quick-menu .new-profile .docs input[type=submit]{font-size:1.2rem}section.forum h1{font-size:2.4rem}section.forum h1+p{padding:0;font-size:1.2rem}section.forum .col-md-6{margin-bottom:0}#registrationForm section.forum input[type=submit],.quick-menu .login section.forum input[type=submit],.quick-menu .new-profile section.forum input[type=submit],section.forum #registrationForm input[type=submit],section.forum .button,section.forum .quick-menu .login input[type=submit],section.forum .quick-menu .new-profile input[type=submit],section.forum .tagAdd{font-size:1.2rem}.forum-thread img,.person-activity img{max-width:58px}.forum-thread h3,.person-activity h3{font-size:1.1rem}.forum-thread .col-xs-2,.person-activity .col-xs-2{padding:0 .3rem}.leaderboard h1,.people h1{font-size:2.4rem}.leaderboard p,.people p{padding:0;font-size:1.2rem}#registrationForm .leaderboard input[type=submit],#registrationForm .people input[type=submit],.leaderboard #registrationForm input[type=submit],.leaderboard .button,.leaderboard .quick-menu .login input[type=submit],.leaderboard .quick-menu .new-profile input[type=submit],.leaderboard .tagAdd,.people #registrationForm input[type=submit],.people .button,.people .quick-menu .login input[type=submit],.people .quick-menu .new-profile input[type=submit],.people .tagAdd,.quick-menu .login .leaderboard input[type=submit],.quick-menu .login .people input[type=submit],.quick-menu .new-profile .leaderboard input[type=submit],.quick-menu .new-profile .people input[type=submit]{font-size:1.2rem}.leaderboard div[data-attr=weeks],.leaderboard div[data-attr=alltime]{margin:2rem 0}.leaderboard div[data-attr=alltime]{margin-bottom:0;text-align:right}.leaderboard div[data-attr=alltime] .profile,.leaderboard div[data-attr=alltime] strong{padding-left:0;padding-right:.5rem}.leaderboard div[data-attr=alltime] .profile{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.leaderboard div[data-attr=alltime] .profile .meta{margin-left:0;margin-right:4%}.leaderboard .avatar{-webkit-box-flex:0;-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%}.leaderboard .meta{-webkit-box-flex:0;-webkit-flex:0 0 86%;-ms-flex:0 0 86%;flex:0 0 86%}.leaderboard .meta .name{font-size:1.2rem}.events .event-info{position:absolute;right:0;top:50%;height:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:400px;padding:30px}.events .event-info img{margin:10px auto 40px}.events #map{height:500px}.map .event-map{min-height:500px}.map #map{height:500px}.map .col-md-4{margin-bottom:0}.map .people-activity strong{font-size:1.2rem}#markdown-docs pre{margin:20px 0}.download-umbraco{height:calc(100vh - 262px);background:0 0}.download-umbraco:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#a3db78;z-index:100}.download-umbraco .container,.download-umbraco .page,.download-umbraco .subpage{-webkit-transform:translate(-50%,-65%);-ms-transform:translate(-50%,-65%);transform:translate(-50%,-65%);position:absolute;top:50%;left:50%;padding:20px 0 0}.download-umbraco{padding:0 0 100px}.download-umbraco h1{font-size:3rem}.download-umbraco p{font-size:1.3rem}.steps{min-width:960px}.wikipage-page .markdown-syntax pre{margin:20px 0}.forum-overview .forum{padding:0 15px}.forum-overview .forum-settings .search-big{-webkit-box-flex:0;-webkit-flex:0 0 70%;-ms-flex:0 0 70%;flex:0 0 70%}.forum-overview .forum-settings .sorting{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%}.forum-overview .forum .topic-row .topic{font-size:1.15rem;line-height:1.3}.forum-overview .forum .topic-row .topic span{font-size:.9rem}.forum-overview .forum .topic-row{padding:35px 15px}.forum-overview .forum .topic{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;margin-right:10%}.forum-overview .forum .category{-webkit-box-flex:0;-webkit-flex:0 0 28%;-ms-flex:0 0 28%;flex:0 0 28%;margin-right:2%}#registrationForm .forum-page input.create-new-thread[type=submit],#registrationForm .forum-page input.delete-thread[type=submit],#registrationForm .forum-page input.follow[type=submit],#registrationForm .forum-page input.go-to-solution[type=submit],#registrationForm .forum-page input.login[type=submit],.forum-page #registrationForm input.create-new-thread[type=submit],.forum-page #registrationForm input.delete-thread[type=submit],.forum-page #registrationForm input.follow[type=submit],.forum-page #registrationForm input.go-to-solution[type=submit],.forum-page #registrationForm input.login[type=submit],.forum-page .button.create-new-thread,.forum-page .button.delete-thread,.forum-page .button.follow,.forum-page .button.go-to-solution,.forum-page .button.login,.forum-page .create-new-thread.tagAdd,.forum-page .delete-thread.tagAdd,.forum-page .follow.tagAdd,.forum-page .go-to-solution.tagAdd,.forum-page .login.tagAdd,.forum-page .quick-menu .login input.create-new-thread[type=submit],.forum-page .quick-menu .login input.delete-thread[type=submit],.forum-page .quick-menu .login input.follow[type=submit],.forum-page .quick-menu .login input.go-to-solution[type=submit],.forum-page .quick-menu .login input.login[type=submit],.forum-page .quick-menu .new-profile input.create-new-thread[type=submit],.forum-page .quick-menu .new-profile input.delete-thread[type=submit],.forum-page .quick-menu .new-profile input.follow[type=submit],.forum-page .quick-menu .new-profile input.go-to-solution[type=submit],.forum-page .quick-menu .new-profile input.login[type=submit],.quick-menu .login .forum-page input.create-new-thread[type=submit],.quick-menu .login .forum-page input.delete-thread[type=submit],.quick-menu .login .forum-page input.follow[type=submit],.quick-menu .login .forum-page input.go-to-solution[type=submit],.quick-menu .login .forum-page input.login[type=submit],.quick-menu .new-profile .forum-page input.create-new-thread[type=submit],.quick-menu .new-profile .forum-page input.delete-thread[type=submit],.quick-menu .new-profile .forum-page input.follow[type=submit],.quick-menu .new-profile .forum-page input.go-to-solution[type=submit],.quick-menu .new-profile .forum-page input.login[type=submit]{float:right}.forum-overview #breadcrumb{height:48px;line-height:48px;margin-bottom:0}.forum-overview #breadcrumb li:last-child{display:inline-block;opacity:1}.forum-overview #breadcrumb li{display:inline-block}.forum-archive-header{padding:10px 15px;text-align:left}}@media (min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important}table.visible-xs.visible-md{display:table}tr.visible-xs.visible-md{display:table-row!important}td.visible-xs.visible-md,th.visible-xs.visible-md{display:table-cell!important}.visible-sm.visible-md{display:block!important}table.visible-sm.visible-md{display:table}tr.visible-sm.visible-md{display:table-row!important}td.visible-sm.visible-md,th.visible-sm.visible-md{display:table-cell!important}.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-lg.visible-md{display:block!important}table.visible-lg.visible-md{display:table}tr.visible-lg.visible-md{display:table-row!important}td.visible-lg.visible-md,th.visible-lg.visible-md{display:table-cell!important}.hidden-lg.hidden-md,.hidden-md,.hidden-sm.hidden-md,.hidden-xs.hidden-md,td.hidden-lg.hidden-md,td.hidden-md,td.hidden-sm.hidden-md,td.hidden-xs.hidden-md,th.hidden-lg.hidden-md,th.hidden-md,th.hidden-sm.hidden-md,th.hidden-xs.hidden-md,tr.hidden-lg.hidden-md,tr.hidden-md,tr.hidden-sm.hidden-md,tr.hidden-xs.hidden-md{display:none!important}}@media (min-width:993px){.sidebar-content nav{padding-top:50px}.sidebar-content nav.fixed{position:fixed;top:20px}}@media (min-width:1142px){.package-create small{margin:0;max-width:80%;opacity:.6}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666666666666%}.col-lg-10{width:83.33333333333334%}.col-lg-9{width:75%}.col-lg-8{width:66.66666666666666%}.col-lg-7{width:58.333333333333336%}.col-lg-6{width:50%}.col-lg-5{width:41.66666666666667%}.col-lg-4{width:33.33333333333333%}.col-lg-3{width:25%}.col-lg-2{width:16.666666666666664%}.col-lg-1{width:8.333333333333332%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666666666666%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666666666666%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-0{margin-left:0}.visible-xs.visible-lg{display:block!important}table.visible-xs.visible-lg{display:table}tr.visible-xs.visible-lg{display:table-row!important}td.visible-xs.visible-lg,th.visible-xs.visible-lg{display:table-cell!important}.visible-sm.visible-lg{display:block!important}table.visible-sm.visible-lg{display:table}tr.visible-sm.visible-lg{display:table-row!important}td.visible-sm.visible-lg,th.visible-sm.visible-lg{display:table-cell!important}.visible-md.visible-lg{display:block!important}table.visible-md.visible-lg{display:table}tr.visible-md.visible-lg{display:table-row!important}td.visible-md.visible-lg,th.visible-md.visible-lg{display:table-cell!important}.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.hidden-lg,.hidden-md.hidden-lg,.hidden-sm.hidden-lg,.hidden-xs.hidden-lg,td.hidden-lg,td.hidden-md.hidden-lg,td.hidden-sm.hidden-lg,td.hidden-xs.hidden-lg,th.hidden-lg,th.hidden-md.hidden-lg,th.hidden-sm.hidden-lg,th.hidden-xs.hidden-lg,tr.hidden-lg,tr.hidden-md.hidden-lg,tr.hidden-sm.hidden-lg,tr.hidden-xs.hidden-lg{display:none!important}}@media (min-width:1600px){.has-sidebar .sidebar-area,.projects-page .sidebar-area{width:35%}.has-sidebar .main-area,.projects-page .main-area{width:65%}}@media (min-width:2100px){.has-sidebar .sidebar-area,.projects-page .sidebar-area{width:40%}.has-sidebar .main-area,.projects-page .main-area{width:60%}}@media (max-width:992px){header{position:fixed;top:0;left:0;width:100%}.search-all .search-all-form,.search-all .search-all-results{-webkit-transition:width .2s cubic-bezier(.7,0,.3,1),max-width .2s cubic-bezier(.7,0,.3,1);transition:width .2s cubic-bezier(.7,0,.3,1),max-width .2s cubic-bezier(.7,0,.3,1)}.search-all.open .search-all-form,.search-all.open .search-all-results{width:100%}.has-sidebar .page-content,.has-sidebar .sidebar-area,.projects-page .page-content,.projects-page .sidebar-area{display:block;width:100%}.has-sidebar .sidebar-area .sidebar-content,.projects-page .sidebar-area .sidebar-content{max-width:none}.has-sidebar .main-area,.projects-page .main-area{display:block;width:100%}.has-sidebar .main-area .main-content,.projects-page .main-area .main-content{max-width:none}.sidebar-content nav ul{padding-left:0;text-align:center;margin-left:0}.sidebar-content nav .level-1{border-left:none;background-color:#bee6a0;padding-top:10px;padding-bottom:10px}.sidebar-content nav .level-2{border-left:none;background-color:#ccebb4}.sidebar-content nav .level-3{border-left:none;background-color:#e8f6dd}#registrationForm .profile .profile-settings-forms input[type=submit],#registrationForm .profile-settings-packages input[type=submit],.profile .profile-settings-forms #registrationForm input[type=submit],.profile .profile-settings-forms .button,.profile .profile-settings-forms .quick-menu .login input[type=submit],.profile .profile-settings-forms .quick-menu .new-profile input[type=submit],.profile .profile-settings-forms .tagAdd,.profile-settings-packages #registrationForm input[type=submit],.profile-settings-packages .button,.profile-settings-packages .quick-menu .login input[type=submit],.profile-settings-packages .quick-menu .new-profile input[type=submit],.profile-settings-packages .tagAdd,.quick-menu .login .profile .profile-settings-forms input[type=submit],.quick-menu .login .profile-settings-packages input[type=submit],.quick-menu .new-profile .profile .profile-settings-forms input[type=submit],.quick-menu .new-profile .profile-settings-packages input[type=submit]{width:100%}.markdown-editor.mobile-preview #input-container{display:none}.markdown-editor.mobile-preview #preview-container{display:block}.markdown-editor #preview-container,.markdown-editor .wmd-spacer{display:none}.markdown-editor.mobile-preview #wmd-preview{margin-bottom:4px}.roles{display:block;margin-top:.3rem}.comments .roles{display:inline-block;margin-left:5px}.comments .roles span{text-indent:-9999px;padding:0;margin:0;border-radius:50%;height:10px;width:10px}.package-create fieldset input{max-width:360px}.docs .col-md-6,.docs .container,.docs .page,.docs .row,.docs .subpage{padding:0}.docs .col-md-6 p,.docs .container p,.docs .page p,.docs .row p,.docs .subpage p{padding:0 40px}.docs .advanced{padding:40px 0 80px;border-top:1px solid rgba(127,148,153,.11)}.forum-overview .forum-settings .or{display:none}.forum-overview .forum .posts{-webkit-transform:translate(-6px,0);-ms-transform:translate(-6px,0);transform:translate(-6px,0)}}@media screen and (max-width:992px){.sidebar-content nav,.sidebar-content nav.fixed{position:relative}}@media (max-width:991px){.menu-toggle{display:block;position:absolute;right:20px;top:25px;z-index:999;-webkit-transition:top .3s;transition:top .3s}.toggle{position:relative;z-index:999;display:inline-block;width:30px;height:30px}.toggle.cross{-webkit-transition-duration:0s;transition-duration:0s;-webkit-transition-delay:.1s;transition-delay:.1s}.toggle.cross span:after,.toggle.cross span:before{-webkit-transition-property:margin,-webkit-transform;transition-property:margin,transform;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-delay:.1s,0;transition-delay:.1s,0}.toggle.cross.open span{background-color:transparent;-webkit-transition-delay:.1s;transition-delay:.1s}.toggle.cross.open span:before{margin-top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0,.1s;transition-delay:0,.1s;background-color:#fff}.toggle.cross.open span:after{margin-top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:0,.1s;transition-delay:0,.1s;background-color:#fff}.toggle span{margin:0 auto;position:relative;z-index:999;top:12px;width:25px;height:2px;background-color:#fff;display:block}.toggle span:after,.toggle span:before{position:absolute;content:'';width:25px;height:2px;background-color:#fff;display:block}.toggle span:before{margin-top:-7px}.toggle span:after{margin-top:7px}header .navigation .container,header .navigation .page,header .navigation .subpage{padding:0}header nav{position:fixed!important;top:0;left:0;width:100%;height:100%;background:rgba(163,219,120,.98);-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-transition:-webkit-transform .3s;transition:transform .3s;visibility:hidden;opacity:0;line-height:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}header nav.open{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);visibility:visible;opacity:1}header nav.open .user,header nav.open li,header nav.open ul{visibility:visible}header nav ul{width:100%;height:75%;padding-top:40px;text-align:center;visibility:hidden;background:rgba(163,219,120,.98);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}header nav li{float:none;width:100%;font-size:1.3rem;padding:.2rem 0;margin:0;text-align:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}header nav li:first-child{padding-top:0}header nav li:last-child{padding-bottom:0}header nav a,header nav a:active,header nav a:visited{text-decoration:none;color:#fff;-webkit-transition:color .2s;transition:color .2s}header nav a:active:hover,header nav a:hover,header nav a:visited:hover{color:#fff}header nav .user{visibility:hidden}header nav .user img{height:75px;width:75px}header nav .notificationCount{-webkit-transform:translate(-14px,6px);-ms-transform:translate(-14px,6px);transform:translate(-14px,6px)}}@media (max-width:768px){.markdown-editor{top:100%;padding:20px 0 0}.markdown-editor.write{top:0}.markdown-editor #wmd-button-bar{display:none}.markdown-editor #wmd-input{height:152px}.markdown-editor #wmd-preview{max-height:150px;min-height:150px;margin-bottom:0}.markdown-editor .markdown-control{padding:5px!important}.markdown-editor select{margin-top:20px}.markdown-editor #mobile-preview{margin-bottom:10px}.dot .line.h-line{display:none}}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-sm.visible-xs{display:block!important}table.visible-sm.visible-xs{display:table}tr.visible-sm.visible-xs{display:table-row!important}td.visible-sm.visible-xs,th.visible-sm.visible-xs{display:table-cell!important}.visible-md.visible-xs{display:block!important}table.visible-md.visible-xs{display:table}tr.visible-md.visible-xs{display:table-row!important}td.visible-md.visible-xs,th.visible-md.visible-xs{display:table-cell!important}.visible-lg.visible-xs{display:block!important}table.visible-lg.visible-xs{display:table}tr.visible-lg.visible-xs{display:table-row!important}td.visible-lg.visible-xs,th.visible-lg.visible-xs{display:table-cell!important}.hidden-lg.hidden-xs,.hidden-md.hidden-xs,.hidden-sm.hidden-xs,.hidden-xs,td.hidden-lg.hidden-xs,td.hidden-md.hidden-xs,td.hidden-sm.hidden-xs,td.hidden-xs,th.hidden-lg.hidden-xs,th.hidden-md.hidden-xs,th.hidden-sm.hidden-xs,th.hidden-xs,tr.hidden-lg.hidden-xs,tr.hidden-md.hidden-xs,tr.hidden-sm.hidden-xs,tr.hidden-xs{display:none!important}}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}.hidden-print,td.hidden-print,th.hidden-print,tr.hidden-print{display:none!important}}@-webkit-keyframes animGenie{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}25%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}50%{opacity:1;-webkit-transform:scale(.8);transform:scale(.8)}75%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes animGenie{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}25%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}50%{opacity:1;-webkit-transform:scale(.8);transform:scale(.8)}75%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fadeOut{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-webkit-keyframes newIn{0%{background-color:rgba(163,219,120,.1);box-shadow:0 3px 6px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.14)}100%{background-color:#fff;box-shadow:none}}@keyframes newIn{0%{background-color:rgba(163,219,120,.1);box-shadow:0 3px 6px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.14)}100%{background-color:#fff;box-shadow:none}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes searchLoading{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes searchLoading{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes typing{0%{background-color:#fff;box-shadow:12px 0 0 0 rgba(255,255,255,.4),24px 0 0 0 rgba(255,255,255,.4)}25%{background-color:rgba(255,255,255,.4);box-shadow:12px 0 0 0 #fff,24px 0 0 0 rgba(255,255,255,.4)}75%{background-color:rgba(255,255,255,.4);box-shadow:12px 0 0 0 rgba(255,255,255,.4),24px 0 0 0 #fff}}@keyframes typing{0%{background-color:#fff;box-shadow:12px 0 0 0 rgba(255,255,255,.4),24px 0 0 0 rgba(255,255,255,.4)}25%{background-color:rgba(255,255,255,.4);box-shadow:12px 0 0 0 #fff,24px 0 0 0 rgba(255,255,255,.4)}75%{background-color:rgba(255,255,255,.4);box-shadow:12px 0 0 0 rgba(255,255,255,.4),24px 0 0 0 #fff}}@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes ripple{100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}} \ No newline at end of file +abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-size:100%}body{line-height:1;margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;background:0 0;vertical-align:baseline;font-size:100%}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-weight:700;font-style:italic}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-spacing:0;border-collapse:collapse}hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc}input,select{vertical-align:middle}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:100}.container,.page,.subpage{max-width:1200px;margin:0 auto;padding:0 20px}.row{margin:20px -15px}.row:after,.row:before{content:" ";display:table}.row:after{clear:both}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66667%}.col-xs-10{width:83.33333%}.col-xs-9{width:75%}.col-xs-8{width:66.66667%}.col-xs-7{width:58.33333%}.col-xs-6{width:50%}.col-xs-5{width:41.66667%}.col-xs-4{width:33.33333%}.col-xs-3{width:25%}.col-xs-2{width:16.66667%}.col-xs-1{width:8.33333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66667%}.col-xs-pull-10{right:83.33333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66667%}.col-xs-pull-7{right:58.33333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66667%}.col-xs-pull-4{right:33.33333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66667%}.col-xs-pull-1{right:8.33333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66667%}.col-xs-push-10{left:83.33333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66667%}.col-xs-push-7{left:58.33333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66667%}.col-xs-push-4{left:33.33333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66667%}.col-xs-push-1{left:8.33333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66667%}.col-xs-offset-10{margin-left:83.33333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66667%}.col-xs-offset-7{margin-left:58.33333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66667%}.col-xs-offset-4{margin-left:33.33333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66667%}.col-xs-offset-1{margin-left:8.33333%}.col-xs-offset-0{margin-left:0}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66667%}.col-sm-10{width:83.33333%}.col-sm-9{width:75%}.col-sm-8{width:66.66667%}.col-sm-7{width:58.33333%}.col-sm-6{width:50%}.col-sm-5{width:41.66667%}.col-sm-4{width:33.33333%}.col-sm-3{width:25%}.col-sm-2{width:16.66667%}.col-sm-1{width:8.33333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66667%}.col-sm-pull-10{right:83.33333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66667%}.col-sm-pull-7{right:58.33333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66667%}.col-sm-pull-4{right:33.33333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66667%}.col-sm-pull-1{right:8.33333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66667%}.col-sm-push-10{left:83.33333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66667%}.col-sm-push-7{left:58.33333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66667%}.col-sm-push-4{left:33.33333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66667%}.col-sm-push-1{left:8.33333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66667%}.col-md-10{width:83.33333%}.col-md-9{width:75%}.col-md-8{width:66.66667%}.col-md-7{width:58.33333%}.col-md-6{width:50%}.col-md-5{width:41.66667%}.col-md-4{width:33.33333%}.col-md-3{width:25%}.col-md-2{width:16.66667%}.col-md-1{width:8.33333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66667%}.col-md-pull-10{right:83.33333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66667%}.col-md-pull-7{right:58.33333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66667%}.col-md-pull-4{right:33.33333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66667%}.col-md-pull-1{right:8.33333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66667%}.col-md-push-10{left:83.33333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66667%}.col-md-push-7{left:58.33333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66667%}.col-md-push-4{left:33.33333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66667%}.col-md-push-1{left:8.33333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66667%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66667%}.col-lg-10{width:83.33333%}.col-lg-9{width:75%}.col-lg-8{width:66.66667%}.col-lg-7{width:58.33333%}.col-lg-6{width:50%}.col-lg-5{width:41.66667%}.col-lg-4{width:33.33333%}.col-lg-3{width:25%}.col-lg-2{width:16.66667%}.col-lg-1{width:8.33333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66667%}.col-lg-pull-10{right:83.33333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66667%}.col-lg-pull-7{right:58.33333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66667%}.col-lg-pull-4{right:33.33333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66667%}.col-lg-pull-1{right:8.33333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66667%}.col-lg-push-10{left:83.33333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66667%}.col-lg-push-7{left:58.33333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66667%}.col-lg-push-4{left:33.33333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66667%}.col-lg-push-1{left:8.33333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-0{margin-left:0}}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs,td.visible-lg,td.visible-md,td.visible-sm,td.visible-xs,th.visible-lg,th.visible-md,th.visible-sm,th.visible-xs,tr.visible-lg,tr.visible-md,tr.visible-sm,tr.visible-xs{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important}table.visible-xs.visible-sm{display:table}tr.visible-xs.visible-sm{display:table-row!important}td.visible-xs.visible-sm,th.visible-xs.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important}table.visible-xs.visible-md{display:table}tr.visible-xs.visible-md{display:table-row!important}td.visible-xs.visible-md,th.visible-xs.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-xs.visible-lg{display:block!important}table.visible-xs.visible-lg{display:table}tr.visible-xs.visible-lg{display:table-row!important}td.visible-xs.visible-lg,th.visible-xs.visible-lg{display:table-cell!important}}@media (max-width:767px){.visible-sm.visible-xs{display:block!important}table.visible-sm.visible-xs{display:table}tr.visible-sm.visible-xs{display:table-row!important}td.visible-sm.visible-xs,th.visible-sm.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block!important}table.visible-sm.visible-md{display:table}tr.visible-sm.visible-md{display:table-row!important}td.visible-sm.visible-md,th.visible-sm.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-sm.visible-lg{display:block!important}table.visible-sm.visible-lg{display:table}tr.visible-sm.visible-lg{display:table-row!important}td.visible-sm.visible-lg,th.visible-sm.visible-lg{display:table-cell!important}}@media (max-width:767px){.visible-md.visible-xs{display:block!important}table.visible-md.visible-xs{display:table}tr.visible-md.visible-xs{display:table-row!important}td.visible-md.visible-xs,th.visible-md.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block!important}table.visible-md.visible-sm{display:table}tr.visible-md.visible-sm{display:table-row!important}td.visible-md.visible-sm,th.visible-md.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-md.visible-lg{display:block!important}table.visible-md.visible-lg{display:table}tr.visible-md.visible-lg{display:table-row!important}td.visible-md.visible-lg,th.visible-md.visible-lg{display:table-cell!important}}@media (max-width:767px){.visible-lg.visible-xs{display:block!important}table.visible-lg.visible-xs{display:table}tr.visible-lg.visible-xs{display:table-row!important}td.visible-lg.visible-xs,th.visible-lg.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block!important}table.visible-lg.visible-sm{display:table}tr.visible-lg.visible-sm{display:table-row!important}td.visible-lg.visible-sm,th.visible-lg.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block!important}table.visible-lg.visible-md{display:table}tr.visible-lg.visible-md{display:table-row!important}td.visible-lg.visible-md,th.visible-lg.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}table.hidden-xs{display:table}tr.hidden-xs{display:table-row!important}td.hidden-xs,th.hidden-xs{display:table-cell!important}@media (max-width:767px){.hidden-xs,td.hidden-xs,th.hidden-xs,tr.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm,th.hidden-xs.hidden-sm,tr.hidden-xs.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md,td.hidden-xs.hidden-md,th.hidden-xs.hidden-md,tr.hidden-xs.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg,th.hidden-xs.hidden-lg,tr.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}table.hidden-sm{display:table}tr.hidden-sm{display:table-row!important}td.hidden-sm,th.hidden-sm{display:table-cell!important}@media (max-width:767px){.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs,th.hidden-sm.hidden-xs,tr.hidden-sm.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm,td.hidden-sm,th.hidden-sm,tr.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md,td.hidden-sm.hidden-md,th.hidden-sm.hidden-md,tr.hidden-sm.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg,th.hidden-sm.hidden-lg,tr.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}table.hidden-md{display:table}tr.hidden-md{display:table-row!important}td.hidden-md,th.hidden-md{display:table-cell!important}@media (max-width:767px){.hidden-md.hidden-xs,td.hidden-md.hidden-xs,th.hidden-md.hidden-xs,tr.hidden-md.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-md.hidden-sm,td.hidden-md.hidden-sm,th.hidden-md.hidden-sm,tr.hidden-md.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md,td.hidden-md,th.hidden-md,tr.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-md.hidden-lg,td.hidden-md.hidden-lg,th.hidden-md.hidden-lg,tr.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}table.hidden-lg{display:table}tr.hidden-lg{display:table-row!important}td.hidden-lg,th.hidden-lg{display:table-cell!important}@media (max-width:767px){.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs,th.hidden-lg.hidden-xs,tr.hidden-lg.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm,th.hidden-lg.hidden-sm,tr.hidden-lg.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md,td.hidden-lg.hidden-md,th.hidden-lg.hidden-md,tr.hidden-lg.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg,td.hidden-lg,th.hidden-lg,tr.hidden-lg{display:none!important}}.visible-print,td.visible-print,th.visible-print,tr.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}.hidden-print,td.hidden-print,th.hidden-print,tr.hidden-print{display:none!important}}.BoxShadow,.comments .comment .photo:hover img:hover,.forum-thread:hover,.leaderboard .user-profile:hover,.markdown-editor .draft.show:hover,.people .user-profile:hover,.person-activity:hover,header .search input[type=search]:active,header .search input[type=search]:focus,header .search input[type=search]:hover,header .user img:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.text-center{text-align:center}@keyframes animGenie{0%{opacity:1;transform:scale(0)}25%{opacity:1;transform:scale(1.2)}50%{opacity:1;transform:scale(.8)}75%{opacity:1;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes newIn{0%{background-color:rgba(163,219,120,.1);box-shadow:0 3px 6px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.14)}100%{background-color:#fff;box-shadow:none}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}100%{opacity:1;transform:none}}@keyframes searchLoading{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.docs-search-listing,.projects-default-listing,.table.table-striped.topic-list{opacity:1;transition:opacity 50ms cubic-bezier(.7,0,.3,1)}.docs-search-listing.fadeResultOut,.projects-default-listing.fadeResultOut,.table.table-striped.topic-list.fadeResultOut{opacity:0}.fadeInUp,.steps .step{animation-name:fadeInUp;animation-duration:1s;animation-fill-mode:both}.newInAnimation{animation-name:newIn;animation-duration:1.2s;animation-iteration-count:3;animation-fill-mode:backwards;animation-timing-function:cubic-bezier(.7,0,.3,1)}.fadeOut{animation-name:fadeOut;animation-duration:1.2s;animation-iteration-count:1;animation-fill-mode:forward;animation-timing-function:cubic-bezier(.7,0,.3,1);display:block}.searchLoading{animation-name:searchLoading;animation-duration:2s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.7,0,.3,1)}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;overflow-x:hidden;min-height:100%}body{font-family:Asap,sans-serif;position:relative;font-size:16px;width:100%}a,a:active,a:visited{color:inherit}li,p{line-height:1.3;font-size:1rem;font-weight:400}section{padding:20px 0}@media (min-width:992px){section{padding:80px 0}}.user{position:relative}.unread{border-left:3px solid #a3db78}.user-logged-in .search-all .search-all-form{margin-top:0}.user-logged-in .search-text{padding:2.2em 0 1rem!important}.user-logged-in .search-text p{display:none}.user-logged-in section.forum{padding:30px 0;min-height:0}.user-logged-in section.forum:before{display:none}.search-all{background:#a3db78}.search-all .search-text{padding:1rem 0 3rem}.search-all .search-text strong{font-size:1.2rem;margin:0 0 .8rem;display:block;color:#fff}.search-all .search-text p{color:#fff}.search-all input{-webkit-appearance:none;border-radius:0}.loader-placeholder{margin:30px auto;width:100%}.loader-placeholder .span{margin:0 auto}.login h2{margin-bottom:.8rem;text-align:center;font-size:1.5rem;color:rgba(0,0,0,.8)}.login p{font-size:.95rem;color:#000}.login p a{text-decoration:underline!important}.login p a:hover{text-decoration:none}#registrationForm{padding:0}#registrationForm fieldset{max-width:640px}#registrationForm fieldset p{display:block;margin-left:0}#registrationForm label{text-align:left;font-size:.85rem}#registrationForm input{margin-bottom:5px;display:inline-block;font-family:Asap,sans-serif}#registrationForm input[type=password],#registrationForm input[type=text]{width:100%;padding:10px 20px 10px 8px;font-size:1rem;border:1px solid #e1e1e1;border-radius:5px}#registrationForm input[type=submit]{margin:1rem auto;padding:15px 45px!important;font-size:1rem!important}#registrationForm p{display:inline-block;font-size:.9rem}@media (min-width:992px){#registrationForm p{margin-left:.5rem}}#registrationForm p a:hover{text-decoration:none!important}@font-face{font-family:our-umbraco;src:url(fonts/our-icon/our-umbraco.eot);src:url(fonts/our-icon/our-umbraco.eot?#iefix) format("embedded-opentype"),url(fonts/our-icon/our-umbraco.woff) format("woff"),url(fonts/our-icon/our-umbraco.ttf) format("truetype"),url(fonts/our-icon/our-umbraco.svg#our-umbraco) format("svg");font-weight:400;font-style:normal}[data-icon]:before{font-family:our-umbraco!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;-moz-osx-font-smoothing:grayscale}[class*=" our-icon-"]:before,[class^=our-icon-]:before{font-family:our-umbraco!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.markdown-editor .wmd-button-row #wmd-bold-button span:before,.our-icon-bold:before{content:"a"}.markdown-editor .wmd-button-row #wmd-code-button span:before,.our-icon-code:before{content:"b"}.markdown-editor .wmd-button-row #wmd-heading-button span:before,.our-icon-header:before{content:"c"}.markdown-editor .wmd-button-row #wmd-hr-button span:before,.our-icon-hr:before{content:"d"}.markdown-editor .wmd-button-row #wmd-link-button span:before,.our-icon-hyperlink:before{content:"e"}.markdown-editor .wmd-button-row #wmd-italic-button span:before,.our-icon-italic:before{content:"f"}.markdown-editor .wmd-button-row #wmd-olist-button span:before,.our-icon-ol:before{content:"g"}.markdown-editor .wmd-button-row #wmd-image-button span:before,.our-icon-picture:before{content:"h"}.markdown-editor .wmd-button-row #wmd-quote-button span:before,.our-icon-quote:before{content:"i"}.markdown-editor .wmd-button-row #wmd-redo-button span:before,.our-icon-redo:before{content:"j"}.markdown-editor .wmd-button-row #wmd-ulist-button span:before,.our-icon-ul:before{content:"k"}.markdown-editor .wmd-button-row #wmd-undo-button span:before,.our-icon-undo:before{content:"l"}@font-face{font-family:icomoon;src:url(fonts/icomoon/icomoon.eot);src:url(fonts/icomoon/icomoon.eot?#iefix) format('embedded-opentype'),url(fonts/icomoon/icomoon.woff) format('woff'),url(fonts/icomoon/icomoon.ttf) format('truetype'),url(fonts/icomoon/icomoon.svg#icomoon) format('svg');font-weight:400;font-style:normal}[data-icon]:before{content:attr(data-icon);speak:none;line-height:1;-webkit-font-smoothing:antialiased}.icon-Activity,.icon-Add,.icon-Adressbook,.icon-Alarm-clock,.icon-Alert,.icon-Alert-alt,.icon-Alt,.icon-Anchor,.icon-App,.icon-Application-Error,.icon-Application-window,.icon-Application-window-alt,.icon-Arrivals,.icon-Arrow-down,.icon-Arrow-left,.icon-Arrow-right,.icon-Arrow-up,.icon-Art-easel,.icon-Article,.icon-Attachment,.icon-Auction-hammer,.icon-Autofill,.icon-Award,.icon-Baby-stroller,.icon-Backspace,.icon-Badge-add,.icon-Badge-count,.icon-Badge-remove,.icon-Badge-restricted,.icon-Ball,.icon-Band-aid,.icon-Bar-chart,.icon-Barcode,.icon-Bars,.icon-Battery-full,.icon-Battery-low,.icon-Beer-glass,.icon-Bell,.icon-Bell-off,.icon-Bill,.icon-Bill-dollar,.icon-Bill-euro,.icon-Bill-pound,.icon-Bill-yen,.icon-Billboard,.icon-Bills,.icon-Bills-dollar,.icon-Bills-euro,.icon-Bills-pound,.icon-Bills-yen,.icon-Binarycode,.icon-Binoculars,.icon-Bird,.icon-Birthday-cake,.icon-Block,.icon-Blueprint,.icon-Bluetooth,.icon-Boat-shipping,.icon-Bomb,.icon-Bones,.icon-Book,.icon-Book-alt,.icon-Book-alt-2,.icon-Bookmark,.icon-Books,.icon-Box,.icon-Box-alt,.icon-Box-open,.icon-Brackets,.icon-Brick,.icon-Briefcase,.icon-Browser-window,.icon-Brush,.icon-Brush-alt,.icon-Brush-alt-2,.icon-Bug,.icon-Bulleted-list,.icon-Burn,.icon-Bus,.icon-Calculator,.icon-Calendar,.icon-Calendar-alt,.icon-Camcorder,.icon-Camera-roll,.icon-Candy,.icon-Caps-lock,.icon-Car,.icon-Cash-register,.icon-Categories,.icon-Certificate,.icon-Chart,.icon-Chart-curve,.icon-Chat,.icon-Chat-active,.icon-Check,.icon-Checkbox,.icon-Checkbox-dotted,.icon-Checkbox-dotted-active,.icon-Checkbox-empty,.icon-Chess,.icon-Chip,.icon-Chip-alt,.icon-Cinema,.icon-Circle-dotted,.icon-Circle-dotted-active,.icon-Circuits,.icon-Circus,.icon-Client,.icon-Clothes-hanger,.icon-Cloud,.icon-Cloud-drive,.icon-Cloud-upload,.icon-Cloudy,.icon-Clubs,.icon-Cocktail,.icon-Code,.icon-Coffee,.icon-Coin,.icon-Coin-dollar,.icon-Coin-euro,.icon-Coin-pound,.icon-Coin-yen,.icon-Coins,.icon-Coins-alt,.icon-Coins-dollar,.icon-Coins-dollar-alt,.icon-Coins-euro,.icon-Coins-euro-alt,.icon-Coins-pound,.icon-Coins-pound-alt,.icon-Coins-yen,.icon-Coins-yen-alt,.icon-Color-bucket,.icon-Colorpicker,.icon-Columns,.icon-Comb,.icon-Combination-lock,.icon-Combination-lock-open,.icon-Command,.icon-Company,.icon-Compress,.icon-Connection,.icon-Console,.icon-Contrast,.icon-Conversation,.icon-Conversation-alt,.icon-Coverflow,.icon-Credit-card,.icon-Credit-card-alt,.icon-Crop,.icon-Crosshair,.icon-Crown,.icon-Crown-alt,.icon-Cupcake,.icon-Curve,.icon-Cut,.icon-Dashboard,.icon-Defrag,.icon-Delete,.icon-Delete-key,.icon-Departure,.icon-Desk,.icon-Desktop,.icon-Diagnostics,.icon-Diagonal-arrow,.icon-Diagonal-arrow-alt,.icon-Diamond,.icon-Diamonds,.icon-Dice,.icon-Diploma,.icon-Diploma-alt,.icon-Directions,.icon-Directions-alt,.icon-Disc,.icon-Disk-image,.icon-Display,.icon-Dna,.icon-Dock-connector,.icon-Document,.icon-Document-dashed-line,.icon-Documents,.icon-Dollar-bag,.icon-Donate,.icon-Door-open,.icon-Door-open-alt,.icon-Download,.icon-Download-alt,.icon-Drop,.icon-Eco,.icon-Economy,.icon-Edit,.icon-Eject,.icon-Employee,.icon-Energy-saving-bulb,.icon-Enter,.icon-Equalizer,.icon-Escape,.icon-Ethernet,.icon-Euro-bag,.icon-Exit-fullscreen,.icon-Eye,.icon-FIlter,.icon-Facebook-like,.icon-Factory,.icon-Favorite,.icon-Female-symbol,.icon-File-cabinet,.icon-Files,.icon-Filter-arrows,.icon-Fingerprint,.icon-Fire,.icon-Firewall,.icon-Firewire,.icon-Flag,.icon-Flag-alt,.icon-Flash,.icon-Flashlight,.icon-Flowerpot,.icon-Folder,.icon-Folder-open,.icon-Folder-outline,.icon-Folders,.icon-Font,.icon-Food,.icon-Footprints,.icon-Forking,.icon-Frame,.icon-Frame-alt,.icon-Fullscreen,.icon-Fullscreen-alt,.icon-Game,.icon-Geometry,.icon-Gift,.icon-Glasses,.icon-Globe,.icon-Globe-Asia,.icon-Globe-Europe---Africa,.icon-Globe-alt,.icon-Globe-inverted-america,.icon-Globe-inverted-asia,.icon-Globe-inverted-europe-africa,.icon-Gps,.icon-Graduate,.icon-Grid,.icon-Hammer,.icon-Hand-active,.icon-Hand-active-alt,.icon-Hand-pointer,.icon-Hand-pointer-alt,.icon-Handprint,.icon-Handshake,.icon-Handtool,.icon-Handtool-alt,.icon-Hard-drive,.icon-Hard-drive-alt,.icon-Hat,.icon-Hd,.icon-Headphones,.icon-Headset,.icon-Hearts,.icon-Height,.icon-Help,.icon-Help-alt,.icon-Home,.icon-Hourglass,.icon-Inactive-line,.icon-Inbox,.icon-Inbox-full,.icon-Indent,.icon-Infinity,.icon-Info,.icon-Invoice,.icon-Iphone,.icon-Item-arrangement,.icon-Junk,.icon-Key,.icon-Keyboard,.icon-Keychain,.icon-Keyhole,.icon-Lab,.icon-Laptop,.icon-Layers,.icon-Layers-alt,.icon-Layout,.icon-Left-double-arrow,.icon-Legal,.icon-Lense,.icon-Library,.icon-Light-down,.icon-Light-up,.icon-Lightbulb,.icon-Lightbulb-active,.icon-Lightning,.icon-Link,.icon-Linux-tux,.icon-List,.icon-Load,.icon-Loading,.icon-Locate,.icon-Location-near-me,.icon-Location-nearby,.icon-Lock,.icon-Log-out,.icon-Logout,.icon-Loupe,.icon-Magnet,.icon-Mailbox,.icon-Male-and-female,.icon-Male-symbol,.icon-Map,.icon-Map-alt,.icon-Map-loaction,.icon-Map-marker,.icon-Medal,.icon-Medical-emergency,.icon-Medicine,.icon-Meeting,.icon-Megaphone,.icon-Merge,.icon-Message,.icon-Message-open,.icon-Message-unopened,.icon-Microscope,.icon-Mindmap,.icon-Mobile,.icon-Molecular,.icon-Molecular-network,.icon-Mountain,.icon-Mouse,.icon-Mouse-cursor,.icon-Movie,.icon-Movie-alt,.icon-Multiple-credit-cards,.icon-Multiple-windows,.icon-Music,.icon-Name-badge,.icon-Navigation,.icon-Navigation-bottom,.icon-Navigation-down,.icon-Navigation-first,.icon-Navigation-horizontal,.icon-Navigation-last,.icon-Navigation-left,.icon-Navigation-right,.icon-Navigation-road,.icon-Navigation-top,.icon-Navigation-up,.icon-Navigation-vertical,.icon-Navigational-arrow,.icon-Network-alt,.icon-Newspaper,.icon-Newspaper-alt,.icon-Next,.icon-Next-media,.icon-Nodes,.icon-Notepad,.icon-Notepad-alt,.icon-Old-key,.icon-Old-phone,.icon-Operator,.icon-Ordered-list,.icon-Os-x,.icon-Out,.icon-Outbox,.icon-Outdent,.icon-Page-add,.icon-Page-down,.icon-Page-remove,.icon-Page-restricted,.icon-Page-up,.icon-Paint-roller,.icon-Palette,.icon-Panel-show,.icon-Pannel-close,.icon-Pants,.icon-Paper-bag,.icon-Paper-plane,.icon-Paper-plane-alt,.icon-Parachute-drop,.icon-Parental-control,.icon-Partly-cloudy,.icon-Paste-in,.icon-Path,.icon-Pause,.icon-Pc,.icon-People,.icon-People-alt,.icon-People-alt-2,.icon-People-female,.icon-Phone,.icon-Phone-ring,.icon-Photo-album,.icon-Picture,.icon-Pictures,.icon-Pictures-alt,.icon-Pictures-alt-2,.icon-Pie-chart,.icon-Piggy-bank,.icon-Pin-location,.icon-Piracy,.icon-Plane,.icon-Planet,.icon-Play,.icon-Playing-cards,.icon-Playlist,.icon-Plugin,.icon-Podcast,.icon-Poker-chip,.icon-Poll,.icon-Post-it,.icon-Pound-bag,.icon-Power,.icon-Power-outlet,.icon-Presentation,.icon-Previous,.icon-Previous-media,.icon-Price-dollar,.icon-Price-euro,.icon-Price-pound,.icon-Price-yen,.icon-Print,.icon-Printer-alt,.icon-Projector,.icon-Pulse,.icon-Pushpin,.icon-Qr-code,.icon-Quote,.icon-Radio,.icon-Radio-alt,.icon-Radio-receiver,.icon-Rain,.icon-Rate,.icon-Re-post,.icon-Readonly,.icon-Receipt-alt,.icon-Receipt-dollar,.icon-Receipt-euro,.icon-Receipt-pound,.icon-Receipt-yen,.icon-Reception,.icon-Record,.icon-Redo,.icon-Refresh,.icon-Remote,.icon-Remove,.icon-Repeat,.icon-Repeat-one,.icon-Reply-arrow,.icon-Resize,.icon-Return-to-top,.icon-Right-double-arrow,.icon-Road,.icon-Roadsign,.icon-Rocket,.icon-Rss,.icon-Ruler,.icon-Ruler-alt,.icon-Safe,.icon-Safedial,.icon-Sandbox-toys,.icon-Satellite-dish,.icon-Save,.icon-Scan,.icon-School,.icon-Screensharing,.icon-Script,.icon-Script-alt,.icon-Scull,.icon-Search,.icon-Security-camera,.icon-Sensor,.icon-Server,.icon-Server-alt,.icon-Settings,.icon-Settings-alt,.icon-Settings-alt-2,.icon-Share,.icon-Share-alt,.icon-Share-alt-2,.icon-Sharing-iphone,.icon-Shield,.icon-Shift,.icon-Shipping,.icon-Shipping-box,.icon-Shoe,.icon-Shopping-basket,.icon-Shopping-basket-alt,.icon-Shopping-basket-alt-2,.icon-Shorts,.icon-Shuffle,.icon-Sience,.icon-Simcard,.icon-Single-note,.icon-Sitemap,.icon-Sleep,.icon-Slideshow,.icon-Smiley,.icon-Smiley-inverted,.icon-Snow,.icon-Sound,.icon-Sound-low,.icon-Sound-medium,.icon-Sound-off,.icon-Sound-waves,.icon-Spades,.icon-Speaker,.icon-Speed-gauge,.icon-Split,.icon-Split-alt,.icon-Sprout,.icon-Squiggly-line,.icon-Ssd,.icon-Stacked-disks,.icon-Stamp,.icon-Stop,.icon-Stop-alt,.icon-Stop-hand,.icon-Store,.icon-Stream,.icon-Sunny,.icon-Sweatshirt,.icon-Sync,.icon-T-shirt,.icon-Tab,.icon-Tab-key,.icon-Tactics,.icon-Tag,.icon-Tags,.icon-Takeaway-cup,.icon-Target,.icon-Temperatrure-alt,.icon-Temperature,.icon-Terminal,.icon-Theater,.icon-Theif,.icon-Thought-bubble,.icon-Thumb-down,.icon-Thumb-up,.icon-Thumbnail-list,.icon-Thumbnails,.icon-Thumbnails-small,.icon-Ticket,.icon-Time,.icon-Timer,.icon-Tools,.icon-Top,.icon-Traffic-alt,.icon-Trafic,.icon-Train,.icon-Trash,.icon-Trash-alt,.icon-Trash-alt-2,.icon-Tree,.icon-Trophy,.icon-Truck,.icon-Tv,.icon-Tv-old,.icon-Umbraco_icons-01,.icon-Umbraco_icons-02,.icon-Umbraco_icons-03,.icon-Umbraco_icons-04,.icon-Umbraco_icons-05,.icon-Umbraco_icons-06,.icon-Umbraco_icons-07,.icon-Umbraco_icons-08,.icon-Umbrella,.icon-Undo,.icon-Universal,.icon-Unlocked,.icon-Usb,.icon-Usb-connector,.icon-User,.icon-User-female,.icon-User-females,.icon-User-females-alt,.icon-User-glasses,.icon-Users,.icon-Users-alt,.icon-Utilities,.icon-Vcard,.icon-Video,.icon-Voice,.icon-Wall-plug,.icon-Wallet,.icon-Wand,.icon-War,.icon-Weight,.icon-Width,.icon-Wifi,.icon-Window-popin,.icon-Window-sizes,.icon-Windows,.icon-Wine-glass,.icon-Wrench,.icon-Wrong,.icon-Yen-bag,.icon-Zip,.icon-Zoom-in,.icon-Zoom-out,.icon-axis-rotation,.icon-axis-rotation-2,.icon-axis-rotation-3,.icon-glasses,.icon-iMac,.icon-iPad,.icon-untitled{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.icon-Zoom-out:before{content:"\e000"}.icon-Truck:before{content:"\e001"}.icon-Zoom-in:before{content:"\e002"}.icon-Zip:before{content:"\e003"}.icon-axis-rotation:before{content:"\e004"}.icon-Yen-bag:before{content:"\e005"}.icon-axis-rotation-2:before{content:"\e006"}.icon-axis-rotation-3:before{content:"\e007"}.icon-Wrench:before{content:"\e008"}.icon-Wine-glass:before{content:"\e009"}.icon-Wrong:before{content:"\e00a"}.icon-Windows:before{content:"\e00b"}.icon-Window-sizes:before{content:"\e00c"}.icon-Window-popin:before{content:"\e00d"}.icon-Wifi:before{content:"\e00e"}.icon-Width:before{content:"\e00f"}.icon-Weight:before{content:"\e010"}.icon-War:before{content:"\e011"}.icon-Wand:before{content:"\e012"}.icon-Wallet:before{content:"\e013"}.icon-Wall-plug:before{content:"\e014"}.icon-Umbraco_icons-06:before{content:"\e015"}.icon-Voice:before{content:"\e016"}.icon-Video:before{content:"\e017"}.icon-Vcard:before{content:"\e018"}.icon-Utilities:before{content:"\e019"}.icon-Users:before{content:"\e01a"}.icon-Users-alt:before{content:"\e01b"}.icon-User:before{content:"\e01c"}.icon-User-glasses:before{content:"\e01d"}.icon-User-females:before{content:"\e01e"}.icon-User-females-alt:before{content:"\e01f"}.icon-User-female:before{content:"\e020"}.icon-Usb:before{content:"\e021"}.icon-Usb-connector:before{content:"\e022"}.icon-Unlocked:before{content:"\e023"}.icon-Universal:before{content:"\e024"}.icon-Undo:before{content:"\e025"}.icon-Umbrella:before{content:"\e026"}.icon-Umbraco_icons-08:before{content:"\e027"}.icon-Umbraco_icons-07:before{content:"\e028"}.icon-Umbraco_icons-05:before{content:"\e029"}.icon-Umbraco_icons-04:before{content:"\e02a"}.icon-Umbraco_icons-03:before{content:"\e02b"}.icon-Umbraco_icons-02:before{content:"\e02c"}.icon-Umbraco_icons-01:before{content:"\e02d"}.icon-Tv:before{content:"\e02e"}.icon-Tv-old:before{content:"\e02f"}.icon-Trophy:before{content:"\e030"}.icon-Tree:before{content:"\e031"}.icon-Trash:before{content:"\e032"}.icon-Trash-alt:before{content:"\e033"}.icon-Trash-alt-2:before{content:"\e034"}.icon-Train:before{content:"\e035"}.icon-Trafic:before{content:"\e036"}.icon-Traffic-alt:before{content:"\e037"}.icon-Top:before{content:"\e038"}.icon-Tools:before{content:"\e039"}.icon-Timer:before{content:"\e03a"}.icon-Time:before{content:"\e03b"}.icon-T-shirt:before{content:"\e03c"}.icon-Tab-key:before{content:"\e03d"}.icon-Tab:before{content:"\e03e"}.icon-Tactics:before{content:"\e03f"}.icon-Tag:before{content:"\e040"}.icon-Tags:before{content:"\e041"}.icon-Takeaway-cup:before{content:"\e042"}.icon-Target:before{content:"\e043"}.icon-Temperatrure-alt:before{content:"\e044"}.icon-Temperature:before{content:"\e045"}.icon-Terminal:before{content:"\e046"}.icon-Theater:before{content:"\e047"}.icon-Theif:before{content:"\e048"}.icon-Thought-bubble:before{content:"\e049"}.icon-Thumb-down:before{content:"\e04a"}.icon-Thumb-up:before{content:"\e04b"}.icon-Thumbnail-list:before{content:"\e04c"}.icon-Thumbnails-small:before{content:"\e04d"}.icon-Thumbnails:before{content:"\e04e"}.icon-Ticket:before{content:"\e04f"}.icon-Sync:before{content:"\e050"}.icon-Sweatshirt:before{content:"\e051"}.icon-Sunny:before{content:"\e052"}.icon-Stream:before{content:"\e053"}.icon-Store:before{content:"\e054"}.icon-Stop:before{content:"\e055"}.icon-Stop-hand:before{content:"\e056"}.icon-Stop-alt:before{content:"\e057"}.icon-Stamp:before{content:"\e058"}.icon-Stacked-disks:before{content:"\e059"}.icon-Ssd:before{content:"\e05a"}.icon-Squiggly-line:before{content:"\e05b"}.icon-Sprout:before{content:"\e05c"}.icon-Split:before{content:"\e05d"}.icon-Split-alt:before{content:"\e05e"}.icon-Speed-gauge:before{content:"\e05f"}.icon-Speaker:before{content:"\e060"}.icon-Sound:before{content:"\e061"}.icon-Spades:before{content:"\e062"}.icon-Sound-waves:before{content:"\e063"}.icon-Shipping-box:before{content:"\e064"}.icon-Shipping:before{content:"\e065"}.icon-Shoe:before{content:"\e066"}.icon-Shopping-basket-alt-2:before{content:"\e067"}.icon-Shopping-basket:before{content:"\e068"}.icon-Shopping-basket-alt:before{content:"\e069"}.icon-Shorts:before{content:"\e06a"}.icon-Shuffle:before{content:"\e06b"}.icon-Sience:before{content:"\e06c"}.icon-Simcard:before{content:"\e06d"}.icon-Single-note:before{content:"\e06e"}.icon-Sitemap:before{content:"\e06f"}.icon-Sleep:before{content:"\e070"}.icon-Slideshow:before{content:"\e071"}.icon-Smiley-inverted:before{content:"\e072"}.icon-Smiley:before{content:"\e073"}.icon-Snow:before{content:"\e074"}.icon-Sound-low:before{content:"\e075"}.icon-Sound-medium:before{content:"\e076"}.icon-Sound-off:before{content:"\e077"}.icon-Shift:before{content:"\e078"}.icon-Shield:before{content:"\e079"}.icon-Sharing-iphone:before{content:"\e07a"}.icon-Share:before{content:"\e07b"}.icon-Share-alt:before{content:"\e07c"}.icon-Share-alt-2:before{content:"\e07d"}.icon-Settings:before{content:"\e07e"}.icon-Settings-alt:before{content:"\e07f"}.icon-Settings-alt-2:before{content:"\e080"}.icon-Server:before{content:"\e081"}.icon-Server-alt:before{content:"\e082"}.icon-Sensor:before{content:"\e083"}.icon-Security-camera:before{content:"\e084"}.icon-Search:before{content:"\e085"}.icon-Scull:before{content:"\e086"}.icon-Script:before{content:"\e087"}.icon-Script-alt:before{content:"\e088"}.icon-Screensharing:before{content:"\e089"}.icon-School:before{content:"\e08a"}.icon-Scan:before{content:"\e08b"}.icon-Refresh:before{content:"\e08c"}.icon-Remote:before{content:"\e08d"}.icon-Remove:before{content:"\e08e"}.icon-Repeat-one:before{content:"\e08f"}.icon-Repeat:before{content:"\e090"}.icon-Resize:before{content:"\e091"}.icon-Reply-arrow:before{content:"\e092"}.icon-Return-to-top:before{content:"\e093"}.icon-Right-double-arrow:before{content:"\e094"}.icon-Road:before{content:"\e095"}.icon-Roadsign:before{content:"\e096"}.icon-Rocket:before{content:"\e097"}.icon-Rss:before{content:"\e098"}.icon-Ruler-alt:before{content:"\e099"}.icon-Ruler:before{content:"\e09a"}.icon-Sandbox-toys:before{content:"\e09b"}.icon-Satellite-dish:before{content:"\e09c"}.icon-Save:before{content:"\e09d"}.icon-Safedial:before{content:"\e09e"}.icon-Safe:before{content:"\e09f"}.icon-Redo:before{content:"\e0a0"}.icon-Printer-alt:before{content:"\e0a1"}.icon-Planet:before{content:"\e0a2"}.icon-Paste-in:before{content:"\e0a3"}.icon-Os-x:before{content:"\e0a4"}.icon-Navigation-left:before{content:"\e0a5"}.icon-Message:before{content:"\e0a6"}.icon-Lock:before{content:"\e0a7"}.icon-Layers-alt:before{content:"\e0a8"}.icon-Record:before{content:"\e0a9"}.icon-Print:before{content:"\e0aa"}.icon-Plane:before{content:"\e0ab"}.icon-Partly-cloudy:before{content:"\e0ac"}.icon-Ordered-list:before{content:"\e0ad"}.icon-Navigation-last:before{content:"\e0ae"}.icon-Message-unopened:before{content:"\e0af"}.icon-Location-nearby:before{content:"\e0b0"}.icon-Laptop:before{content:"\e0b1"}.icon-Reception:before{content:"\e0b2"}.icon-Price-yen:before{content:"\e0b3"}.icon-Piracy:before{content:"\e0b4"}.icon-Parental-control:before{content:"\e0b5"}.icon-Operator:before{content:"\e0b6"}.icon-Navigation-horizontal:before{content:"\e0b7"}.icon-Message-open:before{content:"\e0b8"}.icon-Lab:before{content:"\e0b9"}.icon-Location-near-me:before{content:"\e0ba"}.icon-Receipt-yen:before{content:"\e0bb"}.icon-Price-pound:before{content:"\e0bc"}.icon-Pin-location:before{content:"\e0bd"}.icon-Parachute-drop:before{content:"\e0be"}.icon-Old-phone:before{content:"\e0bf"}.icon-Merge:before{content:"\e0c0"}.icon-Navigation-first:before{content:"\e0c1"}.icon-Locate:before{content:"\e0c2"}.icon-Keyhole:before{content:"\e0c3"}.icon-Receipt-pound:before{content:"\e0c4"}.icon-Price-euro:before{content:"\e0c5"}.icon-Piggy-bank:before{content:"\e0c6"}.icon-Paper-plane:before{content:"\e0c7"}.icon-Old-key:before{content:"\e0c8"}.icon-Navigation-down:before{content:"\e0c9"}.icon-Megaphone:before{content:"\e0ca"}.icon-Loading:before{content:"\e0cb"}.icon-Keychain:before{content:"\e0cc"}.icon-Receipt-euro:before{content:"\e0cd"}.icon-Price-dollar:before{content:"\e0ce"}.icon-Pie-chart:before{content:"\e0cf"}.icon-Paper-plane-alt:before{content:"\e0d0"}.icon-Notepad:before{content:"\e0d1"}.icon-Navigation-bottom:before{content:"\e0d2"}.icon-Meeting:before{content:"\e0d3"}.icon-Keyboard:before{content:"\e0d4"}.icon-Load:before{content:"\e0d5"}.icon-Receipt-dollar:before{content:"\e0d6"}.icon-Previous:before{content:"\e0d7"}.icon-Pictures:before{content:"\e0d8"}.icon-Notepad-alt:before{content:"\e0d9"}.icon-Paper-bag:before{content:"\e0da"}.icon-Name-badge:before{content:"\e0db"}.icon-Medicine:before{content:"\e0dc"}.icon-List:before{content:"\e0dd"}.icon-Key:before{content:"\e0de"}.icon-Receipt-alt:before{content:"\e0df"}.icon-Previous-media:before{content:"\e0e0"}.icon-Pictures-alt:before{content:"\e0e1"}.icon-Pants:before{content:"\e0e2"}.icon-Nodes:before{content:"\e0e3"}.icon-Music:before{content:"\e0e4"}.icon-Readonly:before{content:"\e0e5"}.icon-Presentation:before{content:"\e0e6"}.icon-Pictures-alt-2:before{content:"\e0e7"}.icon-Pannel-close:before{content:"\e0e8"}.icon-Next:before{content:"\e0e9"}.icon-Multiple-windows:before{content:"\e0ea"}.icon-Medical-emergency:before{content:"\e0eb"}.icon-Medal:before{content:"\e0ec"}.icon-Link:before{content:"\e0ed"}.icon-Linux-tux:before{content:"\e0ee"}.icon-Junk:before{content:"\e0ef"}.icon-Item-arrangement:before{content:"\e0f0"}.icon-Iphone:before{content:"\e0f1"}.icon-Lightning:before{content:"\e0f2"}.icon-Map:before{content:"\e0f3"}.icon-Multiple-credit-cards:before{content:"\e0f4"}.icon-Next-media:before{content:"\e0f5"}.icon-Panel-show:before{content:"\e0f6"}.icon-Picture:before{content:"\e0f7"}.icon-Power:before{content:"\e0f8"}.icon-Re-post:before{content:"\e0f9"}.icon-Rate:before{content:"\e0fa"}.icon-Rain:before{content:"\e0fb"}.icon-Radio:before{content:"\e0fc"}.icon-Radio-receiver:before{content:"\e0fd"}.icon-Radio-alt:before{content:"\e0fe"}.icon-Quote:before{content:"\e0ff"}.icon-Qr-code:before{content:"\e100"}.icon-Pushpin:before{content:"\e101"}.icon-Pulse:before{content:"\e102"}.icon-Projector:before{content:"\e103"}.icon-Play:before{content:"\e104"}.icon-Playing-cards:before{content:"\e105"}.icon-Playlist:before{content:"\e106"}.icon-Plugin:before{content:"\e107"}.icon-Podcast:before{content:"\e108"}.icon-Poker-chip:before{content:"\e109"}.icon-Poll:before{content:"\e10a"}.icon-Post-it:before{content:"\e10b"}.icon-Pound-bag:before{content:"\e10c"}.icon-Power-outlet:before{content:"\e10d"}.icon-Photo-album:before{content:"\e10e"}.icon-Phone:before{content:"\e10f"}.icon-Phone-ring:before{content:"\e110"}.icon-People:before{content:"\e111"}.icon-People-female:before{content:"\e112"}.icon-People-alt:before{content:"\e113"}.icon-People-alt-2:before{content:"\e114"}.icon-Pc:before{content:"\e115"}.icon-Pause:before{content:"\e116"}.icon-Path:before{content:"\e117"}.icon-Out:before{content:"\e118"}.icon-Outbox:before{content:"\e119"}.icon-Outdent:before{content:"\e11a"}.icon-Page-add:before{content:"\e11b"}.icon-Page-down:before{content:"\e11c"}.icon-Page-remove:before{content:"\e11d"}.icon-Page-restricted:before{content:"\e11e"}.icon-Page-up:before{content:"\e11f"}.icon-Paint-roller:before{content:"\e120"}.icon-Palette:before{content:"\e121"}.icon-Newspaper:before{content:"\e122"}.icon-Newspaper-alt:before{content:"\e123"}.icon-Network-alt:before{content:"\e124"}.icon-Navigational-arrow:before{content:"\e125"}.icon-Navigation:before{content:"\e126"}.icon-Navigation-vertical:before{content:"\e127"}.icon-Navigation-up:before{content:"\e128"}.icon-Navigation-top:before{content:"\e129"}.icon-Navigation-road:before{content:"\e12a"}.icon-Navigation-right:before{content:"\e12b"}.icon-Microscope:before{content:"\e12c"}.icon-Mindmap:before{content:"\e12d"}.icon-Molecular-network:before{content:"\e12e"}.icon-Molecular:before{content:"\e12f"}.icon-Mountain:before{content:"\e130"}.icon-Mouse-cursor:before{content:"\e131"}.icon-Mouse:before{content:"\e132"}.icon-Movie-alt:before{content:"\e133"}.icon-Map-marker:before{content:"\e134"}.icon-Movie:before{content:"\e135"}.icon-Map-loaction:before{content:"\e136"}.icon-Map-alt:before{content:"\e137"}.icon-Male-symbol:before{content:"\e138"}.icon-Male-and-female:before{content:"\e139"}.icon-Mailbox:before{content:"\e13a"}.icon-Magnet:before{content:"\e13b"}.icon-Loupe:before{content:"\e13c"}.icon-Mobile:before{content:"\e13d"}.icon-Logout:before{content:"\e13e"}.icon-Log-out:before{content:"\e13f"}.icon-Layers:before{content:"\e140"}.icon-Left-double-arrow:before{content:"\e141"}.icon-Layout:before{content:"\e142"}.icon-Legal:before{content:"\e143"}.icon-Lense:before{content:"\e144"}.icon-Library:before{content:"\e145"}.icon-Light-down:before{content:"\e146"}.icon-Light-up:before{content:"\e147"}.icon-Lightbulb-active:before{content:"\e148"}.icon-Lightbulb:before{content:"\e149"}.icon-iPad:before{content:"\e14a"}.icon-Invoice:before{content:"\e14b"}.icon-Info:before{content:"\e14c"}.icon-Infinity:before{content:"\e14d"}.icon-Indent:before{content:"\e14e"}.icon-Inbox:before{content:"\e14f"}.icon-Inbox-full:before{content:"\e150"}.icon-Inactive-line:before{content:"\e151"}.icon-iMac:before{content:"\e152"}.icon-Hourglass:before{content:"\e153"}.icon-Home:before{content:"\e154"}.icon-Grid:before{content:"\e155"}.icon-Food:before{content:"\e156"}.icon-Favorite:before{content:"\e157"}.icon-Door-open-alt:before{content:"\e158"}.icon-Diagnostics:before{content:"\e159"}.icon-Contrast:before{content:"\e15a"}.icon-Coins-dollar-alt:before{content:"\e15b"}.icon-Circle-dotted-active:before{content:"\e15c"}.icon-Cinema:before{content:"\e15d"}.icon-Chip:before{content:"\e15e"}.icon-Chip-alt:before{content:"\e15f"}.icon-Chess:before{content:"\e160"}.icon-Checkbox:before{content:"\e161"}.icon-Checkbox-empty:before{content:"\e162"}.icon-Checkbox-dotted:before{content:"\e163"}.icon-Checkbox-dotted-active:before{content:"\e164"}.icon-Check:before{content:"\e165"}.icon-Chat:before{content:"\e166"}.icon-Chat-active:before{content:"\e167"}.icon-Chart:before{content:"\e168"}.icon-Chart-curve:before{content:"\e169"}.icon-Certificate:before{content:"\e16a"}.icon-Categories:before{content:"\e16b"}.icon-Cash-register:before{content:"\e16c"}.icon-Car:before{content:"\e16d"}.icon-Caps-lock:before{content:"\e16e"}.icon-Candy:before{content:"\e16f"}.icon-Circle-dotted:before{content:"\e170"}.icon-Circuits:before{content:"\e171"}.icon-Circus:before{content:"\e172"}.icon-Client:before{content:"\e173"}.icon-Clothes-hanger:before{content:"\e174"}.icon-Cloud-drive:before{content:"\e175"}.icon-Cloud-upload:before{content:"\e176"}.icon-Cloud:before{content:"\e177"}.icon-Cloudy:before{content:"\e178"}.icon-Clubs:before{content:"\e179"}.icon-Cocktail:before{content:"\e17a"}.icon-Code:before{content:"\e17b"}.icon-Coffee:before{content:"\e17c"}.icon-Coin-dollar:before{content:"\e17d"}.icon-Coin-pound:before{content:"\e17e"}.icon-Coin-yen:before{content:"\e17f"}.icon-Coin:before{content:"\e180"}.icon-Coins-alt:before{content:"\e181"}.icon-Console:before{content:"\e182"}.icon-Connection:before{content:"\e183"}.icon-Compress:before{content:"\e184"}.icon-Company:before{content:"\e185"}.icon-Command:before{content:"\e186"}.icon-Coin-euro:before{content:"\e187"}.icon-Combination-lock:before{content:"\e188"}.icon-Combination-lock-open:before{content:"\e189"}.icon-Comb:before{content:"\e18a"}.icon-Columns:before{content:"\e18b"}.icon-Colorpicker:before{content:"\e18c"}.icon-Color-bucket:before{content:"\e18d"}.icon-Coins:before{content:"\e18e"}.icon-Coins-yen:before{content:"\e18f"}.icon-Coins-yen-alt:before{content:"\e190"}.icon-Coins-pound:before{content:"\e191"}.icon-Coins-pound-alt:before{content:"\e192"}.icon-Coins-euro:before{content:"\e193"}.icon-Coins-euro-alt:before{content:"\e194"}.icon-Coins-dollar:before{content:"\e195"}.icon-Conversation-alt:before{content:"\e196"}.icon-Conversation:before{content:"\e197"}.icon-Coverflow:before{content:"\e198"}.icon-Credit-card-alt:before{content:"\e199"}.icon-Credit-card:before{content:"\e19a"}.icon-Crop:before{content:"\e19b"}.icon-Crosshair:before{content:"\e19c"}.icon-Crown-alt:before{content:"\e19d"}.icon-Crown:before{content:"\e19e"}.icon-Cupcake:before{content:"\e19f"}.icon-Curve:before{content:"\e1a0"}.icon-Cut:before{content:"\e1a1"}.icon-Dashboard:before{content:"\e1a2"}.icon-Defrag:before{content:"\e1a3"}.icon-Delete:before{content:"\e1a4"}.icon-Delete-key:before{content:"\e1a5"}.icon-Departure:before{content:"\e1a6"}.icon-Desk:before{content:"\e1a7"}.icon-Desktop:before{content:"\e1a8"}.icon-Donate:before{content:"\e1a9"}.icon-Dollar-bag:before{content:"\e1aa"}.icon-Documents:before{content:"\e1ab"}.icon-Document:before{content:"\e1ac"}.icon-Document-dashed-line:before{content:"\e1ad"}.icon-Dock-connector:before{content:"\e1ae"}.icon-Dna:before{content:"\e1af"}.icon-Display:before{content:"\e1b0"}.icon-Disk-image:before{content:"\e1b1"}.icon-Disc:before{content:"\e1b2"}.icon-Directions:before{content:"\e1b3"}.icon-Directions-alt:before{content:"\e1b4"}.icon-Diploma:before{content:"\e1b5"}.icon-Diploma-alt:before{content:"\e1b6"}.icon-Dice:before{content:"\e1b7"}.icon-Diamonds:before{content:"\e1b8"}.icon-Diamond:before{content:"\e1b9"}.icon-Diagonal-arrow:before{content:"\e1ba"}.icon-Diagonal-arrow-alt:before{content:"\e1bb"}.icon-Door-open:before{content:"\e1bc"}.icon-Download-alt:before{content:"\e1bd"}.icon-Download:before{content:"\e1be"}.icon-Drop:before{content:"\e1bf"}.icon-Eco:before{content:"\e1c0"}.icon-Economy:before{content:"\e1c1"}.icon-Edit:before{content:"\e1c2"}.icon-Eject:before{content:"\e1c3"}.icon-Employee:before{content:"\e1c4"}.icon-Energy-saving-bulb:before{content:"\e1c5"}.icon-Enter:before{content:"\e1c6"}.icon-Equalizer:before{content:"\e1c7"}.icon-Escape:before{content:"\e1c8"}.icon-Ethernet:before{content:"\e1c9"}.icon-Euro-bag:before{content:"\e1ca"}.icon-Exit-fullscreen:before{content:"\e1cb"}.icon-Eye:before{content:"\e1cc"}.icon-Facebook-like:before{content:"\e1cd"}.icon-Factory:before{content:"\e1ce"}.icon-Font:before{content:"\e1cf"}.icon-Folders:before{content:"\e1d0"}.icon-Folder:before{content:"\e1d1"}.icon-Folder-outline:before{content:"\e1d2"}.icon-Folder-open:before{content:"\e1d3"}.icon-Flowerpot:before{content:"\e1d4"}.icon-Flashlight:before{content:"\e1d5"}.icon-Flash:before{content:"\e1d6"}.icon-Flag:before{content:"\e1d7"}.icon-Flag-alt:before{content:"\e1d8"}.icon-Firewire:before{content:"\e1d9"}.icon-Firewall:before{content:"\e1da"}.icon-Fire:before{content:"\e1db"}.icon-Fingerprint:before{content:"\e1dc"}.icon-FIlter:before{content:"\e1dd"}.icon-Filter-arrows:before{content:"\e1de"}.icon-Files:before{content:"\e1df"}.icon-File-cabinet:before{content:"\e1e0"}.icon-Female-symbol:before{content:"\e1e1"}.icon-Footprints:before{content:"\e1e2"}.icon-Hammer:before{content:"\e1e3"}.icon-Hand-active-alt:before{content:"\e1e4"}.icon-Forking:before{content:"\e1e5"}.icon-Hand-active:before{content:"\e1e6"}.icon-Hand-pointer-alt:before{content:"\e1e7"}.icon-Hand-pointer:before{content:"\e1e8"}.icon-Handprint:before{content:"\e1e9"}.icon-Handshake:before{content:"\e1ea"}.icon-Handtool:before{content:"\e1eb"}.icon-Hard-drive:before{content:"\e1ec"}.icon-Help:before{content:"\e1ed"}.icon-Graduate:before{content:"\e1ee"}.icon-Gps:before{content:"\e1ef"}.icon-Help-alt:before{content:"\e1f0"}.icon-Height:before{content:"\e1f1"}.icon-Globe:before{content:"\e1f2"}.icon-Hearts:before{content:"\e1f3"}.icon-Globe-inverted-europe-africa:before{content:"\e1f4"}.icon-Headset:before{content:"\e1f5"}.icon-Globe-inverted-asia:before{content:"\e1f6"}.icon-Headphones:before{content:"\e1f7"}.icon-Globe-inverted-america:before{content:"\e1f8"}.icon-Hd:before{content:"\e1f9"}.icon-Globe-Europe---Africa:before{content:"\e1fa"}.icon-Hat:before{content:"\e1fb"}.icon-Globe-Asia:before{content:"\e1fc"}.icon-Globe-alt:before{content:"\e1fd"}.icon-Hard-drive-alt:before{content:"\e1fe"}.icon-Glasses:before{content:"\e1ff"}.icon-Gift:before{content:"\e200"}.icon-Handtool-alt:before{content:"\e201"}.icon-Geometry:before{content:"\e202"}.icon-Game:before{content:"\e203"}.icon-Fullscreen:before{content:"\e204"}.icon-Fullscreen-alt:before{content:"\e205"}.icon-Frame:before{content:"\e206"}.icon-Frame-alt:before{content:"\e207"}.icon-Camera-roll:before{content:"\e208"}.icon-Bookmark:before{content:"\e209"}.icon-Bill:before{content:"\e20a"}.icon-Baby-stroller:before{content:"\e20b"}.icon-Alarm-clock:before{content:"\e20c"}.icon-Adressbook:before{content:"\e20d"}.icon-Add:before{content:"\e20e"}.icon-Activity:before{content:"\e20f"}.icon-untitled:before{content:"\e210"}.icon-glasses:before{content:"\e211"}.icon-Camcorder:before{content:"\e212"}.icon-Calendar:before{content:"\e213"}.icon-Calendar-alt:before{content:"\e214"}.icon-Calculator:before{content:"\e215"}.icon-Bus:before{content:"\e216"}.icon-Burn:before{content:"\e217"}.icon-Bulleted-list:before{content:"\e218"}.icon-Bug:before{content:"\e219"}.icon-Brush:before{content:"\e21a"}.icon-Brush-alt:before{content:"\e21b"}.icon-Brush-alt-2:before{content:"\e21c"}.icon-Browser-window:before{content:"\e21d"}.icon-Briefcase:before{content:"\e21e"}.icon-Brick:before{content:"\e21f"}.icon-Brackets:before{content:"\e220"}.icon-Box:before{content:"\e221"}.icon-Box-open:before{content:"\e222"}.icon-Box-alt:before{content:"\e223"}.icon-Books:before{content:"\e224"}.icon-Billboard:before{content:"\e225"}.icon-Bills-dollar:before{content:"\e226"}.icon-Bills-euro:before{content:"\e227"}.icon-Bills-pound:before{content:"\e228"}.icon-Bills-yen:before{content:"\e229"}.icon-Bills:before{content:"\e22a"}.icon-Binarycode:before{content:"\e22b"}.icon-Binoculars:before{content:"\e22c"}.icon-Bird:before{content:"\e22d"}.icon-Birthday-cake:before{content:"\e22e"}.icon-Blueprint:before{content:"\e22f"}.icon-Block:before{content:"\e230"}.icon-Bluetooth:before{content:"\e231"}.icon-Boat-shipping:before{content:"\e232"}.icon-Bomb:before{content:"\e233"}.icon-Book-alt-2:before{content:"\e234"}.icon-Bones:before{content:"\e235"}.icon-Book-alt:before{content:"\e236"}.icon-Book:before{content:"\e237"}.icon-Bill-yen:before{content:"\e238"}.icon-Award:before{content:"\e239"}.icon-Bill-pound:before{content:"\e23a"}.icon-Autofill:before{content:"\e23b"}.icon-Bill-euro:before{content:"\e23c"}.icon-Auction-hammer:before{content:"\e23d"}.icon-Bill-dollar:before{content:"\e23e"}.icon-Attachment:before{content:"\e23f"}.icon-Bell:before{content:"\e240"}.icon-Article:before{content:"\e241"}.icon-Bell-off:before{content:"\e242"}.icon-Art-easel:before{content:"\e243"}.icon-Beer-glass:before{content:"\e244"}.icon-Arrow-up:before{content:"\e245"}.icon-Battery-low:before{content:"\e246"}.icon-Arrow-right:before{content:"\e247"}.icon-Battery-full:before{content:"\e248"}.icon-Arrow-left:before{content:"\e249"}.icon-Bars:before{content:"\e24a"}.icon-Arrow-down:before{content:"\e24b"}.icon-Barcode:before{content:"\e24c"}.icon-Arrivals:before{content:"\e24d"}.icon-Bar-chart:before{content:"\e24e"}.icon-Application-window:before{content:"\e24f"}.icon-Band-aid:before{content:"\e250"}.icon-Application-window-alt:before{content:"\e251"}.icon-Ball:before{content:"\e252"}.icon-Application-Error:before{content:"\e253"}.icon-Badge-restricted:before{content:"\e254"}.icon-App:before{content:"\e255"}.icon-Badge-remove:before{content:"\e256"}.icon-Anchor:before{content:"\e257"}.icon-Badge-count:before{content:"\e258"}.icon-Alt:before{content:"\e259"}.icon-Badge-add:before{content:"\e25a"}.icon-Alert:before{content:"\e25b"}.icon-Backspace:before{content:"\e25c"}.icon-Alert-alt:before{content:"\e25d"}.span{width:60px;background-color:rgba(163,219,120,.5);height:60px;border-radius:3px;position:relative}#posting{position:absolute;top:0;width:140px;background-color:#4aae4e;height:36px;border-radius:3px;display:none}.loader{width:6px;height:6px;border-radius:50%;animation:typing 1s linear infinite alternate;position:absolute;top:50%;left:50%;transform:translate(-250%,-50%)}@keyframes typing{0%{background-color:#fff;box-shadow:12px 0 0 0 rgba(255,255,255,.4),24px 0 0 0 rgba(255,255,255,.4)}25%{background-color:rgba(255,255,255,.4);box-shadow:12px 0 0 0 rgba(255,255,255,.2),24px 0 0 0 rgba(255,255,255,.4)}75%{background-color:rgba(255,255,255,.4);box-shadow:12px 0 0 0 rgba(255,255,255,.4),24px 0 0 0 #fff}}#registrationForm input[type=submit],.button,.quick-menu .login input[type=submit],.quick-menu .new-profile input[type=submit],.tagAdd,a.button,a.tagAdd{background:#2f6bff;padding:20px 40px;display:inline-block;text-decoration:none;border:none;border-radius:3px;-webkit-appearance:none;position:relative;overflow:hidden;color:#fff;text-align:center;font-size:1rem;transition:background .2s;cursor:pointer;user-select:none}#registrationForm input[type=submit]:hover,.button:hover,.quick-menu .login input[type=submit]:hover,.quick-menu .new-profile input[type=submit]:hover,.tagAdd:hover,a.button:hover,a.tagAdd:hover{background:#497fff}#registrationForm .button input[type=submit],.button #registrationForm input[type=submit],.button .quick-menu .login input[type=submit],.button .quick-menu .new-profile input[type=submit],.button .tagAdd,.button span,.quick-menu .login .button input[type=submit],.quick-menu .new-profile .button input[type=submit],a.button a.tagAdd,a.button span{position:relative;z-index:20}#registrationForm input.button[type=submit],#registrationForm input.create-new-thread[type=submit],#registrationForm input.green[type=submit],#registrationForm input.login[type=submit],#registrationForm input.tagAdd[type=submit],#registrationForm input[type=submit],.button.green,.create-new-thread.tagAdd,.forum-page .button.create-new-thread,.forum-page .button.login,.forum-page a.button.create-new-thread,.forum-page a.button.login,.green.tagAdd,.login.tagAdd,.quick-menu .login input.button[type=submit],.quick-menu .login input.create-new-thread[type=submit],.quick-menu .login input.green[type=submit],.quick-menu .login input.login[type=submit],.quick-menu .login input.tagAdd[type=submit],.quick-menu .login input[type=submit],.quick-menu .new-profile input.button[type=submit],.quick-menu .new-profile input.create-new-thread[type=submit],.quick-menu .new-profile input.green[type=submit],.quick-menu .new-profile input.login[type=submit],.quick-menu .new-profile input.tagAdd[type=submit],.quick-menu .new-profile input[type=submit],a.button.green,a.create-new-thread.tagAdd,a.green.tagAdd,a.login.tagAdd,input[type=submit].tagAdd{background:#2EB369}#registrationForm input.button[type=submit]:hover,#registrationForm input.create-new-thread[type=submit]:hover,#registrationForm input.green[type=submit]:hover,#registrationForm input.login[type=submit]:hover,#registrationForm input.tagAdd[type=submit]:hover,#registrationForm input[type=submit]:hover,.button.green:hover,.create-new-thread.tagAdd:hover,.forum-page .button.create-new-thread:hover,.forum-page .button.login:hover,.forum-page a.button.create-new-thread:hover,.forum-page a.button.login:hover,.green.tagAdd:hover,.login.tagAdd:hover,.quick-menu .login input.button[type=submit]:hover,.quick-menu .login input.create-new-thread[type=submit]:hover,.quick-menu .login input.green[type=submit]:hover,.quick-menu .login input.login[type=submit]:hover,.quick-menu .login input.tagAdd[type=submit]:hover,.quick-menu .login input[type=submit]:hover,.quick-menu .new-profile input.button[type=submit]:hover,.quick-menu .new-profile input.create-new-thread[type=submit]:hover,.quick-menu .new-profile input.green[type=submit]:hover,.quick-menu .new-profile input.login[type=submit]:hover,.quick-menu .new-profile input.tagAdd[type=submit]:hover,.quick-menu .new-profile input[type=submit]:hover,a.button.green:hover,a.create-new-thread.tagAdd:hover,a.green.tagAdd:hover,a.login.tagAdd:hover,input[type=submit].tagAdd:hover{background:#33c773}#registrationForm input.white[type=submit],.button.white,.quick-menu .login input.white[type=submit],.quick-menu .new-profile input.white[type=submit],.white.tagAdd,a.button.white,a.white.tagAdd{background:#fff;color:#000}#registrationForm input.white[type=submit]:hover,.button.white:hover,.quick-menu .login input.white[type=submit]:hover,.quick-menu .new-profile input.white[type=submit]:hover,.white.tagAdd:hover,a.button.white:hover,a.white.tagAdd:hover{background:rgba(255,255,255,.7)}#registrationForm input.delete-thread[type=submit],#registrationForm input.red[type=submit],.button.red,.delete-thread.tagAdd,.forum-page .button.delete-thread,.forum-page a.button.delete-thread,.quick-menu .login input.delete-thread[type=submit],.quick-menu .login input.red[type=submit],.quick-menu .new-profile input.delete-thread[type=submit],.quick-menu .new-profile input.red[type=submit],.red.tagAdd,a.button.red,a.delete-thread.tagAdd,a.red.tagAdd{background:#fe6561;color:#fff}#registrationForm input.delete-thread[type=submit]:hover,#registrationForm input.red[type=submit]:hover,.button.red:hover,.delete-thread.tagAdd:hover,.forum-page .button.delete-thread:hover,.forum-page a.button.delete-thread:hover,.quick-menu .login input.delete-thread[type=submit]:hover,.quick-menu .login input.red[type=submit]:hover,.quick-menu .new-profile input.delete-thread[type=submit]:hover,.quick-menu .new-profile input.red[type=submit]:hover,.red.tagAdd:hover,a.button.red:hover,a.delete-thread.tagAdd:hover,a.red.tagAdd:hover{background:#fe7d7a}#registrationForm input.transparent[type=submit],.button.transparent,.quick-menu .login input.transparent[type=submit],.quick-menu .new-profile input.transparent[type=submit],.transparent.tagAdd,a.button.transparent,a.transparent.tagAdd{border:1px solid #565656;background:0 0;color:#565656}#registrationForm input.transparent[type=submit]:hover,.button.transparent:hover,.quick-menu .login input.transparent[type=submit]:hover,.quick-menu .new-profile input.transparent[type=submit]:hover,.transparent.tagAdd:hover,a.button.transparent:hover,a.transparent.tagAdd:hover{background:0 0;color:#000;border-color:#000}#registrationForm .button.transparent input.transparent[type=submit],.button.transparent #registrationForm input.transparent[type=submit],.button.transparent .ink,.button.transparent .quick-menu .login input.transparent[type=submit],.button.transparent .quick-menu .new-profile input.transparent[type=submit],.button.transparent .transparent.tagAdd,.quick-menu .login .button.transparent input.transparent[type=submit],.quick-menu .new-profile .button.transparent input.transparent[type=submit],a.button.transparent .ink,a.button.transparent a.transparent.tagAdd{background:rgba(46,179,105,.3)}#registrationForm input.pink[type=submit],.button.pink,.pink.tagAdd,.quick-menu .login input.pink[type=submit],.quick-menu .new-profile input.pink[type=submit],a.button.pink,a.pink.tagAdd{background:#E13E8F}#registrationForm input.pink[type=submit]:hover,.button.pink:hover,.pink.tagAdd:hover,.quick-menu .login input.pink[type=submit]:hover,.quick-menu .new-profile input.pink[type=submit]:hover,a.button.pink:hover,a.pink.tagAdd:hover{background:#e4549c}#registrationForm input.large[type=submit],.button.large,.large.tagAdd,.quick-menu .login input.large[type=submit],.quick-menu .new-profile input.large[type=submit],a.button.large,a.large.tagAdd{font-size:1.2rem}#registrationForm input.button[type=submit],#registrationForm input.tagAdd[type=submit],#registrationForm input.tiny[type=submit],#registrationForm input[type=submit],.button.tagAdd,.button.tiny,.quick-menu .login input.button[type=submit],.quick-menu .login input.tagAdd[type=submit],.quick-menu .login input.tiny[type=submit],.quick-menu .login input[type=submit],.quick-menu .new-profile input.button[type=submit],.quick-menu .new-profile input.tagAdd[type=submit],.quick-menu .new-profile input.tiny[type=submit],.quick-menu .new-profile input[type=submit],.tagAdd,.tiny.tagAdd,a.button.tagAdd,a.button.tiny,a.tagAdd,a.tiny.tagAdd,input[type=submit].tagAdd{padding:10px 20px;font-size:.9rem}button.button,button.tagAdd{font-family:Asap,sans-serif;cursor:pointer;outline:0}button.button:active,button.button:focus,button.tagAdd:active,button.tagAdd:focus{outline:0}.ink{display:block;position:absolute;background:rgba(255,255,255,.3);border-radius:100%;transform:scale(0)}.animate{animation:ripple .65s cubic-bezier(0,0,.22,.88)}@keyframes ripple{100%{opacity:0;transform:scale(2)}}body{padding-top:80px}@media (min-width:992px){body{padding-top:120px}}body.navopen{overflow:hidden;max-height:100%}header{color:#fff;width:100%;position:absolute;z-index:800;top:-80px}@media (min-width:992px){header{top:-120px}}@media (max-width:992px){header{position:fixed;top:0;left:0;width:100%}}header .navigation{position:relative;z-index:200;width:100%;padding:10px 0;background:#a3db78;transition:all .2s}@media (min-width:992px){header .navigation{padding:30px 0;position:fixed}}header .row:first-child{margin:0}header .logo{background:url(../images/logo.svg) left center no-repeat;background-size:30px auto;height:60px;line-height:60px;display:inline-block;text-indent:40px;text-decoration:none;position:relative;z-index:300;font-size:1rem;transition:all .2s}@media (min-width:992px){header .logo{background-size:40px auto;text-indent:46px}header .logo:hover{color:rgba(255,255,255,.66);background-size:36px auto;background-position:4px center}}header nav{text-align:right;overflow:hidden;height:60px;line-height:60px;color:rgba(0,0,0,.5)}@media (min-width:992px){header nav{visibility:visible;display:block}}header nav ul{float:right}header nav li{float:left;margin-right:20px;font-size:1rem;line-height:inherit}header nav li:last-child{margin-right:0}header nav a,header nav a:visited{text-decoration:none;color:rgba(0,0,0,.6);border-bottom:1px solid transparent}header nav a.active,header nav a:hover,header nav a:visited.active,header nav a:visited:hover{border-bottom-color:rgba(0,0,0,.6)}header .search{max-width:1200px;transform:translateY(50%)}@media (min-width:992px){header .search{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}header .search form{position:relative}header .search input{font-family:Asap,sans-serif}header .search input[type=search]{-webkit-appearance:none;border:none;padding:14px 0;text-indent:14px;height:60px;width:100%;min-width:400px;display:block;font-size:1rem;transition:box-shadow .2s}header .search input[type=search]:active,header .search input[type=search]:focus{outline:0}@media (min-width:992px){header .search input[type=search]{float:left;width:100%}}header .search input[type=submit]{background:url(../images/search-dark.png) center no-repeat #fff;background-size:24px 24px;width:10%;height:60px;padding:14px 28px;border:none;position:absolute;z-index:100;right:0;top:0;margin:0}@media (min-width:992px){header .search input[type=submit]{float:left}}header .search .search-text p{display:none}@media (min-width:992px){header .search .search-text p{display:block;font-size:1rem;text-align:center;max-width:80%;margin:1rem auto 0}}header .user img{height:40px;width:40px;border-radius:50%;vertical-align:middle;cursor:pointer;transition:all .2s}header.sticky .navigation{background:#9ad768;padding:0}header.sticky .menu-toggle{top:15px}@media (min-width:992px){header.sticky .logo{background-size:30px auto;text-indent:40px}}.notificationCount{position:absolute;text-align:center;height:20px;width:20px;background:#fe6561;line-height:20px;z-index:40;font-size:.68rem;font-weight:700;cursor:pointer;border-radius:50%;color:#fff;animation-name:animGenie;animation-duration:1s}@media (min-width:992px){.notificationCount{right:-4px;top:3px}}@media (max-width:991px){.menu-toggle{display:block;position:absolute;right:20px;top:25px;z-index:999;transition:top .3s}.toggle{position:relative;z-index:999;display:inline-block;width:30px;height:30px}.toggle.cross{transition-duration:0s;transition-delay:.1s}.toggle.cross span:after,.toggle.cross span:before{transition-property:margin,transform;transition-duration:.1s;transition-delay:.1s,0}.toggle.cross.open span{background-color:transparent;transition-delay:.1s}.toggle.cross.open span:before{margin-top:0;transform:rotate(45deg);transition-delay:0,.1s;background-color:#fff}.toggle.cross.open span:after{margin-top:0;transform:rotate(-45deg);transition-delay:0,.1s;background-color:#fff}.toggle span{margin:0 auto;position:relative;z-index:999;top:12px;width:25px;height:2px;background-color:#fff;display:block}.toggle span:after,.toggle span:before{position:absolute;content:'';width:25px;height:2px;background-color:#fff;display:block}.toggle span:before{margin-top:-7px}.toggle span:after{margin-top:7px}header .navigation .container,header .navigation .page,header .navigation .subpage{padding:0}header nav{position:fixed!important;top:0;left:0;width:100%;height:100%;background:rgba(163,219,120,.98);transform:translate(0,-100%);transition:transform .3s;visibility:hidden;opacity:0;line-height:1;display:flex;align-items:center}header nav.open{transform:translate(0,0);visibility:visible;opacity:1}header nav.open .user,header nav.open li,header nav.open ul{visibility:visible}header nav ul{width:100%;height:75%;padding-top:40px;text-align:center;visibility:hidden;background:rgba(163,219,120,.98);display:flex;flex-direction:column;align-items:center;justify-content:space-around}header nav li{float:none;width:100%;font-size:1.3rem;padding:.2rem 0;margin:0;text-align:center;flex-grow:1}header nav li:first-child{padding-top:0}header nav li:last-child{padding-bottom:0}header nav a,header nav a:active,header nav a:visited{text-decoration:none;color:#fff;transition:color .2s}header nav a:active:hover,header nav a:hover,header nav a:visited:hover{color:#fff}header nav .user{visibility:hidden}header nav .user img{height:75px;width:75px}header nav .notificationCount{transform:translate(-14px,6px)}}.map .sticky .navigation{background:#a3db78}.map .navigation{background:0 0}#breadcrumb{padding:10px 10px 10px 0;transform:translate(0,0);margin:0;display:block;width:100%}@media (min-width:992px){#breadcrumb{display:inline-block;width:auto}}#breadcrumb li{display:inline-block;list-style:none}#breadcrumb li:after{content:"";background:url(../images/breadcrumb.png) center bottom no-repeat;background-size:16px 16px;display:inline-block;height:20px;width:16px;margin-left:3px;margin-right:3px;transform:translateY(4px)}#breadcrumb li a{color:#000;text-decoration:none;font-size:.8rem;transition:color .1s}#breadcrumb li a:hover{color:#000;text-decoration:underline}#breadcrumb li:last-child a{color:#000}#breadcrumb li:last-child:after{display:none}body.quickmenu{overflow:hidden;max-height:100%}.quick-menu{width:100%;position:fixed;right:0;top:0;z-index:999;visibility:hidden;transform:translateX(100%);overflow-y:scroll;height:100%;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.12);transition:all .3s}@media (min-width:992px){.quick-menu{width:450px;min-height:100%;transform:translateX(450px)}}.quick-menu>.container,.quick-menu>.page,.quick-menu>.subpage{padding-bottom:30px}.quick-menu .user-image img{border-radius:50%;display:block;margin:30px auto;max-width:128px;height:auto}.quick-menu .close{left:15px;cursor:pointer;font-size:.9rem;color:#5a6d71}.quick-menu .close:hover{color:#7F9499}.quick-menu .close i{position:relative;top:3px;font-size:1rem;margin-right:3px}.quick-menu .settings{right:15px}.quick-menu .settings a{font-size:.9rem;text-decoration:none;color:#5a6d71}.quick-menu .settings i{position:relative;top:3px;font-size:1rem;margin-right:5px}.quick-menu .settings:hover a{color:#7F9499}.quick-menu .close,.quick-menu .settings{transition:color .2s cubic-bezier(.7,0,.3,1);position:absolute;top:-3px}@media (min-width:992px){.quick-menu .close,.quick-menu .settings{top:3px}}.quick-menu .user-profile{text-align:center;margin:0 auto 30px}.quick-menu .user-profile h2{font-size:1.3rem;margin-bottom:.5rem}.quick-menu .user-profile .karma{display:inline-block;font-size:.9rem;color:#5a6d71}.quick-menu .user-profile .karma:before{content:"Karma";display:inline-block;padding:0 2px 0 0;transform:translateY(-1px)}.quick-menu .user-profile .karma:after{content:"-";display:inline-block;padding:0 1px}.quick-menu .user-profile .user-twitter{display:inline-block;font-size:.9rem;color:#5a6d71}.quick-menu .user-profile .user-twitter a{border-bottom:1px solid rgba(0,0,0,.6);padding-bottom:1px;text-decoration:none;transition:all .2s}.quick-menu .user-profile .user-twitter a:hover{padding-bottom:3px;color:#7F9499}.quick-menu .user-profile .roles{display:block;margin-top:1rem}.quick-menu .user-profile .roles span{font-size:.8rem}.quick-menu .log-out{margin-top:20px}.quick-menu .log-out a{font-size:.8rem}.quick-menu small{font-size:.9rem;color:#4f5f63;text-transform:uppercase;font-weight:700;letter-spacing:.2px;display:block;margin-bottom:.5rem}.quick-menu .forum-thread,.quick-menu .quick-menu .user-notification__blue,.quick-menu .quick-menu .user-notification__green,.quick-menu .quick-menu .user-notification__red,.quick-menu .quick-menu .user-notification__yellow,.quick-menu .user-notification{border:1px solid #e1e1e1;margin-bottom:10px;padding:15px;margin-top:0;display:flex;justify-content:space-between;align-items:center;text-decoration:none}.quick-menu .forum-thread-text,.quick-menu .user-notification-text{margin-top:0;margin-right:5%;flex:1 0 60%}.quick-menu .forum-thread-text h3,.quick-menu .user-notification-text h3{font-size:.9rem}.quick-menu .forum-thread .cat,.quick-menu .quick-menu .user-notification .user-notification__blue,.quick-menu .quick-menu .user-notification .user-notification__green,.quick-menu .quick-menu .user-notification .user-notification__red,.quick-menu .quick-menu .user-notification .user-notification__yellow,.quick-menu .user-notification .cat,.quick-menu .user-notification .quick-menu .user-notification__blue,.quick-menu .user-notification .quick-menu .user-notification__green,.quick-menu .user-notification .quick-menu .user-notification__red,.quick-menu .user-notification .quick-menu .user-notification__yellow{flex:1 0 30%;font-size:.8rem;margin:0}.quick-menu .user-notifications{margin-bottom:2rem}.quick-menu .quick-menu .user-notification__blue,.quick-menu .quick-menu .user-notification__green,.quick-menu .quick-menu .user-notification__red,.quick-menu .quick-menu .user-notification__yellow,.quick-menu .user-notification{transition:all 250ms cubic-bezier(.7,0,.3,1)}.quick-menu .user-notification__red{border:1px solid #fa040c;background:#feb3b5;color:#4a0104}.quick-menu .user-notification__red a,.quick-menu .user-notification__red a:visited{text-decoration:underline;color:#4a0104}.quick-menu .user-notification__red a:hover,.quick-menu .user-notification__red a:visited:hover{text-decoration:none}.quick-menu .user-notification__red .close-notification:hover{color:#af0308}.quick-menu .user-notification__yellow{border:1px solid #f7e4b4;background:#faeccb;color:#9c7410}.quick-menu .user-notification__yellow a,.quick-menu .user-notification__yellow a:visited{text-decoration:underline;color:#9c7410}.quick-menu .user-notification__yellow a:hover,.quick-menu .user-notification__yellow a:visited:hover{text-decoration:none}.quick-menu .user-notification__yellow .close-notification:hover{color:#eec357}.quick-menu .user-notification__blue{border:1px solid #6bb0ff;background:#b8d9ff;color:#004a9e}.quick-menu .user-notification__blue a,.quick-menu .user-notification__blue a:visited{text-decoration:underline;color:#004a9e}.quick-menu .user-notification__blue a:hover,.quick-menu .user-notification__blue a:visited:hover{text-decoration:none}.quick-menu .user-notification__blue .close-notification:hover{color:#001a38}.quick-menu .user-notification__green{border:1px solid #00e75c;background:#9bffc3;color:#008134}.quick-menu .user-notification__green a,.quick-menu .user-notification__green a:visited{text-decoration:underline;color:#008134}.quick-menu .user-notification__green a:hover,.quick-menu .user-notification__green a:visited:hover{text-decoration:none}.quick-menu .user-notification__green .close-notification:hover{color:#001b0b}.quick-menu .user-notification-text p{font-size:.9rem}.quick-menu .quick-menu .user-notification__blue:hover,.quick-menu .quick-menu .user-notification__green:hover,.quick-menu .quick-menu .user-notification__red:hover,.quick-menu .quick-menu .user-notification__yellow:hover,.quick-menu .user-notification:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.quick-menu .login,.quick-menu .new-profile{padding:0 20px;margin-top:60px}.quick-menu .login h2,.quick-menu .new-profile h2{margin-bottom:.8rem;text-align:center}.quick-menu .login small,.quick-menu .new-profile small{text-align:center}.quick-menu .login label,.quick-menu .new-profile label{text-align:left;font-size:.7rem}.quick-menu .login input,.quick-menu .new-profile input{margin-bottom:5px;display:inline-block;font-family:Asap,sans-serif}.quick-menu .login input[type=password],.quick-menu .login input[type=text],.quick-menu .new-profile input[type=password],.quick-menu .new-profile input[type=text]{width:95%;padding:10px 20px 10px 8px;font-size:1rem;border:1px solid #e1e1e1;border-radius:5px}.quick-menu .login input[type=submit],.quick-menu .new-profile input[type=submit]{margin:1rem auto 2rem;display:inline-block;padding:15px 45px;font-size:1rem}.quick-menu .login .buttons,.quick-menu .new-profile .buttons{text-align:center}.quick-menu .login small,.quick-menu .new-profile small{line-height:1.3}.quick-menu .login a:hover,.quick-menu .new-profile a:hover{text-decoration:none}.quick-menu .oAuth{text-align:center}.quick-menu .oAuth img{display:inline-block}.navigation:after,.wrapper:after{content:"";position:absolute;z-index:998;height:100%;width:100%;background:rgba(0,0,0,.33);top:0;left:0;visibility:hidden;opacity:0;transition:opacity .3s}.wrapper{transition:margin-left .3s,margin-right .3s;position:relative}@media (min-width:992px){body.quickmenu .navigation,body.quickmenu .wrapper{margin-left:-100px;margin-right:100px;overflow:hidden;max-height:100vh}body.quickmenu .navigation:after,body.quickmenu .wrapper:after{visibility:visible;opacity:1}}body.quickmenu .quick-menu{transform:translateX(0);visibility:visible}.search-all{width:100%;text-align:center;padding:20px 0}@media (max-width:992px){.search-all .search-all-form,.search-all .search-all-results{transition:width .2s cubic-bezier(.7,0,.3,1),max-width .2s cubic-bezier(.7,0,.3,1)}}.search-container{position:relative;height:100%;width:100%;overflow:hidden}.search-all-form{position:relative;display:inline-block;width:80%;height:60px;max-width:1100px;margin-top:15px;padding-top:0;background-color:#fff;z-index:150}@media (min-width:992px){.search-all-form{margin-top:100px}}.search-all-form .search-fieldset{position:relative;display:inline-block;width:100%;height:100%;border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent}.search-all-form input[type=search],.search-all-form input[type=submit]{min-height:60px;font-size:1em;border:none;background:#fff;padding:15px 20px;z-index:150;margin:0;transition:border .2,background-color .5s cubic-bezier(.7,0,.3,1)}.search-all-form input[type=search]{width:100%;-webkit-appearance:none;font-family:Asap,sans-serif;font-size:1.2rem}.search-all-form input[type=search]:focus{outline:0}.search-all-form input[type=search]:focus+input[type=submit]{color:#a3db78}.search-all-form input[type=submit]{position:absolute;top:0;right:0;font-family:Icomoon;color:#a4a4a4}.search-text{padding-top:2em;padding-bottom:5em}.search-all-results{border-bottom:1px solid #f5f5f5;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5}.search-all-results ul{max-width:1100px;width:100%;margin:0 auto;background:#fcfcfc;padding:0}.search-all-results li{list-style:none;padding:30px;border-bottom:1px solid #f5f5f5;text-align:left;overflow:hidden}.search-all-results li a{display:block}.search-all-results li:hover{background:rgba(163,219,120,.16)}.search-all-results li:hover .type-description,.search-all-results li:hover .type-icon,.search-all-results li:hover .type-name{color:#000}.search-all-results li.search-view-all{border-bottom:none;font-size:.9rem;font-weight:700;text-align:center;padding:15px;color:#000;background:#f7f7f7}.search-all-results li.search-view-all a{text-decoration:none;color:rgba(0,0,0,.8)}.search-all-results li.search-view-all:hover{background:#f5f5f5}.search-all-results li.search-view-all:hover a{color:#000}.search-all-results .type-context,.search-all-results .type-icon{float:left}.search-all-results .type-icon{width:20%;font-size:2rem;color:#000}@media (min-width:992px){.search-all-results .type-icon{width:5%;font-size:2rem;color:#000}}.search-all-results .type-context{width:80%}@media (min-width:992px){.search-all-results .type-context{width:95%}}.search-all-results .type-context .type-name{font-size:1rem;margin-bottom:.15rem;font-weight:600;color:rgba(0,0,0,.8)}.search-all-results .type-context .type-description{font-size:.9rem;color:#000}.search-all.open input[type=search],.search-all.open input[type=submit]{color:#000}.search-all.open input[type=search] ::-webkit-input-placeholder,.search-all.open input[type=submit] ::-webkit-input-placeholder{color:#000}.search-all.open input[type=search] :-moz-placeholder,.search-all.open input[type=submit] :-moz-placeholder{color:#000}.search-all.open input[type=search] ::-moz-placeholder,.search-all.open input[type=submit] ::-moz-placeholder{color:#000}.search-all.open input[type=search] :-ms-input-placeholder,.search-all.open input[type=submit] :-ms-input-placeholder{color:#000}.search-all.open .search-fieldset{border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;border-top:1px solid #f5f5f5}.search-all.open .search-all-results{display:block}@media (max-width:992px){.search-all.open .search-all-form,.search-all.open .search-all-results{width:100%}}.community-page .search-all-results,.frontpage .search-all-results{width:80%;left:50%;transform:translate(-50%,0);display:none;position:absolute;z-index:150;max-width:1100px}.plain{max-width:1160px;margin:0 auto}.plain .search-big{margin-top:30px;margin-bottom:0}.plain .search-all{background:0 0;padding:0 10px}@media (min-width:992px){.plain .search-all{padding:0 15px}}.plain .forum-archive-header{margin-bottom:0;border-bottom:none}.plain .search-all-results{width:100%}.plain .search-all-results ul{margin:0;width:100%;max-width:100%}.plain .search-all-results .type-icon{font-size:1.6rem;opacity:.6}.plain .search-all-results .type-context .type-name{font-size:.95rem}.plain .search-all-results .type-context .type-description{font-size:.8rem}.forum-page .search-big{width:100%;margin:15px 0}.forum-page .search-big input{font-size:.9rem;min-height:55px}.overlay{width:100%;position:fixed;top:0;left:0;overflow-y:scroll;height:100%;z-index:850;background-color:rgba(0,0,0,.33);visibility:hidden;opacity:0;transition:opacity .2s}.active .overlay{visibility:visible;opacity:1}#insert-image-dialog,#update-avatar-dialog,.confirm-wrapper,.copy-link-wrapper,.wmd-prompt-dialog{z-index:870;padding:2rem;position:fixed;width:50%;max-width:500px;min-width:300px;background-color:#fff;border-radius:2px;transform:translateX(-50%) translateY(-50%);transition:opacity .2s;clip:rect(1px 1px 1px 1px);opacity:0;text-align:center;top:-9999999px;left:-9999999px}#update-avatar-dialog i,.confirm-wrapper i,.copy-link-wrapper #insert-image-dialog,.copy-link-wrapper .wmd-prompt-dialog,.copy-link-wrapper i{display:block;font-size:2rem;color:#a3db78;margin-bottom:1rem}#update-avatar-dialog p,.confirm-wrapper p,.copy-link-wrapper #insert-image-dialog,.copy-link-wrapper .wmd-prompt-dialog,.copy-link-wrapper p{margin-top:1rem;font-size:.85rem;color:#000}#update-avatar-dialog input,#update-avatar-dialog textarea,.confirm-wrapper input,.confirm-wrapper textarea,.copy-link-wrapper #insert-image-dialog,.copy-link-wrapper .wmd-prompt-dialog,.copy-link-wrapper input,.copy-link-wrapper textarea{background-color:#f3f3f3;color:#454545;border:0;font-size:1rem;padding:1rem;margin:0;width:100%;border-radius:2px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Asap,sans-serif}#update-avatar-dialog textarea,.confirm-wrapper textarea,.copy-link-wrapper #insert-image-dialog,.copy-link-wrapper .wmd-prompt-dialog,.copy-link-wrapper textarea{outline:0;resize:none;white-space:initial;padding-bottom:10px}#update-avatar-dialog textarea:focus,.confirm-wrapper textarea:focus,.copy-link-wrapper #insert-image-dialog,.copy-link-wrapper .wmd-prompt-dialog,.copy-link-wrapper textarea:focus{outline:0}#update-avatar-dialog .error,.confirm-wrapper .error,.copy-link-wrapper #insert-image-dialog,.copy-link-wrapper .error,.copy-link-wrapper .wmd-prompt-dialog{text-align:center;color:#E7483B;display:block;padding:.5rem}.active.copy-prompt #insert-image-dialog,.active.copy-prompt .copy-link-wrapper,.active.copy-prompt .wmd-prompt-dialog{clip:auto;opacity:1;top:50%;left:50%}.confirm-wrapper{max-width:360px;padding:2.5rem}.confirm-wrapper h4{font-size:1.5rem}.confirm-wrapper p{margin-top:.5rem}.active.confirm-prompt .confirm-wrapper,.active.uploading-image #update-avatar-dialog{clip:auto;opacity:1;top:50%;left:50%}#update-avatar-dialog .invalid-file{color:rgba(254,101,97,0);transition:color .4s ease-in}#update-avatar-dialog.invalid .invalid-file{color:#fe6561}#update-avatar-dialog button{margin-top:15px}#update-avatar-dialog .span{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#E7E7E7}#thankyou{position:fixed;transform:translateX(-50%) translateY(-50%);top:-9999999px;left:-9999999px;font-size:1rem;background:rgba(0,0,0,.8);padding:10px 15px;border-radius:6px;z-index:860;color:#fff;opacity:0;transition:opacity .4s ease-in}#thankyou.active{top:50%;left:50%;opacity:1}.wrapper{min-height:100%;margin-bottom:0}@media (min-width:992px){.wrapper{margin-bottom:0}}.wrapper:before,footer{height:184px}@media (min-width:992px){.wrapper:before,footer{height:142px}}footer{background:#161616;color:#fff;padding:30px 0;font-size:.9rem;text-align:center;line-height:1.5;width:100%}html{height:100%}.package-create h1,.sidebarTitle{margin:1em 0 10px;font-size:2.1rem}.has-sidebar .page-content,.projects-page .page-content{width:100%;display:table;overflow:hidden;height:auto}@media (max-width:992px){.has-sidebar .page-content,.projects-page .page-content{display:block;width:100%}}.has-sidebar .content-wrapper,.projects-page .content-wrapper{display:inline-block;max-width:100%;text-align:left;width:100%}.has-sidebar .sidebar-area,.projects-page .sidebar-area{display:table-cell;vertical-align:top;width:30%;background-color:#f5fbf1;height:100%}@media (max-width:992px){.has-sidebar .sidebar-area,.projects-page .sidebar-area{display:block;width:100%}.has-sidebar .sidebar-area .sidebar-content,.projects-page .sidebar-area .sidebar-content{max-width:none}}@media (min-width:1600px){.has-sidebar .sidebar-area,.projects-page .sidebar-area{width:35%}}@media (min-width:2100px){.has-sidebar .sidebar-area,.projects-page .sidebar-area{width:40%}}.has-sidebar .sidebar-area .sidebar-content,.projects-page .sidebar-area .sidebar-content{display:inline-block;overflow:hidden;width:100%;max-width:360px;text-align:center}@media (min-width:992px){.has-sidebar .sidebar-area .sidebar-content,.projects-page .sidebar-area .sidebar-content{float:right}}.has-sidebar .main-area,.projects-page .main-area{width:70%;height:auto;display:table-cell;vertical-align:top;padding-bottom:200px}@media (max-width:992px){.has-sidebar .main-area,.projects-page .main-area{display:block;width:100%}.has-sidebar .main-area .main-content,.projects-page .main-area .main-content{max-width:none}}@media (min-width:1600px){.has-sidebar .main-area,.projects-page .main-area{width:65%}}@media (min-width:2100px){.has-sidebar .main-area,.projects-page .main-area{width:60%}}.has-sidebar .main-area .main-content,.projects-page .main-area .main-content{display:block;width:100%;padding-left:20px;padding-right:20px;max-width:880px;text-align:center;min-height:600px}@media (min-width:992px){.has-sidebar .main-area .main-content,.projects-page .main-area .main-content{padding-left:40px;padding-right:40px}}.sidebar-content nav{margin:0;height:100%;z-index:1}@media (min-width:993px){.sidebar-content nav{padding-top:50px}.sidebar-content nav.fixed{position:fixed;top:20px}}@media screen and (max-width:992px){.sidebar-content nav,.sidebar-content nav.fixed{position:relative}}.sidebar-content nav ul{list-style:none;margin-left:5px;padding-left:10px;transition:max-height 300ms ease-in-out}.sidebar-content nav ul li.active>a *{color:#70bb32}.sidebar-content nav ul li.open>ul{max-height:600px}@media (max-width:992px){.sidebar-content nav ul{padding-left:0;text-align:center;margin-left:0}}.sidebar-content nav ul h3,.sidebar-content nav ul h4,.sidebar-content nav ul h5{margin-top:10px;margin-bottom:5px;font-weight:400}.sidebar-content nav ul a{display:inline-block;text-decoration:none}.sidebar-content nav .level-1 h3{font-size:1.1em;color:rgba(0,0,0,.8);cursor:pointer}@media (max-width:992px){.sidebar-content nav .level-1{border-left:none;background-color:#c0e6a0;padding-top:10px;padding-bottom:10px}}.sidebar-content nav .level-2{overflow:hidden;max-height:0;border-left:1px solid #c0e6a0}.sidebar-content nav .level-2 h4{font-size:.9em;color:rgba(0,0,0,.8)}@media (max-width:992px){.sidebar-content nav .level-2{border-left:none;background-color:#cdebb4}}.sidebar-content nav .level-3{overflow:hidden;max-height:0;border-left:1px solid #dbf0c9}.sidebar-content nav .level-3 h5{font-size:.8em;color:rgba(0,0,0,.8)}@media (max-width:992px){.sidebar-content nav .level-3{border-left:none;background-color:#e8f6dd}}.profile nav h3:hover{opacity:.8}.profile nav h4{opacity:.7;margin:.5rem 0}.profile li h3{opacity:.5}.profile li.active a,.profile li.active h3,.profile li.open a,.profile li.open h3{opacity:1;color:#000!important}.profile li.active>ul{max-height:100%}.profile .profile-settings{position:relative;top:30px}.profile .profile-settings strong{display:block;margin:3rem 0 1rem}.profile .profile-settings h1{font-size:1.5rem}#registrationForm .profile .profile-settings input[type=submit],.profile .profile-settings #registrationForm input[type=submit],.profile .profile-settings .button,.profile .profile-settings .quick-menu .login input[type=submit],.profile .profile-settings .quick-menu .new-profile input[type=submit],.profile .profile-settings .tagAdd,.quick-menu .login .profile .profile-settings input[type=submit],.quick-menu .new-profile .profile .profile-settings input[type=submit]{padding:20px;font-size:1rem;font-family:Asap,sans-serif}@media (min-width:992px){.profile .profile-settings .button{padding:12px 20px}}.profile .profile-settings-forms{margin-top:30px}.profile .profile-settings-forms label{font-weight:600}#registrationForm .profile .profile-settings-forms input[type=submit],.profile .profile-settings-forms #registrationForm input[type=submit],.profile .profile-settings-forms .button,.profile .profile-settings-forms .quick-menu .login input[type=submit],.profile .profile-settings-forms .quick-menu .new-profile input[type=submit],.profile .profile-settings-forms .tagAdd,.quick-menu .login .profile .profile-settings-forms input[type=submit],.quick-menu .new-profile .profile .profile-settings-forms input[type=submit]{margin-top:60px}@media (max-width:992px){.profile .profile-settings-forms .button{width:100%}}.profile .profile-settings-forms ::-webkit-input-placeholder{color:#000;font-size:1rem;font-family:Asap,sans-serif}.profile .profile-settings-forms :-moz-placeholder{color:#000;font-size:1rem;font-family:Asap,sans-serif}.profile .profile-settings-forms ::-moz-placeholder{color:#000;font-size:1rem;font-family:Asap,sans-serif}.profile .profile-settings-forms :-ms-input-placeholder{color:#000;font-size:1rem;font-family:Asap,sans-serif}.profile .profile-settings-forms div.profile-input{font-size:1rem;font-family:Asap,sans-serif;color:#000;position:relative;min-height:30px}.profile .profile-settings-forms div.profile-input+div.profile-input{margin-top:20px}.profile .profile-settings-forms div.profile-input#bio{min-height:200px}.profile .profile-settings-forms div.profile-input input,.profile .profile-settings-forms div.profile-input textarea{height:30px;line-height:30px;border:1px solid transparent;border-bottom-color:#e6e6e6;min-width:200px;width:140px;display:inline-block;padding:4px 8px 4px 0;color:#000;font-size:1rem;font-family:Asap,sans-serif;position:absolute;top:-8px;left:100px;transition:all .2s}@media (min-width:992px){.profile .profile-settings-forms div.profile-input input,.profile .profile-settings-forms div.profile-input textarea{width:300px}}.profile .profile-settings-forms div.profile-input input:focus,.profile .profile-settings-forms div.profile-input textarea:focus{outline:0;border-bottom-color:#a3db78;color:#000}.profile .profile-settings-forms div.profile-input textarea{border:1px solid #e6e6e6;min-height:200px;left:102px;line-height:normal;display:inline-block;text-align:left;overflow:hidden;padding:8px;resize:none;max-width:100%;font-size:.9rem;width:138px}@media (min-width:992px){.profile .profile-settings-forms div.profile-input textarea{width:298px}}.profile .profile-settings-forms div.profile-input textarea:focus{border-color:#a3db78}.profile .profile-settings-forms div.profile-input input:hover{border-bottom-color:rgba(163,219,120,.78);color:grey}.profile .profile-settings-forms div.profile-input input:hover:focus{color:#000;border-bottom-color:#a3db78}.profile .profile-settings-forms div.profile-input input[type=password]{letter-spacing:1px;font-size:1.1rem}.profile .profile-settings-forms div.profile-input textarea:hover{border-color:rgba(163,219,120,.78);color:grey}.profile .profile-settings-forms div.profile-input textarea:hover:focus{color:#000;border-color:#a3db78}.profile .profile-settings-forms div.profile-input.warning input,.profile .profile-settings-forms div.profile-input.warning textarea{border-bottom-color:#fe6561;color:#fe6561}.profile .profile-settings-forms div.profile-input.warning textarea{border-color:#fe6561}.profile .profile-settings-forms div.profile-input.warning label{color:#fe6561}.profile .profile-settings-forms div.profile-input.confirm-password{display:none}.profile .profile-settings-forms div.profile-input.confirm-password.visible{display:block}.profile .profile-settings-forms label:after{content:":";display:inline-block}.profile .profile-settings-forms .avatar{margin:0 0 50px;position:relative;overflow:hidden;height:98px;line-height:98px}.profile .profile-settings-forms .avatar .ink{background:rgba(255,255,255,.5);overflow:hidden}.profile .profile-settings-forms .avatar label{float:left}.profile .profile-settings-forms .avatar .avatar-image{position:absolute;height:98px;width:98px;left:100px;user-select:none}.profile .profile-settings-forms .avatar .avatar-image img{border-radius:50%;height:auto;width:98px}.profile .profile-settings-forms .avatar .avatar-image span{opacity:0;border-radius:50%;position:absolute;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.58);text-align:center;line-height:98px;font-size:.85rem;color:#fff;transition:opacity .2s;user-select:none}.profile .profile-settings-forms .avatar .avatar-image:hover span{opacity:1;cursor:pointer}#registrationForm .profile-settings-packages input[type=submit],.profile-settings-packages #registrationForm input[type=submit],.profile-settings-packages .button,.profile-settings-packages .quick-menu .login input[type=submit],.profile-settings-packages .quick-menu .new-profile input[type=submit],.profile-settings-packages .tagAdd,.quick-menu .login .profile-settings-packages input[type=submit],.quick-menu .new-profile .profile-settings-packages input[type=submit]{margin-top:30px;margin-bottom:30px}@media (max-width:992px){.profile-settings-packages .button{width:100%}}.profile-settings-packages strong{margin-top:3rem;display:block;margin-bottom:1rem}.profile-settings-packages.packages-content{top:0}.box{background:#fff;padding:15px;margin-bottom:15px;transition:box-shadow .2s;position:relative;height:100%;width:100%}.box .row{display:block;margin:0}.box .row [class*=col-]{margin:0}@media (min-width:992px){.box .row [class*=col-]{float:none;display:table-cell;vertical-align:top}}@media (min-width:992px){.box .row{margin:0;display:table}}.box .forum-thread-text{margin-top:4px}.box i{font-size:3rem;color:#acacac}.box h3{margin-bottom:3px;font-size:1.3rem;font-weight:400}.box h3 a{text-decoration:none;color:rgba(0,0,0,.5)}.box h3 a:hover{color:#000}.box p{font-size:.8rem;color:#8f8f8f}.box:last-child{margin-bottom:0}.box .stats{font-size:.8rem;position:absolute;left:15px;bottom:0}@media (min-width:992px){.box .stats{text-align:right;right:0;bottom:0}}.box .stats span{color:#7f7f7f}.box .stats span:first-child{margin-right:8px}.box .stats span span{color:#000}.box .stats span span:first-child{margin-right:0}.box .other{padding-top:10px;display:block;margin-top:20px;overflow:hidden;width:100%}.box .other .edit{font-size:.8rem;position:absolute;right:15px;bottom:0;opacity:.6;text-decoration:underline;display:inline-block}@media (min-width:992px){.box .other .edit{top:0;right:0}}.box .other .edit:hover{opacity:1;text-decoration:none}@media (min-width:992px){.box .other{margin-top:0!important}}.profile-settings-following{margin-top:20px}.profile-settings-following li{font-size:1.05rem;margin-bottom:1rem;padding-bottom:1rem;padding-left:0;list-style:none;border-bottom:1px solid #f1f1f1}@media (min-width:992px){.profile-settings-following li{margin-bottom:1rem;padding-bottom:0;font-size:.9rem;border-bottom:none}}.profile-settings-following li:last-child{margin-bottom:0}.profile-settings-following li a{display:inline-block;font-size:.95rem;margin-bottom:1rem}@media (min-width:992px){.profile-settings-following li a{font-size:1rem;margin-bottom:0}}.profile-settings-following li a:hover{text-decoration:none;background:0 0}@media (min-width:992px){.profile-settings-following li span{display:inline-block!important}}.profile-settings-following li .unfollow{opacity:.7;margin-left:5px;margin-right:0}#registrationForm .profile-settings-following li input.unfollow[type=submit],.profile-settings-following li #registrationForm input.unfollow[type=submit],.profile-settings-following li .quick-menu .login input.unfollow[type=submit],.profile-settings-following li .quick-menu .new-profile input.unfollow[type=submit],.profile-settings-following li .unfollow.button,.profile-settings-following li .unfollow.tagAdd,.quick-menu .login .profile-settings-following li input.unfollow[type=submit],.quick-menu .new-profile .profile-settings-following li input.unfollow[type=submit]{display:block;font-size:.9rem;padding:12px 0;border:none}@media (min-width:992px){.profile-settings-following li .unfollow.button{display:inline-block;font-size:.75rem;padding:0}}#registrationForm .profile-settings-following li .unfollow.button input.unfollow[type=submit],.profile-settings-following li .unfollow.button #registrationForm input.unfollow[type=submit],.profile-settings-following li .unfollow.button .ink,.profile-settings-following li .unfollow.button .quick-menu .login input.unfollow[type=submit],.profile-settings-following li .unfollow.button .quick-menu .new-profile input.unfollow[type=submit],.profile-settings-following li .unfollow.button .unfollow.tagAdd,.quick-menu .login .profile-settings-following li .unfollow.button input.unfollow[type=submit],.quick-menu .new-profile .profile-settings-following li .unfollow.button input.unfollow[type=submit]{background:rgba(255,255,255,.23)}#registrationForm .profile-settings-following li input.unfollow[type=submit]:hover,.profile-settings-following li #registrationForm input.unfollow[type=submit]:hover,.profile-settings-following li .quick-menu .login input.unfollow[type=submit]:hover,.profile-settings-following li .quick-menu .new-profile input.unfollow[type=submit]:hover,.profile-settings-following li .unfollow.button:hover,.profile-settings-following li .unfollow.tagAdd:hover,.quick-menu .login .profile-settings-following li input.unfollow[type=submit]:hover,.quick-menu .new-profile .profile-settings-following li input.unfollow[type=submit]:hover{background:0 0;border:none;color:#000;opacity:1}small.notification,small.notification__blue,small.notification__green,small.notification__red,small.notification__yellow{display:inline-block;position:absolute;line-height:43px;padding:0 10px;margin:60px 0 0}small.notification.success,small.success.notification__blue,small.success.notification__green,small.success.notification__red,small.success.notification__yellow{color:#000}small.alert.notification__blue,small.alert.notification__green,small.alert.notification__red,small.alert.notification__yellow,small.notification.alert{color:#fe6561}.profile-settings #open-for-colab{width:auto;left:200px;top:-10px}.profile-settings #contris ul li{list-style:none}.profile-settings #contris ul a.contri-name{text-decoration:none;line-height:1.7rem;color:#000;font-size:.8rem}.profile-settings #contris ul a.contri-name:hover{text-decoration:underline}.profile-settings #contris ul a.remove-contri{display:inline-block;text-decoration:none;font-size:.75rem;margin-left:.7rem;margin-right:.5rem;color:rgba(0,0,0,.5);max-height:14px;cursor:pointer}@media (min-width:992px){.profile-settings #contris ul a.remove-contri{max-width:14px;overflow:hidden}}.profile-settings #contris ul a.remove-contri:hover{color:#000}.profile-settings #contris ul a.remove-contri i{display:inline-block;font-size:14px;margin-right:5px;transform:translateY(2px)}.profile-settings #contris #forums li{list-style:none}.profile-settings #contris #forums a.remove-forum{display:inline-block;text-decoration:none;font-size:.75rem;margin-left:.7rem;margin-right:.5rem;color:rgba(0,0,0,.5);max-height:14px;cursor:pointer}@media (min-width:992px){.profile-settings #contris #forums a.remove-forum{max-width:14px;overflow:hidden}}.profile-settings #contris #forums a.remove-forum:hover{color:#000}.profile-settings #contris #forums a.remove-forum i{display:inline-block;font-size:14px;margin-right:5px;transform:translateY(2px)}.markdown-syntax a{text-decoration:none}.markdown-syntax a.absent{color:#c00}.markdown-syntax a.anchor{display:block;padding-left:30px;margin-left:-30px;cursor:pointer;position:absolute;top:0;left:0;bottom:0}.markdown-syntax h1,.markdown-syntax h2,.markdown-syntax h3,.markdown-syntax h4,.markdown-syntax h5,.markdown-syntax h6{margin:1em 0 10px;padding:0;font-weight:700;-webkit-font-smoothing:antialiased;cursor:text;position:relative;color:rgba(0,0,0,.8)}.markdown-syntax h1:hover a.anchor,.markdown-syntax h2:hover a.anchor,.markdown-syntax h3:hover a.anchor,.markdown-syntax h4:hover a.anchor,.markdown-syntax h5:hover a.anchor,.markdown-syntax h6:hover a.anchor{background:url(assets/images/documentation/para.png) 10px center no-repeat;text-decoration:none}.markdown-syntax h1 code,.markdown-syntax h1 tt,.markdown-syntax h2 code,.markdown-syntax h2 tt,.markdown-syntax h3 code,.markdown-syntax h3 tt,.markdown-syntax h4 a,.markdown-syntax h4 code,.markdown-syntax h4 tt,.markdown-syntax h5 code,.markdown-syntax h5 tt,.markdown-syntax h6 code,.markdown-syntax h6 tt{font-size:inherit}.markdown-syntax *+h2{margin-top:3rem}.markdown-syntax *+h3,.markdown-syntax *+h4{margin-top:2rem}.markdown-syntax img{margin:1.5rem 0}.markdown-syntax p{margin:10px 0;line-height:1.5;word-break:break-word;color:#000}.markdown-syntax li{padding:0 0 3px;color:#000}.markdown-syntax h1{font-size:2.1rem}.markdown-syntax h2{font-size:1.7rem}.markdown-syntax h3{font-size:1.6rem}.markdown-syntax h4{font-size:1.4rem}.markdown-syntax h5{font-size:1.2}.markdown-syntax h6{font-size:1.1rem}.markdown-syntax blockquote,.markdown-syntax dl,.markdown-syntax ol,.markdown-syntax pre,.markdown-syntax table,.markdown-syntax ul{margin:0 0 1rem}.markdown-syntax hr{border-top:1px #f5f5f5 solid;margin:3em 0;color:#871A1A;height:0;padding:0}.markdown-syntax a:first-child h1,.markdown-syntax a:first-child h2,.markdown-syntax a:first-child h3,.markdown-syntax a:first-child h4,.markdown-syntax a:first-child h5,.markdown-syntax a:first-child h6,.markdown-syntax body>h1:first-child,.markdown-syntax body>h1:first-child+h2,.markdown-syntax body>h2:first-child,.markdown-syntax body>h3:first-child,.markdown-syntax body>h4:first-child,.markdown-syntax body>h5:first-child,.markdown-syntax body>h6:first-child{margin-top:0;padding-top:0}.markdown-syntax h1 p,.markdown-syntax h2 p,.markdown-syntax h3 p,.markdown-syntax h4 p,.markdown-syntax h5 p,.markdown-syntax h6 p{margin-top:0}.markdown-syntax li p.first{display:inline-block}.markdown-syntax ol,.markdown-syntax ul{padding-left:30px}.markdown-syntax ol :first-child,.markdown-syntax ul :first-child{margin-top:0}.markdown-syntax ol :last-child,.markdown-syntax ul :last-child{margin-bottom:0}.markdown-syntax dl{padding:0}.markdown-syntax dl dt{font-size:14px;font-weight:700;font-style:italic;padding:0;margin:15px 0 5px}.markdown-syntax dl dt:first-child{padding:0}.markdown-syntax dl dt>:first-child{margin-top:0}.markdown-syntax dl dt>:last-child{margin-bottom:0}.markdown-syntax dl dd{margin:0 0 15px;padding:0 15px}.markdown-syntax dl dd>:first-child{margin-top:0}.markdown-syntax dl dd>:last-child{margin-bottom:0}.markdown-syntax blockquote{border-left:4px solid #ddd;padding:0 15px;color:#777}.markdown-syntax blockquote>:first-child{margin-top:0}.markdown-syntax blockquote>:last-child{margin-bottom:0}.markdown-syntax table{padding:0}.markdown-syntax table tr{border-top:1px solid #ccc;background-color:#fff;margin:0;padding:0}.markdown-syntax table tr:nth-child(2n){background-color:#f8f8f8}.markdown-syntax table tr th{font-weight:700;border:1px solid #ccc;text-align:left;margin:0;padding:6px 13px}.markdown-syntax table tr td{border:1px solid #ccc;text-align:left;margin:0;padding:6px 13px}.markdown-syntax table tr td:first-child,.markdown-syntax table tr th:first-child{margin-top:0}.markdown-syntax table tr td:last-child,.markdown-syntax table tr th:last-child{margin-bottom:0}.markdown-syntax img{max-width:100%}.markdown-syntax span.frame{display:block;overflow:hidden}.markdown-syntax span.frame>span{border:1px solid #ddd;display:block;float:left;overflow:hidden;margin:13px 0 0;padding:7px;width:auto}.markdown-syntax span.frame span img{display:block;float:left}.markdown-syntax span.frame span span{clear:both;color:#333;display:block;padding:5px 0 0}.markdown-syntax span.align-center{display:block;overflow:hidden;clear:both}.markdown-syntax span.align-center>span{display:block;overflow:hidden;margin:13px auto 0;text-align:center}.markdown-syntax span.align-center span img{margin:0 auto;text-align:center}.markdown-syntax span.align-right{display:block;overflow:hidden;clear:both}.markdown-syntax span.align-right>span{display:block;overflow:hidden;margin:13px 0 0;text-align:right}.markdown-syntax span.align-right span img{margin:0;text-align:right}.markdown-syntax span.float-left{display:block;margin-right:13px;overflow:hidden;float:left}.markdown-syntax span.float-left span{margin:13px 0 0}.markdown-syntax span.float-right{display:block;margin-left:13px;overflow:hidden;float:right}.markdown-syntax span.float-right>span{display:block;overflow:hidden;margin:13px auto 0;text-align:right}.markdown-syntax code{background:0 0}.markdown-syntax code,.markdown-syntax tt{margin:0 2px;padding:1px 5px;white-space:pre-wrap;border:1px solid #000;background-color:rgba(255,255,255,0);border-radius:3px}.markdown-syntax pre{overflow:auto;display:block;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;background-color:#333;color:#fff;font-size:.9rem;line-height:1.4em;background-clip:padding-box;padding:20px 30px;white-space:pre;margin:20px -15px}@media (min-width:992px){.markdown-syntax pre{margin:20px -30px}}.markdown-syntax pre code{margin:0;padding:0;white-space:pre;background:0 0}.markdown-syntax pre code,.markdown-syntax pre tt{background-color:transparent;border:none}.documentation .markdown-syntax pre{margin:20px 0}.markdown-editor{position:fixed;bottom:-100%;max-height:100%;width:100%;padding:.2rem;background-color:rgba(252,252,252,.94);box-shadow:0 -2px 6px 0 rgba(0,0,0,.08);transition:bottom .6s cubic-bezier(.7,0,.3,1),top .6s cubic-bezier(.7,0,.3,1);z-index:800}@media (max-width:768px){.markdown-editor{top:100%;padding:20px 0 0}}.markdown-editor.write{bottom:0;overflow-y:scroll;visibility:visible}@media (max-width:768px){.markdown-editor.write{top:0}}@media (max-width:992px){.markdown-editor.mobile-preview #input-container{display:none}.markdown-editor.mobile-preview #preview-container{display:block}}@media (max-width:992px){.markdown-editor #preview-container{display:none}}.markdown-editor input,.markdown-editor select,.markdown-editor textarea{border:1px solid transparent}.markdown-editor input:active,.markdown-editor input:focus,.markdown-editor select:active,.markdown-editor select:focus,.markdown-editor textarea:active,.markdown-editor textarea:focus{outline:0}.markdown-editor input.warning,.markdown-editor select.warning,.markdown-editor textarea.warning{border:1px solid #fe6561!important}.markdown-editor .wmd-button{position:relative;margin-right:15px;left:0!important;font-size:1.4em;top:10px;cursor:pointer;float:left;border-radius:20px;transition:top 300ms cubic-bezier(.7,0,.3,1),opacity 300ms cubic-bezier(.7,0,.3,1)}@media (min-width:992px){.markdown-editor .show .wmd-button{top:10px;opacity:.9}}.markdown-editor .reply-to p{font-size:.8rem;overflow:hidden;color:#000;background:0 0}.markdown-editor .reply-to span{font-weight:800}.markdown-editor #wmd-button-bar{position:relative;height:30px}@media (max-width:768px){.markdown-editor #wmd-button-bar{display:none}}.markdown-editor .input-row label{display:block;margin-bottom:5px;color:#a9a9a9;font-size:.8rem}.markdown-editor .wmd-button-row{list-style:none}.markdown-editor .wmd-button-row li:hover span{color:#000}.markdown-editor .wmd-button-row li span{background-image:none;color:#727272;transition:color .2s ease-in}.markdown-editor .wmd-button-row li span:before{font-family:our-umbraco!important;content:attr(data-icon);font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.markdown-editor .wmd-spacer{float:left;position:relative;width:27px;display:block;opacity:0;height:20px}@media (max-width:992px){.markdown-editor .wmd-spacer{display:none}}.markdown-editor #wmd-input{height:300px;width:100%;padding:.5rem;font-size:.8rem;color:#000;background:#fff;border:2px solid #f5f5f5;transition:border-color .2s}@media (max-width:768px){.markdown-editor #wmd-input{height:152px}}.markdown-editor #wmd-preview{width:100%;min-height:300px;max-height:300px;overflow-y:scroll;padding:.5rem 20px;font-size:.8rem;color:#000;background:#ededed}@media (max-width:768px){.markdown-editor #wmd-preview{max-height:150px;min-height:150px;margin-bottom:0}}.markdown-editor .markdown-close{position:absolute;right:1.5rem;top:2rem;font-size:28px;cursor:pointer;opacity:.6;transition:opacity .3s}@media (min-width:992px){.markdown-editor .markdown-close{top:1.5rem}}.markdown-editor .markdown-close:hover{opacity:1}.markdown-editor .draft{position:fixed;bottom:-40px;right:30px;background-color:#a3db78;color:#fff;padding:12px 20px;cursor:pointer;opacity:0;font-size:.9rem;font-weight:700;transition:opacity .3s cubic-bezier(.7,0,.3,1),bottom .6s cubic-bezier(.7,0,.3,1),box-shadow .2s ease-in-out}.markdown-editor .draft.show{bottom:30px;opacity:1}.markdown-editor .draft.show:hover{background:#9cd86c}.markdown-editor .markdown-control{font-family:Asap,sans-serif;font-size:.8rem;-webkit-appearance:none}@media (max-width:768px){.markdown-editor .markdown-control{padding:5px!important}}.markdown-editor #topic-title{padding:.5rem;font-size:.8rem;overflow:hidden;color:#000;background:#fff;width:100%}.markdown-editor select{position:relative;border:none;border-radius:0;padding:.5rem;font-size:.8rem;overflow:hidden;color:#000;background:#fff;width:100%}@media (max-width:768px){.markdown-editor select{margin-top:20px}}.markdown-editor select::after{position:absolute;display:block;top:0;right:0;content:"<";color:#000}.markdown-editor #topic-category option.frontend{background:#4ea7ff;color:#fff}.markdown-editor #topic-category option.core{background:#ff661b;color:#fff}.markdown-editor #topic-category option.azure{background:#1ed45c;color:#fff}.markdown-editor #topic-submit{border:none;background:#2EB369;color:#fff;font-size:.9rem;padding:10px;width:100%;max-width:140px;font-family:Asap,sans-serif;cursor:pointer}.markdown-editor #topic-submit:hover{background:#33c773}.markdown-editor #mobile-preview{border:none;background:0 0;-webkit-appearance:none;text-align:right;float:right;opacity:.4;cursor:pointer;transition:opacity .3s}.markdown-editor #mobile-preview i{font-size:24px;display:inline-block;transform:translate(-3px,5px)}.markdown-editor #mobile-preview span{font-size:14px}.markdown-editor #mobile-preview:hover{opacity:1}@media (max-width:768px){.markdown-editor #mobile-preview{margin-bottom:10px}}@media (max-width:992px){.markdown-editor.mobile-preview #wmd-preview{margin-bottom:4px}}.markdown-editor.mobile-preview #mobile-preview{color:#a3db78;opacity:1}.wmd-prompt-background{background-color:#000}#insert-image-dialog{position:fixed;z-index:1001}#insert-image-dialog.show{clip:auto;opacity:1;top:50%;left:50%}.wmd-prompt-dialog{opacity:1;clip:auto;margin:0!important}.wmd-prompt-dialog input[type=text]{text-align:left}.markdown-spacer{position:relative;height:0;transition:height .6s cubic-bezier(.7,0,.3,1)}.markdown-spacer.write{height:500px}.category,.version{display:inline-block;margin:0}.category a,.category span.cat,.version a,.version span.cat{display:inline-block;font-weight:700;border-radius:2px;font-size:.7rem;padding:3px 5px;text-decoration:none;text-transform:capitalize;transition:background .2s}@media (min-width:992px){.category a,.category span.cat,.version a,.version span.cat{padding:4px 6px;font-size:.85rem}}.category.default a,.category.default span.cat,.version.default a,.version.default span.cat{background:0 0;border:1px solid #cbcbcb;color:#b2b2b2}.category.default a:hover,.category.default span.cat:hover,.version.default a:hover,.version.default span.cat:hover{color:#989898}.category.frontend a,.category.frontend span.cat,.version.frontend a,.version.frontend span.cat{background:#4ea7ff;color:#fff}.category.frontend a:hover,.category.frontend span.cat:hover,.version.frontend a:hover,.version.frontend span.cat:hover{background:#68b6ff}.category.core a,.category.core span.cat,.version.core a,.version.core span.cat{background:#ff661b;color:#fff}.category.core a:hover,.category.core span.cat:hover,.version.core a:hover,.version.core span.cat:hover{background:#ff7535}.category.azure a,.category.azure span.cat,.version.azure a,.version.azure span.cat{background:#1ed45c;color:#fff}.category.azure a:hover,.category.azure span.cat:hover,.version.azure a:hover,.version.azure span.cat:hover{background:#2be167}.version a,.version span.cat{background:#cbcbcb;color:#fefefe}.version a:hover,.version span.cat:hover{background:#d8d8d8}.version.default a,.version.default span.cat{background:0 0;border:1px solid #cbcbcb;color:#b2b2b2}.version.default a:hover,.version.default span.cat:hover{color:#989898;background:0 0}@media (max-width:992px){.roles{display:block;margin-top:.3rem}}.roles span{border:2px solid #2f6bff;color:#2f6bff;font-size:.6rem;font-weight:700;padding:2px 6px;display:inline-block}.roles span:hover{cursor:default}.roles span+span{margin-left:5px}.roles span:first-child{margin-left:0}@media (min-width:992px){.roles span:first-child{margin-left:.3rem}}.roles span.standard{display:none}.roles span.hq{border-color:#fe6561;color:#fe6561;text-transform:uppercase}.roles span.admin{border-color:#43cfcf;color:#43cfcf;text-transform:capitalize}.roles span.mvp{border-color:#df89ff;color:#df89ff;text-transform:uppercase}.roles span.core{border-color:#e8b142;color:#e8b142;text-transform:capitalize}.roles .roles span.corecontrib,.roles span.c-trib{border-color:#5dacff;color:#5dacff;text-transform:capitalize}.roles span.corecontrib{visibility:hidden;position:relative}.roles span.corecontrib:after{visibility:visible;position:absolute;top:-2px;left:-2px;display:block;content:"C-trib";border:inherit;padding:inherit}.comments{list-style-type:none;padding:0 20px;position:relative;margin:0 0 0 10px}@media (min-width:992px){.comments{padding:0 20px 0 30px;margin:0 0 0 30px}}.comments .comment{margin-bottom:75px;position:relative;border-radius:2px}.comments .comment .comment-inner{padding:15px;background:rgba(127,148,153,.08);border:1px solid rgba(127,148,153,.15);border-bottom:none;border-top:none;transition:all .2s}@media (min-width:992px){.comments .comment .comment-inner{padding:20px 30px 30px}}.comments .comment.solution{background:rgba(163,219,120,.23)}.comments .comment.solution .photo img{padding:2px;border:1px solid #a3db78}.comments .comment.solution .meta{border:1px solid rgba(163,219,120,.3);border-bottom:none}.comments .comment.solution .comment-inner{border:1px solid rgba(163,219,120,.3);border-bottom:none;border-top:none}.comments .comment.solution .actions{border-top:none}.comments .comment.solution .body a{color:#000;word-wrap:break-word;text-decoration:underline}.comments .comment.solution .body a:hover{text-decoration:none}.comments .comment .photo{position:absolute;left:-22px;top:10px;z-index:10}.comments .comment .photo span{display:none}@media (min-width:992px){.comments .comment .photo span{display:block;font-size:.7rem;text-decoration:none;position:absolute;left:50%;transform:translate(-50%,4px);background:#fff;padding:3px;text-align:center;color:#8e8e8e}}@media (min-width:992px){.comments .comment .photo{left:-52px}}.comments .comment .photo img{overflow:hidden;max-width:32px;border-radius:50%;height:auto;transition:box-shadow .2s}@media (min-width:992px){.comments .comment .photo img{max-width:44px}}.comments .comment .highfive{position:absolute;top:100%;left:0;right:0;font-size:1rem;text-decoration:none;padding:10px 0;background:rgba(85,157,255,.14);border-right:1px solid rgba(85,157,255,.2);border-left:1px solid rgba(85,157,255,.2);border-bottom:1px solid rgba(85,157,255,.2);color:#5204d4;font-weight:700;text-align:center}.comments .comment .highfive .highfive-count,.comments .comment .highfive img{display:none}@media (min-width:992px){.comments .comment .highfive{right:auto;top:auto;font-size:.7rem;transform:translate(-52px,6px);background:#fff;padding:3px;text-align:center;color:#8e8e8e;border:none;max-width:44px;min-width:44px;line-height:1.3;display:block}.comments .comment .highfive a,.comments .comment .highfive img{margin:0}.comments .comment .highfive .highfive-count{display:inline-block;font-size:.85rem;font-weight:700;padding-top:3px}.comments .comment .highfive .highfive-count+a{margin-top:10px}.comments .comment .highfive img{display:block;margin:0 auto .2rem}}.comments .comment .highfive img{transition:transform .2s;max-width:22px;height:auto}.comments .comment .highfive a{display:block;text-decoration:none;opacity:.7;transition:all .2s}.comments .comment .highfive:hover a{opacity:1;color:#000}.comments .comment .body{white-space:normal}.comments .comment .body li,.comments .comment .body p{line-height:1.5;font-size:1rem}.comments .comment .body *+*{margin-top:15px}.comments .comment .body a{color:#70bb32;word-wrap:break-word}.comments .comment .body a:hover{text-decoration:underline}.comments .comment .meta{padding:.7rem 20px;font-size:.9rem;overflow:hidden;color:#7F9499;background:rgba(127,148,153,.08);border:1px solid rgba(127,148,153,.15);border-bottom:none;transition:all .2s}.comments .comment .meta .profile,.comments .comment .meta .time{float:left}.comments .comment .meta .profile{width:auto}.comments .comment .meta .profile a{color:#445255;text-decoration:none;display:block}@media (min-width:992px){.comments .comment .meta .profile a{display:inline-block}}.comments .comment .meta .profile a:hover{text-decoration:underline}.comments .comment .meta .profile span{margin-right:.1rem}.comments .comment .meta .time{text-decoration:none;float:right}.comments .comment .meta+.body{padding-top:1rem}.comments .comment .meta .gotosolution{margin-left:5px;color:#000;float:right}@media (min-width:992px){.comments .comment .meta .gotosolution{float:none}}.comments .comment .meta .gotosolution:hover{text-decoration:none}.comments .comment .meta .hide-xs{display:none}@media (min-width:992px){.comments .comment .meta .hide-xs{display:inline-block}}.comments .comment.question .topic{font-size:1.1rem}@media (min-width:992px){.comments .comment.question .topic{font-size:1.5rem}}.comments .comment .body-meta{margin-bottom:1rem;padding-bottom:1rem;overflow:hidden;border-bottom:1px solid transparent}.comments .comment .body-meta .category a,.comments .comment .body-meta .version a{font-size:.7rem}@media (min-width:992px){.comments .comment .body-meta .category a,.comments .comment .body-meta .version a{font-size:.9rem}}.comments .comment .body-meta .category{margin-bottom:.5rem}.comments .comment .body-meta .categories,.comments .comment .body-meta .topic{display:inline-block;vertical-align:middle}.comments .comment .body-meta .topic{width:100%;margin-bottom:.2rem}@media (min-width:992px){.comments .comment .body-meta .topic{margin-bottom:0;width:74%}}.comments .comment .body-meta .categories{width:100%}@media (min-width:992px){.comments .comment .body-meta .categories{width:25%;text-align:right;float:right}}.comments .comment .actions{display:flex;justify-content:space-between;padding:10px 20px;background:rgba(127,148,153,.08);border:1px solid rgba(127,148,153,.15);border-top:none;transition:background .2s}.comments .comment .actions a{display:flex;flex-direction:row;align-items:center;text-decoration:none;cursor:pointer;color:rgba(0,0,0,.5);font-size:.9rem}@media (min-width:992px){.comments .comment .actions a{overflow:hidden;margin-right:.5rem}}.comments .comment .actions a:hover{color:#000}.comments .comment .actions a span{display:none}.comments .comment .actions a i{display:inline-block;font-size:1.4rem}@media (min-width:992px){.comments .comment .actions a i{font-size:1.1rem;margin-right:.5rem}}@media (min-width:992px){.comments .comment .actions{justify-content:flex-end;padding:10px 0}}@media (min-width:992px){.comments .comment:hover .actions a span{display:inline-block}}.comments .alert{background:rgba(235,116,57,.1);padding:15px;border-top:3px solid rgba(235,116,57,.25);color:#db5416}@media (max-width:992px){.comments .roles{display:inline-block;margin-left:5px}.comments .roles span{text-indent:-9999px;padding:0;margin:0;border-radius:50%;height:10px;width:10px}}.comments .level-2{margin-left:15px}@media (min-width:992px){.comments .level-2{margin-left:30px}}.replybutton{text-align:center;width:100%;margin:0 auto}#registrationForm .replybutton input[type=submit],.quick-menu .login .replybutton input[type=submit],.quick-menu .new-profile .replybutton input[type=submit],.replybutton #registrationForm input[type=submit],.replybutton .button,.replybutton .quick-menu .login input[type=submit],.replybutton .quick-menu .new-profile input[type=submit],.replybutton .tagAdd{display:inline-block;margin:0 auto 50px;text-align:center}#registrationForm .replybutton input.reply[type=submit],.quick-menu .login .replybutton input.reply[type=submit],.quick-menu .new-profile .replybutton input.reply[type=submit],.replybutton #registrationForm input.reply[type=submit],.replybutton .button.reply,.replybutton .quick-menu .login input.reply[type=submit],.replybutton .quick-menu .new-profile input.reply[type=submit],.replybutton .reply.tagAdd{font-size:.85rem}@media (min-width:992px){.replybutton .button.reply{font-size:1.2rem}}.replybutton.notloggedin{background:rgba(235,116,57,.1);border:2px solid rgba(235,116,57,.2);padding:30px 0;margin:30px auto;width:calc(100% - 40px)}.replybutton.notloggedin a:hover{text-decoration:none}@media (min-width:992px){.replybutton.notloggedin{padding:30px 0;margin:60px auto 30px;width:100%}}.pagination{margin-top:60px;margin-left:10px;display:flex;justify-content:center;align-items:center}@media (min-width:992px){.pagination{justify-content:flex-end}}.pagination a{padding:12px 16px;border:1px solid #b1b1b1;border-radius:3px;background:#fff;text-decoration:none;display:inline-block;margin-top:5px;margin-left:5px;font-size:.9rem;font-weight:400;color:#b1b1b1}@media (min-width:992px){.pagination a{padding:6px 12px}}.pagination a:first-of-type,.pagination a:last-of-type{margin-left:0}.pagination a:hover{border-color:#717171;color:#7e7e7e}.pagination a.active{background:#2EB369;color:#fff;font-weight:700;border-color:#2EB369}.pagination a.active:hover{cursor:default}.pagination span{margin:0 8px;font-size:1.1rem;letter-spacing:1px}.pagination .next:after,.pagination .prev:before{font-weight:400}.pagination .next:hover,.pagination .prev:hover{border-color:#7e7e7e;color:#7e7e7e}body.packages nav h3:hover{opacity:.8}body.packages nav h4{opacity:.7;margin:.5rem 0}body.packages li h3{opacity:.5}body.packages li.active a,body.packages li.active h3,body.packages li.open a,body.packages li.open h3{opacity:1;color:#000!important}body.packages li.active>ul{max-height:100%}.packages-content .search-big{margin-bottom:0;margin-top:20px}.packages-content h1{margin:1em 0 10px;font-size:2.1rem}.packages-content .package{margin-bottom:15px;padding:20px;transition:all .1s linear;cursor:pointer;position:relative;overflow:hidden;border-radius:3px;border:1px solid #e9e9e9}.packages-content .package:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.packages-content .package:hover .icon{transform:scale(1.1)}.packages-content .box{border:none;border-bottom:1px solid #f5f5f5;width:100%}.packages-content .box h3{font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.packages-content .box h3 a{color:rgba(0,0,0,.8)}.packages-content .box h3 a:hover{color:#a3db78}.packages-content .box img{max-width:100%;height:auto;display:block;vertical-align:middle}.packages-content .box .col-xs-2{vertical-align:middle!important;padding:0!important}.packages-content .box .other{margin-top:30px}.packages-content .box .stats{left:calc(16.666666666666664% + 15px);font-family:Consolas,"Liberation Mono",Menlo,Monaco,Courier,monospace;font-size:.75rem}.packages-content .box .stats i{margin-left:3px;font-size:.9rem}.packages-content .box .stats span:first-child{margin-right:0}.packages-content .box p{font-size:.9rem;color:#000;opacity:1}.packages-content .box .package-badge{position:absolute;right:15px;bottom:-3px}@media (min-width:992px){.packages-content .box .package-badge{position:absolute;right:0;bottom:25px}}.packages-content .box .downloads,.packages-content .box .karma{color:#000}.packages-content .box .downloads span,.packages-content .box .karma span{transform:translate(0,2px);display:inline-block}.packages-content .box.liked .karma i{color:#fe6561}.packages-content .name{font-size:1rem;line-height:1.3;font-weight:700}.packages-content .description{font-size:.8rem;margin-top:3px;max-height:28px;overflow:hidden}.package-badge{font-size:.7rem;overflow:hidden;font-weight:700;color:#fff}.package-badge span{background:#484848;background:linear-gradient(to bottom,#545454 0,#2f2f2f 100%);padding:5px 7px;margin:0;display:inline-block;float:left}.package-badge span.package-name{border-top-left-radius:3px;border-bottom-left-radius:3px}.package-badge span.package-number{background:#2EB369;background:linear-gradient(to bottom,#59d48f 0,#2eb369 100%);border-top-right-radius:3px;border-bottom-right-radius:3px}.package-badge.blue .package-number{background:#2f6bff;background:linear-gradient(to bottom,#7ca3ff 0,#2f6bff 100%)}#registrationForm .package-badge.green input.package-badge[type=submit],.package-badge.green #registrationForm input.package-badge[type=submit],.package-badge.green .package-number,.package-badge.green .quick-menu .login input.package-badge[type=submit],.package-badge.green .quick-menu .new-profile input.package-badge[type=submit],.quick-menu .login .package-badge.green input.package-badge[type=submit],.quick-menu .new-profile .package-badge.green input.package-badge[type=submit]{background:#2EB369;background:linear-gradient(to bottom,#59d48f 0,#2eb369 100%)}.package-badge.red .package-number{background:#fe6561;background:linear-gradient(to bottom,#feaead 0,#fe6561 100%)}.package-badge.orange .package-number{background:#EB7439;background:linear-gradient(to bottom,#f2a37e 0,#eb7439 100%)}.package-badge.our .package-number{background:#a3db78;background:linear-gradient(to bottom,#cdebb4 0,#a3db78 100%);color:#000}.search-big{display:inline-block;position:relative;width:100%;margin-bottom:20px}.search-big input{-webkit-appearance:none;border-radius:0;border:1px solid #cfcfcf;padding:20px 6px;outline:0;display:block;width:100%;font-size:1.3rem;min-height:60px;font-family:Asap,sans-serif;z-index:20;position:relative}.search-big input+label{position:absolute;z-index:10;transform:translate(0,-10px);transition:transform .4s cubic-bezier(.7,0,.3,1),opacity .3s cubic-bezier(.7,0,.3,1);opacity:0;color:#ccc;font-size:.8rem}.search-big input:valid+label{opacity:1;top:3px;transform:translate(0,0)}.search-big input:focus+label{color:#000;transform:translate(0,-20px)}.search-big input:focus{border-color:#a3db78}.package-create{position:relative;top:15px;max-width:100%}.package-create h1,.package-create h2,.package-create h3,.package-create legend{color:rgba(0,0,0,.8);font-weight:700}.package-create h1{margin-top:0}.package-create h2{font-size:1.6rem;margin:0 0 10px}.package-create h3,.package-create legend{font-size:1.2rem;margin:0 0 10px}.package-create p{font-size:.95rem;line-height:1.5;color:#000}.package-create p+p{margin-top:20px}.package-create .stepNavigation{list-style:none;margin-bottom:1rem;padding-bottom:1rem;margin-top:1.5rem;border-bottom:1px solid rgba(0,0,0,.18)}.package-create .stepNavigation li{display:inline-block;margin-right:.5rem;color:#000;font-size:.75rem}@media (min-width:992px){.package-create .stepNavigation li{font-size:.9rem;margin-right:1rem}}.package-create .stepNavigation li.current{color:rgba(0,0,0,.8);font-weight:700}.package-create .stepNavigation li:last-child{margin-right:0}.package-create .stepNavigation li a{text-decoration:none}.package-create .stepNavigation li a:hover{color:#000}.package-create fieldset{padding:0 0 1.5rem;margin:1.5rem 0 0;border:none;border-bottom:1px solid #f5f5f5;max-width:100%}@media (max-width:992px){.package-create fieldset input{max-width:360px}}.package-create label{color:#000;width:10rem;padding:1.5rem .5rem .2rem 0;display:inline-block;font-size:1rem;font-weight:700}.package-create label.pickfile{font-size:.9rem;padding:0;color:#000}@media (min-width:992px){.package-create label{width:15rem}}.package-create small{font-size:.85rem;color:#000;margin:5px 0 0;max-width:90%}@media (min-width:1142px){.package-create small{margin:0;max-width:80%;opacity:.6}}.package-create input,.package-create textarea{font-family:Asap,sans-serif}.package-create input.error,.package-create input.warning,.package-create textarea.error,.package-create textarea.warning{border-color:#fe6561!important}.package-create input[type=text],.package-create textarea{font-size:.95rem;color:#000;border:1px solid #e8e8e8}.package-create input[type=text]:active,.package-create input[type=text]:focus,.package-create textarea:active,.package-create textarea:focus{outline:0;border-color:#a3db78}.package-create input[type=text]{padding:12px 10px;outline:0;width:30rem}.package-create input[type=checkbox]+label{font-size:.9rem;color:rgba(0,0,0,.8);margin-left:.5rem}.package-create input[type=checkbox]:checked+label{font-weight:700}.package-create input[type=checkbox]+label+small,.package-create select+small{top:-20px}.package-create textarea{padding:8px}.package-create ::-webkit-input-placeholder{color:red}.package-create #ContentPlaceHolderDefault_Main_Editor_5_ctl00_Collab+label{padding:0}.package-create .buttons{margin-top:2rem;text-align:right}#registrationForm .package-create .buttons input[type=submit],.package-create .buttons #registrationForm input[type=submit],.package-create .buttons .button,.package-create .buttons .quick-menu .login input[type=submit],.package-create .buttons .quick-menu .new-profile input[type=submit],.package-create .buttons .tagAdd,.quick-menu .login .package-create .buttons input[type=submit],.quick-menu .new-profile .package-create .buttons input[type=submit]{font-size:.9rem}.package-create .buttons a{font-size:.9rem;color:#000}.package-create .buttons a:hover{text-decoration:none;color:rgba(0,0,0,.8)}.package-create .pickversionWrapper{overflow:hidden}.package-create .pickversion{font-size:.95rem;color:#000;float:left}.package-create .pickversion input[type=checkbox]{margin-right:.5rem;margin-bottom:.5rem}.package-create .pickversion input[type=checkbox]:checked+*{font-weight:700}.package-create #pickNetVersion label,.package-create #pickTrustLevel label,.package-create #pickVersion label{padding-bottom:.5rem;padding-top:0}.package-create #pickVersion{margin-top:0;float:left;display:block}.package-create.complete fieldset{margin-top:2rem}.package-create.complete fieldset label{padding:1.5rem 0 0}.package-create.complete fieldset p+p{margin:.5rem 0 0}.dataTable{border-collapse:collapse;border:1px solid #ddd;width:100%;margin-bottom:1rem}.dataTable td,.dataTable th{padding:8px!important;font-size:.8rem}.dataTable th{color:#fff;background:#a3db78;font-size:14px}.dataTable tbody tr{transition:background .3s ease-in}.dataTable tbody tr:hover{background:#ddd}.dataTable tbody tr.totals{font-weight:700;font-size:14px}.dataTable tbody tr.totals:hover td{background:#82B84F}.dataTable tbody tr.totals td{border-top:3px solid #a3db78}.dataTable .count,.dataTable .dataTable .center{text-align:center}.dataTable .dataTable .right,.dataTable .money{text-align:right}.eligibilityNotification{border:2px solid #a3db78;background:rgba(163,219,120,.18);padding:15px}.eligibilityNotification li,.eligibilityNotification p{font-size:.9rem;color:#000}.eligibilityNotification ul{list-style:none;margin:.8rem 0}.eligibilityNotification li{margin-left:.3rem;font-weight:700}.eligibilityNotification.notEligible{border-color:#EB7439;background:rgba(235,116,57,.18)}div.ac_results{background:#fff;padding:20px;border:1px solid #f5f5f5}div.ac_results li{padding-bottom:.5rem}.tagAdd{padding:12px 20px!important;float:right}@media (min-width:992px){.tagAdd{position:absolute;float:none}}.package-detail{padding-top:0;position:relative}.package-detail .vote{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}.package-detail .vote i{font-size:1.1rem;color:rgba(0,0,0,.3);display:inline-block;margin-right:5px}.package-detail .vote i.liked{color:#f64051}.package-detail .vote:hover{cursor:pointer}.package-detail .vote:hover i{color:#f64051}.package-detail .vote:hover i.liked{color:rgba(0,0,0,.3)}.package-detail .vote:hover span{color:#000}.package-detail .vote span{font-size:.9rem;color:rgba(0,0,0,.4)}.package-detail .markdown-syntax pre{margin:0 0 1rem}.package-detail .package-forum-activity{overflow:hidden}.package-detail .package-forum-activity .goto{text-align:right;font-size:.9rem;color:#000;float:right}.package-detail .package-forum-activity .goto:hover{text-decoration:none;color:rgba(0,0,0,.8)}.package-detail .forum-thread{padding:10px}.package-detail .forum-thread img{max-width:60px;height:auto}.package-detail .forum-thread .forum-thread-text{margin-top:.7rem}.package-detail .forum-thread .forum-thread-text h3{font-size:.9rem;color:rgba(0,0,0,.8)}.package-detail .forum-thread .forum-thread-text p{color:#000}.package-detail-sidebar{font-size:.9rem;line-height:1.5;color:#000;margin-top:2rem}@media (min-width:992px){.package-detail-sidebar{margin-top:0}}#registrationForm .package-detail-sidebar input[type=submit],.package-detail-sidebar #registrationForm input[type=submit],.package-detail-sidebar .button,.package-detail-sidebar .quick-menu .login input[type=submit],.package-detail-sidebar .quick-menu .new-profile input[type=submit],.package-detail-sidebar .tagAdd,.quick-menu .login .package-detail-sidebar input[type=submit],.quick-menu .new-profile .package-detail-sidebar input[type=submit]{max-width:80%;padding:15px 20px;font-size:1rem;margin:.5rem 0 2.5rem}#registrationForm .package-detail-sidebar .button input[type=submit],.package-detail-sidebar .button #registrationForm input[type=submit],.package-detail-sidebar .button .quick-menu .login input[type=submit],.package-detail-sidebar .button .quick-menu .new-profile input[type=submit],.package-detail-sidebar .button .tagAdd,.package-detail-sidebar .button i,.quick-menu .login .package-detail-sidebar .button input[type=submit],.quick-menu .new-profile .package-detail-sidebar .button input[type=submit]{font-size:1.5rem;position:relative;display:inline-block;top:4px;left:5px}.package-detail-sidebar h2,.package-detail-sidebar h3,.package-detail-sidebar span,.package-detail-sidebar strong{color:rgba(0,0,0,.8)}.package-detail-sidebar h2{font-size:1.5rem;margin-bottom:1rem}.package-detail-sidebar h3{margin-bottom:.3rem;font-size:1.08rem;font-weight:700}.package-detail-sidebar ul{margin-bottom:.8rem}.package-detail-sidebar li{list-style:none;font-size:.9rem;padding:.15rem 0 0}.package-detail-sidebar li:first-child{padding:0}.package-detail-sidebar small{color:#000}.package-detail-sidebar span,.package-detail-sidebar strong{font-weight:700}.package-detail-sidebar span{padding-right:3px}.package-detail-sidebar .package-creator{position:relative}.package-detail-sidebar .package-creator h3{margin:0 0 1rem}.package-detail-sidebar .package-creator .row{margin-top:0;margin-bottom:0}.package-detail-sidebar .package-creator img{display:inline-block;border-radius:50%;max-width:80px;min-width:80px;height:auto;vertical-align:middle}.package-detail-sidebar .package-creator .package-creator-information h3{margin:0;font-size:1rem;color:rgba(0,0,0,.8)}.package-detail-sidebar .package-creator .package-creator-information h3 a{text-decoration:none}.package-detail-sidebar .package-creator .package-creator-information h3 a:hover{color:#a3db78}.package-detail-sidebar .package-creator .package-creator-information small{font-size:.8rem;transform:translate(0,-3px)}.package-detail-sidebar .package-creator .package-creator-information .text{margin:0 0 0 .5rem;display:inline-block;vertical-align:bottom}.package-detail-sidebar .package-creator .package-creator-information .text a{text-decoration:underline}.package-detail-sidebar .package-creator .package-creator-information .text a:hover{text-decoration:none}.package-detail-sidebar .package-compatibility,.package-detail-sidebar .package-creator{border-bottom:1px solid #f5f5f5;margin-bottom:1rem;padding-bottom:1rem}.package-compatibility-versions .versions{margin-bottom:1rem}.package-compatibility-versions span{display:block;font-weight:400}.package-compatibility-versions strong{margin-right:5px}.package-detail-content h3{display:block;margin-bottom:.4rem;font-size:1.2rem}.package-detail-content .package-detail-description{margin-bottom:2rem}.package-detail-content .package-detail-description h1{font-size:2.1rem;line-height:1.5;color:rgba(0,0,0,.8);margin-bottom:1rem;margin-top:0;max-width:95%;position:relative;z-index:1;font-weight:700}.package-detail-content .package-detail-description a:hover{text-decoration:none}.package-detail-content .package-detail-description .hero-image{max-width:100%;height:auto;margin-bottom:1.5rem}.package-detail-content .package-detail-description li,.package-detail-content .package-detail-description p{font-size:1rem;line-height:1.5;color:#000}.package-detail-content .package-detail-description li+*,.package-detail-content .package-detail-description p+*{margin-top:1rem}.package-detail-content .package-detail-description li+h3,.package-detail-content .package-detail-description p+h3{margin-top:1.7rem}.package-detail-content .package-detail-description li.hero,.package-detail-content .package-detail-description p.hero{font-size:1.25rem!important;line-height:1.4;color:rgba(0,0,0,.8);margin-bottom:1.5rem}.package-detail-content .package-detail-description ul{margin-left:40px}.package-detail-content .package-detail-description ul li{margin:0}.package-detail-content .package-detail-description h3{display:block;margin-bottom:.4rem;font-size:1.2rem}.package-detail-content .package-detail-screenshots{overflow:hidden}.package-detail-content .package-detail-screenshots a{margin-bottom:.5rem;display:block;position:relative;width:23%;max-height:100px;overflow:hidden;margin-right:2%;float:left;border:1px solid #f5f5f5}.package-detail-content .package-detail-screenshots img{max-width:100%;height:auto}.package-detail-content .tabs{margin:6rem 0 0;padding:0;list-style:none}.package-detail-content .tabs li{background:0 0;color:rgba(0,0,0,.8);display:inline-block;padding:10px 15px;cursor:pointer;font-size:1rem}.package-detail-content .tabs li.current{background:#ededed;color:rgba(0,0,0,.8)}.package-detail-content .tabs li:hover{opacity:.8}.package-detail-content .tab-content{display:none;background:#ededed;padding:30px;margin-bottom:6rem}.package-detail-content .tab-content h3{font-size:1.1rem;margin-bottom:1rem;color:rgba(0,0,0,.8)}.package-detail-content .tab-content p{font-size:1rem;color:#000}.package-detail-content .tab-content span{color:rgba(0,0,0,.4);font-size:.8rem;display:block;margin-top:.2rem}.package-detail-content .tab-content.current{display:inherit}.package-misc .search-all-results{border:none}.package-misc .search-all-results li{border:none;padding:10px}.package-misc .search-all-results .type-context{padding-left:10px}.public-member{font-size:.9rem;line-height:1.5;color:#000;margin-top:2rem}.public-member .member-details{display:flex;align-items:center}.public-member .member-details img{border-radius:50%;max-width:112px;min-width:112px;height:auto}.public-member .member-details h3{margin:0;font-size:1.2rem;line-height:1.3;color:rgba(0,0,0,.8);font-weight:700}.public-member .member-details small{line-height:1.3;color:#445255;font-size:1.15rem;font-weight:700;margin:0}.public-member .member-details a:hover{text-decoration:none}.public-member .member-details .text{margin:0 0 0 1rem}.public-member .member-details .text small{font-size:1rem;font-weight:400;color:#5a6d71}.public-member .member-details .roles{display:flex;flex-wrap:wrap;flex:0 0 100%}.public-member .member-details .roles span{font-size:.85rem;margin:0 2% 2% 0}.public-member h3{margin:0 0 .5rem;font-weight:700;font-size:1.15rem}.public-member .member-bio{margin-top:1rem}.public-member .member-bio p{font-size:1rem;line-height:1.4;color:#4f5f63}.public-member .category{margin-top:.5rem}.public-member .category span.cat{font-size:.75rem}.public-member .forum-thread .row{display:flex;align-items:center}.public-member .forum-thread-text h3,.public-member .goto{font-size:1rem}@media (min-width:992px){.public-member .forum-thread-text h3{font-size:1.1rem}}.public-member .goto:hover{text-decoration:none}.flex,.flex-center{display:flex}.flex-center{align-items:center;justify-content:center}.quickmenu .notification,.quickmenu .notification__blue,.quickmenu .notification__green,.quickmenu .notification__red,.quickmenu .notification__yellow{opacity:0;left:25%}.notification,.notification__blue,.notification__green,.notification__red,.notification__yellow{position:fixed;z-index:999;left:50%;bottom:30px;transform:translate(-50%,0);opacity:1;transition:all .3s cubic-bezier(0,0,.22,.88);width:90%;margin:0 auto;max-width:1024px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px 10px;border-radius:4px;border:1px solid #85beff;background:#b8d9ff;color:#00499e}.notification__red{border:1px solid #fa040c;background:#feb3b5;color:#4a0104}.notification__red a,.notification__red a:visited{text-decoration:underline;color:#4a0104}.notification__red a:hover,.notification__red a:visited:hover{text-decoration:none}.notification__red .close-notification:hover{color:#af0308}.notification__yellow{border:1px solid #f7e4b4;background:#faeccb;color:#9c7410}.notification__yellow a,.notification__yellow a:visited{text-decoration:underline;color:#9c7410}.notification__yellow a:hover,.notification__yellow a:visited:hover{text-decoration:none}.notification__yellow .close-notification:hover{color:#eec357}.notification__blue{border:1px solid #6bb0ff;background:#b8d9ff;color:#004a9e}.notification__blue a,.notification__blue a:visited{text-decoration:underline;color:#004a9e}.notification__blue a:hover,.notification__blue a:visited:hover{text-decoration:none}.notification__blue .close-notification:hover{color:#001a38}.notification__green{border:1px solid #00e75c;background:#9bffc3;color:#008134}.notification__green a,.notification__green a:visited{text-decoration:underline;color:#008134}.notification__green a:hover,.notification__green a:visited:hover{text-decoration:none}.notification__green .close-notification:hover{color:#001b0b}.notification .notification__blue,.notification .notification__green,.notification .notification__red,.notification .notification__yellow,.notification h1,.notification h2,.notification h3{margin-bottom:.5rem;font-weight:700}.notification .notification__blue,.notification .notification__green,.notification .notification__red,.notification .notification__yellow,.notification h1{font-size:1.3rem}.notification .notification__blue,.notification .notification__green,.notification .notification__red,.notification .notification__yellow,.notification h2{font-size:1.2rem}.notification .notification__blue,.notification .notification__green,.notification .notification__red,.notification .notification__yellow,.notification h3{font-size:1.1rem}.notification .notification__blue,.notification .notification__green,.notification .notification__red,.notification .notification__yellow,.notification a,.notification p{font-size:1rem;line-height:1.5}.notification .notification__blue,.notification .notification__green,.notification .notification__red,.notification .notification__yellow,.notification a:hover{text-decoration:none}.notification .notification__blue,.notification .notification__green,.notification .notification__red,.notification .notification__yellow,.notification small{margin:0;display:inline-block}.notification .message,.notification .notification__blue,.notification .notification__green,.notification .notification__red,.notification .notification__yellow{flex:0 0 100%;margin-bottom:1rem}.notification .close-notification,.notification .notification__blue,.notification .notification__green,.notification .notification__red,.notification .notification__yellow{left:15px;cursor:pointer;font-size:1rem;text-align:right;flex:0 0 100%}.notification .close-notification .notification__blue,.notification .close-notification .notification__green,.notification .close-notification .notification__red,.notification .close-notification .notification__yellow,.notification .close-notification i{position:relative;top:3px;font-size:1.2rem;margin-right:3px}@media (min-width:992px){.notification{padding:20px;width:100%;top:100px;bottom:auto}.notification .notification__blue,.notification .notification__green,.notification .notification__red,.notification .notification__yellow,.notification p{font-size:.95rem}.notification .message,.notification .notification__blue,.notification .notification__green,.notification .notification__red,.notification .notification__yellow{flex:1 0 89%;margin-right:1%;margin-bottom:0}.notification .close-notification,.notification .notification__blue,.notification .notification__green,.notification .notification__red,.notification .notification__yellow{flex:0 0 10%}}.alertbar,.alertbar__blue,.alertbar__green,.alertbar__red,.alertbar__yellow{background:#f4ebba;text-align:center;border:none!important;padding:20px}.alertbar__red{border:1px solid #fa040c;background:#feb3b5;color:#4a0104}.alertbar__red a,.alertbar__red a:visited{text-decoration:underline;color:#4a0104}.alertbar__red a:hover,.alertbar__red a:visited:hover{text-decoration:none}.alertbar__red .close-notification:hover{color:#af0308}.alertbar__yellow{border:1px solid #f7e4b4;background:#faeccb;color:#9c7410}.alertbar__yellow a,.alertbar__yellow a:visited{text-decoration:underline;color:#9c7410}.alertbar__yellow a:hover,.alertbar__yellow a:visited:hover{text-decoration:none}.alertbar__yellow .close-notification:hover{color:#eec357}.alertbar__blue{border:1px solid #6bb0ff;background:#b8d9ff;color:#004a9e}.alertbar__blue a,.alertbar__blue a:visited{text-decoration:underline;color:#004a9e}.alertbar__blue a:hover,.alertbar__blue a:visited:hover{text-decoration:none}.alertbar__blue .close-notification:hover{color:#001a38}.alertbar__green{border:1px solid #00e75c;background:#9bffc3;color:#008134}.alertbar__green a,.alertbar__green a:visited{text-decoration:underline;color:#008134}.alertbar__green a:hover,.alertbar__green a:visited:hover{text-decoration:none}.alertbar__green .close-notification:hover{color:#001b0b}.alertbar .alertbar__blue,.alertbar .alertbar__green,.alertbar .alertbar__red,.alertbar .alertbar__yellow,.alertbar h1,.alertbar h2,.alertbar h3{margin-bottom:.8rem}.alertbar .alertbar__blue,.alertbar .alertbar__green,.alertbar .alertbar__red,.alertbar .alertbar__yellow,.alertbar h1{font-size:1.7rem}.alertbar .alertbar__blue,.alertbar .alertbar__green,.alertbar .alertbar__red,.alertbar .alertbar__yellow,.alertbar h2{font-size:1.3rem}.alertbar .alertbar__blue,.alertbar .alertbar__green,.alertbar .alertbar__red,.alertbar .alertbar__yellow,.alertbar h3{font-size:1rem}.alertbar .alertbar__blue,.alertbar .alertbar__green,.alertbar .alertbar__red,.alertbar .alertbar__yellow,.alertbar p{font-size:.95rem}.alertbar p .alertbar__blue,.alertbar p .alertbar__green,.alertbar p .alertbar__red,.alertbar p .alertbar__yellow,.alertbar p a:hover{text-decoration:none}.alertbar .alertbar__blue,.alertbar .alertbar__green,.alertbar .alertbar__red,.alertbar .alertbar__yellow,.alertbar img{max-width:100%;height:auto}.docs{padding:0;border-bottom:1px solid rgba(127,148,153,.11)}.docs .row{margin:0}@media (max-width:992px){.docs .col-md-6,.docs .container,.docs .row{padding:0}.docs .col-md-6 p,.docs .container .page,.docs .container .subpage,.docs .container p,.docs .row p{padding:0 40px}}.docs .advanced,.docs .beginners{padding:80px 20px;text-align:center}@media (min-width:992px){.docs .advanced,.docs .beginners{padding:80px 60px}}@media (max-width:992px){.docs .advanced{padding:40px 0 80px;border-top:1px solid rgba(127,148,153,.11)}}@media (min-width:992px){.docs .col-md-6:last-child{border-left:1px solid rgba(127,148,153,.11)}}.docs img{margin-bottom:30px;display:inline-block}.docs h2{font-size:2rem;margin-bottom:1rem}.docs p{color:#4f5f63;line-height:1.5;font-size:1.1rem;margin-bottom:30px}#registrationForm .docs input[type=submit],.docs #registrationForm input[type=submit],.docs .button,.docs .quick-menu .login input[type=submit],.docs .quick-menu .new-profile input[type=submit],.docs .tagAdd,.quick-menu .login .docs input[type=submit],.quick-menu .new-profile .docs input[type=submit]{font-size:1rem}@media (min-width:992px){.docs .button{font-size:1.2rem}}section.forum{background:center bottom no-repeat rgba(127,148,153,.11);background-size:100%;position:relative}section.forum h1{font-size:1.8rem;text-align:center;position:relative;z-index:30;margin-bottom:3.5rem}@media (min-width:992px){section.forum h1{font-size:2.4rem}}section.forum h1+p{max-width:700px;margin:1rem auto 3rem;padding:0 10px;font-size:1rem;color:#5a6d71;text-align:center}@media (min-width:992px){section.forum h1+p{padding:0;font-size:1.2rem}}section.forum .col-md-6{margin-bottom:40px}@media (min-width:992px){section.forum .col-md-6{margin-bottom:0}}section.forum .goto-forum{text-align:center;margin-top:60px}section.forum .forum-thread .category{margin:.5rem 0 0}section.forum .forum-thread .category span{font-size:.75rem}@media (min-width:992px){section.forum .button{font-size:1.2rem}}section.forum small{font-size:.9rem;color:#4f5f63;text-transform:uppercase;font-weight:700;letter-spacing:.5px;display:block;margin-bottom:.5rem}.forum-thread,.person-activity{background:#fff;padding:15px;margin-bottom:30px;width:100%;border:1px solid #e9e9e9;transition:box-shadow .2s;text-decoration:none;display:flex;align-items:center}.forum-thread .row,.person-activity .row{margin:0}.forum-thread img,.person-activity img{border-radius:50%;width:100%;max-width:112px;height:auto}@media (min-width:992px){.forum-thread img,.person-activity img{max-width:58px}}.forum-thread img.aura,.person-activity img.aura{border:2px solid transparent;border-radius:50%;padding:3px}.forum-thread img.aura.mvp,.person-activity img.aura.mvp{border-color:rgba(46,179,105,.4)}.forum-thread img.aura.admin,.person-activity img.aura.admin{border-color:rgba(246,23,0,.4)}.forum-thread img.aura.hq,.person-activity img.aura.hq{border-color:rgba(34,124,246,.4)}.forum-thread h3,.person-activity h3{margin-bottom:2px;font-weight:400;color:#000;line-height:1.3;font-size:1rem}@media (min-width:992px){.forum-thread h3,.person-activity h3{font-size:1.1rem}}.forum-thread p,.person-activity p{margin:0;text-align:left;font-size:.9rem;color:#7F9499}.forum-thread:last-child,.person-activity:last-child{margin-bottom:0}.forum-thread small,.person-activity small{font-size:.8rem}.forum-thread .col-xs-2,.person-activity .col-xs-2{padding:0 .1rem}@media (min-width:992px){.forum-thread .col-xs-2,.person-activity .col-xs-2{padding:0 .3rem}}.leaderboard,.people{position:relative;overflow:hidden}.leaderboard .user-profile,.people .user-profile{width:100%;max-width:68px;margin:0 auto;height:auto;border-radius:50%;position:relative;transition:box-shadow .2s}.leaderboard h1,.leaderboard p,.people h1,.people p{text-align:center;position:relative;z-index:30}.leaderboard h1,.people h1{font-size:1.8rem}@media (min-width:992px){.leaderboard h1,.people h1{font-size:2.4rem}}.leaderboard p,.people p{max-width:700px;margin:1rem auto 3rem;padding:0 10px;font-size:1rem;color:#5a6d71}@media (min-width:992px){.leaderboard p,.people p{padding:0;font-size:1.2rem}}#registrationForm .leaderboard input[type=submit],#registrationForm .people input[type=submit],.leaderboard #registrationForm input[type=submit],.leaderboard .button,.leaderboard .quick-menu .login input[type=submit],.leaderboard .quick-menu .new-profile input[type=submit],.leaderboard .tagAdd,.people #registrationForm input[type=submit],.people .button,.people .quick-menu .login input[type=submit],.people .quick-menu .new-profile input[type=submit],.people .tagAdd,.quick-menu .login .leaderboard input[type=submit],.quick-menu .login .people input[type=submit],.quick-menu .new-profile .leaderboard input[type=submit],.quick-menu .new-profile .people input[type=submit]{margin:3rem auto 0}@media (min-width:992px){.leaderboard .button,.people .button{font-size:1.2rem}}.people{text-align:center;background:rgba(127,148,153,.11)}.people .container,.people .page,.people .subpage{max-width:1400px;position:relative;z-index:30}.people div[class^=col-]{margin-bottom:15px}.leaderboard{text-align:center}.leaderboard div[data-attr=weeks],.leaderboard div[data-attr=alltime]{position:relative;z-index:30}@media (min-width:992px){.leaderboard div[data-attr=weeks],.leaderboard div[data-attr=alltime]{margin:2rem 0}}.leaderboard div[data-attr=weeks]{text-align:left}.leaderboard div[data-attr=weeks] .profile,.leaderboard div[data-attr=weeks] strong{padding-left:.5rem}.leaderboard div[data-attr=weeks] .meta{margin-left:4%}.leaderboard div[data-attr=alltime]{margin-bottom:3rem;text-align:left}.leaderboard div[data-attr=alltime] .profile,.leaderboard div[data-attr=alltime] strong{padding-left:.5rem}.leaderboard div[data-attr=alltime] .meta{margin-left:4%}@media (min-width:992px){.leaderboard div[data-attr=alltime]{margin-bottom:0;text-align:right}.leaderboard div[data-attr=alltime] .profile,.leaderboard div[data-attr=alltime] strong{padding-left:0;padding-right:.5rem}.leaderboard div[data-attr=alltime] .profile{flex-direction:row-reverse}.leaderboard div[data-attr=alltime] .profile .meta{margin-left:0;margin-right:4%}}.leaderboard a{text-decoration:none;padding:15px 0}.leaderboard a:hover{background:rgba(127,148,153,.11)}.leaderboard strong{font-size:1rem;color:#E13E8F;text-transform:uppercase;font-weight:700;letter-spacing:.5px;display:block}.leaderboard .profile{display:flex;align-items:center;flex-wrap:wrap}.leaderboard .profile:last-of-type{margin:0}.leaderboard .avatar{flex:0 0 20%}@media (min-width:992px){.leaderboard .avatar{flex:0 0 10%}}.leaderboard .meta{flex:0 0 76%}@media (min-width:992px){.leaderboard .meta{flex:0 0 86%}}.leaderboard .meta .name{padding-left:0;margin-bottom:.4rem;font-size:1rem}@media (min-width:992px){.leaderboard .meta .name{font-size:1.2rem}}.leaderboard .meta small{font-size:.95rem;color:#667b7f}.leaderboard .meta small span{color:#4f5f63}.events{padding:0}.events .event-map{position:relative;overflow:hidden}.events .event-info{padding:20px;color:#fff;background:rgba(22,22,22,.87);text-align:center}@media (min-width:992px){.events .event-info{position:absolute;right:0;top:50%;height:100%;transform:translateY(-50%);width:400px;padding:30px}}.events .event-info img{max-width:66px;height:auto;margin:10px auto 20px;display:block}@media (min-width:992px){.events .event-info img{margin:10px auto 40px}}.events .event-info h1{font-size:2rem;margin-bottom:30px}.events .event-info p{line-height:1.5}.events .event-info a{margin-top:30px;display:inline-block;font-weight:700}.events .event-info a:hover{text-decoration:none}.events #map{height:300px}@media (min-width:992px){.events #map{height:500px}}#registrationForm .community-page .docs input.transparent[type=submit],#registrationForm .community-page .forum input.transparent[type=submit],#registrationForm .frontpage .docs input.transparent[type=submit],#registrationForm .frontpage .forum input.transparent[type=submit],.community-page .docs #registrationForm input.transparent[type=submit],.community-page .docs .button.transparent,.community-page .docs .quick-menu .login input.transparent[type=submit],.community-page .docs .quick-menu .new-profile input.transparent[type=submit],.community-page .docs .transparent.tagAdd,.community-page .forum #registrationForm input.transparent[type=submit],.community-page .forum .button.transparent,.community-page .forum .quick-menu .login input.transparent[type=submit],.community-page .forum .quick-menu .new-profile input.transparent[type=submit],.community-page .forum .transparent.tagAdd,.frontpage .docs #registrationForm input.transparent[type=submit],.frontpage .docs .button.transparent,.frontpage .docs .quick-menu .login input.transparent[type=submit],.frontpage .docs .quick-menu .new-profile input.transparent[type=submit],.frontpage .docs .transparent.tagAdd,.frontpage .forum #registrationForm input.transparent[type=submit],.frontpage .forum .button.transparent,.frontpage .forum .quick-menu .login input.transparent[type=submit],.frontpage .forum .quick-menu .new-profile input.transparent[type=submit],.frontpage .forum .transparent.tagAdd,.quick-menu .login .community-page .docs input.transparent[type=submit],.quick-menu .login .community-page .forum input.transparent[type=submit],.quick-menu .login .frontpage .docs input.transparent[type=submit],.quick-menu .login .frontpage .forum input.transparent[type=submit],.quick-menu .new-profile .community-page .docs input.transparent[type=submit],.quick-menu .new-profile .community-page .forum input.transparent[type=submit],.quick-menu .new-profile .frontpage .docs input.transparent[type=submit],.quick-menu .new-profile .frontpage .forum input.transparent[type=submit]{float:none;font-size:.9rem;padding:12px 14px;transition:all .2s}#registrationForm .community-page .docs input.transparent[type=submit]:hover,#registrationForm .community-page .forum input.transparent[type=submit]:hover,#registrationForm .frontpage .docs input.transparent[type=submit]:hover,#registrationForm .frontpage .forum input.transparent[type=submit]:hover,.community-page .docs #registrationForm input.transparent[type=submit]:hover,.community-page .docs .button.transparent:hover,.community-page .docs .quick-menu .login input.transparent[type=submit]:hover,.community-page .docs .quick-menu .new-profile input.transparent[type=submit]:hover,.community-page .docs .transparent.tagAdd:hover,.community-page .forum #registrationForm input.transparent[type=submit]:hover,.community-page .forum .button.transparent:hover,.community-page .forum .quick-menu .login input.transparent[type=submit]:hover,.community-page .forum .quick-menu .new-profile input.transparent[type=submit]:hover,.community-page .forum .transparent.tagAdd:hover,.frontpage .docs #registrationForm input.transparent[type=submit]:hover,.frontpage .docs .button.transparent:hover,.frontpage .docs .quick-menu .login input.transparent[type=submit]:hover,.frontpage .docs .quick-menu .new-profile input.transparent[type=submit]:hover,.frontpage .docs .transparent.tagAdd:hover,.frontpage .forum #registrationForm input.transparent[type=submit]:hover,.frontpage .forum .button.transparent:hover,.frontpage .forum .quick-menu .login input.transparent[type=submit]:hover,.frontpage .forum .quick-menu .new-profile input.transparent[type=submit]:hover,.frontpage .forum .transparent.tagAdd:hover,.quick-menu .login .community-page .docs input.transparent[type=submit]:hover,.quick-menu .login .community-page .forum input.transparent[type=submit]:hover,.quick-menu .login .frontpage .docs input.transparent[type=submit]:hover,.quick-menu .login .frontpage .forum input.transparent[type=submit]:hover,.quick-menu .new-profile .community-page .docs input.transparent[type=submit]:hover,.quick-menu .new-profile .community-page .forum input.transparent[type=submit]:hover,.quick-menu .new-profile .frontpage .docs input.transparent[type=submit]:hover,.quick-menu .new-profile .frontpage .forum input.transparent[type=submit]:hover{background:#2EB369;color:#fff;opacity:1;border-color:#2EB369}#registrationForm .community-page .docs input.transparent.ink[type=submit],#registrationForm .community-page .forum input.transparent.ink[type=submit],#registrationForm .frontpage .docs input.transparent.ink[type=submit],#registrationForm .frontpage .forum input.transparent.ink[type=submit],.community-page .docs #registrationForm input.transparent.ink[type=submit],.community-page .docs .button.transparent.ink,.community-page .docs .quick-menu .login input.transparent.ink[type=submit],.community-page .docs .quick-menu .new-profile input.transparent.ink[type=submit],.community-page .docs .transparent.ink.tagAdd,.community-page .forum #registrationForm input.transparent.ink[type=submit],.community-page .forum .button.transparent.ink,.community-page .forum .quick-menu .login input.transparent.ink[type=submit],.community-page .forum .quick-menu .new-profile input.transparent.ink[type=submit],.community-page .forum .transparent.ink.tagAdd,.frontpage .docs #registrationForm input.transparent.ink[type=submit],.frontpage .docs .button.transparent.ink,.frontpage .docs .quick-menu .login input.transparent.ink[type=submit],.frontpage .docs .quick-menu .new-profile input.transparent.ink[type=submit],.frontpage .docs .transparent.ink.tagAdd,.frontpage .forum #registrationForm input.transparent.ink[type=submit],.frontpage .forum .button.transparent.ink,.frontpage .forum .quick-menu .login input.transparent.ink[type=submit],.frontpage .forum .quick-menu .new-profile input.transparent.ink[type=submit],.frontpage .forum .transparent.ink.tagAdd,.quick-menu .login .community-page .docs input.transparent.ink[type=submit],.quick-menu .login .community-page .forum input.transparent.ink[type=submit],.quick-menu .login .frontpage .docs input.transparent.ink[type=submit],.quick-menu .login .frontpage .forum input.transparent.ink[type=submit],.quick-menu .new-profile .community-page .docs input.transparent.ink[type=submit],.quick-menu .new-profile .community-page .forum input.transparent.ink[type=submit],.quick-menu .new-profile .frontpage .docs input.transparent.ink[type=submit],.quick-menu .new-profile .frontpage .forum input.transparent.ink[type=submit]{background:rgba(255,255,255,.3)}.map header{background:0 0!important}.map .container,.map .page,.map .subpage{position:relative;z-index:200}.map+div{margin-top:15px}.map nav a,.map nav a:active,.map nav a:visited{text-decoration:none;color:rgba(255,255,255,.6);transition:color .2s}.map nav a:active:hover,.map nav a:hover,.map nav a:visited:hover{color:#fff}.map .event-map{position:relative;padding-top:0!important;min-height:200px}@media (min-width:992px){.map .event-map{min-height:500px}}.map #map{height:200px}@media (min-width:992px){.map #map{height:500px}}.map .col-md-4{margin-bottom:40px}@media (min-width:992px){.map .col-md-4{margin-bottom:0}}.map .people{border-bottom:1px solid #f5f5f5;padding:30px 0}.map .people .teaser{max-width:640px;margin:0 auto}.map .people .teaser h1{margin-bottom:1rem}.map .people .teaser p+p{margin-top:30px}.map .people .teaser strong{font-size:1.2rem}.map .people-activity{background:#f5f5f5;padding:30px 0}.map .people-activity strong{margin-bottom:.3rem;display:block;font-size:1.6rem}@media (min-width:992px){.map .people-activity strong{font-size:1.2rem}}.map .people-activity img{max-height:66px;width:auto}.map .people-activity .person-activity-text{margin-top:8px}.documentation{padding:0}.documentation>.container,.documentation>.page,.documentation>.subpage{position:relative}.documentation #body a{color:#70bb32}.documentation #body a:hover{text-decoration:underline}.documentation #body a.active h3{color:#8ad050!important}.documentation .search-big{margin-bottom:0;margin-top:20px}.docs-overview{text-align:center}.docs-overview h1{font-size:3rem;font-weight:100;color:rgba(0,0,0,.8)}.docs-overview .docs-section{display:inline-block;max-width:400px;text-align:center;color:#000;transition:all .1s cubic-bezier(.7,0,.3,1)}.docs-overview .docs-section img{text-align:center;opacity:.8;transform:scale(.95);transition:all .1s linear}.docs-overview .docs-section h2,.docs-overview .docs-section p{transition:all .1s linear}.docs-overview .docs-section h2{font-weight:100;color:rgba(0,0,0,.8);margin-bottom:1rem}.docs-overview .docs-section p{text-align:center;color:#000}.docs-overview .docs-section:hover{cursor:pointer}.docs-overview .docs-section:hover h2,.docs-overview .docs-section:hover p{color:#000}.docs-overview .docs-section:hover img{opacity:1;transform:scale(1)}.docs-overview .contributing{text-align:left;margin-top:2rem}.docs-overview .contributing h3{color:rgba(0,0,0,.8);font-size:1rem;margin-bottom:.5rem}.docs-overview .contributing p{color:#000;font-size:.9rem;margin-top:0}.docs-overview h3{font-weight:100;margin-top:80px}#markdown-docs a{color:#70bb32;text-decoration:none}#markdown-docs a:hover{color:#406b1c}#markdown-docs h1 a,#markdown-docs h2 a,#markdown-docs h3 a,#markdown-docs h4 a,#markdown-docs h5 a,#markdown-docs h6 a{color:#000;text-decoration:underline}#markdown-docs h1 a:hover,#markdown-docs h2 a:hover,#markdown-docs h3 a:hover,#markdown-docs h4 a:hover,#markdown-docs h5 a:hover,#markdown-docs h6 a:hover{color:#000;text-decoration:none}@media (min-width:992px){#markdown-docs pre{margin:20px 0}}.dot{display:block;position:relative;margin-top:13px;background-color:#dbf0c9;border:3px solid #dbf0c9}.dot .line{display:block;position:absolute}.dot .line.h-line{border-top:solid 3px #dbf0c9}@media (max-width:768px){.dot .line.h-line{display:none}}.dot .line.v-line{border-left:solid 3px #dbf0c9}.dot.big{height:60px;width:60px;border-radius:40px;margin:20px auto 100px;font-size:2rem;line-height:3.5rem;text-indent:.7rem;color:#589327}.dot.big .h-line{left:50px;top:25px;width:70px;height:1px}.dot.big .v-line{left:25px;top:57px;width:1px;height:100px}.dot.big .v-line.top{top:-80px;height:80px}.dot.small{height:20px;width:20px;border-radius:30px;margin:0 auto 115px}.dot.small.last{margin-top:60px;margin-bottom:5px}.dot.small .h-line{left:17px;top:7px;width:70px;height:1px;border-width:1px}.dot.small .v-line{top:17px;left:5px;width:1px;height:120px}.dot.small .v-line.top{height:100px;top:-90px}.point{position:absolute;margin-left:191px;margin-top:21px;z-index:100}.point a{color:#000!important}.point h4{font-size:2rem;margin-top:13px}.explain small,.point small{margin-bottom:10px;color:#000;font-size:.9rem;display:block;line-height:1.3;padding-right:5px}.explain .col-xs-12{min-height:153px}.explain .col-xs-12 h4{margin-top:12px;font-size:2em;margin-bottom:.3rem;color:rgba(0,0,0,.8)}.explain .col-xs-12 h4 a{text-decoration:none}.explain .col-xs-12 h4 a:hover{color:#a3db78}.explain .col-xs-6{min-height:133px}.explain .col-xs-6 h5{font-size:1.1rem;margin-bottom:.2rem;font-weight:600}.explain .col-xs-6 h5 a{color:rgba(0,0,0,.8);text-decoration:none}.explain .col-xs-6 h5 a:hover{color:#a3db78}.explain .col-xs-6>a{display:inline-block;min-height:150px;padding:5px;color:#fff}.explain .col-xs-6>a:hover{cursor:pointer}.umbracoVersion{display:inline-block;font-weight:700;border-radius:2px;text-decoration:none;text-transform:capitalize;transition:background .2s;padding:4px 6px;font-size:.85rem;background:#4ea7ff;color:#fff;margin-top:0}body.download header .navigation,body.download header.sticky .navigation{background:#a3db78}.download-umbraco{background:#a3db78;text-align:center;color:#fff;padding:0 0 100px;position:relative;z-index:90;min-height:530px;height:calc(100vh - 262px)}@media (min-width:992px){.download-umbraco{height:calc(100vh - 262px);background:0 0}.download-umbraco:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#a3db78;z-index:100}}.download-umbraco .container,.download-umbraco .page,.download-umbraco .subpage{padding:20px 20px 0;position:relative;z-index:200}@media (min-width:992px){.download-umbraco .container{transform:translate(-50%,-65%);position:absolute;top:50%;left:50%;padding:20px 0 0}}@media (min-width:992px){.download-umbraco{padding:0 0 100px}}.download-umbraco h1{font-size:2rem;margin-bottom:2rem}@media (min-width:992px){.download-umbraco h1{font-size:3rem}}.download-umbraco p{margin:0 auto 1.5rem;font-size:.97rem;line-height:1.5;color:#000}#registrationForm .download-umbraco p+input[type=submit],.download-umbraco p+#registrationForm input[type=submit],.download-umbraco p+.button,.download-umbraco p+.quick-menu .login input[type=submit],.download-umbraco p+.quick-menu .new-profile input[type=submit],.download-umbraco p+.tagAdd,.quick-menu .login .download-umbraco p+input[type=submit],.quick-menu .new-profile .download-umbraco p+input[type=submit]{margin-top:1.5rem}@media (min-width:992px){.download-umbraco p{font-size:1.3rem}}.download-umbraco p.small{font-size:.97rem}.download-umbraco p a{text-decoration:none;border-bottom:2px solid rgba(0,0,0,.48)}.download-umbraco p a:hover{border-color:#fff}#registrationForm .download-umbraco input[type=submit],.download-umbraco #registrationForm input[type=submit],.download-umbraco .button,.download-umbraco .quick-menu .login input[type=submit],.download-umbraco .quick-menu .new-profile input[type=submit],.download-umbraco .tagAdd,.quick-menu .login .download-umbraco input[type=submit],.quick-menu .new-profile .download-umbraco input[type=submit]{margin-bottom:1rem;position:relative;padding-left:60px;cursor:pointer;overflow:hidden;transition:all .2s ease}#registrationForm .download-umbraco .button input[type=submit],.download-umbraco .button #registrationForm input[type=submit],.download-umbraco .button .quick-menu .login input[type=submit],.download-umbraco .button .quick-menu .new-profile input[type=submit],.download-umbraco .button .tagAdd,.download-umbraco .button i,.quick-menu .login .download-umbraco .button input[type=submit],.quick-menu .new-profile .download-umbraco .button input[type=submit]{font-size:1.5rem;position:absolute;top:50%;left:0;opacity:.5;transform:translate(20px,-53%);transition:opacity .2s}#registrationForm .download-umbraco .button:hover input[type=submit]:hover,#registrationForm .download-umbraco input[type=submit]:hover,.download-umbraco #registrationForm input[type=submit]:hover,.download-umbraco .button:hover,.download-umbraco .button:hover #registrationForm input[type=submit]:hover,.download-umbraco .button:hover .quick-menu .login input[type=submit]:hover,.download-umbraco .button:hover .quick-menu .new-profile input[type=submit]:hover,.download-umbraco .button:hover .tagAdd:hover,.download-umbraco .button:hover i,.download-umbraco .quick-menu .login input[type=submit]:hover,.download-umbraco .quick-menu .new-profile input[type=submit]:hover,.download-umbraco .tagAdd:hover,.quick-menu .login .download-umbraco .button:hover input[type=submit]:hover,.quick-menu .login .download-umbraco input[type=submit]:hover,.quick-menu .new-profile .download-umbraco .button:hover input[type=submit]:hover,.quick-menu .new-profile .download-umbraco input[type=submit]:hover{opacity:1}#registrationForm .download-umbraco .button input[type=submit],.download-umbraco .button #registrationForm input[type=submit],.download-umbraco .button .ink,.download-umbraco .button .quick-menu .login input[type=submit],.download-umbraco .button .quick-menu .new-profile input[type=submit],.download-umbraco .button .tagAdd,.quick-menu .login .download-umbraco .button input[type=submit],.quick-menu .new-profile .download-umbraco .button input[type=submit]{background:rgba(163,219,120,.3)}#registrationForm .download-umbraco input[type=submit]:not(:active),.download-umbraco #registrationForm input[type=submit]:not(:active),.download-umbraco .button:not(:active),.download-umbraco .quick-menu .login input[type=submit]:not(:active),.download-umbraco .quick-menu .new-profile input[type=submit]:not(:active),.download-umbraco .tagAdd:not(:active),.quick-menu .login .download-umbraco input[type=submit]:not(:active),.quick-menu .new-profile .download-umbraco input[type=submit]:not(:active){transition:box-shadow .2s}#registrationForm .download-umbraco input[type=submit]:active,.download-umbraco #registrationForm input[type=submit]:active,.download-umbraco .button:active,.download-umbraco .quick-menu .login input[type=submit]:active,.download-umbraco .quick-menu .new-profile input[type=submit]:active,.download-umbraco .tagAdd:active,.quick-menu .login .download-umbraco input[type=submit]:active,.quick-menu .new-profile .download-umbraco input[type=submit]:active{box-shadow:none}.download-umbraco .pre{overflow:auto;display:block;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;background-color:#333;color:#fff;font-size:.8rem;line-height:1.4em;background-clip:padding-box;padding:8px 25px 8px 50px;border-radius:5px;width:auto;min-width:300px;text-align:center;border:none;margin:0 auto}.download-umbraco .pre:hover{background:#404040;cursor:pointer}.download-umbraco .pm-nuget{position:relative;display:block;margin:0 auto;height:100%;width:300px}.download-umbraco .pm-nuget:before{content:"PM>";display:block;position:absolute;top:50%;left:0;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;font-size:.8rem;transform:translate(25px,-46%);opacity:.9}.download-umbraco .archive{position:absolute;bottom:5%;left:50%;transform:translate(-50%,0);color:#000;z-index:200}.download-umbraco .archive a:hover{text-decoration:none;opacity:1}.historical-releases .content{min-height:40vh;margin-top:100px;padding-left:30px}.historical-releases .title-level{margin-bottom:15px;font-weight:700;font-size:1.3rem}.historical-releases ul li{list-style:none}.historical-releases ul a{color:#000;font-size:1rem;margin-top:10px;margin-bottom:5px}.historical-releases ul a:hover{color:#000}.historical-releases .versions{border-left:1px solid #e6e6e6}.historical-releases .version{width:100%;position:relative;padding:15px 20px 20px;margin-bottom:30px;max-width:640px}.historical-releases .version ul{padding-left:60px;overflow:hidden}.historical-releases .version li{list-style:none;display:block;float:left}.historical-releases .version span{font-size:1.7rem;font-weight:700;background:#fff;color:#222;border:1px solid rgba(34,34,34,.3);border-radius:50%;height:60px;width:60px;line-height:60px;display:block;text-align:center;position:absolute;left:0;top:0;transform:translate(-50%,0);transition:background .2s}.historical-releases .downloadable{width:25%}.historical-releases .downloadable a{font-size:1rem;text-decoration:none;padding:10px 12px;background-color:#2EB369;color:#fff!important;font-weight:700;border-radius:3px;display:block;margin-right:20px;margin-bottom:20px;margin-top:0;min-width:60px;text-align:center;transition:all .2s ease}.historical-releases .downloadable a:hover{background:#33c773;color:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.mac-notice{text-align:center;background:rgba(0,0,0,.13);padding:15px 0;font-size:1.1rem;position:relative;z-index:999;display:none}.mac-notice:before{content:"";display:inline-block;height:24px;width:24px;margin-right:8px;background:url(../images/osx.png) left -3px no-repeat;background-size:24px 24px;vertical-align:middle}.mac-notice a:hover{text-decoration:none}.steps{text-align:left;margin:60px auto 0}@media (min-width:992px){.steps{min-width:960px}}.steps h2{font-size:1.9rem;margin-bottom:50px;font-weight:600;text-align:center}.steps .guide{width:100%;margin:0 auto;text-align:center}.steps img{display:block;margin:0 auto;width:60%;height:auto}.steps .step{font-size:1.5rem;margin-bottom:80px;position:relative;display:inline-block;width:30%}.steps .step span{display:block;text-align:center;border:2px dashed rgba(0,0,0,.23);color:rgba(0,0,0,.23);border-radius:50%;height:50px;width:50px;margin:0 auto 20px;font-size:1.7rem;font-weight:700;line-height:45px}.steps .step.step-one{animation-delay:.1s}.steps .step.step-two{animation-delay:.4s}.steps .step.step-three{animation-delay:.7s}.archive i{font-size:1.3rem;padding-top:2px}body.mac .mac-notice{display:block}.download .dot.progress{text-indent:.3rem;text-align:center;line-height:2.8rem}.download .dot.progress .counter{font-size:1.1rem}.download.latest .dot{margin-top:2rem}.explain .changes small{line-height:.5rem}.chart{position:absolute;top:-4px;left:-8px;z-index:1}.chart .percentage{display:inline-block;position:absolute;top:9px;left:16px;font-size:1.1rem;color:#589327}.chart canvas{top:1px;position:absolute;left:5px}.get-release i{font-size:2.5rem;line-height:5rem}.get-release{line-height:1.5;padding:2.5rem 0;margin:2.5rem 0;border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8}.get-release h3{font-size:1.1rem;margin-bottom:.3rem;color:rgba(0,0,0,.8)}.get-release h3 a{text-decoration:none}.get-release h3 a:hover{color:#a3db78}.get-release p{color:rgba(0,0,0,.8);font-size:.95rem;line-height:1.3;margin-bottom:.5rem}.get-release small{font-size:.7rem;color:#000}.release{min-height:160px}.release.zip i{color:rgba(0,0,0,.8)}.release.bin i{color:rgba(0,0,0,.4);font-size:1.6rem}.release.bin h4{font-size:.9rem;margin-bottom:.3rem;color:rgba(0,0,0,.8)}.release.bin h4 a{text-decoration:none}.release.bin h4 a:hover{color:#a3db78}.release.bin.col-sm-5{padding-top:18px}.release.col-sm-1{text-align:center}.latest .dot.big{margin-bottom:30px}.latest .explain h4{font-size:2.5rem}.latest .explain p{font-size:1.1rem;color:#000}.latest .explain .col-xs-12{min-height:0}.release .markdown-syntax a,.release .markdown-syntax li,.release .markdown-syntax p,.release .markdown-syntax ul{color:rgba(0,0,0,.8);font-size:.95rem}.release .markdown-syntax strong{color:rgba(0,0,0,.8)}.release .markdown-syntax a{text-decoration:none}.release .markdown-syntax a:hover{text-decoration:underline}.release .markdown-syntax p+p{margin-bottom:15px!important}.release .markdown-syntax h1,.release .markdown-syntax h2,.release .markdown-syntax h3{color:rgba(0,0,0,.8)}.release .markdown-syntax h1{font-size:2rem}.release .markdown-syntax h2{font-size:1.3rem}.release .markdown-syntax h3{font-size:1.1rem}.release .markdown-syntax ul li{margin-bottom:.5rem;line-height:1.5}.releaseTable .col-xs-3:first-child .progress .top,.releaseTable .col-xs-3:nth-last-child(2) .small:last-child .v-line{display:none}.inprogress .dot.big.progress{text-indent:0;border:none}.inprogress .dot.big.progress .v-line{top:60px;left:28px}.inprogress .dot.big.progress .v-line.top{top:-80px}.inprogress .dot.big.progress .h-line{top:28px}.inprogress .chart{top:0;left:0;width:100%;height:100%;text-align:center;line-height:3rem}.inprogress .chart .percentage{position:initial}.inprogress .chart canvas{top:0;left:0}.plannedreleases .dot.big{text-indent:0;line-height:3rem}.plannedreleases .chart{top:0;left:0;width:100%;height:100%;text-align:center}.plannedreleases .chart .percentage{position:initial}.wikipage-page .markdown-syntax a{color:#70bb32;text-decoration:none}.wikipage-page .markdown-syntax a:hover{color:#406b1c}.wikipage-page .markdown-syntax h1 a,.wikipage-page .markdown-syntax h2 a,.wikipage-page .markdown-syntax h3 a,.wikipage-page .markdown-syntax h4 a,.wikipage-page .markdown-syntax h5 a,.wikipage-page .markdown-syntax h6 a{color:#000;text-decoration:underline}.wikipage-page .markdown-syntax h1 a:hover,.wikipage-page .markdown-syntax h2 a:hover,.wikipage-page .markdown-syntax h3 a:hover,.wikipage-page .markdown-syntax h4 a:hover,.wikipage-page .markdown-syntax h5 a:hover,.wikipage-page .markdown-syntax h6 a:hover{color:#000;text-decoration:none}@media (min-width:992px){.wikipage-page .markdown-syntax pre{margin:20px 0}}.forum-overview .forum{display:flex;flex:0 0 100%;flex-wrap:wrap;background:0 0;padding:0}@media (min-width:992px){.forum-overview .forum{padding:0 15px}}.forum-overview .forum-content,.forum-overview .forum-head,.forum-overview .forum-settings{display:flex;flex:0 0 100%}.forum-overview .forum-settings{margin:30px 0 0;flex-direction:row;flex-wrap:wrap;align-items:center}.forum-overview .forum-settings .search-big{flex:0 0 100%}@media (min-width:992px){.forum-overview .forum-settings .search-big{flex:0 0 70%}}.forum-overview .forum-settings .or{flex:0 0 5%;color:#445255;font-size:1.1rem;text-align:center}@media (max-width:992px){.forum-overview .forum-settings .or{display:none}}.forum-overview .forum-settings .sorting{flex:0 0 100%}@media (min-width:992px){.forum-overview .forum-settings .sorting{flex:0 0 25%}}.forum-overview .forum-settings input,.forum-overview .forum-settings select{font-size:.95rem;color:#7F9499}.forum-overview .forum-settings input:focus,.forum-overview .forum-settings select:focus{color:#445255}.forum-overview .forum-head{flex-direction:row;padding:20px 15px;border-bottom:1px solid #f5f5f5;font-size:.8rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.forum-overview .forum-content{flex-direction:column}.forum-overview .forum-content .posts{display:flex;flex-direction:column}.forum-overview .forum-content .posts small{color:#445255;font-size:1rem;margin-bottom:.2rem}.forum-overview .forum-content .posts span{font-size:.8rem;color:#7F9499}.forum-overview .forum .topic-row{padding:25px 15px;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid rgba(127,148,153,.11)}.forum-overview .forum .topic-row .topic{font-size:.95rem;line-height:1.3}.forum-overview .forum .topic-row .topic a{text-decoration:none;display:block}.forum-overview .forum .topic-row .topic a:hover h3{text-decoration:underline}.forum-overview .forum .topic-row .topic span{display:block;font-size:.75rem;color:#7F9499;margin-top:8px}.forum-overview .forum .topic-row .topic span strong{font-weight:400;color:#445255}@media (min-width:992px){.forum-overview .forum .topic-row .topic{font-size:1.15rem;line-height:1.3}.forum-overview .forum .topic-row .topic span{font-size:.9rem}}.forum-overview .forum .topic-row .category{line-height:1.3}.forum-overview .forum .topic-row.solved{background:rgba(163,219,120,.23);border-bottom:2px solid rgba(163,219,120,.66)}@media (min-width:992px){.forum-overview .forum .topic-row{padding:35px 15px}}.forum-overview .forum .topic{flex:0 0 50%;margin-right:5%}@media (min-width:992px){.forum-overview .forum .topic{flex:0 0 50%;margin-right:10%}}.forum-overview .forum .category{flex:0 0 30%;margin-right:5%}@media (min-width:992px){.forum-overview .forum .category{flex:0 0 28%;margin-right:2%}}.forum-overview .forum .posts{flex:0 0 10%;text-align:center}@media (max-width:992px){.forum-overview .forum .posts{transform:translate(-6px,0)}}.forum-overview .sorting{display:flex;justify-content:flex-end;margin-left:auto}.forum-overview .sorting select{border:1px solid #cfcfcf;border-radius:0;padding:20px 20px 20px 10px;background-position:95% center}.forum-overview .sorting select:focus,.forum-overview .sorting select:hover{color:#000;background-position:95% center}.forum-overview .pagination{margin:60px 0;justify-content:center}.forum-overview .pagination a{margin-top:0}#registrationForm .forum-page input.create-new-thread[type=submit],#registrationForm .forum-page input.delete-thread[type=submit],#registrationForm .forum-page input.follow[type=submit],#registrationForm .forum-page input.go-to-solution[type=submit],#registrationForm .forum-page input.login[type=submit],.forum-page #registrationForm input.create-new-thread[type=submit],.forum-page #registrationForm input.delete-thread[type=submit],.forum-page #registrationForm input.follow[type=submit],.forum-page #registrationForm input.go-to-solution[type=submit],.forum-page #registrationForm input.login[type=submit],.forum-page .button.create-new-thread,.forum-page .button.delete-thread,.forum-page .button.follow,.forum-page .button.go-to-solution,.forum-page .button.login,.forum-page .create-new-thread.tagAdd,.forum-page .delete-thread.tagAdd,.forum-page .follow.tagAdd,.forum-page .go-to-solution.tagAdd,.forum-page .login.tagAdd,.forum-page .quick-menu .login input.create-new-thread[type=submit],.forum-page .quick-menu .login input.delete-thread[type=submit],.forum-page .quick-menu .login input.follow[type=submit],.forum-page .quick-menu .login input.go-to-solution[type=submit],.forum-page .quick-menu .login input.login[type=submit],.forum-page .quick-menu .new-profile input.create-new-thread[type=submit],.forum-page .quick-menu .new-profile input.delete-thread[type=submit],.forum-page .quick-menu .new-profile input.follow[type=submit],.forum-page .quick-menu .new-profile input.go-to-solution[type=submit],.forum-page .quick-menu .new-profile input.login[type=submit],.quick-menu .login .forum-page input.create-new-thread[type=submit],.quick-menu .login .forum-page input.delete-thread[type=submit],.quick-menu .login .forum-page input.follow[type=submit],.quick-menu .login .forum-page input.go-to-solution[type=submit],.quick-menu .login .forum-page input.login[type=submit],.quick-menu .new-profile .forum-page input.create-new-thread[type=submit],.quick-menu .new-profile .forum-page input.delete-thread[type=submit],.quick-menu .new-profile .forum-page input.follow[type=submit],.quick-menu .new-profile .forum-page input.go-to-solution[type=submit],.quick-menu .new-profile .forum-page input.login[type=submit]{padding:6px 18px 10px 14px;font-size:.8rem;margin-top:5px;margin-left:5px;min-width:115px;width:auto;transition:all .2s}@media (min-width:992px){.forum-page .button.create-new-thread,.forum-page .button.delete-thread,.forum-page .button.follow,.forum-page .button.go-to-solution,.forum-page .button.login{float:right}}#registrationForm .forum-page .button.create-new-thread input.create-new-thread[type=submit],#registrationForm .forum-page .button.delete-thread input.delete-thread[type=submit],#registrationForm .forum-page .button.follow input.follow[type=submit],#registrationForm .forum-page .button.go-to-solution input.go-to-solution[type=submit],#registrationForm .forum-page .button.login input.login[type=submit],.forum-page .button.create-new-thread #registrationForm input.create-new-thread[type=submit],.forum-page .button.create-new-thread .create-new-thread.tagAdd,.forum-page .button.create-new-thread .quick-menu .login input.create-new-thread[type=submit],.forum-page .button.create-new-thread .quick-menu .new-profile input.create-new-thread[type=submit],.forum-page .button.create-new-thread i,.forum-page .button.delete-thread #registrationForm input.delete-thread[type=submit],.forum-page .button.delete-thread .delete-thread.tagAdd,.forum-page .button.delete-thread .quick-menu .login input.delete-thread[type=submit],.forum-page .button.delete-thread .quick-menu .new-profile input.delete-thread[type=submit],.forum-page .button.delete-thread i,.forum-page .button.follow #registrationForm input.follow[type=submit],.forum-page .button.follow .follow.tagAdd,.forum-page .button.follow .quick-menu .login input.follow[type=submit],.forum-page .button.follow .quick-menu .new-profile input.follow[type=submit],.forum-page .button.follow i,.forum-page .button.go-to-solution #registrationForm input.go-to-solution[type=submit],.forum-page .button.go-to-solution .go-to-solution.tagAdd,.forum-page .button.go-to-solution .quick-menu .login input.go-to-solution[type=submit],.forum-page .button.go-to-solution .quick-menu .new-profile input.go-to-solution[type=submit],.forum-page .button.go-to-solution i,.forum-page .button.login #registrationForm input.login[type=submit],.forum-page .button.login .login.tagAdd,.forum-page .button.login .quick-menu .login input.login[type=submit],.forum-page .button.login .quick-menu .new-profile input.login[type=submit],.forum-page .button.login i,.quick-menu .login .forum-page .button.create-new-thread input.create-new-thread[type=submit],.quick-menu .login .forum-page .button.delete-thread input.delete-thread[type=submit],.quick-menu .login .forum-page .button.follow input.follow[type=submit],.quick-menu .login .forum-page .button.go-to-solution input.go-to-solution[type=submit],.quick-menu .login .forum-page .button.login input.login[type=submit],.quick-menu .new-profile .forum-page .button.create-new-thread input.create-new-thread[type=submit],.quick-menu .new-profile .forum-page .button.delete-thread input.delete-thread[type=submit],.quick-menu .new-profile .forum-page .button.follow input.follow[type=submit],.quick-menu .new-profile .forum-page .button.go-to-solution input.go-to-solution[type=submit],.quick-menu .new-profile .forum-page .button.login input.login[type=submit]{margin-right:3px;font-size:18px;transform:translate(0,3px);display:inline-block;transition:opacity .2s}#registrationForm .forum-page input.create-new-thread[type=submit]:hover,#registrationForm .forum-page input.delete-thread[type=submit]:hover,#registrationForm .forum-page input.follow[type=submit]:hover,#registrationForm .forum-page input.go-to-solution[type=submit]:hover,#registrationForm .forum-page input.login[type=submit]:hover,.forum-page #registrationForm input.create-new-thread[type=submit]:hover,.forum-page #registrationForm input.delete-thread[type=submit]:hover,.forum-page #registrationForm input.follow[type=submit]:hover,.forum-page #registrationForm input.go-to-solution[type=submit]:hover,.forum-page #registrationForm input.login[type=submit]:hover,.forum-page .button.create-new-thread:hover,.forum-page .button.delete-thread:hover,.forum-page .button.follow:hover,.forum-page .button.go-to-solution:hover,.forum-page .button.login:hover,.forum-page .create-new-thread.tagAdd:hover,.forum-page .delete-thread.tagAdd:hover,.forum-page .follow.tagAdd:hover,.forum-page .go-to-solution.tagAdd:hover,.forum-page .login.tagAdd:hover,.forum-page .quick-menu .login input.create-new-thread[type=submit]:hover,.forum-page .quick-menu .login input.delete-thread[type=submit]:hover,.forum-page .quick-menu .login input.follow[type=submit]:hover,.forum-page .quick-menu .login input.go-to-solution[type=submit]:hover,.forum-page .quick-menu .login input.login[type=submit]:hover,.forum-page .quick-menu .new-profile input.create-new-thread[type=submit]:hover,.forum-page .quick-menu .new-profile input.delete-thread[type=submit]:hover,.forum-page .quick-menu .new-profile input.follow[type=submit]:hover,.forum-page .quick-menu .new-profile input.go-to-solution[type=submit]:hover,.forum-page .quick-menu .new-profile input.login[type=submit]:hover,.quick-menu .login .forum-page input.create-new-thread[type=submit]:hover,.quick-menu .login .forum-page input.delete-thread[type=submit]:hover,.quick-menu .login .forum-page input.follow[type=submit]:hover,.quick-menu .login .forum-page input.go-to-solution[type=submit]:hover,.quick-menu .login .forum-page input.login[type=submit]:hover,.quick-menu .new-profile .forum-page input.create-new-thread[type=submit]:hover,.quick-menu .new-profile .forum-page input.delete-thread[type=submit]:hover,.quick-menu .new-profile .forum-page input.follow[type=submit]:hover,.quick-menu .new-profile .forum-page input.go-to-solution[type=submit]:hover,.quick-menu .new-profile .forum-page input.login[type=submit]:hover{opacity:1}#registrationForm .forum-page input.transparent[type=submit],.forum-page #registrationForm input.transparent[type=submit],.forum-page .button.transparent,.forum-page .quick-menu .login input.transparent[type=submit],.forum-page .quick-menu .new-profile input.transparent[type=submit],.forum-page .transparent.tagAdd,.quick-menu .login .forum-page input.transparent[type=submit],.quick-menu .new-profile .forum-page input.transparent[type=submit]{border:1px solid rgba(0,0,0,.5);background:0 0;color:rgba(0,0,0,.5);padding:5px 17px 9px 13px}#registrationForm .forum-page input.transparent[type=submit]:hover,.forum-page #registrationForm input.transparent[type=submit]:hover,.forum-page .button.transparent:hover,.forum-page .quick-menu .login input.transparent[type=submit]:hover,.forum-page .quick-menu .new-profile input.transparent[type=submit]:hover,.forum-page .transparent.tagAdd:hover,.quick-menu .login .forum-page input.transparent[type=submit]:hover,.quick-menu .new-profile .forum-page input.transparent[type=submit]:hover{background:0 0;color:#000;border-color:#000}#registrationForm .forum-page .button.transparent input.transparent[type=submit],.forum-page .button.transparent #registrationForm input.transparent[type=submit],.forum-page .button.transparent .ink,.forum-page .button.transparent .quick-menu .login input.transparent[type=submit],.forum-page .button.transparent .quick-menu .new-profile input.transparent[type=submit],.forum-page .button.transparent .transparent.tagAdd,.quick-menu .login .forum-page .button.transparent input.transparent[type=submit],.quick-menu .new-profile .forum-page .button.transparent input.transparent[type=submit]{background:rgba(46,179,105,.23)}#registrationForm .forum-page input.delete-thread[type=submit],.forum-page #registrationForm input.delete-thread[type=submit],.forum-page .button.delete-thread,.forum-page .delete-thread.tagAdd,.forum-page .quick-menu .login input.delete-thread[type=submit],.forum-page .quick-menu .new-profile input.delete-thread[type=submit],.quick-menu .login .forum-page input.delete-thread[type=submit],.quick-menu .new-profile .forum-page input.delete-thread[type=submit]{opacity:1;border-color:transparent}#registrationForm .forum-page .button.delete-thread input.delete-thread[type=submit],.forum-page .button.delete-thread #registrationForm input.delete-thread[type=submit],.forum-page .button.delete-thread .delete-thread.tagAdd,.forum-page .button.delete-thread .quick-menu .login input.delete-thread[type=submit],.forum-page .button.delete-thread .quick-menu .new-profile input.delete-thread[type=submit],.forum-page .button.delete-thread i,.quick-menu .login .forum-page .button.delete-thread input.delete-thread[type=submit],.quick-menu .new-profile .forum-page .button.delete-thread input.delete-thread[type=submit]{color:#fff}#registrationForm .forum-page .button.delete-thread:hover input.delete-thread[type=submit]:hover,.forum-page .button.delete-thread:hover #registrationForm input.delete-thread[type=submit]:hover,.forum-page .button.delete-thread:hover .delete-thread.tagAdd:hover,.forum-page .button.delete-thread:hover .quick-menu .login input.delete-thread[type=submit]:hover,.forum-page .button.delete-thread:hover .quick-menu .new-profile input.delete-thread[type=submit]:hover,.forum-page .button.delete-thread:hover i,.quick-menu .login .forum-page .button.delete-thread:hover input.delete-thread[type=submit]:hover,.quick-menu .new-profile .forum-page .button.delete-thread:hover input.delete-thread[type=submit]:hover{opacity:.5}#registrationForm .forum-page .button.delete-thread input.delete-thread[type=submit],.forum-page .button.delete-thread #registrationForm input.delete-thread[type=submit],.forum-page .button.delete-thread .delete-thread.tagAdd,.forum-page .button.delete-thread .ink,.forum-page .button.delete-thread .quick-menu .login input.delete-thread[type=submit],.forum-page .button.delete-thread .quick-menu .new-profile input.delete-thread[type=submit],.quick-menu .login .forum-page .button.delete-thread input.delete-thread[type=submit],.quick-menu .new-profile .forum-page .button.delete-thread input.delete-thread[type=submit]{background:rgba(255,255,255,.3)}#registrationForm .forum-page input.following[type=submit],.forum-page #registrationForm input.following[type=submit],.forum-page .button.following,.forum-page .following.tagAdd,.forum-page .quick-menu .login input.following[type=submit],.forum-page .quick-menu .new-profile input.following[type=submit],.quick-menu .login .forum-page input.following[type=submit],.quick-menu .new-profile .forum-page input.following[type=submit]{background:#2EB369;color:#fff;opacity:1;border-color:transparent}#registrationForm .forum-page input.following[type=submit]:hover,.forum-page #registrationForm input.following[type=submit]:hover,.forum-page .button.following:hover,.forum-page .following.tagAdd:hover,.forum-page .quick-menu .login input.following[type=submit]:hover,.forum-page .quick-menu .new-profile input.following[type=submit]:hover,.quick-menu .login .forum-page input.following[type=submit]:hover,.quick-menu .new-profile .forum-page input.following[type=submit]:hover{background:#33c773}#registrationForm .forum-page .button.following:hover input.following[type=submit]:hover,.forum-page .button.following:hover #registrationForm input.following[type=submit]:hover,.forum-page .button.following:hover .following.tagAdd:hover,.forum-page .button.following:hover .quick-menu .login input.following[type=submit]:hover,.forum-page .button.following:hover .quick-menu .new-profile input.following[type=submit]:hover,.forum-page .button.following:hover i,.quick-menu .login .forum-page .button.following:hover input.following[type=submit]:hover,.quick-menu .new-profile .forum-page .button.following:hover input.following[type=submit]:hover{opacity:.5}#registrationForm .forum-page input.create-new-thread[type=submit],#registrationForm .forum-page input.login[type=submit],.forum-page #registrationForm input.create-new-thread[type=submit],.forum-page #registrationForm input.login[type=submit],.forum-page .button.create-new-thread,.forum-page .button.login,.forum-page .create-new-thread.tagAdd,.forum-page .login.tagAdd,.forum-page .quick-menu .login input.create-new-thread[type=submit],.forum-page .quick-menu .login input.login[type=submit],.forum-page .quick-menu .new-profile input.create-new-thread[type=submit],.forum-page .quick-menu .new-profile input.login[type=submit],.quick-menu .login .forum-page input.create-new-thread[type=submit],.quick-menu .login .forum-page input.login[type=submit],.quick-menu .new-profile .forum-page input.create-new-thread[type=submit],.quick-menu .new-profile .forum-page input.login[type=submit]{padding:9px 18px 10px 14px;opacity:1;border-color:transparent;font-size:1rem;font-weight:700;color:#fff}#registrationForm .forum-page .button.create-new-thread input.create-new-thread[type=submit],#registrationForm .forum-page .button.login input.login[type=submit],.forum-page .button.create-new-thread #registrationForm input.create-new-thread[type=submit],.forum-page .button.create-new-thread .create-new-thread.tagAdd,.forum-page .button.create-new-thread .quick-menu .login input.create-new-thread[type=submit],.forum-page .button.create-new-thread .quick-menu .new-profile input.create-new-thread[type=submit],.forum-page .button.create-new-thread i,.forum-page .button.login #registrationForm input.login[type=submit],.forum-page .button.login .login.tagAdd,.forum-page .button.login .quick-menu .login input.login[type=submit],.forum-page .button.login .quick-menu .new-profile input.login[type=submit],.forum-page .button.login i,.quick-menu .login .forum-page .button.create-new-thread input.create-new-thread[type=submit],.quick-menu .login .forum-page .button.login input.login[type=submit],.quick-menu .new-profile .forum-page .button.create-new-thread input.create-new-thread[type=submit],.quick-menu .new-profile .forum-page .button.login input.login[type=submit]{color:#fff;transform:translate(0,3px)}#registrationForm .forum-page input.create-new-thread[type=submit]:hover,#registrationForm .forum-page input.login[type=submit]:hover,.forum-page #registrationForm input.create-new-thread[type=submit]:hover,.forum-page #registrationForm input.login[type=submit]:hover,.forum-page .button.create-new-thread:hover,.forum-page .button.login:hover,.forum-page .create-new-thread.tagAdd:hover,.forum-page .login.tagAdd:hover,.forum-page .quick-menu .login input.create-new-thread[type=submit]:hover,.forum-page .quick-menu .login input.login[type=submit]:hover,.forum-page .quick-menu .new-profile input.create-new-thread[type=submit]:hover,.forum-page .quick-menu .new-profile input.login[type=submit]:hover,.quick-menu .login .forum-page input.create-new-thread[type=submit]:hover,.quick-menu .login .forum-page input.login[type=submit]:hover,.quick-menu .new-profile .forum-page input.create-new-thread[type=submit]:hover,.quick-menu .new-profile .forum-page input.login[type=submit]:hover{background:#45cf81}#registrationForm .forum-page input.create-new-thread.disabled[type=submit],#registrationForm .forum-page input.login.disabled[type=submit],.forum-page #registrationForm input.create-new-thread.disabled[type=submit],.forum-page #registrationForm input.login.disabled[type=submit],.forum-page .button.create-new-thread.disabled,.forum-page .button.login.disabled,.forum-page .create-new-thread.disabled.tagAdd,.forum-page .login.disabled.tagAdd,.forum-page .quick-menu .login input.create-new-thread.disabled[type=submit],.forum-page .quick-menu .login input.login.disabled[type=submit],.forum-page .quick-menu .new-profile input.create-new-thread.disabled[type=submit],.forum-page .quick-menu .new-profile input.login.disabled[type=submit],.quick-menu .login .forum-page input.create-new-thread.disabled[type=submit],.quick-menu .login .forum-page input.login.disabled[type=submit],.quick-menu .new-profile .forum-page input.create-new-thread.disabled[type=submit],.quick-menu .new-profile .forum-page input.login.disabled[type=submit]{background:0 0;border:1px solid #7f7f7f;color:#7f7f7f}#registrationForm .forum-page .button.create-new-thread.disabled input.create-new-thread.disabled[type=submit],#registrationForm .forum-page .button.login.disabled input.login.disabled[type=submit],.forum-page .button.create-new-thread.disabled #registrationForm input.create-new-thread.disabled[type=submit],.forum-page .button.create-new-thread.disabled .create-new-thread.disabled.tagAdd,.forum-page .button.create-new-thread.disabled .quick-menu .login input.create-new-thread.disabled[type=submit],.forum-page .button.create-new-thread.disabled .quick-menu .new-profile input.create-new-thread.disabled[type=submit],.forum-page .button.create-new-thread.disabled i,.forum-page .button.login.disabled #registrationForm input.login.disabled[type=submit],.forum-page .button.login.disabled .login.disabled.tagAdd,.forum-page .button.login.disabled .quick-menu .login input.login.disabled[type=submit],.forum-page .button.login.disabled .quick-menu .new-profile input.login.disabled[type=submit],.forum-page .button.login.disabled i,.quick-menu .login .forum-page .button.create-new-thread.disabled input.create-new-thread.disabled[type=submit],.quick-menu .login .forum-page .button.login.disabled input.login.disabled[type=submit],.quick-menu .new-profile .forum-page .button.create-new-thread.disabled input.create-new-thread.disabled[type=submit],.quick-menu .new-profile .forum-page .button.login.disabled input.login.disabled[type=submit]{color:#7f7f7f}#registrationForm .forum-page input.create-new-thread.disabled[type=submit]:hover,#registrationForm .forum-page input.login.disabled[type=submit]:hover,.forum-page #registrationForm input.create-new-thread.disabled[type=submit]:hover,.forum-page #registrationForm input.login.disabled[type=submit]:hover,.forum-page .button.create-new-thread.disabled:hover,.forum-page .button.login.disabled:hover,.forum-page .create-new-thread.disabled.tagAdd:hover,.forum-page .login.disabled.tagAdd:hover,.forum-page .quick-menu .login input.create-new-thread.disabled[type=submit]:hover,.forum-page .quick-menu .login input.login.disabled[type=submit]:hover,.forum-page .quick-menu .new-profile input.create-new-thread.disabled[type=submit]:hover,.forum-page .quick-menu .new-profile input.login.disabled[type=submit]:hover,.quick-menu .login .forum-page input.create-new-thread.disabled[type=submit]:hover,.quick-menu .login .forum-page input.login.disabled[type=submit]:hover,.quick-menu .new-profile .forum-page input.create-new-thread.disabled[type=submit]:hover,.quick-menu .new-profile .forum-page input.login.disabled[type=submit]:hover{color:#000;border-color:#000}#registrationForm .forum-page .button.create-new-thread.disabled:hover input.create-new-thread.disabled[type=submit]:hover,#registrationForm .forum-page .button.login.disabled:hover input.login.disabled[type=submit]:hover,.forum-page .button.create-new-thread.disabled:hover #registrationForm input.create-new-thread.disabled[type=submit]:hover,.forum-page .button.create-new-thread.disabled:hover .create-new-thread.disabled.tagAdd:hover,.forum-page .button.create-new-thread.disabled:hover .quick-menu .login input.create-new-thread.disabled[type=submit]:hover,.forum-page .button.create-new-thread.disabled:hover .quick-menu .new-profile input.create-new-thread.disabled[type=submit]:hover,.forum-page .button.create-new-thread.disabled:hover i,.forum-page .button.login.disabled:hover #registrationForm input.login.disabled[type=submit]:hover,.forum-page .button.login.disabled:hover .login.disabled.tagAdd:hover,.forum-page .button.login.disabled:hover .quick-menu .login input.login.disabled[type=submit]:hover,.forum-page .button.login.disabled:hover .quick-menu .new-profile input.login.disabled[type=submit]:hover,.forum-page .button.login.disabled:hover i,.quick-menu .login .forum-page .button.create-new-thread.disabled:hover input.create-new-thread.disabled[type=submit]:hover,.quick-menu .login .forum-page .button.login.disabled:hover input.login.disabled[type=submit]:hover,.quick-menu .new-profile .forum-page .button.create-new-thread.disabled:hover input.create-new-thread.disabled[type=submit]:hover,.quick-menu .new-profile .forum-page .button.login.disabled:hover input.login.disabled[type=submit]:hover{color:#000;opacity:1}.forum-overview{background:#fff;max-width:1160px;padding:20px 0 0;margin:0 auto}.forum-overview .scrolly-loading{margin:2rem auto;text-align:center;display:block;position:relative;left:50%}.forum-overview .scrolly-loading .span{background-color:rgba(80,77,62,.5);transform:translate(-50%,0)}.forum-overview #breadcrumb{display:inline-block;padding:0;margin-bottom:15px}@media (min-width:992px){.forum-overview #breadcrumb{height:48px;line-height:48px;margin-bottom:0}}.forum-overview #breadcrumb li{display:none}.forum-overview #breadcrumb li:last-child{display:block;opacity:.5;font-style:italic}@media (min-width:992px){.forum-overview #breadcrumb li:last-child{display:inline-block;opacity:1}}@media (min-width:992px){.forum-overview #breadcrumb li{display:inline-block}}.forum-overview #breadcrumb li a{font-size:.9rem}.forum-overview .sorting{width:100%;text-align:center}.forum-overview .sorting select{font-family:Asap,sans-serif;position:relative;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;background:url(/assets/images/selectdown_unfocus.svg) 95% center no-repeat #fff;background-size:11px 13px;color:#4d4d4d;width:100%;transition:border .3s}.forum-overview .sorting select:focus,.forum-overview .sorting select:hover{border-color:#a3db78;outline:0;cursor:pointer;background:url(/assets/images/selectdown_our.svg) 95% center no-repeat #fff;background-size:11px 13px}.forum-overview .sorting select option{margin:0;display:block}.forum-archive-header{color:#898989;font-size:.9rem;margin:0 0 20px;padding:0 10px;text-align:center}@media (min-width:992px){.forum-archive-header{padding:10px 15px;text-align:left}}.forum-archive-header .container,.forum-archive-header .page,.forum-archive-header .subpage{padding:0}.forum-archive-header .container .page,.forum-archive-header .container .row,.forum-archive-header .container .subpage{margin:0}.forum-archive-header #breadcrumb span:last-child{color:#383838}.forum-archive-header #breadcrumb span:last-child:after{display:none}.forum-archive-header #breadcrumb span:after{content:"";display:inline-block;margin:0 5px;background:url(/assets/images/breadcrumb.png) bottom center no-repeat;background-size:100%;height:16px;width:16px;transform:translateY(3px)}.projectGroups{margin-top:50px}.projectGroups .projectGroup{min-height:150px}.projectGroups .projectGroup h3{color:rgba(0,0,0,.8);font-size:1.3rem}.projectGroups .projectGroup p{color:#000;line-height:1.5;font-size:.97rem} \ No newline at end of file diff --git a/OurUmbraco.Site/Assets/images/down.svg b/OurUmbraco.Site/Assets/images/down.svg index 0b8b65e5..0011de86 100644 --- a/OurUmbraco.Site/Assets/images/down.svg +++ b/OurUmbraco.Site/Assets/images/down.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/OurUmbraco.Site/Assets/images/highfive.svg b/OurUmbraco.Site/Assets/images/highfive.svg index 64b0053b..fc723556 100644 --- a/OurUmbraco.Site/Assets/images/highfive.svg +++ b/OurUmbraco.Site/Assets/images/highfive.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/OurUmbraco.Site/Assets/images/icon-add-on.svg b/OurUmbraco.Site/Assets/images/icon-add-on.svg new file mode 100644 index 00000000..534fd950 --- /dev/null +++ b/OurUmbraco.Site/Assets/images/icon-add-on.svg @@ -0,0 +1 @@ +3D \ No newline at end of file diff --git a/OurUmbraco.Site/Assets/images/icon-extending.svg b/OurUmbraco.Site/Assets/images/icon-extending.svg new file mode 100644 index 00000000..32e7eabf --- /dev/null +++ b/OurUmbraco.Site/Assets/images/icon-extending.svg @@ -0,0 +1 @@ +USBcable \ No newline at end of file diff --git a/OurUmbraco.Site/Assets/images/icon-getting-started.svg b/OurUmbraco.Site/Assets/images/icon-getting-started.svg new file mode 100644 index 00000000..a7be7583 --- /dev/null +++ b/OurUmbraco.Site/Assets/images/icon-getting-started.svg @@ -0,0 +1 @@ +Browserscript \ No newline at end of file diff --git a/OurUmbraco.Site/Assets/images/icon-implementation.svg b/OurUmbraco.Site/Assets/images/icon-implementation.svg new file mode 100644 index 00000000..782a1b40 --- /dev/null +++ b/OurUmbraco.Site/Assets/images/icon-implementation.svg @@ -0,0 +1 @@ +Solarsystem \ No newline at end of file diff --git a/OurUmbraco.Site/Assets/images/logo.svg b/OurUmbraco.Site/Assets/images/logo.svg index 1e019d97..adffd09f 100644 --- a/OurUmbraco.Site/Assets/images/logo.svg +++ b/OurUmbraco.Site/Assets/images/logo.svg @@ -1 +1 @@ -Slice 1Created with Sketch. \ No newline at end of file +Slice 1 \ No newline at end of file diff --git a/OurUmbraco.Site/Assets/images/logo_new.svg b/OurUmbraco.Site/Assets/images/logo_new.svg new file mode 100644 index 00000000..adffd09f --- /dev/null +++ b/OurUmbraco.Site/Assets/images/logo_new.svg @@ -0,0 +1 @@ +Slice 1 \ No newline at end of file diff --git a/OurUmbraco.Site/Assets/images/selectdown.svg b/OurUmbraco.Site/Assets/images/selectdown.svg index 1d00afc3..18499d94 100644 --- a/OurUmbraco.Site/Assets/images/selectdown.svg +++ b/OurUmbraco.Site/Assets/images/selectdown.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/OurUmbraco.Site/Assets/images/selectdown_our.svg b/OurUmbraco.Site/Assets/images/selectdown_our.svg index e8a05f75..1e39d3c3 100644 --- a/OurUmbraco.Site/Assets/images/selectdown_our.svg +++ b/OurUmbraco.Site/Assets/images/selectdown_our.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/OurUmbraco.Site/Assets/images/selectdown_unfocus.svg b/OurUmbraco.Site/Assets/images/selectdown_unfocus.svg index 58c44b78..348b2e8b 100644 --- a/OurUmbraco.Site/Assets/images/selectdown_unfocus.svg +++ b/OurUmbraco.Site/Assets/images/selectdown_unfocus.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/OurUmbraco.Site/Assets/js/app.min.js b/OurUmbraco.Site/Assets/js/app.min.js index ed968f9e..0bee36ba 100644 --- a/OurUmbraco.Site/Assets/js/app.min.js +++ b/OurUmbraco.Site/Assets/js/app.min.js @@ -1,2 +1,2 @@ -function classOnScroll(selector, className, scrollDistance) { var newClassOnScroll = new classOnScrollObject(selector, className, scrollDistance); newClassOnScroll.applyClass(), newClassOnScroll.scrollContainer.scroll(function () { newClassOnScroll.applyClass() }) } _.templateSettings = { interpolate: /\{\{(.+?)\}\}/g, evaluate: /\{\[([\s\S]+?)\]\}/g }, jQuery(document).ready(function () { { var bodyVar = $("body"); $(".search-all") } $(".user, .close").click(function (e) { e.preventDefault(), e.stopPropagation(), bodyVar.toggleClass("quickmenu") }), $(".wrapper").on("click", function () { bodyVar.removeClass("quickmenu") }), $("#toggle").click(function (e) { e.preventDefault(), $(".cross").toggleClass("open"), $("nav").toggleClass("open"), $("body").toggleClass("navopen") }), jQuery(".nuget").click(function () { $(this).focus(), $(this).select() }), $(".tabs li").click(function () { var tab_id = $(this).attr("data-tab"); $(".tabs li").removeClass("current"), $(".tab-content").removeClass("current"), $(this).addClass("current"), $("#" + tab_id).addClass("current") }); var ink, d, x, y; $(".button, .inked").click(function (e) { 0 === $(this).find(".ink").length && $(this).prepend("
      "), ink = $(this).find(".ink"), ink.removeClass("animate"), ink.height() || ink.width() || (d = Math.max($(this).outerWidth(), $(this).outerHeight()), ink.css({ height: d, width: d })), x = e.pageX - $(this).offset().left - ink.width() / 2, y = e.pageY - $(this).offset().top - ink.height() / 2, ink.css({ top: y + "px", left: x + "px" }).addClass("animate") }) }); var classOnScrollObject = function (selector, className, scrollDistance) { this.item = $(selector), this.itemClass = className, this.scrollDistance = scrollDistance, this.classApplied = !1, this.scrollContainer = $(window), this.fromTop = this.scrollContainer.scrollTop() }; classOnScrollObject.prototype.applyClass = function () { this.fromTop = this.scrollContainer.scrollTop(), this.fromTop > this.scrollDistance && this.classApplied === !1 ? (this.classApplied = !0, this.item.addClass(this.itemClass)) : this.fromTop < this.scrollDistance && this.classApplied === !0 && (this.classApplied = !1, this.item.removeClass(this.itemClass)) }; -function redirectToSearch(ev) { 13 === ev.keyCode && (ev.preventDefault(), window.location = "/search?q=" + this.value) } var projectSearch = _.debounce(function () { { var term = $(".project-search-input").val(), defaultListing = $(".projects-default-listing"), searchListing = $(".projects-search-listing"); $(".projects-default-listing") } if (0 === term.length && (defaultListing.show(), searchListing.empty()), term.length > 3) { var url = "/umbraco/api/OurSearch/GetProjectSearchResults", template = _.template($("script.search-item-project").html()); $.ajax({ dataType: "json", url: url, data: { term: term }, success: function (response) { if (defaultListing.hide(), searchListing.empty(), 0 === response.items.length) { var linkhtml = "

      No results found

      "; searchListing.append(linkhtml) } _.each(response.items, function (item) { var image = item.Fields.image && item.Fields.image.length > 0 ? item.Fields.image : "", itemData = { nodeName: item.Fields.nodeName, body: _.escape(item.Fields.body.substring(0, 150)), url: item.Fields.url, karma: item.Fields.karma, downloads: item.Fields.downloads, versions: item.Fields.versions, image: image }; searchListing.append(template(itemData)) }) } }) } }, 300), docsSearch = _.debounce(function () { var term = this.value, defaultListing = $(".docs-default-listing"), searchListing = $(".docs-search-listing"); if (0 === term.length && (defaultListing.show(), searchListing.empty()), term.length > 3) { var url = "/umbraco/api/OurSearch/GetDocsSearchResults", template = _.template($("script.search-item-docs").html()); searchListing.addClass("fadeResultOut"), $.ajax({ dataType: "json", url: url, data: { term: term }, success: function (response) { if (defaultListing.hide(), searchListing.empty(), setTimeout(function () { searchListing.removeClass("fadeResultOut") }, 1e3), 0 === response.items.length) { var linkhtml = "
    • No documentation found
    • "; searchListing.append(linkhtml) } _.each(response.items, function (item) { var itemData = { name: item.Fields.nodeName, body: _.escape(item.Fields.body.substring(0, 150)), url: item.Fields.url }; searchListing.append(template(itemData)) }) } }) } }, 300), forumSearch = _.debounce(function () { var term = this.value, defaultListing = $(".forum-default-listing"), searchListing = $(".forum-search-listing"), searchTable = $(".table-striped"); if (console.log(term), 0 === term.length && (defaultListing.show(), searchListing.empty()), term.length > 3) { var url = "/umbraco/api/OurSearch/GetForumSearchResults", template = _.template($("script.search-item-forum").html()); searchTable.addClass("fadeResultOut"), $.ajax({ dataType: "json", url: url, data: { term: term }, success: function (response) { if (defaultListing.hide(), searchListing.empty(), setTimeout(function () { searchTable.removeClass("fadeResultOut") }, 1e3), 0 === response.items.length) { var linkhtml = "No threads found"; searchListing.append(linkhtml) } _.each(response.items, function (item) { var itemData = { name: item.Fields.nodeName, url: item.Fields.url, hasAnswer: 1 == item.Fields.solved, replies: item.Fields.replies, body: item.Fields.body.substring(0, 150), forumUrl: item.Fields.parentId, forumName: "Category", updateDate: item.Fields.updateDate }; searchListing.append(template(itemData)) }) } }) } }, 300), globalSearch = _.debounce(function () { var term = this.value; if (0 === term.length && $(".search-all").removeClass("open"), term.length > 3) { var url = "/umbraco/api/OurSearch/GetGlobalSearchResults", template = _.template($("script.search-item-template").html()); $.ajax({ dataType: "json", url: url, data: { term: term }, success: function (response) { if ($(".search-all").addClass("open"), $(".search-all ul").empty(), _.each(response.items, function (item) { var type = item.Fields.nodeTypeAlias, icon = "icon-Chat"; "documentation" === type && (icon = "icon-Book-alt"), "project" === type && (icon = "icon-Box"); var itemData = { icon: icon, name: item.Fields.nodeName, description: _.escape(item.Fields.body.substring(0, 100)), url: item.Fields.url }; $(".search-all ul").append(template(itemData)) }), response.items.length > 0) { var linkhtml = '
    • View All results
    • '; $(".search-all ul").append(linkhtml) } else $(".search-all ul").append("
    • No results
    • ") } }) } }, 300); jQuery(document).ready(function () { $(".docs-search-input").keydown(redirectToSearch).keyup(docsSearch), $(".forum-search-input").keydown(redirectToSearch).keyup(forumSearch), $(".search-input").keydown(redirectToSearch).keyup(globalSearch), $(".project-search-input").keydown(redirectToSearch).keyup(projectSearch) }); \ No newline at end of file +function classOnScroll(selector,className,scrollDistance){var newClassOnScroll=new classOnScrollObject(selector,className,scrollDistance);newClassOnScroll.applyClass(),newClassOnScroll.scrollContainer.scroll(function(){newClassOnScroll.applyClass()})}jQuery(document).ready(function(){{var bodyVar=$("body");$(".search-all")}$(".user, .close").click(function(e){e.preventDefault(),e.stopPropagation(),bodyVar.toggleClass("quickmenu")}),$(".wrapper").on("click",function(){bodyVar.removeClass("quickmenu")}),$("#toggle").click(function(e){e.preventDefault(),$(".cross").toggleClass("open"),$("nav").toggleClass("open"),$("body").toggleClass("navopen")}),$(".pm-nuget").on("click",".nuget",function(){$(this).focus(),$(this).select()}),$(".tabs li").click(function(){var tab_id=$(this).attr("data-tab");$(".tabs li").removeClass("current"),$(".tab-content").removeClass("current"),$(this).addClass("current"),$("#"+tab_id).addClass("current")});var ink,d,x,y;$(".button, .inked").click(function(e){0===$(this).find(".ink").length&&$(this).prepend("
      "),ink=$(this).find(".ink"),ink.removeClass("animate"),ink.height()||ink.width()||(d=Math.max($(this).outerWidth(),$(this).outerHeight()),ink.css({height:d,width:d})),x=e.pageX-$(this).offset().left-ink.width()/2,y=e.pageY-$(this).offset().top-ink.height()/2,ink.css({top:y+"px",left:x+"px"}).addClass("animate")})});var classOnScrollObject=function(selector,className,scrollDistance){this.item=$(selector),this.itemClass=className,this.scrollDistance=scrollDistance,this.classApplied=!1,this.scrollContainer=$(window),this.fromTop=this.scrollContainer.scrollTop()};classOnScrollObject.prototype.applyClass=function(){this.fromTop=this.scrollContainer.scrollTop(),this.fromTop>this.scrollDistance&&this.classApplied===!1?(this.classApplied=!0,this.item.addClass(this.itemClass)):this.fromTop3){var url="/umbraco/api/OurSearch/GetProjectSearchResults",template=_.template($("script.search-item-project").html());$.ajax({dataType:"json",url:url,data:{term:term},success:function(response){if(defaultListing.hide(),searchListing.empty(),0===response.items.length){var linkhtml="

      No results found

      ";searchListing.append(linkhtml)}_.each(response.items,function(item){var image=item.Fields.image&&item.Fields.image.length>0?item.Fields.image:"",itemData={nodeName:item.Fields.nodeName,body:_.escape(item.Fields.body.substring(0,150)),url:item.Fields.url,karma:item.Fields.karma,downloads:item.Fields.downloads,versions:item.Fields.versions,image:image};searchListing.append(template(itemData))})}})}},300),docsSearch=_.debounce(function(){var term=this.value,defaultListing=$(".docs-default-listing"),searchListing=$(".docs-search-listing");if(0===term.length&&(defaultListing.show(),searchListing.empty()),term.length>3){var url="/umbraco/api/OurSearch/GetDocsSearchResults",template=_.template($("script.search-item-docs").html());searchListing.addClass("fadeResultOut"),$.ajax({dataType:"json",url:url,data:{term:term},success:function(response){if(defaultListing.hide(),searchListing.empty(),setTimeout(function(){searchListing.removeClass("fadeResultOut")},1e3),0===response.items.length){var linkhtml="
    • No documentation found
    • ";searchListing.append(linkhtml)}_.each(response.items,function(item){var itemData={name:item.Fields.nodeName,body:_.escape(item.Fields.body.substring(0,150)),url:item.Fields.url};searchListing.append(template(itemData))})}})}},300),forumSearch=_.debounce(function(){var term=this.value,defaultListing=$(".forum-default-listing"),searchListing=$(".forum-search-listing"),searchTable=$(".table-striped");if(console.log(term),0===term.length&&(defaultListing.show(),searchListing.empty()),term.length>3){var url="/umbraco/api/OurSearch/GetForumSearchResults",template=_.template($("script.search-item-forum").html());searchTable.addClass("fadeResultOut"),$.ajax({dataType:"json",url:url,data:{term:term},success:function(response){if(defaultListing.hide(),searchListing.empty(),setTimeout(function(){searchTable.removeClass("fadeResultOut")},1e3),0===response.items.length){var linkhtml="No threads found";searchListing.append(linkhtml)}_.each(response.items,function(item){var itemData={name:item.Fields.nodeName,url:item.Fields.url,hasAnswer:1==item.Fields.solved,replies:item.Fields.replies,body:item.Fields.body.substring(0,150),forumUrl:item.Fields.parentId,forumName:"Category",updateDate:item.Fields.updateDate};searchListing.append(template(itemData))})}})}},300),globalSearch=_.debounce(function(){var term=this.value;if(0===term.length&&$(".search-all").removeClass("open"),term.length>3){var url="/umbraco/api/OurSearch/GetGlobalSearchResults",template=_.template($("script.search-item-template").html());$.ajax({dataType:"json",url:url,data:{term:term},success:function(response){if($(".search-all").addClass("open"),$(".search-all ul").empty(),_.each(response.items,function(item){var type=item.Fields.nodeTypeAlias,icon="icon-Chat";"documentation"===type&&(icon="icon-Book-alt"),"project"===type&&(icon="icon-Box");var itemData={icon:icon,name:item.Fields.nodeName,description:_.escape(item.Fields.body.substring(0,100)),url:item.Fields.url};$(".search-all ul").append(template(itemData))}),response.items.length>0){var linkhtml='
    • View All results
    • ';$(".search-all ul").append(linkhtml)}else $(".search-all ul").append("
    • No results
    • ")}})}},300);jQuery(document).ready(function(){$(".docs-search-input").keydown(redirectToSearch).keyup(docsSearch),$(".forum-search-input").keydown(redirectToSearch).keyup(forumSearch),$(".search-input").keydown(redirectToSearch).keyup(globalSearch),$(".project-search-input").keydown(redirectToSearch).keyup(projectSearch)}); \ No newline at end of file diff --git a/OurUmbraco.Site/OurUmbraco.Site.csproj b/OurUmbraco.Site/OurUmbraco.Site.csproj index 91be5136..f5453256 100644 --- a/OurUmbraco.Site/OurUmbraco.Site.csproj +++ b/OurUmbraco.Site/OurUmbraco.Site.csproj @@ -4808,6 +4808,9 @@ + + +