https://transparenttextures.com/45-degree-fabric-dark.html

1<!DOCTYPE html>
2<html>
3<head>
4  <meta charset="utf-8">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6  <meta name="viewport" content="width=device-width, initial-scale=1">
7  <title>45 Degree Fabric (Dark) - Transparent Textures</title>
8  <link rel="icon" type="image/png" href="favicon.png">
9  <link rel="stylesheet" href="/theme/css/all.min.css" />
10  <style>
11    body {background-image: url(/patterns/45-degree-fabric-dark.png);}
12  </style>
13</head>
14<body class="article">
15  <div class="header">
16    <div class="container">
17      <div class="row">
18        <div class="col-sm-8 col-lg-4">
19          <h1 class="site-title"><a href="/"><span class="title-transparent">Transparent</span> <span class="title-textures">Textures</span></a></h1>
20        </div>
21        <div class="col-lg-3 visible-lg-inline">
22            <div class="tweet-iframe social-iframe">
23                <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.transparenttextures.com">Tweet</a>
24                

24<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

24
25            </div>
26            <div class="facebook-iframe social-iframe">
27                <div id="fb-root"></div>
28                

28<script>(function(d, s, id) {
29                    var js, fjs = d.getElementsByTagName(s)[0];
30                    if (d.getElementById(id)) return;
31                    js = d.createElement(s); js.id = id;
32                    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
33                    fjs.parentNode.insertBefore(js, fjs);
34                }(document, 'script', 'facebook-jssdk'));</script>

34
35                <div class="fb-like" data-href="http://www.transparenttextures.com" data-width="100px" data-layout="button_count" data-action="recommend" data-show-faces="false" data-share="false"></div>
36            </div>
37        </div>
38        <div class="col-sm-4 col-lg-5">
39          <div class="search-container">
40            <input type="text" name="search" id="search" placeholder="Filter patterns (e.g. stripes, fabric, etc.)"/>
41            <a class="searchicon-click-container"><i class="searchicon fa fa-search"></i></a>
42          </div>
43        </div>
44      </div>
45    </div>
46  </div>
47
48  <div class="container main-container">
49
50<div class="sidebar-placeholder col-sm-4 col-md-3 col-lg-2"></div>
51
52<div class="sidebar col-sm-4">
53    <p>Standing on the shoulders of <a href="http://www.subtlepatterns.com" target="_blank">Subtle Patterns</a>. Built and maintained by <a href="https://twitter.com/mikehearn" target="_blank">@mikehearn</a>.</p>
54    <div class="row">
55        <div class="col-sm-12">
56            <h4>1. Choose a Color</h4>
57            <input type="text" name="hexbox" id="hexbox" class="hexbox" placeholder="Click to choose a color.">
58            <input type="text" name="colorpocker" id="colorpicker" class="colorpicker" placeholder="Click to choose a color.">
59        </div>
60        <div class="col-sm-12">
61            <h4>2. Choose a Pattern</h4>
62            <p>
63                <span class="current-pattern-is">Current pattern:</span>
64                <br/>
65                <span class="current-pattern">not selected</span>.
66            </p>
67        </div>
68        <div class="col-sm-12">
69            <h4>3. Grab the CSS</h4>
70            <textarea id="cssfield" style="width: 100%; height: 100px;"></textarea>
71            <button id="copy-button" class="btn btn-default btn-xs" data-clipboard-target="cssfield" title="Copy to clipboard.">Copy to clipboard</button>
72            <span class="copy-success"></span>
73        </div>
74    </div>
75</div><div class="article-container col-sm-8 col-md-9 col-lg-10">
76    <div class="single-pattern-container">
77
78        <div class="title-row row">
79            <h3 class="pattern-title"><span>45 Degree Fabric (Dark)</span></h3>
80            <p>Created by Atle Mo. Originally found at <a href="http://subtlepatterns.com/awesome-pattern/">Subtle Patterns</a>.</p>
81        </div>
82
83        <hr>
84
85        <div class="row">
86            <div class="save-transparent-column col-md-6">
87                <h4>Download the transparent texture:</h4>
88                <div><img class="pattern-example" src="/patterns/45-degree-fabric-dark.png"></div>
89                <a class="btn btn-default" href="/patterns/45-degree-fabric-dark.png" download>Save 45-degree-fabric-dark.png</a>
90            </div>
91            <div class="save-wallpaper-column col-md-6">
92                <h4>Create a wallpaper from the texture:</h4>
93                <div class="resolutions">
94                    <div><img class="wallpaper-example" src="/theme/images/monitor.png" height="100"></div>
95                    <div class="select-resolution">
96                        <select class="form-control center-block" id="device_resolution">
97                            <option value="hd">High Definition (1920x1080)</option>
98                            <option value="iphone5">iPhone 5 (640x1136)</option>
99                            <option value="iphone4">iPhone 4/4S (640x960)</option>
100                            <option value="ipad">iPad (1536x2048)</option>
101                            <option value="twitter">Twitter Header (520x260)</option>
102                            <option value="facebook">Facebook Cover (851x315)</option>
103                        </select>
104                    </div>
105                    <div class="resolution-input">
106                        <input type="text" id="wallpaper_width" placeholder="1920" value="1920">
107                        <span>x</span>
108                        <input type="text" id="wallpaper_height" placeholder="1080" value="1080">
109                    </div>
110                    <div class="save-wallpaper">
111                        <a class="btn btn-default save-wallpaper-button" href="#" download>Save wallpaper</a>
112                    </div>
113                </div>
114            </div>
115        </div>
116
117    </div>
118</div>
119
120  </div>
121
122  

122<script src="/theme/js/all.js"></script>

122
123  

123<script>var pattern = '/patterns/45-degree-fabric-dark.png';
124var pattern_title = '45 Degree Fabric (Dark)';
125</script>

125

126<script>

126
127  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
128  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
129  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
130  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
131
132  ga('create', '

132UA-48127789-1

132', 'transparenttextures.com');
133  ga('send', 'pageview');
134

135</script>

135

136<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"bb44770d2cef4ebd8a4e557f0f285531","r":1,"spa":2}' crossorigin="anonymous"></script>

136
137</body>
138</html>