Super User

Super User

Τετάρτη, 06 Ιανουάριος 2016 09:03

Blog Dynamic

Τρίτη, 05 Ιανουάριος 2016 13:56

Spots

Peter Dunn, Los Angeles

"LA is this crazy jungle where people come to try and fulfill their dreams. The air is full of possibilities. But seriously, you need to get a car."

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet. Lorem ipsum dolor sit amet, consectetuer adipiscing ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.

Τρίτη, 05 Ιανουάριος 2016 13:55

Theme

6 different styles

We provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker and adjust the theme with only a few clicks. Click on one of the images to see the style.


Block Appearance

This theme provides a number of settings for each module position. You can apply different background colors and vertical paddings and remove horizontal padding. Each block can have a default, large or full width layout and can be aligned to the left or right.

Block Apperance

Custom Widgets

Edge provides three custom Widgetkit 2 plugins to match the theme – the Slideshow Panel, Slider and Slideshow.


Navbar Layouts

Edge theme features four different layouts for the main navigation. The menu can be centered and aligned to the left or right. Additionally, it can be centered with the logo above the menu. You can apply a sticky navbar on desktops and on mobile devices, so it will remain fixed at the top of the window when scrolling. Another option extends the dropdown to the width of the entire browser window.

Navbar Layouts

Article Layout

Edge theme comes with an optional blog layout. You can now decide whether your image will be positioned to the left or to the right of your content. The title and meta data of the article are enhanced with a border that slightly overlaps the image.

Article Layout

Text Highlight

To set apart headings or other text elements, add the .tm-text-highlight class to a <span> element. Add the .tm-text-highlight-contrast class, so it will work on dark backgrounds.

<h1><span class="tm-text-highlight">...</span></h1>

Since 1978


Image Border

As a little visual extra, Edge features the .tm-image-border class. Adding it to a container element with an image inside, will apply an offset border that matches the panel box styling.

<div class="tm-image-border"><img src=""/></div>
Demo

Title Border

You can apply the same border style from the blog layout to any other heading. Just add the .tm-title-border class to a container element. We also provide responsive alignment classes, e.g. .tm-title-border-small-left to overlap image and heading inside a grid until they stack.

Title Border
  
    <div class="tm-title-border tm-title-border-medium-left">
        <h1>...</h1>
    </div>
  
ClassDescription
.tm-title-border Add this class to a <div> element to create the border around your title.
.tm-title-border-left Add this class to create an offset to the right.
.tm-title-border-right Add this class to create an offset to the left.
.tm-title-border-small-left The offset to the right only affects device widths of 480px and higher.
.tm-title-border-small-right The offset to the left only affects device widths of 480px and higher.
.tm-title-border-medium-left The offset to the right only affects device widths of 768px and higher.
.tm-title-border-medium-right The offset to the left only affects device widths of 768px and higher.
.tm-title-border-large-left The offset to the right only affects device widths of 960px and higher.
.tm-title-border-large-right The offset to the left only affects device widths of 960px and higher.

More Custom Classes

ClassDescription
.tm-graphic Add this class in the General section of your widget to display a rectangular on top of the image as a graphic element.
.tm-text-uppercase This class will transform your text to capital letters.
.tm-margin-xlarge,.tm-margin-xlarge-top,
.tm-margin-xlarge-bottom
Add 80px top and/or bottom margin to elements.
Τρίτη, 05 Ιανουάριος 2016 13:46

Built with UIkit


Article title

UIkit

Lorem ipsum dolor sit amet.

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

<div class="myclass">...</div>

text-muted
text-primary
text-success
text-warning
text-danger
a element
em element
strong
code element
del element
ins element
mark element
q inside a q element
abbr element
dfn element

Badge 1 Success 4 Warning 3 Danger 4

h1

h2

h3

h4

h5
h6

Lorem ipsum dolor.

Someone famous
  • Author

    May 2, 2090 at 1:55 pm

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Divider

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box primary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box secondary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Info message

Success message

Warning message

Danger message

55%
55%
55%
55%
Form states
Form styles


  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3
Table caption
Table Heading
Table Data
Table Data
Description lists
Description text.
Description lists
Description text.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Κυριακή, 31 Ιούλιος 2011 16:02

People

Τετάρτη, 08 Ιούνιος 2011 11:15

Widgetkit

Widgets

Currently available widgets

Custom Widgets

Δευτέρα, 02 Μάιος 2011 11:49

Home

Hidden article
Δευτέρα, 02 Μάιος 2011 11:48

Features

What makes us Unique

State of the art technologies.

Δευτέρα, 02 Μάιος 2011 11:48

Dummy Content

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.
Δευτέρα, 02 Μάιος 2011 11:45

Layouts

Warp comes with a sophisticated layout system to create any kind of sidebar or widget layout. You can easily manage the sidebar's positions and widths in the theme administration. Widgets can have different styles and be placed in any position offered by this theme. Each position has its own layout. You can align widgets side-by-side, stack them or choose your own grid layout. Show or hide widgets on mobile devices, while the grid adapts perfectly to your layout.

Warp Layout System
Σελίδα 3 από 3

Περισσότερα