API tools faq
paste
Advertisement
Guest User

design fetish blog css

a guest
Mar 24th, 2012
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.03 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: power
  3. Theme URI: Your Theme's URI
  4. Description: bold colors with avant guard
  5. Version: 1.0
  6. Author: alex
  7. Author URI: mydesignfeti.sh
  8. */
  9.  
  10. @charset "UTF-8";
  11.  
  12.  
  13. #container {
  14.     position:relative;
  15.     width:960px;
  16.     z-index:1;
  17.     background-color: #2A3129;
  18.     top: 22px;
  19.     margin-right: auto;
  20.     margin-left: auto;
  21. }
  22. #bodycontainer {
  23.     position:relative;
  24.     width:960px;
  25.     z-index:1;
  26.     background-color: #2A3129;
  27.    
  28.     margin-right: auto;
  29.     margin-left: auto;
  30. }
  31. #sidebarcontainer {
  32.     position:relative;
  33.     width:960px;
  34.     z-index:1;
  35.     background-color: #2A3129;
  36.    
  37.     margin-right: auto;
  38.     margin-left: auto;
  39. }
  40. #apDiv1 {
  41.     position:absolute;
  42.     width:230px;
  43.     height:224px;
  44.     z-index:3;
  45.     background-color: #1D1A1A;
  46.     left: 0px;
  47.     top: 0px;
  48. }
  49. #apDiv2 {
  50.     position:absolute;
  51.     width:150px;
  52.     height:224px;
  53.     z-index:4;
  54.     left: 230px;
  55.     top: 0px;
  56.     background-color: #0B0E06;
  57. }
  58.  
  59. #apDiv3 {
  60.     position:absolute;
  61.     width:540px;
  62.     height:582px;
  63.     z-index:6;
  64.     background-color: #0B0E06;
  65.     left: 400px;
  66.     top: 1px;
  67. }
  68. #apDiv4 {
  69.     position:absolute;
  70.     width:380px;
  71.     height:358px;
  72.     z-index:7;
  73.     left: 0px;
  74.     background-color: #0B0E06;
  75.     top:224px;
  76. }
  77. #aboutcontent {
  78.     position:absolute;
  79.     width:380px;
  80.     height:auto;
  81.     left:400px;
  82.     top:244px;
  83.     font-family: 'Lato', sans-serif;
  84.     color: #EDEAEA;
  85.     font-size: 13px;
  86.     line-height: 18px;
  87.     font-weight: 400;
  88. }
  89. #servicescontent {
  90.     position:absolute;
  91.     width:540px;
  92.     height:442px;
  93.     left:400px;
  94.     top:244px;
  95.     background-image:url(images/services.png);
  96. }
  97. #aboutsnip {
  98.     position:absolute;
  99.     width:150px;
  100.     height:auto;
  101.     left:230px;
  102.     top:244px;
  103.     font-family: 'Lato', sans-serif;
  104.     color: #D82936;
  105.     font-size: 15px;
  106.     line-height: 18px;
  107.     font-weight: 400;
  108.     text-align:right;
  109. }
  110. #SubPageNav {
  111.     position:absolute;
  112.     width:540px;
  113.     height:224px;
  114.     z-index:6;
  115.     background-color: #0B0E06;
  116.     left: 400px;
  117.     top: 1px;
  118. }
  119.  
  120. #logo {
  121.     position:relative;
  122.     margin: auto;
  123.     left: 5px;
  124.     top: 38px;
  125.     right: auto;
  126.     bottom: auto;
  127.     height: auto;
  128.     width: auto;
  129. }
  130. #folioTitle {
  131.     position: absolute;
  132.     top: 124px;
  133.     left: 6px;
  134.    
  135. }
  136. #folioTitleSub {
  137.     position:absolute;
  138.     top:32px;
  139.     left:6px;
  140. }
  141. #AboutTitle {
  142.     position: absolute;
  143.     top: 195px;
  144.     left: 2px;
  145.     height:69px;
  146.     width:427px;
  147.    
  148. }
  149. #AboutTitleSub {
  150.     position: absolute;
  151.     top: 56px;
  152.     left: 5px;
  153.     height:23px;
  154.     width:136px;
  155.    
  156. }
  157. #FollowTitle {
  158.     position: absolute;
  159.     top: 269px;
  160.     left: 6px;
  161.    
  162. }
  163. #FollowTitleSub {
  164.     position: absolute;
  165.     top: 81px;
  166.     left: 6px;
  167.    
  168. }
  169. #ServicesTitle {
  170.     position: absolute;
  171.     top: 342px;
  172.     left: 6px;
  173.    
  174. }
  175. #ServicesTitleSub {
  176.     position: absolute;
  177.     top: 103px;
  178.     left: 6px;
  179.    
  180. }
  181. #BlogTitle {
  182.     position: absolute;
  183.     top: 303px;
  184.     left: 6px;
  185.    
  186. }
  187.  
  188. /* BLOG SECTION */
  189.  
  190. #PostDetails {
  191.     font-family:'Lato',sans-serif;
  192.     font-weight:300;
  193.     font-size:11px;
  194.     line-height:13.2px;
  195.     text-align:right;
  196.     color:#EDEAEA;
  197.     float:right;
  198.     list-style:none;
  199.     margin-right:6px;
  200.     margin-top:36px;
  201. }
  202.  
  203. #BlogBlock1 {
  204.     position:absolute;
  205.     width:380px;
  206.     height:104px;
  207.     z-index:7;
  208.     background-color: #0B0E06;
  209.     left: 0px;
  210.     top: 600px;
  211. }
  212.  
  213. #BlogBlock3 {
  214.     position:absolute;
  215.     width:380px;
  216.     height:104px;
  217.     z-index:7;
  218.     background-color: #0B0E06;
  219.     left: 0px;
  220.     top: 900px;
  221. }
  222. #BlogBlock2 {
  223.     position:absolute;
  224.     width:380px;
  225.     height:104px;
  226.     z-index:7;
  227.     background-color: #0B0E06;
  228.     left: 400px;
  229.     top: 600px;
  230. }
  231. #BlogBlock4 {
  232.     position:absolute;
  233.     width:380px;
  234.     height:104px;
  235.     z-index:7;
  236.     background-color: #0B0E06;
  237.     left: 400px;
  238.     top: 900px;
  239. }
  240. #BlogBlock1Text {
  241.     position:absolute;
  242.     width:380px;
  243.     height:160px;
  244.     z-index:7;
  245.     left: 0px;
  246.     top: 128px;
  247.     font-family: 'Lato', sans-serif;
  248.     color: #EDEAEA;
  249.     overflow: auto;
  250.     font-size: 13px;
  251.     line-height: 18px;
  252.     font-weight: 300;
  253. }
  254. #BlogBlock2Text {
  255.     position:absolute;
  256.     width:380px;
  257.     height:160px;
  258.     z-index:7;
  259.     left: 0px;
  260.     top: 128px;
  261.     font-family: 'Lato', sans-serif;
  262.     color: #EDEAEA;
  263.     overflow: auto;
  264.     font-size: 13px;
  265.     line-height: 18px;
  266.     font-weight: 300;
  267. }
  268. #BlogBlock3Text {
  269.     position:absolute;
  270.     width:380px;
  271.     height:160px;
  272.     z-index:7;
  273.     left: 0px;
  274.     top: 128px;
  275.     font-family: 'Lato', sans-serif;
  276.     color: #EDEAEA;
  277.     overflow: auto;
  278.     font-size: 13px;
  279.     line-height: 18px;
  280.     font-weight: 300;
  281. }
  282. #BlogBlock4Text {
  283.     position:absolute;
  284.     width:380px;
  285.     height:160px;
  286.     z-index:7;
  287.     left: 0px;
  288.     top: 128px;
  289.     font-family: 'Lato', sans-serif;
  290.     color: #EDEAEA;
  291.     overflow: auto;
  292.     font-size: 13px;
  293.     line-height: 18px;
  294.     font-weight: 300;
  295. }
  296.  
  297. /* RIGHT COLUMN */
  298.  
  299. #apDiv7 {
  300.     position:absolute;
  301.     width:140px;
  302.     height:104px;
  303.     z-index:7;
  304.     background-color: #1D1A1A;
  305.     left: 800px;
  306.     top: 600px;
  307. }
  308. #ArchiveHeader {
  309.     position:relative;
  310.     font-family:'lato',sans-serif;
  311.     font-weight:300;
  312.     font-size:16px;
  313.     color: #D82936;
  314.     width:50%;
  315.     top:40%;
  316.     margin:0px auto;
  317. }
  318. #ArchiveHeader:hover {
  319.     color:#522936; 
  320. }
  321. #ArchiveC1 {
  322.     position:absolute;
  323.     width:60;
  324.     height:89;
  325.     left:0px;
  326.     top:126px;
  327.     font-family:'lato',sans-serif;
  328.     font-size:12px;
  329.     line-height:15px;
  330.     color: #EDEAEA;
  331.     font-weight:300;
  332. }
  333. #ArchiveC2 {
  334.     position:absolute;
  335.     width:60;
  336.     height:89;
  337.     left:80px;
  338.     top:126px;
  339.     font-family:'lato',sans-serif;
  340.     font-size:12px;
  341.     line-height:15px;
  342.     color: #EDEAEA;
  343.     font-weight:300;
  344. }
  345. #apDiv10 {
  346.     position:absolute;
  347.     width:140px;
  348.     height:104px;
  349.     z-index:7;
  350.     background-color: #1D1A1A;
  351.     left: 800px;
  352.     top: 843px;
  353. }
  354. #apDiv11 {
  355.     position:absolute;
  356.     width:140px;
  357.     height:104px;
  358.     z-index:7;
  359.     background-color: #1D1A1A;
  360.     left: 800px;
  361.     top: 1087px;
  362. }
  363.  
  364. /* PAGE BUTTONS*/
  365. #Pages{
  366.     margin-left:0px;
  367.     position:absolute;
  368.     left:-40px;
  369.     z-index:20;
  370.     top:1368px;
  371.     }
  372. #Pages #PButtons{
  373.    
  374.    
  375. }
  376. #Pages #PButtons li{
  377.     float:left;
  378.     background: #1D1A1A;
  379.     list-style: none;
  380.     padding: 10px 21px;
  381.     margin-left:0px;
  382.     margin-right:20px;
  383.     font-family:'lato',sans-serif;
  384.     font-size:34px;
  385.     color: #EDEAEA;
  386.     font-weight:900;
  387. }
  388. #Pages #PButtons li:hover{
  389.     float:left;
  390.     background: #D82936;
  391.     list-style: none;
  392.     padding: 10x 21px;
  393.     font-family:'lato',sans-serif;
  394.     font-size:34px;
  395.     color: #EDEAEA;
  396.     font-weight:900;
  397. }
  398.  
  399. /* IMAGE-TEXT LINKS */
  400. #aboutlink {
  401.     background-image:url(images/AboutMeHeader.png);
  402.     height:69px;
  403.     width:428px;
  404.     position:absolute;
  405.     }
  406. #aboutlink:hover{
  407.     background-image:url(images/AboutMeHeaderHover.png);
  408.     height:69px;
  409.     width:428px;
  410.     position:absolute;
  411.     }
  412. #foliolink {
  413.     background-image:url(images/PortfolioHeader.png);
  414.     height:69px;
  415.     width:452px;
  416.     position:absolute;
  417.     background-repeat:no-repeat;
  418.     }
  419. #foliolink:hover{
  420.     background-image:url(images/PortfolioHeaderHover.png);
  421.     height:69px;
  422.     width:452px;
  423.     position:absolute;
  424.     background-repeat:no-repeat;
  425.  
  426.     }
  427. #followlink {
  428.     background-image:url(images/FollowMeHeader.png);
  429.     height:69px;
  430.     width:478px;
  431.     position:absolute;
  432.     background-repeat:no-repeat;
  433.  
  434.     }
  435. #followlink:hover{
  436.     background-image:url(images/FollowMeHeaderHover.png);
  437.     height:69px;
  438.     width:478px;
  439.     position:absolute;
  440.     background-repeat:no-repeat;
  441.     }
  442. #serviceslink {
  443.     background-image:url(images/ServicesHeader.png);
  444.     height:69px;
  445.     width:382px;
  446.     position:absolute;
  447.     background-repeat:no-repeat;
  448.     }
  449. #serviceslink:hover {
  450.     background-image:url(images/ServicesHeaderHover.png);
  451.     height:69px;
  452.     width:382px;
  453.     position:absolute;
  454.     background-repeat:no-repeat;
  455.     }
  456. #logolink{
  457.     background-image:url(images/logo.png);
  458.     height:142px;
  459.     width:220px;
  460.     position:absolute;
  461.     background-repeat:no-repeat;
  462.     }
  463. #logolink:hover{
  464.     background-image:url(images/logoHover.png);
  465.     height:142px;
  466.     width:220px;
  467.     position:absolute;
  468.     background-repeat:no-repeat;
  469.     }
  470. #bloglink{
  471.     background-image:url(images/BlogHeader.png);
  472.     height:46px;
  473.     width:337px;
  474.     position:absolute;
  475.     background-repeat:no-repeat;
  476.     }
  477. #bloglink:hover{
  478.     background-image:url(images/BlogHeaderHover.png);
  479.     height:46px;
  480.     width:337px;
  481.     position:absolute;
  482.     background-repeat:no-repeat;
  483.     }
  484.    
  485.     /* CHILD PAGE HEADER LINKS */
  486.    
  487. #foliolinksub {
  488.     background-image:url(images/PortfolioHeaderSmall.png);
  489.     height:22px;
  490.     width:143px;
  491.     position:absolute;
  492.     background-repeat:no-repeat;
  493. }
  494. #foliolinksub:hover{
  495.     background-image:url(images/PortfolioHeaderSmallHover.png);
  496.     height:22px;
  497.     width:143px;
  498.     position:absolute;
  499.     background-repeat:no-repeat;
  500.  
  501. }
  502. #aboutlinksub {
  503.     background-image:url(images/AboutMeHeaderSmall.png);
  504.     height:23px;
  505.     width:136px;
  506.     position:absolute;
  507. }
  508. #aboutlinksub:hover{
  509.     background-image:url(images/AboutMeHeaderSmallHover.png);
  510.     height:23px;
  511.     width:136px;
  512.     position:absolute;
  513. }
  514. #followlinksub {
  515.     background-image:url(images/FollowMeHeaderSmall.png);
  516.     height:22px;
  517.     width:152px;
  518.     position:absolute;
  519.     background-repeat:no-repeat;
  520.  
  521. }
  522. #followlinksub:hover{
  523.     background-image:url(images/FollowMeHeaderSmallHover.png);
  524.     height:22px;
  525.     width:152px;
  526.     position:absolute;
  527.     background-repeat:no-repeat;
  528. }
  529. #serviceslinksub {
  530.     background-image:url(images/ServicesHeaderSmall.png);
  531.     height:23px;
  532.     width:121px;
  533.     position:absolute;
  534.     background-repeat:no-repeat;
  535. }
  536. #serviceslinksub:hover {
  537.     background-image:url(images/ServicesHeaderSmallHover.png);
  538.     height:23px;
  539.     width:121px;
  540.     position:absolute;
  541.     background-repeat:no-repeat;
  542. }
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!