Skip to content

Instantly share code, notes, and snippets.

View mortendk's full-sized avatar
🤠
git commit -m "yolo"

mortendk mortendk

🤠
git commit -m "yolo"
106 followers · 8 following
View GitHub Profile
@mortendk
mortendk / gist:1358113
Created November 11, 2011 14:26
book.theme.css
.book-navigation .menu {
border-top: 1px solid #D6D6D6;
padding: 1em 0 0 3em; /* LTR */
}
.book-navigation .page-links {
border-bottom: 1px solid #D6D6D6;
border-top: 1px solid #D6D6D6;
letter-spacing: -3px; /* removes the inline-block letter-spacing on the .page-links list elements */
margin: 0;
padding: 0.5em 0;
@mortendk
mortendk / cssdropdown-4levels.html
Created December 14, 2011 13:46
CSS Drop Down Menu 4 levels
<!doctype html>
<!--[if IE 7]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->
<head>
<title>CSS Drop Down Menu</title>
<style type="text/css" media="screen">
/* ------------------------------------------------------------------
Dropdown widget
@mortendk
mortendk / dabblet.css
Created December 22, 2011 23:16
checkbox checked
/**
* checkbox checked
*/
div{display:inline-block;padding-top:100px}
label{ padding:15px; margin:50px; border-radius:10px; font-size:50px}
input[type=radio]{ position: absolute; top: -9999px; left: -9999px; }
input[type=radio] ~ label { background:red;}
input[type=radio]:checked ~ label { background:green;}
@mortendk
mortendk / dabblet.css
Created December 28, 2011 12:28
css input checkbox
/**
* The first commented line is your dabblet’s title
*/
input[type=checkbox]{
position: absolute;
top: -9999px;
left: -9999px;
}
input[type=checkbox] ~ label { background:red;}
@mortendk
mortendk / gist:1684056
Created January 26, 2012 17:59
html aside as comment wrapper
<article class="node">
<h1>node bla bla bla</h1>
<footer>author</footer>
<p>
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 </p>
<!-- id for a anchor-->
<section id="comments"><!--aside ?-->
<article>
<h3>first post</h3>
@mortendk
mortendk / themename.info
Created September 2, 2012 18:50
drupal: theme.info foad
;-------------- CSS FOAD -------------
;stylesheets[all][] = donteverloadmeagain.css
stylesheets[all][] = system.theme.css
stylesheets[all][] = system.menus.css
stylesheets[all][] = system.messages.css
stylesheets[all][] = jquery.ui.theme.css
stylesheets[all][] = user.css
stylesheets[all][] = field.css
stylesheets[all][] = node.css
stylesheets[all][] = comment.css
@mortendk
mortendk / breadcrump.twig
Created October 7, 2012 17:32
twig breadcrumbs
{#
/**
* @file
* Returns HTML for a breadcrumb trail.
*
* @param $variables
* An associative array containing:
* - breadcrumb: An array containing the breadcrumb links.
*
* @ingroup themeable
@mortendk
mortendk / _menu_dropdown.scss
Created October 15, 2012 10:13
dropdown css
/*
This will create a dropdown build on clean mean css
*/
/* -- Dropdown Structure ------------------------------------------------------------------ */
.dropdown { position: relative;}
.dropdown a{ display:block;}
.dropdown ul li{ float:left; position:relative; list-style:none;}
/* lvl 2 : hide the ul & bring it back on hover */
.dropdown ul li ul{ left:-99999px; position:absolute; z-index:9999; margin:0; background:transparent;}
@mortendk
mortendk / _tooltip.scss
Created October 15, 2012 10:14
tooltip forms drupal
//tooltips for forms
form.tooltip{
small,
.description{
text-align:left;
width:200px;
color: white;
background: #666;
@include border-radius(2px);
@mortendk
mortendk / drop down & mobil menu.html
Last active December 15, 2015 06:59
<!doctype html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<title>mobile & drop down menu</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){