Guest User

Untitled

a guest
Jun 13th, 2016
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.48 KB | None | 0 0
  1. /*
  2.  
  3. Theme Name: How-To Talks;
  4.  
  5. Author Nmae: Arslan;
  6.  
  7. Auther URI: www.howtotalks.com;
  8.  
  9. Version: 0.0;
  10.  
  11. */
  12.  
  13.  
  14.  
  15.  
  16.  
  17. body {
  18.  
  19. font-size: 14px;
  20.  
  21. line-height: 1.6;
  22.  
  23. }
  24.  
  25.  
  26.  
  27. a {
  28.  
  29. color: #1da1f2;
  30.  
  31. }
  32.  
  33.  
  34.  
  35. a:hover {
  36.  
  37. color: #1da1f2;
  38.  
  39. }
  40.  
  41.  
  42.  
  43. h1,
  44.  
  45. .h1,
  46.  
  47. h2,
  48.  
  49. .h2,
  50.  
  51. h3,
  52.  
  53. .h3,
  54.  
  55. h4,
  56.  
  57. .h4,
  58.  
  59. h5,
  60.  
  61. .h5,
  62.  
  63. h6,
  64.  
  65. .h6 {
  66.  
  67. font-size: 18px;
  68.  
  69. }
  70.  
  71.  
  72.  
  73.  
  74.  
  75. /*
  76.  
  77. ============================================================
  78.  
  79. Navigation
  80.  
  81. ============================================================
  82.  
  83. */
  84.  
  85.  
  86.  
  87. .navbar {
  88.  
  89. height: auto;
  90.  
  91. border-bottom: 3px solid #1da1f2;
  92.  
  93. border-radius: 0;
  94.  
  95. }
  96.  
  97.  
  98.  
  99. .navbar-default {
  100.  
  101. background-color: #fff;
  102.  
  103. }
  104.  
  105.  
  106.  
  107. .navbar-header {
  108.  
  109. height: 68px;
  110.  
  111. }
  112.  
  113.  
  114.  
  115. .navbar-header a {
  116.  
  117. font-family: 'Dancing Script', Georgia, Times, serif;
  118.  
  119. font-weight: bold;
  120.  
  121. font-size: 40px;
  122.  
  123. padding-left: 30px;
  124.  
  125. }
  126.  
  127.  
  128.  
  129.  
  130.  
  131. .navbar-header button {
  132.  
  133. margin-top: 16px;
  134.  
  135. margin-bottom: 16px;
  136.  
  137. }
  138.  
  139. .navbar-brand {
  140. height: auto;
  141. }
  142.  
  143.  
  144. .navbar-brand img {
  145.  
  146. width: auto;
  147.  
  148. height: 35px;
  149.  
  150. }
  151.  
  152.  
  153.  
  154. .nav > li {
  155.  
  156. margin-top: 10px;
  157.  
  158. margin-bottom: 10px;
  159.  
  160. }
  161.  
  162.  
  163.  
  164. /*
  165.  
  166. ============================================================
  167.  
  168. Left-Column
  169.  
  170. ============================================================
  171.  
  172. */
  173.  
  174.  
  175.  
  176. .col-left {
  177.  
  178. padding: 10px 5px;
  179.  
  180. margin-bottom: 20px;
  181.  
  182. background-color: #f5f5f5;
  183.  
  184. }
  185.  
  186.  
  187.  
  188. .col-left li {
  189.  
  190. line-height: 1.6;
  191.  
  192. font-size: 14px;
  193.  
  194. list-style: none;
  195.  
  196. }
  197.  
  198. .col-left li:hover {
  199. font-weight: bold;
  200. }
  201.  
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208. /*
  209.  
  210. ============================================================
  211.  
  212. Article page
  213.  
  214. ============================================================
  215.  
  216. */
  217.  
  218.  
  219.  
  220. .card {
  221.  
  222. margin-bottom: 30px;
  223.  
  224. padding: 10px;
  225.  
  226. border: 1px solid #efefef;
  227.  
  228. }
  229.  
  230.  
  231.  
  232. .card:hover {
  233.  
  234. box-shadow: 0 6px 12px rgba(0,0,0,.175);
  235.  
  236. }
  237.  
  238.  
  239.  
  240. .card img {
  241.  
  242. width: 100%;
  243.  
  244. height: 120px;
  245.  
  246. margin-bottom: 20px;
  247.  
  248. }
  249.  
  250.  
  251.  
  252. .content-header {
  253.  
  254. padding-bottom: 9px;
  255.  
  256. margin: 0;
  257.  
  258. }
  259.  
  260.  
  261.  
  262. .content-header h1 {
  263.  
  264. margin-top: 0px;
  265.  
  266. }
  267.  
  268.  
  269.  
  270. .content-header p {
  271.  
  272. color: #888;
  273.  
  274. font-size: 70%;
  275.  
  276. }
  277.  
  278.  
  279.  
  280. .content-header p a {
  281.  
  282. color: #888;
  283.  
  284. }
  285.  
  286.  
  287.  
  288. .page-header h1 {
  289.  
  290. font-size: 21px;
  291.  
  292. }
  293.  
  294.  
  295.  
  296. .page-header p {
  297.  
  298. color: #888;
  299.  
  300. font-size: 85%;
  301.  
  302. }
  303.  
  304.  
  305.  
  306. .page-header p a {
  307.  
  308. color: #888;
  309.  
  310. }
  311.  
  312.  
  313.  
  314. .fa {
  315.  
  316. padding: 5px;
  317.  
  318. }
  319.  
  320.  
  321.  
  322. img {
  323.  
  324. width: 100%;
  325.  
  326. height: auto;
  327.  
  328. }
  329.  
  330.  
  331.  
  332. .entry-img {
  333.  
  334. margin-bottom: 20px;
  335.  
  336. }
  337.  
  338.  
  339.  
  340. .content-body {
  341.  
  342. padding: 5px;
  343.  
  344. }
  345.  
  346.  
  347.  
  348.  
  349.  
  350. .meta {
  351.  
  352. margin-right: 20px;
  353.  
  354. }
  355.  
  356.  
  357.  
  358. /*
  359.  
  360. ============================================================
  361.  
  362. Comments
  363.  
  364. ============================================================
  365.  
  366. */
  367.  
  368.  
  369.  
  370. .comment-area {
  371.  
  372. padding: 20px;
  373.  
  374. margin-top: 70px;
  375.  
  376. }
  377.  
  378.  
  379.  
  380. .comments-title, .comment-reply-title {
  381.  
  382. padding-bottom: 9px;
  383.  
  384. margin: 40px 0 20px 0;
  385.  
  386. border-bottom: 1px solid #eee;
  387.  
  388. }
  389.  
  390.  
  391.  
  392. ol,
  393.  
  394. ol ul {
  395.  
  396. list-style: none;
  397.  
  398. }
  399.  
  400.  
  401.  
  402. ol ul {
  403.  
  404. border-left: 3px solid #ccc;
  405.  
  406. }
  407.  
  408.  
  409.  
  410. ol li {
  411.  
  412. margin-bottom: 20px;
  413.  
  414. }
  415.  
  416.  
  417.  
  418. .comment-list ul {
  419.  
  420. margin-bottom: 40px;
  421.  
  422. }
  423.  
  424.  
  425.  
  426.  
  427.  
  428. /*
  429.  
  430. ============================================================
  431.  
  432. Widget Area
  433.  
  434. ============================================================
  435.  
  436. */
  437.  
  438.  
  439.  
  440. .widget-area ul{
  441.  
  442. padding: 15px;
  443.  
  444. }
  445.  
  446.  
  447.  
  448. .widget-area ul li {
  449.  
  450. list-style: none;
  451.  
  452. padding: 1px;
  453.  
  454. border-bottom: 0.5px dotted #1da1f2;
  455.  
  456. }
  457.  
  458.  
  459.  
  460. .widget-area ul li a:hover {
  461.  
  462. text-decoration: none;
  463.  
  464. color: orange;
  465.  
  466. opacity: 0.8;
  467.  
  468. }
  469.  
  470.  
  471.  
  472. /*
  473.  
  474. ============================================================
  475.  
  476. Simple Page
  477.  
  478. ============================================================
  479.  
  480. */
  481.  
  482.  
  483.  
  484. .page-height {
  485.  
  486. min-height: 400px;
  487.  
  488. }
  489.  
  490.  
  491.  
  492. /*
  493.  
  494. ============================================================
  495.  
  496. Footer
  497.  
  498. ============================================================
  499.  
  500. */
  501.  
  502.  
  503.  
  504. .site-footer {
  505.  
  506. background-color: #374147;
  507.  
  508. padding: 40px 0 20px;
  509.  
  510. color: #fff;
  511.  
  512. margin-top: 30px;
  513.  
  514. }
  515.  
  516.  
  517.  
  518. .site-footer a {
  519.  
  520. color: #fff;
  521.  
  522. opacity: 0.6;
  523.  
  524. }
  525.  
  526.  
  527.  
  528. .site-footer a:hover {
  529.  
  530. color: #fff;
  531.  
  532. opacity: 1;
  533.  
  534. }
  535.  
  536.  
  537.  
  538. .site-footer ul {
  539.  
  540. list-style: none;
  541.  
  542. }
  543.  
  544.  
  545.  
  546. .site-footer ul li {
  547.  
  548. float: left;
  549.  
  550. padding-left: 20px;
  551.  
  552. }
  553.  
  554.  
  555.  
  556. .site-info {
  557.  
  558. float: left;
  559.  
  560. }
  561.  
  562.  
  563.  
  564. .site-info a {
  565.  
  566. padding: 0;
  567.  
  568. }
  569.  
  570.  
  571.  
  572. .site-info img {
  573.  
  574. height:20px;
  575.  
  576. }
  577.  
  578.  
  579.  
  580. .site-info span {
  581.  
  582. margin-right: 5px;
  583.  
  584. }
Add Comment
Please, Sign In to add comment