/* * These styles apply ONLY to the header and footer assets. */ /* * These styles apply ONLY to the header and footer assets. */ /* Nav Area */ .nav-area { position:fixed; /* change back to sticky when we remove marks desktop hack pocket */ width:100%; background:#4f6a9f; border-bottom:1px solid #637faf; top:0; z-index:999999; font: 12px Verdana, Geneva, sans-serif; } #nav { list-style:none; margin:0 auto; padding:0; height:22px; font: 13px Verdana, Geneva, sans-serif; line-height:14px; min-width:956px; max-width:1400px; } #nav > li{ float:left; border-left:1px solid #637faf; border-right:1px solid rgba(0, 0 ,0, 0); position:relative; width: 19.70%; } #nav > li:first-child { margin:0; border-left: 1px solid rgba(0, 0 ,0, 0); z-index:999999; } #nav > li.hover:first-child{ border-left: 1px solid #c8c8c8; z-index:999999; } #nav > li:last-child { margin:0; border-right: 1px solid rgba(0, 0 ,0, 0); z-index:999999; } #nav > li.hover:last-child{ border-right: 1px solid #c8c8c8; z-index:999999; } #nav > .active > a, #nav > li.hover, #nav > li.hover > a { background:#fff z-index:999999;; } #nav > li.navLeftBorder { border-left-color: #c8c8c8; z-index:999999; } #nav > li.navRightBorder { border-right-color: #c8c8c8; z-index:999999; } .navLeftBorder .nav-drop-menu { margin-left: -1px; z-index:999999; } #nav li:hover { position:relative; z-index:999999; } #nav > li > a, #nav > li > span { display:block; text-align:center; padding:4px 6px; height:15px; color:#fcfcfc; z-index:999999; } #nav.scaling-active > li > a, #nav.scaling-active > li > span { padding:4px 0; z-index:999999; } #nav.scaling-active > li.hover > a, #nav.scaling-active > li.hover > span { color:#2E4A80; z-index:999999; } #nav a:hover{ text-decoration:none; z-index:999999; } ul { position: relative; list-style: none; padding: 2px; width:100%; margin: 0; background: #4f6a9f; z-index:9999; } ul li { display: block; position: relative; float: left; background: #4f6a9f; width: 100%; } /* This hides the dropdowns */ li ul { display: none; } ul li a, ul li span { display: block; padding: 0.5em 1em; text-decoration: none; white-space: nowrap; color: #fff; max-width: 100%; overflow-x: hidden; text-overflow: ellipsis; cursor: pointer; } ul li a:hover, ul li span:hover { background: #2c3e50; } li:hover > ul { display: block; position: absolute; z-index:999999 !important; } li:hover li { float: none; } li:hover a, li:hover span { background: #2E4A80; } li:hover li a:hover, li:hover li span:hover { background: #2c3e50; z-index:9999999; } .main-navigation li ul li { border-top: 0; } ul ul ul { position:absolute; left: 100%; top: 0; } ul:before, ul:after { content: " "; display: table; } ul:after { clear: both; } .footer { background: #f5f5f6; color: #555a62; font: 12px Verdana,Arial,Helvetica,sans-serif; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #2e4a80; } .footer a:hover { color: #2e4a80; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } }

Talk to...
Topics
Regional
Followed Forums

Have your say on the future of the 'Save Draft' feature in this poll

MODs please see this information notice in the mod's forum. Thanks!

How to add spoiler tags, edit posts, add images etc. How to - a user's guide to the new version of Boards

Loner (comic)

16-08-2011 6:25pm

#1
Galvasean

Registered Users Posts: 30,747

Join Date: September 2006

Posts: 29411
Jim Lawson, he guy who use to do the comic series Paleo: Tales of the Cretaceous, has put up 'Loner', the previously unpublished story of an irate T. rex on his blog. There's 40 odd pages. You can flick through the whole thing here.

Sample:

Tagged:

comic

comics

comic books

cretaceous

tyrannosaurus

rex

t. rex

loner

jm lawson

paleo

5

Comments

#2 17-08-2011 7:22pm

Adam Khor

Join Date: March 2011

Posts: 3885

Cool. Although, that T-Rex looks kinda allosauroid IMHO

0
#3 17-08-2011 8:00pm

Rubecula

Join Date: July 2010

Posts: 8323

Adam Khor wrote: »

Cool. Although, that T-Rex looks kinda allosauroid IMHO

Funny you should say that. I was trying to think why it looked a bit wrong but couldn't pin it down.

The eyes possibly add to the effect of 'wrongness'.

0
#4 18-08-2011 6:40pm

Adam Khor

Join Date: March 2011

Posts: 3885

Rubecula wrote: »

Funny you should say that. I was trying to think why it looked a bit wrong but couldn't pin it down.

The eyes possibly add to the effect of 'wrongness'.

The eyes, the neck, the head, the long arms... everything

0

/* * These styles apply ONLY to the header and footer assets. */ /* * These styles apply ONLY to the header and footer assets. */ /* Nav Area */ .nav-area { position:fixed; /* change back to sticky when we remove marks desktop hack pocket */ width:100%; background:#4f6a9f; border-bottom:1px solid #637faf; top:0; z-index:999999; font: 12px Verdana, Geneva, sans-serif; } #nav { list-style:none; margin:0 auto; padding:0; height:22px; font: 13px Verdana, Geneva, sans-serif; line-height:14px; min-width:956px; max-width:1400px; } #nav > li{ float:left; border-left:1px solid #637faf; border-right:1px solid rgba(0, 0 ,0, 0); position:relative; width: 19.70%; } #nav > li:first-child { margin:0; border-left: 1px solid rgba(0, 0 ,0, 0); z-index:999999; } #nav > li.hover:first-child{ border-left: 1px solid #c8c8c8; z-index:999999; } #nav > li:last-child { margin:0; border-right: 1px solid rgba(0, 0 ,0, 0); z-index:999999; } #nav > li.hover:last-child{ border-right: 1px solid #c8c8c8; z-index:999999; } #nav > .active > a, #nav > li.hover, #nav > li.hover > a { background:#fff z-index:999999;; } #nav > li.navLeftBorder { border-left-color: #c8c8c8; z-index:999999; } #nav > li.navRightBorder { border-right-color: #c8c8c8; z-index:999999; } .navLeftBorder .nav-drop-menu { margin-left: -1px; z-index:999999; } #nav li:hover { position:relative; z-index:999999; } #nav > li > a, #nav > li > span { display:block; text-align:center; padding:4px 6px; height:15px; color:#fcfcfc; z-index:999999; } #nav.scaling-active > li > a, #nav.scaling-active > li > span { padding:4px 0; z-index:999999; } #nav.scaling-active > li.hover > a, #nav.scaling-active > li.hover > span { color:#2E4A80; z-index:999999; } #nav a:hover{ text-decoration:none; z-index:999999; } ul { position: relative; list-style: none; padding: 2px; width:100%; margin: 0; background: #4f6a9f; z-index:9999; } ul li { display: block; position: relative; float: left; background: #4f6a9f; width: 100%; } /* This hides the dropdowns */ li ul { display: none; } ul li a, ul li span { display: block; padding: 0.5em 1em; text-decoration: none; white-space: nowrap; color: #fff; max-width: 100%; overflow-x: hidden; text-overflow: ellipsis; cursor: pointer; } ul li a:hover, ul li span:hover { background: #2c3e50; } li:hover > ul { display: block; position: absolute; z-index:999999 !important; } li:hover li { float: none; } li:hover a, li:hover span { background: #2E4A80; } li:hover li a:hover, li:hover li span:hover { background: #2c3e50; z-index:9999999; } .main-navigation li ul li { border-top: 0; } ul ul ul { position:absolute; left: 100%; top: 0; } ul:before, ul:after { content: " "; display: table; } ul:after { clear: both; } .footer { background: #f5f5f6; color: #555a62; font: 12px Verdana,Arial,Helvetica,sans-serif; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #2e4a80; } .footer a:hover { color: #2e4a80; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } }