Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background-color: #FFF;
- margin: 0;
- padding: 0;
- font-family: Arial;
- }
- #info {
- width: 100%;
- position: absolute;
- top: 0;
- height: 50px;
- background-color: #111;
- color: #ccc;
- font-family: 'League Gothic', arial, sans-serif;
- }
- #info h1 {
- margin: 0 0 0 20px;
- float: left;
- font-size: 40px;
- color: #660066;
- line-height: 52px;
- }
- #info h2 {
- margin: 14px 0 0 5px;
- float: left;
- font-size: 20px;
- }
- #pic {
- margin: 4px;
- width: 40px;
- height: 40px;
- border: 1px solid #999;
- border-radius: 4px;
- overflow: hidden;
- -webkit-transition: all .5s ease;
- -moz-transition: all .5s ease;
- -o-transition: all .5s ease;
- transition: all .5s ease;
- }
- #info h3 {
- margin: 19px 0 0 15px;
- float: right;
- font-size: 20px;
- }
- #code {width: 100%; height: 90%; top: 50px; left: 0; position: absolute; color: #ccc;}
- /*PRE*/
- pre {
- background-color:#233948;
- font:12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
- color:#333;
- border:1px solid #990033;
- position:relative;
- padding:0 7px;
- margin:10px 0;
- overflow:auto;
- word-wrap:normal;
- white-space:pre;
- box-shadow:0 1px 2px rgba(0,0,0,0.2);
- position:relative;
- }
- pre[data-codetype]:before {
- content:attr(data-codetype);
- display:block;
- position:absolute;
- top:0;
- right:0;
- left:0;
- background-color:#CC0033;
- padding: 0px;
- font:bold 12px/20px Arial,Sans-Serif;
- color:white;
- border-color:#990033;color:#FFFFFF;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement