API tools faq
paste
Advertisement
thorbj

style.css

thorbj
Feb 1st, 2013
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.27 KB | None | 0 0
raw download clone embed print report
  1. body {
  2.     background: url(images/pattern1.png) repeat;
  3. }
  4.  
  5. #page {
  6.     /* The entire design is contained within the 'page' id */
  7.     /*width: 1100px !important;*/
  8.     }
  9.    
  10. #header {
  11.     /* Contains the H1 and menu */
  12.  
  13.     }
  14.    
  15. #primary {
  16.     /* Contains the main column *
  17.     width: 1100px !important;
  18.     margin-left:auto;
  19.     margin-right:auto;*/
  20.     }
  21.  
  22. #container {
  23.   margin:0 auto;
  24.   max-width:1090px;
  25.   padding:0;
  26. }
  27.  
  28. #container.feature {
  29.    
  30. }
  31.  
  32. #front-content {
  33. width: 100%;
  34. background: url(images/CharcoalDamask.png) repeat;
  35. background-color: #585858;
  36. margin-left: 0;
  37. margin-right: 0;
  38. margin-top: 5px;
  39. margin-bottom: 5px;
  40. padding-left: 0;
  41. padding-right: 0;
  42. padding-top: 5px;
  43. padding-bottom: 5px;
  44. -moz-box-shadow:    inset 0 0 100px #000000;
  45. -webkit-box-shadow: inset 0 0 100px #000000;
  46. box-shadow:         inset 0 0 100px #000000;
  47. }
  48.  
  49. #front-post {
  50. margin-left: auto;
  51. margin-right: auto;
  52. }
  53.  
  54. #post-6 {
  55. margin-left: auto;
  56. margin-right: auto;
  57. }
  58.  
  59. .front-post-entry {
  60. margin-left: auto;
  61. margin-right: auto;
  62. }
  63.  
  64. .front-post-data {
  65. margin-left: auto;
  66. margin-right: auto;
  67. }
  68.    
  69. #content {
  70.     margin-top: 50px;
  71.     display: block;
  72.     width: 1090px !important;
  73.     height: 320px;
  74.     margin-left:auto;
  75.     margin-right:auto;
  76.     margin-bottom: 0px;
  77.     background-color:#000000 !important;
  78.     border-top-left-radius: 4px;
  79.     border-top-right-radius: 4px;
  80.     border-bottom-right-radius: 4px;
  81.     -moz-border-radius-topleft: 4px;
  82.     -moz-border-radius-topright: 4px;
  83.     -moz-border-radius-bottomright: 4px;
  84.     -webkit-border-top-left-radius: 4px;
  85.     -webkit-border-top-right-radius: 4px;
  86.     -webkit-border-bottom-right-radius: 4px;
  87.    
  88. }
  89.  
  90. .pagecontent {
  91.     margin-top: 10px;
  92.     display: block;
  93.     width: 1070px !important;
  94.     height: auto;
  95.     margin-left:auto;
  96.     margin-right:auto;
  97.     background-color:#ffffff !important;
  98.     border: 10px solid black;
  99.     border-top-left-radius: 4px;
  100.     border-top-right-radius: 4px;
  101.     border-bottom-left-radius: 4px;
  102.     border-bottom-right-radius: 4px;
  103.     -moz-border-radius-topleft: 4px;
  104.     -moz-border-radius-topright: 4px;
  105.     -moz-border-radius-bottomleft: 4px;
  106.     -moz-border-radius-bottomright: 4px;
  107.     -webkit-border-top-left-radius: 4px;
  108.     -webkit-border-top-right-radius: 4px;
  109.     -webkit-border-bottom-left-radius: 4px;
  110.     -webkit-border-bottom-right-radius: 4px;
  111.     }
  112.  
  113. h1.entry-title {
  114.     /*text-align:left !important;*/
  115. }
  116.    
  117. .hentry {
  118.     /* Each entry is contained within the 'hentry' class */
  119.     width: 800px !important;
  120.     }
  121.  
  122. .entry-content {
  123.     /* The meat and potatoes of every entry */
  124.     }
  125.  
  126. #sidebar-1 {
  127.     /* The first sidebar */
  128.     }
  129.  
  130. #sidebar-2 {
  131.     /* The second sidebar */
  132.     }
  133.  
  134. .secondary {
  135.     /* Contains both sidebars */
  136.     }
  137.  
  138. .comments {
  139.     width: 500px;
  140. }
  141.    
  142. #img1 {
  143.     float: left;
  144.     width: 300px;
  145.     height: 300px;
  146.     margin:10px;
  147.     background-color: #999999;
  148.     /*border: 5px solid white;*/
  149. }
  150. #img2 {
  151.     float: left;
  152.     width: 440px;
  153.     height: 290px;
  154.     margin-right:10px;
  155.     margin-top:10px;
  156.     margin-bottom:10px;
  157.     border: 5px solid white;
  158. }
  159. #img3 {
  160.     float: left;
  161.     width: 290px;
  162.     height: 290px;
  163.     margin-right:10px;
  164.     margin-top:10px;
  165.     margin-bottom:10px;
  166.     border: 5px solid white;
  167. }
  168.  
  169. /* Front page Navigation */
  170.  
  171. #navigationMenu li{
  172.     list-style:none;
  173.     height:39px;
  174.     padding:2px;
  175.     width:40px;
  176. }
  177.  
  178. #navigationMenu span{
  179.     /* Container properties */
  180.     width:0;
  181.     left:38px;
  182.     padding:0;
  183.     position:absolute;
  184.     overflow:hidden;
  185.             -moz-box-shadow:    0px 0px 10px 0px #000000;
  186.   -webkit-box-shadow: 0px 0px 10px 0px #000000;
  187.   box-shadow:         0px 0px 10px 0px #000000;
  188.  
  189.     /* Text properties */
  190.     font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
  191.     font-size:18px;
  192.     font-weight:bold;
  193.     letter-spacing:0.6px;
  194.     white-space:nowrap;
  195.     line-height:39px;
  196.  
  197.     /* CSS3 Transition: */
  198.     -webkit-transition: 0.25s;
  199.  
  200.     /* Future proofing (these do not work yet): */
  201.     -moz-transition: 0.25s;
  202.     transition: 0.25s;
  203. }
  204.  
  205. #navigationMenu a{
  206.     /* The background sprite: */
  207.     background:url('img/navigation.png') no-repeat;
  208.     height:39px;
  209.     width:38px;
  210.     display:block;
  211.     position: relative;
  212.             -moz-box-shadow:    0px 0px 10px 0px #000000;
  213.   -webkit-box-shadow: 0px 0px 10px 0px #000000;
  214.   box-shadow:         0px 0px 10px 0px #000000;
  215. }
  216.  
  217. /* General hover styles */
  218.  
  219. #navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
  220. #navigationMenu a:hover{
  221.     text-decoration:none;
  222.  
  223.     /* CSS outer glow with the box-shadow property */
  224.     -moz-box-shadow:0 0 5px #9ddff5;
  225.     -webkit-box-shadow:0 0 5px #9ddff5;
  226.     box-shadow:0 0 5px #9ddff5;
  227. }
  228.  
  229. /* Green Button */
  230.  
  231. #navigationMenu .home { background-position:0 0;}
  232. #navigationMenu .home:hover {   background-position:0 -39px;}
  233. #navigationMenu .home span{
  234.     background-color:#6d929b;
  235.     color:#223a44;
  236.     text-shadow:1px 1px 0 #b6c9cd;
  237. }
  238.  
  239. /* Blue Button */
  240.  
  241. #navigationMenu .about { background-position:-38px 0;}
  242. #navigationMenu .about:hover { background-position:-38px -39px;}
  243. #navigationMenu .about span{
  244.     background-color:#6d929b;
  245.     color:#223a44;
  246.     text-shadow:1px 1px 0 #b6c9cd;
  247. }
  248.  
  249. /* Orange Button */
  250.  
  251. #navigationMenu .services { background-position:-76px 0;}
  252. #navigationMenu .services:hover { background-position:-76px -39px;}
  253. #navigationMenu .services span{
  254.     background-color:#6d929b;
  255.     color:#223a44;
  256.     text-shadow:1px 1px 0 #b6c9cd;
  257. }
  258.  
  259. /* Yellow Button */
  260.  
  261. #navigationMenu .portfolio { background-position:-114px 0;}
  262. #navigationMenu .portfolio:hover{ background-position:-114px -39px;}
  263. #navigationMenu .portfolio span{
  264.     background-color:#6d929b;
  265.     color:#223a44;
  266.     text-shadow:1px 1px 0 #b6c9cd;
  267. }
  268.  
  269. /* Purple Button */
  270.  
  271. #navigationMenu .contact { background-position:-152px 0;}
  272. #navigationMenu .contact:hover { background-position:-152px -39px;}
  273. #navigationMenu .contact span{
  274.     background-color:#6d929b;
  275.     color:#223a44;
  276.     text-shadow:1px 1px 0 #b6c9cd;
  277. }
  278.  
  279.  
  280. ul.smenu {
  281.     /*position: absolute; */
  282.     white-space: nowrap;
  283.     display: block;
  284.     /*bottom: 0; */
  285.     margin-left: -28px;
  286.     margin-right: 0;
  287.     height: 30px;
  288.     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  289.     font-size: 100%;
  290.     }
  291.  
  292. /*ul.smenu,*/
  293. ul.smenu li {
  294.     float: left;
  295.     list-style: none;
  296.     background: #000000; /* Old browsers */
  297.     background: -moz-linear-gradient(top,  #000000 0%, #7e7d7e 100%); /* FF3.6+ */
  298.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#7e7d7e)); /* Chrome,Safari4+ */
  299.     background: -webkit-linear-gradient(top,  #000000 0%,#7e7d7e 100%); /* Chrome10+,Safari5.1+ */
  300.     background: -o-linear-gradient(top,  #000000 0%,#7e7d7e 100%); /* Opera 11.10+ */
  301.     background: -ms-linear-gradient(top,  #000000 0%,#7e7d7e 100%); /* IE10+ */
  302.     background: linear-gradient(to bottom,  #000000 0%,#7e7d7e 100%); /* W3C */
  303.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#7e7d7e',GradientType=0 ); /* IE6-9 */
  304.     border-bottom-left-radius: 4px;
  305.     border-bottom-right-radius: 4px;
  306.     -moz-border-radius-bottomleft: 4px;
  307.     -moz-border-radius-bottomright: 4px;
  308.     -webkit-border-bottom-left-radius: 4px;
  309.     -webkit-border-bottom-right-radius: 4px;
  310.     }
  311.  
  312. /*ul.smenu li {
  313.     margin-right: 4px;
  314.     }*/
  315.  
  316. ul.smenu li a {
  317.     display: block;
  318.     padding: 5px 15px;
  319.     font-size: 1em;
  320.     color: white;
  321.     border-bottom-left-radius: 4px;
  322.     border-bottom-right-radius: 4px;
  323.     -moz-border-radius-bottomleft: 4px;
  324.     -moz-border-radius-bottomright: 4px;
  325.     -webkit-border-bottom-left-radius: 4px;
  326.     -webkit-border-bottom-right-radius: 4px;
  327.     }
  328.  
  329. ul.smenu li a:hover {
  330.     background: #000000; /* Old browsers */
  331.     background: -moz-linear-gradient(top,  #000000 0%, #7e7d7e 900%); /* FF3.6+ */
  332.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(90%,#7e7d7e)); /* Chrome,Safari4+ */
  333.     background: -webkit-linear-gradient(top,  #000000 0%,#7e7d7e 90%); /* Chrome10+,Safari5.1+ */
  334.     background: -o-linear-gradient(top,  #000000 0%,#7e7d7e 90%); /* Opera 11.10+ */
  335.     background: -ms-linear-gradient(top,  #000000 0%,#7e7d7e 90%); /* IE10+ */
  336.     background: linear-gradient(to bottom,  #000000 0%,#7e7d7e 90%); /* W3C */
  337.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#7e7d7e',GradientType=0 ); /* IE6-9 */
  338.     color: #eee;
  339.     text-decoration: none;
  340.     padding: 5px 15px 8px 15px;
  341.     }
  342.  
  343. ul.smenu li.current_page_item a,
  344. ul.smenu li.current_page_item a:hover,
  345. ul.smenu li.current_page_ancestor a,
  346. ul.smenu li.current_page_ancestor a:hover,
  347. body.single ul.smenu li.blogtab a,
  348. body.single ul.smenu li.blogtab a:hover {
  349.     color: #333;
  350.     background: white;
  351.     text-decoration: none;
  352.     }
  353.  
  354. /* Navigation */
  355.  
  356. ul.menu {
  357.     position: absolute;
  358.     white-space: nowrap;
  359.     bottom: 0;
  360.     margin: 0 20px;
  361.     }
  362.  
  363. ul.menu,
  364. ul.menu li {
  365.     float: left;
  366.     list-style: none;
  367.     }
  368.  
  369. ul.menu li {
  370.     margin-right: 4px;
  371.     }
  372.  
  373. ul.menu li a {
  374.     display: block;
  375.     padding: 5px 15px;
  376.     font-size: 1em;
  377.     color: white;
  378.     border-top-left-radius: 4px;
  379.     border-top-right-radius: 4px;
  380.     -moz-border-radius-topleft: 4px;
  381.     -moz-border-radius-topright: 4px;
  382.     -webkit-border-top-left-radius: 4px;
  383.     -webkit-border-top-right-radius: 4px;
  384.     }
  385.  
  386. ul.menu li a:hover {
  387.     background: #333;
  388.     color: #eee;
  389.     text-decoration: none;
  390.     }
  391.  
  392. ul.menu li.current_page_item a,
  393. ul.menu li.current_page_item a:hover,
  394. ul.menu li.current_page_ancestor a,
  395. ul.menu li.current_page_ancestor a:hover,
  396. body.single ul.menu li.blogtab a,
  397. body.single ul.menu li.blogtab a:hover {
  398.     color: #333;
  399.     background: white;
  400.     text-decoration: none;
  401.     }
  402.    
  403. #maincontent1 {
  404.     visibility: hidden;
  405. }
  406.  
  407. #maincontent2 {
  408.     visibility: hidden;
  409. }
  410.  
  411. #maincontent3 {
  412.     visibility: hidden;
  413. }
  414.  
  415. #maincontent4 {
  416.     visibility: hidden;
  417. }
  418.  
  419. /*Shutter Gallery style */
  420. ul.shutter-gallery {
  421.     clear: both;
  422.     list-style: none outside none;
  423.     margin: 0 0 14px;
  424.     padding: 0;
  425. }
  426.  
  427. ul.shutter-gallery li {
  428.     clear: left;
  429.     float: left;
  430.     list-style: none outside none;
  431.     margin-bottom: 0;
  432.     position: relative;
  433.     text-align: center;
  434.     width: 48%;
  435. }
  436.  
  437. ul.shutter-gallery li.gallery-image {
  438.     clear: none;
  439.     margin-right: 16px !important;
  440.     width: 20.75%;
  441. }
  442.  
  443. ul.shutter-gallery li a img {
  444.     display: block;
  445.     height: auto;
  446.     margin: 2px !important;
  447.     padding: 5px;
  448.     width: 100%;
  449.     border-left: 1px #909090 solid;
  450.     border-top: 1px #909090 solid;
  451.     border-right: 2px #909090 solid;
  452.     border-bottom: 2px #909090 solid;
  453.     border-top-left-radius: 4px;
  454.     border-top-right-radius: 4px;
  455.     border-bottom-left-radius: 4px;
  456.     border-bottom-right-radius: 4px;
  457.     -moz-border-radius-topleft: 4px;
  458.     -moz-border-radius-topright: 4px;
  459.     -moz-border-radius-bottomleft: 4px;
  460.     -moz-border-radius-bottomright: 4px;
  461.     -webkit-border-top-left-radius: 4px;
  462.     -webkit-border-top-right-radius: 4px;
  463.     -webkit-border-bottom-left-radius: 4px;
  464.     -webkit-border-bottom-right-radius: 4px;
  465. }
  466.  
  467. ul.shutter-gallery li img:hover {
  468.   opacity: 0.75;
  469.   border-left: 1px #909090 solid;
  470.     border-top: 1px #909090 solid;
  471.     border-right: 1px #909090 solid;
  472.     border-bottom: 1px #909090 solid;
  473. }
  474.  
  475. #sidebar-Bildegalleri ul {}
  476.  
  477. .sidebar-Bildegalleri {
  478.     background: none;
  479.     min-height: 0;
  480. }
  481.  
  482. #contain-Bildegalleri {
  483. width: 90%;
  484. margin: 10px auto;
  485. }
  486.  
  487. #sidebar-Bildegalleri {
  488.     float: left;
  489.     width: 160px;
  490.     margin: 0;
  491.     padding: 1em;
  492.     background: none;
  493.     min-height: 0;
  494. }
  495.  
  496. #output-Bildegalleri {
  497.     margin-left: 200px;
  498.     border-left: 1px solid gray;
  499.     padding: 1em;
  500. }
  501.  
  502. #footer {
  503.   clear:both;
  504.   margin:0 auto;
  505.   max-width:1090px;
  506.   padding:0 25px;
  507. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!